#header {
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
	margin: auto;
	width: 1100px;
	padding-left: 450px;
	background:none;
	z-index: 9999999;
	box-sizing: border-box;
}
#header .h_box { margin: auto; max-width: 1000px; overflow: hidden;}

/*** LOGO ******************************************************************/
#header h1,
#header h1 a { display: block; width:370px; height:140px;}
#header h1 { float:none; margin:0 auto 50px;}
#header h1 a { text-indent: -9999px; background: url("../img/logo_top.png")no-repeat center center;;}

/*** LOGO ******************************************************************/
#header .h_nav { float:none; position:static;}
#header .h_nav ul,
#header .h_nav p { display: none;}

/*** NAVIGATION ************************************************************/
#Nav { display: none !important;}
#Nav2 { display: block !important; overflow: hidden;}
#Nav2 ul { float: left; margin:0 2%; width:46%; background: url("../../img/topnav_line.png") repeat-x left bottom; background-color:rgba(128,128,128,0.7);}
#Nav2 ul li { background: url("../../img/topnav_line.png") repeat-x left top;}
#Nav2 ul li a { display: block; text-decoration: none;}
#Nav2 ul li p a {
	display: block;
	padding: 20px 15px;
	font-size: 125%;
	font-weight:500;
	color: #fff;
	letter-spacing: 2px;
	text-decoration: none;
	line-height: 130%;
	background: url("../img/arrow1.png") no-repeat 95% center;
	background-size:20px auto;
	box-sizing: border-box;
}
#Nav2 ul li:hover { background-color:rgba(82,183,190,0.70); }

/* MAINIMG */
.mainimg { position: relative; margin: 20px; width:calc(100% - 40px);}
.mainimg img { width:100%; height: auto; min-height: 750px; object-fit: cover;}
.mainimg .wave {
	position: absolute;
	bottom:0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background: url("../../img/mainimg_wave.png") no-repeat left bottom;
	z-index: 999;
}
.mainimg .topnav {
	display: block;
	position:absolute;
	top:20px;
	right:20px;
	width: 160px;
	box-shadow:0px 0px 2px 0px rgba(0,0,0,0.30);
	border-radius:50px; /* CSS3 */
	-webkit-border-radius:50px; /* Safari,Google Chrome */
	-moz-border-radius:50px;/* Firefox */
	overflow: hidden;
	z-index: 1000;
}
.mainimg .topnav a {
	display: block;
	padding: 5px 0;
	text-indent: -9999px;
	background: #FFF url("../img/b_contact.png") no-repeat center center;
	background-size: auto 30px;
}
.mainimg .topnav a:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}


/*====================================================================================================
  TOPPAGE
====================================================================================================*/

/* MOVIE *******************************************************************/
#toppage .movie { position: relative; margin: auto; padding: 0 0 50px; max-width: 1000px; z-index: 99999;}
#toppage .movie .box { position:relative; padding: 0 0 30px 0; float: left; width: 490px; z-index: 99;}
#toppage .movie .box+.box { margin-left: 2%;}
#toppage .movie .yt { position: relative; padding-top:56.25%;}
#toppage .movie .yt img,
#toppage .movie .yt iframe { 
	position: absolute;
	top:0;
	left: 0;
	width:calc(100% - 15px) !important;
	height:calc(100% - 15px) !important;
	border: none;
	border-radius: 15px; /* CSS3 */
	-webkit-border-radius: 15px; /* Safari,Google Chrome */
	-moz-border-radius: 15px;/* Firefox */
	border: 3px solid #fff;
}
#toppage .movie .box:nth-child(1) .yt { background: url("../../img/movie_bg1.png") no-repeat right bottom;}
#toppage .movie .box:nth-child(2) .yt { background: url("../../img/movie_bg2.png") no-repeat right bottom;}
#toppage .movie .box:nth-child(1) { top:90px;}
#toppage .movie h2 { text-align: center;}
#toppage .movie h2 b { display: block;  padding:20px 0 5px; font-size: 143.8%; font-weight: 400;}
#toppage .movie h2 small { color: #52B7BE;}

#toppage .movie .wave { position: absolute; top:20px; left: -130px; z-index: -1;}

#toppage .movie .onament {}
#toppage .movie .onament p { position:absolute;}
#toppage .movie .onament p:nth-child(1) { right: -150px; top: -200px;}
#toppage .movie .onament p:nth-child(2) { left: -150px; bottom: -50px;}


/* EVENT *******************************************************************/
#toppage .event {
	position: relative;
	margin:150px auto;
	padding: 50px 0 150px;
	max-width: 1000px;
	background: url("../img/bg_slash.png");
	border-radius: 15px; /* CSS3 */
	-webkit-border-radius: 15px; /* Safari,Google Chrome */
	-moz-border-radius: 15px;/* Firefox */
}
#toppage .event h2 {
	position: absolute;
	top: -50px;
	left: 0;
	right: 0;
	margin: auto;
	padding-bottom: 30px;
	width: 400px;
	text-align: center;
	background: url("../../img/tit_bg.png") no-repeat center bottom;
	z-index: 99999;
}
#toppage .event h2 b {
	display: block;
	margin: auto;
	width: 138px;
	height: 44px;
	text-indent: -9999px;
	background: url("../../img/tit_event.png") no-repeat;
}
#toppage .event h2 small { color: #666;}
#toppage .event_list { }
#toppage .event .box { position: relative; float: left; width:210px;}
#toppage .event .box+.box { margin-left:5%;}
#toppage .event .box:nth-child(1) { left:  -25px;}
#toppage .event .box:nth-child(2) { top: 50px; left: -15px;}
#toppage .event .box:nth-child(3) { top: 50px; right:-15px;}
#toppage .event .box:nth-child(4) { right: -25px;}
#toppage .event .box .photo { 
	width: 210px;
	height: 210px;
	border-radius: 150px; /* CSS3 */
	-webkit-border-radius: 150px; /* Safari,Google Chrome */
	-moz-border-radius: 150px;/* Firefox */
	overflow: hidden;
	border:5px solid #fff;
}
#toppage .event .box .photo img { width: 210px; height: 210px; object-fit: cover;}
#toppage .event .box h3 { text-align: center; line-height: 150%; font-size: 110%;}
#toppage .event .box .day { text-align: center; color: #0D86B1;}
#toppage .event .box .b_more {
	position: absolute;
	top: 150px;
	right:0;
	width:46px;
	height: 46px;
	background:linear-gradient(45deg,#46CBCF,#6CC7DB);
	border-radius: 50px; /* CSS3 */
	-webkit-border-radius: 50px; /* Safari,Google Chrome */
	-moz-border-radius: 50px;/* Firefox */
}
#toppage .event .box .b_more a {
	display: block;
	padding: 10px 20px;
	color: #fff;
	text-indent: -9999px;
	text-decoration: none;
	background: url("../img/arrow1.png") no-repeat center center;
	background-size: 20px auto;
}
#toppage .event .box .b_more:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}
#toppage .event .onament {}
#toppage .event .onament p:nth-child(1) {position: absolute; top:-70px; right:-50px;}
#toppage .event .onament p:nth-child(2) { position: absolute; bottom:-80px; right: 165px;}


/* NEWS ********************************************************************/
#toppage .news { position: relative;}
#toppage .news h2 {
	position: absolute;
	top: -50px;
	left: 0;
	right: 0;
	margin: auto;
	padding-bottom: 30px;
	width: 400px;
	text-align: center;
	background: url("../../img/tit_bg.png") no-repeat center bottom;
	z-index: 99999;
}
#toppage .news h2 b {
	display: block;
	margin: auto;
	width: 109px;
	height: 44px;
	text-indent: -9999px;
	background: url("../../img/tit_news.png") no-repeat;
}
#toppage .news h2 small { color: #666;}
#toppage .news .wave1 {	position: absolute; width: 100%; height: 16px; text-indent: -9999px; z-index: 99;}
#toppage .news .wave1 { bottom:0; background: url("../../img/wave_bottom.png");}

/* INFORMATION */
#toppage .info { float: left; width: 50%; padding:80px 50px 40px; overflow: hidden; background: #2F9ACB;}
#toppage .info .box { float: right; width: 500px;}
#toppage .info .info_box {  height: 425px; overflow: auto;}
#toppage .info dl { padding: 15px; color: #fff; overflow:hidden;}
#toppage .info dl:nth-child(odd) { background: rgba(255,255,255,0.100);}
#toppage .info dt { float:left; width:25%;}
#toppage .info dd { float:right; width:75%;}
#toppage .info dd a { color: #fff;}
#toppage .info .btn { position: relative; clear: both; border-top: 3px solid #fff; overflow: hidden; z-index: 999;}
#toppage .info .btn p {}
#toppage .info .btn p a { display: block; font-size: 90%; color: #fff;}
#toppage .info .btn p:nth-child(1) { float: left; width: 135px; height: 35px; background: url("../../img/icon_bg.png");}
#toppage .info .btn p:nth-child(1) a {
	padding:2px 0 0 35px;
	color: #008DA4;
	text-decoration: none;
	background:url("../../img/icon_list.png") no-repeat 10px center;
	background-size: 17px auto;
}
#toppage .info .btn p:nth-child(2) { float: right; margin-top: 10px; width: 80px;}
#toppage .info .btn p:nth-child(2) a {
	padding:7px 7px 7px 15px;
	line-height: 100%;
	text-align: center;
	text-decoration: none;
	background:#FFB500 url("../../img/icon_rss.png") no-repeat 10px center;
	background-size: 17px auto;
	border-radius: 50px; /* CSS3 */
	-webkit-border-radius: 50px; /* Safari,Google Chrome */
	-moz-border-radius: 50px;/* Firefox */
}
#toppage .info .btn p:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}

/* FACEBOOK */
#toppage .facebook { display: block; float:right; width: 50%; padding:80px 50px 40px; background: #62C9CB;}


/* TOWN ********************************************************************/
#toppage .town { position: relative; margin: auto; padding: 150px 0 100px; max-width: 1000px; z-index: 99;}
#toppage .town .map { position: absolute; top: -50px; left: -130px;}
#toppage .town .map img {}
#toppage .town .comment { position: relative; padding-left: 50%; z-index: 9;}
#toppage .town .come {}
#toppage .town .come h3 {
	display: block;
	width: 413px;
	height: 45px;
	text-indent: -9999px;
	background: url("../../img/tit_town.png") no-repeat;
}
/* #toppage .town .come h4 { margin: 20px 0; font-size: 168.8%;} */
#toppage .town .come h4 { margin: 20px 0; font-size: 120%;}
#toppage .town .come div {}
#toppage .town .come .b_more {
	margin-top: 20px;
	width: 260px;
	background:linear-gradient(45deg,#46CBCF,#6CC7DB);
	border-radius: 50px; /* CSS3 */
	-webkit-border-radius: 50px; /* Safari,Google Chrome */
	-moz-border-radius: 50px;/* Firefox */
}
#toppage .town .come .b_more a {
	display: block;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
	background: url("../img/arrow1.png") no-repeat 95% center;
	background-size: 20px auto;
}
#toppage .town .come .b_more:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}
#toppage .town .photo { margin-top: 50px;}
#toppage .town .photo p { 
	float: left;
	width:48%;
	border-radius: 15px; /* CSS3 */
	-webkit-border-radius: 15px; /* Safari,Google Chrome */
	-moz-border-radius: 15px;/* Firefox */
	overflow: hidden;
}
#toppage .town .photo p+p { margin-left: 4%;}
#toppage .town .photo p:nth-child(2) { position: relative; top: 35px;}
#toppage .town .photo p img { width: 100%; height: auto;}


/* FOOTER BANNER ***********************************************************/
.f_banner { position: relative; padding: 80px 0 50px; background:url("../img/bg_slash.png");}
.f_banner ul { margin: auto; max-width: 1000px; overflow: hidden;}
.f_banner ul li { float: left; margin:0.5% 0; width: 24.25%;}
.f_banner ul li+li { margin-left: 1%;}
.f_banner ul li:nth-child(4n+1) { margin-left: 0;}
.f_banner ul li img { width: 100%; height: auto;}
.f_banner .wave {
	position: absolute;
	top:0;
	width: 100%;
	height: 16px;
	text-indent: -9999px;
	background: url("../../img/wave_top.png");
}


.main_syuten{
	margin-top:-20px;
	margin-left:20px;
	font-size:70%;
}

@media only screen and (max-width:700px){
	.logosp { display: none;}
	.mean-container { position: relative; z-index: 999999999999 !important;}
	.mean-container .mean-nav ul {
		padding:15% 5% 5% !important;
	}
	
}