@font-face{font-family:"Yu Gothic M";src:local("Yu Gothic Medium")}@font-face{font-family:"Yu Gothic M";src:local("Yu Gothic Bold");font-weight:bold}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none}figure{margin:0;padding:0}figure img{width:100%}ol{margin:0;padding:0}html{line-height:2}body{font-size:16px;font-size:1.6rem;background:#fff}.view-pc{display: block;}.view-sp{display:none;}.page{background:#fff}.scene-in{width:100%;max-width:1280px;position:relative;margin:0 auto;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 #e60012}.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 #e60012}.btn-more{width:100%;max-width:400px;margin:5rem 0 0 auto}.btn-more a{position:relative;padding:1rem 3.5rem .5rem 3.5rem;display:block;color:#252525;font-size:18px;font-size:1.8rem;letter-spacing:.5rem;text-align:left;text-decoration:none;font-family:"メイリオ",sans-serif;font-weight:normal;border-bottom:3px solid #252525;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:none;transition:.3s ease}.btn-more a:hover{color:#fff;background:#252525}.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:flex;justify-content:center;align-items:flex-start}.article li a{width:100%;height:100%;position:relative;display:flex;justify-content:flex-start;align-self:stretch;color:#252525;text-decoration:none;transition:all .3s}.article li a img{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:flex;justify-content:flex-start;align-self:stretch;font-weight:bold;line-height:1.4;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:20px;font-size:2rem;font-feature-settings:"palt"}.article__info{width:100%;display:flex;justify-content:space-between;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:280px;margin-right:1%}.article__info .time img{max-width:14px;margin-right:.5rem;vertical-align:text-bottom}.article__info .category{width:calc(100% - 280px - 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,0.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;object-fit:cover;object-position:right 4rem bottom 10%}.article--ranking .article-in{width:calc(100% - 100px - 26px - 3%);margin-left:3%;display:flex;flex-direction:column}.article--ranking .article__title{font-size:16px;font-size:1.6rem}.article--ranking .article__info{flex-wrap:wrap;font-size:11px;font-size:1.1rem}.article--ranking .article__info .time{width:100%;order:1}.article--ranking .article__info .time img{max-width:12px}.article--ranking .article__info .category{width:100%;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:bold;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(102,102,102,0.1);border:1px solid rgba(37,37,37,0.1);border-radius:2px;font-size:16px;font-size:1.6rem}.search input::placeholder{color:rgba(37,37,37,0.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%;justify-content:center;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;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}@media (max-width: 960px){.article li a{flex-wrap:wrap}.article--ranking{display:flex;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;order:0}.article--ranking .article__info .category{width:calc(100% - 90px - 1%);order:1;text-align:right}.article--ranking .article__title{-webkit-line-clamp:3}}@media (max-width: 768px){html{line-height:1.6}body{font-size:14px;font-size:1.4rem}.view-pc{display: none;}.view-sp{display: block;}.btn-more a:hover{color:#252525;background:none}.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%;order:1}.article--ranking .article__info .category{width:100%;order:0;text-align:left}}@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{flex-wrap:wrap}.article__info .time{width:100%;order:1;margin:.2rem 0 0}.article__info .category{width:100%;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 #666}.article--ranking figure{width:85px;height:85px}.article--ranking figure img{object-position:right 5.5rem bottom 10%}.article--ranking .article__title{-webkit-line-clamp:3}}