@charset "UTF-8";
/*
Version: 2.5.0
Creation Date: 2024.2.7
Last Updated: 2025.7.9
*/


/* import
------------------------------------------------------------ */
@import "https://www.montedioyamagata.jp/wp-content/themes/montedio/assets/css/match.css";


/* Overwrite
------------------------------------------------------------ */
.header {
position: fixed;
}
.spnav,
.spsubnav,
.gnav__subitem__table td a {
text-align: left;
}
.access {
padding: 0;
}
.access .accessSection {
width: 100%;
margin: 0 auto;
}
.access__table {
table-layout: auto;
}
.share__icon {
margin: 0;
}


/* set
------------------------------------------------------------ */
* {
margin: 0;
padding: 0;
font-style: normal;
box-sizing: border-box;
}
body {
-webkit-text-size-adjust: 100%;
background: #FFF;
color: #000;
text-align: center;
min-width: auto;
}
ul {
list-style: none;
}
img {
vertical-align: middle;
max-width: 100%;
___height: auto;
}
video,iframe {
vertical-align: bottom;
max-width: 100%;
max-height: 100%;
border: none;
}
a {
color: inherit;
text-decoration: none;
}
.opa a {
background: #FFF;
display: block;
}
.opa a:hover img {
opacity: .7;
}
:hover {
transition: .3s;
}
.smd,.smp,.flex.smd,.flex.smp {
display: none;
}
.pc {
display: block;
}


/* common
------------------------------------------------------------ */
/* font */
/* Poster Gothic Cond ATF Bold */
.EN {
font-family: poster-gothic-cond-atf, sans-serif;
font-weight: 600;
letter-spacing: .1em;
}

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

/* flexbox */
.flex {
display: flex;
}
.flex.wrap {
flex-wrap: wrap;
}
[class*=col-]{
flex-wrap: wrap;
justify-content: space-between;
}
.flex.center {
justify-content: center;
}
.col-2 >* {
flex-basis: 48%;
}

/* style */
.none {
display: none;
}
.center {
text-align: center;
}
.vwmax img {
width: 100vw;
}
h2 {
margin-bottom: 3.5em;
position: relative;
z-index: 1;
}
h2 + p.fadeInScale2 {
margin: -2em auto 1em;
position: relative;
}


/* main
------------------------------------------------------------ */
main {
margin-top: 120px;
}

/* #nav */
#nav::before {
content: "";
background: url("img/nav_bg.jpg") no-repeat center top/100% auto;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#nav {
background: #59bded;
padding: 5em 0;
}
#nav nav {
width: 1120px;
max-width: 90%;
margin: 0 auto;
}
#nav nav ul li {
flex-basis: 18%;
margin: 0 1%;
}
#nav nav ul li a:hover img {
opacity: 1;
}
#nav section {
width: 1340px;
padding: 0;
clear: both;
overflow: hidden;
}
#nav p {
width: 100%;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%,-50%) !important;
}
#player_01 {
float: left;
max-width: 15.51vw;
}
#player_02 {
float: right;
max-width: 25.38vw;
margin-top: 8em;
}

/* #schedule */
#schedule {
background: #59bded;
}
#schedule h2::before {
content: "";
background: url("img/schedule_logo.png") no-repeat top/contain;
width: 136px;
max-width: 13%;
height: 187px;
position: absolute;
top: -1em;
left: 5%;
display: none;
}
#schedule section {
padding: 0 0 8em;
z-index: 1;
}
#schedule section h2 {
position: absolute;
top: calc(-110px - 3em);
left: 50%;
transform: translateX(-50%);
}
#schedule li {
margin-top: 3em;
}
#schedule::before {
content: "";
background: url("img/player_06.png") no-repeat bottom/contain;
width: 13.25vw;
aspect-ratio: 188 / 400;
position: absolute;
bottom: 0;
left: 0;
}
#schedule::after {
content: "";
background: url("img/supporter_08.png") no-repeat right/contain;
width: 13.68vw;
aspect-ratio: 194 / 500;
position: absolute;
top: 5%;
right: 0;
}

/* #event */
#event {
background: url("img/event_bg.jpg") no-repeat top/cover;
padding-bottom: 5em;
}
#event h2 {
margin-bottom: 0;
}
#event ul {
position: relative;
z-index: 1;
}
#event ul li a:hover img {
opacity: 1;
}
#event ul li {
max-width: 900px;
margin-top: 3em;
position: relative;
}
#event ul li:nth-child(even) {
margin-left: auto;
}
#event ul li:nth-child(1)::before {
content: "";
background: url("img/player_05.png") no-repeat center/contain;
width: 22.49vw;
aspect-ratio: 319 / 400;
position: absolute;
top: -16vw;
left: 2vw;
z-index: -1;
}
#event ul li:nth-child(1)::after {
content: "";
background: url("img/supporter_01.png") no-repeat center/contain;
width: 17.2vw;
aspect-ratio: 244 / 320;
position: absolute;
bottom: 0;
right: -17.2vw;
z-index: -1;
}
#event ul li:nth-child(2)::before {
content: "";
background: url("img/supporter_09.png") no-repeat center/contain;
width: 15.16vw;
aspect-ratio: 215 / 400;
position: absolute;
bottom: -7vw;
left: -15.16vw;
z-index: -1;
}
#event ul li:nth-child(3)::before {
content: "";
background: url("img/supporter_02.png") no-repeat center/contain;
width: 16.64vw;
aspect-ratio: 236 / 350;
position: absolute;
top: -8vw;
right: -18vw;
z-index: -1;
}
#event ul li:nth-child(4)::before {
content: "";
background: url("img/supporter_11.png") no-repeat center/contain;
width: 19.04vw;
aspect-ratio: 270 / 400;
position: absolute;
top: -15vw;
right: -10vw;
z-index: -1;
}
#event ul li:nth-child(4)::after {
content: "";
background: url("img/supporter_04.png") no-repeat center/contain;
width: 16.92vw;
aspect-ratio: 241 / 400;
position: absolute;
top: -4vw;
left: -11vw;
z-index: -1;
}
#event ul li:nth-child(5)::before {
content: "";
background: url("img/supporter_05.png") no-repeat center/contain;
width: 16.07vw;
aspect-ratio: 228 / 360;
position: absolute;
top: -5vw;
right: -20vw;
z-index: -1;
}
#event ul li:nth-child(5)::after {
content: "";
background: url("img/supporter_07.png") no-repeat center/contain;
width: 14.80vw;
aspect-ratio: 210 / 400;
position: absolute;
bottom: -3vw;
left: -14vw;
z-index: -1;
}
#event::after {
content: "";
background: url("img/supporter_03.png") no-repeat center/contain;
width: 22.85vw;
aspect-ratio: 320 / 345;
position: absolute;
bottom: -4%;
right: 0;
}

/* #gourmet */
#gourmet {
background: url("img/gourmet_bg.jpg") no-repeat center top/cover;
}
#gourmet li {
margin-bottom: 3em;
z-index: 1;
}
#gourmet ul li:nth-child(1)::before {
content: "";
background: url("img/player_03.png") no-repeat center/contain;
width: 30.04vw;
aspect-ratio: 426 / 480;
position: absolute;
top: -22vw;
left: -6vw;
z-index: -1;
}
#gourmet::after {
content: "";
background: url("img/supporter_10.png") no-repeat center/contain;
width: 19.67vw;
aspect-ratio: 279 / 400;
position: absolute;
bottom: 0;
right: -1vw;
}

/* #seat */
#seat {
background: linear-gradient(0deg, #004ea2 20%, #00226d 80%);
}
#seat::before {
content: "";
background: url("img/seat_bg.png") no-repeat top/contain;
width: 45.48vw;
aspect-ratio: 645 / 319;
position: absolute;
top: 0;
right: 0;
}
#seat h2 {
position: relative;
z-index: 3;
}
#seat h2 + div {
position: relative;
z-index: 2;
}
#seat h2 + div::before {
content: "";
background: url("img/player_04.png") no-repeat bottom/contain;
width: 20.16vw;
aspect-ratio: 286 / 500;
position: absolute;
top: -22vw;
left: 5vw;
z-index: -1;
}
#seat h2 + figure {
position: relative;
z-index: 1;
}
#seat h2 + figure::before {
content: "";
background: url("img/supporter_06.png") no-repeat bottom/contain;
width: 17.55vw;
aspect-ratio: 249 / 360;
position: absolute;
top: -21vw;
left: 70%;
z-index: -1;
}
#seat ul {
position: relative;
z-index: 2;
}
#seat ul li {
margin-top: 3em;
}
#firework_01 {
position: absolute;
top: 5%;
left: -5%;
}
#firework_02 {
position: absolute;
top: 13%;
right: -12%;
}
#firework_03 {
position: absolute;
top: 30%;
left: -3%;
}
#firework_04 {
position: absolute;
top: 38%;
right: -8%;
}
#firework_05 {
position: absolute;
top: 50%;
left: -8%;
}
#firework_06 {
position: absolute;
top: 60%;
right: -10%;
}
#firework_07 {
position: absolute;
top: 95%;
left: -8%;
z-index: 1;
}
#firework_08 {
position: absolute;
top: 87%;
right: -8%;
}

/* #access */
#access {
background: url("img/access_bg.jpg") no-repeat center top/100% auto;
}
#access::before {
content: "";
background: url("img/illust_04.png") no-repeat top/contain;
width: 185px;
max-width: 18%;
height: 210px;
position: absolute;
top: -1em;
right: 20%;
}
#access > section {
z-index: 1;
}
#access > section::before {
content: "";
background: url("img/person_09.png") no-repeat bottom/contain;
width: 265px;
max-width: 26%;
height: 330px;
position: absolute;
left: 2%;
top: 3em;
}
#access .panel-group section {
text-align: left;
padding-top: 3rem;
}
#access .panel-group h3.LOGO {
text-align: center;
margin-bottom: 3rem;
}
#access .panel-group h3.LOGO strong {
color: #1a1a7c;
font-size: 4rem;
border-bottom: 5px solid #1a1a7c;
}
.access {
background: #FFF;
border: 2rem solid #1a1a7c;
border-radius: 4rem;
position: relative;
z-index: 1;
}
.tab {
background-size: contain !important;
width: 200px;
height: 183px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.tab:hover {
cursor: pointer;
}
.tab:nth-child(1) {
background: url("img/access_nav_01_off.png") no-repeat;
border-radius: 1.8rem 0 0 0;
}
.tab:nth-child(2) {
background: url("img/access_nav_02_off.png") no-repeat;
}
.tab:nth-child(3) {
background: url("img/access_nav_03_off.png") no-repeat;
}
.tab:nth-child(4) {
background: url("img/access_nav_04_off.png") no-repeat;
}
.tab:nth-child(5) {
background: url("img/access_nav_05_off.png") no-repeat;
}
.tab:nth-child(6) {
background: url("img/access_nav_06_off.png") no-repeat;
border-radius: 0 1.8rem 0 0;
}
.tab:nth-child(1):hover,
.tab:nth-child(1).is-active {
background: url("img/access_nav_01_on.png") no-repeat;
}
.tab:nth-child(2):hover,
.tab:nth-child(2).is-active {
background: url("img/access_nav_02_on.png") no-repeat;
}
.tab:nth-child(3):hover,
.tab:nth-child(3).is-active {
background: url("img/access_nav_03_on.png") no-repeat;
}
.tab:nth-child(4):hover,
.tab:nth-child(4).is-active {
background: url("img/access_nav_04_on.png") no-repeat;
}
.tab:nth-child(5):hover,
.tab:nth-child(5).is-active {
background: url("img/access_nav_05_on.png") no-repeat;
}
.tab:nth-child(6):hover,
.tab:nth-child(6).is-active {
background: url("img/access_nav_06_on.png") no-repeat;
}
.panel {
display: none;
}
.panel.is-show {
display: block;
}
.panel a {
color: #09369d;
text-decoration: underline;
}
.panel a:hover {
text-decoration: none;
}

/* #contents */
#contents::before {
content: "";
background: url("img/check_bg.jpg") no-repeat center/cover;
width: 100%;
height: 130%;
position: absolute;
top: -30%;
left: 0;
z-index: -1;
}
#contents section {
padding-top: 0;
}
#contents ul {
position: relative;
margin-top: 3em;
}
#contents ul::before {
content: "";
background: url("img/person_10.png") no-repeat bottom/contain;
width: 360px;
max-width: 40%;
height: 360px;
position: absolute;
right: 0;
top: -330px;
z-index: -1;
}
#contents li {
background: #FFF;
color: #1f2b63;
font-size: 1.7rem;
text-align: left;
margin-bottom: 3em;
padding: 1em;
}
#contents li h3 {
text-align: center;
margin: -3em auto 1em;
}
#contents li h4 {
font-size: 2.4rem;
font-weight: bold;
padding: .8em 0;
}

/* #beginners */
#beginners {
background: #59bded;
background: url("img/event_bg.jpg") no-repeat bottom/cover;
}


/* footer
------------------------------------------------------------ */
footer {
background: #000;
}
footer section {
padding: 3rem 0 120px;
}
footer h1 {
width: 188px;
margin: 0 auto 3rem;
}
footer p {
color: #FFF;
font-size: 1.2rem;
line-height: 1.3;
}
footer p + p {
font-size: 1.1rem;
margin-top: 1rem;
}

/* #sns */
#sns {
background: #FFF;
}

/* #ticket */
#ticket {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 3;
}
#ticket a {
background: #FFBA00;
color: #FFF;
font-size: 4rem;
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
}
#ticket a span {
font-size: 3.2rem;
padding: 0 10px;
}
#ticket a:hover {
background: #000;
}

/* #sponsor */
#sponsor {
background: #ffffff;
padding: 5rem 0;
}
#sponsor section {
background: #FFF;
width: 1200px;
padding: 5rem 0 0;
}
#sponsor section:last-child {
padding-bottom: 3rem;
}
#sponsor h4 {
background: #f0f0f0;
max-width: 880px;
margin: 0 auto 2em;
padding: .5em;
}
#sponsor ul {
max-width: 880px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#sponsor ul li {
font-size: small;
text-align: left;
flex-basis: 25%;
margin: 1rem 0;
}
#sponsor ul.center {
max-width: 500px;
justify-content: center;
}
#sponsor ul.center li {
flex-basis: 50% !important;
}





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

/* main
------------------------------------------------------------ */
/* #schedule */
#schedule::before,
#schedule::after {
display: none;
}

/* #gourmet */
#gourmet::after {
right: -5vw;
}

}


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

/* set
------------------------------------------------------------ */
.pc,.pc.inline,.flex.pc {
display: none;
}
.smd,
.smd-block {
display: block;
}
.flex.smd {
display: flex;
}

/* main
------------------------------------------------------------ */
main {
margin-top: 60px;
}

/* #event */
#event ul li:nth-child(1)::after,
#event ul li:nth-child(2)::before,
#event ul li:nth-child(3)::before,
#event ul li:nth-child(4)::after,
#event ul li:nth-child(5)::before,
#event ul li:nth-child(5)::after {
display: none;
}
#event::after {
bottom: -2%;
}

/* #seat */
#seat h2 + div {
margin-bottom: 5em;
}

/* #access */
.tab {
height: 123px;
}

/* footer
------------------------------------------------------------ */
footer section {
padding: 3rem 0 100px;
}
footer p,
footer p + p {
font-size: 1rem;
}

/* #ticket */
#ticket a {
font-size: 3rem;
height: 60px;
padding: 0 5%;
}
#ticket a span {
font-size: 2.2rem;
padding: 0 5px;
}

}


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

/* set
------------------------------------------------------------ */
.smd,.flex.smd,.smp-none {
display: none;
}
.smp,
.smp-block {
display: block;
}
.flex.smp {
display: flex;
}
br.smp {
font-size: 0;
}

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

/* flexbox */
.col-2 {
display: block;
}

/* style */
h2 img {
height: 60px;
}

/* main
------------------------------------------------------------ */
/* #nav */
#nav {
padding: 3em 0 1em;
}
#nav nav ul li {
flex-basis: 30%;
margin: 0 1.5% 3%;
}
#nav p {
top: 50%;
}
#player_01 {
max-width: 25vw;
}
#player_02 {
max-width: 40vw;
margin-top: 0;
}

/* #schedule */
#schedule section {
padding: 0 0 3em;
}
#schedule section h2 {
position: static;
transform: translateX(0);
}

/* #event */
#event ul li {
margin-top: 0;
}
#event ul li:nth-child(1)::before,
#event ul li:nth-child(4)::before {
display: none;
}
#event::after {
width: 50vw;
bottom: -4%;
}

/* #gourmet */
#gourmet::after {
display: none;
}

/* #seat */
#firework_01,
#firework_02,
#firework_03,
#firework_05,
#firework_06,
#firework_08 {
display: none;
}

/* #access */
#access .panel-group h3.LOGO strong {
font-size: 2.8rem;
border-bottom: 3px solid #1a1a7c;
}
.access {
background: #FFF;
border: 1rem solid #1a1a7c;
border-radius: 2rem;
position: relative;
}
.tab {
height: 67px;
}
.tab:nth-child(1) {
border-radius: .9rem 0 0 0;
}
.tab:nth-child(5) {
border-radius: 0 .9rem 0 0;
}
.access::before {
width: 100px;
height: 120px;
top: calc(-120px - 1rem);
}

/* #contents */
#contents ul::before {
top: -360px;
}

/* footer
------------------------------------------------------------ */
/* #sponsor */
#sponsor {
background: #FFF;
}
#sponsor ul li {
flex-basis: 48%;
}

}