@charset "UTF-8";
/*
Version: 1.0.2
Creation Date: 2024.04.30
Last Updated: 2024.10.2
*/


/* import
------------------------------------------------------------ */
@import "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css";
@import "https://cdnjs.cloudflare.com/ajax/libs/Modaal/0.4.4/css/modaal.min.css";
@import "https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;700;900&family=Noto+Sans+JP:wght@100..900&display=swap";
@import "https://use.typekit.net/xwm4lvz.css";


/* set
------------------------------------------------------------ */
* {
margin: 0;
padding: 0;
font-style: normal;
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
body {
-webkit-text-size-adjust: 100%;
font-family: "Noto Sans JP", sans-serif;
color: #1f1615;
font-size: 1.8rem;
font-weight: 500;
text-align: center;
}
ul,ol {
list-style: none;
}
img {
vertical-align: middle;
max-width: 100%;
height: auto;
}
table {
width: 100%;
border-collapse: collapse;
}
iframe {
vertical-align: bottom;
max-width: 100%;
max-height: 100%;
border: none;
}
a {
-webkit-tap-highlight-color:rgba(0,0,0,0);
color: inherit;
text-decoration: none;
}
*:focus {
outline: none;
}
.opa a:hover img {
opacity: .7;
}
:hover {
transition: .3s;
}
.smd,.smp {
display: none;
}
.pc {
display: block;
}


/* common
------------------------------------------------------------ */
/* font */
.MPR,
#futsal li h3,
#ticket h2 + h3,
.panel h3 {
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 700;
}
.GIN,
header nav span,
footer time {
font-family: gin, serif;
font-weight: 400;
}

/* layout */
main {
width: 100%;
display: block;
position: relative;
overflow: hidden;
}
article {
width: 100%;
position: relative;
}
section {
width: 1000px;
max-width: 92%;
margin: 0 auto;
padding: 6em 0;
position: relative;
z-index: 1;
}

/* style */
small {
font-size: 70%;
}
.none {
display: none;
}

/* Swiper */
.slide {
position: relative;
}
.swiper {
max-width: 1000px;
}
.swiper-prev,
.swiper-next {
width: 40px;
height: 40px;
position: absolute;
top: calc(50% - 20px);
z-index: 1;
cursor: pointer;
}
.swiper-prev {
background: url("img/arw_prev_off.png") no-repeat center/contain;
left: 0;
}
.swiper-prev:hover {
background: url("img/arw_prev_on.png") no-repeat center/contain;
}
.swiper-next {
background: url("img/arw_next_off.png") no-repeat center/contain;
right: 0;
}
.swiper-next:hover {
background: url("img/arw_next_on.png") no-repeat center/contain;
}
.swiper-pagination {
bottom: 2em !important;
}
.swiper-pagination-bullet {
background: #dbdcdc;
width: 15px;
height: 15px;
margin: 0 6px !important;
opacity: 1;
}
.swiper-pagination-bullet-active {
background: #65AE30;
}
.swiper-slide {
height: auto;
}
.swiper-slide dl {
font-size: 1.4rem;
text-align: left;
width: 100%;
}
.swiper-slide dl dt {
background: #023E83;
color: #FFF;
line-height: 20px;
text-align: center;
width: 50px;
height: 20px;
margin-bottom: 5px;
float: left;
clear: both;
}
.swiper-slide dl dd {
line-height: 1.3;
padding: 2px 0 5px 60px;
}

/* Modaal */
.modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before {
background: #023E83;
}
.modaal-container {
background: none;
border-radius: 20px;
}
.modaal-content-container {
background: none;
max-height: calc(100svh - 160px);
padding: 0;
border-radius: 20px;
overflow: auto;
}
.modaal-content-container h4 {
background: #FFF;
color: #023E83;
font-size: 2.4rem;
padding: 1rem 2rem 0;
}
.modaal-content-container p {
background: #FFF;
padding: 1rem 2rem 2rem;
}
.modaal-content-container .close {
background: #65AE30;
color: #FFF;
text-align: center;
padding: 1em;
cursor: pointer;
}
.modaal-content-container .close:hover {
background: #023E83;
}


/* header
------------------------------------------------------------ */
header nav {
display: none;
text-align: left;
width: 92%;
max-width: 600px;
padding: 4%;
position: fixed;
top: 45%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 3;
}
header nav ul {
display: none;
}
header nav ul a {
color: #FFF;
padding: .5rem 0;
display: block;
animation: fadeIn 2s forwards;
opacity: 0;
}
@keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
header nav ul a span {
font-size: 4rem;
padding-right: 1rem;
}
header nav ul a em {
color: #023E83;
}
header nav.active,
header nav.active ul {
display: block;
}
#circle {
background: #65AE30;
width: 100px;
height: 100px;
border-radius: 50%;
position: fixed;
top: -50px;
right: -50px;
z-index: 2;
transform: scale(0);
transition: all .6s;
}
#circle.active {
transform: scale(50);
}
#menu {
display: none;
width: 60px;
height: 60px;
padding: 22px 0 0;
position: fixed;
top: 2%;
right: 2%;
z-index: 2;
cursor: pointer;
}
#menu span {
background: #023E83;
width: 100%;
height: 2px;
margin: 0 auto 12px;
display: block;
transition: all .2s ease-in-out;
}
#menu.open span:nth-child(1) {
transform: translateY(7px) rotate(-225deg);
}
#menu.open span:nth-child(2) {
transform: translateY(-7px) rotate(225deg);
}


/* main
------------------------------------------------------------ */
main {
padding-bottom: 80px;
}
main h1 img {
width: 100vw;
}
main h2 {
margin-bottom: 2em;
}
main h2 img {
max-height: 170px;
}

/* #pickup */
#pickup {
background:
url("img/bg_grn_top.png") no-repeat bottom/100% auto,
url("img/bg_pickup.png") no-repeat bottom/100% auto,
url("img/bg_stripe.png") repeat-y left/100% auto;
margin-bottom: -1px;
}
#pickup section {
width: 1060px;
}
#pickup section::before {
content: "";
background: url("img/bg_player_01.png") no-repeat top/contain;
width: 325px;
max-width: 32.5%;
height: 610px;
position: absolute;
top: 2%;
left: -3%;
z-index: -1;
}
#pickup section::after {
content: "";
background: url("img/bg_player_02.png") no-repeat top/contain;
width: 375px;
max-width: 37.5%;
height: 715px;
position: absolute;
top: 3%;
right: -3%;
z-index: -1;
}

/* #enjoy */
#enjoy {
background: #65AE30;
color: #FFF;
}
#enjoy section {
padding-top: 3em;
}
#enjoy section::before {
content: "";
background: url("img/bg_player_03.png") no-repeat center/contain;
width: 270px;
max-width: 27%;
height: 585px;
position: absolute;
top: -35%;
right: -10%;
z-index: -1;
}
#enjoy .swiper {
max-width: 910px;
}
#enjoy .swiper::before {
content: "";
background: url("img/bg_dot_blk.png") no-repeat right bottom/contain;
width: 410px;
max-width: 40%;
height: 410px;
position: absolute;
right: 0;
bottom: 5%;
}
#enjoy .swiper-slide p {
padding-top: 1em;
}

/* #schedule */
#schedule {
background: url("img/bg_schedule.jpg") no-repeat center/cover;
}
#schedule section::before {
content: "";
background: url("img/bg_player_04.png") no-repeat top/contain;
width: 185px;
max-width: 18.5%;
height: 520px;
position: absolute;
top: -5%;
right: -5%;
z-index: -1;
}
#schedule ul {
text-align: left;
max-width: 780px;
margin: 0 auto;
}
#schedule li {
background: #FFF;
min-height: 65px;
margin-bottom: 25px;
padding: 1rem 2rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
position: relative;
}
#schedule li::after {
content: "";
border-top: 18px solid #FFF;
border-right: 11px solid transparent;
border-left: 11px solid transparent;
position: absolute;
bottom: -17px;
left: calc(50% - 11px);
}
#schedule li:last-of-type::after {
display: none;
}
#schedule li div {
color: #023E83;
display: flex;
flex-wrap: wrap;
align-items: center;
flex-basis: 50%;
border-right: 1px solid #dcdddd;
}
#schedule li time {
flex-basis: 8rem;
}
#schedule li h3 {
font-size: 1.8rem;
}
#schedule li p {
font-size: 1.4rem;
flex-basis: 47%;
}
#schedule section > p {
max-width: 780px;
color: #FFF;
font-size: 1.4rem;
text-align: right;
margin: 0 auto;
}

/* #event */
#event {
background:
url("img/bg_event.jpg") no-repeat top/100% auto,
url("img/bg_check.png") repeat center/50px auto;
padding: 6em 0 2em;
}
#event section::before {
content: "";
background: url("img/bg_player_05.png") no-repeat top/contain;
width: 180px;
max-width: 18%;
height: 570px;
position: absolute;
top: 10%;
left: -10%;
z-index: -1;
}
#event h3 img {
max-height: 70px;
}
#event ul {
display: flex;
flex-wrap: wrap;
}
#event li {
flex-basis: calc(100% / 3);
___flex-basis: calc(100% / 2);
margin-top: 3rem;
padding: 0 .2rem;
___padding: 0 1rem;
}
#event li div:last-child {
width: 150px;
margin: 2rem auto;
}

/* #gourmet */
#gourmet {
background:
url("img/bg_grn_top.png") no-repeat bottom/100% auto,
url("img/bg_stripe.png") repeat-y left/100% auto;
color: #023E83;
margin-bottom: -1px;
padding-bottom: 3em;
}
#gourmet::before {
content: "";
background: url("img/bg_stripe_top.png") no-repeat left bottom/100% auto;
width: 100%;
height: 51px;
position: absolute;
top: -50px;
left: 0;
}
#gourmet section {
width: 1100px;
padding-top: 3em;
}
#gourmet section::before {
content: "";
background: url("img/bg_player_06.png") no-repeat top/contain;
width: 260px;
max-width: 26%;
height: 605px;
position: absolute;
top: -10%;
right: 0;
z-index: -1;
}
#gourmet section h2 + p {
margin: -1em auto 2em;
}
#gourmet .swiper-slide {
background: #FFF;
padding-bottom: 5rem;
border: 8px solid #65AE30;
border-radius: 20px;
}
#gourmet .swiper-slide div img {
border-radius: 12px 12px 0 0;
}
#gourmet .swiper-slide h3 {
font-size: 2.4rem;
line-height: 1.3;
padding: .5em;
}
#gourmet .swiper-slide h3 span {
font-size: 70%;
}
#gourmet .swiper-slide p {
text-align: left;
font-size: 1.4rem;
padding: 0 1em 1em;
}
#gourmet .swiper-slide dl {
padding: 0 1em 1em;
position: absolute;
left: 0;
bottom: 0;
}

/* #futsal */
#futsal {
background: #65AE30;
color: #FFF;
}
#futsal section {
padding: 3em 0;
}
#futsal section::before {
content: "";
background: url("img/futsal_sub.png") no-repeat center/contain;
width: 170px;
max-width: 17%;
height: 170px;
position: absolute;
top: -8%;
left: 0;
z-index: -1;
}
#futsal section::after {
content: "";
background: url("img/bg_player_07.png") no-repeat top/contain;
width: 370px;
max-width: 37%;
height: 435px;
position: absolute;
top: -10%;
right: -10%;
z-index: -1;
}
#futsal ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#futsal li {
margin-bottom: 5rem;
flex-basis: 47%;
}
#futsal li a {
display: block;
transition: .5s;
}
#futsal li a:hover {
transform: scale(1.1);
}
#futsal li div img {
border-radius: 20px;
}
#futsal li h3 {
font-size: 3.3rem;
font-weight: 900;
line-height: 1.2;
-webkit-text-stroke: 2px #231815;
text-stroke: 2px #231815;
margin: -.8em auto .3em;
}
#futsal li p {
font-size: 1.4rem;
line-height: 1.8;
text-align: left;
}
#futsal li p em {
font-size: 1.6rem;
display: block;
}
.youtube {
margin-bottom: 3rem;
}
.youtube a {
width: 14em;
max-width: 100%;
height: 3em;
display: inline-block;
margin: auto;
transition: all 0.85s cubic-bezier(.17,.67,.14,.93);
transform-style: preserve-3d;
transform-origin: 100% 50%;
}
.youtube a:hover {
transform: rotateX(-90deg);
}
.youtube a span {
background: #FFE100;
color: #023E83;
font-size: 1.4rem;
letter-spacing: .1em;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
transform: rotateX(90deg) translate3d(0,0,2em);
}
.youtube a span + span {
background: #023E83;
color: #FFF;
transform: translate3d(0,0,2em);
}
.youtube img {
width: 40px;
height: 40px;
margin-right: 5px;
}

/* #seat */
#seat {
background: url("img/bg_grn_top.png") no-repeat bottom/100% auto;
margin-bottom: -1px;
padding-bottom: 3em;
}
#seat section::before {
content: "";
background: url("img/bg_player_08.png") no-repeat top/contain;
width: 330px;
max-width: 33%;
height: 600px;
position: absolute;
top: -5%;
left: 0;
z-index: -1;
}

/* #ticket */
#ticket {
background: #65AE30;
}
#ticket section {
padding-top: 3em;
}
#ticket section::before {
content: "";
background: url("img/bg_player_09.png") no-repeat top/contain;
width: 200px;
max-width: 20%;
height: 510px;
position: absolute;
top: -10%;
right: -3%;
z-index: -1;
}
#ticket h2 + h3 {
color: #FFF;
font-size: 3.3rem;
font-weight: 900;
line-height: 1.2;
-webkit-text-stroke: 2px #231815;
text-stroke: 2px #231815;
margin: -1em auto 2em;
}
#ticket .swiper {
background: #FFF;
color: #023E83;
border-radius: 30px;
}
#ticket .swiper-slide {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
#ticket .swiper-slide > div {
flex-basis: 45%;
padding: 1em;
}
#ticket .swiper-slide > div img {
padding: 1em;
border: 1px solid #023E83;
}
#ticket .swiper-slide figcaption {
flex-basis: 50%;
text-align: left;
padding: 0 1em 4em 0;
}
#ticket .swiper-slide figcaption div {
width: 140px;
}
#ticket .swiper-slide figcaption h3 {
font-size: 3.3rem;
margin: .5em 0;
}
#ticket .swiper-slide figcaption a {
text-decoration: underline;
}
#ticket .swiper-slide figcaption a:hover {
text-decoration: none;
}
#ticket .swiper-slide figcaption ul {
margin-top: 2em;
display: flex;
}
#ticket .swiper-slide figcaption li {
margin-right: .5em;
}
#ticket .swiper-prev,
#ticket .swiper-next {
width: 30px;
height: 30px;
position: static;
}

/* #access */
#access {
background:
url("img/bg_grn_btm.png") no-repeat top/100% auto,
url("img/bg_check.png") repeat center/50px auto;
margin-top: -1px;
}
#access section::before {
content: "";
background: url("img/bg_player_10.png") no-repeat top/contain;
width: 165px;
max-width: 20%;
height: 545px;
position: absolute;
top: -3%;
left: -8%;
z-index: -1;
}
#access h2 + h3 {
margin: -1em auto 2em;
}
#access h2 + h3 img {
max-height: 65px;
}
.tab-group {
display: flex;
justify-content: space-around;
margin-bottom: -10px;
}
.tab {
background-size: contain !important;
background-position: bottom !important;
width: 215px;
max-width: 21.5%;
height: 155px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.tab:hover {
cursor: pointer;
}
.tab:nth-child(1) {
background: url("img/tab_01_off.png") no-repeat;
}
.tab:nth-child(2) {
background: url("img/tab_03_off.png") no-repeat;
}
.tab:nth-child(3) {
background: url("img/tab_04_off.png") no-repeat;
}
.tab:nth-child(4) {
background: url("img/tab_02_off.png") no-repeat;
}
.tab:nth-child(1):hover,
.tab:nth-child(1).is-active {
background: url("img/tab_01_on.png") no-repeat;
}
.tab:nth-child(2):hover,
.tab:nth-child(2).is-active {
background: url("img/tab_03_on.png") no-repeat;
}
.tab:nth-child(3):hover,
.tab:nth-child(3).is-active {
background: url("img/tab_04_on.png") no-repeat;
}
.tab:nth-child(4):hover,
.tab:nth-child(4).is-active {
background: url("img/tab_02_on.png") no-repeat;
}
.panel-group {
background: #FFF;
border: 20px solid #65AE30;
border-radius: 20px;
}
.panel {
display: none;
padding: 2em 5em 4em;
}
.panel.is-show {
display: block;
}
.panel a {
color: #023E83;
text-decoration: underline;
}
.panel a:hover {
text-decoration: none;
}
.panel h3 {
color: #023E83;
font-size: 4.3rem;
margin-bottom: 1em;
display: inline-block;
position: relative;
}
.panel h3 em {
font-size: 5.7rem;
}
.panel h3::after {
content: "";
background: #023E83;
width: 100%;
height: 4px;
display: block;
}
.panel h4 {
background: #65AE30;
background: linear-gradient(90deg, rgba(101,174,48,1) 10%, rgba(2,62,131,1) 100%);
color: #FFF;
font-size: 2.3rem;
margin-bottom: 1em;
padding: .2em .5em;
}
.panel table {
font-size: 1.9rem;
margin-bottom: 4em;
border: 1px solid #231815;
}
.panel table th {
background: #023E83;
color: #FFF;
padding: .5em 1em;
}
.panel table th + th {
border-left: 1px solid #FFF;
}
.panel table td {
padding: .5em 1em;
border: 1px solid #231815;
}
.panel table td.left {
text-align: left;
}
.panel table td:first-child small {
display: block;
}
.panel p {
line-height: 2;
text-align: left;
margin-bottom: 2em;
}
.panel ol {
counter-reset: num;
color: #023E83;
}
.panel ol li {
position: relative;
}
.panel ol li::before {
counter-increment: num;
content: counter(num);
background: #FFF;
color: #023E83;
line-height: 22px;
text-align: center;
width: 25px;
height: 25px;
border-radius: 50%;
position: absolute;
top: 1rem;
left: 1rem;
z-index: 1;
}
.panel ol.col-3 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.panel ol.col-3 li {
flex-basis: 32%;
}
.panel ol.col-3::after {
content: "";
width: 32%;
height: 0;
display: block;
}
.panel ol li div {
position: relative;
}
.panel ol li div p {
color: #FFF;
font-size: 1.3rem;
position: absolute;
left: .5em;
bottom: -1.5em;
}
.panel ol li p {
font-size: 1.4rem;
line-height: 1.6;
margin-top: .5em;
}
.panel address {
text-align: left;
margin: 3em 0 1em;
}
.panel address em {
padding-left: 1em;
}
.panel iframe {
margin-bottom: 1em;
}

/* #players */
#players {
background:
url("img/bg_stripe_top.png") no-repeat left bottom/100% auto,
url("img/bg_players.jpg") no-repeat center/cover;
margin-bottom: -1px;
padding-bottom: 3em;
}
#players section {
width: 1100px;
}
#players section::before {
content: "";
background: url("img/bg_player_11.png") no-repeat top/contain;
width: 245px;
max-width: 30%;
height: 530px;
position: absolute;
top: -5%;
right: -10%;
z-index: -1;
}
#players .swiper {
max-width: 940px;
}
#players .slide::before {
content: "";
background: url("img/bg_dot_wht.png") no-repeat right bottom/contain;
width: 410px;
max-width: 40%;
height: 410px;
position: absolute;
top: -30%;
left: -10%;
z-index: -1;
}
#players .swiper-slide div + div {
background: #FFF;
height: 100%;
padding-bottom: 8rem;
}
#players .swiper-slide p {
text-align: left;
font-size: 1.4rem;
padding: .5em 1em 1em;
}
#players .swiper-slide dl {
padding: 0 1em 1em;
position: absolute;
left: 0;
bottom: 0;
}
#players .swiper-slide dl dt {
background: #FFF;
color: #023E83;
line-height: 1.3;
text-align: left;
width: 5em;
height: auto;
}
#players .swiper-slide dl dd {
padding: 0 0 5px 5em;
}

/* #goods */
#goods {
color: #023E83;
background:
url("img/bg_nvy_top.png") no-repeat bottom/100% auto,
url("img/bg_stripe.png") repeat-y left/100% auto;
margin-bottom: -1px;
padding-bottom: 3em;
}
#goods section {
width: 1100px;
padding-top: 3em;
}
#goods section::before {
content: "";
background: url("img/bg_player_12.png") no-repeat top/100% auto;
width: 255px;
max-width: 25.5%;
height: 600px;
position: absolute;
top: -10%;
left: 6%;
z-index: -1;
}
#goods .swiper-slide div img {
border: 7px solid #65AE30;
border-radius: 50%;
}
#goods .swiper-slide h3 {
background: #65AE30;
color: #FFF;
font-size: 2.4rem;
line-height: 1.3;
margin: .5em 0;
padding: .3em 1em;
clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0);
}
#goods .swiper-slide dl {
padding: 0 1em .5em;
}
#goods .swiper-slide p {
text-align: left;
font-size: 1.4rem;
padding: 0 1em 1em;
}

/* #faq */
#faq {
background: #023E83;
color: #FFF;
}
#faq section {
padding-top: 3em;
}
#faq section::before {
content: "";
background: url("img/bg_player_13.png") no-repeat top/100% auto;
width: 355px;
max-width: 45%;
height: 645px;
position: absolute;
top: -5%;
right: -5%;
z-index: -1;
}
#faq dl {
background: #023E83;
font-weight: 700;
text-align: left;
}
#faq dl dt {
font-size: 2.1rem;
padding: 1em 80px;
border-bottom: 1px solid #FFF;
position: relative;
cursor: pointer;
}
#faq dl dt:after {
content: "";
width: 12px;
height: 12px;
border-top: 1px solid #FFF;
border-right: 1px solid #FFF;
position: absolute;
top: 50%;
right: .5em;
transform: translateY(-50%) rotate(135deg);
}
#faq dl dd {
display: none;
background: #FFF;
color: #023E83;
font-size: 1.8rem;
min-height: 50px;
padding: .5em 80px;
position: relative;
}
#faq dl dt:before,
#faq dl dd:before {
content: "Q";
background: #65AE30;
font-size: 2.1rem;
font-weight: 700;
line-height: 35px;
text-align: center;
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%);
}
#faq dl dd:before {
content: "A";
background: #023E83;
color: #FFF;
}

/* #line */
#line section {
width: 1050px;
padding: 3em 0 5em;
}


/* footer
------------------------------------------------------------ */
footer {
background: #023E83;
color: #FFF;
width: 100%;
position: fixed;
left: 0;
bottom: 0;
z-index: 3;
}
footer a {
height: 80px;
display: flex;
justify-content: center;
align-items: center;
}
footer a:hover {
background: #65AE30;
}
footer time {
font-size: 4rem;
padding-right: 2rem;
}
footer time span {
font-size: 3rem;
padding: 0 1rem;
}
footer div {
background: #65AE30;
padding: .5em 2em;
clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0);
}
footer a:hover div {
background: #023E83;
}





@media screen and (max-width: 834px) {

/* set
------------------------------------------------------------ */
body {
font-size: 1.6rem;
}
.pc {
display: none;
}
.smd {
display: block;
}

/* common
------------------------------------------------------------ */
/* Swiper */
.swiper-prev {
left: -3%;
}
.swiper-next {
right: -3%;
}

/* main
------------------------------------------------------------ */
main {
padding-bottom: 60px;
}

/* #enjoy */
#enjoy section::before {
right: -5%;
}

/* #event */
#event section::before {
left: -5%;
}

/* #gourmet */
#gourmet section::before {
right: -5%;
}

/* #futsal */
#futsal li {
flex-basis: 48%;
}
#futsal li h3 {
font-size: 2.6rem;
letter-spacing: -.1em;
}
#futsal li p {
text-align: left;
}

/* #ticket */
#ticket h2 + h3 {
font-size: 2.6rem;
letter-spacing: -.1em;
}
#ticket .swiper-slide figcaption h3 {
font-size: 2.6rem;
}

/* #access */
.tab {
height: 120px;
}
.panel-group {
border: 10px solid #65AE30;
}
.panel {
padding: 2em;
}
.panel h3 {
font-size: 2.3rem;
}
.panel h3 em {
font-size: 3.7rem;
}
.panel h4 {
font-size: 1.8rem;
}
.panel table {
font-size: 1.6rem;
margin-bottom: 2em;
}
.panel table th,
.panel table td {
padding: .3em .5em;
}
.panel ol {
margin-bottom: 2em;
}
.panel ol li::before {
font-size: 1.4rem;
line-height: 18px;
width: 20px;
height: 20px;
}

/* #goods */
#goods section::before {
left: 0;
}

/* #faq */
#faq dl dt {
font-size: 1.8rem;
padding: 1em 50px;
}
#faq dl dd {
font-size: 1.6rem;
min-height: 40px;
padding: .5em 50px;
}
#faq dl dt:before,
#faq dl dd:before {
font-size: 1.8rem;
line-height: 25px;
width: 30px;
height: 30px;
left: 10px;
}

/* footer
------------------------------------------------------------ */
footer a {
height: 60px;
}

}


@media screen and (max-width: 430px) {

/* set
------------------------------------------------------------ */
body {
font-size: 1.4rem;
}
table::-webkit-scrollbar {
height: 3px;
}
table::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, .1);
}
.smd,
.smp-none {
display: none;
}
.smp {
display: block;
}
br.smp {
font-size: 0;
}

/* common
------------------------------------------------------------ */
/* layout */
section {
padding: 3em 0;
}

/* Swiper */
.swiper-prev,
.swiper-next {
width: 30px;
height: 30px;
top: calc(50% - 15px);
}
.swiper-pagination {
bottom: .5em !important;
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
margin: 0 3px !important;
}

/* header
------------------------------------------------------------ */
header nav ul a span {
font-size: 2.5rem;
}
#menu {
display: none;
width: 40px;
height: 40px;
padding: 12px 0 0;
}

/* main
------------------------------------------------------------ */
main h2 {
margin-bottom: 1em;
}

/* #pickup */
#pickup section {
padding-bottom: 6em;
}

/* #enjoy */
#enjoy section {
padding-top: 1.5em;
}
#enjoy .swiper::before {
bottom: 30%;
}
#enjoy .swiper-slide p {
text-align: left;
}

/* #schedule */
#schedule li {
padding: 1rem;
align-items: flex-start;
}
#schedule li div {
display: block;
padding-right: 1rem;
}
#schedule li h3 {
font-size: 1.5rem;
}
#schedule li p {
font-size: 1.2rem;
}
#schedule section > p {
font-size: 1.2rem;
}

/* #event */
#event section::before {
top: 0;
}
#event ul {
width: 80%;
margin: 0 auto;
display: block;
}

/* #gourmet */
#gourmet section h2 + p {
text-align: left;
margin: 0 auto 2em;
}
#gourmet section h2 + p br {
display: none;
}
#gourmet .swiper {
width: 80%;
}
#gourmet .swiper-slide h3 {
font-size: 2rem;
}

/* #futsal */
#futsal section {
padding: 1.5em 0;
}
#futsal ul {
width: 90%;
margin: 0 auto;
display: block;
}
#futsal li h3 br {
display: none;
}

/* #ticket */
#ticket h2 + h3 {
margin: 0 auto 1em;
}
#ticket .swiper {
border-radius: 20px;
}
#ticket .swiper-slide figcaption {
padding: 0 1em 2em 0;
}
#ticket .swiper-slide figcaption h3 {
font-size: 2rem;
}
#ticket .swiper-slide figcaption ul {
margin-top: 1em;
}

/* #access */
#access h2 + h3 {
margin: 0 auto 1em;
}
.tab-group {
margin-bottom: -5px;
}
.tab {
max-width: 23%;
height: 60px;
}
.panel-group {
border: 5px solid #65AE30;
border-radius: 10px;
}
.panel {
padding: 1em;
}
.panel h3 {
font-size: 2rem;
}
.panel h3 em {
font-size: 3rem;
}
.panel h4 {
font-size: 1.4rem;
line-height: 1.3;
padding: .5em;
}
.panel table {
font-size: 1.3rem;
}
.panel ol.col-3 li {
flex-basis: 48%;
}
.panel ol.col-3::after {
display: none;
}
.panel ol li p {
font-size: 1.2rem;
}
.panel address {
text-align: center;
}
.panel address em {
padding: 1rem 0 0;
display: block;
}
.panel iframe {
height: 300px;
}

/* #players */
#players .swiper {
width: 80%;
}

/* #goods */
#goods .swiper {
width: 80%;
}
#goods .swiper-slide h3 {
font-size: 2rem;
}

/* #faq */
#faq dl dt {
font-size: 1.5rem;
font-weight: 500;
padding: 1em 35px;
}
#faq dl dt:after {
width: 10px;
height: 10px;
right: 0;
}
#faq dl dd {
font-size: 1.4rem;
min-height: 40px;
padding: .5em 5px .5em 35px;
}
#faq dl dt:before,
#faq dl dd:before {
font-size: 1.6rem;
line-height: 20px;
width: 25px;
height: 25px;
left: 5px;
}

/* #line */
#line section {
padding: 1.5em 0 2.5em;
}

/* footer
------------------------------------------------------------ */
footer time {
font-size: 3rem;
padding-right: 1rem;
}
footer time span {
font-size: 2rem;
}

}