@charset "UTF-8";
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.1em;
	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}

body {
	
}

_:lang(x)::-internal-media-controls-overlay-cast-button, img {
image-rendering: -webkit-optimize-contrast;
}

/*文字サイズ1remに指定*/
html {
	font-size: 62.5%;
	height: -webkit-fill-available;
}

.clearfix:after {
	content: "";/*指定したタグの直後に空のコンテンツを生成*/
	display: block;/*ブロック要素に変換*/
	clear: both;/*回り込みを解除*/
}
/*link*/
a:link { /* リンク */
	color: #000;
	text-decoration: none;
}
a:visited { /* 既に見たリンク */
	color: #000;
	text-decoration: none
}
a:hover { /* クリック時のリンク */
	color: #000;
	text-decoration: none
}
a:active { /* カーソルが上にある時のリンク */
	color: #000;
	text-decoration: none
}
/*reset*/

a {
	cursor: pointer;
}
.clearfix {
	display: block;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
img {
	border-style: none;
	vertical-align: bottom;
}
/*head*/




.main_contens {
	margin:25px auto 25px auto;
	padding: 30px;
	width: 900px;
	border-radius:15px;
	background:#FFF;
}

@media (max-width: 820px) {
.main_contens {
	width:95%;
	padding:20px 10px;

}
}

/******************

TOP

*******************/

#top {
	height:auto;
	width:100%;
	text-align:center;
	background-image: url("../img/top_back_pc.png");
	background-size:cover;
	background-repeat: no-repeat;
	background-position:top;
	margin: 0 auto;

}

.top_image img{
	height:auto;
	width:100%;
	max-width: 800px;
	text-align:center;
	margin: 0 auto;
	padding-bottom: 3rem;
	}

.top_log img {
	width: 15%;
	margin:0 auto;
	text-align:center;
	padding-top: 2.5rem ;
	padding-bottom: 1rem;
	display: block;
}

@media (max-width: 769px) {
	
	#top {
		background-image: url(../img/top_back.png);
		background-size:cover;
	}
	
	.top_image img{
		width:98%;
		padding-bottom: 1.5rem;
	}
	
	.top_log img {
		width: 25%;
		text-align:center;
		padding-top: 2.5rem;
	}
	
}



/******************

ナビゲーション

*******************/

nav {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background-color:#7dd8fd;
	text-align:center;
	width: 100%;
	color: #fff;
	padding: 5px;
	z-index: 100;
}

 /*メニュー*/
.menu_box_01{
	width: 88%;
	max-width: 48rem;
	margin: 1rem auto;
}


.menu_nav01 {
	display:flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin:1.0rem;
}


.menu_nav01 li {
	list-style: none;
	text-align:center;
}

.menu_nav01 li a{
	white-space: nowrap;
	margin: 0 auto;
	padding:0.7rem 2rem;
	display:block;
	position:relative;
}

.menu_nav01 img{
	width: 17rem;
}

@media (max-width: 769px) {
	
	.menu_nav01 {
	flex-wrap: wrap;
	}
	
	.menu_nav01 li a{
		padding:0.7rem 0.7rem;
	}
	
	.menu_nav01 img{
		width: 13.5rem;
	}
	
}


/******************

メイン

*******************/

.main{
	background-color:#FFF;
}

/******************

セクション1　イベントの詳細

*******************/
#section_01{
	background-image: url(../img/event_back.png);
	background-size:contain;
	background-position:top;
	background-color:#FFF;
}

.event_gaiyou01 {
	font-size:min(4vw,20px);
	text-align:center;
	margin: 0 auto;
	width: 100%;
	line-height: 200%;
	max-width: 800px;
	position: relative;
}

.event_gaiyou01 img {
	height:auto;
	width:100%;
	text-align:center;
	margin: 3rem auto;
}

@media (max-width: 1040px) {
	
	#section_01{
		background-size:cover;
	}
}

@media (max-width: 769px) {
	
	#section_01{
		background-size:cover;
	}
		
	.event_gaiyou01 img{
	width:98%;
	}
	
}


/*地図アイコン*/
.section01_icon01{
	position: absolute;
	left: 29%;
	bottom: 25%;
}
.section01_icon01 img{
	width: 15rem;
}


.section01_icon02{
	position: absolute;
	left: 29%;
	bottom: 11%;
}
.section01_icon02 img{
	width: 15rem;
}


@media (max-width: 769px) {
		
	.section01_icon01{
	position: absolute;
	left: 30%;
	bottom: 24%;
	}
	.section01_icon01 img{
	width: 7rem;
	}
	
	.section01_icon02{
	position: absolute;
	left: 30%;
	bottom: 11%;
	}
	.section01_icon02 img{
	width: 7rem;
	}
}



/******************

セクション2　ストーリー

*******************/
#section_02{
	background-image: url("../img/story_back.png");
	background-size:contain;
	background-position:top;
	background-color:#FFF;
}

.event_gaiyou02 {
	font-size:min(4vw,20px);
	text-align:center;
	margin: 0 auto;
	width: 100%;
	line-height: 200%;
	max-width: 800px;
	position: relative;
}

.event_gaiyou02 img {
	height:auto;
	width:100%;
	text-align:center;
	margin: 3rem auto;
}

@media (max-width: 1040px) {
	
	#section_02{
		background-size:cover;
	}
}

@media (max-width: 769px) {
	
	#section_02{
		background-size:cover;
	}
		
	.event_gaiyou02 img{
	width:98%;
	}
	
}

/*フーのアイコン*/
.section02_icon01{
	position: absolute;
	left:29%;
	bottom: 5%;
}
.section02_icon01 img{
	width: 30rem;
}

@media (max-width: 769px) {
		
	.section02_icon01{
	position: absolute;
	left: 25%;
	bottom: 4%;
	}
	.section02_icon01 img{
	max-width: 16rem;
	}
}

/******************

セクション3　あそびかた

*******************/
#section_03{
	background-image: url("../img/asobi_back.png");
	background-size:contain;
	background-position:top;
	background-color:#FFF;
}

.event_gaiyou03 {
	font-size:min(4vw,20px);
	text-align:center;
	margin: 0 auto;
	width: 100%;
	line-height: 200%;
	max-width: 800px
}

.event_gaiyou03 img {
	height:auto;
	width:100%;
	text-align:center;
	margin: 3rem auto ;
}

@media (max-width: 1120px) {
	
	#section_03{
		background-size:cover;
	}
}

@media (max-width: 769px) {
	
	#section_03{
		background-size:cover;
	}
		
	.event_gaiyou03 img{
	width:98%;
	}
	
}

/*地図のアイコン*/
.section03_icon01{
	position: absolute;
	top: 16.5%;
	left: 50%;
    transform: translateY(0) translateX(-50%);
    -webkit- transform: translateY(0) translateX(-50%);
    margin: auto;
}
.section02_icon01 img{
	width: 30rem;
}

@media (max-width: 769px) {
		
	.section03_icon01{
	position: absolute;
	top: 16%;
	}
	.section03_icon01 img{
	width: 8rem;
	}
}




/******************

セクション4　プレゼント

*******************/
#section_04{
	background-image: url("../img/pre_back.png");
	background-size:cover;
	background-position:top;
	background-color:#FFF;
}

.event_gaiyou04 {
	font-size:min(4vw,20px);
	text-align:center;
	margin: 0 auto;
	width: 90%;
	line-height: 200%;
	max-width: 800px
}

.event_gaiyou04 img {
	height:auto;
	width:80%;
	text-align:center;
	margin: 3rem auto;
}

@media (max-width: 769px) {
		
	.event_gaiyou04 img{
	width:93%;
	}
	
}

/******************

セクション5　イベント詳細（マップスライダー付）

*******************/
#section_05{
	background-image: url("../img/event2_back.png");
	background-size:contain;
	background-position:top;
	background-color:#FFF;
}

.event_gaiyou05 {
	font-size:min(4vw,20px);
	text-align:center;
	margin: 0 auto;
	width: 100%;
	line-height: 200%;
	max-width: 800px;
	position:relative;
}

.event_gaiyou05 img {
	height:auto;
	width:100%;
	text-align:center;
	margin: 3rem auto;
}

@media (max-width: 1050px) {
	
	#section_05{
		background-size:cover;
	}
}

@media (max-width: 769px) {
	
	#section_05{
		background-size:cover;
	}
		
	.event_gaiyou05 img{
		width:98%;
		margin: 3rem auto 3rem 0.2rem;
	}
	
}

/*地図アイコン*/
.section05_icon01{
	position: absolute;
	left: 29%;
	bottom: 56.5%;
}
.section05_icon01 img{
	width: 15rem;
}


.section05_icon02{
	position: absolute;
	left: 29%;
	bottom: 48.5%;
}
.section05_icon02 img{
	width: 15rem;
}


@media (max-width: 769px) {
		
	.section05_icon01{
	position: absolute;
	left: 30%;
	bottom: 54.5%;
	}
	.section05_icon01 img{
	width: 7rem;
	}
	
	.section05_icon02{
	position: absolute;
	left: 30%;
	bottom: 46.9%;
	}
	.section05_icon02 img{
	width: 7rem;
	}
}



/* マップスライダー */
.map_slick_wrap {
	width:77%;
	margin:0 auto;
	
}
.map_slick img {
	width:100%;
	height:auto;
}

.map_slick .slick-prev:before,
.map_slick .slick-next:before {
	color:#22b8ee;
}

.map_slick_wrap {
    position: absolute;
    z-index: 20;
    bottom: 16%;
    left: 50%;
    transform: translateY(0) translateX(-50%);
    -webkit- transform: translateY(0) translateX(-50%);
    margin: auto;
}


@media (max-width: 769px) {
		
	.map_slick_wrap {
		width:77%;
		margin:0 auto;
	}
	.map_slick img {
		width:100%;
		height:auto;
	}
	.map_slick_wrap {
		bottom: 13%;
	}

}



/******************

セクション6 #めざせキッズパイロット

*******************/
#section_06{
	background-image: url("../img/photo_back.png");
	background-size:cover;
	background-position:top;
	background-color:#FFF;
}

.event_gaiyou06 {
	font-size:min(4vw,20px);
	text-align:center;
	margin: 0 auto;
	width: 100%;
	line-height: 200%;
	max-width: 800px
}

.event_gaiyou06 img {
	height:auto;
	width:100%;
	text-align:center;
	margin: 3rem auto;
}

@media (max-width: 769px) {
		
	.event_gaiyou06 img{
		width:98%;
		margin: 3rem auto 3rem ;
	}
	
}


/******************

セクション7

*******************/
#section_07{
	background-image: url("../img/sisetsu_back.png");
	background-size:cover;
	background-position:top;
	background-color:#FFF;
}

.event_gaiyou07 {
	font-size:min(4vw,20px);
	text-align:center;
	margin: 0 auto;
	width: 100%;
	line-height: 200%;
	max-width: 800px;
	position: relative;
	
}

.event_gaiyou07 img {
	height:auto;
	width:100%;
	text-align:center;
	margin: 3rem auto;
}

@media (max-width: 769px) {
		
	.event_gaiyou07 img{
		width:98%;
		margin: 3rem auto;
	}
	
}

/*フライトオブドリームズのアイコン*/
.section07_icon01{
	position: absolute;
	bottom: 1.6%;
	left: 50%;
    transform: translateY(0) translateX(-50%);
	-webkit- transform: translateY(0) translateX(-50%);
	margin: auto;
}
.section07_icon01 img{
	width: 23rem;
}

.section07_icon02{
	position: absolute;
	bottom: 0.75%;
	left: 50%;
    transform: translateY(0) translateX(-50%);
	-webkit- transform: translateY(0) translateX(-50%);
	margin: auto;
}
.section07_icon02 img{
	width: 32rem;
}

@media (max-width: 769px) {
	
	.section07_icon01{
		bottom: 1.82%;
	}
	.section07_icon01 img{
		width: 14rem;
	}
		
	
	.section07_icon02{
		position: absolute;
		bottom: 0.7%;
	}
	.section07_icon02 img{
		width: 20rem;
	}
}



/******************

フッター

*******************/

.foot {
	background:#fff000;
	padding: 15px;
	text-align: center;
	color: #FFF;
}


.foot_logo img{
	text-align: center;
	margin: 2rem auto 0.5rem;
	width: 90%;
	max-width: 350px
}

 /*フッターメニュー*/
.menu_box_footer{
	width: 100%;
	max-width: 75rem;
	margin: 0.2rem auto 1.5rem;
}


.menu_footer01 {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin:0.5rem auto 1rem;
}


.menu_footer01 li {
	list-style: none;
	text-align:center;
}

.menu_footer01 li a{
	white-space: nowrap;	
	padding:0rem 0.3rem;
	display:block;
	position:relative;
}

.menu_footer01 img{
	width: 35rem;
	padding: 0.2rem 0.7rem 2rem;
}

@media (max-width: 769px) {
	
	.foot_logo img{
		width: 70%;
	}
	
	.menu_box_footer{
		width: 100%;
	}
	
	.menu_footer01 img{
		width: 16.6rem;
		padding: 0.1rem 0.5rem 1.2rem;
	}
	
}






/******************

アニメーション

*******************/

/* 下から */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:3s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* フェードイン(初期値) */
.js-fadeUp {
	opacity: 0; /* 最初は非表示 */
	transform: translateY(30px); /* 下に30pxの位置から */
	transition: opacity 2s, transform 2s; /* 透過率と縦方向の移動を2秒 */
}
/* フェードイン(スクロールした後) */
.js-fadeUp.is-inview {
	opacity: 1; /* 表示領域に入ったら表示 */
	transform: translateY(0); /* 30px上に移動する */
	transition-delay: .1s; /* フェード開始を0.5秒遅らせる */
}



/******************

その他

*******************/

/*区切り画像*/
.separation img{
	width: 100%;
	margin: 0 auto;
}


/*レスポンシブ改行*/
.pc_area {
	display: none !important;
}
.sp_area {
	display: block !important;
}
 @media (min-width: 769px) {
.pc_area {
	display: block !important;
}
.sp_area {
	display: none !important;
}
}
.spbr_none_box br {
	display: none;
}
@media (min-width: 769px) {
.spbr_none_box br {
	display: block;
}
}

/*PC・SPの画像切り替え*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 769px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}