@charset "UTF-8";
/*
Version: 1.0.0
Creation Date: 2023.6.5
Last Updated: 2023.8.23
*/


/* import
------------------------------------------------------------ */
@import "https://w-shiya.com/release/css/ampersand-2023.css";
@import "https://www.montedioyamagata.jp/wp-content/themes/montedio/assets/css/match.css";


/* set
------------------------------------------------------------ */
* {
font-weight: inherit;
}
body {
background: #FFF;
font-family: ryo-gothic-plusn, sans-serif;
font-size: 16px;
font-weight: bold;
text-align: center;
}


/* Overwrite
------------------------------------------------------------ */
header a:hover img,
main a:hover img {
opacity: 1;
}
input[type="text"],
input[type="submit"] {
margin: 0;
border-radius: 0;
}
.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;
}
#access div.access__map {
margin-top: 20px;
}


/* common
------------------------------------------------------------ */
/* font */
/* りょうゴシック PlusN */
.RYO {
font-family: ryo-gothic-plusn, sans-serif;
font-weight: 500;
}
/* 貂明朝テキスト */
.TEN {
font-family: ten-mincho-text, serif;
font-weight: 400;
}
/* Poster Gothic Cond ATF Bold */
.EN {
font-family: poster-gothic-cond-atf, sans-serif;
font-weight: 600;
letter-spacing: .1em;
}
/* コーポレート・ロゴ ver2 */
.LOGO {
font-family: "corporate-logo-ver2", sans-serif;
font-weight: 700;
}
.palt {
font-feature-settings: "palt";
}

/* layout */
section {
width: 1080px;
}
section.wide {
width: 1240px;
}

/* style */
dl {
display: inline-block;
}
dl dt {
background: #159ccd;
color: #FFF;
font-size: 14px;
line-height: 24px;
text-align: center;
width: 50px;
height: 24px;
float: left;
clear: both;
border-radius: 2px;
}
dl dd {
font-size: 24px;
font-weight: 500;
line-height: 24px;
text-align: left;
padding: 0 0 12px 62px;
}

/* .link */
.link {
text-align: center;
}
.link a {
background: #FFF;
color: #159ccd;
font-size: 18px;
line-height: 54px;
width: 290px;
height: 60px;
display: inline-block;
border: 3px solid #159ccd;
border-radius: 100vh;
}
.link a:hover {
background: #159ccd;
color: #FFF;
}


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

/* #kick-off */
#kick-off {
padding: 0 0 80px;
}
#kick-off h2 {
margin-top: 20px;
}
#kick-off p {
font-size: 28px;
line-height: 1.7;
margin-bottom: 30px;
}
#kick-off .link a {
background: #1a1a7c;
color: #FFF;
border: 3px solid #1a1a7c;
}
#kick-off .link a:hover {
background: #FFF;
color: #1a1a7c;
}

/* #nav */
#nav {
background: #1a1a7c;
border: 3px solid #1a1a7c;
}
#nav a {
display: block;
padding: 14px 0 25px;
position:  relative;
}
#nav a::after {
content: "";
width: 8px;
height: 8px;
margin: auto;
display:  block;
border-right: solid 3px;
border-bottom: solid 3px;
transform: rotate(45deg);
position: absolute;
bottom: 8px;
left: 0;
right: 0;
}
#nav li {
color: #FFF;
flex-basis: 11.111%;
}
#nav li:nth-child(1),
#nav li:nth-child(6),
#nav li:nth-child(8) {
background: #bcedff;
color: #1a1a7c;
}
#nav li:nth-child(2),
#nav li:nth-child(4),
#nav li:nth-child(9) {
background: #fef6c3;
color: #1a1a7c;
}

/* #pickup */
#pickup {
padding: 0 0 0;
}
#pickup {
background: #1a1a7c;
border: 3px solid #1a1a7c;
}

/* #highlight */
#highlight {
background: #1a1a7c;
background-size: cover;
padding: 0 0 80px;
}
#highlight figure {
background: #FFF;
margin-top: 40px;
border: solid 3px #004098;
border: solid 3px #0A132F;
border-radius: 20px;
overflow: hidden;
}
#highlight figure div {
flex-basis: 30%;
}
#highlight figure:nth-child(odd) div {
order: 1;
}
#highlight a:hover img {
opacity: .8;
}
#highlight figcaption {
text-align: left;
padding: 30px;
flex-basis: 70%;
}
#highlight figcaption h3 {
color: #004098;
color: #0A132F;
font-size: 22px;
font-weight: 700;
margin-bottom: 10px;
}
#highlight figcaption p {
color: #000;
}
#highlight figcaption p + h3,
#highlight figcaption p + p {
padding-top: 10px;
}
#highlight figcaption a {
color: #004098;
color: #0A132F;
text-decoration: underline;
}
#highlight figcaption a:hover {
text-decoration: none;
}

/* #schedule */
#schedule {
background: #1a1a7c;
padding: 0 0 80px;
}
#schedule h2 {
padding: 30px 0;
}

/* main
------------------------------------------------------------ */
/* #uniform */
#uniform {
background: #bcedff;
padding: 100px 0 40px;
}
#uniform h2 {
margin-bottom: 10px;
}
#uniform div {
margin-bottom: 40px;
}
#uniform p {
font-size: 24px;
margin-bottom: 40px;
}
#uniform dl {
margin-bottom: 20px;
}
#uniform dl dd {
text-align: left;
padding: 0 0 20px 70px
}

/* #ymgt-ichigan */
#ymgt-ichigan {
background: repeating-linear-gradient(135deg,transparent,transparent 5px,rgba(254,246,195,1) 5px,rgba(254,246,195,1) 10px);
padding: 80px 0 40px;
}
#ymgt-ichigan h2 {
margin-bottom: 40px;
}
#ymgt-ichigan div {
margin-bottom: 40px;
}
#ymgt-ichigan h3 {
margin-bottom: 20px;
}
#ymgt-ichigan p {
font-size: 20px;
line-height: 1.6;
font-weight: 500;
margin-bottom: 40px;
}
#ymgt-ichigan ul li {
flex-basis: 31%;
background: #FFF;
text-align: left;
margin-bottom: 20px;
padding: 20px 20px 8px;
border: 4px solid #ffd418;
border-radius: 10px;
}
#ymgt-ichigan h4 {
font-size: 20px;
font-weight: bold;
margin-bottom: 16px;
}
#ymgt-ichigan dl dt {
background: #ffd418;
}
#ymgt-ichigan dl dd {
font-size: 16px;
line-height: 24px;
font-feature-settings: "palt";
}
#ymgt-ichigan small {
font-size: 12px;
font-feature-settings: "palt";
}

/* #event */
#event {
background: url("img/event_bg.png") repeat-y;
background-size: 100% auto;
padding: 80px 0 100px;
}
#event .bg_wht {
width: 780px;
max-width: 100%;
margin: 65px auto 0;
padding: 40px;
border-radius: 5px;
}
#event h2 +.bg_wht h3 {
margin: -60px auto 20px;
}
#event h3 {
margin-top: -90px;
}
#event figure div {
flex-basis: calc(50% - 40px);
}
#event figcaption {
flex-basis: calc(50% + 40px);
padding-left: 40px;
}
#event .bg_wht:nth-child(odd) figcaption {
padding: 0 40px 0 0;
order: -1;
}
#event figcaption p {
font-size: 20px;
padding: 1rem 0 28px;
}
#event figcaption p small {
font-size: 18px;
font-weight: normal;
margin-top: 20px;
display: block;
font-feature-settings: "palt";
}
#event ul {
margin-top: 28px;
}
#event li.left {
background: #ebf9ff;
flex-basis: 47%;
padding: 20px;
border-radius: 10px;
}
#event h4 {
font-size: 20px;
font-weight: bold;
margin-bottom: 16px;
}
#event dl dd {
font-size: 16px;
line-height: 24px;
font-feature-settings: "palt";
}

#event-more h3 {
color: #1a1a7c;
font-size: 22px;
font-weight: bold;
margin-top: 0px;
}
#event-more figcaption p {
font-size: 16px;
font-weight: normal;
padding: 1rem 0;
}
#event-more dl {
margin-top: 1rem;
}
#event-more dl dt {
background: #1a1a7c;
}
#event-more a {
text-decoration: underline;
}
#event-more a:hover {
text-decoration: none;
}

/* .fes */
.fes {
background: #fef6c3;
}
.fes .bg_wht {
padding: 0 60px 60px;
border-radius: 0 0 5px 5px;
}
.fes h3 {
margin-bottom: 30px;
}
.fes dl dt {
background: #1a1a7c;
}
.fes dl dd {
font-size: 24px;
padding: 0 20px 20px 12px;
}
.fes dl + p {
line-height: 2;
}
.fes ul.col-4 {
margin-top: 12px;
}
.fes .item {
flex-basis: 23%;
margin: 28px 0 0;
padding: 20px;
border: 4px solid #1a1a7c;
border-radius: 10px;
position: relative;
font-feature-settings: "palt";
}
.fes .item h4 {
color: #1a1a7c;
font-size: 24px;
font-weight: bold;
line-height: 1;
margin-bottom: 16px;
height: 50px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.fes .item div {
margin-bottom: 12px;
}
.fes .item p strong {
font-size: 15px;
letter-spacing: 1.5;
margin-bottom: 12px;
display: block;
}
.fes .item p small {
font-size: 14px;
}
.fes .item p.left {
font-weight: 500;
line-height: 1.2;
}
.fes .item:before,
.fes .item:after {
content: "";
background: #FFF;
width: 4px;
height: 20px;
position: absolute;
top: 10px;
right: -4px;
}
.fes .item:after {
top: auto;
right: auto;
bottom: 10px;
left: -4px;
}

/* #gourmet */
#gourmet {
padding: 60px 0 40px;
}
#gourmet h2 {
text-align: center;
width: 100%;
position: absolute;
top: -100px;
}
#gourmet section:before {
content: "";
background: url("img/gourmet_bg.png") no-repeat;
background-size: 100% auto;
width: 100%;
height: 340px;
position: absolute;
top: -90px;
left: 0;
}
#gourmet .item {
border: 4px solid #ffd418;
}

/* #sweet */
#sweet {
padding: 0 0 80px;
}
#sweet .item {
border: 4px solid #fa59f0;
}

/* #bread */
#bread {
padding: 0 0 80px;
}
#bread .item {
border: 4px solid #f16a07;
}

/* #goods */
#goods {
background: url("img/dot_blu.png") repeat;
background-size: 19px auto;
padding: 80px 0;
}

/* Swiper */
.swiper {
margin: 40px 0;
}
.swiper-slide {
background: #FFF;
height: auto;
padding: 28px 28px 98px;
border: solid 2px #1a1a7c;
border-radius: 10px;
font-feature-settings: "palt";
}
.swiper-slide.pre {
background: none;
padding: 0;
border: none;
}
.swiper-slide h3 {
color: #1a1a7c;
font-size: 24px;
font-weight: bold;
line-height: 1;
margin-bottom: 16px;
height: 50px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-slide div {
margin-bottom: 20px;
}
.swiper-slide p {
line-height: 1.5;
text-align: left;
margin-bottom: 16px;
}
.swiper-slide p + div {
height: 70px;
margin-bottom: 28px;
text-align: left;
position: absolute;
bottom: 0;
left: 28px;
width: calc(100% - 56px);
}
.swiper-slide p + div > small {
display: block;
margin-bottom: 12px;
}
.swiper-slide dl {
}
.swiper-slide dl dt {
}
.swiper-slide dl dd {
font-size: 20px;
font-feature-settings: normal;
}

/* #seat */
#seat {
background: #1a1a7c;
padding: 80px 0;
}
#seat h2 {
margin-bottom: 40px;
}
#seat div {
margin-bottom: 60px;
}
#seat h3 {
margin-bottom: 40px;
}
#seat .link {
margin: 0 20px;
}
#seat .link a {
padding-left: 30px;
position: relative;
}
#seat .link a:before {
content: "";
width: 30px;
height: 30px;
position: absolute;
top: 12px;
left: 20px;
}
#seat .goods a:before {
background: url("img/shopping_cart.svg");
}
#seat .goods a:hover:before {
background: url("img/shopping_cart_o.svg");
}
#seat .food a:before {
background: url("img/restaurant.svg");
}
#seat .food a:hover:before {
background: url("img/restaurant_o.svg");
}

/* #access */
#access {
background: url("img/dot_yel.png") repeat;
background-size: 19px auto;
padding: 80px 0;
}
#access h2 {
margin-bottom: 40px;
}
#access h2 + p {
margin-bottom: 20px;
}
#access div {
width: 960px;
max-width: 100%;
margin: 0 auto;
}
#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 .panel-group a {
color: #159ccd;
text-decoration: underline;
}
#access .panel-group a:hover {
text-decoration: none;
}
.access {
background: #FFF;
border: 2rem solid #1a1a7c;
border-radius: 4rem;
padding-bottom: 80px;
position: relative;
}
.tab {
background-size: contain !important;
width: 200px;
height: 183px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.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;
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;
}

/* #sponsor */
#sponsor {
background: url("img/sponsor_bg.png") no-repeat;
background-size: cover!important;
color: #FFF;
padding: 80px 0;
}
#sponsor h2 {
margin-bottom: 60px;
}
#sponsor ul.center {
margin-bottom: 40px;
}
#sponsor ul.center li {
font-size: 24px;
font-weight: 500;
margin: 20px;
}
#sponsor ul.center li div {
margin-bottom: 20px;
}
#sponsor h3 {
font-size: 38px;
font-weight: bold;
margin-bottom: 40px;
}
#sponsor ul.col-3 li.item {
font-size: 24px;
font-weight: 500;
line-height: 1.3;
flex-basis: calc(33.333% - 20px);
margin: 0 10px 10px;
}
#sponsor a:hover {
color: #ffd418;
}
#sponsor .col-1 {
margin-bottom: 40px;
}
#sponsor ul.col-4 {
margin-bottom: calc(60px - 2rem);
}


/* footer
------------------------------------------------------------ */
/* #information */
#information a {
background: #FFE038;
font-size: 2.3rem;
font-weight: bold;
padding: 20px;
display: block;
}
#information a:hover {
background: #004098;
color: #FFF;
}

/* Copyright */
footer h1 {
width: 188px;
margin: 0 auto 30px;
}
footer p {
color: #FFF;
font-size: 1.2rem;
}
footer p + p {
font-size: 1.1rem;
}
footer section {
padding: 20px 0 100px;
}

/* #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;
}
#ticket a span {
font-size: 3.2rem;
padding: 0 10px;
}
#ticket a:hover {
background: #000;
}

/* #ticket2 */
#ticket2 {
display: none;
position: fixed;
right: 1%;
bottom: 2%;
z-index: 3;
}





@media screen and (max-width: 768px) {
/* iPhone以下 */

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

/* #kick-off */
#kick-off {
padding: 0 0 40px;
}
#kick-off p {
font-size: 16px;
line-height: 2;
margin-bottom: 20px;
font-feature-settings: "palt";
}

/* #nav */
#nav {
border: 2px solid #1a1a7c;
border-left: none;
border-right: none;
}
#nav section {
max-width: 100%;
}
#nav a {
font-size: 15px;
}
#nav a::after {
border-right: solid 1px;
border-bottom: solid 1px;
bottom: 12px;
}
#nav ul {
flex-wrap: wrap;
}
#nav li {
flex-basis: 33.333%;
}

/* #pickup */
#pickup {
border: 2px solid #1a1a7c;
border-left: none;
border-right: none;
}
#pickup section {
max-width: 100%;
}

/* #schedule */
#schedule h2 {
padding: 0 0 10px;
}
#schedule h2 img {
max-width: 100%;
}

/* #highlight */
#highlight figure {
display: block;
}
#highlight figcaption {
padding: 20px;
}
#highlight figcaption h3 {
font-size: 18px;
}

/* main
------------------------------------------------------------ */
/* #uniform */
#uniform {
padding: 60px 0 20px;
}
#uniform div {
margin-top: 20px;
}
#uniform p {
font-size: 21px;
margin-bottom: 20px;
}
#uniform dl {
margin-bottom: 10px;
}
#uniform dl dd {
font-size: 18px;
padding: 0 0 10px 60px
}

/* #ymgt-ichigan */
#ymgt-ichigan {
padding: 60px 0 30px;
}
#ymgt-ichigan p {
font-size: 16px;
line-height: 1.8;
margin-bottom: 20px;
}
#ymgt-ichigan small {
font-size: 11px;
text-align: left;
margin-top: 20px;
display: block;
}
#ymgt-ichigan ul li {
margin-bottom: 10px;
padding: 10px 15px 8px;
}
#ymgt-ichigan h4 {
font-size: 18px;
margin-bottom: 10px;
}

/* #event */
#event {
background: url("img/event_bg.png") repeat-y;
background-size: 200% auto;
}
#event figure div {
margin-bottom: 20px;
}
#event figcaption p {
font-size: 16px;
line-height: 1.8;
font-weight: 500;
padding: 1rem 0 20px;
font-feature-settings: "palt";
}
#event figcaption p small {
font-size: 15px;
margin-top: 10px;
}
#event ul {
margin: -20px auto 10px;
}
#event li.left {
margin-top: 20px;
}
#event h4 {
font-size: 18px;
margin-bottom: 10px;
}

/* .fes */
.fes .bg_wht {
padding: 10px 20px 30px;
}
.fes dl + p {
font-size: 16px;
line-height: 1.5;
font-weight: 500;
text-align: left;
margin-top: 10px;
}
.fes .item {
margin: 14px 0 0;
padding: 10px;
border: 2px solid #1a1a7c;
border-radius: 5px;
}
.fes .item h4 {
font-size: 16px;
line-height: 1.2;
margin-bottom: 10px;
height: 30px;
}
.fes .item div {
margin-bottom: 6px;
}
.fes .item p strong {
font-size: 11px;
letter-spacing: 1.5;
margin-bottom: 6px;
}
.fes .item p small {
font-size: 10px;
}
.fes .item p.left {
font-size: 11px;
font-weight: normal;
}
.fes .item:before,
.fes .item:after {
width: 2px;
right: -2px;
}
.fes .item:after {
left: -2px;
}

/* #gourmet */
#gourmet {
padding: 40px 0 20px;
}
#gourmet h2 {
top: -65px;
}
#gourmet section:before {
background: url("img/smp_gourmet_bg.png") no-repeat;
background-size: 100% auto;
top: -40px;
}
#gourmet .item {
border: 2px solid #ffd418;
}

/* #sweet */
#sweet {
padding: 0 0 40px;
}
#sweet .item {
border: 2px solid #fa59f0;
}

/* #bread */
#bread {
padding: 0 0 40px;
}
#bread .item {
border: 2px solid #f16a07;
}

/* #goods */
#goods {
padding: 40px 0;
}

/* #seat */
#seat {
padding: 50px 0 30px;
}
#seat h2 {
margin-bottom: 30px;
}
#seat .link {
margin: 0 auto 20px;
}

/* #access */
#access {
padding: 40px 0;
}
.access {
padding-bottom: 40px;
}
.tab {
height: 123px;
}
/* #sponsor */
#sponsor {
padding: 40px 0;
}
#sponsor ul.center li,
#sponsor ul.col-3 li.item {
font-size: 16px;
}
#sponsor ul.center li div {
margin-bottom: 10px;
}
#sponsor h3 {
font-size: 21px;
}

/* footer
------------------------------------------------------------ */
/* #information */
#information a {
font-size: 1.8rem;
}

/* Copyright */
footer p,
footer p + p {
font-size: 1rem;
}

footer section {
padding: 20px 0 80px;
}

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

/* #ticket2 */
#ticket2 {
width: 150px;
}

}


@media screen and (max-width: 420px) {
/* iPhone以下 */

/* header
------------------------------------------------------------ */
/* #kick-off */
#kick-off h2 {
margin: 40px 0 20px;
}

/* main
------------------------------------------------------------ */
/* #ymgt-ichigan */
#ymgt-ichigan p {
text-align: left;
}

/* #event */
#event {
padding: 60px 0 30px;
}
#event .bg_wht {
margin: 50px auto 50px;
padding: 50px 20px 20px;
}
#event h2 +.bg_wht h3,
#event h3 {
margin: -70px auto 20px;
}
#event figcaption,
#event .bg_wht:nth-child(odd) figcaption {
padding: 0;
}

#event .link.more {
margin: 50px auto;
}
#event-more {
display: none;
}
#event-more h3 {
margin: 20px auto 10px;
}

/* .fes */
.fes dl dd {
font-size: 17px;
padding: 0 0 10px 62px;
white-space: nowrap;
font-feature-settings: "palt";
}

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

/* #sponsor */
#sponsor {
background: url("img/smp_sponsor_bg.png") no-repeat;
}

/* footer
------------------------------------------------------------ */
/* #ticket2 */
#ticket2 {
width: 70px;
}
}