@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_0517_/tokyto2_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;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{position: absolute; /*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);}

/*左側*/
.sche02_01{/*わくわくアスレチック*/
width: 42%;
top: 28%;
left: 6%;
height: 6%;
}
/*左側*/
.sche02_04{/*サッカー*/
width: 22.7%;
top: 34.5%;
left: 27.5%;
height: 5.5%;
}
.sche02_02{/*はたらくくるま*/
width: 23%;
top: 40.5%;
left: 27.3%;
height: 10.5%;
}

.sche02_08{/*ダービーリボン*/
    width: 32.5%;
    top: 51.5%;
    left: 18%;
    height: 5.5%;
}

.sche02_055{/*グルメクーポン*/
width: 23%;
top: 57.5%;
left: 27.3%;
height: 5.5%;
}
.sche02_06{/*BBQ*/
width: 46%;
top: 64.5%;
left: 4%;
height: 6%;
}
.sche02_03{/*ダービー*/
width: 30%;
top: 73%;
left: 20%;
height: 14.5%;
}
/*右側*/
.sche03_01{/*シャカシャカ採掘ひろば*/
width: 34%;
top: 32.5%;
left: 57%;
height: 5.5%;
}
.sche03_02{/*プリキュア*/
width: 23%;
top: 46.5%;
left: 63%;
height: 5.5%;
}
.sche02_05{/*グルメクーポン*/
    width: 22%;
    top: 60%;
    left: 63%;
    height: 5.5%;
}
.sche03_03{/*宝塚*/
width: 30%;
top: 73%;
left: 61%;
height: 14.3%;
}
.sche02_07{/*グルメスタンプラリー*/
    width: 92%;
    top: 91%;
    left: 4%;
    height: 5.25%;
}

/*


<a href="#tokyo03_03" class="sche03_03"></a><!--宝塚-->
<a href="#tokyo02_07" class="sche02_07"></a><!--グルメスタンプラリー-->    

*/




.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;
    padding:3em 0 2em 0;
}
.wrap.kv{padding:0;}

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

section{margin:0 auto;position: relative;}
section#tokyo_02{}
section#tokyo_03{
    background: url("../images_0517_/tokyto3_bg.jpg") no-repeat top center;
    background-attachment: fixed;
     background-size: 100% auto;
}



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


.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{} 
section#tokyo_03{} 
.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: 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; }  
}