@charset "utf-8";

img {
	max-width: 100%;
	height: auto;
}
#main img,
#topmain img {
	max-width: 100%;
	height: auto;
}
body{
	text-align: center;
	color: #666;
	font-family:"Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Verdana, sans-serif;
	-webkit-text-size-adjust: 100%;
	background-color: #cef1fb;
	background: -moz-linear-gradient(top, #cef1fb, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#cef1fb), to(#fff));

}

a {	color: #0099cc;	text-decoration: none;}
a:visited {	color: #331f7e;}
a:hover {	color: #006699;	text-decoration: underline;}
footer a {	color: #fff;	text-decoration: none;}
footer a:visited {	color: #fff;}
footer a:hover {	color: #fff;	text-decoration: underline;}
h1,h2,h3{letter-spacing: 2px;	font-weight: 200;}
#header h1 {	font-size: 0.7em;	color: #fff;	line-height: 145%;}
#header h2 {	font-size: 1.2em;		color: #fff;
font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
line-height: 140%;}
.marbot1 { margin: 0 0 1em 0;}
.martop1 { margin: 1em 0 0 0;}
.mini9 {font-size: 0.9em;}
.mini {font-size: 0.8em;}
.mini7 {font-size: 0.7em;}
.big2 {font-size: 1.2em;}
.zeibetsu {text-align: right;font-size: 0.8em;padding: 5px 0 5px 5px;line-height: 175%;}
.redb {color:#f00; font-weight: bold;}
.red {color:#f00;}
.mini {font-size: 0.8em;}
.redmini {color:#f00;font-size: 0.8em;}
.blueb {color: #336699;	font-weight: bold;}

.flogo,
.logo {
	width: 80%;
	margin: 15px auto;
}

#header p {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	letter-spacing: 2px;
	font-size: 1.2em;
	color: #fff;
}

.headerinner h2 {
	font-size: 1.5em;
	margin: 15px auto 0  auto;
}

#central,
#main,
#topmain {
	background-color: #fff;
}
.planbg2:after,
.planbg1:after,
#central:after,
footer:after,
#footer:after,
#main:after,
#topmain:after,
#header:after {
	content: ".";
	height: 0px;
	clear: both;
	display: block;
	visibility: hidden;
}

#header {
	background-color: #1e7fc6;
	background: -moz-linear-gradient(top, #1e7fc6, #4593ce);
	background: -webkit-gradient(linear, left top, left bottom, from(#1e7fc6), to(#4593ce));
}
.rightinfo,
.linkbot,
p.entrybtn,
p.infobtn {
	font-family: Noto Sans JP,Noto Serif JP,sans-serif!important;
	text-align: center;
	font-size: 1.4em;
	width: 96%;
	height: auto;
	border-radius: 6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor:pointer;
	margin: 0.5em auto 0.5em auto;
	padding: 0.5em 0;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	font-weight: bold;
	letter-spacing: 2px;
}
.infobtn {
	background-color: #f7b828;
	margin: 15px auto 15px auto;
	padding: 20px 0;
}
.entrybtn {
	background-color: #ff3a45;
	margin: 15px auto 15px auto;
	padding: 20px 0;
}
#linewaku {
	margin: 5px auto 40px auto;
}
#linewaku img {
	width: 150px;
}
.rightinfo a,
.linkbot a,
.linkbot,
.entrybtn a,
.infobtn a {
	color: #fff;
	font-size: 1.2em;
}

#header #telbg {
	margin: 2em 0 0 0;
}
#footer .tel1,
#header .tel1 {
	font-size: 1.5em;
	color: #fff;
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}
#footer .tel2,
#header .tel2 {
	font-size: 3em;
	color: #fff;
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	padding: 0 0 20px 0;
}
#footer .tel2 a,
#header .tel2 a {
	color: #fff;
}

.pankuzu {font-size: 0.7em;text-align:left;padding: 1em 0 0.5em 0;}

#main {
	padding: 0 2% 4% 2%;
}
.contents {
	padding: 1% 2% 4% 2%;
}
#central h1 {
	clear: both;
	font-size: 1.5em;
	margin: 0.5em 0 1em 0;
	position: relative;
	padding: .75em 1em;
	background-color: #f4fbfd;
	color: #003366;
	background: -moz-linear-gradient(top, #f4fbfd, #e6f0f3);
	background: -webkit-gradient(linear, left top, left bottom, from(#f4fbfd), to(#e6f0f3));
}
#central h1::before,
#central h1::after {
	content: '';
	position: absolute;
	top: 100%;
	border-style: solid;
	border-color: transparent;
}
#central h1::before {
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #ccc;
}
#central h1::after {
	right: 0;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-top-color: #ccc;
}

.npage h2 {
	clear: both;
	font-size: 1.2em;
	letter-spacing: 2px;
	padding: .5em .75em;
	background: -webkit-repeating-linear-gradient(45deg, #3498db, #3498db 5px, #69b4e6 5px, #69b4e6 10px);
	background: repeating-linear-gradient(45deg, #3498db, #3498db 5px, #69b4e6 5px, #69b4e6 10px);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	text-align: center;
	margin: 40px 0 16px 0;
}
.pcnomi {
	display: none;
}

.wiimg {
	width: 85%;
	margin: 0 auto;

}

.plan1,
.plan2,
.plan3 {
	width: 100%;
	margin: 0 0 2% 2%;
}

.ticketprice {
	padding: 1em;
	background-color: #e7eaeb;
	color: #000;
	font-size: 2em;
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	margin: 2% 0 2% 0;
}

.titlepc50 img {
	margin: 1em auto;
}
.linkbot {
	width: 80%;
	margin: 1em auto;
}

.linkbot {
	background-color: #336699;
	background: -moz-linear-gradient(top,#336699, #3366cc 50%,#1677cb 50%,#78b5e7);
	background: -webkit-gradient(linear, left top, left bottom, from(#336699), color-stop(0.5,#3366cc), color-stop(0.5,#1677cb), to(#78b5e7));
	border: 1px solid #336699;
}

.chuui {
	color: #000;
	line-height: 155%;
	text-align: left;
	list-style-type: none;
}

.graylistwaku {
	background-color: #efefef;
	text-align: left;
	padding: 10px 5px 15px 5px;
}
ul.graylistwaku {
		overflow-y: auto;
		height:200px;;
	}
.graylistwaku li {
	padding: 10px 0 10px 5px;
	border-bottom: dotted 3px #ccc;
	line-height: 155%;
	list-style-type: none
}
.graylistwaku li:last-child {
	padding: 10px 0 10px 5px;
}
footer {
	color: #fff;
	background-color: #003333;
	background: -moz-linear-gradient(top, #003333, #051b2b);
	background: -webkit-gradient(linear, left top, left bottom, from(#003333), to(#051b2b));
	line-height: 165%;
	padding: 1em 0 2em 0;
}
#footer .tel1 {
	font-size: 1em;
	margin: 10px 0 5px 0;
}
#footer .tel2 {
	font-size: 3em;
	margin: 10px 0 5px 0;
}
#footer h3 {
	border-bottom: 1px solid #fff;
	padding: 5px 0 5px 0;
}
#footer h4 {
	padding: 10px 0 10px 0;
}
#fcompany {
	text-align: left;
}
.fsitemap {
	margin: 1em;
	list-style-type: none
}
.fsitemap li li {
	list-style-type: none;
	margin: 0 0 0 1em;
}
#fcopy {
	clear: both;
	padding: 1em 0 1em 0;
}
#fcwaku {
	width: 92%;
	margin: 0 auto;
}
@media screen and (min-width : 800px) {
	.plan1,
	.plan2,
	.plan3 {
		width: 47%;
		float: left;
		margin: 0 0 2% 2%;
	}
}
@media screen and (min-width : 1015px) {
	#header {
		background-image: url('/img/headerbg.png');
		height: 142px;
	}
	.headerinner{
		margin: 0 auto;
		text-align: left;
		position: relative;
		padding: 15px 0 15px 15px;
	}

	.smnomi {
		display: none;
	}
	.pcnomi {
		display: inline;
	}
	.headerinner h2 {
		margin: 0.5em 0 0 0;
		font-size: 1.2em;
	}
	.flogo,
	.logo {
		width: 35%;
		margin: 8px 0 3px 0;
	}
	#headerright {
		width: 40%;
		position: absolute;
		top: 0px;
		right: 0px;
	}


	#header{
		height: 150px;
	}
	#header h2 {	font-size: 2em;}

	#header p.entrybtn,
	#header p.infobtn {
		float: right;
		width: 40%;
		font-size: 0.9em;
		letter-spacing: 0;
	}
	#header p.entrybtn {
		margin: 8px 20px 0 0;
	}
	
	#header p.infobtn {
		margin: 8px 42px 0 0;
	}
	#header .tel2 {
		font-size: 2em;
		margin: 0 20px 0 0;
	}

	#footer .tel1,
	#header .tel1 {
		clear: both;
		font-size: 1em;
		padding: 20px 0 0 0;
	}

	#header #telbg {
	float: right;
		margin: 30px 20px 0 0;
	}
	#linewaku {
		width: 130px;
		margin: 55px 10px 40px 15px;
		float: right;
	}
	#main {
		display: flex;
	}
	.contents,
	#main,
	#topmain {
		margin: 0 auto;
		background-image: url('/img/rightsidebg.gif');
	}
	#central {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		padding: 10px;
		background-color: #fff;
	}
	.contents {
		padding: 0 0 1.5em 0;
	}

	.plan1,
	.plan2,
	.plan3 {
		width: 30%;
	}
	.titlepc60 img {
		width: 60%;
	}
	.titlepc50 img {
		width: 50%;
	}
	.linkbot{
		width: 50%;
	}
	.fsitemap {
		line-height: 155%;
	}
	#footer {
		padding: 2%;
		margin: 0 auto;
		text-align: left;
	}
	#footer .entrybtn,
	#footer .infobtn {
		font-size: 1em;
	}
	#fleft {
		float: left;
		width: 50%;
	}
	#fright{
		float: right;
		width: 30%;
	}
	#fcompany {
		clear: both;
	}
	.fsitemap {
		float:right;
		font-size: 0.8em;
		margin: -360px 0;
	}
	#fcopy {
		margin: 1em 0;
	}
	#fcwaku {
		width: 100%;
		margin: 0 auto;
	}
	.flogo{
		width: 70%;
		float: left;
	}
	.logo {
		width: 29%;
		float: left;
	}
	.logoyokoibg {
		float: left;
		margin: 23px 0 0 8px;
		font-size: 0.9m!important;
	}
	img.lineqr {
		width: 10%!important;
	}
}

@media screen and (min-width :1280px) {
	.headerinner h2 {
		margin: 8px 0 0 0;
		font-size: 1.8em;
	}
	
	.fsitemap {
		margin: -380px 0;
	}
}
@media screen and (min-width :1536px) {
	
	.contents img {
		width: 100%;
	}
	.logo {
		width: 22%;
	}
	.contents,
	#footer,
	#main,
	#topmain {
		width: 1500px;
	}
}