.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px;word-wrap:normal}article a img :hover{opacity:.7}.article-btn a{display:block;text-decoration:none;padding:7px 10px;border-radius:4px;font-weight:700;color:#fff;background-color:#e34c26;box-shadow:0 2px #541a0b;transition:transform .3s;text-align:center;width:90%;margin:0 auto}.article-btn a:hover{transform:scale(1.1)}#logo{text-align:left}#logo a{color:#fff;font-size:14px}.breadcrumb{max-width:1200px;margin:0 auto;padding-top:20px}.kotei{position:sticky;top:20px}.top-img{text-align:center}.nav-bg{background-color:#fff;border:1px #e5e5e5 solid}.side-inn ul li i{margin-right:5px}#main-nav ul li i{margin-right:5px}#form{position:relative}#s-box{height:40px;padding:0 10px;position:absolute;left:0;top:0;border-radius:2px;border:solid 3px #eaeaea;outline:0}#s-btn-area{height:50px;position:absolute;left:250px;top:0;background:0 0;color:#666;border:none;font-size:20px;outline:0}#s-btn{background-color:#000;width:50px;height:30px;position:relative;right:20px;bottom:10px;border-radius:3px;font-size:16px;color:#fff;line-height:31px}body{font-family:'Lato','Noto Sans JP','游ゴシック Medium','游ゴシック体','Yu Gothic Medium',YuGothic,'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif}.post-header{padding:56px 64px 0;background-color:#fff}#footer{background-color:#666;color:#fff;margin-top:80px}.footer-02{background-color:#666;border:none}.footer-copy{text-align:center !important}#header{padding:0;background-color:#57b1bf;border-bottom:none}#header #logo{float:none;max-width:200px}#header #logo a{color:#fff}#wrap{max-width:1200px;margin:0 auto}.outline{display:flex}.main-con{width:76%;margin-right:1%}.side-con{width:23%;margin-top:10px}#side{float:none;margin:0}#main-nav{background-color:#fff;max-width:1200px;margin:0 auto}#main-nav ul{display:flex;justify-content:space-between}#main-nav ul li{display:block;background-color:#57b1bf;width:25%;text-align:center;border:1px solid #fff}#main-nav ul li a{display:block;padding:7px 0;text-decoration:none;color:#fff;font-weight:700;font-size:14px}#main-nav ul li a:hover{background-color:#fff;color:#57b1bf}.breadcrumb{margin:20px 0 0;font-size:17px}.post-thumbnail{margin-left:0;margin-bottom:20px;float:none}.post-title{margin:0 0 10px}.post-content{padding:20px 64px 42px;overflow:hidden}.side-box{background-color:#e7e8f9;margin-bottom:30px;border:1px solid #57b1bf;padding:10px}.side-box h2{font-weight:700;margin-bottom:.3em;font-size:1.1em}.side-box i{margin-right:.5em}.side-inn ul li{padding:7px 10px;border-radius:3px;background-color:#fff;margin-bottom:10px;position:relative;border:1px solid #999;border-bottom:3px #999 solid}.side-inn ul li a{display:block;text-decoration:none;padding:0 10px}.new-post .side-inn ul li{height:95px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0;width:100%}.new-post .side-inn ul li a img{width:100px}.new-post .side-inn ul li a:nth-child(2){padding:7px 0;padding-right:3px;height:100%;width:50%;font-size:.8rem;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.side-inn ul li :after{position:absolute;content:'';bottom:0;left:0;width:0;height:5px;background:#57b1bf;transition:all .2s ease 0s}.side-inn ul li :hover{cursor:pointer}.side-inn ul li :hover:after{width:100%}.left-content #side{float:none;margin-left:0}.side-title span{font-size:30px;text-align:center;display:block;padding-top:25px;color:#fff;font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"}.wpp-list{margin-left:0}.postlist_button{text-align:center;border:solid 1px #57b1bf}.postlist_button a{display:block;width:100%;padding:15px 0;color:#57b1bf;background:#fff;font-size:1.3rem;font-weight:700;position:relative}.postlist_button a:before{content:"";display:block;width:100%;height:100%;background:#57b1bf;position:absolute;top:0;left:0;transform:scaleY(0);transition:.3s;transform-origin:bottom;z-index:-1}.postlist_button a:hover{color:#fff;text-decoration:none;background:0 0}.postlist_button a:hover:before{transform:scaleY(1)}.top-atc{margin:10px 15px;background-color:#fff;border:2px solid #999}.rank-wrap{margin:20px 30px;padding:10px;border:1px solid #999}.rank-wrap h3{position:relative;border:none;margin-bottom:10px;font-size:20px;font-weight:700}.rank-wrap h3:after{content:"";position:absolute;left:0;bottom:-10px;width:100%;height:7px;background:-webkit-repeating-linear-gradient(-45deg,#9a0004,#9a0004 2px,#fff 2px,#fff 4px);background:repeating-linear-gradient(-45deg,#9a0004,#9a0004 2px,#fff 2px,#fff 4px)}.rank-main{display:flex;margin-top:30px}.rank-main img{width:100%;height:auto}.rank-main ul{display:block;padding:20px;background-color:#ff0}.rank-main li{margin-bottom:5px}.rank-main li :before{content:"\ad8e";margin-right:5px}.post-content h2{position:relative;padding:.5em;background:#57b1bf;color:#fff}.post-content h2:before{position:absolute;content:'';top:100%;left:0;border:none;border-bottom:solid 15px transparent;border-right:solid 20px #959e9b}.post-content h3{position:relative;border:none;margin-bottom:35px}.post-content h3:after{content:"";position:absolute;left:0;bottom:-10px;width:100%;height:7px;background:-webkit-repeating-linear-gradient(-45deg,#57b1bf,##57b1bf 2px,#fff 2px,#fff 4px);background:repeating-linear-gradient(-45deg,#57b1bf,#57b1bf 2px,#fff 2px,#fff 4px)}#toc_container{margin:0 auto;width:100%}.atc-img img{width:362px}.atc-wrap{max-width:1200px;margin:10px 15px;display:flex;flex-wrap:wrap;justify-content:flex-start}.atc-wrap a{color:#666;text-decoration:none}.article-list{width:calc((100% - 50px)/2);padding:20px;margin:10px}.atc-info{display:flex;justify-content:space-between}.atc-title{text-decoration:none;margin:15px 0 10px;font-size:1.2em;font-weight:700}.atc-cat{padding:4px 3px;font-size:.8em;border-radius:2px;font-weight:700}.atc-date{padding:5px 3px}.pagination{width:100%;display:flex;justify-content:center;align-items:center}.nav-links{display:flex;align-items:center}.page-numbers{margin:5px}.nav-links a{float:none;margin:5px;background:#57b1bf;color:#fff;transition:.2s}.nav-links a:hover{background:#57b1bf;transform:scale(1.2)}.next,.prev{background:0 0;padding:0}.next:before{display:block;content:"NEXT";background:0 0;color:#57b1bf}.prev:before{display:block;content:"PREV";background:0 0;color:#57b1bf}.ft-list{display:flex;max-width:1200px;margin:0 auto;padding:60px 50px}.ft-1{width:33%;padding:0 20px}.ft-list ul{padding-left:3px}.ft-list ul li{margin-top:5px}.ft-list ul li a{text-decoration:none;color:#fff}.ft-list ul li :before{content:"\f101";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:7px}@media screen and (max-width:991px){.main-con{width:70%;margin-right:7px}.side-con{width:30%}#header img{width:150px}}@media screen and (max-width:767px){.outline{display:block}.main-con{width:100%;margin-bottom:30px}.side-con{display:none}.atc-wrap{margin:0 auto;display:block}.article-list{width:100%;padding:7.5px 5px;margin-bottom:0;border-bottom:solid 1px #fff}.atc-inner{display:flex}.atc-img{width:35%}.atc-text{width:65%;padding-left:10px;line-height:1.4em}.atc-title{font-size:1em;margin:5px 0 0}.atc-cat{font-size:10px;background:0 0}.atc-date{font-size:10px}.article-list{margin:0}.ft-list{display:block;padding:40px 35px}.ft-1{width:100%;padding:20px 0 50px}#main-nav ul li{width:50%}#main-nav ul{flex-wrap:wrap}#main-nav ul li a{padding:8px 0;font-size:3.5vw}.post-header{padding:20px 20px 0}.breadcrumb{font-size:12px}.post-title{font-size:22px}}