@charset "UTF-8";
/* CSS Document */


#header {
	width:100%;
	height:220px;
	background:URL(../img/common/header-bg.jpg) no-repeat right top;
}
#gNavi > ul:nth-of-type(2) {
	float:right;
	margin:0 172px 0 0;
}
#gNavi.fixed {
	background:#FFF URL(../img/common/header-bg.jpg) no-repeat right -130px;
}

#main {
	position:relative;
	width:100%;
	/*height:42.857vw;*/
	min-height:600px;
}
#main #btn-pg {
	position:absolute;
	left:50%;
	bottom:20px;
	-webkit-transform:translate(-50%,0);
	transform:translate(-50%,0);
	z-index:3000;
}
.slide {
	width:100%;
	/*height:42.857vw;*/
	min-height:600px;
}
#slide0 {
	background:URL(../img/top/main0.jpg) no-repeat center center;
	background-size:cover;
}
#slide1 {
	background:URL(../img/top/main1.jpg) no-repeat center center;
	background-size:cover;
}
#slide2 {
	background:URL(../img/top/main2.jpg) no-repeat center center;
	background-size:cover;
}
#slide3 {
	background:URL(../img/top/main3.jpg) no-repeat center center;
	background-size:cover;
}
#slide4 {
	background:URL(../img/top/main4.jpg) no-repeat center center;
	background-size:cover;
}
#slide5 {
	background:URL(../img/top/main5.jpg) no-repeat center center;
	background-size:cover;
}
#slide6 {
	background:URL(../img/top/main6.jpg) no-repeat center center;
	background-size:cover;
}
#slide7 {
	background:URL(../img/top/main7.jpg) no-repeat center center;
	background-size:cover;
}
#slide8 {
	background:URL(../img/top/main8.jpg) no-repeat center center;
	background-size:cover;
}
#slide9 {
	background:URL(../img/top/main9.jpg) no-repeat center center;
	background-size:cover;
}
#slide10 {
	background:URL(../img/top/main10.jpg) no-repeat center center;
	background-size:cover;
}
#slide11 {
	background:URL(../img/top/main11.jpg) no-repeat center center;
	background-size:cover;
}
#slide12 {
	background:URL(../img/top/main12.jpg) no-repeat center center;
	background-size:cover;
}
#slide13 {
	background:URL(../img/top/main13.jpg) no-repeat center center;
	background-size:cover;
}
#slide14 {
	background:URL(../img/top/main14.jpg) no-repeat center center;
	background-size:cover;
}
#slide15 {
	background:URL(../img/top/main15.jpg) no-repeat center center;
	background-size:cover;
}
#slide16 {
	background:URL(../img/top/main16.jpg) no-repeat center center;
	background-size:cover;
}

#top-wrap {
	width:1200px;
	margin:0 auto;
	padding:80px 0 90px 0;
	text-align:left;
}

#information-block {
}

#notice-block {
	margin-top:-30px;
	margin-bottom:50px;
	background:#EEE;
	padding:25px;
	text-align:center;
}

#info-left {
	float:left;
	width:700px;
}
#info-right {
	float:right;
	width:470px;
}

#information-block .ttl-block {
}
#banner-special-block .ttl-block,
#instagram-block .ttl-block {
	margin:0 0 10px 0;
}
#information-block .ttl-block h2,
#banner-special-block .ttl-block h2,
#instagram-block .ttl-block h2 {
	float:left;
	line-height:18px;
}
#information-block .ttl-block h2 span,
#banner-special-block .ttl-block h2 span,
#instagram-block .ttl-block h2 span {
	display:inline-block;
	margin:0 0 0 12px;
	color:#333;
	font-size:12px;
	font-weight:normal;
}
#information-block .ttl-block div,
#instagram-block .ttl-block div {
	float:right;
	color:#333;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
}
#information-block .ttl-block div a,
#instagram-block .ttl-block div a {
	color:#333;
	text-decoration:none;
}

#event-block {
	margin:0 0 0 0;
}
#event-block .cont-block {
	margin:10px 0 0 0;
}
#event-block .bnr-block + .bnr-block {
	margin:20px 0 0 0;
}
#event-block .bnr-block div + div {
	margin:20px 0 0 0;
}
#event-block .bnr-block .bnr-harf {
	float:left;
}
#event-block .bnr-block .bnr-harf + .bnr-harf {
	margin:0 0 0 20px;
}
#event-block .bnr-block .bnr-harf:nth-of-type(2n+1) {
	margin-left:0;
}
#event-block .bnr-block .bnr-harf:nth-of-type(n+3) {
	margin-top:20px;
}

#news-block {
}
#news-block .cont-block {
	margin:10px 0 0 0;
	padding:20px 0 0 0;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	height:244px;
	overflow:scroll;
}
#news-block .cont-block dl {
	color:#333;
	font-size:15px;
	line-height:1.8;
}
#news-block .cont-block dl + dl {
	margin-top:20px;
	padding-top:20px;
	border-top:1px dotted #CCC;
}
#news-block .cont-block dl dt {
	float:none;
}
#news-block .cont-block dl dd {
	padding:0 0 0 0;
}
#news-block .cont-block dl dd a {
	color:#333;
	text-decoration:none;
}

#facebook-block {
	margin-top:28px;
}
#facebook-block .cont-block {
	margin:10px 0 0 0;
}

#banner-special-block {
	margin:45px 0 0 0;
}
#banner-special-block div.banner {
	float:left;
}
#banner-special-block .banner + .banner {
	margin:0 0 0 20px;
}

#instagram-block {
	margin:45px 0 0 0;
}
.instagram-box {
	width:224px;
	height:224px;
	float:left;
	overflow:hidden;
}
.instagram-box + .instagram-box {
	margin-left:20px;
}
.instagram-box img {
	width:100%;
	height:auto;
}
.instagram-box.horizontal img {
	width:auto;
	height:100%;
}
.instagram-box:nth-child(7) {
	display:none;
}

#banner-contents-block {
	margin:50px 0 0 0;
	padding:51px 0 0 0;
	border-top:1px dotted #CCC;
}
#banner-contents-block div.banner {
	float:left;
}
#banner-contents-block .banner + .banner {
	margin:0 0 0 20px;
}

#banner-block {
	margin:20px 0 0 0;
}
#banner-block div.banner {
	float:left;
}
#banner-block .banner + .banner {
	margin:0 0 0 20px;
}
#banner-block .banner:nth-of-type(5n+1) {
	margin-left:0;
}
#banner-block .banner:nth-of-type(n+6) {
	margin-top:20px;
}


#f-sns {
	position:relative;
	overflow:hidden;
	margin:70px 0 0 0;
}
#f-sns ul {
	position:relative;
	left:50%;
	float:left;
}
#f-sns ul li {
	position:relative;
	left:-50%;
	float:left;
}
#f-sns ul li + li {
	margin:0 0 0 12px;
}


@media screen and (max-width: 767px) {


	#header {
		width:100%;
		height:auto;
		background:none;
	}
	#h-inner {
		background:#FFF URL(../img/common/header-bg.jpg) no-repeat right top;
		background-size:50vw auto;
	}
	#gNavi > ul:nth-of-type(2) {
		float:right;
		margin:0 172px 0 0;
	}
	#gNavi.fixed {
		background:#FFF URL(../img/common/header-bg.jpg) no-repeat right -130px;
	}
	
	#main {
		position:relative;
		width:100%;
		/*height:42.857vw;*/
		min-height:100vw;
	}
	#main #btn-pg {
		position:absolute;
		width:40vw;
		left:50%;
		bottom:20px;
		-webkit-transform:translate(-50%,0);
		transform:translate(-50%,0);
		z-index:3000;
	}
	.slide {
		width:100%;
		/*height:42.857vw;*/
		min-height:100vw;
	}

	#top-wrap {
		width:100%;
		margin:0 auto;
		padding:5vw 5vw;
		text-align:left;
	}
	
	#information-block {
	}
	
	#notice-block {
		margin-top:0;
		margin-bottom:10vw;
		background:#EEE;
		padding:5vw;
		text-align:center;
	}
	#notice-block p {
		font-size:3.466vw;
	}
	
	#info-left {
		float:none;
		width:100%;
	}
	#info-right {
		float:none;
		width:100%;
	}
	
	#information-block .ttl-block {
	}
	#information-block .ttl-block h2,
	#banner-special-block .ttl-block h2 {
		float:left;
		line-height:18px;
	}
	#information-block .ttl-block h2 img,
	#banner-special-block .ttl-block h2 img {
		width:auto;
		height:4.5vw;
	}
	#information-block .ttl-block h2 span,
	#banner-special-block .ttl-block h2 span {
		display:inline-block;
		margin:0 0 0 2vw;
		color:#333;
		font-size:2.400vw;
		font-weight:normal;
		vertical-align:2px;
	}
	#information-block .ttl-block div {
		float:right;
		color:#333;
		font-size:2.400vw;
		font-weight:normal;
		line-height:4.5vw;
	}
	#information-block .ttl-block div a {
		color:#333;
		text-decoration:none;
	}
	
	#event-block {
		margin:10vw 0 0 0;
	}
	#event-block .cont-block {
		margin:4vw 0 0 0;
	}
	#event-block .bnr-block + .bnr-block {
		margin:3% 0 0 0;
	}
	#event-block .bnr-block .bnr-harf {
		float:left;
		width:48.5%;
	}
	#event-block .bnr-block .bnr-harf + .bnr-harf {
		margin:0 0 0 3%;
	}
	#event-block .bnr-block .bnr-harf:nth-of-type(2n+1) {
		margin:0 0 0 0;
	}
	#event-block .bnr-block .bnr-harf:nth-of-type(n+3) {
		margin-top:3%;
	}
	
	#news-block {
		margin:5vw 0 0 0;
	}
	#news-block .cont-block {
		margin:5vw 0 0 0;
		padding:5vw 0 0 0;
		border-top:1px solid #999;
		border-bottom:1px solid #999;
		height:60vw;
		overflow:scroll;
	}
	#news-block .cont-block dl {
		color:#333;
		font-size:3.466vw;
		line-height:1.6;
	}
	#news-block .cont-block dl + dl {
		margin:4vw 0 0 0;
	}
	#news-block .cont-block dl dt {
		float:none;
	}
	#news-block .cont-block dl dd {
		padding:0 0 0 0;
	}
	#news-block .cont-block dl dd a {
		color:#333;
		text-decoration:none;
	}
	
	#facebook-block {
		margin:10vw 0 0 0;
	}
	#facebook-block .cont-block {
		margin:4vw 0 0 0;
	}

	#banner-special-block {
		margin:10vw 0 0 0;
	}
	#banner-special-block div.banner {
		float:none;
	}
	#banner-special-block .banner + .banner {
		margin:3vw 0 0 0;
	}
	
	#banner-contents-block {
		margin:3vw 0 0 0;
	}
	#banner-contents-block div.banner {
		float:none;
	}
	#banner-contents-block .banner + .banner {
		margin:3vw 0 0 0;
	}
	
	#banner-block {
		margin:10vw 0 0 0;
		padding:10vw 0 0 0;
		border-top:1px dotted #CCC;
	}
	#banner-block div.banner {
		float:left;
		width:43.5vw;
	}
	#banner-block .banner + .banner {
		margin:0 0 0 3vw;
	}
	#banner-block .banner:nth-of-type(2n+1) {
		margin-left:0;
	}
	#banner-block .banner:nth-of-type(n+3) {
		margin-top:3vw;
	}


	#f-sns {
		position:relative;
		overflow:hidden;
		margin:10vw 0 0 0;
	}
	#f-sns ul {
		position:relative;
		left:50%;
		float:left;
	}
	#f-sns ul li {
		position:relative;
		left:-50%;
		float:left;
	}
	#f-sns ul li + li {
		margin:0 0 0 2vw;
	}
}