@charset "UTF-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; }

html { font-size: 62.5%; }
@media screen and (max-width: 750px) { html { font-size: 2.1111111111vw; } }

body { color: #2D2D2D; font-family: "Murecho", YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-size: 1.8rem; -webkit-text-size-adjust: 100%; }

li { list-style: none; }

img { max-width: 100%; vertical-align: bottom; }
img[usemap] { height: auto; }

video { max-width: 100%; }

a { color: #2D2D2D; }
a:hover { text-decoration: none; }

button { padding: 0; border: none; background: none; font-family: inherit; font-size: 1.8rem; cursor: pointer; }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="submit"], input[type="button"], textarea, select { font-family: inherit; font-size: 1.8rem; }

.only-pc { display: block; }
@media screen and (max-width: 750px) { .only-pc { display: none; } }

.only-sp { display: none; }
@media screen and (max-width: 750px) { .only-sp { display: block; } }

img.only-pc, span.only-pc { display: inline; }
@media screen and (max-width: 750px) { img.only-pc, span.only-pc { display: none; } }
img.only-sp, span.only-sp { display: none; }
@media screen and (max-width: 750px) { img.only-sp, span.only-sp { display: inline; } }

table.only-pc { display: table; }
@media screen and (max-width: 750px) { table.only-pc { display: none; } }
table.only-sp { display: none; }
@media screen and (max-width: 750px) { table.only-sp { display: table; } }

.js-tel { color: #000 !important; text-decoration: none; cursor: default; }

.pagetop { position: fixed; bottom: 20px; right: 20px; z-index: 9999; opacity: 0; transition: all .5s; transform: translateY(100px); }
.pagetop.is-show { opacity: 1; transform: translateY(0); }

.inner { max-width: 1240px; margin-inline: auto; padding-inline: 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .inner { padding-inline: 2rem; } }

.header { padding: 16px 40px 20px; background-color: #fff; }
@media screen and (max-width: 750px) { .header { padding: 1.5rem 2rem; } }
.header .header-logo { max-width: 305px; }
@media screen and (max-width: 750px) { .header .header-logo { max-width: 20rem; } }

.footer { padding: 20px 20px 50px; }
.footer .copy { color: #333; font-size: 1.2rem; text-align: center; }

.bg-nak { background-color: #e6001b; }

.bg-ogk { background-color: #00a569; }

.txt-nak { color: #e6001b; }

.txt-ogk { color: #00a569; }

.ff-noto { font-family: "Noto Sans JP", sans-serif; }

.ico { display: inline-flex; justify-content: center; align-items: center; width: 1em; line-height: 0; }
.ico::before { width: 100% !important; }

.ico-arrow-nak::before { content: url("../img/common/arrow_nak.svg"); }

.ico-arrow-ogk::before { content: url("../img/common/arrow_ogk.svg"); }

.ico-arrow-w::before { content: url("../img/common/arrow_w.svg"); }

.ico-megaphone::before { content: url("../img/common/ico_megaphone.svg"); }

.tab { display: none; }
.tab.active { display: block; }

.menu { padding-top: 40px; }
.menu .menu-list { display: flex; column-gap: 40px; }
@media screen and (max-width: 750px) { .menu .menu-list { column-gap: 1rem; } }
.menu .menu-list li { flex: 1; }
.menu .menu-list li span { display: block; border-top-left-radius: 24px; border-top-right-radius: 24px; padding: 25px 10px; color: #fff; font-size: 3.2rem; font-weight: 700; text-align: center; cursor: pointer; }
@media screen and (max-width: 750px) { .menu .menu-list li span { padding-block: 10px; font-size: 2rem; } }

.content { padding-top: 120px; padding-bottom: 160px; }
@media screen and (max-width: 750px) { .content { padding-block: 4rem; } }

.nav .lnav { position: relative; z-index: 1; display: flex; column-gap: 30px; }
@media screen and (max-width: 750px) { .nav .lnav { flex-direction: column; row-gap: 1rem; } }
.nav .lnav li { flex: 1; }
.nav .lnav li a { display: flex; align-items: center; min-height: 3.5em; padding: 5px 20px; border-radius: 16px; background-color: #FABE00; font-size: 2.4rem; font-weight: 700; line-height: 1.2; text-decoration: none; }
@media screen and (max-width: 750px) { .nav .lnav li a { font-size: 2rem; } }
.nav .lnav li a:hover { background-color: #fff; }
.nav .lnav li a span { flex: 1; padding-left: 20px; text-align: center; }
.nav .lnav li a .ico { width: 1.7rem; transform: rotate(90deg); }
.nav .ttl { width: 112.3333333333%; margin-top: -12.25%; margin-left: -17.3333333333%; }

.spot { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 160px; }
@media screen and (max-width: 750px) { .spot { display: flex; flex-direction: column; row-gap: 3rem; margin-bottom: 6rem; } }
.spot .spot-box { padding: 40px; background-color: #fff; }
@media screen and (max-width: 750px) { .spot .spot-box { padding: 2rem; } }
.spot .spot-box._new { position: relative; }
.spot .spot-box._new::before { content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 100px; aspect-ratio: 1 / 1; background-image: url("../img/common/ico_new.svg"); background-repeat: no-repeat; background-size: contain; clip-path: polygon(0 0, 100% 0, 0 100%); }
@media screen and (max-width: 750px) { .spot .spot-box._new::before { width: 8rem; } }
.spot .spot-box._first { position: relative; }
.spot .spot-box._first::before { content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 120px; aspect-ratio: 1 / 1; background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 750px) { .spot .spot-box._first::before { width: 9rem; } }
.spot .spot-box .spot-box-slider { overflow: hidden; }
.spot .spot-box .swiper-pagination { position: static; display: flex; justify-content: center; column-gap: 16px; margin-top: 8px; }
.spot .spot-box .swiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; margin: 0; background-color: #ccc; opacity: 1; }
.spot .spot-box .spot-box-ttl { display: flex; align-items: center; height: 120px; margin-inline: auto; }
@media screen and (max-width: 750px) { .spot .spot-box .spot-box-ttl { height: 10rem; } }
.spot .spot-box .spot-box-ttl._onsen { width: 95.625%; }
@media screen and (max-width: 750px) { .spot .spot-box .spot-box-ttl._onsen { width: 76%; } }
.spot .spot-box .spot-box-ttl._cinema { width: 67.6%; }
.spot .spot-box .spot-box-ttl._bowling { width: 67.8%; }
.spot .spot-box .spot-box-ttl._pachinko { width: 37.2%; }
.spot .spot-box .spot-box-ttl._dw { width: 47.4%; }
.spot .spot-box .spot-box-ttl._game { width: 40%; }
.spot .spot-box .spot-box-ttl._joyjoy { width: 59.4696969697%; }
@media screen and (max-width: 750px) { .spot .spot-box .spot-box-ttl._joyjoy { width: 40%; } }
.spot .spot-box .spot-box-ttl._anettai { width: 91.6030534351%; }
@media screen and (max-width: 750px) { .spot .spot-box .spot-box-ttl._anettai { width: 60%; } }
.spot .spot-box .spot-box-ttl._gg { width: 49.427480916%; }
.spot .spot-box .spot-box-ttl._pricoro { width: 39.1221374046%; }
.spot .spot-box .spot-box-place { display: flex; margin-bottom: 15px; font-size: 2rem; font-weight: 700; }
@media screen and (max-width: 750px) { .spot .spot-box .spot-box-place { font-size: 1.8rem; } }
.spot .spot-box .spot-box-place ._floor { width: 3em; padding: 2px; background-color: #2D2D2D; color: #fff; text-align: center; }
.spot .spot-box .spot-box-place ._brand { padding: 2px 1em; border: 1px solid #2D2D2D; }
.spot .spot-box .spot-box-first { display: flex; align-items: center; padding: 2px 1em; color: #fff; }
@media screen and (max-width: 750px) { .spot .spot-box .spot-box-first { font-size: 1.6rem; } }
.spot .spot-box .spot-box-wrap { display: flex; gap: 10px; margin-bottom: 15px; }
.spot .spot-box .spot-box-wrap .spot-box-place { margin-bottom: 0; }
.spot .spot-box .spot-box-hl { margin-bottom: 15px; font-size: 2.4rem; }
@media screen and (max-width: 750px) { .spot .spot-box .spot-box-hl { margin-bottom: 10px; font-size: 2.2rem; } }
.spot .spot-box p small { font-size: 1.4rem; }
.spot .spot-box._w { display: flex; column-gap: 60px; padding: 60px; }
@media screen and (max-width: 750px) { .spot .spot-box._w { display: block; padding: 2rem; } }
.spot .spot-box._w .spot-box-fig { width: 50%; }
@media screen and (max-width: 750px) { .spot .spot-box._w .spot-box-fig { width: 100%; } }
.spot .spot-box._w .spot-box-con { flex: 1; }
.spot .spot-box._w .spot-box-ttl { height: auto; margin: 15px 0; }
@media screen and (max-width: 750px) { .spot .spot-box._w .spot-box-ttl { height: 10rem; margin: 0 auto; } }
.spot .spot-box._w._ws { column-gap: 20px; padding: 40px 28px; }
.spot .spot-box._w._ws .spot-box-fig { width: 20.979020979%; }
@media screen and (max-width: 750px) { .spot .spot-box._w._ws .spot-box-fig { width: 100%; text-align: center; } }
.spot .spot-box._w._ws .spot-box-ttl { margin-top: 0; font-size: 2.4rem; }
.spot .spot-box._s { display: flex; column-gap: 20px; padding-inline: 28px; }
@media screen and (max-width: 750px) { .spot .spot-box._s { display: block; padding-inline: 2rem; } }
.spot .spot-box._s .spot-box-fig { width: 45.8015267176%; }
@media screen and (max-width: 750px) { .spot .spot-box._s .spot-box-fig { width: 100%; text-align: center; } }
.spot .spot-box._s .spot-box-con { flex: 1; }
.spot .spot-box._s .spot-box-ttl { height: auto; margin-bottom: 15px; }
@media screen and (max-width: 750px) { .spot .spot-box._s .spot-box-ttl { height: 10rem; margin: 0 auto; } }

.campaign { margin-bottom: 160px; }
@media screen and (max-width: 750px) { .campaign { margin-bottom: 6rem; } }
.campaign .campaign-head { display: grid; grid-template-columns: auto 1fr 220px; gap: 10px 5px; padding: 20px 10px 0 60px; background-color: #FABE00; font-weight: 700; }
@media screen and (max-width: 750px) { .campaign .campaign-head { display: block; padding: 2rem 2rem 0; } }
.campaign .campaign-head .campaign-copy { grid-column: 1 / 3; grid-row: 1 / 2; }
@media screen and (max-width: 750px) { .campaign .campaign-head .campaign-copy { margin-bottom: 1rem; } }
.campaign .campaign-head .campaign-copy span { display: inline-block; padding: 5px 1em; border-radius: 16px; background-color: #fff; font-size: 2.4rem; }
@media screen and (max-width: 750px) { .campaign .campaign-head .campaign-copy span { font-size: 1.8rem; } }
.campaign .campaign-head .campaign-shop { grid-column: 1 / 2; grid-row: 2 / 3; padding-bottom: 15px; font-size: 2.6rem; line-height: 1.2; }
@media screen and (max-width: 750px) { .campaign .campaign-head .campaign-shop { padding-bottom: 0; font-size: 2rem; } }
.campaign .campaign-head .campaign-ttl { grid-column: 2 / 3; grid-row: 2 / 3; padding-bottom: 15px; font-size: 5.2rem; line-height: 1.2; }
@media screen and (max-width: 750px) { .campaign .campaign-head .campaign-ttl { padding-bottom: 1rem; font-size: 2.6rem; } }
.campaign .campaign-head .campaign-ico { grid-column: 3 / 4; grid-row: 1 / 3; display: flex; align-items: flex-end; }
@media screen and (max-width: 750px) { .campaign .campaign-head .campaign-ico { width: 11em; margin-inline: auto; } }
.campaign .campaign-con { padding-inline: 54px; border-left: 6px solid #FABE00; border-right: 6px solid #FABE00; border-bottom: 6px solid #FABE00; background-color: #fff; }
@media screen and (max-width: 750px) { .campaign .campaign-con { padding-inline: 2rem; } }
.campaign .campaign-con .campaign-box { display: flex; column-gap: 60px; padding-block: 60px; border-bottom: 3px solid #FABE00; }
@media screen and (max-width: 750px) { .campaign .campaign-con .campaign-box { flex-direction: column; row-gap: 2rem; padding-block: 2rem; } }
.campaign .campaign-con .campaign-box:last-child { border-bottom: none; }
.campaign .campaign-con .campaign-box figure { width: 30.0925925926%; }
@media screen and (max-width: 750px) { .campaign .campaign-con .campaign-box figure { width: 100%; } }
.campaign .campaign-con .campaign-box .campaign-box-con { flex: 1; }
.campaign .campaign-con .campaign-box .campaign-box-head { display: flex; align-items: center; column-gap: 20px; margin-bottom: 10px; }
.campaign .campaign-con .campaign-box .campaign-box-head .campaign-box-ttl { flex: 1; font-size: 4.8rem; line-height: 1.2; }
@media screen and (max-width: 750px) { .campaign .campaign-con .campaign-box .campaign-box-head .campaign-box-ttl { font-size: 2.6rem; } }
.campaign .campaign-con .campaign-box .campaign-box-head .campaign-box-ttl small { font-size: 2.6rem; }
@media screen and (max-width: 750px) { .campaign .campaign-con .campaign-box .campaign-box-head .campaign-box-ttl small { font-size: 2rem; } }
.campaign .campaign-con .campaign-box .campaign-box-head .ico-megaphone { width: 10rem; }
@media screen and (max-width: 750px) { .campaign .campaign-con .campaign-box .campaign-box-head .ico-megaphone { width: 5rem; } }
.campaign .campaign-con .campaign-box .campaign-box-period { display: flex; align-items: center; column-gap: 10px; margin-bottom: 15px; font-weight: 700; }
.campaign .campaign-con .campaign-box .campaign-box-period i { display: flex; justify-content: center; align-items: center; width: 4em; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #2D2D2D; color: #fff; font-style: normal; }
.campaign .campaign-con .campaign-box .campaign-box-period span { flex: 1; font-size: 2.6rem; }
@media screen and (max-width: 750px) { .campaign .campaign-con .campaign-box .campaign-box-period span { font-size: 2rem; } }
.campaign .campaign-con .campaign-box .campaign-box-hl { margin-bottom: 10px; font-size: 3.6rem; line-height: 1.2; }
@media screen and (max-width: 750px) { .campaign .campaign-con .campaign-box .campaign-box-hl { font-size: 2.4rem; } }
.campaign .campaign-con .campaign-box .campaign-box-hl small { font-size: 2.6rem; }
@media screen and (max-width: 750px) { .campaign .campaign-con .campaign-box .campaign-box-hl small { font-size: 2rem; } }
.campaign .campaign-note { margin-top: 10px; color: #fff; text-align: right; }
@media screen and (max-width: 750px) { .campaign .campaign-note { font-size: 1.6rem; } }

.access { margin-bottom: 60px; }
@media screen and (max-width: 750px) { .access { margin-bottom: 4rem; } }
.access .access-head { position: relative; padding: 25px 210px 25px 60px; }
@media screen and (max-width: 750px) { .access .access-head { padding: 2rem 11rem 2rem 2rem; } }
.access .access-head .access-head-ttl { display: flex; column-gap: 20px; line-height: 1.2; }
@media screen and (max-width: 750px) { .access .access-head .access-head-ttl { flex-direction: column; row-gap: 5px; align-items: flex-start; } }
.access .access-head .access-head-ttl i { display: inline-flex; align-items: center; padding: 0 1em 3px; border-radius: 12px; background-color: #fff; font-size: 3.2rem; font-style: normal; }
@media screen and (max-width: 750px) { .access .access-head .access-head-ttl i { font-size: 2rem; } }
.access .access-head .access-head-ttl span { color: #fff; font-size: 4.6rem; }
@media screen and (max-width: 750px) { .access .access-head .access-head-ttl span { font-size: 2.6rem; } }
.access .access-head .access-head-ico { position: absolute; top: 0; right: 0; width: 150px; margin: -50px 60px 0 0; }
@media screen and (max-width: 750px) { .access .access-head .access-head-ico { width: 10rem; margin: -2rem 1rem 0 0; } }
.access .access-con { padding: 50px 54px; background-color: #fff; }
@media screen and (max-width: 750px) { .access .access-con { padding: 2rem; } }
.access .access-info { display: flex; column-gap: 40px; margin-bottom: 60px; }
@media screen and (max-width: 750px) { .access .access-info { flex-direction: column; row-gap: 2rem; margin-bottom: 4rem; } }
.access .access-info figure { width: 50%; }
@media screen and (max-width: 750px) { .access .access-info figure { width: 100%; } }
.access .access-info .access-info-con { flex: 1; border-top: 1px solid #ccc; }
.access .access-info .access-info-con dl { display: flex; padding-block: 20px; border-bottom: 1px solid #ccc; }
.access .access-info .access-info-con dl dt { width: 6em; font-weight: 700; }
.access .access-info .access-info-con dl dd { flex: 1; }
.access .access-info .access-info-con ul { display: flex; flex-wrap: wrap; gap: 6px; margin-block: 24px; }
.access .access-info .access-info-con ul li { width: 60px; }
@media screen and (max-width: 750px) { .access .access-info .access-info-con ul li { width: calc((100% - 36px) / 7); } }
.access .access-info .access-info-con a { display: flex; max-width: 360px; margin-left: auto; padding: 1em 15px; border-radius: 2em; background-color: #2D2D2D; color: #fff; text-align: center; text-decoration: none; }
@media screen and (max-width: 750px) { .access .access-info .access-info-con a { max-width: 100%; } }
.access .access-info .access-info-con a span { flex: 1; padding-left: 1.2rem; }
.access .access-info .access-info-con a .ico { width: 1.2rem; }
.access .access-map { position: relative; aspect-ratio: 1080 / 500; border: 6px solid #ccc; }
@media screen and (max-width: 750px) { .access .access-map { aspect-ratio: 1 / 1; } }
.access .access-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fmenu .fmenu-list { display: flex; column-gap: 40px; }
@media screen and (max-width: 750px) { .fmenu .fmenu-list { flex-direction: column; row-gap: 2rem; } }
.fmenu .fmenu-list li { flex: 1; }
.fmenu .fmenu-list li div { display: flex; padding: 1em 20px; border-radius: 3em; background-color: #fff; cursor: pointer; }
.fmenu .fmenu-list li div span { flex: 1; padding-left: 2rem; font-size: 3.2rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { .fmenu .fmenu-list li div span { font-size: 2rem; } }
.fmenu .fmenu-list li div .ico { width: 2rem; }
@media screen and (max-width: 750px) { .fmenu .fmenu-list li div .ico { width: 1rem; } }

.content._nak .spot .spot-box._new::before { background-color: #00a569; }
.content._nak .spot .spot-box._spot1 { grid-column: 1 / 3; }
.content._nak .spot .spot-box._spot6 { grid-column: 1 / 2; grid-row: 4 / 6; }
.content._nak .spot .spot-box._spot7 { grid-column: 2 / 3; grid-row: 4 / 5; }
.content._nak .spot .spot-box._spot8 { grid-column: 2 / 3; grid-row: 5 / 6; }
.content._nak .spot .spot-box .swiper-pagination .swiper-pagination-bullet-active { background-color: #e6001b; }
.content._nak .access .access-con { border-left: 6px solid #00a569; border-right: 6px solid #00a569; border-bottom: 6px solid #00a569; }
.content._ogk .spot .spot-box._new::before { background-color: #e6001b; }
.content._ogk .spot .spot-box._first::before { background-image: url("../img/common/ico_first_nak.svg"); }
.content._ogk .spot .spot-box._spot1, .content._ogk .spot .spot-box._spot8 { grid-column: 1 / 3; }
.content._ogk .spot .spot-box .swiper-pagination .swiper-pagination-bullet-active { background-color: #00a569; }
.content._ogk .access .access-con { border-left: 6px solid #e6001b; border-right: 6px solid #e6001b; border-bottom: 6px solid #e6001b; }

.clearfix { zoom: 1; }
.clearfix::before { content: ""; display: table; }
.clearfix::after { content: ""; display: table; clear: both; }

.w100 { width: 100%; }

.js-anime-fadein { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-fadein.js-anime-on { animation-name: fadeIn; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.js-anime-slide { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slide.js-anime-on { animation-name: slide; }

@keyframes slide { 0% { opacity: 0; transform: translateY(100px); }
  100% { opacity: 1; transform: translateY(0); } }
.js-anime-slideleft { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideleft.js-anime-on { animation-name: slideLeft; }

@keyframes slideLeft { 0% { opacity: 0; transform: translateX(-100px); }
  100% { opacity: 1; transform: translateX(0); } }
.js-anime-slideright { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideright.js-anime-on { animation-name: slideRight; }

@keyframes slideRight { 0% { opacity: 0; transform: translateX(100px); }
  100% { opacity: 1; transform: translateX(0); } }
@media print { .js-anime-fadein, .js-anime-slide, .js-anime-slideleft, .js-anime-slideright { opacity: initial; } }

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