@charset "UTF-8";

/*-------------------------
__common_style
-------------------------*/

/* #content{padding:200px 0 0;} */

#content .content_inner{max-width:1280px;margin:auto;padding:0 40px;}

#content .link_nav{letter-spacing:-0.4em;text-align:left;margin:70px 0 80px;}
#content .link_nav.tac{text-align:center;}
#content .link_nav li{display:inline-block;letter-spacing:0.05em;margin:0 60px 0 0;}
#content .link_nav li:last-child{margin-right:0;}
#content .link_nav li a{display:block;line-height:1.2;text-decoration:none;}
#content .link_nav li a::after{content:"\EA02";display:inline-block;font-family:'iconfont'!important;height:1em;font-size:2rem;vertical-align:top;margin:-5px 0 0 10px;}
#content .link_nav li a span{display:inline-block;}

#content .page_headline{font-size:2.8rem;font-weight:400;line-height:1.6;text-align:center;}

#content .block_ttl{font-size:4rem;font-weight:400;line-height:1.1;text-align:center;margin:0 0 50px;}
#content .block_ttl span{display:block;font-size:50%;}
#content .block_ttl span::before{content:"";display:block;width:50px;height:2px;margin:10px auto 20px;background:#5d330d;}

#content .list_wrap{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#content .list_wrap .box a{text-decoration:none;}

#content .link_btn{text-align:center;margin:0 0 80px;}
#content .link_btn a{display:inline-block;font-size:3rem;text-decoration:none;padding:20px 40px;border-radius:100px;color:#FFF;background-color:#5d330d;}
#content .link_btn a::after{content:"\EA02";display:inline-block;font-family:'iconfont'!important;font-size:4rem;vertical-align:top;margin:-3px 0 0 10px;}

#content .not_found{font-size:2rem;font-weight:700;text-align:center;margin:auto;padding:100px 0;}

#content .pagination{text-align:center;margin:50px 0 0;position:relative;}
#content .pagination .page_back,
#content .pagination .page_next{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:45px;height:45px;border-radius:100%;color:#FFF;background-color:#5d330d;position:absolute;top:0;bottom:0;}
#content .pagination .page_back{left:0;}
#content .pagination .page_next{right:0;}
#content .pagination .page_back::before,
#content .pagination .page_next::before{display:block;content:"";width:10px;height:10px;border-top:solid 2px #FFF;border-right:solid 2px #FFF;}
#content .pagination .page_back::before{transform:rotate(-135deg);margin:0 -5px 0 0;}
#content .pagination .page_next::before{transform:rotate(45deg);margin:0 0 0 -5px;}
#content .pagination .wp-pagenavi{letter-spacing:-0.4em;text-align:center;padding:0 150px;}
#content .pagination .wp-pagenavi .previouspostslink,
#content .pagination .wp-pagenavi .nextpostslink{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:45px;height:45px;margin:0;border-radius:100%;color:#FFF;background-color:#5d330d;position:absolute;top:0;bottom:0;}
#content .pagination .wp-pagenavi .previouspostslink{left:0;}
#content .pagination .wp-pagenavi .nextpostslink{right:0;}
#content .pagination .wp-pagenavi .previouspostslink::before,
#content .pagination .wp-pagenavi .nextpostslink::before{display:block;content:"";width:10px;height:10px;border-top:solid 2px #FFF;border-right:solid 2px #FFF;}
#content .pagination .wp-pagenavi .previouspostslink::before{transform:rotate(-135deg);margin:0 -5px 0 0;}
#content .pagination .wp-pagenavi .nextpostslink::before{transform:rotate(45deg);margin:0 0 0 -5px;}
#content .pagination .wp-pagenavi .extend{margin:0;}
#content .pagination .wp-pagenavi span,
#content .pagination .wp-pagenavi a{display:inline-block;width:45px;height:45px;font-size:2.4rem;font-weight:700;line-height:45px;letter-spacing:0.05em;text-decoration:none;margin:0 10px;color:#000;}
#content .pagination .wp-pagenavi span{background-color:#FFF;}
#content .pagination .wp-pagenavi a{background-color:#f8f1e3;}

#content #error{margin:0 0 80px;}
#content #error .error_ttl{font-size:2.8rem;font-weight:700;line-height:1.6;margin:0 0 30px;}
#content #error .txt + .txt{margin-top:1.8em;}

@media screen and (min-width:768px) {
#content .link_nav li a,
#content .link_nav li a::after{transition:all 0.3s;}
#content .link_nav li a:hover{opacity:0.5;}
#content .link_nav li a:hover::after{transform:translateX(5px);}

#content .link_btn a,
#content .link_btn a::after{transition:all 0.3s;}
#content .link_btn a:hover{color:#5d330d;background-color:#f8f1e3;}
#content .link_btn a:hover::after{transform:translateX(5px);}

#content .pagination .page_back,
#content .pagination .page_next,
#content .pagination .page_back::before,
#content .pagination .page_next::before{transition:all 0.3s;}
#content .pagination .page_back:hover,
#content .pagination .page_next:hover{opacity:0.5;}
#content .pagination .page_back:hover::before{transform:rotate(-135deg) translateX(5px) translateY(-5px);}
#content .pagination .page_next:hover::before{transform:rotate(45deg) translateX(5px) translateY(-5px);}
#content .pagination .wp-pagenavi .previouspostslink,
#content .pagination .wp-pagenavi .nextpostslink,
#content .pagination .wp-pagenavi .previouspostslink::before,
#content .pagination .wp-pagenavi .nextpostslink::before{transition:all 0.3s;}
#content .pagination .wp-pagenavi .previouspostslink:hover,
#content .pagination .wp-pagenavi .nextpostslink:hover{opacity:0.5;}
#content .pagination .wp-pagenavi .previouspostslink:hover::before{transform:rotate(-135deg) translateX(5px) translateY(-5px);}
#content .pagination .wp-pagenavi .nextpostslink:hover::before{transform:rotate(45deg) translateX(5px) translateY(-5px);}
#content .pagination .wp-pagenavi span,
#content .pagination .wp-pagenavi a{transition:all 0.3s;}
#content .pagination .wp-pagenavi span:hover,
#content .pagination .wp-pagenavi a:hover{color:#FFF;background-color:#5d330d;}
}

@media screen and (max-width:767px) {
#content .content_inner{padding:0 20px;}

#content .link_nav{margin:40px 0 50px;}
#content .link_nav li{width:calc((100% - 20px)/2);margin:0 20px 0 0;}
#content .link_nav li:nth-child(2n){margin-right:0;}
#content .link_nav li a{padding:8px 20px 8px 0;position:relative;}
#content .link_nav li a::after{margin:5px auto auto;position:absolute;top:0;right:0;bottom:0;}

#content .page_headline{font-size:5.2vw;text-align:left;}

#content .block_ttl{font-size:7.2vw;margin:0 0 25px;}
#content .block_ttl span{font-size:4.8vw;}
#content .block_ttl span::before{width:10vw;margin:8px auto 18px;}

#content .link_btn{margin:10px 0 60px;}
#content .link_btn a{font-size:1.8rem;padding:15px 20px;}
#content .link_btn a::after{font-size:3rem;margin:-4px 0 0 10px;}

#content .not_found{font-size:4.8vw;padding:30px 0 50px;}

#content .pagination{margin:40px 0 0;}
#content .pagination .page_back,
#content .pagination .page_next{width:35px;height:35px;}
#content .pagination .page_back::before,
#content .pagination .page_next::before{width:15px;height:15px;border-top:solid 3px #FFF;border-right:solid 3px #FFF;}
#content .pagination .wp-pagenavi{padding:0 35px;}
#content .pagination .wp-pagenavi .previouspostslink,
#content .pagination .wp-pagenavi .nextpostslink{width:35px;height:35px;}
#content .pagination .wp-pagenavi .previouspostslink::before,
#content .pagination .wp-pagenavi .nextpostslink::before{width:15px;height:15px;border-top:solid 3px #FFF;border-right:solid 3px #FFF;}
#content .pagination .wp-pagenavi span,
#content .pagination .wp-pagenavi a{width:30px;height:30px;font-size:2.2rem;line-height:30px;margin:2px 4px;padding:0;}

#content #error{margin:0 0 60px;}
#content #error .error_ttl{font-size:5.2vw;margin:0 0 15px;}
#content #error .txt + .txt{margin-top:1em;}
}

@media screen and (max-width:374px){
#content .pagination .wp-pagenavi span,
#content .pagination .wp-pagenavi a{width:25px;height:25px;font-size:1.8rem;line-height:25px;margin:4px 2px;}
}