body.modal-open{height:100vh;overflow-y:hidden}body>header .h-inner{width:calc(100% - 20px);padding:8px 0 5px}body>header .h-inner h1{margin:3px 0 0 10px}body>header .h-inner h1 svg{width:auto;height:38px}body>header .h-inner h1 svg image{width:auto;height:38px}body>header .h-inner .sns-link{height:40px}body>header nav{position:fixed;overflow-y:scroll;width:80%;height:calc(100vh - 50px);top:0;left:0;z-index:10;padding:0 0 10px;background:#000;transition:all .3s ease}body>header nav:after{clear:both;content:"";display:block;height:0}body>header nav.hidden{left:-80%}body>header nav .sp-close{width:100%;margin:0 0 5px;padding:3px 20px;background:#333;color:#fff;font-size:24px}body>header nav ul.main-menu{width:100%;background:#000}body>header nav ul.main-menu>li{line-height:40px;padding:0 20px}body>header nav ul.main-menu>li>a{position:relative;display:block;width:100%;height:100%;padding:0 0 0 1.3em;text-decoration:none;color:#fff;font-size:initial;font-weight:700}body>header nav ul.main-menu>li>a:before{position:absolute;left:0;font-family:"Font Awesome 5 Free";content:"\f07c"}body>header nav li.mega-menu>div.header-nav-child div.mega-list{display:none}body>header nav ul.sub-menu{transition:all .3s ease;width:90%;margin:0 0 0 1.3em}body>header nav ul.sub-menu li{display:block;line-height:40px}body>header nav ul.sub-menu li a{transition:all .3s ease;display:block;width:100%;height:100%;padding:0;text-decoration:none;color:#fff}body>footer{font-size:14px;margin:50px 0}nav.sp-footer-nav{transition:all .3s ease;position:fixed;bottom:0;left:0;width:100%;height:50px;background:#000;font-size:10px}nav.sp-footer-nav ul{display:flex}nav.sp-footer-nav ul:after{clear:both;content:"";display:block;height:0}nav.sp-footer-nav ul li{display:block;width:20%;height:50px;text-align:center;border-top:1px solid #333;border-bottom:1px solid #333}nav.sp-footer-nav ul li:not(:first-child){border-left:1px solid #333}nav.sp-footer-nav ul li a{display:block;height:50px;padding:6px 0;text-decoration:none;color:#fff}nav.sp-footer-nav ul li a svg{display:block;margin:0 auto;width:auto;height:23px;fill:#78909c}nav.sp-footer-nav ul li a i{display:block;color:#78909c;font-size:21px;margin-bottom:3px}nav.sp-footer-nav.hidden{bottom:-50px}.widget-footer{max-width:calc(100% - 20px)}article.fixed-page{width:calc(100% - 20px);margin:30px auto}.entry-list{width:calc(100% - 20px);margin:0 auto}.entry-list a article.entry-card figure{width:120px;height:90px}.entry-list a article.entry-card section{width:calc(100% - 130px)}.entry-list a article.entry-card section h1{font-size:16px}.entry-list a article.entry-card section .entry-meta{font-size:12px}.entry-list a article.entry-card section .entry-snippet{display:none}article.entry-post,article.fixed-page{width:100%}article.entry-post header,article.fixed-page header{height:220px;padding:0 10px}article.entry-post header h1,article.fixed-page header h1{max-width:calc(100% - 20px);text-align:left;font-size:21px}article.entry-post header figure.post-thumbnail img,article.fixed-page header figure.post-thumbnail img{height:220px}article.entry-post header div.post-category,article.fixed-page header div.post-category{width:calc(100% - 20px);max-width:calc(100% - 20px)}article.entry-post header div.post-meta,article.fixed-page header div.post-meta{width:calc(100% - 20px);max-width:calc(100% - 20px);font-size:12px}article.entry-post header div.post-meta .post-tags{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}article.entry-post header div.post-meta .post-tags li{;margin-bottom:5px}article.entry-post header div.post-meta .post-tags li a{padding:3px 10px;text-shadow:none;border-radius:20px;text-decoration:none;color:#fff;background-color:#607d8b}article.entry-post section.post-content h2,article.fixed-page section.post-content h2{padding:3px .5em;font-size:21px}article.entry-post section.post-content h2:after,article.fixed-page section.post-content h2:after{width:30%}article.entry-post section.post-content h3,article.fixed-page section.post-content h3{font-size:18px}article.entry-post section.post-content pre,article.fixed-page section.post-content pre{white-space:pre-wrap}article.entry-post section.post-content .blog-card figure,article.fixed-page section.post-content .blog-card figure{width:120px;height:120px}article.entry-post section.post-content .blog-card figure a img,article.fixed-page section.post-content .blog-card figure a img{width:120px;height:120px}article.entry-post section.post-content .blog-card section,article.fixed-page section.post-content .blog-card section{width:calc(100% - 120px);padding:15px 10px}article.entry-post section.post-content .blog-card section .h1,article.fixed-page section.post-content .blog-card section .h1{font-size:16px;line-height:1.6}article.entry-post section.post-content .blog-card section p,article.fixed-page section.post-content .blog-card section p{display:none}article.entry-post section.post-content .blog-card div.blog-card-site,article.fixed-page section.post-content .blog-card div.blog-card-site{right:8px;bottom:3px}article.entry-post section.post-content .blog-card:before,article.fixed-page section.post-content .blog-card:before{top:-13px;right:15px;padding:2px 13px;border-radius:15px;font-size:12px}article.entry-post footer,article.fixed-page footer{width:calc(100% - 40px)}article.entry-post footer nav.post-link .post-link-card,article.fixed-page footer nav.post-link .post-link-card{width:100%;height:auto}article.entry-post footer nav.post-link .post-link-card a,article.fixed-page footer nav.post-link .post-link-card a{padding:5px}article.entry-post footer nav.post-link .post-link-card a figure,article.fixed-page footer nav.post-link .post-link-card a figure{width:120px;height:75px}article.entry-post footer nav.post-link .post-link-card a div,article.fixed-page footer nav.post-link .post-link-card a div{width:calc(100% - 132px);font-size:14px}article.entry-post footer article.related-post ul,article.fixed-page footer article.related-post ul{display:flex;width:100%;overflow-x:scroll;white-space:nowrap;overflow-scrolling:touch;-webkit-overflow-scrolling:touch}article.entry-post footer article.related-post ul li,article.fixed-page footer article.related-post ul li{display:block;width:70%;min-width:70%;padding:0 10px 0 0;white-space:initial}article.entry-post footer article.related-post ul li figure,article.fixed-page footer article.related-post ul li figure{height:130px}article.entry-post footer article.related-post ul li figure img,article.fixed-page footer article.related-post ul li figure img{height:130px}article.entry-post footer article.related-post ul li h2,article.fixed-page footer article.related-post ul li h2{display:block;width:100%;margin:5px 0 0}article.entry-post .widget-content,article.fixed-page .widget-content{width:calc(100% - 20px);margin:0 auto 20px}article.post-recent{display:block;width:100%;margin:0 auto}article.post-recent header{width:100%;padding:3px 8px;text-align:left}article.post-recent footer{width:100%;padding:0}article.post-recent footer a{display:block;padding:3px 8px;text-align:right}article.post-recent .post-first{width:100%;height:200px}article.post-recent .post-first a figure img{width:100%;height:200px}article.post-recent .post-first a header h1{font-size:21px}article.post-recent ol{display:flex;width:100%;overflow-x:scroll;white-space:nowrap;overflow-scrolling:touch;-webkit-overflow-scrolling:touch}article.post-recent ol li{white-space:initial;width:220px;min-width:220px;height:140px;background:#000}article.post-recent ol li a{width:210px;height:130px;margin:10px 5px 5px}article.post-recent ol li a figure img{width:210px;height:130px}article.post-recent ol li a header{left:0;bottom:5px;width:100%}article.post-recent ol li a header h1{margin:0;font-size:16px}.home-middle-area{width:calc(100% - 20px)}article.post-list{width:100%}article.post-list ol{width:calc(100% - 60px);overflow-x:scroll;overflow-y:hidden;white-space:nowrap;overflow-scrolling:touch;-webkit-overflow-scrolling:touch}article.post-list ol li a article.entry-card{position:relative;white-space:initial}article.post-list ol li a article.entry-card figure img{opacity:.7}article.post-list ol li a article.entry-card header{position:absolute;height:initial;top:30px;left:0;margin:0 10px}article.post-list ol li a article.entry-card header h1{color:#fff;text-shadow:0 0 5px #000}article.post-list ol li a article.entry-card section{font-size:16px}article.post-list ol li a article.entry-card section p{display:none}article.post-list ol li:first-child{margin:0}.home-widget{width:100%;margin:30px 0 0}.home-widget ul.wpp-list li:after{clear:both;content:"";display:block;height:0}.home-widget ul.wpp-list li:before{left:5px;font-size:21px}.home-widget ul.wpp-list li figure{float:left;width:70px;margin:0 0 0 23px}.home-widget ul.wpp-list li .wpp-body{float:right;width:calc(100% - 105px)}.home-widget ul.wpp-list li h2{font-size:18px}.home-widget ul.wpp-list li .wpp-time{margin:5px 0 0}.page-top.pc-top{display:none;position:fixed;left:-50px;bottom:0;width:0;height:0}.widget-home-middle{margin:0 0 30px;padding:0 30px}.tips-wrap{width:calc(100% - 20px)}.tips-wrap .tips-sidebar{margin:1em 0 0;padding:10px;background:#f0f0f0;border-radius:5px}