@charset "UTF-8";
/*--------------------------------------------------
reset
-----------------------------------------------------*/
body{width: 100%;letter-spacing: 0;text-align: left;}
body, p, dl, ol, ul, h1, h2, h3, h3, h4, h5, h6, form, table, td, dt, dd {margin: 0;padding: 0;}
img{border: none; vertical-align:middle;}
ol,ul{list-style-type: none;}
table {/*border-collapse: collapse;*/border-spacing: 0;}

.sp{display:block;}
.pc{display:none;}

.flex{display:flex; justify-content: space-between; align-items: center;}
.inner{}
/* スクロールで　フェードイン表示 */
.fade{opacity:0;}
.fadein{opacity:1.0;}
.ts1{transition: 1.0s}

/* アスタリスク　注釈用 */
ul.ast {	list-style: none;font-size: 90%;margin: 0.5em 0;}
ul.ast li {	margin: 0 0 5px 0;	padding-left: 1em;	text-indent: -1em;}
ul.ast li:before {	content: "\203b";	color: #000;}
ul.ast li.red:before {	content: "\203b";	color: #f00;}

.youtube {
position: relative;
padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
padding-top: 0;
height: 0;
overflow: hidden;
margin-bottom: 0; /* YouTubeの下に余白をつける */
margin-top:0;
margin-left:auto;
margin-right:auto;
background: #000;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
a{transition: 0.3s;}
a:hover{opacity:0.6;}
.fb-share-button{position: relative;top:-2px;}

/*右下固定リンク　「先頭に戻る」他　*/
#jumpbtn { position:fixed; right:0; bottom:0;z-index:500;}
#jbtnbox a{display:block;padding:0.5em; background: #000;color:#fff;position:relative;text-decoration: none;}
#jbtnbox a:hover{ 
opacity:1;	
}

#content #jbtnbox a i{font-size:280%;position: relative;left:-3px;margin:0 5px 0 0;color:#eda4c2;}
#content img.protect {
pointer-events: none;
user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
-khtml-user-select:none;
-webkit-user-drag: none;
-khtml-user-drag: none;
-webkit-touch-callout: none; 
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}

/*--------------------------------------------------
common
-----------------------------------------------------*/
html,body {color: #000;  background: #c8e5f7;scroll-behavior: smooth;}


#sns{ background: #268300;padding:0.25em;}	
#sns .logo{flex-basis: 20%;}	
#sns .fb-share-button{margin:0 0 0 1em;}

#content {font-family: sans-serif;}
#content img{width:100%;height:auto;}

header {margin: 0 auto; position:relative;}
header #kv {max-width:900px;margin:0 auto;background: #22ac38;}

header #event_schedule{ width:88%;position: relative;top:-2em;margin:0 auto -1em auto;}


/*a.sche{    background:rgba(0,0,0,0.7);}*/
a.sche2:hover{    background:rgba(222,229,244,0.7);}
a.sche23:hover{    background:rgba(255,255,255,0.7);}


/*header #event_schedule a{border:1px solid #000;}*/
header #event_schedule a:hover{ background:rgba(237,245,229,0.7);}


    .sche01{position:absolute;
    width: 80%;
    top: 30%;
    left: 5.5%;
    height: 14.2%;
    }

    .sche02{position:absolute;
    width: 31%;
    top: 45%;
    left: 54.5%;
    height: 7.3%;
    }

    .sche03{position:absolute;
    width: 31%;
    top: 53%;
    left: 54.5%;
    height: 7.3%;
    }


    .sche04{position:absolute;
    width: 39%;
    top: 64%;
    left: 50%;
    height: 19.5%;
    }

    .sche05{position:absolute;
    width: 90%;
    top: 86%;
    left: 5%;
    height: 8%;
    }

.wrap{max-width:900px;margin:auto;z-index: 1;position: relative;background: #005eae;}
.btnwrap{width:88%;margin:0 auto;padding:1.5em 0;}
.btnwrap a{ flex-basis: 49%;}

section{margin:0 auto;position: relative;}
section#tokyo_2{background: #005eae;padding:0 0 3em 0;}
section#tokyo_03{background: #22ac38;padding:1em 0 2em 0;}

.box {width:88%;margin:0 auto 2em auto;position: relative;}
.tokyo3event{position: absolute;left:0;right:0; top:-0.45%; width:77%;margin:auto;}

.box .btn_sanka_app{position: absolute;width:90%;left:0;right:0;bottom:2em;  margin:auto;}
.box .btn_sanka_app.umakiz{position: absolute; width:90%;left:0;right:0;bottom:8em;  margin:auto;}
.box .btn_yoyaku_here{position: absolute;width:66%;left:0;right:0;bottom:3em;  margin:auto;}
.box .umakiz_here{position: absolute;width:70%;left:0;right:0;bottom:2.5em;  margin:auto;}
.box .btn_sanka_here{position: absolute;width:66%;left:0;right:0;bottom:2.5em;  margin:auto;}


#umaca a{position:absolute;width:90%;left:0;right:0;margin:auto;}
#umaca a.umaca01{bottom:22%;}
#umaca a.umaca02{bottom:12.5%;}
#umaca a.umaca03{bottom:3%;}


@media screen and (max-width: 900px) {   
 header #event_schedule{ top:-3vw;margin:0 auto -3vw auto;}  
    
    
section#tokyo_2{background: #005eae;padding:0 0 7vw 0;}
section#tokyo_03{background: #22ac38;padding:4vw 0 1em 0;}  
.tokyo3event{position: absolute;left:0;right:0; top:-0.5%; width:77%;margin:auto;}    
    
    
.box {margin:0 auto 1em auto;}   
.box .btn_sanka_app{bottom:3vw; }
.box .btn_sanka_app.umakiz{bottom:14vw; } 
.box .btn_yoyaku_here{bottom:4vw; width:77%;}  
.box .umakiz_here {bottom:4vw; width:77%;}
.box .btn_sanka_here {bottom:4vw; width:77%;}

}

/* フッター */
footer{ background: #fff;padding:2em 0 0 0;}
footer .inner{padding:0 1em 1em 1em;}
footer .accwrap {max-width:700px;margin:0 auto 4em auto;}

footer .accwrap img{width:100%;height:auto;}

footer .notice_wrap {max-width:900px;margin:0 auto 2em auto;}


footer .baken {}
footer .baken a{color:#000;text-decoration: none;}
footer .baken span{display:block;}
footer .bottom_green{ background: #268300; padding:2em;text-align: center; color:#fff; margin:1em 0 0 0;}
footer .bottom_green .bnr_wrap{ margin:0 0 1em 0; flex-flow:row wrap;}
footer .bottom_green .bnr_wrap a{flex-basis:48%;margin:0 0 1em 0;}


/* //////////////////////////////////////////////////*/
@media screen and (min-width: 48em) {
/* //////////////////////////////////////////////////*/

.sp{display:none;}
.pc{display:block;}
#sns .logo{flex-basis: 8%;}		
#sns .inner{max-width:900px;margin:0 auto;}	


/* フッター */
footer{ background: #fff;padding:2em 0 0 0;}
footer .baken {font-size:144%;}
footer .baken span{display:inline-block;margin:0 0.75em 0 0}
footer .bottom_green{ background: #268300; padding:2em;text-align: center; color:#fff; margin:2em 0 0 0;}
footer .bottom_green .bnr_wrap{max-width: 900px; margin:0 auto 2em auto;flex-flow:row nowrap;}
footer .bottom_green .bnr_wrap a{flex-basis:22%;margin:0;}	

/* //////////////////////////////////////////////////*/
} /* //////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////*/

@media print {
.fade{opacity:1;}
.fadein{opacity:1.0;}	
#content #jumpbtn {display:none; }  
}