@charset "utf-8";

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

article#wrap > header > div > h1 {
	background:linear-gradient(#666,#444);
}

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;
}
	@media(max-width:767px) {
		article > section > header > h2 {
			font-size:34px;
		}
	}



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

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

#point > h2:before{
	content: "";
	position: absolute;
	bottom: -25px;
	left: 48%;
	border: 13px solid transparent;
	border-top: 13px solid #333;
}

#point > ul {
	background-color:#F6F6F6;
	padding:60px 80px;
	margin-bottom:20px;
}
	@media(max-width:767px) {
		#point > ul {
			padding:30px 20px;
		}
	}

#point > ul > li {
	padding:20px 0;
	border-bottom:1px solid #CCC;
}
#point > ul > li strong {
	display:inline-block;
	width:20%;
	float:left;
	background-color:#FFED22;
	font-size:24px;
	text-align:center;
	line-height:40px;
}
	@media(max-width:767px) {
		#point > ul > li strong {
			width:auto;
			padding:0 10px;
			float:none;
			margin-bottom:10px;
		}
	}

#point > ul > li div {
	width:76%;
	float:right;
}
	@media(max-width:767px) {
		#point > ul > li div {
			width:auto;
			float:none;
		}
	}

#point > ul > li div h3 {
	font-size:32px;
	line-height:1.3;
	margin-bottom:5px;
}
	@media(max-width:767px) {
		#point > ul > li div h3 {
			font-size:25px;
		}
	}

#point > ul > li div p {
	line-height:1.6;
}

#point > p {
	font-size:24px;
	text-align:center;
	line-height:1.6;
}
	@media(max-width:767px) {
		#point > p {
			font-size:19px;
		}
	}



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

#item > header > h2 > span {
	font-size:32px;
}
	@media(max-width:767px) {
		#item > header > h2 > span {
			font-size:25px;
		}
	}

#item > div {
	padding-bottom:20px;
	background:url(../../shared/images/bg_item.png) left top 200px repeat-x;
	margin-bottom:40px;
}
	@media(max-width:979px) {
		#item > div {
			background-position:left top 150px !important;
		}
	}
	@media(max-width:767px) {
		#item > div {
			background-position:left top 120px !important;
		}
	}
#item > div#butsuma-nashi {
	margin-bottom:80px;
}

#item > div > h3 {
	float:left;
	width:180px;
	height:180px;
	color:#FFF;
	text-align:center;
	margin:50px 0 0 2%;

	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}
	@media(max-width:979px) {
		#item > div > h3 {
			width:160px;
			height:160px;
		}
	}
	@media(max-width:767px) {
		#item > div > h3 {
			float:none;
			margin:0 auto 10px auto;
			width:140px;
			height:140px;
		}
	}

#item > div.price > h3 {
	font-size:24px;
	color:#FFF;
	background:url(../../shared/images/bg_title2.png) center center;
	position:relative;

	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	
}

#item > div > h3 > p {
	font-weight:500;
	line-height:1.2;
}

#item > div#wabaka > h3 {
	background-color:#8C6900;
}
#item > div#wabaka > h3 > p {
	font-size:42px;
	padding-top:65px;
}
	@media(max-width:979px) {
		#item > div#wabaka > h3 > p {
			padding-top:55px;
		}
	}
	@media(max-width:767px) {
		#item > div#wabaka > h3 > p {
			font-size:36px;
			padding-top:50px;
		}
	}

#item > div#designbaka > h3 {
	background-color:#04507A;
}
#item > div#designbaka > h3 > p {
	font-size:32px;
	padding-top:60px;
}
	@media(max-width:979px) {
		#item > div#designbaka > h3 > p {
			padding-top:50px;
		}
	}
	@media(max-width:767px) {
		#item > div#designbaka > h3 > p {
			font-size:28px;
			padding-top:40px;
		}
	}

#item > div.price > h3 > span {
	line-height:1.3;
	width:100%;
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}


#item > div > ul {
	width:74%;
	float:right;
}
	@media(max-width:767px) {
		#item > div > ul {
			width:auto;
			float:none;
		}
	}

#item > div > ul > li {
	float:left;
	text-align:center;
}
#item > div > ul > li > img {
	width:100%;
}
#item > div > ul > li > span {
	padding:0 5px;
}
	@media(max-width:767px) {
		#item > div > ul > li > span {
			font-size:14px;
		}
	}

#item > p {
	line-height:1.6;
	margin-bottom:1em;
}
#item > p.syuuha {
	text-align:center;
}
#item > ul {
	text-align:center;
}
#item > ul > li {
	display:inline-block;
}
#item > ul > li > img {
	width:100%;
}



/* feature
---------------------------------------------- */
#feature {
	margin-bottom:150px;
}
	@media(max-width:767px) {
		#feature {
			margin-bottom:100px;
		}
	}
#feature > ul {
	margin:0 50px;
}
	@media(max-width:979px) {
		#feature > ul {
			margin:0;
		}
	}

#feature > ul > li {
	display:table;
	margin-bottom:50px;
}
	@media(max-width:767px) {
		#feature > ul > li {
			display:block;
		}
	}

#feature > ul > li > strong {
	display:table-cell;
	vertical-align:middle;
	width:17.44%;
	background:url(../../shared/images/bg_title3.png) center center no-repeat;
	text-align:center;
	font-size:28px;
	font-weight:500;
}
#feature > ul > li > strong > span {
	display:block;
	font-size:72px;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
}
#feature > ul > li > figure {
	display:table-cell;
	vertical-align:middle;
	background-color:#F6F6F6;
	width:23.25%;
}
#feature > ul > li > figure > img {
	width:100%;
}

#feature > ul > li > figure > img.sp {
	display:none;
}
	@media(max-width:767px) {
		#feature > ul > li > figure > img.sp {
			display:block;
		}
		#feature > ul > li > figure > img.pc {
			display:none;
		}
	}

#feature > ul > li > div {
	display:table-cell;
	vertical-align:middle;
	width:58.13%;
	background-color:#F6F6F6;
}
	@media(max-width:767px) {
		#feature > ul > li > div {
			display:block;
			width:100%;
		}
	}

#feature > ul > li > div > h3 {
	font-size:28px;
	padding:10px 10px 5px 10px;
	line-height:1.2;
}
	@media(max-width:979px) {
		#feature > ul > li > div > h3 {
			font-size:25px;
		}
	}
	@media(max-width:767px) {
		#feature > ul > li > div > h3 {
			font-size:22px;
			padding:15px;
		}
	}
#feature > ul > li > div > h3 > span {
	font-size:22px;
}
	@media(max-width:979px) {
		#feature > ul > li > div > h3 > span {
			font-size:20px;
		}
	}
	@media(max-width:767px) {
		#feature > ul > li > div > h3 > span {
			font-size:18px;
		}
	}

#feature > ul > li > div > p {
	font-size:22px;
	padding:0 10px;
	line-height:1.4;
}
	@media(max-width:979px) {
		#feature > ul > li > div > p {
			font-size:20px;
		}
	}
	@media(max-width:767px) {
		#feature > ul > li > div > p {
			padding:0 15px 15px 15px;
			font-size:18px;
		}
	}



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

#message > figure {
	width:25%;
	float:right;
}
	@media(max-width:767px) {
		#message > figure {
			float:none;
			margin:0 auto 20px auto;
			min-width:120px;
		}
	}

#message > figure > img {
	width:100%;
}

#message > div {
	width:71.875%;
	float:left;
}
	@media(max-width:767px) {
		#message > div {
			width:auto;
			float:none;
		}
	}

#message > div > strong {
	display:block;
	font-size:24px;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	line-height:1.3;
	margin-bottom:20px;
}
#message > div > p {
	line-height:1.6;
}



/* shimai
---------------------------------------------- */
#shimai {
	margin-bottom:150px;
	border:1px solid #999;
	padding:12px;
}
	@media(max-width:767px) {
		#shimai {
			margin-bottom:100px;
		}
	}

#shimai > div {
	width:76%;
	float:left;
}
	@media(max-width:767px) {
		#shimai > div {
			width:100%;
			float:none;
		}
	}

#shimai > div > h2 {
	font-size:24px;
	margin-bottom:8px;
	line-height:1.3;
}
#shimai > div > p {
	line-height:1.6;
	margin-bottom:10px;
}
	@media(max-width:979px) {
		#shimai > div > p {
			line-height:1.3;
		}
	}

#shimai > img {
	width:21.2%;
	float:right;
}
	@media(max-width:767px) {
		#shimai > img {
			display:block;
			float:none;
			margin:0 auto 20px auto;
			min-width:180px;
		}
	}

#shimai > div > a {
	display:inline-block;
	color:#FFF;
	font-size:20px;
	text-align:center;
	padding:8px 50px;
	background:url(../../shared/images/bg_btn1.png) right 10px center no-repeat #333;
	background-size:8px 14px;
}
#shimai > div > a:hover {
	opacity:0.8;
}