@charset "UTF-8";
/* ------------------------------ ページタイトル
------------------------------ */
.pagettl._detailpage .pagettl-nav-popup ul li a { background: url("../img/common/ico_arrow_circle_rbl.svg") no-repeat left 15px center; background-size: 18px auto; }
.pagettl._detailpage .pagettl-nav-popup ul li a:hover { background-color: #06b1ef; }

/* ------------------------------ コンテンツ
------------------------------ */
._idx .hotel-mainimg { position: relative; background-color: #F3F2E0; }
._idx .hotel-mainimg .mainttl-swiper .mainttl-swiper-fig { aspect-ratio: 1400 / 602; }
._idx .hotel-mainimg .hotel-mainimg-ttl { position: absolute; top: 0; left: 50%; z-index: 10; width: 42.8571428571%; margin-top: 9.2857142857%; margin-left: -21.4285714286%; }
@media screen and (max-width: 750px) { ._idx .hotel-mainimg .hotel-mainimg-ttl { width: 66.6666666667%; margin-top: 6.6666666667%; margin-left: -33.3333333333%; } }
._idx .hotel-mainimg::after { content: ''; position: absolute; bottom: -1px; left: 0; z-index: 5; width: 100%; aspect-ratio: 1400 / 114; background: url("../img/hotel/idx/main_bg001.svg") no-repeat center bottom; background-size: contain; }
._idx .hotel-maintop { margin-bottom: 80px; background-color: #F3F2E0; }
._idx .hotel-top { padding-top: 55px; }
._idx .hotel-top .hotel-top-ico { width: 67px; margin: 0 auto 35px; }
._idx .hotel-top .hotel-top-heading { margin-bottom: 10px; font-size: 4.0rem; text-align: center; font-weight: 400; }
@media screen and (max-width: 750px) { ._idx .hotel-top .hotel-top-heading { font-size: 3.0rem; } }
._idx .hotel-top .hotel-top-subheading { margin-bottom: 80px; font-size: 2.2rem; text-align: center; font-weight: 700; }
._idx .hotel-top .hotel-top-box { display: flex; justify-content: space-between; flex-direction: row-reverse; padding-bottom: 90px; }
@media screen and (max-width: 750px) { ._idx .hotel-top .hotel-top-box { display: block; padding-bottom: 60px; } }
._idx .hotel-top .hotel-top-box figure { width: 46.6666666667%; margin-left: 5%; }
@media screen and (max-width: 750px) { ._idx .hotel-top .hotel-top-box figure { width: 100%; margin: 0 auto 30px; } }
._idx .hotel-top .hotel-top-box dl { flex: 1; }
._idx .hotel-top .hotel-top-box dl dt { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #7B4052; font-size: 3.2rem; font-weight: 500; color: #7B4052; }
._idx .hotel-top .hotel-top-bg { overflow: hidden; }
._idx .hotel-top .hotel-top-bg .swiper-wrapper { transition-timing-function: linear; }
._idx .hotel-banner { margin-bottom: 70px; }
._idx .hotel-banner p { width: 100%; max-width: 744px; margin: 0 auto; }
._idx .hotel-business { margin-bottom: 100px; }
._idx .hotel-business .business-icon { width: 55px; margin: 0 auto 20px; }
._idx .hotel-business .business-heading { position: relative; margin-bottom: 70px; font-size: 3.2rem; font-weight: 700; text-align: center; }
._idx .hotel-business .business-heading::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 82px; height: 1px; margin-left: -41px; margin-bottom: -30px; background-color: #7B4052; }
._idx .hotel-business .business-list { display: flex; gap: 30px 2.5%; }
@media screen and (max-width: 750px) { ._idx .hotel-business .business-list { flex-direction: column; } }
._idx .hotel-business .business-list li { width: 31.6666666667%; border: 1px solid #7B4052; border-radius: 1em; overflow: hidden; }
@media screen and (max-width: 750px) { ._idx .hotel-business .business-list li { width: 100%; } }
._idx .hotel-business .business-list li .business-list-area a { display: block; text-decoration: none; padding: 15px 20px; background: #7B4052 url("../img/common/ico_arrow_circle_bk.svg") no-repeat right 15px center; background-size: 30px auto; color: #fff; font-weight: 700; }
._idx .hotel-business .business-list li .business-list-box { padding: 20px 30px 30px; }
@media screen and (max-width: 1200px) { ._idx .hotel-business .business-list li .business-list-box { padding-inline: 20px; } }
._idx .hotel-business .business-list li .business-list-heading { margin-bottom: 20px; font-size: 2.2rem; font-weight: 700; }
._idx .hotel-business .business-list li .business-list-rakuten { display: flex; align-items: center; margin-bottom: 25px; padding: 10px 5px 10px 14px; border: 1px solid #02b902; border-radius: 10px; }
@media screen and (max-width: 1100px) { ._idx .hotel-business .business-list li .business-list-rakuten { flex-direction: column; row-gap: 10px; } }
@media screen and (max-width: 750px) { ._idx .hotel-business .business-list li .business-list-rakuten { flex-direction: row; } }
._idx .hotel-business .business-list li .business-list-rakuten figure { width: 32.8125%; }
@media screen and (max-width: 1100px) { ._idx .hotel-business .business-list li .business-list-rakuten figure { width: 105px; margin-inline: auto; } }
@media screen and (max-width: 1100px) { ._idx .hotel-business .business-list li .business-list-rakuten figure { width: 32.8125%; } }
._idx .hotel-business .business-list li .business-list-rakuten .business-list-rakuten-con { flex: 1; }
._idx .hotel-business .business-list li .business-list-rakuten .business-list-rakuten-con .business-list-rakuten-ttl { font-size: 1.3rem; font-weight: 500; text-align: right; }
@media screen and (max-width: 1100px) { ._idx .hotel-business .business-list li .business-list-rakuten .business-list-rakuten-con .business-list-rakuten-ttl { text-align: center; } }
@media screen and (max-width: 750px) { ._idx .hotel-business .business-list li .business-list-rakuten .business-list-rakuten-con .business-list-rakuten-ttl { text-align: right; } }
._idx .hotel-business .business-list li .business-list-rakuten .business-list-rakuten-con .business-list-rakuten-star { display: flex; justify-content: flex-end; align-items: center; column-gap: 5px; padding-right: 8px; }
@media screen and (max-width: 1100px) { ._idx .hotel-business .business-list li .business-list-rakuten .business-list-rakuten-con .business-list-rakuten-star { justify-content: center; } }
@media screen and (max-width: 750px) { ._idx .hotel-business .business-list li .business-list-rakuten .business-list-rakuten-con .business-list-rakuten-star { justify-content: flex-end; } }
._idx .hotel-business .business-list li .business-list-rakuten .business-list-rakuten-con .business-list-rakuten-star p { display: flex; column-gap: 3px; }
._idx .hotel-business .business-list li .business-list-rakuten .business-list-rakuten-con .business-list-rakuten-star p img { width: 16px; }
._idx .hotel-business .business-list li .business-list-rakuten .business-list-rakuten-con .business-list-rakuten-star span { color: #cc0000; font-size: 1.5rem; }
._idx .hotel-business .business-list li .business-list-rakuten .business-list-rakuten-con .business-list-rakuten-date { padding-right: 8px; font-size: 1.2rem; text-align: right; }
@media screen and (max-width: 1100px) { ._idx .hotel-business .business-list li .business-list-rakuten .business-list-rakuten-con .business-list-rakuten-date { text-align: center; } }
@media screen and (max-width: 750px) { ._idx .hotel-business .business-list li .business-list-rakuten .business-list-rakuten-con .business-list-rakuten-date { text-align: right; } }
._idx .hotel-business .business-list li .business-list-reservation a { display: flex; align-items: center; column-gap: 15px; text-decoration: none; padding: 15px 40px 15px 20px; background: #F7EBE7 url("../img/common/ico_arrow_bk.svg") no-repeat right 20px center; background-size: 18px auto; }
@media screen and (max-width: 1100px) { ._idx .hotel-business .business-list li .business-list-reservation a { flex-direction: column; row-gap: 5px; padding: 10px 35px; background-position: right 15px center; } }
@media screen and (max-width: 750px) { ._idx .hotel-business .business-list li .business-list-reservation a { flex-direction: row; column-gap: 1em; padding: 15px 40px 15px 20px; background-position: right 20px center; } }
._idx .hotel-business .business-list li .business-list-reservation a .ico { width: 2.5em; margin-inline: 0.5em; }
._idx .hotel-business .business-list li .business-list-reservation a p { flex: 1; font-size: 1.7rem; }
@media screen and (max-width: 960px) { ._idx .hotel-business .business-list li .business-list-reservation a p { font-size: 1.6rem; } }
._idx .hotel-business .business-list li .business-list-award { margin-top: 10px; }
._idx .hotel-business .business-list li .business-list-award a { display: flex; align-items: center; column-gap: 15px; text-decoration: none; padding: 15px 20px; background: #01B901 url("../img/common/ico_arrow_w.svg") no-repeat right 20px center; background-size: 18px auto; color: #fff; }
@media screen and (max-width: 1100px) { ._idx .hotel-business .business-list li .business-list-award a { flex-direction: column; row-gap: 5px; padding: 10px 5px; background-position: right 15px top 1.5em; } }
@media screen and (max-width: 750px) { ._idx .hotel-business .business-list li .business-list-award a { flex-direction: row; column-gap: 1em; padding: 15px 40px 15px 20px; background-position: right 20px center; } }
._idx .hotel-business .business-list li .business-list-award a .ico { width: 3.5em; }
._idx .hotel-business .business-list li .business-list-award a p { flex: 1; font-size: 1.7rem; }
@media screen and (max-width: 1100px) { ._idx .hotel-business .business-list li .business-list-award a p { text-align: center; } }
@media screen and (max-width: 960px) { ._idx .hotel-business .business-list li .business-list-award a p { font-size: 1.6rem; } }
@media screen and (max-width: 750px) { ._idx .hotel-business .business-list li .business-list-award a p { text-align: left; } }
._idx ._mainnews { background-color: #F3F2E0; }
._idx ._mainnews .sec-top .sec-ttl::after { background-color: #7B4052; }
._idx ._mainnews .sec-nav ul li { border-color: #7B4052; }
._idx ._mainnews .sec-nav ul li:hover, ._idx ._mainnews .sec-nav ul li.active { background-color: #7B4052; color: #fff; }

._detail .detail-main .cmn-heading { border-bottom: 2px solid #24497f; }
._detail .detail-main .cmn-subheading { border-left: 4px solid #24497f; }

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