@charset "UTF-8";

/***** CSS reset *****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,address,figure{ 
	margin:0;
	padding:0;
}
body{
	color:#222;
    font-family:
		"Noto Sans Japanese", "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;
	line-height: 1.5;
}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;vertical-align:bottom;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a:link		{color:#016b90;}
a:visited	{color:#016b90;}
a:hover,a:visited:hover	{text-decoration:none; color:#53c4d6;}
.clear{clear:both;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
/* IE6/7 support */
.clearfix {*zoom: 1;}

hr{
	height:0;
	border-top: 1px solid #ddd;
}

/***** img *****/
.btn:hover{margin: 2px 0 0 2px}
.img_blank{vertical-align:middle; margin:0 5px;}

/***** font *****/
.red{color:#6d242e;}
.blue{color:#006eb8;}
.white{color:#fff;}
.bold{font-weight:bold;}
.font_normal{font-weight:normal;}
.f115{font-size:115%;}
.f130{font-size:130%;}

/***** nav *****/
nav{
	position: absolute;
	top: 27%;
	left: 37%;
	display: flex;
	font-family: 'Yusei Magic', sans-serif;
	font-size: 100%;
	font-weight: bold;
	height: 80px;
}
nav .nav01,nav .nav02,nav .nav03 {
	display: inline-block;
	padding: 0 10px;
	/*width: 33.33%;
	width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ;
	height: 100%;*/

}
/*nav .nav01{
	background: #ddd;
}
nav .nav02{
	background: #ddd;
}
nav .nav03{
	background: #ddd;
}*/
nav a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	text-shadow:
		2px 2px 2px #46478d, -2px -2px 2px #46478d,
	   -2px 2px 2px #46478d,  2px -2px 2px #46478d,
		2px 0px 2px #46478d, -2px -0px 2px #46478d,
		0px 2px 2px #46478d,  0px -2px 2px #46478d;
	color: #fff !important;
}
nav a:hover{
	color: #def3fd !important;
}
nav a img{
	padding-right: 5px;
}

@media screen and (min-width: 891px) and (max-width:1290px){
	
	nav{
		position: absolute;
		top: 30%;
		left: 29%;
		font-size: 20px !important;
	}

	nav a img{
		width: 40px;
	}
	
}

@media screen and (max-width:890px){
	nav{
		position: relative;
		top: 0;
		left: 0;
		display: flex;
		flex-direction: column !important;
		font-size: 20px;
		width: 100%;
		height: auto;
		background: #f49600;
	}
	nav .nav01,nav .nav02,nav .nav03 {
		width: 100% !important;
		width : -webkit-calc(100% / 1) !important ;
		width : calc(100% / 1) !important ;
		height: 50px;
		border-bottom: 1px solid #fbd79e;
	}
	nav a{
		text-shadow: none;
	}
	nav a img{
		width: 40px;
	}

}

/***** youtube *****/
.youtube_area{
	max-width: 600px;
	min-width: 200px;
	background: url("../tour/images/bg_youtube.svg") no-repeat;
	margin: 40px auto;
	padding: 45px 50px 50px;
}
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube video {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}