@charset "UTF-8";
:root{
  --NVY:#0962A8;
  --RED:#DA423A;
  --BLU:#1B94D3;
  --PNK:#EB6D6B;
  --YEL:#E8B800;
  --BRN:#714C42;
  --shadow:0 4px 8px 0 rgba(0,0,0,.4);
  --mainAnime:all .3s ease;
}
@font-face {font-family:'icomoon';
  src: url('../fonts/icomoon.eot?g5lkom');
  src: url('../fonts/icomoon.eot?g5lkom#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?g5lkom') format('truetype'),
    url('../fonts/icomoon.woff?g5lkom') format('woff'),
    url('../fonts/icomoon.svg?g5lkom#icomoon') format('svg');
  font-weight:normal;
  font-style:normal;
  font-display:block}

[class^="icon-"]::after, [class*="icon-"]::after,.popUp::after{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
}
.icon-play::after{content:"\e900"}
.icon-pause::after{content:"\e901"}
.icon-mail::after{content:"\e902"}
.icon-search-l::after{content:"\e903"}
.icon-search-r::after{content:"\e904"}
.icon-blank::after{content:"\e905"}
.icon-spNav-open::after{content:"\e906"}
.icon-spNav-close::after{content:"\e907"}
.icon-home::after{content:"\e908"}
.icon-arrow-t::after,.popUp.is-active::after{content:"\e909"}
.icon-arrow-l::after{content:"\e90a"}
.icon-arrow-r::after{content:"\e90b"}
.icon-arrow-b::after,.popUp::after{content:"\e90c"}
.icon-pdf::after{content:"\e90d"}
.icon-img::after{content:"\e90e"}
.icon-text::after{content:"\e90f"}
.icon-excel::after{content:"\e910"}
.icon-word::after{content:"\e911"}
.icon-music::after{content:"\e928"}
.icon-lock::after{content:"\e912"}

img{border-style:none;border:0;vertical-align:middle;max-width:100%;height:auto}
.fontS{font-size:0.87em}
.fontM{font-size:1.25em}
.fontL{font-size:1.5em;line-height:1.8}
.fontLL{font-size:2em}
.txtL{text-align:left}
.txtR{text-align:right}
.txtC{text-align:center}
.txt-muted{color:#b5b5b5}
.txt-success{color:#4F8A10}
.txt-error,.txt-imp{color:#D8000C}
.txt-point{color:var(--PNK);font-weight:bold;}
.skip, a.skip{text-align:center;background-color:#FFF}
.skip{width:1px;color:#000;font-size:.1%;line-height:.1;position:absolute;left:-3000px;z-index:700}
a.skip{padding:2px 0;top:auto}
a.skip:active, a.skip:focus{position:relative;display:block;width:99.99%;left:auto;background:#333;opacity:1;color:#FFF;font-size:100%;line-height:1.6;}
a:hover img{
  opacity:.7;
  transition:.3s ease-in-out;
}
table{
  margin-bottom:16px;
}
table th{
  background-color:#F4D0A4;
  border-bottom:1px dotted #FFF;
  padding:.3em .5em;
}
table td{
  padding:.3em .5em;
  border-bottom:1px #E9AA69 dotted
}
p{
  margin-bottom:16px;
}
a:not(a.btnBase){
  color:#1976d2;
  text-decoration:underline
}
a:hover:not(a.btnBase){
  text-decoration:none
}
table ul,table ol,dl ul,dl ol{margin-bottom:0}
ul{list-style:disc;padding-left:2em;}
ul ul,ul ol,ol ul,ol ol{padding-left:20px;margin-bottom:0}
ul.kome{list-style:none;padding-left:1em;}
p + ul.kome{margin-top:-1em}
table + ul.kome{margin-top:-.5em}
ul.kome li::before{display:inline-block;width:1.5em;content:'※';margin-left:-1.5em;text-align:center}

.fLeft{float:left}
.fRight{float:right}
.pt0{padding-top:0 !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt1em{padding-top:1em !important}
.pb0{padding-bottom:0 !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb1em{padding-bottom:1em !important}
.pr0{padding-right:0 !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr1em{padding-right:1em !important}
.pl0{padding-left:0 !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl1em{padding-left:1em !important}
.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb1em{margin-bottom:1em !important}
.mb2em{margin-bottom:2em !important}
.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt1em{margin-top:1em !important}
.mt2em{margin-top:2em !important}
.ml0{margin-left:0 !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml1em{margin-left:1em !important}
.ml2em{margin-left:2em !important}
.ml-0_5em{margin-left:-.5em !important}
.ml-1em{margin-left:-1em !important}
.ml-2em{margin-left:-2em !important}
.mr0{margin-right:0 !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr1em{margin-right:1em !important}
.mr2em{margin-right:2em !important}
.mr-1em{margin-right:-1em !important}
.mr-2em{margin-right:-2em !important}
.width1em{display:inline-block;width:1em}
.width2em{display:inline-block;width:2em}
.width3em{display:inline-block;width:3em}
.width4em{display:inline-block;width:4em}
.width5em{display:inline-block;width:5em}
.width6em{display:inline-block;width:6em}
.width7em{display:inline-block;width:7em}
.width8em{display:inline-block;width:8em}
.width9em{display:inline-block;width:9em}
.width10em{display:inline-block;width:10em}
.colGroup{
	position:relative;
	display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
	-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
  margin-right:-5px;
  margin-left:-5px;
}
#street ul.colGroup,#street ol.colGroup{
  padding-left:0
}
[class^="col-"]{
	position:relative;
	min-height:1px;
	overflow:hidden;
  padding-right:5px;
  padding-left:5px
}
.col-sp1{width:8.33333%}
.col-sp2{width:16.66667%}
.col-sp3{width:25%}
.col-sp4{width:33.33333%}
.col-sp5{width:41.66667%}
.col-sp6{width:50%}
.col-sp7{width:58.33333%}
.col-sp8{width:66.66667%}
.col-sp9{width:75%}
.col-sp10{width:83.33333%}
.col-sp11{width:91.66667%}
.col-sp12{width:100%}
/* __SP only__ */
@media screen and (max-width:767px){
  .hiddenSP,.forPC,.forTB{display:none}
	.tableBlock{
    width:100%;
		border-bottom:1px #E9AA69 dotted;
	}
	.tableBlock th,.tableBlock td{
		display:block;
		width:100%;
		border:none;
	}
  .tableBlock td{
    padding-left:0;
    padding-right:0;
  }
	.tableScroll{
		overflow:auto;
		margin-bottom:16px;
	}
	.tableScroll table{
		width:auto;
		min-width:500px;
		margin-bottom:10px;
		white-space:nowrap;
	}
	.tableScroll::-webkit-scrollbar{
		-webkit-appearance:none;
		width:5px;
	}
	.tableScroll::-webkit-scrollbar-thumb{
		border-radius:4px;
		background-color:rgba(0,0,0,.3);
		box-shadow:0 0 1px rgba(255,255,255,.5);
	}
}
/* __TB only__ */
@media screen and (min-width:768px) and (max-width:1079px){
  .hiddenTB,.forPC,.forSP{display:none}
}
/* __TB over__ */
@media screen and (min-width:768px){
  table th,table td{
    padding:.3em 1em;
  }
  .colGroup{margin-right:-8px;margin-left:-8px}
  [class^="col-"]{padding-right:8px;padding-left:8px}
  .col-tb1{width:8.33333%}
  .col-tb2{width:16.66667%}
  .col-tb3{width:25%}
  .col-tb4{width:33.33333%}
  .col-tb5{width:41.66667%}
  .col-tb6{width:50%}
  .col-tb7{width:58.33333%}
  .col-tb8{width:66.66667%}
  .col-tb9{width:75%}
  .col-tb10{width:83.33333%}
  .col-tb11{width:91.66667%}
  .col-tb12{width:100%}
}
/* __PC over__ */
@media screen and (min-width:1080px){
  .hiddenPC,.forTB,.forSP{display:none}
  .colGroup{margin-right:-20px;margin-left:-20px}
  [class^="col-"]{padding-right:20px;padding-left:20px}
  .col-pc1{width:8.33333%}
  .col-pc2{width:16.66667%}
  .col-pc3{width:25%}
  .col-pc4{width:33.33333%}
  .col-pc5{width:41.66667%}
  .col-pc6{width:50%}
  .col-pc7{width:58.33333%}
  .col-pc8{width:66.66667%}
  .col-pc9{width:75%}
  .col-pc10{width:83.33333%}
  .col-pc11{width:91.66667%}
  .col-pc12{width:100%}
}

/*________________________________________layout*/
#street,.modaal-wrapper{
  width:100%;
  font-size:1.5rem;
  font-weight:300;
  line-height:1.5;
  color:var(--BRN);
  padding:0;
}
#particles-js{
  position:fixed;
  z-index:-1;
  width:100%;
  height:100%;
  background:#FCEEC7;
}
#street header{
  margin-bottom:min(4vw , 40px);
  background-color:#AFDCEF;

}
#gNav{
  position:relative;
  z-index:9000;
  margin:0 auto min(8vw,64px);
}
#gNav ul{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  list-style:none;
  padding:0;
  margin:0
}
#gNav ul li{
  width:calc(100% * 204 / 718);
  max-width:204px;
  animation:cloudmove 2s ease-in-out -13s infinite alternate;
}
#gNav ul li:nth-child(1) {
  animation-duration:2.4s;
}
#gNav ul li:nth-child(2) {
  animation-duration:1.8s;
}
#gNav ul li:nth-child(3),#gNav ul li:nth-child(4) {
  width:calc(100% * 310 / 718);
  max-width:310px;
  animation-duration:2.2s;
}
#gNav ul li:nth-child(5) {
  animation-duration:1.8s;
}
.fixed #gNav{
  position:fixed;
  top:min(1vw,8px);left:0;right:0;
  z-index:999;
  margin:0;
}
.inner{
  position:relative;
  z-index:1;
  width:94vw;
  max-width:1080px;
  margin:min(6.4vw,32px) auto min(10vw,64px);
  padding:0 min(4vw,40px) min(1vw,32px);
  /* background-color:#FFFDF2; */
  background-color:rgba(255,255,255,.8);
  border-radius:8px;
}
h2{
  position:relative;
  top:-20px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  width:80%;
  height:42px;
  padding:8px 15px;
  margin:0 auto 8px;
  background:var(--BRN);
  line-height:0;
  color:#FFF;
  font-size:1.6em;
  font-feature-settings:"palt";
}
h2 img{
  width:auto;
  height:24px;
}
h2::before,h2::after{
  position:absolute;
  bottom:0;
  width:0;
  height:0;
  border-color:var(--BRN) transparent;
  border-style:solid;
  content:'';
}
h2::before{
  left:-15px;
  border-width:21px 0px 21px 15px;
}
h2::after{
  right:-15px;
  border-width:21px 15px 21px 0px;
}
h3{
  position:relative;
  padding-left:20px;
  margin-bottom:.2em;
  font-size:1.5em;
  color:var(--BRN);
}
h3::before{
  content:"";
  position:absolute;
  top:1.5rem;left:0;
  display:inline-block;
  width:8px;
  height:8px;
  margin-top:-6px;
  border-radius:16px;
  border:5px solid var(--BRN);
}
#about h2{
  background:var(--NVY)
}
#about h2::before,#about h2::after{
  border-color:var(--NVY) transparent;
}
#map h2{
  background:var(--RED)
}
#map h2::before,#map h2::after{
  border-color:var(--RED) transparent;
}
#stage h2{
  background:var(--BLU)
}
#stage h2::before,#stage h2::after{
  border-color:var(--BLU) transparent;
}
#event h2{
  background:var(--PNK)
}
#event h2::before,#event h2::after{
  border-color:var(--PNK) transparent;
}
#message h2{
  background:var(--YEL)
}
#message h2::before,#message h2::after{
  border-color:var(--YEL) transparent;
}
h4{
  margin-bottom:.3em;
  color:rgb(235, 109, 107);
  font-weight:bold;
  font-size:1.25em;
}
.fontMaru{
	display:inline-block;
	width:24px;
	height:24px;
	transform:translateY(-3px);
	margin-left:.2em;
	border-radius:24px;
	color:#FFF;
  text-align:center;
}
.fontMaru.kodomo{
	background:var(--BLU)
}
.fontMaru.syoku{
	background:var(--YEL)
}
.fontMaru.kuruma{
	background:var(--RED)
}
.fontMaru.hataraku{
	background:var(--NVY)
}
.fontMaru.oyako{
  background:#ED7767!important;
  border-radius:4px!important;
}
.fontMaru.info{
  background:#5FC1C7!important;
  border-radius:4px!important;
}
.fontMaru.op{
  background:#888!important;
  border-radius:4px!important;
}
footer{
  background-color:var(--BRN);
  padding:.3em .5em;
  color:#FFF;
  font-size:.87em;
  text-align:center;
}
footer .copyright{
  margin-bottom:0;
  padding:0;
}
footer::after{
  display:none;
}
/* __SP only__ */
@media screen and (max-width:767px){
  .headCopyright{
    display:none;
  }
}
/* __TB only__ */
@media screen and (min-width:768px) and (max-width:1079px){
}
/* __SP & TB only__ */
@media screen and (max-width:1079px){
}
@media screen and (min-width:500px){
  .fixed #gNav ul li{
    width:calc(100% * 204 / 1232);
    max-width:calc(204px*.75);
  }
  .fixed #gNav ul li:nth-child(3),.fixed #gNav ul li:nth-child(4){
    width:calc(100% * 310 / 1232);
    max-width:calc(310px*.75);
  }
}
/* __TB over__ */
@media screen and (min-width:768px){
  .head{
    position:relative;
    max-width:1428px;
    margin:0 auto;
    background-color:none;
  }
  /* .head h1 img{
    width:100%;
    height:750px;
    object-fit:cover;
  } */
  .headCopyright{
    position:absolute;
    bottom:-20px;right:24px;
    margin:0;
    line-height:0;
  }
  h2{
    max-width:400px;
    margin-bottom:16px;
    height:56px;
  }
  h2 img{
    height:40px;
  }
  h2::before{
    border-width:28px 0 28px 15px
  }
  h2::after{
    border-width:28px 15px 28px 0
  }
}
/* __PC over__ */
@media screen and (min-width:1080px){
  h2{
    top:-28px;
    margin-bottom:24px;
  }
  #contact p{
    text-align:center;
  }
}

span.area{
  display:inline-block;
  padding:2px 4px;
  border-radius:6px;
  font-weight:bold;
  color: #fff !important;
}
.area01{background-color:var(--BLU);}
.area02{background-color:var(--YEL);}
.area03{background-color:var(--RED);}


/*________________________________________#about */
.aboT-img{
  display:flex;
  justify-content:space-between;
  margin-bottom:24px;
}
.aboTimg01{
  width:60%;
  margin:0 0 0 -10%;
}
.aboTimg02{
  width:60%;
  margin:10px -10% 0 0;
}
.aboTimg01 img,.aboTimg02 img{
  box-shadow:1px 4px 10px 0 rgba(0,0,0,.3);
  border:6px solid #FFF
}
.aboTimg01 img{
  transform:rotate(6deg)
}
.aboTimg02 img{
  transform:rotate(-7deg)
}
.aboT-txt h4{
  color:var(--BRN);
}
.aboT-txt span.area{
  margin:0 2px 4px 2px;
}


/* __SP only__ */
@media screen and (max-width:767px){
}
/* __TB only__ */
@media screen and (min-width:768px) and (max-width:1079px){
}

/* __SP & TB only__ */
@media screen and (max-width:1079px){
}

/* __TB over__ */
@media screen and (min-width:768px){
  .aboT-img{
    width:50%;
    max-width:360px;
    float:right;
    flex-wrap:wrap;
    justify-content:center;
    padding-left:24px;
  }
  .aboTimg01{
    width:90%;
    margin:0;
  }
  .aboTimg02{
    order:1;
    width:90%;
    margin:0;
  }
}
/* __PC over__ */
@media screen and (min-width:1080px){
}

/*________________________________________#map */
.mapImg{
  margin-bottom:16px;
  text-align:center;
}
.mapBox{
  margin-bottom:16px;
}
.mapBox dd {
  padding:5px 0 10px;
  margin-bottom:10px;
  border-bottom: 1px dashed var(--BRN);
}
.mapBox dt span{
  margin-bottom:2px;
  padding:4px 10px;
  font-size:1.2em;
}
.mapPoint{
  color:var(--PNK);
  font-weight:bold;
}
/* __TB over__ */
@media screen and (min-width:768px){
  .mapImg{
    margin-bottom:24px;
  }
  .mapBox{
    margin-bottom:40px;
  } 
  .mapPoint{
    margin-top:5px;
    text-align:center;
    font-size:1.25em;
  }
}
.areaMap{
  width:100%;
  border:min(1.2vw,6px) solid #67AA26;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-color:var(--RED);
  margin-bottom:8px;
}
.areaMap > div{
  width:calc(50vw*2380/890);
  max-width:1400px;
  margin:0 auto;
}
.areaMap div img{
  vertical-align:top
}
.areaMap::-webkit-scrollbar{
  -webkit-appearance:none;
  width:10px;
  height:10px;
  background:rgba(103,170,38,.5)
}
.areaMap::-webkit-scrollbar-thumb{
  border-radius:4px;
  background-color:var(--RED)
}
.areaBox{
  margin-bottom:24px;
}
.areaBox > h3{
  padding:0;
  margin:0 auto 16px;
  text-align:center;
}
.areaBox > h3::before{
  display:none;
}

.boothList:after,.boothList:before {
  content: "";
  display: block;
  clear: both;
} 
.boothList{
  display:flex;
  flex-wrap:wrap;
}
.boothList > dt{
  float:left;
  /* display:flex;
  justify-content:center; */
  width:30px;
  margin-bottom:4px;
}
.boothList > dt span{
  display:block;
  background-color:red;
  width:22px;
  height:22px;
  border-radius:22px;
  line-height:22px;
  font-size:.85em;
  color:#FFF;
  text-align:center;
}
.boothList > dt.maruL{
  width:80px;
}
.boothList > dt.maruL span{
  width:72px;
  font-size:75%;
}
.boothList > dd{
  width:calc(100% - 30px);
  margin-bottom:4px;
}
.boothList > dd.maruL{
  width:calc(100% - 80px);
}
.boothList > dt span.oyako{
  background:#ED7767!important;
  border-radius:4px!important;
}
.boothList > dt span.info{
  background:#5FC1C7!important;
  border-radius:4px!important;
}
.boothList > dt span.op{
  background:#888!important;
  border-radius:4px!important;
}
.txt-area01.boothList dt span{background-color:var(--BLU);}
.txt-area02.boothList dt span{background-color:var(--YEL);}
.txt-area03.boothList dt span{background-color:var(--RED);}
.txt-area04.boothList dt span{background-color:var(--NVY);}
.popUp{
  position:relative;
  display:inline-block;
  padding-right:16px;
}
.popUp::after{
  position:absolute;
  right:0;
  top:5px;
  display:inline-block;
  /* width:18px;
  height:18px;
  border-radius:2px;
  border:2px solid var(--BLU);
  line-height:18px;
  text-align:center; */
  font-size:13px;
}
.popCont{
  width:calc(100% + 30px);
  padding:8px 16px;
  margin:8px 0 16px -30px;
}
.maruL .popCont{
  width:calc(100% + 80px);
  margin-left:-80px;
}
.popCont p:last-of-type{
  margin-bottom:0;
}
.txt-area01 .popCont{background-color:#DDEFF8;}
.txt-area02 .popCont{background-color:#FCF4D9;}
.txt-area03 .popCont{background-color:#F9E3E1;}
.popInner h3{
  margin-bottom:.5em;
  padding-left:0;
  font-size:1.3em;
}
.popInner h3::before{
  display:none;
}
.popInner h4{
  color:var(--BRN);
  font-size:1em;
}
.popI-01 h3{color:var(--BLU);}
.popI-02 h3{color:var(--YEL);}
.popI-03 h3{color:var(--RED);}
.popBnr{
  max-width:240px;
  margin-bottom:8px;
  border: 1px solid #CCC;
}
dl.popLink{
  margin-top:8px;
}
.popLink dt{
  margin-bottom:.2em;
  border-radius:4px;
  background-color:var(--BRN);
  color:#FFF;
  text-align:center;
}
.popLink dd{
  margin-bottom:.8em;
}
.popLink dd a{
  word-break: break-all;
}
.popImg{
  margin-bottom:5px;
}
.popAbout{
  background-color:rgba(2525,238,198,.6);
  padding:1em 10px;
  border-radius:4px;
}
.popAbout h5{
  padding:.5em;
  margin-bottom:10px;
  background-color:#FFF;
  font-size:1.1em;
  text-align:center;
}
.popAbout h5 img{
  max-width:170px;
  margin:-.3em auto;
}
.popAbout p{
  margin-bottom:.5em;
}
.areaEvent{
  max-width:300px;
  border: 3px solid rgba(113, 76, 66, .4);
  background-color:#FFF;
  padding:16px 16px 1px;
  margin-top:16px auto 0;
  border-radius: 8px;
}
.areaEvent img{
  border:1px solid #CCC;
}
/*___________sp only*/
@media screen and (max-width:767px){
  .areaBox > h3{
    width:94vw;
    margin-left:-4vw;
  }
  /* .modaal-close{
    top:2vw;right:2vw
  } */
}

/*___________tb over*/
@media screen and (min-width:768px){
  .areaBox{
    margin-top:68px;
    margin-bottom:40px;
    border:4px solid rgba(113, 76, 66, .3);
    border-radius:10px;
    padding:24px;
  }

  .areaBox > h3{
    margin-top:-56px;
    margin-bottom:24px;
  }
  dl.popLink{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
  }
  .popLink dt{
    width:8em;
    margin-bottom:.5em;
  }
  .popLink dd{
    width:calc(100% - 8em);
    padding-left:.5em;
    margin-bottom:.5em;
  }
  .areaEvent{
    margin-left:auto;
    margin-right:0;
  }
}




/*________________________________________#stage */
.stageBox{
  padding:min(2vw,16px) min(4vw,24px);
  margin:8px 0 16px;
  overflow:hidden;
  border-radius:6px;
  background-color:#FFF;
  box-shadow: 0 0 10px rgba(0,0,0,.2);
}
/* .stageB-logo{
  text-align:center;
}
.stageB-txt .cast{
  margin-bottom:6px;
  font-weight:bold;
}
@media screen and (min-width:768px){
  .stageBox{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
  }
  .stageB-logo{
    width:35%;
    margin:0;
  }
  .stageB-txt{
    width:65%;
    padding-left:min(4vw,24px);
  }
}
 */
.stageList{
	margin-top:24px;
}
.stageList h3{
	padding-left:0;
	border-radius:6px;
	color:#FFF;
	text-align:center;
}
.stageList h3::before{
	display:none;
}
.stageList h3 .fontS{
	font-size:.7em;
}
.stageList .fontMaru{
	background:#FFF;
  font-size:.7em;
}
.stageSAT h3{
	background:#3978A4;
}
.stageSAT h3 .fontMaru{
	color:#3978A4;
}
.stageSUN h3{
	background:#D3655A
}
.stageSUN h3 .fontMaru{
	color:#D3655A
}


.staMC{
	display:flex;
  flex-wrap:wrap;
}
.staMC dt{
  width:5.5em;
}
.staMC dd{
  width:calc(100% - 5.5em);
}
.staBox{
	display:flex;
	flex-wrap:wrap;
	border-bottom:1px dashed var(--BRN);
  padding-bottom:.8em;
	margin-bottom:.8em;
}
.staB-Time{
  width:100px;
  padding:.2em 0;
}
.staB-Time img{
  margin-top:4px;
}
.staB-Txt{
  width:calc(100% - 100px);
  padding-left:8px;
  font-size:1.2em;
  font-weight:bold;
}
.staB-Txt a{
  color: var(--BRN) !important;;
}
.staB-Img{
  width:100%;
  padding-top:8px;
	text-align:center;
}
.staB-Img p{
  margin:2px 0 0 0;
  font-size:.9em;
}
.staB-Img p span{
  display:inline-block;
}
.stageList dl dt{
	width:4em;
	padding-right:1em;
	padding-bottom:.8em;
	text-align:center;
}
.stageList dl dd{
	align-self:center;
	width:calc(100% - 4em);
}
.stageList dl dd h4{
	margin-bottom:.5em;
	color:var(--BRN);
}
.stageLogo{
	text-align:center;
}
.stageCast img{
	margin-bottom:5px;
}

/* __SP only__ */
@media screen and (max-width:767px){
    .stageTab{
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    align-items:flex-end;
    padding:0;
    margin-bottom:1em;
    border-bottom:2px solid var(--BRN);
  }
  .stageTab li{
    width:50%;
    padding-right:5px;
    padding-left:5px;
  }
  .stageTab li h3{
    margin-bottom:0;
    border-radius:6px 6px 0 0;
  }
  .stageTab li.select h3{
    padding:10px 0;
  }
  .stageCont h3{
    display:none;
  }
  #stage02{
    display:none;
  }
}
/* __TB only__ */
@media screen and (min-width:768px) and (max-width:1079px){
}

/* __TB over__ */
@media screen and (min-width:768px){
  #stage01,#stage02{
    display:block !important;
  }
  .stageTab{
    display:none;
  }
  .stageList h3{
    margin-bottom:10px;
  }

}

.eventBox h3{
  padding-left:0;
  margin:0 auto 16px;
}
.eventBox h3::before{
  display:none;
}
/* __TB over__ */
@media screen and (min-width:768px){
  .eventBox h3{
    margin-bottom:24px;
  }
}

ul.sponsorList{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  list-style:none;
  padding-left:0;
  margin:0 auto 16px;
}
.sponsorList li{
  max-width:300px;
  padding:0 5px 10px;
}
.sponsorList li a{
  display:block;
  border:1px solid #CCC
}
.dekiruBox{
  padding:8px 5px;
  margin-bottom:16px;
  background:#FFF;
  box-shadow:1px 4px 10px 0 rgba(0,0,0,.3);
  text-align:center;
  font-feature-settings:"palt";
}
p.dekiruTxt{
  width:100%;
  margin-bottom:8px;
  font-weight:bold;
  font-size:min(min(4.6vw,1.15em))
}
.dekiruBox h3{
  width:100%;
  padding:0;
  margin:0;
  font-size:min(3.85vw,1em)
}
.dekiruBox h3::before{
  display:none;
}
/* __TB over__ */
@media screen and (min-width:768px){
  .dekiruWrap{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
  }
  .dekiruBox{
    display:flex;
    flex-wrap:wrap;
    align-content:center;
    justify-content:center;
    width:49%;
    min-height:9em;
  }
}
/* __PC over__ */
@media screen and (min-width:1080px){
  .dekiruBox{
    width:32.333333%;
  }

}
.head .forSP,.head .hiddenSP{
  position:relative;
}
.head .headLink{
  position:absolute;
  top:0;right:0;
  display:block;
  width:calc(100% * 482 / 900);
  max-width:482px;
  animation: fuwafuwa 3s infinite;
}
/* __TB over__ */
@media screen and (min-width:768px){
  .head .hiddenSP{
    display:block;
  }
  .head h1 .headBg img{
    width:100%;
    height:974px;
    object-fit:cover;
  }
  .head .headLink{
    right:10%;
    max-width:485px;
  }
}
@keyframes fuwafuwa {
  0% {transform:translateY(0)}
  50% {transform:translateY(5px)}
  100% {transform:translateY(0)}
}


/*________________________________________終了 */
#eventEnd{
  padding-top:min(4vw,40px);
  padding-bottom:min(4vw,40px);
  background-color:#AFDDF0;
}
#eventEnd .inner{
  padding-top:min(4vw,40px);
  margin-top:0;
  margin-bottom:0;
  
}
.endLead,#eventEnd .txtC{
  color:var(--RED);
  text-align:center;
  font-weight:bold;
}
.endLead{
  margin-bottom:3vw;
}
#eventEnd h2{
  top:0;
  background:var(--RED);
}
#eventEnd h2::before,#eventEnd h2::after {
  border-color: var(--RED) transparent;
}
/*___________tb over*/
@media screen and (min-width:768px){
    #eventEnd .inner{
    padding-top:40px;
  }
  .endLead,#eventEnd .txtC{
    font-size:1.3em;
  }
  #eventEnd h2{
    max-width:none;
    padding:10px 10px 12px;
    height:60px;
    font-size:3em;
  }
  #eventEnd h2::before{
    border-width:30px 0 30px 15px;
  }
  #eventEnd h2::after{
    border-width:30px 15px 30px 0
  }
  #eventEnd table{
    margin-left:auto;
    margin-right:auto;
  }
}