@charset "utf-8";

/*============================================================
手作りLP 131022
============================================================*/
img { max-width: 100%; }

#main_visual {
	width:940px;
	margin:15px auto;
	position:relative;
}


#about {
	width:940px;
	margin:0 auto;
	padding-top: 20px;
	position:relative;
	font-size: 18px;
}
#about h3 {
	width: 940px;
	height: 84px;
	text-align: center;
	line-height: 1;
	font-size: 36px;
	color: #FFF;
	background: url(../../lp/homemade/img/about_ttl.jpg) no-repeat center 0;
	padding-top: 20px;
}
#about #about_bg {
	background: url(../../lp/homemade/img/about_01.jpg) no-repeat right bottom;
	padding: 20px 380px 0 20px;
	min-height: 246px;
}

#textarea {
	width:940px;
	margin:0 auto;
	padding-top: 50px;
	position:relative;
	text-align: center;
}
#textarea #textarea_01 { margin-bottom: 70px;}
#textarea #textarea_02 { margin-bottom: 120px;}
#textarea #textarea_03 { margin-bottom: 75px;}
#textarea #textarea_04 { z-index: 999; position:relative;}


#list_minus {
	margin-top:-80px;
	position:relative;
}
#list {
	width:940px;
	margin:0 auto;
	padding-top: 40px;
	position:relative;
	font-size: 20px;
	text-align: center;
}
#list h3 {
	margin-bottom: 30px;
}
#list #list_box {
	width: 910px;
	background: url(../../lp/homemade/img/list_bg.jpg) repeat-y 0 0;
	margin: 0 auto 30px;
	padding: 60px 0 0;
	text-align: left;
}
#list #list_box:after {
	display: block;
	width: 910px;
	height: 4px;
	content: url(../../lp/homemade/img/list_bg_after.jpg);
	margin: 0;
	padding: 45px 0 0;
	font-size:1px;
	line-height: 1;
}
#list #list_box ul {
	width: 750px;
	margin: 0 auto;
	color: #333;
	font-weight: bold;
	overflow: hidden;
}
#list #list_box ul li {
	background: url(../../lp/homemade/img/list_icon.png) no-repeat 0 10px;
	padding-left: 25px;
	padding-bottom: 10px;
}
#list #list_box strong {
	background: #FFFFBF;
	font-size: 24px;
	padding: 0 5px;
}
#list #list_box ul li:nth-child(odd) { width: 370px; float: left;}
#list #list_box ul li:nth-child(even) { width: 320px;	float: right;}


#voice {
	width:940px;
	margin:0 auto;
	padding-top: 30px;
	position:relative;
}
#voice h3 {
	margin-bottom: 50px;
	text-align: center;
}
#voice .voice_box {
	width: 810px;
	height: 290px;
	margin: 0 auto 40px;
	padding: 46px 50px 0;
	font-size: 18px;
	line-height: 1.8;
	overflow: hidden;
	float: none;
	clear: both;
	background: url(../../lp/homemade/img/voice_bg.jpg) no-repeat 0 0;
}
#voice .voice_box strong {
	color: #F00;
	text-decoration: underline;
	font-weight: normal;
}
#voice .voice_box .photo {
	width: 180px;
	float: left;
}
#voice .voice_box .text {
	width: 600px !important;
	float: right;
}
#voice .voice_box h4 {
	background: #04B2B8;
	margin-bottom: 10px;
	padding: 10px 15px;
	font-size: 20px;
	color: #FFF;
	line-height: 1;
}


#why {
	width:940px;
	margin:0 auto;
	padding-top: 20px;
	position:relative;
	font-size: 18px;
}
#why h3 {
	width: 940px;
	height: 130px;
	text-align: center;
	line-height: 1.3;
	font-size: 36px;
	color: #FFF;
	background: url(../../lp/homemade/img/why_ttl.jpg) no-repeat center 0;
	padding-top: 15px;
}
#why #why_text {
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
#why h4 {
	color: #FFFFBF;
	font-size: 36px;
	line-height: 1.3;
	margin-bottom: 10px;
}
#why strong {
	font-weight: normal;
	text-decoration: underline;
}
#why #why_box_01,
#why #why_box_02,
#why #why_box_03 {
	margin:0 auto 10px;
	padding-left: 5px;
	overflow: hidden;
}
#why #why_box_01 {
	width:505px;
	background: url(../../lp/homemade/img/why_01.jpg) no-repeat right 0;
	min-height: 369px;
	padding-right: 400px;
	padding-top: 20px;
}
#why #why_box_02 {
	width:555px;
	background: url(../../lp/homemade/img/why_02.jpg) no-repeat 0 0;
	min-height: 312px;
	padding-left: 350px;
	padding-top: 20px;
}
#why #why_box_03 {
	width:490px;
	background: url(../../lp/homemade/img/why_03.jpg) no-repeat right 0;
	min-height: 380px;
	padding-right: 415px;
	padding-top: 50px;
}


#last {
	width:940px;
	margin:0 auto;
	padding-top: 20px;
	position:relative;
	font-size: 18px;
}
#last .text {
	text-align: center;
	margin-bottom: 40px;
}


#recipe {
	width: 700px;
	height: 329px;
	margin: 0 auto 40px;
	background: url(../../lp/homemade/img/recipe_bg.jpg) no-repeat 0 0;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
}
#recipe a{
	padding: 30px 213px 0 32px;
	display: block;
}
#recipe #link {
	margin-top: 150px;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
#recipe #link span{
	background: url(../../lp/homemade/img/recipe_icon.png) no-repeat 0 center;
	padding-left: 12px;
	color: #00B3BA;
}


/*============================================================
商品ラインナップ
============================================================*/
div#main_wrap article section p.product_image { width:220px; float:left; }

div#main_wrap article section div#product_list { width:940px; }

div#main_wrap article section dl { width:690px; float:right; }

div#main_wrap article section dl dt { padding-bottom:10px; margin-bottom:20px; font-size:26px; line-height:1.4; font-weight:bold; border-bottom:1px dashed #CCCCCC; }
div#main_wrap article section dl dt p.product_icon { margin-bottom:10px; }
div#main_wrap article section dl dt span.free { font-size:14px; color:#FFFFFF; padding:0 5px; margin-right:10px; background:#FFB973; font-weight:normal; }
div#main_wrap article section dl dt span.present { font-size:14px; color:#FFFFFF; padding:0 5px; margin-right:10px; background:#FF9999; font-weight:normal; }

div#main_wrap article section dl dd { width:100%; margin-bottom:20px; }
div#main_wrap article section dl dd span.nomal { font-size:14px; line-height:1.4; }

div#main_wrap article section dl dd.price_box { width:647px; padding:10px 20px; background:#EEEEEE; line-height:1.2; border-left:3px #04B5BC solid; }

div#main_wrap article section dl dd.price_box table { width:100%; border:none; }
div#main_wrap article section dl dd.price_box table td { vertical-align:middle; }
div#main_wrap article section dl dd.price_box table td.price { font-size:20px; }
div#main_wrap article section dl dd.price_box table td.price span.tax,
div#main_wrap article section dl dd.price_box table td.price span.second { font-size:14px; font-weight:normal; }
div#main_wrap article section dl dd.price_box table td.action_btn { text-align:right; }
div#main_wrap article section dl dd.cancel { font-size:12px; }