@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: #fdd000 url("../images/bg.svg");
 background-size:cover;
 background-attachment: fixed;
}


#sns{ background: #268300;padding:0.25em; margin:0 0 1em 0;}	
#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:1000px;margin:0 auto 2em auto;}

header #event_schedule{ max-width:900px;margin:0 auto 2em auto;padding:0 1em;position: relative;}

header #event_schedule a{position: absolute;}

header #event_schedule a.content_01{width: 27%;height: 10%;top: 29%;left: 8%; opacity: 0;}
header #event_schedule a.content_02{width: 27%;height: 10%;top: 29%;left: 36%; opacity: 0;}
header #event_schedule a.content_03{width: 27%;height: 10%;top: 29%;left: 67%; opacity: 0;}
header #event_schedule a.content_04{width:19%;  height:10%; top:46%; left:13%;opacity: 0;}
header #event_schedule a.content_05{width:21%;  height:10%; top:62%; left:13%;opacity: 0;}
header #event_schedule a.content_06{width:87%;  height:8%; top:74%; left:8%;opacity: 0}
header #event_schedule a.content_07{width:87%;  height:8%; top:83.5%; left:8%;opacity: 0;}

header #event_schedule a:hover{ background: #fff6de;opacity: 0.7}




.wrap{max-width:1000px;margin:auto; padding:0 0 2em 0;}

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


section{max-width:900px;margin:0 auto;padding:0 1em;}


.box {margin:0 0 2em 0;position: relative;}
.box.ylw{background: #fffbc9; }
.box.blu{background: #edf7fd; }
.box.pnk{background: #fbe2ed; }
.bd_blu{border-color: #2ea7e0;}
.bd_wht{border-color: #fff;}


.box .bnr{margin:2em auto 0 auto;position: absolute;bottom:4%;left:0;right:0; width:89%;}
.box .bnr.backyard{bottom:2%;}
.box .bnr.jrafun{width:77%;margin:2em auto 0 auto;}
.box .umakiz{bottom:9%;}
.box .umakizroom{max-width:77%;margin:2em auto 0 auto;bottom:2%;}
.yokoku_wrap h3{width:85%;margin:2em auto 2em auto;}

.box .bnr.bbq_yoyaku{position: absolute;bottom:5%;left:0; right:0; width:56%;}


/* フッター */
footer{ background: #fff;padding:2em 0 0 0;}
footer .inner{padding:0 1em 1em 1em;}
footer .accwrap {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{width:1000px;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{ margin:0 0 2em 0;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; }  
}