@charset "UTF-8";@media (max-width:960px){.SP{display:block}.PC{display:none}header{position:fixed;top:0;left:0}.head_btn{transition:all .5s ease;cursor:pointer}.head_btn li{transition:all .5s ease}.head_btn.open{transform:translateX(1rem)}.head_btn.open .grobal_top,.head_btn.open .grobal_bottom{transform-origin:left;width:3.7rem !important}.head_btn.open .grobal_top{transform:rotate(45deg)}.head_btn.open .grobal_center{opacity:0}.head_btn.open .grobal_bottom{transform:rotate(-45deg)}.grobal{top:10rem;left:0;width:100vw;background:#fff;z-index:998;transition:all .5s ease;transform:translateY(-100%);box-shadow:0 0 .6rem rgba(0,0,0,.5)}.grobal li{width:100%}.grobal li+li{border-top:1px solid #ccc}.grobal.active{transform:translateY(0);border-top:1px solid #ccc}.head_margin{margin-top:14rem}.foot_btn{border-top:2px solid #404040;border-bottom:2px solid #404040}.foot_btn span{transform:translateY(.5rem)}.foot_btn:after{content:"▼";position:absolute;top:1.5rem;right:2rem;font-size:1.2rem}footer nav{height:0;transition:all .5s ease}footer nav.active{height:22rem}footer nav li+li{border-top:1px solid #404040}footer nav li:last-of-type{border-bottom:1px solid #404040}main{max-width:100%}main>ul li{width:49%}main>ul section li .img_link img{width:100%;border:1px solid #eee}aside{max-width:100%}article{max-width:100%}article .img_link_relate{margin-bottom:1em}}@media (max-width:768px){.posts_ttl{height:auto !important}header{height:4rem;padding:1rem 0 !important}header img{height:4rem !important}header .container>a{position:absolute;top:1rem;left:50%;transform:translateX(-50%)}header .container>h1{position:absolute;top:1rem;left:50%;transform:translateX(-50%)}.grobal_top{margin-top:.5rem !important}.grobal{top:6rem}.head_margin{margin-top:9rem}main>ul li{width:100%;margin-top:2rem !important}main>ul li:first-of-type .img_link div{height:auto}main>ul li:first-of-type .cat{margin-top:1.7rem!important}main>ul li:first-of-type .posts_ttl{font-size:1.6rem}main>ul li:first-of-type>div{float:none !important;width:100% !important}main>ul li:first-of-type>div:last-of-type a p{line-height:1.5}aside .posts_ttl{font-size:1.6rem}.popular_list{margin-top:4rem}.popular_excerpt{display:inline-block}.popular_ttl{font-size:1.6rem}.profile{display:block}.profile .fl,.profile .fr{float:none}.profile .dpib{display:block}.profile img{margin-right:0;margin-bottom:2rem;width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important}.contents table{width:100%}}a{word-break:break-all}