@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: #000; 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; }

.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::before { content: url("../img/common/ico_arrow_nav.svg"); }

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

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

.btn-renewal { display: flex; padding: 1em 15px; border-radius: 2em; background-color: #2D2D2D; color: #fff; text-align: center; text-decoration: none; }
.btn-renewal span { flex: 1; padding-left: 1.2rem; }
.btn-renewal .ico { width: 1.2rem; }
.btn-renewal._s { display: inline-flex; column-gap: 10px; margin-top: 8px; padding: 8px 1em; background-color: #777777; }

.main { padding-block: 60px 160px; background: #FFF100; }
@media screen and (max-width: 750px) { .main { padding-block: 4rem; } }

.nav { margin-bottom: 60px; }
@media screen and (max-width: 750px) { .nav { margin-bottom: 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; }

.spot { margin-bottom: 60px; padding: 60px 24px 40px; background-color: #0073BD; }
@media screen and (max-width: 750px) { .spot { margin-bottom: 6rem; } }
.spot .spot-main { display: grid; /*grid-template-columns: calc((100% - 40px) / 2) calc((100% - 40px) / 2);*/ grid-template-columns: repeat(6, 1fr); gap: 40px; }
@media screen and (max-width: 750px) { .spot .spot-main { display: flex; flex-direction: column; row-gap: 3rem; } }
.spot .spot-s-container { grid-column: span 6; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
@media screen and (max-width: 750px) { .spot .spot-s-container { display: flex; flex-direction: column; row-gap: 3rem; } }
.spot .spot-lead { margin-top: 24px; text-align: center; color: #fff; }
.spot .spot-iframe { margin-top: 24px; aspect-ratio: 16 / 9; }
.spot .spot-iframe iframe { width: 100%; height: 100%; }
.spot .spot-top { display: flex; justify-content: space-between; gap: 20px 3.4722222222%; margin-bottom: 60px; padding-inline: 36px; }
@media screen and (max-width: 750px) { .spot .spot-top { flex-direction: column-reverse; margin-bottom: 6rem; padding-inline: 0; } }
.spot .spot-top dl { flex: 1; color: #fff; }
.spot .spot-top dl dt { margin-bottom: 24px; font-size: 2.4rem; font-weight: 500; line-height: 1.2; }
@media screen and (max-width: 750px) { .spot .spot-top dl dt { font-size: 2.2rem; } }
.spot .spot-top dl dd { font-size: 1.8rem; }
.spot .spot-top figure { width: 51.7361111111%; }
@media screen and (max-width: 750px) { .spot .spot-top figure { width: 100%; } }
.spot .spot-box { grid-column: span 3; position: relative; padding: 40px; background-color: #fff; }
@media screen and (max-width: 750px) { .spot .spot-box { padding: 2rem; } }
.spot .spot-box._spot1, .spot .spot-box._spot2 { grid-column: span 6; }
.spot .spot-box._renewal::before { content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 120px; height: 120px; aspect-ratio: 1 / 1; background-image: url("../img/common/ico_renewal.svg"); background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 750px) { .spot .spot-box._renewal::before { width: 8rem; } }
.spot .spot-box._renewal2::before { content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 120px; height: 120px; aspect-ratio: 1 / 1; background-image: url("../img/common/ico_renewal2.svg"); background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 750px) { .spot .spot-box._renewal2::before { width: 8rem; } }
.spot .spot-box._new::before { content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 120px; height: 120px; aspect-ratio: 1 / 1; background-image: url("../img/common/ico_new.svg"); background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 750px) { .spot .spot-box._new::before { width: 8rem; } }
.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 .swiper-pagination .swiper-pagination-bullet-active { background: #0073BD; }
.spot .spot-box .spot-box-item { display: flex; align-items: center; justify-content: space-between; column-gap: 4%; margin-block: 16px 24px; }
.spot .spot-box .spot-box-genre { width: 24%; }
.spot .spot-box .spot-box-logo._cinema { width: 37.8%; }
.spot .spot-box .spot-box-logo._pachinko { width: 38.2%; }
.spot .spot-box .spot-box-logo._joyjoy { width: 33.4%; }
.spot .spot-box .spot-box-logo._game { width: 39.8%; }
.spot .spot-box .spot-box-logo._gg { width: 59.2%; }
.spot .spot-box .spot-box-logo._ramen { width: 46%; }
.spot .spot-box .spot-box-logo._onsen { width: 64.6%; }
.spot .spot-box .spot-box-logo._bowling { width: 60.8%; }
.spot .spot-box .spot-box-logo._mac { width: 21.6049382716%; }
@media screen and (max-width: 750px) { .spot .spot-box .spot-box-logo._mac { width: 14%; } }
.spot .spot-box .spot-box-logo._toriki { width: 43.5185185185%; }
@media screen and (max-width: 750px) { .spot .spot-box .spot-box-logo._toriki { width: 28.2%; } }
.spot .spot-box .spot-box-logo._melon { width: 55.5555555556%; }
@media screen and (max-width: 750px) { .spot .spot-box .spot-box-logo._melon { width: 36%; } }
.spot .spot-box .spot-box-logo._gym { width: 51.8518518519%; }
@media screen and (max-width: 750px) { .spot .spot-box .spot-box-logo._gym { width: 33.6%; } }
.spot .spot-box .spot-box-logo._music { width: 63.2716049383%; }
@media screen and (max-width: 750px) { .spot .spot-box .spot-box-logo._music { width: 41%; } }
.spot .spot-box .spot-box-logo._toy { width: 52.4691358025%; }
@media screen and (max-width: 750px) { .spot .spot-box .spot-box-logo._toy { width: 34%; } }
.spot .spot-box p small { font-size: 1.4rem; }
.spot .spot-box .spot-box-renewal { margin-top: 40px; padding: 5px 10px; border: 2px solid #E60019; font-size: 2.2rem; font-weight: 700; text-align: center; color: #E60019; }
@media screen and (max-width: 750px) { .spot .spot-box .spot-box-renewal { font-size: 1.8rem; } }
.spot .spot-box._w { display: flex; column-gap: 40px; padding: 40px; }
@media screen and (max-width: 750px) { .spot .spot-box._w { display: block; padding: 2rem; } }
.spot .spot-box._w .spot-box-fig { position: relative; 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._s { grid-column: auto; padding: 24px; }
@media screen and (max-width: 750px) { .spot .spot-box._s { padding: 2rem; } }
.spot .spot-box._s .spot-box-item { margin-block: 12px 16px; }
.spot .spot-box._s .spot-box-genre { width: 43.2098765432%; }
@media screen and (max-width: 750px) { .spot .spot-box._s .spot-box-genre { width: 28%; } }
.spot .spot-box._s .spot-box-genre._melon { width: 37.037037037%; }
@media screen and (max-width: 750px) { .spot .spot-box._s .spot-box-genre._melon { width: 24%; } }
.spot .spot-box._s .spot-box-genre._music { width: 33.950617284%; }
@media screen and (max-width: 750px) { .spot .spot-box._s .spot-box-genre._music { width: 22%; } }

.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: #E60019; 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: #F39800; font-size: 2.4rem; color: #fff; }
@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; color: #fff; align-self: baseline; }
@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; color: #fff; align-self: baseline; }
@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 #E60019; border-right: 6px solid #E60019; border-bottom: 6px solid #E60019; 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 #E60019; }
@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._box03 { padding-bottom: 24px; 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 figure figcaption { margin-top: 10px; font-size: 1.4rem; }
.campaign .campaign-con .campaign-box .campaign-box-con { flex: 1; position: relative; }
.campaign .campaign-con .campaign-box .campaign-box-icon { position: absolute; bottom: 0; right: 0; width: 18.7134502924%; pointer-events: none; }
@media screen and (max-width: 750px) { .campaign .campaign-con .campaign-box .campaign-box-icon { bottom: 4.5em; } }
.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; color: #E60019; 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; color: #E60019; text-align: left; 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-con .campaign-box .campaign-box-hl span { font-size: 1.8rem; }
@media screen and (max-width: 750px) { .campaign .campaign-con .campaign-box .campaign-box-hl span { font-size: 1.2rem; } }
.campaign .campaign-con .campaign-box .campaign-box-txt { display: flex; align-items: flex-start; font-size: 1.8rem; padding-right: 100px; }
.campaign .campaign-con .campaign-box .campaign-box-txt img { width: 45px; margin-top: 0.2em; margin-right: 0.5em; }
.campaign .campaign-con .campaign-box .campaign-box-txt span { flex: 1; }
.campaign .campaign-con .campaign-box .btn-renewal { max-width: 300px; margin-top: 15px; }
@media screen and (max-width: 750px) { .campaign .campaign-con .campaign-box .btn-renewal { max-width: 100%; } }
.campaign .campaign-note { padding-bottom: 60px; text-align: right; }
@media screen and (max-width: 750px) { .campaign .campaign-note { font-size: 1.2rem; } }

.access { border: 6px solid #0073BD; }
.access .access-head { position: relative; padding: 25px 210px 25px 60px; background-color: #0073BD; }
@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; color: #0073BD; 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 .btn-renewal { max-width: 360px; margin-left: auto; }
@media screen and (max-width: 750px) { .access .access-info .access-info-con .btn-renewal { max-width: 100%; } }
.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 { margin-top: 60px; }
@media screen and (max-width: 750px) { .fmenu { margin-top: 4rem; } }
.fmenu .fmenu-list { width: 100%; max-width: 580px; margin-inline: auto; }
.fmenu .fmenu-list li a { display: flex; text-decoration: none; padding: 1em 20px; border-radius: 3em; background-color: #fff; cursor: pointer; }
.fmenu .fmenu-list li a span { flex: 1; padding-left: 2rem; font-size: 3.2rem; font-weight: 700; color: #0073BD; text-align: center; }
@media screen and (max-width: 750px) { .fmenu .fmenu-list li a span { font-size: 2rem; } }
.fmenu .fmenu-list li a .ico { width: 2rem; }
@media screen and (max-width: 750px) { .fmenu .fmenu-list li a .ico { width: 1rem; } }

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

.w100 { width: 100%; }

.mab5 { margin-bottom: 5px !important; }

.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 */