@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{ scroll-behavior: smooth;}


body{color: #000; background:#bde6f8/* #55c2f0*/;

    background: url("../images_0412/bg.svg") no-repeat;
    background-attachment: fixed;
     background-size: cover;




}



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

header #event_schedule{ width:88%;position: relative;top:-3em;margin:0 auto -2em 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(255,252,211,0.7);}
header #event_schedule a.white:hover{ background:rgba(255,255,255,0.7);}

/*左側*/
    .sche05{
    position: absolute;
    width: 23%;
    top: 29%;
    left: 24%;
    height: 6%;
    }

    .sche01{
    position: absolute;
    width: 36%;
    top: 40%;
    left: 16%;
    height: 6%;
    }

    .sche04{
    position: absolute;
    width: 41%;
    top: 51%;
    left: 15%;
    height: 6%;
    }



    .sche02{
    position: absolute;
    width: 30%;
    top: 72%;
    left: 14%;
    height: 15%;
    }

 

/*BBQ*/
    .sche12{
    position: absolute;
    width: 90%;
    top: 62%;
    left: 5%;
    height: 6%;
    }

/*スタンプラリー*/
  .sche11{
    position: absolute;
    width: 93%;
    top: 91%;
    left: 5%;
    height: 6%;
    }

/*右側*/

    .sche06{
    position: absolute;
    width: 38%;
    top: 29%;
    left: 48%;
    height: 6%;
    }

    .sche09{
    position: absolute;
    width: 23%;
    top: 37%;
    left: 72%;
    height: 6%;
    }

    .sche07{
    position: absolute;
    width: 23%;
    top: 44%;
    left: 72%;
    height: 11%;
    }

    .sche10{
    position: absolute;
    width: 23%;
    top: 55%;
    left: 72%;
    height: 6%;
    }

    .sche08{
    position: absolute;
    width: 30%;
    top: 72%;
    left: 65%;
    height: 15%;
    }






.wrap{max-width:900px;margin:auto;z-index: 1;position: relative;


background:rgba(255,255,255,0.5); 
border-left:2px solid #fff;
border-right:2px solid #fff;

}





.btnwrap{width:88%;margin:0 auto;padding:1.5em 0;}
.btnwrap a{ flex-basis: 49%;}

section{margin:0 auto;position: relative;}

section#tokyo_02{

    
    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:-7vw;margin:0 auto -5vw auto;}  
    
    
section#tokyo_02{

    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; }  
}