.guidebook-area { width: 100%; max-width: 105px; margin-bottom: 10px; padding: 5px; font-size: 1.2rem; text-align: center; line-height: 1; }

.guidebook-fig { position: relative; width: 100%; max-width: 184px; margin: 0 auto 20px; }
.guidebook-fig ._new { position: absolute; top: 0; right: 0; width: 40px; margin-top: -20px; margin-right: -20px; }

.guidebook-heading { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #f05678; font-size: 1.7rem; font-weight: 700; }

.guidebook-tag { margin-bottom: 25px; font-size: 1.3rem; }

.guidebook-pdf { width: 100%; max-width: 240px; margin: 0 auto; }
.guidebook-pdf a { display: flex; align-items: center; justify-content: center; text-decoration: none; padding: 10px; border: 1px solid #FF3232; background-color: #fff; text-align: center; }
.guidebook-pdf a .ico { width: 1.5em; margin-right: 10px; }
.guidebook-pdf a span { font-size: 1.3rem; color: #000; }

.pagettl02-sec { position: relative; z-index: 1; padding: 30px 0 55px; border-bottom: none; }
@media screen and (max-width: 750px) { .pagettl02-sec { padding: 9.3333333333% 0; } }

.guidebook-nav { border-bottom: 2px solid #f05678; }
.guidebook-nav ul { display: flex; justify-content: center; column-gap: 1.7543859649%; }
@media screen and (max-width: 750px) { .guidebook-nav ul { column-gap: 2.1739130435%; } }
.guidebook-nav ul li { width: 43.8596491228%; padding: 10px; background-color: #CED2DC; font-size: 2.4rem; font-weight: 500; color: #fff; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor: pointer; }
@media screen and (max-width: 750px) { .guidebook-nav ul li { width: 47.8260869565%; font-size: 2.0416666667rem; } }
.guidebook-nav ul li:hover, .guidebook-nav ul li.active { background-color: #f05678; }

.guidebook-lead { padding: 40px 0; }
.guidebook-lead p { font-size: 1.6rem; }

.guidebook-new { padding: 50px 0; background: rgba(255, 229, 228, 0.5); }
.guidebook-new .guidebook-new-ttl .guidebook-new-ttl-h { margin-bottom: 20px; font-size: 2.8rem; text-align: center; font-weight: 500; }
.guidebook-new .guidebook-new-wrap { position: relative; }
.guidebook-new .guidebook-new-wrap .slide-btn { z-index: 99; position: absolute; top: 50%; width: 46px; margin-top: -23px; }
.guidebook-new .guidebook-new-wrap .slide-btn._prev { left: 0; }
.guidebook-new .guidebook-new-wrap .slide-btn._next { right: 0; }
.guidebook-new .guidebook-new-wrap .guidebook-swiper { padding-top: 20px; overflow: hidden; }

.guidebook-search { padding: 75px 0 35px; }
.guidebook-search .guidebook-ttl { position: relative; margin-bottom: 60px; font-size: 2.8rem; font-weight: 500; text-align: center; }
.guidebook-search .guidebook-ttl::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 116px; height: 3px; margin-bottom: -20px; margin-left: -58px; background-color: #f05678; }

.guidebook-results { padding-bottom: 100px; }
.guidebook-results .guidebook-results-top { margin-bottom: 30px; padding: 30px 0; border-bottom: 1px solid #D0D0D0; /*
dl { display: flex; justify-content: space-between; width: 100%; max-width: 180px; padding: 10px 25px; background-color: #ECF3F9; border-radius: 2em; font-size: 1.2rem; dt { width: 4em; } dd { flex: 1; ul { li { button { width: 100%; font-size: 1.2rem; padding-right: 15px; background: url("../img/common/arrow_p02_b03.svg") no-repeat right center; background-size: 13px auto; } } } }
}*/ }
.guidebook-results .guidebook-results-top .guidebook-results-top-con { display: flex; align-items: center; justify-content: space-between; }
.guidebook-results .guidebook-results-top .guidebook-results-top-ttl { font-size: 2.8rem; font-weight: 500; }
.guidebook-results .guidebook-results-top .list-top-sort { position: relative; }
.guidebook-results .guidebook-results-top .list-top-sort .list-top-sort-label { display: flex; padding: 1rem 2rem; border-radius: 2em; background-color: #e0ebf5; font-size: 1.2rem; cursor: pointer; }
.guidebook-results .guidebook-results-top .list-top-sort .list-top-sort-label ._sel { width: 8em; padding: 0 2rem 0 1rem; background: url("../img/common/arrow_p02_b.svg") no-repeat right center; background-size: 1.25rem auto; text-align: center; }
.guidebook-results .guidebook-results-top .list-top-sort ul { display: none; position: absolute; width: 100%; margin-top: 5px; border-radius: 10px; background-color: #e0ebf5; }
.guidebook-results .guidebook-results-top .list-top-sort ul li { padding: 0.6rem 1rem; border-bottom: 1px solid #d0d0d0; cursor: pointer; }
.guidebook-results .guidebook-results-top .list-top-sort ul li:last-child { border-bottom: none; }
.guidebook-results .guidebook-results-top .list-top-sort._show ul { display: block; }
.guidebook-results .guidebook-results-num { margin-bottom: 50px; }
.guidebook-results .guidebook-results-num p { font-size: 1.6rem; color: #515151; }
.guidebook-results .guidebook-results-num p span { font-size: 3.6rem; }
.guidebook-results .guidebook-results-list ul { display: flex; flex-wrap: wrap; gap: 60px 5.2631578947%; margin-bottom: 60px; }
@media screen and (max-width: 750px) { .guidebook-results .guidebook-results-list ul { flex-direction: column; row-gap: 60px; } }
.guidebook-results .guidebook-results-list ul li { width: 29.8245614035%; }
@media screen and (max-width: 750px) { .guidebook-results .guidebook-results-list ul li { width: 100%; } }

/*# sourceMappingURL=guidebook.css.map */
