@charset "utf-8";
html,body{margin: 0;padding: 0;}

body{font-size: 1rem;background: #1C1B1B;font: 16px;color: #343434;line-height: 1.5;text-align: center;font-family: 'Oswald',"Noto Sans Japanese","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;padding-top: 45px;font-weight:300;}

a{transition: 0.5s;}
a:hover{opacity: 0.8;}

ul,li{list-style: none;margin: 0 auto;padding: 0;}

.heroarea{display: flex;overflow: hidden;margin: 0;padding: 0;flex-direction: column;height: 100vh;width: 100%;}
.cornerarea{display: block;/* background: #582138; */overflow: hidden;margin: 100px auto 20px;padding: 0 10px;}

.maintitle{display: block;margin: auto;width: calc(100% - 40px);max-width: 1200px;}

h1,h2{
    margin: 0;
    padding: 0;
    font-family: 'Oswald', sans-serif;
    font-weight: lighter;
    font-size: 4rem;
    color: #ffffff;
    display: block;
    margin: auto;
    /* text-align: left; */
    max-width: 1200px;
    width: calc(100% - 40px);
}



.maintitle h1{font-size: 6rem;line-height: 1;filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));text-align: center;margin-top:30px;width: 100%;}
.maintitle h1 .kessyo{font-size:70%;vertical-align:middle;margin: 20px auto;display: block;font-weight:bold;}
.maintitle img{
    display: block;
    width: 100%;
    height: auto;
    max-width: 500px;
    margin: 0 auto 10px;
}
.titlesub{display: block;margin: 5px auto 0;font-family: 'Oswald',sans-serif;color: #fff;font-size: 2rem;filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));}

/*Time Tableの日程切替えタブ設定-----------*/

.tabset{display: flex;flex-direction: row;flex-wrap: nowrap;margin: 0 auto 10px;max-width: 1200px;padding: 0;width: calc(100% - 20px);border-radius: 5px;overflow: hidden;}
.tabset .tab{display: block;margin: 0 auto;text-align: center;width: 50%;background: #3c3c3c;cursor: pointer;padding: 5px 0;color: #7b7b7b;}
.tabset .tab .big{font-size:200%;font-family:'Oswald',sans-serif;font-weight:lighter;margin-right:10px;}
.tabset .tab:hover{opacity:0.8;}

.tabbodyset{width:calc(100% - 20px);}

.tabset .tab.current{background: #C6B665;color: #fff;/* border-bottom: 3px solid #C6B665; */}







table {
	width: 100%;
	border-collapse: collapse;
	max-width: 1200px;
	margin: 0 auto;
	height: 100%;
	background: black;}
th, td  {
	padding: 4px;
	width: calc(100% / 8);
	background: rgba(255, 255, 255, 0.3);
	word-break: break-all;
	line-height: 1rem;
	font-size: 12px;
	border-collapse: collapse;
	border-right: none;
	border-bottom: none;
	height: calc(100% - 10px);
	width: 300px;/*dammy_size*/}
th  {
	background: #565656;
	border-right: 1px solid #C6B665;
	padding: 10px 0;
	color: #C6B665;
	word-break: break-word;
	flex-basis: 10%;/* width: 15%; */
	border-top: 1px solid #C6B665;
	border-bottom: 1px solid #C6B665;}
th:last-child{border-right:none;}


.color-01{background: #ddd;}
.color-02{background: #eedcdc;}
.color-03{background: #b2d7d7;}
.color-04{background: #ddd;}
.color-05{background: #ddd;}

th.time00{
    border-bottom: none;
    width: 10%;
    border-top: 1px solid #C6B665;
}

th.time30{
    border-top: none;
    width: 10%;
    flex-basis: 10%;
}

.cellinner{background: #e6e6e6;border-radius:3px;height: 100%;display: table;margin: auto;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);text-decoration: none;color: #000;width: 100%;overflow: hidden;}
.cellinner0{margin:2px;padding: 0;background: transparent;border-radius:none;height: 100%;display: flex;margin: auto;box-shadow: none;text-decoration: none;color: #FFF;}
/*
_:-ms-lang(x)::-ms-backdrop,.cellinner{height: calc(100% - 30px);}
*/

.cellinner.ws48c{background: #d2edff;}
.cellinner.ws24c{background: #b8c7e6;}
.cellinner.tr01c{background: #fde6c3;}
.cellinner.tr02c{background: #ffd6e5;}
.cellinner.sci{background: #9a694b;color: #fff;}
.cellinner.scd{background: #9A8F4A;color: #fff;}
.cellinner.sc2{background: #796953;color: #fff;}

.cellbox{margin: auto;overflow: hidden;padding: 10px;box-sizing: border-box;}


.stage_a_ttl{background:#736C10;color:#fff;/* border: none; */border-top: 1px solid #C6B665;}
.stage_b_ttl{background:#866994;color:#fff;border-top: 1px solid #C6B665;}

.icon{font-size:0.7rem;padding: 1px 5px;border-radius:3px;display: inline-block;font-family: 'Oswald';font-weight: lighter;margin-bottom: 5px;}
.scctf{background: #736C10;color: #fff;}
/*.ss15{background: #C9C9CA;color: #fff;}*/
.ss15{background: #efefef;color: #666;}
.sw00{background: #A86B44;color: #fff;}
.tr00{background: #EF9B1B;color: #fff;/* border: none; */margin:3px;}
/*.scexb{background: #017A43;color: #fff;}*/
.tr01{background: #017A43;color: #fff;}
.tr02{background: #71B6E5;color: #fff;border: none;margin:3px;}
.tr03{background: #866994;color: #fff;/* border: none; */margin:3px;}
.tr04{background: #EA5E93;color: #fff;border: none;margin:3px;}


/*.ws48{background: #71B6E5;color: #fff;*//* border: none; *//*margin:3px;}*/
/*.ws24{background: #1E469B;color: #fff;*//* border: none; *//*margin:3px;}*/



.sc{background:#736D11;color:#fff;margin:3px}
.pay{background: #4d4d4d;color: #ffef00;margin:3px;box-shadow: 1px 1px 1px #000 inset;display: inline-block;font-family: 'Oswald';font-weight: lighter;}
.pay u{text-decoration:none;font-weight: lighter;}

.cont .pay{background: #4d4d4d;color: #ffef00;margin:3px;font-weight: bold;box-shadow: 1px 1px 1px #000 inset;margin: 0 5px 0 0;/* text-align: left; *//* display: inline-block; */font-family: 'Oswald';font-weight: lighter;}
.cont .pay2{background: #bf0c47;color: #ffef00;margin:3px;font-weight: bold;box-shadow: 1px 1px 1px #000 inset;margin: 0 5px 0 0;/* text-align: left; *//* display: inline-block; */font-family: 'Oswald';font-weight: lighter;}
.cont .kids{background: #46a3f1;color: #ffef00;margin:3px;font-weight: bold;box-shadow: 1px 1px 1px #000 inset;margin: 0 5px 0 0;/* text-align: left; *//* display: inline-block; */font-family: 'Oswald';font-weight: lighter;}

table.teamtable{display: table;border-top: 1px solid #C6B665;border-left: 1px solid #C6B665;}
table.teamtable th{text-align:center;padding:3px 5px;border-right: 1px solid #C6B665;font-size:.9rem;}

table.teamtable tr{border-bottom: 1px solid #C6B665;display: table-row-group;border-right: 1px solid #C6B665;}
table.teamtable td{padding:10px;color:#fff;border-right: 1px dotted rgba(198, 182, 101, 0.2);font-size:.9rem;}
table.teamtable th.teamimg,table.teamtable td.teamimg{width: 100px;max-width:150px;text-align:center;display: table-cell;}
teamimg,table.teamtable td.teamimg{/*background:#333;*/;background: rgba(255,255,255,0.3);padding:10px;}
table.teamtable th.teamname,table.teamtable td.teamname{width: 100px;display: table-cell;}
table.teamtable th.teamregion,table.teamtable td.teamregion{width: 60px;max-width:150px;}
table.teamtable th.teamregion img,table.teamtable td.teamregion img{margin:1px;}

table.teamtable th.teammessage,table.teamtable td.teammessage{width: auto;text-align:left;}
table.teamtable td.teamimg img{display:block;width:100%;height:auto;max-width: 150px;}


table.exbtable{display: table;width: 100%;height:auto;border-top: 1px solid #C6B665;border-left: 1px solid #C6B665;margin: 0 auto;}
table.exbtable th{text-align:center;padding:3px 5px;border-right: 1px solid #C6B665;}

table.exbtable tr{border-bottom: 1px solid #C6B665;display: table-row-group;border-right: 1px solid #C6B665;}
table.exbtable td{padding:10px;color:#fff;border-right: 1px dotted rgba(198, 182, 101, 0.2);text-align: left;}
table.exbtable th.exbimg,table.exbtable td.exbimg{width: 100px!important;max-width:150px;text-align:center;display: table-cell;}
exbimg,table.exbtable td.exbimg{background: #fff;padding:10px;}
table.exbtable th.exbname,table.exbtable td.exbname{width: 150px;display: table-cell;}
table.exbtable th.exbregion,table.exbtable td.exbregion{width: 60px;max-width:150px;}
table.exbtable th.exbmessage,table.exbtable td.exbmessage{width: auto;text-align:left;}
table.exbtable td.exbimg img{display:block;width:100%;height:auto;max-width: 150px;}



@media(max-width:600px){
  th, td  {padding: 1px;}
  .cellinner{width:100%;height:100%;}

table.teamtable{border:none;background: transparent;}
table.teamtable tr{display:flex;flex-wrap:wrap;background: #656565;flex-direction: row;position: relative;overflow: hidden;border-bottom:10px solid #fff;border-right:none;}
	table.teamtable th, table.teamtable td{font-size: .9rem;}
table.teamtable th.teamimg,table.teamtable td.teamimg{width: 20%;height:100%;display:block;float: left;background: transparent;}
table.teamtable td.teamname{height:100%;display: flex;width: 40%;height: 50%;margin: auto;background: transparent;}
table.teamtable td.teamregion{height: 50%;display: flex;width: auto;margin: auto;background: transparent;border-right: none;}
table.teamtable th.teamregion img,table.teamtable td.teamregion img{margin:1px;}

table.teamtable td.teammessage{display:block;min-width: calc(100% - 20px);background: transparent;border-top: 1px dotted #8e8452;}
table.teamtable th,table.teamtable th.teamname,table.teamtable th.teamimg{display:none;}

table.exbtable{border:none;background: transparent;}
table.exbtable tr{display:flex;flex-wrap:wrap;background: #656565;/* flex-direction: row; *//* position: relative; *//* overflow: hidden; */border-bottom: 10px solid #160c0c;/* border-right:none; */}
table.exbtable th.exbimg,table.exbtable td.exbimg{width: 20%;height:100%;display:block;float: left;}
table.exbtable td.exbname{height:100%;display: flex;width: 40%;height: 50%;margin: auto;background: transparent;border-right: none;}
table.exbtable td.exbregion{height: 50%;display: flex;width: auto;margin: auto;background: transparent;border-right: none;}
table.exbtable td.exbmessage{display:block;min-width: calc(100% - 20px);background: transparent;border-top: 1px dotted #ddd;}
table.exbtable th,table.exbtable th.exbname,table.exbtable th.exbimg{display:none;}

}


.table-title{font-size: 300%;font-family: 'Oswald',sans-serif;font-weight: lighter;color: #ddd;margin: 10px auto;max-width: 1200px;text-align: left;padding-left: 30px;box-sizing: border-box;display: block;margin-top: 50px;}

.white{color: #fff;filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.7));/* font-size: 80%; */}

@media(max-width:600px){
h1,h2{font-size: 2rem;}
.tabset .tab{font-size: 0.8rem;}
.tabset .tab .big{font-size: 130%;}
.table-title{font-size: 150%;}
.pay u{display:none;}
}


@media(max-width:600px){
th.time30{width: 10%;}
}


.w01border{border-left: 10px solid #71B6E5;padding-bottom: 5px;}
.w02border{border-left: 10px solid #1E469B;padding-bottom: 5px;}
.c01border{border-left: 10px solid #EF9B1B;padding-bottom: 5px;}
.c02border{border-left: 10px solid #EA5E93;padding-bottom: 5px;}
.sc01border{border-bottom:5px solid #736E12;padding-bottom: 5px;}

.place1{background: #866994;padding: 3px 10px;border-radius: 5px;display: inline-block;font-size: 14px;vertical-align: middle;line-height: 2rem;margin-top: -10px;color: #fff;}

.place2{background: #736D11;padding: 3px 10px;border-radius: 5px;display: inline-block;font-size: 14px;vertical-align: middle;line-height: 2rem;margin-top: -10px;color: #fff;}

h2 .place1,h2 .place2{margin-left:20px}

@media(max-width:800px){
.cellinner{padding:0;height: 100%;display: flex;}
.spnocont{display: none;}
.place1,.place1{font-size:0.8rem;padding:2px 5px;line-height:1.5rem;vertical-align: middle;}

}


/*下段の詳細コマの設定---------------*/

.cont{
	display: flex;
	/*padding: 10px;*/
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	max-width: 1200px;margin: 20px auto;
	padding: 0;
	/* background: #E1E1E1; *//* border: 2px solid #C6B665; */
	box-sizing: border-box;/* box-shadow: 1px 1px 3px #000; */
	border-radius: 2px;width: 
		calc(100% - 40px);}

.cell{
	background: #ffffff;
	/*padding: 0;*/
	border-radius: 10px;
	width: calc((100% / 3) - 10px);
	margin-bottom: 1rem;
	overflow: hidden;
	flex-direction: column;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	position: relative;
	padding-bottom: 3rem;}
.cell.full{width:100%;}
.cell.full.pbt0{width:100%;padding-bottom: 0;}
.cell.half{width:49%;}
.cell.none{background:transparent;box-shadow: none;}
.cell .title{display: block;font-weight: 600;font-size: 1.3rem;text-align: left;color: #000000 !important;padding: 0 20px;}
.cell .title_in{display: block;padding: 5px 20px 10px;font-weight: normal;font-size: 0.9rem;text-align: left;color: #333;}
.cell .title_in2{display: block;padding: 5px 20px;font-weight: normal;font-size: 0.8rem;text-align: left;color: #333;}
.title_in2.bd10{font-size:0.8rem;text-align:left; border: 1px solid #8e8e8e;padding: 10px;margin: 0 auto 20px;border-radius:5px;}

.cell .title_pay{display: block;padding: 5px 20px;border-radius: 5px;font-weight: bold;font-size: 1rem;text-align: left;color: #868658 !important;}
.photos{display: flex;/* flex-direction: row; *//* flex-wrap: wrap; *//* justify-content: center; */align-items: center;width: calc(100% - 20px);text-align: center;margin: 0 auto;}
.photo{display:block;overflow: hidden;border-radius: 3px;margin: 10px 10px;}
.photo img{width: 100%;height: auto;line-height: 0;vertical-align: middle;}
.person{display: block;text-align: center;max-width: 150px;margin: 10px auto;overflow: hidden;border-radius: 10px;line-height: 0;}
.person3{display: block;text-align: center;max-width: 150px;margin: 10px 5px;overflow: hidden;border-radius: 50%;line-height: 0;width: 30%;}
.person img,.person3 img{width: 100%;height: auto;line-height: 0;vertical-align: middle;}
.cellhead{display: flex;flex-wrap: nowrap;margin: 0 auto 10px;position: relative;overflow: hidden;padding: 0;background: #000;width: 100%;}
.cellhead.nomargin{margin:0 auto;}
.double{display: flex;flex-wrap: nowrap;margin: 0 auto 10px;position: relative;overflow: hidden;padding: 0 20px;transition: 0.7s;flex-direction: column;}
.cellhead .date{display: block;background: #333;padding:5px 5px;color: #fff;text-align: center;width: 80px;margin-right: 10px;vertical-align: middle;font-family: 'Oswald';font-weight: 200;font-size: 1.5rem;}
.cellhead.nomargin .date{display: block;background: #333;padding:5px 5px;color: #fff;text-align: center;width: 140px;margin-right: 10px;vertical-align: middle;font-family: 'Oswald';font-weight: 200;font-size: 1.5rem;}

.cont_ctf .cellhead .date{background:#736E12;line-height: 3rem;}
.cont00 .cellhead .date{background:#EF9B1B;}
.cont01 .cellhead .date{background:#017A43;}
.cont02 .cellhead .date{background:#71B6E5;}
.cont03 .cellhead .date{background:#866994;}
.cont04 .cellhead .date{background:#EA5E93;}
.cont_sch .cellhead .date{background: #736E13;}

.cellhead.nomargin .date{background: #017A43;}

/*
.cont01 .cellhead .date{background:#71B6E5;}
.cont02 .cellhead .date{background:#1E469B;}
.cont03 .cellhead .date{background:#EF9B1B;}
.cont04 .cellhead .date{background:#EA5E93;}
.cont_sch .cellhead .date{background: #736E13;}
.cont_ctf .cellhead .date{background:#736E12;line-height: 3rem;}
.cellhead.nomargin .date{background: #017A43;}
*/

.double .ttl{border-radius: 5px;color: #7d3e3e;text-align: left;font-weight: bold;}
.cellhead .copy{display: block;text-align: left;padding: 8px;color: #fff;font-size: 0.8rem;vertical-align: middle;margin: auto auto auto 5px;}
.double .copy{display: block;float: left;text-align: left;}

.copy.mini{font-size: 1rem;word-break: break-all;padding: 2px 0;}
.copy.mini a,.copy a{font-weight:bold;color: #43528e;display: inline;text-decoration:none;border-bottom: dashed 1px #43528e;word-break:break-all;}
.copy.mini a:after{/* content:''; */display:block;border-bottom:2px solid #43528e;}

.copy.mini a:visited,.copy a:visited{font-weight:bold;color: #8e9ebb;border-bottom: dashed 1px #8e9ebb;}
.copy.mini a:visited:after{/* content:''; *//* display:block; *//* border-bottom:2px solid #9E9E9E; */}

.hidecont{display: none;padding: 0;margin: 10px 0;transition: 0.5s;}
.hidecont.open{height: auto;line-height: 1rem;opacity: 1;}

.opnbtn{padding: 5px 10px;background: #f7f7f7;margin:0 10px;border-radius: 5px;color: #666;border: 1px solid #868686;font-size: 0.8rem;margin-bottom: 0;margin-top: auto;cursor: pointer;width: calc(100% - 44px);position: absolute;bottom: 10px;font-size: 1rem;}
.opnbtn:before{content: '+';display: table-cell;padding: 3px;background: #a0a0a0;margin-right: 10px;width: 1rem;height: 1rem;float: left;line-height: 1rem;border-radius: 50%;color: #fff;font-size: 1rem;}
.opnbtn:after{content:'open detail';}

.opnbtn.ctft{}

/*　＋（プラス）のマーク*/
.opnbtn.ctft:before{content: '+';border-radius: 50%;color: #fff;font-size: 1.2rem;line-height: 1.3rem;width: 1.2rem;height: 1.2rem;}

/*　リストを表示させるクリックの部分の文字　*/
.opnbtn.ctft:after{content:'open team list';font-size:1.2rem !important;height: 2rem !important;}

.opnbtn.open{background: #000;}
.opnbtn.open:before{content: '-';}
.opnbtn.open:after{content:'close detail';color: #fff;}

.opnbtn.ctft.open:after{content:'close team list';font-size:1.2rem !important;height: 2rem !important;}

.stage{display: block;margin: 0 auto 40px;/* background: url(../img/bg.png); */background-size: cover;}
.stage img{max-width: 1200px;/*width:100%;*/width:100%;height:auto;filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.5));}

@media(max-width: 800px){
.maintitle h1{font-size:4rem;}
.cell,.cell.half{display: block;border-radius: 10px;width: calc(100% - 20px);margin: 0 auto 20px;}
.cell.full,.cell.full.pbt0{width: calc(100% - 20px);}
.cont{border-right: none;border-left: none;border-radius: 0;}
}


/* パソコン・スマホ共通のCSS */
#PageTopBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: -10px; /*下からのボタンの配置場所を指定*/
    right: 10px; /*右からのボタンの配置場所を指定*/
    z-index: 4;
}
#PageTopBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
    background: #C6B665; /*ボタンの背景色*/
    text-align: center; /*文字を中央に配置*/
    border-radius: 5%; /*ボタンの角を少し丸くする*/
    outline: none; /*クリックしたときの黒い枠を消す*/
}
#PageTopBtn a:hover {
    text-decoration: none;
    background: #736D11; /*マウスオーバー時の背景色*/
}

/* パソコンで表示する場合のCSS */
@media (min-width: 768px) {
#PageTopBtn {
    font-size: 13px; /*文字のサイズ*/
}
#PageTopBtn a {
    width: 100px; /*ボタンの幅*/
    /* height: 70px; */ /*ボタンの高さ*/
    padding: 10px 0; /*文字の配置場所の調整*/
}
}

/* スマホで表示する場合のCSS */
@media (max-width: 767px) {
#PageTopBtn {
    font-size: 10px;
}
#PageTopBtn a {
    width: 69px;
    height: 10px;
    padding: 15px 0 20px;
    margin-bottom: 10px;
}
}


#headmenu{display: block;position: fixed;top:0;left: 0;width: 100%;background: rgba(0, 0, 0, 0.6);height: 45px;z-index: 11;}
#headmenu ul.menu{display: flex;flex-direction: row;justify-content: space-between;margin: auto;max-width: 1200px;height: 45px;}
#headmenu ul.menu li{display: inline-block;margin: auto;/* padding: 5px; */}
#headmenu ul.menu li.logo{margin-left:0}
#headmenu ul.menu li.space{min-width: 30px;}
#headmenu a{color: #fff;text-decoration: none;font-family: 'Oswald';font-weight: lighter;overflow: hidden;display: flex;}
#headmenu a img{height: 40px;width:auto;margin: auto;}

a{text-decoration: none;}
a{color: #000;text-decoration: underline;}

.wrapper{padding-bottom: 100px;}

a.preregist{font-family: 'Oswald', sans-serif;font-weight: 200;font-size: 2em;color: #C6B665;padding: 15px 30px 15px;display: inline-block;overflow: hidden;transition: 0.2s;background: #a70000;border: 8px solid #C6B666;line-height: 2.5rem;text-decoration: none;margin: auto;width: 100%;z-index: 2;position: sticky;bottom: 0;left: 0;box-sizing: border-box;}
a.preregist span.txt_sub {font-family: 'Oswald', sans-serif;font-weight: 200;font-size: 18px;clear: both;display: block;color: #ccc;line-height: 15px;margin-top: 15px;}




.overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0);
  -webkit-transition: all .5s;
  transition: all .5s;
  z-index: 3;
}
.overlay::after {
  content: "";
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  color: rgba(255,255,255,30);
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.side-open .overlay {
  visibility: visible;
  cursor: pointer;
  background: rgba(0,0,0,0.2);
}
.side-open .overlay::after {
  visibility: visible;
  color: rgba(255,255,255,.8);
}

.side-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 240px;
  height: 100%;
  padding-top: 50px;
  text-align: left;
  font-size: 13px;
  background: #1b180c;
  z-index: 10;
  margin-right: -240px;
  transition:all 0.5s;
}

.side-open .side-menu{margin-right:0;}


.side-menu-btn {}

/* メインコンテンツ */
.wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: all .5s;
  transition: all .5s;
  z-index: 2;
}

/* サイドメニューオープン */
.side-open .wrapper,
.side-open .overlay {
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-240px, 0, 0);
}



/*ハンバーガーメニュー*/
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: fixed;
  width: 25px;
  height: 23px;
  margin-top: 10px;
  transition: 0.2s;
  top: 0;
  right: 10px;
  z-index: 12;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 10px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(10px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-10px) rotate(45deg);
}

@media (max-width: 800px){
  .side-menu{padding-top:70px;}
}

/*map*/
.infobox {
    font-family: 'Arial', sans-serif;
    display: block;
    width: 300px;
    position: relative;
    background: white;
    opacity: 0.9;  
}
.infobox .inner .header{
    background-color: #555;
    padding: 5px;
    color:#fff;
}
.infobox .inner .container {
    padding: 10px;
    font-size: 12px;
}
.infobox .inner .footer {
    text-align: right;
    padding: 10px;
}
.infobox .inner {
  border-bottom: 5px solid #0dcdbd;
}
.infobox .inner .footer button {
    padding: 5px 20px;
    background-color: #009E9E;
    border: none;
    color:#fff;
    font-size: 14px;
}
.infobox .inner .footer button:hover {
    background-color: #f7941d;
}
.infobox img {
    z-index: 1
}

.copy_c{color: #fff;}

/*サイドメニュー*/
.side-menu ul{display:block;margin:0 auto;}
.side-menu ul li{padding: 5px 10px 5px 30px;font-size:100%;}
.side-menu ul li.outer{padding:0 15px;}
.side-menu ul li a{color:#fff;text-decoration:none;text-align:center;display:block;padding:0;}
.side-menu ul li.border{
    padding: 0 15px;
}
.side-menu ul li a.slide{text-decoration:none;color: #FFF;text-indent: 0px;text-align:left;}
.side-menu ul li a img{width:100%;height:auto;}
.side-menu ul li a.slide:before{content: '▼';color: #f7e51e;transform: rotateZ( -90deg );display: inline-block;font-size: 80%;vertical-align: text-top;margin-right: 5px;transition:0.2s;margin-left: -15px;}
.side-menu ul li a.sub:before{content: '・';color: #f7e51e;transform: rotateZ( -90deg );display: inline-block;font-size: 80%;vertical-align: text-top;margin-right: 5px;transition:0.2s;margin-left: -15px;}
.side-menu ul li a:hover{text-decoration:none;color: #efe4e4;}
.side-menu ul li a:hover:before{transform: rotateZ( 0deg );}


/*MAP*/
#map_container {
  position: relative;
  padding-top: 40%;
  margin: 30px auto;
}
#map {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
@media(max-width:600px){
#map_container {
  position: relative;
  padding-top: 120%;
  margin: 30px auto;
}
}

.sp_only{display: none;}

@media(max-width:601px){
.sp_only {display: inline;}
}

.teamtable a{color: #fff;text-decoration: underline;}


pre,code{word-break: break-all;display: block;margin: 0;padding: 0;}

a img{border: none;}


.stagetable{display:flex;max-width:1200px;margin:0 auto;overflow: hidden;width: calc(100% - 40px);}
.stagetable li{
    display: block;
    width: 49%;
    height: 100%;
}
.stagetable li.between2{width:2%;}

.stagetable li .day{
  background: #333;
  color: #fff;
  /* border-bottom: 23px solid #C6B665; */
  padding: 10px;
  /* margin-bottom: 10px; */
}
.stagetable li .day .big{
    font-size: 200%;
    font-family: 'Oswald',sans-serif;
    font-weight: lighter;
    margin-right: 10px;
}

.stagetable li table{
    overflow: hidden;
    width: 100%;
    border-collapse: collapse;
    max-width: 1200px;
    margin: 0 auto 20px;
    height: 100%;
    background: #E1E1E1;
    border-right: 1px solid #C6B665;
    border-top: 1px solid #C6B665;
    border-left: 1px solid #C6B665;
}

.stagetable li table tr{border-right:none;
    border-bottom: 1px solid #c5c5c5;
}

.stagetable li table tr:last-child{
      border-bottom: 1px solid #C6B665;
}

.stagetable li table td{
    border-right: 1px dotted #d8d8d8;
    padding: 5px;
    word-break: break-all;
}


@media(max-width:600px){
.stagetable{display:block;width: calc(100% - 20px);}
.stagetable li{width: calc(100% - 40px);}
}

p.right{display:block;text-align:right;max-width:1200px;margin:0 auto;font-size:0.8rem;padding: 10px;}
p.right a{color:#fff;}

p.about{
    display: block;
    max-width: 900px;
    color: #f1f1f1;
    margin: 40px auto;
    /* font-size: 0.8rem; */
    text-align: left;
    padding: 20px;
    /* border: 3px solid #fff; */
    /* background: #000; */
    width: calc(100% - 40px);
    box-sizing: border-box;
    }
span.right{display:block;text-align:right;}


/*sponsor*/
.sponsor_area{display:block;max-width:1200px;margin:0 auto;width: calc(100% - 40px);}

.sp_title{display: block;background: #C6B665;color: #fff;padding: 5px 15px ;border-radius: 5px;font-weight: bold;font-family: 'oswald';font-weight: 300;letter-spacing: 0.02em;font-size: 1.2em;}
.sp_title span{font-size: 0.7em;font-weight: bold;}

.col1{}
.col2{}
.col4{}
.col6{}
.col3{}

.col1 ul{font-size: 0;line-height: 0;letter-spacing: -5em;margin: 10px 0 20px -5px;width: calc(100% + 5px);}
.col2 ul{font-size: 0;line-height: 0;letter-spacing: -5em;margin: 10px 0 20px -5px;width: calc(100% + 5px);}
.col4 ul{font-size: 0;line-height: 0;letter-spacing: -5em;margin: 10px 0 20px -5px;width: calc(100% + 5px);display: flex;flex-wrap: wrap;}
.col6 ul{font-size: 0;line-height: 0;letter-spacing: -5em;margin: 10px 0 20px -5px;width: calc(100% + 5px);display: flex;flex-wrap: wrap;}
.col3 ul{font-size: 0;line-height: 0;letter-spacing: -5em;margin: 10px 0 20px -5px;width: calc(100% + 5px);display: flex;flex-wrap: wrap;}

.col1 ul li{display: inline-block;box-sizing: border-box;width: calc((100% - 5px));vertical-align: top;text-align: center;background: #fff;line-height: normal;font-size: 16px;letter-spacing: normal;margin:0 0 5px 5px;border-radius: 5px;}
.col2 ul li{display: inline-block;box-sizing: border-box;width: calc((100% - 10px)/2);vertical-align: top;text-align: center;background: #fff;line-height: normal;font-size: 16px;letter-spacing: normal;margin:0 0 5px 5px;border-radius: 5px;}
.col4 ul li{display: inline-block;box-sizing: border-box;width: calc((100% - 20px)/4);vertical-align: top;text-align: center;background: #fff;line-height: normal;font-size: 16px;letter-spacing: normal;margin:0 0 5px 5px;border-radius: 5px;}
.col6 ul li{display: inline-block;box-sizing: border-box;width: calc((100% - 30px)/6);vertical-align: top;text-align: center;background: #fff;line-height: normal;font-size: 16px;letter-spacing: normal;margin:0 0 5px 5px;border-radius: 5px;}
.col3 ul li{display: inline-block;box-sizing: border-box;width: calc((100% - 15px)/3);vertical-align: top;text-align: center;background: #fff;line-height: normal;font-size: 16px;letter-spacing: normal;margin:0 0 5px 5px;border-radius: 5px;font-size: 14px;font-weight: normal!important;text-align: left;}

.col3 ul li a{font-weight: normal;}
.infra.col3 ul li{display: inline-block;box-sizing: border-box;width: calc((100% - 15px)/3);vertical-align: top;text-align: center;line-height: normal;font-size: 16px;letter-spacing: normal;margin:0 0 5px 5px;border-radius: 5px;background: transparent;}
.col3 ul li div.logoarea {background: #fff;border-radius: 5px;margin-top: 10px;padding: 10px;}

.sponsor_area ul li{padding: 10px;box-sizing: border-box;}

.infra.col3 ul li{padding: 0;}

.sponsor_area img{width: 100%;height: auto;margin-top: 0;}

.platinum .sp_title{background: #404040;}
.gold .sp_title{background: #C6B665;}
.silver .sp_title{background: #a0a0a0;}
.bronze .sp_title{background: #82573b;}
.infra .sp_title{background: #005ba2;}
.beginners .sp_title{background: #1b4020;}
.supporters .sp_title{background: #797979;}


@media(max-width:800px){
.col2 ul li{width: calc((100% - 5px));}	
.col4 ul li{width: calc((100% - 10px)/2);}	
.col6 ul li{width: calc((100% - 10px)/2);}	
.col3 ul{    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.col3 ul li{width: calc((100% - 10px)/2);}
.infra.col3 ul li{width: calc((100% - 5px));}
.infra.col3 ul li div.logoarea{margin-bottom: 10px;}
.sp_title{text-align: center;}
.sp_title span,.col3 ul li span{display: block;}
}

.slider_head_wrap{border-bottom: 3px solid #C6B665;width:100%;display:block;}
.slider_head{display:block;/* width:100%; */max-width:1180px;margin:0 auto;text-align:left;}
.slider_ttl{color: #2b2b2b;padding:5px 10px;background: #C6B665;display:inline-block;border-radius:5px 5px 0 0;font-family: 'oswald';font-weight: 100;letter-spacing: 0.02em;}

.mb20box{display: block;margin: 0 auto 20px;width: calc(100% - 40px);max-width: 1200px;font-size: 0.9rem;}

@media(max-width:800px){
.mb20box{text-align: left;width: calc(100% - 80px);}
}



.video-wrapper {
    width: 100%;
    position: fixed;
    padding-top: calc(100vh - 50px);
    background: #000;
    overflow: hidden;
    z-index: -1;
    opacity: 0.5;
}

#vjs_video_3 {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: none;
    transform: translate(-50%,-50%);
}

.vjs-big-play-button,.vjs-control-bar,.vjs-modal-dialog,.vjs-loading-spinner{display: none!important;}

video button{display: none!important;}


#preregist{position: sticky;left: 0;bottom: -100%;transition: 0.5s;background: #2900007d;padding: 5px;box-sizing: border-box;}
#preregist.show{bottom: 0;}

.footer-copyright{display: block;padding: 30px 0;width: 100%;background: #191919;position: relative;z-index: 2;}
.sec_badge{color: #fff;}

.coming{display: block;text-align: center;color: #fff;padding: 40px;font-size: 150%;}
.space{display: block;padding: 20px;}





.entry_btn {
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px auto;
}

.entry_btn a {
    display: block;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
    font-size: 2em;
    color: #ffffff;
    padding: 15px 30px 15px;
    overflow: hidden;
    transition: 0.2s;
    background: #5d2048;
    border: 8px solid #ffffff;
    line-height: 2.5rem;
    text-decoration: none;
    margin: 10px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    background: url(../img/2019btn3.png)center left no-repeat,url(../img/stopbg.jpg)center center no-repeat;
    background-size: contain,cover;
    border-radius: 20px;
    max-width: 1200px;
    margin: 10px auto;
}


#preregist h2{color:#fff;font-size:100%;font-weight:bold;}

.entry_btn p{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    line-height: 2.5rem;
}



@media (max-width: 600px){
.entry_btn p{line-height:1.3;}
.entry_btn a {
    font-size: 1.5rem;
    line-height: 1.3;
}
.entry_btn .open_day {
    display: block;
    font-size: 80%;
    line-height:1.3;
}
}


.link_white{color: #fff;}

.wrap_bg{display;block;width:100%;height:100vh;position:fixed;background:url(../img/stopbg.jpg) center center no-repeat;z-index:0;background-size:cover;top:0;left:0;}


.ws_att{display: flex;background: rgba(35, 35, 35, 0.5);box-sizing:border-box;border: 2px solid #fff;width:calc(100% - 40px);margin:0 auto;border-radius:5px;padding:20px;text-align:left;max-width: 1200px;font-size:0.9rem;line-height:1.8;color: #ffffff;text-shadow: 1px 1px rgba(0, 0, 0, 0.5);flex-direction: column;}
.ws_att .flex_col{display:flex;justify-content: space-between;min-height: 0%;}
.ws_att p{padding:0 0.5rem;}
.ws_ttl{font-size:1.2rem;font-weight:bold;display:block;padding:10px;color: #3a9be2;}
.ws_ttl.shop{font-size:1.2rem;font-weight:bold;display:block;padding:10px;color: #a0a0a0;text-align:center;}
.ws_att ul{list-style:none;padding-left: 1.5rem;margin-bottom:5px;width: calc(100% - 1.5rem);}
.ws_att ul li{text-indent:-1rem;}
.ws_att .right{display:block;width: 74%;}
.ws_att .left{display: flex;width: 25%;justify-content: space-between;}
.ws_att .left span{display:block;width: 45%;height:auto;margin: auto;overflow: hidden;border-radius: 15px;}
.ws_att .left span img{display:block;width:100%;height:auto;}

.vid{margin: 10px auto;width: 100%;}


@media(max-width:800px){
.ws_att{width: calc(100% - 60px);}

.ws_att .flex_col{flex-direction:column;}
.ws_att .right,.ws_att .left{width:100%;}
.cellbox{padding: 5px 0 0;}
}


/*.scctf{background: #736C10;color: #fff;}
.scexb{background: #017A43;color: #fff;}
.ws48{}
.ws24{}
.ss15{background: #C9C9CA;color: #fff;}
.ss15{background: #efefef;color: #666;}*/


.cellinner.col00{background:#1E469B;color: #fff; }
.cellinner.col01{background:#736C10;color: #fff; }
.cellinner.col02{background:#efefef;color: #000; }
.cellinner.col03{background:#EF9B1B;color: #fff; }
.cellinner.col04{background:#017A43;color: #fff; }
.cellinner.col05{background:#71B6E5;color: #fff; }
.cellinner.col06{background:#866994;color: #fff; }
.cellinner.col07{background:#EA5E93;color:#fff; }
.cellinner.col08{background:#A86B44;color:#fff; }

/*.cellinner.col01{background:#736C10;color: #fff; }
.cellinner.col02{background:#017A43;color: #fff; }
.cellinner.col03{background:#71B6E5;color: #fff; }
.cellinner.col04{background:#1E469B;color: #fff; }*/
/*.cellinner.col05{background:#C9C9CA;color: #000; }
.cellinner.col05{background:#efefef;color: #000; }
.cellinner.col06{background:#EF9B1B;color: #fff; }
.cellinner.col07{background:#EA5E93;color:#fff; }*/

.icon.col00i{background:#fff;color:#1E469B; }
.icon.col01i{background:#fff;color:#736C10 ; }
.icon.col02i{background:#666;color:#ffffff; }
.icon.col03i{background:#fff;color:#EF9B1B; }
.icon.col04i{background:#fff;color:#017A43; }
.icon.col05i{background:#fff;color:#71B6E5; }
.icon.col06i{background:#fff;color:#866994; }
.icon.col07i{background:#fff;color:#EA5E93; }
.icon.col08i{background:#fff;color:#A86B44; }

/*.icon.col01i{background:#fff;color:#736C10 ; }
.icon.col02i{background:#fff;color:#017A43; }
.icon.col03i{background:#fff;color:#71B6E5; }
.icon.col04i{background:#fff;color:#1E469B; }
.icon.col05i{background:#666;color:#ffffff; }
.icon.col06i{background:#fff;color:#EF9B1B; }
.icon.col07i{background:#fff;color:#EA5E93; }*/

