@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: url("../images1101_/tokyto05_bg.jpg") 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;margin:1em auto 0 auto;}

header #event_schedule a{position: absolute; /*background:rgba(0,0,0,0.3);*/}
header #event_schedule a.tk04:hover{    background:rgba(243,217,232,0.7);}
header #event_schedule a.tk05:hover{    background:rgba(249,242,189,0.7);}
header #event_schedule a.tk_white:hover{    background:rgba(255,255,255,0.7);}


/*第5回　東京開催*/

header #event_schedule .wakuwaku{/* わくわくアスレチックアドベンチャー */
    top: 33%;
    left: 4.1%;
    width: 48%;
    height: 8%;
}

header #event_schedule .kenketsu_1129{/* 献血 */
    top: 33.5%;
    left: 86%;
    width: 9.8%;
    height: 7.3%;
}

header #event_schedule .stageshow{/* ステージショー */
    top: 46.5%;
    left: 39%;
    width: 26.5%;
    height: 7.5%;
}


header #event_schedule .workshop{/* ワークショップ */
    top: 46.5%;
    left: 70%;
    width: 25.8%;
    height: 7.3%;
}

header #event_schedule .gourmet_1129{/* グルメクーポン */
    top: 60.5%;
    left: 70%;
    width: 25.9%;
    height: 7.3%;
}

header #event_schedule .backyard_1122_29{/* バックヤードツアー */
    top: 75%;
    left: 62.5%;
    width: 33.4%;
    height: 8%;
}


header #event_schedule .stamprally{/* スタンプラリー */
top: 86%;
    left: 3%;
    width: 94%;
    height: 10%;
}


.wrap{max-width:900px;margin:auto;z-index: 1;position: relative;
background:rgba(255,255,255,0); 
border-left:2px solid #fff;
border-right:2px solid #fff;
padding:0 0 2em 0;
}
.wrap.kv{padding:0;}


#tokyo_04 .wrap{padding:3% 0 4% 0;}
#tokyo_05 .wrap{padding:3% 0 3% 0;}


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

section{margin:0 auto;position: relative;}
section#tokyo_04{}
section#tokyo_05{
/*
background: url("../images_1018_/tokyto05_bg.jpg") no-repeat top center;
background-attachment: fixed;
background-size: 100% auto;
background-size: cover;
*/
}



.event_title{width:66%;margin:0 auto 3vw auto;}


.box {width:88%;margin:0 auto 2em auto;position: relative;}
.box:last-child{margin:0 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:2.5em;  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;}



@media screen and (max-width: 900px) {   

section#tokyo_02{} 
section#tokyo_04{} 
.event_title{width:66%;margin:0 auto 3vw 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: 768px) {
/* //////////////////////////////////////////////////*/

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

 
.wrap{
background:rgba(255,255,255,0.5); 

}    
    

/* フッター */
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; }  
}