/*! (c) Yuko Yuko Inc. | www.yukoyuko.net */
.l-ranking{position:relative}.l-ranking__main__banner{position:relative;z-index:2;top:0;left:0;width:100%;overflow:hidden;padding:60px 0}.l-ranking__main__banner-img{width:100%;position:absolute;left:0;bottom:0;transform:translateY(39%)}.m-ranking__wrap{text-align:center;letter-spacing:1px}.l-ranking__main__banner-period,.l-ranking__main__banner-text,.l-ranking__main__banner-title{position:relative;z-index:10;text-align:center;color:#fff}.l-ranking__main__banner-period{font-size:2.1rem;line-height:30px;margin:auto 0;letter-spacing:5px;text-shadow:2px 2px 5px rgba(0,0,0,.8)}.l-ranking__main__banner-title{font-size:5.6rem;font-weight:100;line-height:30px;margin:2.4rem 0;letter-spacing:1px;text-shadow:2px 2px 5px rgba(0,0,0,.9)}.l-ranking__main__banner-text{font-size:1.8rem;display:block;margin:auto;letter-spacing:1px;text-shadow:2px 2px 5px rgba(0,0,0,.8)}.m-ranking-banner{width:100%;text-align:center;padding:4rem 0;left:0;right:0;margin:auto;position:relative}.p-recommend-h1{font-size:2rem;font-weight:400;margin-bottom:1rem}.l-page__recommend{width:100%;padding:40px;background-color:#f5f1ee;line-height:24px}.l-page__recommend__wrap{text-align:center;line-height:24px;width:100%;background-color:#f5f1ee;padding:40px}.p-recommend__box__text span{color:#a91f28;font-weight:700}@media screen and (min-width:768px){.dark-mode .p-recommend__box__text span{color:#8b8146}}.p-recommend__box__line{width:40px;height:3px;background-color:#a91f28;display:inline-block}.p-recommend__box__caution{display:block;color:#728188;font-size:normal}.p-recommend__box__caution:before{content:"※"}.p-recommend__box{display:inline-block;width:70%;height:auto;text-align:center}.l-recommend__list{position:relative;width:100%;margin-top:50px}.p-recommend__list{display:inline-block;height:auto}.p-recommend__list a{text-decoration:none}.p-recommend__list__item{position:relative;margin-bottom:5px;display:inline-block;transition:all .5s ease;opacity:1}.p-recommend__list__item:after{position:absolute;z-index:2;background-color:rgba(18,18,18,.62);top:0;left:0;width:100%;height:100%}.p-recommend__list__item:hover{opacity:.8}.p-recommend__list__item__img{width:100%;height:100%;display:inline-block}.p-recommend__list__item__name{width:100%;color:#fff;text-decoration:underline;position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%);font-weight:400;transition:all .5s ease;text-shadow:2px 2px 4px rgba(80,80,82,.67)}.p-recommend__list__item__name:hover{border-bottom:none}@media screen and (min-width:768px),print{.p-recommend-h1>br{display:none}.p-recommend__list__item{width:19%}.p-recommend__list{text-align:center}.p-recommend__list__item__name{font-size:2.6rem}.l-ranking__main__banner-text>br{display:none}}@media screen and (max-width:767px){.l-ranking__main__banner{padding:4rem 0}.l-ranking__main__banner-img{transform:translateY(0);height:auto}.l-page__recommend__wrap{padding:1.4rem 0}.p-recommend__box{width:100%;padding:0}.l-page__recommend{padding:1.4rem 0}.p-recommend-h1{font-size:1.6rem;font-weight:400;margin-bottom:1rem}.l-ranking__main__banner-title{font-size:3rem;margin:1rem 0 2.4rem}.l-ranking__main__banner-text{font-size:1.4rem;width:29rem}.p-recommend__list__item{height:auto;width:24%}.p-recommend__list{display:inline-block;text-align:left;height:auto}.p-recommend__list__item__name{font-size:2rem}}@media screen and (max-width:541px){.p-recommend__box__text div{display:inline}}@media screen and (max-width:320px){.p-recommend__list__item{width:49%}.p-recommend__list{text-align:center}.p-recommend__list__item__name{font-size:2.6rem}.p-recommend__box{width:90%}}