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


/* import
------------------------------------------------------------ */
@import "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css";
@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;
}
/* コーポレート・ロゴ ver2 */
.LOGO,
.coming-soon {
font-family: "corporate-logo-ver2", sans-serif;
font-weight: 700;
}
/* Toppan Bunkyu Midashi Go StdN EB */
.TBEB,
h2 strong,
h3 {
font-family: toppan-bunkyu-midashi-go-std, sans-serif;
font-weight: 900;
font-style: italic;
}

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

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

/* style */
.center {
text-align: center;
}
.none {
display: none;
}
.vwmax img {
width: 100vw;
}
::before,
::after {
content: "";
background-size: contain !important;
position: absolute;
}
small {
font-size: 80%;
}
h2 {
position: relative;
z-index: 1;
}
h2 strong {
color: #1a1a7c;
font-size: 3rem;
display: block;
margin-bottom: 1em;
}
h2.wht strong {
color: #FFF;
}
.coming-soon {
color: #1a1a7c;
font-size: 4rem;
padding-bottom: 3em;
position: relative;
}
.coming-soon::before {
background: #eee;
width: 100%;
height: 20px;
top: 30px;
left: 0;
z-index: -1;
clip-path: polygon(20px 0%, 100% 0%, calc(100% - 20px) 100%, 0% 100%);
}
.coming-soon + * {
display: none;
}

/* Swiper */
.slide {
position: relative;
}
.swiper {
max-width: 1000px;
}
.swiper-prev,
.swiper-next {
position: absolute;
top: calc(50% - 20px);
z-index: 1;
cursor: pointer;
}
.swiper-prev {
left: -5%;
}
.swiper-next {
right: -5%;
}
.swiper-slide {
background: #1a1a7c;
color: #FFF;
text-align: left;
height: auto;
padding-bottom: 65px;
clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 65px), calc(100% - 65px) 100%, 0% 100%);
}
.swiper-slide p a {
text-decoration: underline;
}
.swiper-slide p a:hover {
text-decoration: none;
}
.swiper-slide h3 {
font-size: 2.3rem;
line-height: 1.3;
padding: .5em;
}
.swiper-slide p {
font-size: 1.4rem;
padding: 0 1em 1em;
}
dl {
padding: 0 1em .5em;
position: absolute;
left: 0;
bottom: 0;
}
dl dt {
background: #FFF;
color: #1a1a7c;
font-size: 1.4rem;
font-weight: bold;
line-height: 20px;
text-align: center;
width: 50px;
height: 20px;
margin-bottom: 5px;
float: left;
clear: both;
}
dl dd {
font-size: 1.4rem;
font-weight: bold;
line-height: 1.3;
padding: 2px 0 5px 60px;
}
dl small {
padding-left: .3em;
}
.slide.wht .swiper-slide {
background: #FFF;
color: #1a1a7c;
}
.slide.wht .swiper-slide p {
font-weight: bold;
}
.slide.wht dl dt {
background: #1a1a7c;
color: #FFF;
}
#booth .swiper-slide {
padding-bottom: 0;
}
#booth dl {
padding: 1em;
position: static;
}
#gourmet .swiper-slide::before {
background: url("img/swiper_upper.png") no-repeat left top;
width: 95px;
height: 95px;
top: 0;
left: 0;
}

.slide {
padding-top: 30px;
}
#goods .swiper-pagination {
color: #1a1a7c;
}
.swiper-pagination {
color: #FFF;
font-size: 130% !important;
font-weight: bold;
top: -1em !important;
z-index: 0;
}
@media screen and (max-width: 430px) {
.swiper-pagination {
font-size: 200% !important;
top: -.8em !important;
}
}

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

/* #nav */
#nav {
background: url("img/nav_bg.png") no-repeat center top/cover;
color: #FFF;
padding-bottom: 8em;
}
#nav::before {
background: url("img/upper_left.png") no-repeat left top;
width: 320px;
max-width: 32%;
height: 320px;
top: 0;
left: 0;
}
#nav::after {
background: url("img/lower_right.png") no-repeat right bottom;
width: 320px;
max-width: 32%;
height: 320px;
bottom: 0;
right: 0;
}
#nav section {
z-index: 1;
}
#nav section::before {
background: url("img/player_01.png") no-repeat left center;
width: 205px;
max-width: 25%;
height: 705px;
bottom: -250px;
left: -8%;
z-index: -1;
}
#nav nav ul li {
flex-basis: 16%;
margin: 0 .3% .6%;
}
#nav nav ul li a:hover img {
opacity: 1;
}
#nav h2 {
margin: 4em auto 3em;
}
#nav p {
font-size: 1.8rem;
font-weight: 600;
line-height: 2.3;
text-shadow: 1px 1px 3px #000;
}
#nav + .vwmax {
margin-top: -8em;
position: relative;
z-index: 1;
}


/* main
------------------------------------------------------------ */
/* #movie */
#movie::before {
background: url("img/movie_bg.png") no-repeat center;
background-size: cover !important;
width: 100%;
height: 100%;
top: -28em;
left: 0;
z-index: -1;
}
#movie section::before {
background: url("img/player_02.png") no-repeat left top;
width: 170px;
max-width: 17%;
height: 660px;
top: -3%;
left: 5%;
z-index: -1;
}

#movie section div {
width: 100%;
padding-top: 56.25%;
position: relative;
}
#movie iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}


/* #result */
#result::before {
background: url("img/result_bg.png") no-repeat center;
background-size: cover !important;
width: 100%;
height: calc(100% + 28em);
top: -28em;
left: 0;
z-index: -1;
}
#result section {
padding: 0 0 8em;
}
#movie.none + #result section {
padding-top: 6em;
}
#result section::before {
background: url("img/player_03.png") no-repeat right center;
width: 210px;
max-width: 21%;
height: 530px;
top: -5%;
right: -3%;
z-index: -1;
}
#movie.none + #result section::before {
top: 5%;
}
#result h3 {
color: #FFF;
font-size: 2.3rem;
letter-spacing: .1em;
margin: 2em 0 1em;
}

/* #article */
#article::before {
background: url("img/upper_left.png") no-repeat left top;
width: 320px;
max-width: 32%;
height: 320px;
top: 0;
left: 0;
}
#article section::before {
background: url("img/player_04.png") no-repeat left top;
width: 215px;
max-width: 21%;
height: 655px;
top: -3%;
left: -3%;
}

/* #event */
#event {
background: #1a1a7c url("img/event_bg.png") no-repeat top/100% auto;
}
#event::before {
background: url("img/upper_right.png") no-repeat right top;
width: 320px;
max-width: 32%;
height: 320px;
top: 0;
right: 0;
}
#event section {
padding-bottom: 1em;
z-index: 1;
}
#event section::before {
background: url("img/player_05.png") no-repeat right top;
width: 170px;
max-width: 17%;
height: 555px;
top: -1%;
right: 0;
}
#event figure {
background: #1a1a7c;
font-size: 1.4rem;
text-align: left;
color: #FFF;
margin: 6em 0 8em;
border-top: 3px solid #FFF;
display: flex;
justify-content: space-between;

position: relative;
}
#event figcaption {
padding: 1em;
flex-basis: 40%;
border-left: 3px solid #FFF;
border-bottom: 3px solid #FFF;
}
#event figcaption div {
position: absolute;
top: -3em;
right: -2em;
}
#event figure h3 {
font-size: 2.4rem;
}
#event figure p {
margin: 1em 0;
}
#event dl {
margin-top: .5em;
padding: 0;
position: static;
}
#event figure div {
margin-bottom: -2em;
flex-basis: 58%;
order: 1;
}

/* #booth */
#booth {
background: #1a1a7c;
}
#booth section {
padding-top: 0;
}

/* #pr */
#pr {
background: #ffffff;
}
#pr section {
padding-top: 0;
}

/* #gourmet */
#gourmet::before {
background: url("img/gourmet_bg.png") no-repeat center;
background-size: cover !important;
width: 100%;
height: calc(100% + 28em);
top: -28em;
left: 0;
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40vw), 0% 100%);
}
#gourmet section::after {
background: url("img/player_06.png") no-repeat left top;
width: 151px;
max-width: 15%;
height: 666px;
top: -5%;
left: 5%;
}
#gourmet h2 + p {
color: #FFF;
font-weight: 600;
line-height: 2;
text-shadow: 1px 1px 3px #000;
margin: -1em 0 2em;
}
#gourmet h2 + p {
position: relative;
z-index: 1;
}
#gourmet .slide + h2 {
margin-top: 6em;
}
#gourmet section::after {
top: 0;
}


/* #goods */
#goods::after {
background: url("img/lower_right.png") no-repeat right bottom;
width: 320px;
max-width: 32%;
height: 320px;
bottom: 0;
right: 0;
}
#goods section {
padding-top: 0;
}


/* #pickup */
#pickup {
background: #004098;
color: #FFF;
}
#pickup a:hover {
color: #ffff00;
}
#pickup section {
padding-top: 0;
}


/* #seat */
#seat {
background: #eeeceb;
}
#seat::before {
background: #1a1a7c url("img/seat_bg.png") no-repeat top/100% auto;
width: 100%;
height: 108%;
top: 0;
left: 0;
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40vw), 0% 100%);
}
#seat::after {
background: url("img/upper_left.png") no-repeat left top;
width: 320px;
max-width: 32%;
height: 320px;
top: 0;
left: 0;
}
#seat section::before {
background: url("img/player_07.png") no-repeat right top;
width: 168px;
max-width: 25%;
height: 325px;
top: -1%;
left: 3%;
z-index: 1;
}
#seat h2 {
margin-bottom: 6rem;
}
#seat h2 + div {
position: relative;
z-index: 1;
}
#seat h3 {
margin-bottom: 3rem;
}
#seat ul li {
margin-top: 4%;
}

/* #access */
#access::before {
background: #eeeceb;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
#access h2 + h3 {
background:
url("img/upper_line.png") no-repeat top/100% auto,
url("img/bottom_line.png") no-repeat bottom/100% auto;
font-size: 4rem;
color: #1a1a7c;
margin-bottom: 1em;
padding: .5em;
position: relative;
}
#access h2 + h3::before {
background: url("img/player_08.png") no-repeat right bottom;
width: 165px;
max-width: 17%;
height: 240px;
top: -240px;
right: 5%;
}
#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;
}
.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;
}

/* #beginners */
#beginners {
background: #eeeceb;
}
#beginners section {
padding-top: 0;
}
#beginners section::after {
background: url("img/player_09.png") no-repeat right bottom;
width: 150px;
max-width: 15%;
height: 275px;
bottom: 0;
left: -15%;
}

/* #sponsor */
#sponsor .partnerlist {
padding: 6em 0;
}
.partnerlist .contentsTitle {
font-style: normal;
}
.partnerlist__box {
max-width: 100%;
padding: 0;
}

/* #information */
#information a {
background: #ff0000;
color: #FFF;
font-size: 26px;
font-weight: bold;
padding: 20px;
display: block;
}
#information a:hover {
background: #ffba00;
color: #004098;
}


/* 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: 11;
}
#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;
}





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

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

/* common
------------------------------------------------------------ */
/* Swiper */
dl dd {
padding: 4px 0 5px 60px;
}

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

/* main
------------------------------------------------------------ */
main {
overflow: hidden;
}
h2 img {
max-width: 80%;
}
/* #movie */
#movie section::before {
top: 0;
}
/* #event */
#event figure {
display: block;
border: 3px solid #FFF;
}
#event figcaption {
padding: 2em;
border: none;
}
#event figure div {
margin-bottom: 0;
}
/* #gourmet */
#gourmet section::after {
top: 0;
left: 0;
}
/* #seat */
#seat h3 {
margin: 3rem 0 1em;
}
/* #access */
.tab {
height: 123px;
}
/* #beginners */
#beginners section::after {
left: -8%;
}

/* 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
------------------------------------------------------------ */
body {
font-size: 1.4rem;
line-height: 1.4;
}
.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: 4rem 0;
}
/* flexbox */
.col-2 {
display: block;
}

/* header
------------------------------------------------------------ */
/* #nav */
#nav section::before {
height: 300px;
bottom: 0;
}
#nav nav ul li {
flex-basis: 23%;
margin: 0 1% 2%;
}
#nav h2 {
margin: 2em auto;
}
#nav p {
font-size: 1.6rem;
line-height: 2;
}

/* main
------------------------------------------------------------ */
h2 img {
width: auto;
max-width: 100%;
height: 40px;
}
#nav h2 img,
#article h2 img {
height: auto;
}
/* #movie */
#movie::before {
top: -10em;
}
/* #result */
#result::before {
height: calc(100% + 10em);
top: -10em;
}
#result section {
padding: 0 0 4em;
}
#result section::before {
top: -30%;
}
#movie.none + #result section::before {
top: -10%;
}
/* #event */
#event figcaption {
padding: 1em;
}
#event figcaption div img {
width: auto;
height: 60px;
}
/* #seat */
#seat::before {
height: 100%;
}
#seat h2 {
margin-bottom: 3rem;
}
#seat h3 img {
width: auto;
height: 40px;
}
/* #access */
#access h2 + h3 {
font-size: 2.5rem;
}
#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(6) {
border-radius: 0 .9rem 0 0;
}
.access::before {
width: 100px;
height: 120px;
top: calc(-120px - 1rem);
}

}