@charset "UTF-8";
/* ------------------------------ ページタイトル
------------------------------ */
.pagettl._detailpage .pagettl-txt span { border-left-color: #181e61; }
.pagettl._detailpage .pagettl-nav-popup ul li a { background-image: url("../img/common/ico_arrow_circle_bl.svg"); }
.pagettl._detailpage .pagettl-nav-popup ul li a:hover { background-color: #3B41A9; }
@media screen and (max-width: 960px) { .pagettl._detailpage .pagettl-nav-popup .pagettl-nav-popup-btn { background-color: #181e61; } }

/* ------------------------------ コンテンツ
------------------------------ */
.cmn-guide { background-color: #F6D0D8; }
.cmn-guide .guide-top .guide-heading::after { background-color: #E50110; }
.cmn-guide .guide-txt .swiper-slide { width: 117.5rem; }
@media screen and (max-width: 750px) { .cmn-guide .guide-txt .swiper-slide { width: 58.8rem; } }

._idx .karaoke-mainbg { position: relative; background-color: #181e61; }
._idx .karaoke-mainbg::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; aspect-ratio: 6.3063063063; margin-bottom: -15.7857142857%; background: url("../img/karaoke/idx/main_bg001.png") no-repeat left bottom; background-size: 100% auto; }
._idx .karaoke-mainttl { position: relative; }
._idx .karaoke-mainttl .mainttl-swiper .mainttl-swiper-fig { aspect-ratio: 28 / 13; }
._idx .karaoke-mainttl .mainttl-ttl-txt { position: absolute; top: 0; left: 50%; z-index: 10; width: 47.7142857143%; margin-top: 7.8571428571%; margin-left: -23.8571428571%; }
@media screen and (max-width: 750px) { ._idx .karaoke-mainttl .mainttl-ttl-txt { width: 56%; margin-top: 6.6666666667%; margin-left: -28%; } }
._idx .karaoke-maintop { position: relative; margin-top: -16%; padding: 12.1428571429% 0 25px; }
._idx .karaoke-maintop::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 6.2222222222; background: url("../img/karaoke/idx/main_bg003.png") no-repeat left bottom; background-size: 100% auto; }
._idx .store-important { position: relative; z-index: 1; margin-bottom: 50px; }
._idx .karaoke-storelist { position: relative; z-index: 1; }
._idx .karaoke-storelist .storelist-fig { position: absolute; bottom: 0; left: 0; width: 144px; margin-left: 30px; margin-bottom: -165px; }
@media screen and (max-width: 750px) { ._idx .karaoke-storelist .storelist-fig { width: 74px; margin-left: 0; margin-bottom: 0; } }
._idx .karaoke-storelist .storelist-icon { width: 213px; margin: 0 auto 40px; }
._idx .karaoke-storelist .storelist-heading { position: relative; margin-bottom: 85px; font-size: 3.2rem; font-weight: 700; text-align: center; color: #fff; }
._idx .karaoke-storelist .storelist-heading::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 82px; height: 1px; margin-left: -41px; margin-bottom: -30px; background-color: #F6D0D8; }
._idx .karaoke-storelist .storelist-lead { margin-bottom: 45px; font-size: 1.8rem; text-align: center; color: #fff; }
._idx .karaoke-storelist .storelist-nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 30px 1.6666666667%; }
@media screen and (max-width: 750px) { ._idx .karaoke-storelist .storelist-nav { gap: 20px 4%; } }
._idx .karaoke-storelist .storelist-nav li { width: 15%; }
@media screen and (max-width: 750px) { ._idx .karaoke-storelist .storelist-nav li { width: 48%; } }
._idx .karaoke-storelist .storelist-nav li a { display: block; text-decoration: none; }
._idx .karaoke-storelist .storelist-nav li a dl { display: flex; align-items: center; justify-content: center; padding: 20px 10px; line-height: 1; }
@media screen and (max-width: 960px) { ._idx .karaoke-storelist .storelist-nav li a dl { padding: 10px; font-size: 1.3rem; } }
@media screen and (max-width: 750px) { ._idx .karaoke-storelist .storelist-nav li a dl { padding: 15px 10px; font-size: 1.6rem; } }
._idx .karaoke-storelist .storelist-nav li a dl dt { margin-right: 0.5em; padding-right: 0.5em; border-right: 1px solid #A4FFFF; color: #A4FFFF; }
._idx .karaoke-storelist .storelist-nav li a dl dd { color: #fff; }
._idx .karaoke-main { margin-top: 15.8571428571%; padding-top: 30px; background: url("../img/karaoke/idx/main_bg002.png") no-repeat left top; background-size: 100% auto; }
@media screen and (max-width: 750px) { ._idx .karaoke-main { padding-top: 20%; } }
._idx .karaoke-main .karaoke-heading { position: relative; margin-bottom: 85px; font-size: 3.2rem; font-weight: 700; text-align: center; }
._idx .karaoke-main .karaoke-heading::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 82px; height: 1px; margin-left: -41px; margin-bottom: -30px; background-color: #F6D0D8; }
._idx .karaoke-main .karaoke-main-con { padding-bottom: 105px; }
@media screen and (max-width: 750px) { ._idx .karaoke-main .karaoke-main-con { padding-bottom: 60px; } }
._idx .karaoke-main .karaoke-main-con ul { display: flex; flex-wrap: wrap; gap: 0 8%; }
@media screen and (max-width: 750px) { ._idx .karaoke-main .karaoke-main-con ul { display: block; } }
._idx .karaoke-main .karaoke-main-con ul li { width: 45.5%; }
@media screen and (max-width: 750px) { ._idx .karaoke-main .karaoke-main-con ul li { width: 100%; margin-bottom: 40px; } }
._idx .karaoke-main .karaoke-main-con ul li:first-child { margin-top: 0 !important; }
._idx .karaoke-main .karaoke-main-con ul li:nth-child(even) { margin-top: 28%; }
@media screen and (max-width: 750px) { ._idx .karaoke-main .karaoke-main-con ul li:nth-child(even) { margin-top: 0; } }
._idx .karaoke-main .karaoke-main-con ul li:nth-child(odd) { margin-top: -12%; }
@media screen and (max-width: 750px) { ._idx .karaoke-main .karaoke-main-con ul li:nth-child(odd) { margin-top: 0; } }
._idx .karaoke-main .karaoke-main-con ul li a, ._idx .karaoke-main .karaoke-main-con ul li ._nolink { display: block; text-decoration: none; }
._idx .karaoke-main .karaoke-main-con ul li a figure, ._idx .karaoke-main .karaoke-main-con ul li ._nolink figure { border-radius: 1em; background-color: #f2f2f2; overflow: hidden; }
._idx .karaoke-main .karaoke-main-con ul li a figure img, ._idx .karaoke-main .karaoke-main-con ul li ._nolink figure img { width: 100%; aspect-ratio: 91 / 70; object-fit: contain; }
._idx .karaoke-main .karaoke-main-con ul li a p, ._idx .karaoke-main .karaoke-main-con ul li ._nolink p { padding: 25px 40px; font-size: 1.8rem; font-weight: 500; text-align: center; }
._idx .karaoke-main .karaoke-main-con ul li a p { background: url("../img/common/ico_arrow_circle_gr.svg") no-repeat right center; background-size: 38px auto; }
._idx .karaoke-main .karaoke-main-con ul li a[target="_blank"] p { background-image: url("../img/common/ico_link.svg"); background-size: 35px auto; }
._idx .karaoke-main .karaoke-main-con .more-btn { margin-top: 130px; }
@media screen and (max-width: 750px) { ._idx .karaoke-main .karaoke-main-con .more-btn { margin-top: 60px; } }
._idx ._mainnews { background-color: #181E61; }
._idx ._mainnews .sec-top .sec-ttl { color: #fff; }
._idx ._mainnews .sec-top .sec-ttl::after { background-color: #F6D0D8; }
._idx ._mainnews .sec-nav ul li { border-color: #F6D0D8; }
._idx ._mainnews .sec-nav ul li:hover, ._idx ._mainnews .sec-nav ul li.active { background-color: #F6D0D8; }

._store .cmn-section-top { background-color: #181e61; }
._store .store-mainimg p { background-image: url("../img/common/ico_arrow_circle_gre02.svg"); }
._store .store-mainimg .mainimg-tool .swiper-pagination-bullet-active { background: #FF9928 !important; }
._store .store-nav ul li a:hover { background-color: #FF9928; }
._store ._pickup, ._store ._room { background-color: #fff; }
._store ._pickup .sec-top .sec-ttl::after, ._store ._room .sec-top .sec-ttl::after { background-color: #F6D0D8; }
._store ._event { background-color: #181e61; }
._store ._event .sec-top .sec-ttl { color: #fff; }
._store ._event .sec-top .sec-ttl::after { background-color: #F6D0D8; }
._store .store-facility { background-color: #181e61; }
._store .store-facility .facility-main .facility-icon { width: 79px; margin: 0 auto 25px; }
._store .store-facility .facility-subheading { color: #fff; }

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

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