@charset "UTF-8";
/*
Version: 2.0.7
Creation Date: 2024.9.23
Last Updated: 2025.3.13
*/


/* import
------------------------------------------------------------ */
@import "https://w-shiya.com/release/css/ampersand-2024.css";
@import "https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap";


/* set
------------------------------------------------------------ */
* {
font-style: normal;
}
body {
background: #00441B;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 700;
}


/* Loading
------------------------------------------------------------ */
#splash {
background: #00441B;
width: 100%;
height: 100%;
position: fixed;
z-index: 9999999;
}
#splash-logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
overflow: hidden;
}
#splash video {
max-width: inherit;
max-height: inherit;
min-width: 100%;
min-height: 110%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
opacity: .3;
}
#container {
opacity: 0;
}
body.appear #container {
animation: PageAppear 1s .2s forwards;
}
@keyframes PageAppear {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

body#noLoading #splash {
display: none;
}
body#noLoading #container {
opacity: 1;
}

/* common
------------------------------------------------------------ */
/* font */
.TA { /* TA演芸筆 */
font-family: "ta-engeifude", sans-serif;
font-weight: 400;
}
.CL { /* コーポレート・ロゴ ver2 */
font-family: "corporate-logo-ver2", sans-serif;
}
.EN { /* Kegger Regular */
font-family: "kegger-us", serif;
font-weight: 400;
}
.SPM { /* Sheepman Regular */
font-family: "sheepman", serif;
font-weight: 400;
}
.SPM-ilc { /* Sheepman Regular Slanted */
font-family: "sheepman", serif;
font-weight: 400;
font-style: italic;
}
.KRL { /* Korolev Condensed Medium */
font-family: korolev-condensed, sans-serif;
font-weight: 500;
}
.ZEN {
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 700;
}
@font-face {
font-family: "RDN";
src: url(font/Raiden-Regular.otf);
}
@font-face {
font-family: "RDN-ilc";
src: url(font/Raiden-Italic.otf);
}
.RDN { /* Raiden Regular */
font-family: "RDN", "kegger-us", serif;
}
.RDN-ilc { /* Raiden Italic */
font-family: "RDN-ilc", "kegger-us", serif;
font-style: italic;
}
.f42 {font-size: 4.2rem;}
.f60 {font-size: 6rem;}

/* layout */
section {
width: 1090px;
}

/* style */
.link a {
background: #FFF;
color: #00441B;
white-space: nowrap;
padding: .3em 1em;
display: inline-block;
border: 2px solid #FFF;
border-radius: 3px;
}
.link a:hover {
background: #00441B;
color: #FFF;
}
.special .link {
position: absolute;
left: 4vw;
bottom: 3vw;
z-index: 1;
}
.special .link a {
font-size: 140%;
font-weight: bold;
padding: 1rem 2rem 1rem 1rem;
border: 2px solid #00441B;
}
.special .link a:hover {
background: #00441B;
color: #FFF;
}

.special {
background: #FFF;
color: #00441B;
margin: -2em auto 3em;
border: 9px solid #BFA666;
position: relative;
}
.special + .special {
margin: 3em auto;
}
.special::before,
.special::after {
content: "";
background: #BFA666;
width: 5vw;
height: 5vw;
clip-path: polygon(0 0, 0 100%, 100% 0);
position: absolute;
top: -1px;
left: -1px;
}
.special::after {
clip-path: polygon(100% 0, 0 100%, 100% 100%);
top: auto;
left: auto;
bottom: -1px;
right: -1px;
}
.special h3 {
background: #BFA666;
font-family: "corporate-logo-ver2", sans-serif;
font-size: 3.4rem;
font-style: italic;
letter-spacing: .03em;
margin-top: -.5em;
padding: .5em 4em .5em 1em;
clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
display: inline-block;
}
.special figcaption {
padding: 2em;
}
.special figcaption dl {
display: flex;
flex-wrap: wrap;
}
.special figcaption dl dt {
font-size: 1.8rem;
flex-basis: 6em;
}
.special figcaption dl dd {
font-size: 2rem;
flex-basis: calc(100% - 6em);
padding-bottom: .5em;
}
.special figcaption dl dd a {
color: #BFA666;
margin-bottom: .5em;
display: block;
word-break: break-all;
}
.special figcaption dl dd a:hover {
text-decoration: underline;
}

/* color */
.grn {
color: #00441B;
}
p em {
color: #B81C25;
}

/* background */
.bg_grn {
background: #00441B;
color: #BFA666;
}
.bg_grn.wht {
color: #FFF;
}
.bg_gld {
background: #BFA666;
}

/* Swiper */
.swiper-nav {
position: relative;
}
.swiper-prev,
.swiper-next {
top: 50%;
}


/* header
------------------------------------------------------------ */
header {
width: 100%;
height: 70px;
position: fixed;
top: 0;
left: 0;
z-index: 3;
}
header h1 {
max-width: calc(100% - 140px);
height: 100%;
display: flex;
align-items: center;
}
#menu {
background: url("images/menu.png") no-repeat;
right: 70px;
}
#menu.open {
background: url("images/menu_close.png") no-repeat;
}
#share .btn {
background: url("images/share.png") no-repeat;
right: 0;
}
#share .btn.open {
background: url("images/share_close.png") no-repeat;
}
.btn {
background-size: contain !important;
position: absolute;
top: 0;
width: 70px;
height: 70px;
text-indent: -9999px;
cursor: pointer;
}
nav {
display: none;
background: rgba(0,68,27,.95);
width: 100%;
height: calc(100svh - 150px);
position: absolute;
top: 100%;
right: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
nav ul {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
nav ul li a {
padding: .5em 0;
display: block;
}
#share ul {
display: none;
background: rgba(191,166,102,.9);
width: 70px;
position: absolute;
top: 100%;
right: 0;
}


/* main
------------------------------------------------------------ */
/* #main */
#main {
margin-top: 70px;
}

/* #day */
#day section {
width: 1040px;
padding: 2em 0;
}
#day .center + div {
order: -1;
position: relative;
z-index: 1;
}
#day .center + div::before {
content: "";
background: url("images/day_host_bg.png") no-repeat top/contain;
width: 270px;
max-width: 100%;
height: 370px;
position: absolute;
right: 50%;
top: -5%;
z-index: -1;
}

/* #sponsor */
#sponsor {
padding: 1em 0;
z-index: 1;
}
#sponsor::before {
content: "";
background: url("images/ball.png") no-repeat top/contain;
width: 290px;
max-width: 20%;
height: 290px;
position: absolute;
top: 0;
right: -3%;
}

/* #introduction */
#introduction {
background: url("images/introduction_bg.png") no-repeat top/cover;
}
#introduction::before {
content: "";
background: url("images/ttl_bg_introduction.png") no-repeat top left/contain;
width: 100%;
height: 285px;
position: absolute;
top: -3%;
left: -20%;
}
#introduction::after {
content: "";
background: url("images/bg_player_01.png") no-repeat top/contain;
width: 350px;
max-width: 35%;
height: 915px;
position: absolute;
top: 5%;
left: 5%;
z-index: 1;
}
#introduction section {
padding: 12em 0 4em;
}
#introduction .wht {
max-width: 660px;
margin-left: auto;
position: relative;
z-index: 2;
}

/* #nav */
#nav { /* Temporary from #introduction */
background: url("images/introduction_bg.png") no-repeat top/cover;
}
___#nav::before { /* Temporary from #sponsor */
content: "";
background: url("images/ball.png") no-repeat top/contain;
width: 290px;
max-width: 20%;
height: 290px;
position: absolute;
top: -3%;
right: -3%;
}

#nav section {
padding: 2em 0 4em;
}
#nav ul {
max-width: 600px;
margin: 0 auto;
position: relative;
z-index: 1;
}
#nav li {
margin-top: 2em;
}

/* #present */
#present section {
width: 1282px;
}

/* #event */
#event {
z-index: 1;
}
#event::before {
content: "";
background: url("images/ttl_bg_event.png") no-repeat top right/contain;
width: 100%;
height: 285px;
position: absolute;
top: 0;
left: 1%;
z-index: -1;
}
#event section {
padding-top: 8em;
}
#event section::before {
content: "";
background: url("images/bg_player_02.png") no-repeat bottom/contain;
width: 440px;
max-width: 40%;
height: 395px;
position: absolute;
top: -1%;
left: -3%;
z-index: -1;
}
#event section > h3 {
margin: 2em 0 -2em;
position: relative;
z-index: 1;
}
#event #other-events {
background: repeating-linear-gradient(-60deg, rgba(255,255,255,.03), rgba(255,255,255,.03) 20px, transparent 20px, transparent 40px);
padding: 3em 0 5em;
}
#event .swiper-nav {
width: 1200px;
max-width: 92%;
margin: 1.5em auto;
}
#event .swiper {
max-width: 1090px;
}
#event .swiper-slide {
background: #CCB783;
height: auto;
padding: 8px 8px 2em;
outline: 5px solid #00441B;
outline-offset: -13px;
}
#event .swiper-slide h4 {
font-family: "corporate-logo-ver2", sans-serif;
color: #00441B;
font-size: 3.4rem;
font-style: italic;
letter-spacing: .03em;
height: 2.8em;
padding: .5em;
display: flex;
justify-content: center;
align-items: center;
}
#event .swiper-slide p {
font-size: 1.5rem;
text-align: left;
padding: 0 1.5em .5em;
}

/* #gourmet */
#gourmet {
z-index: 1;
}
#gourmet::before {
content: "";
background: url("images/ttl_bg_kitchen.png") no-repeat top left/contain;
width: 100%;
height: 285px;
position: absolute;
top: 0;
left: -1%;
z-index: -1;
}
#gourmet section {
width: 1200px;
padding: 4em 0
}
#gourmet section::before {
content: "";
background: url("images/bg_player_03.png") no-repeat center right/contain;
width: 330px;
max-width: 30%;
height: 810px;
position: absolute;
top: -3%;
right: 0;
z-index: -1;
}
#gourmet h3 img {
border: 5px solid #FFF;
}

#gourmet figure img {
border: 1px solid #FFF;
}
#gourmet figure > div {
margin-bottom: 2rem;
position: relative;
z-index: -1;
}
#gourmet figure > div::before,
#gourmet figure > div::after {
content: "";
background: #00441B;
width: 100px;
height: 100px;
display: block;
transform: rotate(-35deg);
position: absolute;
z-index: 1;
}
#gourmet figure > div::before {
border-bottom: 1px solid #FFF;
top: -70px;
left: -50px;
}
#gourmet figure > div::after {
border-top: 1px solid #FFF;
bottom: -70px;
right: -50px;
}
#gourmet figcaption {
padding: 2rem 3rem;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
position: relative;
}
#gourmet figcaption::before,
#gourmet figcaption::after {
content: "";
background: #FFF;
width: 1px;
height: -webkit-calc(100% + 20px);
height: calc(100% + 20px);
position: absolute;
top: -10px;
}
#gourmet figcaption::before {
left: 10px;
}
#gourmet figcaption::after {
right: 10px;
}

#gourmet .swiper-nav {
margin: 3em 0;
}
#gourmet .swiper {
max-width: 1090px;
}
#gourmet .swiper-slide {
background: #FFF;
text-align: left;
height: auto;
padding: 8px 8px 100px;
border: 2px solid #BFA666;
outline: 4px solid #00441B;
outline-offset: -13px;
}
#gourmet .swiper-slide h4 {
color: #00441B;
font-size: 2.3rem;
line-height: 1.2;
padding: .5em 1em;
}
#gourmet .swiper-slide p {
padding: 0 1.5em;
}
#gourmet .swiper-slide dl {
width: calc(100% - 3rem - 22px);
position: absolute;
left: calc(1.5rem + 11px);
bottom: 11px;
}
#gourmet .swiper-slide dl dt {
background: #00441B;
color: #FFF;
line-height: 25px;
font-weight: 500;
text-align: center;
width: 70px;
height: 25px;
margin: 0 10px 10px 0;
float: left;
clear: both;
}
#gourmet .swiper-slide dl dd {
margin-bottom: 10px;
}
#gourmet .nagoya::after,
#gourmet .kyusyu::after,
#gourmet .plate::after,
#gourmet .kids::after,
#gourmet .korea::after,
#gourmet .sweets::after,
#gourmet .green::after {
color: #FFF;
padding: .2em 1em;
position: absolute;
right: 8px;
top: 8px;
}
#gourmet .nagoya::after {
content: "名古屋メシ";
background: #f3880d;
}
#gourmet .kyusyu::after {
content: "北九州メシ";
background: #5b9ed6;
}
#gourmet .plate::after {
content: "鉄板グルメ";
background: #B94520;
}
#gourmet .kids::after {
content: "キッズグルメ";
background: #59C3EB;
}
#gourmet .korea::after {
content: "韓国グルメ";
background: #E4007F;
}
#gourmet .sweets::after {
content: "スイーツグルメ";
background: #F0EA69;
color: #E4007F;
}
#gourmet .green::after {
content: "全緑グルメ";
background: #00441B;
background: linear-gradient(0deg, rgba(0,162,74,1) 0, rgba(0,68,27,1) 100%);
}
#gourmet div.bg_wht {
max-width: 1090px;
margin: 0 auto;
}

/* #players */
#players {
background: url("images/players_bg.png") no-repeat center/auto 100%;
}
#players::before {
content: "";
background: url("images/ttl_bg_player.png") no-repeat top left/contain;
width: 100%;
height: 285px;
position: absolute;
top: 0;
left: -1%;
}
#players section {
padding: 8em 0;
}
#players .swiper {
margin: 3em 0;
}
#players .swiper-slide p {
font-size: 1.8rem;
text-align: left;
padding: 1em 0;
display: none;
}
#players .swiper-slide-active p {
display: block;
}
#players .swiper-prev {
left: 28%;
}
#players .swiper-next {
right: 28%;
}

/* #schedule */
#schedule {
background: url("images/schedule_bg.png") no-repeat center/100% auto;
background: url("images/schedule_bg.png") no-repeat center/auto 70%;
}
#schedule::after {
content: "";
background: url("images/bg_player_04.png") no-repeat center/contain;
width: 245px;
max-width: 25%;
height: 850px;
position: absolute;
top: 5%;
left: 15%;
z-index: 1;
}
#schedule::before {
content: "";
background: url("images/ttl_bg_schedule.png") no-repeat top right/contain;
width: 100%;
height: 285px;
position: absolute;
top: 0;
left: 5%;
}
#schedule section {
padding: 8em 0;
z-index: 2;
}
#schedule ol {
max-width: 700px;
margin: 8em 0 4em;
margin: 8em 0 0;
position: relative;
left: 50%;
left: calc(100% - 700px);
}
#schedule ol li {
padding: 1em 0;
padding: .5em 0;
}
#schedule ol li:not(:first-child) {
border-top: 1px solid #FFF;
}
#schedule ol li time {
letter-spacing: .06em;
width: 3em;
}
#schedule .swiper-wrapper {
transition-timing-function: linear !important;
}

/* #model */
#model section {
padding: 5em 0;
}
#model .swiper-wrapper {
margin: 50px auto;
}
#model .swiper-pagination-bullet {
background: #FFF;
width: 50px;
height: 5px;
border-radius: 0;
opacity: 1;
}
#model .swiper-pagination-bullet-active {
background: #BFA666;
}
#model .swiper-prev,
#model .swiper-next {
background: #BFA666;
width: 45px;
padding: 5px 0;
top: 53%;
}
#model .swiper-prev {
left: 5px;
}
#model .swiper-next {
right: 5px;
}
#model section .swiper {
padding-top: 5%;
}
#model figure {
background: #FFF;
color: #FFF;
padding: 5%;
border: 9px solid #BFA666;
border-radius: 30px;
justify-content: space-between;
}
#model figure div {
flex-basis: 58%;
margin-top: -12%;
}
#model figure div img {
border: 9px solid #FFF;
}
#model figcaption {
color: #00441B;
font-size: 1.8rem;
line-height: 1.8;
text-align: left;
flex-basis: 38%;
opacity: 0;
}
#model figure.swiper-slide-visible figcaption {
opacity: 1;
}
#model figcaption strong {
font-size: 2.3rem;
line-height: 1.3;
font-weight: 700;
margin-bottom: .5em;
display: block;
}
#model figcaption strong time {
font-size: 3.5rem;
padding-right: .3em;
}
#model figcaption strong time span {
font-size: 2rem;
}

/* #tickets */
#tickets::before {
content: "";
background: url("images/ttl_bg_tickets.png") no-repeat top right/contain;
width: 100%;
height: 285px;
position: absolute;
top: 0;
left: 1%;
z-index: -1;
}
#tickets section {
padding: 8em 0;
}
#tickets section::after {
content: "";
background: url("images/bg_player_05.png") no-repeat top/contain;
width: 270px;
max-width: 24%;
height: 820px;
position: absolute;
top: 3%;
left: 2%;
z-index: -1;
}
#tickets #seat {
max-width: 1000px;
margin: 0 auto 3em;
}
#tickets .special {
max-width: 1000px;
margin: -1em auto 3em;
}
#tickets .special::before {
display: none;
}
#tickets .special h3 {
margin-top: 0;
}
_#tickets .special figure > div img {
aspect-ratio: 5 / 3;
object-fit: cover;
}
#tickets .swiper-slide p {
position: absolute;
top: 50%;
left: 42%;
}
#tickets .swiper-slide p a:hover {
text-decoration: underline;
}
#tickets .swiper-slide ul {
display: flex;
position: absolute;
left: 60%;
bottom: 3%;
}
#tickets .swiper-slide li {
margin-right: 1em;
}
#tickets .swiper-prev,
#tickets .swiper-next {
position: static;
}
#tickets .swiper-wrapper + ul.flex {
display: none;
}

.tb {
font-family: korolev-condensed, "Zen Kaku Gothic New", sans-serif;
background: #FFF;
color: #272727;
font-weight: 500;
margin: 3em auto 0;
border: 3px solid #222;
}
.tb .title th {
text-align: center;
}
.tb .title td {
font-size: 2rem;
}
.tb th {
background: #e9e9e7;
font-size: 2rem;
line-height: 1;
font-weight: 500;
text-align: left;
border-top: solid 1px #222;
padding: 0 15px;
}
.tb td {
font-size: 2.6rem;
line-height: 1;
text-align: center;
padding: 13px 0;
width: 25.5%;
border-top: solid 1px #222;
border-right: solid 1px #222;
}
.tb th.colors {
width: 20px;
padding: 0;
}
.tb th.col1 {background: #004f29;}
.tb th.col2 {background: #f3880d;}
.tb th.col3 {background: #00a1b8;}
.tb th.col4 {background: #68b268;}
.tb th.col5 {background: #86311a;}
.tb th.col6 {background: #710869;}
.tb th.col7 {background: #f7e303;}
.tb th.col8 {background: #eea8ba;}
.tb th.col9 {background: #6e6c1f;}
.tb th.col10 {background: #f28a49;}
.tb th.col11 {background: #df1922;}
.tb th.col12 {background: #003a8e;}
.tb th.col13 {background: #7db115;}
.tb th.col14 {background: #ffc303;}
.tb th.col15 {background: #de307b;}
.tb th.col16 {background: #5b9ed6;}
.tb th.col17 {background: #d19508;}
.tb .yen::after {
content: "円";
font-size: 1.8rem;
display: inline-block;
vertical-align: baseline;
margin-left: 4px;
}
.tb tr:last-child th:nth-child(2) {
padding: 10px 15px;
}
.tb .wc_th {
font-size: 1.4rem;
line-height: 1.4;
margin-top: 5px;
display: block;
}
.attention {
font-weight: 500;
margin: 1em auto 0;
}
.attention li {
text-indent: -1em;
line-height: 1.2;
padding: 0 0 .5em 1em;
}
.attention li::before {
content: '・';
}

/* #access */
#access {
background: url("images/access_bg.png") no-repeat top/100% auto;
___padding-bottom: 35em;
padding-bottom: 10em;
}
#access::before {
content: "";
background: url("images/ttl_bg_access.png") no-repeat top left/contain;
width: 100%;
height: 285px;
position: absolute;
top: 0;
left: -1%;
}
___#access::after {
content: "";
background: url("images/ttl_bg_opening-match.png") no-repeat bottom center/contain;
width: 120%;
height: 285px;
position: absolute;
bottom: 0;
left: -10%;
}
#access section {
width: 980px;
padding-top: 8em;
z-index: 1;
}
#access section::before {
content: "";
background: url("images/bg_player_06.png") no-repeat bottom/contain;
width: 315px;
max-width: 30%;
height: 720px;
position: absolute;
top: -10%;
right: -5%;
z-index: -1;
}
___#access section::after {
content: "";
background: url("images/bg_player_07.png") no-repeat bottom/contain;
width: 360px;
max-width: 30%;
height: 550px;
position: absolute;
bottom: -35em;
right: -5%;
z-index: 1;
}

.tab-group {
display: flex;
justify-content: center;
margin: 3em auto -8px;
}
.tab {
background-size: contain !important;
background-position: bottom !important;
width: 222px;
max-width: 22.2%;
height: 160px;
margin: 0 .3em;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.tab:hover {
cursor: pointer;
}
.tab:nth-child(1) {
background: url("images/tab_01_off.png") no-repeat;
}
.tab:nth-child(2) {
background: url("images/tab_02_off.png") no-repeat;
}
.tab:nth-child(3) {
background: url("images/tab_03_off.png") no-repeat;
}
.tab:nth-child(1):hover,
.tab:nth-child(1).is-active {
background: url("images/tab_01_on.png") no-repeat;
}
.tab:nth-child(2):hover,
.tab:nth-child(2).is-active {
background: url("images/tab_02_on.png") no-repeat;
}
.tab:nth-child(3):hover,
.tab:nth-child(3).is-active {
background: url("images/tab_03_on.png") no-repeat;
}
.panel-group {
background: #FFF;
border: 8px solid #00441B;
border-radius: 20px;
}
.panel {
display: none;
}
.panel.is-show {
display: block;
}
.panel a {
text-decoration: underline;
}
.panel a:hover {
text-decoration: none;
}


/* footer
------------------------------------------------------------ */
footer {
padding: 40px 0 100px;
}
footer h1 {
max-width: 50%;
margin: 0 auto;
}
footer li {
margin: 0 .5em;
}
footer ul + p a:hover {
color: #BFA666;
}
footer section::after { /* Temporary from #access */
content: "";
background: url("images/bg_player_07.png") no-repeat bottom/contain;
width: 360px;
max-width: 25%;
height: 550px;
position: absolute;
bottom: 0;
right: -5%;
z-index: -1;
}

/* #ticket */
#ticket {
width: 100%;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
left: 0;
bottom: 0;
z-index: 3;
}
#ticket time {
font-size: 4.8rem;
vertical-align: middle;
}





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

/* main
------------------------------------------------------------ */
/* #schedule */
#schedule {
_background: url("images/schedule_bg.png") no-repeat center/130% auto;
}
#schedule::after {
left: 0;
}

/* #access */
___#access {
padding-bottom: 30em;
}
___#access section::after {
bottom: -30em;
}

}


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

/* set
------------------------------------------------------------ */
html {
font-size: 55.56%;
}

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

/* main
------------------------------------------------------------ */
#sponsor::before {
top: -3em;
}

/* #introduction */
#introduction::before {
left: -3%;
}
#introduction::after {
left: -3%;
}

/* #nav */
#nav { /* Temporary from #introduction */
background: url("images/introduction_bg.png") no-repeat top/cover;
}
#nav::before { /* Temporary from #sponsor */
top: -3em;
}

/* #event */
#event #other-events {
padding-bottom: 0;
}

/* #gourmet */
#gourmet section::before {
max-width: 20%;
top: -5%;
right: -3%;
}

/* #schedule */
#schedule {
background: url("images/schedule_bg.png") no-repeat center/auto 65%;
background: url("images/schedule_bg.png") no-repeat center/auto 80%;
}
#schedule::after {
left: 5%;
display: none;
}
#schedule section {
padding: 3em 0 6em;
}
#schedule ol {
margin-left: auto;
position: static;
}

/* #model */
#model section {
padding: 3em 0;
}
#model .swiper-wrapper {
margin-bottom: 20px;
}
#model .swiper-prev,
#model .swiper-next {
width: 35px;
padding: 10px 0;
}
#model .swiper-prev {
left: 3px;
}
#model .swiper-next {
right: 3px;
}
#model figure {
display: block;
border: 5px solid #BFA666;
border-radius: 20px;
}
#model figure div {
margin: -15% auto 1em;
}
#model figure div img {
border: 5px solid #FFF;
}

/* #tickets */
#tickets section {
padding: 4em 0;
}
#tickets section::after {
left: -3%;
}
#tickets .swiper-slide ul {
display: none;
}
#tickets .swiper-wrapper + ul.flex {
display: flex;
justify-content: center;
margin-top: 3em;
}
#tickets .swiper-wrapper + ul.flex li {
margin-right: 1em;
}

/* #access */
#access {
___padding-bottom: 20em;
padding-bottom: 5em;
}
___#access section::after {
max-width: 25%;
bottom: -20em;
}

/* footer
------------------------------------------------------------ */
/* #ticket */
#ticket span {
display: none;
}

}


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

/* set
------------------------------------------------------------ */
html {
font-size: 50%;
}

/* common
------------------------------------------------------------ */
.special {
margin: 1em auto 3em;
border: 3px solid #BFA666;
}
.special::before,
.special::after {
width: 10vw;
height: 10vw;
}
.special figure > div img {
aspect-ratio: 5 / 3;
}
.special h3 {
font-size: 3rem;
padding: .3em 3em .3em .5em;
}
.special figcaption {
padding: 1em;
}
.special figcaption dl {
display: block;
}
.special figcaption dl dt {
margin-bottom: .3em;
padding-bottom: .3em;
border-bottom: 1px dotted #00441B;
}

/* Swiper */
.swiper-prev {
left: 0;
}
.swiper-next {
right: 0;
}
.swiper-prev img,
.swiper-next img {
width: 30px;
}

/* header
------------------------------------------------------------ */
header {
height: 50px;
}
header h1 {
max-width: calc(100% - 100px);
}
#menu {
right: 50px;
}
.btn {
width: 50px;
height: 50px;
}
nav {
height: calc(100svh - 110px);
}
#share ul {
width: 50px;
}

/* main
------------------------------------------------------------ */
/* #main */
#main {
margin-top: 50px;
}

/* #day */
#day section {
overflow: hidden;
}
#day section > div:not(.center) {
width: 50%;
float: left;
display: inline-block;
}
#day .center + div::before {
max-width: 50%;
top: 0;
}

/* #sponsor */
#sponsor::before {
top: -1em;
}
#sponsor figcaption.f23 {
font-size: 1.6rem;
}
#sponsor figcaption small {
display: block;
}

/* #introduction */
#introduction::before {
width: 150%;
top: 0;
}
#introduction::after {
display: none;
}
#introduction section {
padding: 6em 0 2em;
}

/* #nav */
#nav section {
padding: 2em 0 2.5em;
}
#nav li {
margin-top: .5em;
}

/* #event */
#event::before {
height: 100px;
}
#event section {
padding-top: 4em;
}
#event section::before {
display: none;
}
#event section > h3 {
margin: 1em 0 -1em;
}
#event .swiper {
max-width: 80%;
}
#event .swiper-slide p {
font-size: 1.7rem;
}

/* #gourmet */
#gourmet section::before {
display: none;
}
#gourmet p.f20 {
font-size: 1.6rem;
}
#gourmet p.f18 {
font-size: 1.5rem;
}
#gourmet .swiper {
max-width: 80%;
}
#gourmet .swiper-slide p {
font-size: 1.7rem;
}
#gourmet .swiper-slide dl dt {
line-height: 20px;
width: 60px;
height: 20px;
margin: 0 5px 10px 0;
}
#gourmet .swiper-slide dl dd {
font-size: 1.7rem;
margin-bottom: 10px;
}

/* #players */
#players .swiper-prev {
left: 0;
}
#players .swiper-next {
right: 0;
}

/* #schedule */
#schedule {
background: url("images/schedule_bg.png") no-repeat center/auto 90%;
}
#schedule::after {
display: none;
}
#schedule section {
padding: 0 0 6em;
}
#schedule .f42 {
font-size: 2.8rem;
}
#schedule .f25 {
font-size: 1.8rem;
}

/* #model */
#model .swiper-wrapper {
margin-bottom: 30px;
}
#model .swiper-pagination-bullet {
width: 25px;
height: 3px;
}
#model .swiper-prev,
#model .swiper-next {
width: 20px;
}
#model .swiper-prev {
left: 0;
}
#model .swiper-next {
right: 0;
}
#model figure {
min-height: 380px;
border-radius: 10px;
}
#model figure div {
margin: -20% auto 1em;
}
#model figcaption {
padding: 0 1em;
}

/* #tickets */
#tickets section::after {
display: none;
}
#tickets .special {
margin: 1em auto 3em;
}
.special h3 {
width: 100%;
clip-path: none;
}
#tickets .swiper {
margin-top: 2em;
}
#tickets .swiper-slide p {
font-size: 1.6rem;
position: absolute;
top: 40%;
left: 38%;
}

.tb {
display: table;
white-space: normal;
margin: 2em auto 0;
border: 1px solid #222;
}
.tb th {
font-size: 1.8rem;
padding: 0 5px;
}
.tb th.colors {
width: 10px;
}
.tb td {
width: 24%;
}

/* #access */
___#access {
padding-bottom: 10em;
}
#access section {
padding-top: 4em;
}
#access section::before {
display: none;
}
___#access section::after {
max-width: 23%;
bottom: -10em;
}
#access .p20 {
padding: .5em;
}
#access .p30 {
padding: 1em;
}
#access .f20 {
font-size: 1.6rem;
}
#access .f30 {
font-size: 2rem;
}
#access .f32 {
font-size: 2rem;
}
.tab-group {
margin: 1em auto -4px;
}
.tab {
height: 60px;
}
.panel-group {
border: 4px solid #00441B;
border-radius: 10px;
}
#access .panel-group figure {
margin-bottom: 2em;
}

/* footer
------------------------------------------------------------ */
footer {
padding: 20px 0 80px;
}
footer li img {
width: 40px;
}
footer section::after { /* Temporary from #access */
display: none;
}

/* #ticket */
#ticket {
height: 60px;
}
#ticket time {
display: none;
}
#ticket a img {
width: auto;
height: 50px;
}

}