@charset "UTF-8";
.feature-articles { padding: 50px 0; background-color: #FFE5E4; }
@media screen and (max-width: 750px) { .feature-articles { padding: 60px 0; } }
.feature-articles .feature-articles-top .feature-articles-top-ttl { margin-bottom: 45px; font-size: 2.6rem; text-align: center; font-weight: 500; }
.feature-articles .feature-articles-swiper { position: relative; overflow: hidden; }
.feature-articles .feature-articles-swiper .slide-btn { z-index: 999; position: absolute; top: 50%; width: 46px; margin-top: -23px; }
.feature-articles .feature-articles-swiper .slide-btn._prev { left: 0; margin-left: 23.5714285714%; }
@media screen and (max-width: 750px) { .feature-articles .feature-articles-swiper .slide-btn._prev { margin-left: 0; } }
.feature-articles .feature-articles-swiper .slide-btn._next { right: 0; margin-right: 23.5714285714%; }
@media screen and (max-width: 750px) { .feature-articles .feature-articles-swiper .slide-btn._next { margin-right: 0; } }
.feature-articles .feature-articles-swiper figure { aspect-ratio: 16 / 9; }

.feature-search { padding: 50px 0 75px; }
@media screen and (max-width: 750px) { .feature-search { padding: 60px 0; } }
.feature-search .feature-search-main { background-color: #ecf3f9; border-radius: 10px; overflow: hidden; }
.feature-search .feature-search-main .feature-search-heading { padding: 25px; background: #ecf3f9 url("../img/common/arrow_p02_b03.svg") no-repeat right 40px center; background-size: 16px auto; font-size: 2.0rem; font-weight: 500; text-align: center; line-height: 1; cursor: pointer; }
.feature-search .feature-search-main .feature-search-heading.active { background-image: url("../img/common/arrow_p02_t02.svg"); }
.feature-search .feature-search-main .feature-search-con { display: none; padding: 5px 50px 40px; background-color: #ecf3f9; }
@media screen and (max-width: 750px) { .feature-search .feature-search-main .feature-search-con { padding-inline: 20px; } }
.feature-search .feature-search-main .feature-search-wrap { display: flex; column-gap: 3.8834951456%; margin-bottom: 35px; padding-bottom: 20px; border-bottom: 1px solid #d0d0d0; }
@media screen and (max-width: 750px) { .feature-search .feature-search-main .feature-search-wrap { flex-direction: column; row-gap: 30px; } }
.feature-search .feature-search-main .feature-search-wrap dl dt { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #d0d0d0; color: #f05678; font-weight: 700; }
.feature-search .feature-search-main .feature-search-wrap .feature-search-theme { flex: 1; }
.feature-search .feature-search-main .feature-search-wrap .feature-search-theme ul { display: flex; flex-wrap: wrap; gap: 10px; }
.feature-search .feature-search-main .feature-search-wrap .feature-search-theme ul li input[type=checkbox] { display: none; }
.feature-search .feature-search-main .feature-search-wrap .feature-search-theme ul li input[type="checkbox"]:checked + label { background-color: #f05678; color: #fff; font-size: 1.4rem; }
.feature-search .feature-search-main .feature-search-wrap .feature-search-theme ul li .label { display: inline-block; padding: 5px 1em; background-color: #fff; text-align: center; cursor: pointer; color: #000; border-radius: 2em; font-size: 1.4rem; }
.feature-search .feature-search-main .feature-search-wrap .feature-search-season { width: 10.6796116505%; }
@media screen and (max-width: 750px) { .feature-search .feature-search-main .feature-search-wrap .feature-search-season { width: 100%; } }
@media screen and (max-width: 750px) { .feature-search .feature-search-main .feature-search-wrap .feature-search-season ul { display: flex; flex-wrap: wrap; } }
.feature-search .feature-search-main .feature-search-wrap .feature-search-season ul li { margin-bottom: 15px; font-size: 1.4rem; }
@media screen and (max-width: 750px) { .feature-search .feature-search-main .feature-search-wrap .feature-search-season ul li { width: 50%; } }
.feature-search .feature-search-main .feature-search-wrap .feature-search-season ul li:last-child { margin-bottom: 0; }
.feature-search .feature-search-main .feature-search-wrap .feature-search-area { width: 20.8737864078%; }
@media screen and (max-width: 750px) { .feature-search .feature-search-main .feature-search-wrap .feature-search-area { width: 100%; } }
.feature-search .feature-search-main .feature-search-wrap .feature-search-area dt { display: flex; align-items: center; cursor: pointer; }
.feature-search .feature-search-main .feature-search-wrap .feature-search-area dt .ico { width: 1.2em; margin-left: 10px; }
.feature-search .feature-search-main .feature-search-wrap .feature-search-area dd { display: flex; justify-content: space-between; }
.feature-search .feature-search-main .feature-search-wrap .feature-search-area ul { width: 50%; padding-right: 1em; }
.feature-search .feature-search-main .feature-search-wrap .feature-search-area ul li { margin-bottom: 15px; font-size: 1.4rem; }
.feature-search .feature-search-main .feature-search-wrap .feature-search-area ul li:last-child { margin-bottom: 0; }
.feature-search .feature-search-main .feature-search-keyword { margin-bottom: 35px; padding-bottom: 20px; border-bottom: 1px solid #d0d0d0; }
.feature-search .feature-search-main .feature-search-keyword input { display: block; width: 100%; max-width: 480px; margin: 0 auto; padding: 10px 15px; border: 1px solid #c9d3e7; font-size: 1.4rem; border-radius: 5px; }
.feature-search .feature-search-main .feature-search-btn { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 126px; margin: 0 auto; padding: 10px; background: linear-gradient(to right, #DD5A80, #D6351C); font-size: 1.2rem; color: #fff; border-radius: 2em; }
@media screen and (max-width: 1000px) { .feature-search .feature-search-main .feature-search-btn { max-width: 100%; margin-top: 1em; margin-bottom: 1em; font-size: 1.4rem; } }
.feature-search .feature-search-main .feature-search-btn .ico { width: 1.9rem; margin-left: 1rem; }
.feature-search .feature-search-select { display: grid; gap: 15px; margin-top: 20px; }
@media screen and (max-width: 750px) { .feature-search .feature-search-select { flex-direction: column; } }
.feature-search .feature-search-select dl { display: flex; }
.feature-search .feature-search-select dl dt { position: relative; width: 7em; padding: 5px 0; font-size: 1.2rem; }
.feature-search .feature-search-select dl dt::after { content: '：'; display: inline-block; margin-right: 0.5em; }
.feature-search .feature-search-select dl dd { flex: 1; display: flex; flex-wrap: wrap; gap: 5px; }
.feature-search .feature-search-select dl dd button { display: flex; align-items: center; padding: 5px 1em; background-color: #e0ebf5; font-size: 1.2rem; color: #1da1f2; border-radius: 2em; line-height: 1; }
.feature-search .feature-search-select dl dd button .ico { width: 0.8em; margin-left: 10px; }

.feature-results { padding: 40px 0 165px; }
@media screen and (max-width: 750px) { .feature-results { padding: 60px 0; } }
.feature-results .feature-results-num { margin-bottom: 30px; font-size: 3.6rem; color: #515151; }
@media screen and (max-width: 750px) { .feature-results .feature-results-num { font-size: 2.6rem; } }
.feature-results .feature-results-list { display: flex; flex-wrap: wrap; gap: 45px 5.2631578947%; }
@media screen and (max-width: 750px) { .feature-results .feature-results-list { gap: 45px 4%; } }
.feature-results .feature-results-list li { width: 29.8245614035%; }
@media screen and (max-width: 750px) { .feature-results .feature-results-list li { width: 48%; } }
.feature-results .feature-results-list li a { display: block; text-decoration: none; color: #000; }
.feature-results .feature-results-list li figure { aspect-ratio: 16 / 9; margin-bottom: 15px; }
.feature-results .feature-results-list li .feature-results-list-ttl { margin-bottom: 30px; font-size: 2.2rem; font-weight: 500; }
@media screen and (max-width: 750px) { .feature-results .feature-results-list li .feature-results-list-ttl { font-size: 1.8rem; } }
.feature-results .feature-results-list li .feature-results-list-genre { display: flex; flex-wrap: wrap; gap: 15px 10px; margin-bottom: 20px; }
.feature-results .feature-results-list li .feature-results-list-genre p._genre span { border: 1px solid #C9D3E7; color: #515151; }
.feature-results .feature-results-list li .feature-results-list-genre p._area span { color: #fff; }
.feature-results .feature-results-list li .feature-results-list-genre p._area span._feature { border: 1px solid #f05678; background-color: #f05678; }
.feature-results .feature-results-list li .feature-results-list-genre p._area span._story { border: 1px solid #00B4A0; background-color: #00B4A0; }
.feature-results .feature-results-list li .feature-results-list-genre p._area span._tabi { border: 1px solid #CD8D1A; background-color: #CD8D1A; }
.feature-results .feature-results-list li .feature-results-list-genre p._area span._history { border: 1px solid #7F569E; background-color: #7F569E; }
.feature-results .feature-results-list li .feature-results-list-genre p span { padding: 5px 1em; font-size: 1.2rem; text-align: center; }
.feature-results .feature-results-list li .feature-results-list-date { color: #515151; }
.feature-results .pager { margin-top: 75px; }
.feature-results .more-btn { width: 100%; margin: 75px auto 0; padding: 20px; border: 1px solid #FF3232; background-color: #fff; font-size: 1.5rem; text-align: center; font-weight: 500; border-radius: 10px; cursor: pointer; outline: none; }
.feature-results .more-btn .ico { margin-left: 10px; }

.feature-mainimg { padding: 40px 0 65px; }
@media screen and (max-width: 750px) { .feature-mainimg { padding: 60px 0; } }
.feature-mainimg .contents { width: 100%; max-width: 1000px; margin: 0 auto; }
.feature-mainimg .contents .feature-mainimg-fig { width: 100%; max-width: 880px; margin: 0 auto 30px; }
.feature-mainimg .contents .feature-mainimg-box { display: flex; justify-content: space-between; margin-bottom: 40px; }
@media screen and (max-width: 750px) { .feature-mainimg .contents .feature-mainimg-box { flex-direction: column; } }
.feature-mainimg .contents .feature-mainimg-box .feature-mainimg-l { flex: 1; display: flex; align-items: center; }
@media screen and (max-width: 750px) { .feature-mainimg .contents .feature-mainimg-box .feature-mainimg-l { margin-bottom: 30px; } }
.feature-mainimg .contents .feature-mainimg-box .feature-mainimg-l .feature-mainimg-type { margin-right: 1em; }
.feature-mainimg .contents .feature-mainimg-box .feature-mainimg-l .feature-mainimg-type span { padding: 5px 2em; background-color: #f05678; font-size: 1.2rem; color: #fff; text-align: center; }
.feature-mainimg .contents .feature-mainimg-box .feature-mainimg-l .feature-mainimg-date { color: #515151; }
.feature-mainimg .contents .feature-mainimg-box .feature-mainimg-r { display: flex; align-items: center; justify-content: flex-end; }
.feature-mainimg .contents .feature-mainimg-box .feature-mainimg-r .feature-favorite { display: flex; align-items: center; justify-content: flex-end; margin-right: 1em; padding-right: 1em; border-right: 1px solid #808080; }
.feature-mainimg .contents .feature-mainimg-box .feature-mainimg-r .feature-favorite .ico { width: 1.5em; margin-right: 0.5em; }
.feature-mainimg .contents .feature-mainimg-box .feature-mainimg-r .feature-favorite p { flex: 1; font-size: 1.2rem; }
.feature-mainimg .contents .feature-mainimg-box .feature-mainimg-r dl { display: flex; align-items: center; justify-content: flex-end; }
.feature-mainimg .contents .feature-mainimg-box .feature-mainimg-r dl dt { font-size: 1.2rem; margin-right: 0.5em; }
.feature-mainimg .contents .feature-mainimg-box .feature-mainimg-r dl dd ul { display: flex; }
.feature-mainimg .contents .feature-mainimg-box .feature-mainimg-r dl dd ul li { width: 28px; margin-right: 15px; }
.feature-mainimg .contents .feature-mainimg-box .feature-mainimg-r dl dd ul li:last-child { margin-right: 0; }
.feature-mainimg .contents .feature-ttl { margin-bottom: 30px; font-size: 2.0rem; text-align: center; font-weight: 700; }

.js-featuremodalopen { overflow: hidden; }

.feature-modal { display: none; position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background-color: rgba(51, 51, 51, 0.9); }
.feature-modal .modal-in { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 20px; overflow-y: auto; }
.feature-modal .modal-con { position: relative; width: 100%; max-width: 1000px; margin: auto; padding: 40px 85px; background-color: #fff; border-radius: 0.5em; }
@media screen and (max-width: 750px) { .feature-modal .modal-con { padding: 40px 20px; } }
.feature-modal .modal-close { display: block; width: 100%; max-width: 208px; margin: 0 auto; padding: 20px; background: #fff url("../img/common/ico_close03.svg") no-repeat right 25px center; background-size: 13px auto; border: 1px solid #b6b6b6; font-size: 1.5rem; text-align: center; font-weight: 500; line-height: 1; border-radius: 4em; }
.feature-modal .modal-ttl { margin-bottom: 10px; padding-bottom: 30px; border-bottom: 3px solid; border-image: linear-gradient(to right, #f25a80, #d83d33) 1; font-size: 1.8rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { .feature-modal .modal-ttl { padding-bottom: 10px; } }
.feature-modal .modal-map { display: flex; justify-content: space-between; gap: 30px 6.0240963855%; margin-bottom: 30px; }
@media screen and (max-width: 750px) { .feature-modal .modal-map { flex-direction: column; } }
.feature-modal .modal-map figure { width: 42.8915662651%; }
@media screen and (max-width: 750px) { .feature-modal .modal-map figure { width: 100%; } }
.feature-modal .modal-map .modal-area { flex: 1; height: 310px; overflow-y: scroll; }
.feature-modal .modal-map .modal-area::-webkit-scrollbar { width: 3px; }
.feature-modal .modal-map .modal-area::-webkit-scrollbar-track { background-color: #fff; }
.feature-modal .modal-map .modal-area::-webkit-scrollbar-thumb { background-color: #f05678; }
.feature-modal .modal-map .modal-area dl { display: flex; align-items: center; padding: 5px 0; border-bottom: 1px dashed #c9d3e7; }
.feature-modal .modal-map .modal-area dl dt { width: 7em; }
.feature-modal .modal-map .modal-area dl dt span { display: block; padding: 0.2rem; font-size: 1.5rem; text-align: center; }
@media screen and (max-width: 750px) { .feature-modal .modal-map .modal-area dl dt span { font-size: 1.2rem; } }
.feature-modal .modal-map .modal-area dl dd { flex: 1; margin-left: 1em; font-size: 1.5rem; }
@media screen and (max-width: 750px) { .feature-modal .modal-map .modal-area dl dd { font-size: 1.2rem; } }

/*# sourceMappingURL=feature.css.map */