@charset "utf-8";

#kv {
	background:url(../images/kv.jpg) center center no-repeat;
	background-size:cover;
}

article#wrap > header > div > h1 {
	background-color:#B8A85F;
	font-size:52px;
}
	@media(max-width:979px) {
		article#wrap > header > div > h1 {
			font-size:39px;
		}
	}

article > section > header {
	background:url(../../shared/images/bg_title1.png) left center repeat-x;
	text-align:center;
	margin-bottom:40px;
}
article > section > header > h2 {
	display:inline-block;
	font-size:42px;
	background-color:#FFF;
	padding:0 20px;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	line-height:1.3;
}
	@media(max-width:767px) {
		article > section > header > h2 {
			font-size:34px;
		}
	}



/* about
---------------------------------------------- */
#about {
	margin-bottom:150px;
}
	@media(max-width:767px) {
		#point {
			margin-bottom:100px;
		}
	}

#about > p {
	font-size:24px;
	margin-bottom:35px;
	line-height:1.3;
}
	@media(max-width:767px) {
		#about > p {
			font-size:20px;
		}
	}

#about > figure {
	text-align:center;
}
#about > figure > img {
	width:161px;
}



/* user
---------------------------------------------- */
#user {
	margin-bottom:150px;
}
	@media(max-width:767px) {
		#user {
			margin-bottom:100px;
		}
	}

#user > h2 {
	background-color:#333;
	color:#FFF;
	padding:15px 10px;
	line-height:1.3;
	text-align:center;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	font-size:42px;
}
	@media(max-width:767px) {
		#user > h2 {
			font-size:34px;
		}
	}
	@media(max-width:479px) {
		#user > h2 {
			font-size:25px;
		}
	}

#user > ul {
	background-color:#F6F6F6;
	padding:30px;
}
	@media(max-width:767px) {
		#user > ul {
			padding:10px;
		}
	}

#user > ul > li {
	padding:15px;
}
#user > ul > li > h3 {
	font-size:32px;
	margin-bottom:8px;
	line-height:1.3;
}
	@media(max-width:979px) {
		#user > ul > li > h3 {
			font-size:26px;
		}
	}
	@media(max-width:767px) {
		#user > ul > li > h3 {
		}
	}

#user > ul > li > p {
	line-height:1.6;
	padding-left:50px;
}
	@media(max-width:979px) {
		#user > ul > li > p {
			padding-left:40px;
		}
	}
	@media(max-width:767px) {
		#user > ul > li > p {
			padding-left:0;
		}
	}



/* scene
---------------------------------------------- */
#scene {
	margin-bottom:150px;
}
	@media(max-width:767px) {
		#scene {
			margin-bottom:100px;
		}
	}

#scene > ul > li {
	margin-bottom:90px;
	text-align:center;
}
#scene > ul > li > h3 {
	font-size:32px;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	line-height:1.3;
	margin-bottom:15px;
}
	@media(max-width:679px) {
		#scene > ul > li > h3 {
			font-size:28px;
		}
	}
	@media(max-width:479px) {
		#scene > ul > li > h3 {
			font-size:24px;
		}
	}

#scene > ul > li > figure {
	display:inline-block;
	padding:10px;
	box-shadow:0px 0px 15px #CCC;
}
	@media(max-width:679px) {
		#scene > ul > li > figure {
			width:auto;
		}
	}

#scene > ul > li > figure > img {
	width:600px;
	margin-bottom:18px;
}
	@media(max-width:679px) {
		#scene > ul > li > figure > img {
			width:100%;
		}
	}

#scene > ul > li > figure > figcaption {
	font-size:20px;
	line-height:1.6;
	margin-bottom:10px;
}
	@media(max-width:479px) {
		#scene > ul > li > figure > figcaption {
			font-size:16px;
		}
	}



/* item
---------------------------------------------- */
#item {
	margin-bottom:150px;
}
	@media(max-width:767px) {
		#item {
			margin-bottom:100px;
		}
	}

#item > p {
	font-size:20px;
	margin-bottom:40px;
	line-height:1.6;
}
	@media(max-width:767px) {
		#item > p {
			font-size:16px;
		}
	}

#item > ul {
	margin-bottom:30px;
}
#item > ul > li {
	width:48%;
	float:left;
	text-align:center;
}
	@media(max-width:767px) {
		#item > ul > li {
			width:auto;
			float:none;
			margin-bottom:60px;
		}
	}

#item > ul > li:last-child {
	float:right;
}
	@media(max-width:767px) {
		#item > ul > li:last-child {
			float:none;
			margin-bottom:0;
		}
	}

#item > ul > li > h3 {
	font-size:28px;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	margin-bottom:10px;
}
#item > ul > li > figure > img {
	width:100%;
}
	@media(max-width:767px) {
		#item > ul > li > figure > img {
			width:100%;
			max-width:460px;
		}
	}

#item > span {
	display:block;
	text-align:center;
	line-height:1.6;
	margin-bottom:50px;
}
#item > div {
	text-align:center;
}
#item > div > h3 {
	font-size:20px;
	margin-bottom:10px;
	text-align:left;
}
#item > div > img {
	width:100%;
	margin-bottom:35px;
}
#item > div > a {
	display:inline-block;
	color:#FFF;
	font-size:24px;
	text-align:center;
	padding:15px 50px;
	background:url(../../shared/images/bg_btn1.png) right 20px center no-repeat #333;
	background-size:8px 14px;
}
#shop > ul > li > a:hover {
	opacity:0.8;
}



/* craft
---------------------------------------------- */
#craft {
	margin-bottom:150px;
}
	@media(max-width:767px) {
		#craft {
			margin-bottom:100px;
		}
	}

#craft > p {
	font-size:20px;
	line-height:1.6;
	margin-bottom:20px;
}
#craft > ul > li {
	margin-bottom:30px;
}
	@media(max-width:767px) {
		#craft > ul > li {
			margin-bottom:50px;
		}
	}

#craft > ul > li > figure {
	width:31.25%;
	float:left;
	margin-right:20px;
}
	@media(max-width:767px) {
		#craft > ul > li > figure {
			width:auto;
			float:none;
			margin:0 0 15px 0;
			text-align:center;
		}
	}

#craft > ul > li > figure > img {
	width:100%;
}
	@media(max-width:767px) {
		#craft > ul > li > figure > img {
			width:100%;
			max-width:240px;
		}
	}

#craft > ul > li > div > h3 {
	font-size:24px;
	margin-bottom:10px;
}
#craft > ul > li > div > p {
	font-size:20px;
	line-height:1.6;
}
	@media(max-width:767px) {
		#craft > ul > li > div > p {
			font-size:16px;
		}
	}



/* contact
---------------------------------------------- */
#contact > p {
	text-align:center;
	line-height:1.3;
	margin-bottom:20px;
}