button{background-color:transparent;border:none;cursor:pointer;outline:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
figure{margin:0;padding:0}
figure img{width:100%}
ol{margin:0;padding:0}
.title{width:100%;position:relative;line-height:1.4;text-align:left}
.title__contents{font-size:18px;font-size:1.8rem;padding-left:.8rem;border-left:5px solid #d60039}
.title__category{width:100%;position:relative;font-size:18px;font-size:1.8rem;padding:1rem 0 0;border-top:3px solid #252525}
.title__category::before{content:"";position:absolute;left:0;top:-3px;width:70px;height:inherit;border-top:3px solid #d60039}
.btn-more{width:100%;max-width:400px;margin:3rem 0 0 auto}
.btn-more a{display:block;position:relative;padding:.8rem 3.5rem .5rem 3.5rem;color:#252525;font-size:18px;font-size:1.8rem;letter-spacing:.5rem;text-align:left;text-decoration:none;font-family:"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:400;border-bottom:3px solid #252525;-webkit-transition:all .3s;transition:all .3s}
.btn-more a::after{content:'';width:0;height:0;position:absolute;top:.2rem;right:1rem;bottom:0;margin:auto 0;display:block;border-style:solid;border-color:transparent;border-top-color:transparent;border-left-color:#252525;border-width:6px 12px;background:0 0;-webkit-transition:.3s ease;transition:.3s ease}
.btn-more a:hover{color:#fff;background:#252525;text-decoration:none}
.btn-more a:hover::after{right:1.7rem;border-left-color:#fff}
.article{width:100%;position:relative;margin:2rem 0 0}
.article li{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.article li a{width:100%;height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-item-align:stretch;align-self:stretch;text-decoration:none;-webkit-transition:all .3s;transition:all .3s}
.article li a img{-webkit-transition:all .3s;transition:all .3s}
.article li a:hover img{opacity:.6}
.article li a:hover .article__title{opacity:.8;text-decoration:underline}
.article__title{width:100%;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-item-align:stretch;align-self:stretch;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:20px;font-size:2rem;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}
.article__info{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:auto;margin-bottom:0;color:#bbb;font-size:12px;font-size:1.2rem;line-height:1.4}
.article__info .time{width:90px;margin-right:1%}
.article__info .time img{max-width:14px;margin-right:.5rem;vertical-align:text-bottom}
.article__info .category{width:calc(100% - 90px - 1%);text-align:right}
.article__detail{width:100%;position:relative;margin:1rem 0 0;font-size:14px;font-size:1.4rem;color:rgba(37,37,37,.6);line-height:1.6;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}
.article--ranking li:not(:first-child){margin-top:1.5rem}
.article--ranking li:nth-child(1) .rank{background:#eac546}
.article--ranking li:nth-child(1) .rank span::after{content:'1'}
.article--ranking li:nth-child(2) .rank{background:#999}
.article--ranking li:nth-child(2) .rank span::after{content:'2'}
.article--ranking li:nth-child(3) .rank{background:#b0866d}
.article--ranking li:nth-child(3) .rank span::after{content:'3'}
.article--ranking li:nth-child(4) .rank{background:#5b8283}
.article--ranking li:nth-child(4) .rank span::after{content:'4'}
.article--ranking li:nth-child(5) .rank{background:#5b8283}
.article--ranking li:nth-child(5) .rank span::after{content:'5'}
.article--ranking figure{width:100px;height:100px;overflow:hidden}
.article--ranking figure img{width:180%;max-width:initial;-o-object-fit:cover;object-fit:cover;-o-object-position:right 4rem bottom 10%;object-position:right 4rem bottom 10%}
.article--ranking .article-in{width:calc(100% - 100px - 26px - 3%);margin-left:3%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.article--ranking .article__title{font-size:16px;font-size:1.6rem}
.article--ranking .article__info{-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:11px;font-size:1.1rem}
.article--ranking .article__info .time{width:100%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.article--ranking .article__info .time img{max-width:12px}
.article--ranking .article__info .category{width:100%;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;font-size:11px;font-size:1.1rem;text-align:left}
.article--ranking .rank{width:26px;height:26px;position:relative;padding:.5rem}
.article--ranking .rank>span::after{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;color:#fff;font-size:18px;font-size:1.8rem;font-weight:700;text-align:center;line-height:1.4}
.search{width:100%;position:relative;margin:2rem 0 0}
.search input{width:calc(100% - 42px - 3%);height:40px;margin-right:1%;padding:1rem;background:rgba(238,238,238,.8);border:1px solid rgba(37,37,37,.1);border-radius:2px;font-size:16px;font-size:1.6rem}
.search input::-webkit-input-placeholder{color:rgba(37,37,37,.3);text-align:center}
.search input:-ms-input-placeholder{color:rgba(37,37,37,.3);text-align:center}
.search input::-ms-input-placeholder{color:rgba(37,37,37,.3);text-align:center}
.search input::placeholder{color:rgba(37,37,37,.3);text-align:center}
.search button{width:40px;height:40px;position:relative;padding:.8rem;color:#fff;background:#252525;border:1px solid #252525;border-radius:2px}
.pagenation{width:100%;margin:5rem 0 0;position:relative}
.pagenation ol{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
.pagenation li{text-align:center;font-family:Poppins,sans-serif}
.pagenation li a{display:block;text-decoration:none;padding:.4rem 1.6rem;border-bottom:2px solid #252525;-webkit-transition:all .3s;transition:all .3s}
.pagenation li a:hover{color:#fff;background:#252525}
.pagenation li:not(:first-child){margin-left:1%}
.pagenation li.active{color:#fff;padding:.4rem 1.8rem;background:#252525}
.btn-document{position:fixed;right:2rem;bottom:1%;z-index:10;opacity:0;visibility:hidden}
.btn-document .doc__close{position:absolute;top:-1.5rem;right:-1.5rem;z-index:0;width:35px;height:35px;padding:.5rem;border:2px solid #fff;border-radius:50%;background:url(/src/images/icon/icon-close_white.png) center center no-repeat,#252525;background-size:15px,100%;-webkit-box-shadow:0 3px 5px rgba(37,37,37,.4);box-shadow:0 3px 5px rgba(37,37,37,.4);cursor:pointer}
.btn-document .doc__item{width:250px}
.btn-document .doc__item a{width:100%;display:block}
.btn-document .doc__item a>div{width:100%}
.btn-document .doc__item a:hover{opacity:1}
.btn-doc__view{opacity:1;visibility:visible}
.btn-doc__off{display:none!important}
@media (max-width:960px){
.article li a{-ms-flex-wrap:wrap;flex-wrap:wrap}
.article--ranking{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.article--ranking li{width:calc((100% - 5%)/ 2)}
.article--ranking li:not(:first-child){margin-top:0}
.article--ranking li:nth-child(n+3){margin-top:3%}
.article--ranking li:nth-child(odd){margin-right:5%}
.article--ranking figure{width:100px;height:100px}
.article--ranking .article__info{font-size:12px;font-size:1.2rem}
.article--ranking .article__info .time{width:90px;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}
.article--ranking .article__info .category{width:calc(100% - 90px - 1%);-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;text-align:right}
.article--ranking .article__title{-webkit-line-clamp:3}
}
@media (max-width:768px){
.btn-more a:hover{color:#252525;background:0 0}
.btn-more a:hover::after{right:1rem;border-left-color:#252525}
.article__title{font-size:16px;font-size:1.6rem}
.article a:hover img{opacity:1}
.article a:hover .article__title{opacity:1;text-decoration:none}
.article--ranking .article__info .time{width:100%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.article--ranking .article__info .category{width:100%;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;text-align:left}
.btn-document .doc__item{width:180px}
}
@media (max-width:599px){
.btn-more a{padding:.8rem 2rem .8rem 2rem;font-size:14px;font-size:1.4rem;border-bottom:none;color:#fff;background:#252525}
.btn-more a::after{top:0;border-left-color:#fff;border-width:5px 10px}
.btn-more a:hover{color:#fff;background:#252525}
.btn-more a:hover::after{right:1rem;border-left-color:#fff}
.article__title{font-size:14px;font-size:1.4rem}
.article__info{-ms-flex-wrap:wrap;flex-wrap:wrap}
.article__info .time{width:100%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin:.2rem 0 0}
.article__info .category{width:100%;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;text-align:left}
.article--ranking li{width:100%}
.article--ranking li:nth-child(n+3){margin-top:0}
.article--ranking li:nth-child(odd){margin-right:0}
.article--ranking li:not(:first-child){margin-top:2rem;padding-top:2rem;border-top:1px solid #eee}
.article--ranking figure{width:85px;height:85px}
.article--ranking figure img{-o-object-position:right 5.5rem bottom 10%;object-position:right 5.5rem bottom 10%}
.article--ranking .article__title{-webkit-line-clamp:3}
}