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

.list-nav { border-bottom-color: #B4A557; }
.list-nav .list-nav-tab li a:hover, .list-nav .list-nav-tab li a.active { border-top-color: #B4A557; border-left-color: #B4A557; border-right-color: #B4A557; }

/* ------------------------------ コンテンツ
------------------------------ */
.cmn-section._youtube .youtube-link a { border-color: #B4A557; }
.cmn-section._youtube .youtube-link ._ch1::after { background: url("../img/common/ico_bowling.svg") no-repeat left center; }
.cmn-section._youtube .youtube-link ._ch2::after { background: url("../img/common/ico_bowling02.svg") no-repeat left center; }

.cmn-guide { background-color: #373737; }
.cmn-guide .guide-top .guide-heading { color: #fff; }
.cmn-guide .guide-top .guide-heading::after { background-color: #B4A557; }
.cmn-guide .guide-main ._guideslide li a { color: #fff; }
.cmn-guide .guide-txt .swiper-slide { width: 90.8rem; }
@media screen and (max-width: 750px) { .cmn-guide .guide-txt .swiper-slide { width: 45.4rem; } }

._idx .bowling-mainbg { position: relative; padding-bottom: 10%; background-color: #151616; }
._idx .bowling-mainbg::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; aspect-ratio: 6.3063063063; margin-bottom: -5.7857142857%; background: url("../img/bowling/idx/main_bg001.png") no-repeat left bottom; background-size: 100% auto; }
._idx .bowling-mainttl { position: relative; }
._idx .bowling-mainttl .mainttl-swiper .mainttl-swiper-fig { aspect-ratio: 1400 / 711; }
._idx .bowling-mainttl .mainttl-ttl-txt { position: absolute; top: 0; left: 0; z-index: 10; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding-bottom: 7.1428571429%; }
._idx .bowling-mainttl .mainttl-ttl-txt img { width: 42.8571428571%; }
@media screen and (max-width: 750px) { ._idx .bowling-mainttl .mainttl-ttl-txt img { width: 53.3333333333%; } }
._idx .bowling-maintop { position: relative; margin-top: -15.8571428571%; padding-top: 12.4285714286%; }
._idx .bowling-maintop::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 6.2780269058; background: url("../img/bowling/idx/main_bg005.png") no-repeat left bottom; background-size: 100% auto; }
._idx .store-important { position: relative; z-index: 1; margin-bottom: 50px; }
._idx .bowling-storelist { position: relative; z-index: 1; }
._idx .bowling-storelist .storelist-icon { width: 69px; margin: 0 auto 40px; }
._idx .bowling-storelist .storelist-heading { position: relative; margin-bottom: 85px; font-size: 3.2rem; font-weight: 700; text-align: center; color: #fff; }
._idx .bowling-storelist .storelist-heading::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 82px; height: 1px; margin-left: -41px; margin-bottom: -30px; background-color: #B4A557; }
._idx .bowling-storelist .storelist-lead { margin-bottom: 45px; font-size: 1.8rem; text-align: center; color: #fff; }
._idx .bowling-storelist .storelist-nav { display: flex; flex-wrap: wrap; gap: 30px 2%; }
@media screen and (max-width: 1100px) { ._idx .bowling-storelist .storelist-nav { gap: 20px 2.0833333333%; } }
@media screen and (max-width: 750px) { ._idx .bowling-storelist .storelist-nav { gap: 20px 4%; } }
._idx .bowling-storelist .storelist-nav li { width: 15%; }
@media screen and (max-width: 1100px) { ._idx .bowling-storelist .storelist-nav li { width: 18.3333333333%; } }
@media screen and (max-width: 750px) { ._idx .bowling-storelist .storelist-nav li { width: 48%; } }
._idx .bowling-storelist .storelist-nav li a { display: block; text-decoration: none; }
._idx .bowling-storelist .storelist-nav li a dl { display: flex; align-items: center; justify-content: center; padding-block: 20px; line-height: 1; }
@media screen and (max-width: 960px) { ._idx .bowling-storelist .storelist-nav li a dl { padding-block: 10px; font-size: 1.3rem; } }
@media screen and (max-width: 750px) { ._idx .bowling-storelist .storelist-nav li a dl { padding-block: 15px; font-size: 1.6rem; } }
._idx .bowling-storelist .storelist-nav li a dl dt { margin-right: 0.5em; padding-right: 0.5em; border-right: 1px solid #B4A557; color: #B4A557; }
._idx .bowling-storelist .storelist-nav li a dl dd { color: #fff; }
._idx .bowling-main { padding-top: 70px; background: url("../img/bowling/idx/main_bg002.png") no-repeat left top; background-size: 100% auto; }
._idx .bowling-main .bowling-heading { position: relative; margin-bottom: 85px; font-size: 3.2rem; font-weight: 700; text-align: center; }
._idx .bowling-main .bowling-heading::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 82px; height: 1px; margin-left: -41px; margin-bottom: -30px; background-color: #B4A557; }
._idx .bowling-main .bowling-lead { margin-bottom: 60px; font-size: 2.5rem; text-align: center; }
@media screen and (max-width: 750px) { ._idx .bowling-main .bowling-lead { font-size: 1.8rem; } }
._idx .bowling-main .tabmenu { display: flex; justify-content: center; column-gap: 1.6666666667%; }
._idx .bowling-main .tabmenu li { position: relative; width: 29.1666666667%; display: flex; align-items: center; justify-content: center; padding: 25px 10px; font-size: 2.7rem; color: #fff; text-align: center; line-height: 1.2; cursor: pointer; }
@media screen and (max-width: 750px) { ._idx .bowling-main .tabmenu li { font-size: 2.0rem; } }
._idx .bowling-main .tabmenu li span { font-size: 1.8rem; }
@media screen and (max-width: 750px) { ._idx .bowling-main .tabmenu li span { font-size: 1.2rem; } }
._idx .bowling-main .tabmenu li::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; border-bottom: 8px solid #B4A557; background-color: #B4A557; transform: skewX(-15deg); }
._idx .bowling-main .tabmenu li.active::after, ._idx .bowling-main .tabmenu li:hover::after { border-bottom-color: #151616; }
._idx .bowling-main .bowling-main-con { padding: 105px 0; background: url("../img/bowling/idx/main_bg003.png") no-repeat right top 60px; }
@media screen and (max-width: 750px) { ._idx .bowling-main .bowling-main-con { padding: 60px 0; } }
._idx .bowling-main .bowling-main-con ul { display: flex; flex-wrap: wrap; gap: 0 8%; }
@media screen and (max-width: 750px) { ._idx .bowling-main .bowling-main-con ul { display: block; } }
._idx .bowling-main .bowling-main-con ul li { width: 45.5%; }
@media screen and (max-width: 750px) { ._idx .bowling-main .bowling-main-con ul li { width: 100%; margin-bottom: 40px; } }
._idx .bowling-main .bowling-main-con ul li:first-child { margin-top: 0 !important; }
._idx .bowling-main .bowling-main-con ul li:nth-child(even) { margin-top: 28%; }
@media screen and (max-width: 750px) { ._idx .bowling-main .bowling-main-con ul li:nth-child(even) { margin-top: 0; } }
._idx .bowling-main .bowling-main-con ul li:nth-child(odd) { margin-top: -12%; }
@media screen and (max-width: 750px) { ._idx .bowling-main .bowling-main-con ul li:nth-child(odd) { margin-top: 0; } }
._idx .bowling-main .bowling-main-con ul li a, ._idx .bowling-main .bowling-main-con ul li ._nolink { display: block; text-decoration: none; }
._idx .bowling-main .bowling-main-con ul li a figure, ._idx .bowling-main .bowling-main-con ul li ._nolink figure { position: relative; border-radius: 1em; background-color: #f2f2f2; overflow: hidden; }
._idx .bowling-main .bowling-main-con ul li a figure img, ._idx .bowling-main .bowling-main-con ul li ._nolink figure img { width: 100%; aspect-ratio: 91 / 70; object-fit: contain; }
._idx .bowling-main .bowling-main-con ul li a figure figcaption, ._idx .bowling-main .bowling-main-con ul li ._nolink figure figcaption { position: absolute; bottom: 0; left: 0; width: 175px; padding: 10px; background: url("../img/bowling/idx/main_bg004.png") no-repeat left bottom; font-size: 1.5rem; color: #fff; text-align: center; line-height: 1; }
._idx .bowling-main .bowling-main-con ul li a p, ._idx .bowling-main .bowling-main-con ul li ._nolink p { padding: 10px 40px; font-size: 1.8rem; font-weight: 500; text-align: center; }
._idx .bowling-main .bowling-main-con ul li a p { background: url("../img/common/ico_arrow_circle_gr.svg") no-repeat right center; background-size: 38px auto; }
._idx .bowling-main .bowling-main-con .more-btn { margin-top: 130px; }
@media screen and (max-width: 750px) { ._idx .bowling-main .bowling-main-con .more-btn { margin-top: 60px; } }
._idx ._mainnews { background-color: #151616; }
._idx ._mainnews .sec-top .sec-ttl { color: #fff; }
._idx ._mainnews .sec-nav ul li { border-color: #B4A557; }
._idx ._mainnews .sec-nav ul li:hover, ._idx ._mainnews .sec-nav ul li.active { background-color: #B4A557; color: #fff; }
._idx ._pro { background-color: #fff; }
._idx ._pro .sec-top .sec-ttl { margin-bottom: 70px; }
._idx ._pro .sec-top .sec-ttl::after { background-color: #B4A557; }
._idx ._pro .pro-main { margin-bottom: 20px; }
._idx ._pro .pro-main ul { display: flex; justify-content: center; column-gap: 5.8823529412%; max-width: 680px; margin: 0 auto; }
@media screen and (max-width: 750px) { ._idx ._pro .pro-main ul { display: block; } }
._idx ._pro .pro-main ul li { width: 47.0588235294%; }
@media screen and (max-width: 750px) { ._idx ._pro .pro-main ul li { width: 100%; margin-bottom: 30px; } }
._idx ._pro .pro-main ul li a { display: block; text-decoration: none; }
._idx ._pro .pro-main ul li a p { margin-top: 10px; font-size: 1.8rem; text-align: center; }
._idx ._service { background-color: #163A4C; }
._idx ._service .sec-top .sec-ttl { color: #fff; }
._idx ._service .sec-top .sec-ttl::after { background-color: #fff; }
._idx ._service .sec-main ._wrap .sec-swiper .sec-swiper-link p { color: #fff; }
._idx ._youtube { background-color: #fff; }

._store .cmn-section-top { background-color: #151616; }
._store .store-mainimg p { background-image: url("../img/common/ico_arrow_circle_gl.svg"); }
._store .store-mainimg .mainimg-tool .swiper-pagination-bullet-active { background: #B4A557 !important; }
._store .store-nav ul li a:hover { background-color: #B4A557; }
._store ._event { background-color: #163A4C; }
._store ._event .sec-top .sec-ttl { color: #fff; }
._store ._event .sec-top .sec-ttl::after { background-color: #B4A557; }
._store ._challenge { background-color: #fff; }
._store ._affiliation { background: url("../img/bowling/store/affiliation_bg001.png") no-repeat center bottom; background-size: cover; }
._store ._affiliation .sec-top .sec-ttl { color: #fff; }
._store ._affiliation .sec-top .sec-ttl::after { background-color: #B4A557; }
._store ._service { background-color: #163A4C; }
._store ._service .sec-top .sec-ttl { color: #fff; }
._store ._service .sec-top .sec-ttl::after { background-color: #B4A557; }
._store ._service .sec-main ._wrap .sec-swiper .sec-swiper-link p { color: #fff; }
._store ._youtube { background-color: #fff; }
._store .store-facility { background-color: #163A4C; }
._store .store-facility .facility-main .facility-icon { width: 68px; margin: 0 auto 25px; }
._store .store-facility .facility-subheading { color: #fff; }

._detaillist .articlelist .articlelist-list li .list-info-box .list-info-cate span { width: 7em; }
._detaillist .articlelist .articlelist-list li .list-info-box .list-info-cate span._cat1 { background-color: #257E4B; }
._detaillist .articlelist .articlelist-list li .list-info-box .list-info-cate span._cat2 { background-color: #174992; }
._detaillist .articlelist .articlelist-list li .list-info-box .list-info-cate span._cat3 { background-color: #A52A2A; }

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

.affiliationlist-top { padding-top: 50px; }
.affiliationlist-top .affiliationlist-top-nav { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 2rem; margin-block: 40px; }
@media screen and (max-width: 750px) { .affiliationlist-top .affiliationlist-top-nav { flex-direction: column; } }
.affiliationlist-top .affiliationlist-top-nav li { width: 48%; }
@media screen and (max-width: 750px) { .affiliationlist-top .affiliationlist-top-nav li { width: 100%; } }
.affiliationlist-top .affiliationlist-top-nav li a { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 8rem; padding: 1rem 3rem 1rem 0; border: 1px solid #B4A557; border-radius: 3em; font-size: 1.8rem; font-weight: 700; text-decoration: none; }
@media screen and (max-width: 750px) { .affiliationlist-top .affiliationlist-top-nav li a { padding-right: 2rem; } }
.affiliationlist-top .affiliationlist-top-nav li a span { flex: 1; padding-inline: 1rem; text-align: center; }
.affiliationlist-top .affiliationlist-top-nav li a .ico { width: 3.8rem; }
.affiliationlist-top .affiliationlist-top-match { border: 1px solid #D0D0D0; border-radius: 20px; overflow: hidden; }
.affiliationlist-top .affiliationlist-top-match nav { padding: 50px 30px; }
@media screen and (max-width: 750px) { .affiliationlist-top .affiliationlist-top-match nav { padding: 1em; } }
.affiliationlist-top .affiliationlist-top-match nav ul { display: flex; flex-wrap: wrap; gap: 2rem 2.561247216%; max-width: 898px; margin-inline: auto; }
@media screen and (max-width: 750px) { .affiliationlist-top .affiliationlist-top-match nav ul { column-gap: 0; justify-content: space-between; } }
.affiliationlist-top .affiliationlist-top-match nav ul li { width: 31.6258351893%; }
@media screen and (max-width: 750px) { .affiliationlist-top .affiliationlist-top-match nav ul li { width: 48%; } }
.affiliationlist-top .affiliationlist-top-match nav ul li a { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 5.7rem; padding: 1rem 1.4rem 1rem 2.5rem; border-radius: 3em; background-color: #E13652; color: #fff; font-weight: 500; text-decoration: none; }
.affiliationlist-top .affiliationlist-top-match nav ul li a span { flex: 1; padding-inline: 1rem; text-align: center; }
.affiliationlist-top .affiliationlist-top-match nav ul li a .ico { width: 1.1rem; }

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