@charset "utf-8";
/* CSS Document */
body {overflow-x: hidden;
background-color: #76ccf3;}
h1,p{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; color: white; line-height: 1.5;}
#wrapper{width: 100%; overflow: hidden;background-color: #76ccf3; }
#top_main h1{padding: 0 10px 3%; text-align: center;}
#top_main h1 img{max-width: 1000px; width: 100%;}
.color1{color: #0b4c70; font-weight:bold;}
.color2{color: #29abe2; font-weight:bold;}
.back_color1{background: rgba(0,0,0,0.3);}
.main_box{background: #0071bc;}
p.txt_c{text-align: center;}
p.new_icon{position: relative;}
footer{background: rgba(255,255,255,1); padding: 3% 0; border-top: solid 1px #00698C;}
#map p{text-align: center;}
#wrap_f:after{display: block; content: ""; clear:both;}
.float_l p{color: black; font-size: 12px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif; padding: 0; text-align:left;}
p.map_image img{max-width: 1000px; width: 100%;}
p.p_n_txt img{max-width: 322px; width: 100%;}
p.yoyaku_btn{padding: 2% 0;}
.border_box{max-width: 1030px; margin: 0 auto; border: solid 10px white; padding: 5px;}
/*メニューボタン*/
ul.tg_menu li{
	background-color: #e2a213;
	border-bottom: 1px solid white;
}
ul.tg_menu li a{
	text-decoration: none;
	color: white;
	font-weight: bold;
	padding: 20px;
	display: block;
}
p.toggle-id-1{font-weight: bold; padding:10px; background: rgba(255,255,255,0.5); color:#0071bc;}
.btn_area[not_position] p.toggle-id-1{font-weight: normal;}
p.new_back{
		background: url('../img/new2.png') no-repeat;
	}
@media only screen and (min-width: 769px){
	#top_main{padding: 5% 0 0;}
	#main_content{max-width: 970px; margin: 0 auto;}
	.main_title_box{padding: 2% 0 3%;}
	.main_txt h1{font-size: 220%;}
	.back_color1,.main_box,.sub_back{margin-left: calc(((100vw - 100%) / 2) * -1);
  	margin-right: calc(((100vw - 100%) / 2) * -1);
  	padding: 1.5em calc((100vw - 100%) / 2);
	overflow: hidden;}
	.wrapper_box{max-width: 1200px; width: 100%;}
	.wrapper_box:after{display: block; content: ""; clear: both;}
	p.f_size55{font-size: 190%; text-align: center; line-height: 1.5;}
	p.f_size70{font-size: 290%; text-align: center; line-height: 1.5;}
	.gokan_bnr{float: right; width: 24%; max-width: 280px; padding-right: 7%;}
	.gokan_bnr p{text-align: center;}
	.gokan_bnr img{max-width: 276px;}
	p.new_icon img{max-width: 80px; position: absolute; top: -50px; left: -50px;}
	.main_txt{float:left; width: 60%; max-width: 720px; padding-left: 4%;}
	.main_txt h1{margin: 7% 0;}
	h1.report_title{text-align: center; font-size: 190%; padding: 30px 0;}
	p.txt_c img{max-width: 1500px; width: 100%;}
	h1.report_title img{width: 100%;}
	.sub_txt{padding: 30px 0 20px;}
	.sub_txt p{text-align: center; font-size: 120%; line-height: 2.5;}
	.sub_box{margin: 5% auto 0; max-width: 1000px; min-height: 600px; width:100%; height: auto; padding-left: 4%;}
	.sub_box:after{display: block; content: ""; clear: both;}
	.vol_box{background: rgba(25,138,214,0.6); padding: 10px; max-width: 374px; float: left; margin: 0 0.5% 1%; width: 28%;}
	.vol_box:nth-child(1),.vol_box:nth-child(4),.vol_box:nth-child(7),.vol_box:nth-child(10),.vol_box:nth-child(13),.vol_box:nth-child(16){margin-left:0;}
	.vol_box:nth-child(3),.vol_box:nth-child(6),.vol_box:nth-child(9){margin-right:0;}
	.vol_box p{text-align: center; font-size: 180%;}
	.vol_box img{max-width:364px; width: 90%;}
	.vol_box[cm]{max-width: 336px; width: 28%;}
	.vol_box[cm] p{text-align: center; padding: 35% 0;}
	footer p{padding: 3% 0; text-align: center; font-size: 150%; line-height: 2;}
	p.top_btn{margin-top: 3%;}
	#wrap_f{width: 1000px; margin: 0 auto;}
	.float_l{float: left; width: 50%;}
	.float_r{float: right; width: 50%;}
	p.p_n_txt{padding: 0;}
	p.yoyaku_btn img{max-width: 382px;}
	span.font_s{font-size: 1.8vmin;}
	span.font_s[n_1]{font-size: 1.4vmin;}
	/*メニューボタン*/
	#top_main{position: relative;}
	.btn_area{position: absolute; margin-top: -3%; right: 2%;}
	img.toggle-id-1{max-width: 150px;}
	
	/**/
	.p_f{position: fixed; top: 64%; right: 1%; z-index: 2;}
	.p_f2{display: none;}
	/**/
	
	
	
}

@media only screen and (max-width: 768px){
	br.sp_none{display: none;}
	img{width: 100%;}
	#top_main{padding: 10% 0;}
	#top_main h1 {padding: 3%;}
	.main_title_box{padding: 20px;}
	.main_box,.sub_txt,.sub_back{padding: 20px;}
	p.f_size55{text-align: center;}
	p.f_size70{text-align: center; font-size: 150%;}
	.gokan_bnr img{max-width: 300px;}
	.gokan_bnr p{text-align: center;}
	.main_txt h1{font-size: 150%; padding: 20px 0;}
	p.new_icon{display: none;}
	p.new_icon2{background: url('../img/new.png') 1% 1% / 50px 50px no-repeat;}
	h1.report_title{text-align: center; font-size: 170%;}
	.vol_box{background: rgba(25,138,214,0.6); padding: 10px; margin-bottom: 20px;}
	.vol_box p{text-align: center; padding: 10px 0; font-size: 190%;}
	footer{padding: 20px; min-height: 260px;}
	img.toggle-id-1{max-width: 70px; display:block; margin: 10% auto 0;}
	.btn_area[not_position]{border-bottom: solid 1px white;}
	p.p_n_txt{text-align: center;}
	.float_l{padding: 20px 0;}
	p.yoyaku_btn img{max-width: 320px; width: 100%;}
	span.font_s{font-size: 65%;}
	/*予約ボタン*/
	.p_f{display: none;}
	.p_f2{position: fixed; bottom: 0; width: 100%; background: #0075c2; z-index: 2;}
	.p_f2 p{text-align: center;}
	.p_f2 p a{text-decoration: none; color: white; display: block; padding: 5%; font-size: 110%;}
}
/*vol*/
#wrappers{
	height: 100vh;
	margin-bottom: 0;
	background-size: cover;
	overflow: auto;
}
#wrappers[vol_1]{background: url('../img/back.jpg') 0 0 no-repeat; background-size: cover;}
h1.vol_txt{text-align: center;}
h1.vol_txt img{width: 100%; max-width: 1000px;}
p.top_btn{text-align: center; background: rgba(84,185,231,0.5); max-width: 1000px;}
p.top_btn a{text-decoration: none; color: white; font-size: 150%; padding: 5%; display: block;}
.btn_area[not_position] p.toggle-id-1{color: white; font-size: 150%; padding: 5%; text-align: center; background: rgba(84,185,231,0.5); margin-top: 10%; max-width: 1000px;}
@media screen and (min-width: 718px){
.top_btn_box{width: 500px; margin: 0 auto 3%;}
.btn_area[not_position]{position: static; width: 500px; margin: 0 auto 1%;}
}





/*とりあずセンター*/
/*@media only screen and (min-width: 769px){
div.ka_box{background: rgba(25,138,214,0.6); padding: 10px; margin-bottom: 20px;
	float: left;
	}
	.ka_box p{text-align: center; padding: 10px 0; font-size: 190%;}

.ka_box{background: rgba(25,138,214,0.6); padding: 10px; max-width: 374px;  margin: 0px 0px 0px 14.7%; width: 28%;}*/

	/*.ka_box:nth-child(1),.ka_box:nth-child(4),.ka_box:nth-child(7),.ka_box:nth-child(10),.ka_box:nth-child(13),.ka_box:nth-child(16){margin-left:0;}*/

	/*.ka_box:nth-child(3),.ka_box:nth-child(6),.ka_box:nth-child(9){margin-right:0;}*/

	/*.ka_box p{text-align: center; font-size: 180%;}
	.ka_box img{max-width:170px; width: 100%;}
	.ka_box[cm]{max-width: 336px; width: 28%;}
	.ka_box[cm] p{text-align: center; padding: 35% 0;}*/
	
	/*7月10日vol追加*/
/*	section.ka{
		width: 100%;
	}
	
}*/

/*@media only screen and (max-width: 768px){
.ka_box{background: rgba(25,138,214,0.6); padding: 10px; margin-bottom: 20px;}

	.ka_box p{text-align: center; padding: 10px 0; font-size: 190%;}
	footer{padding: 20px; min-height: 260px;}
}*/