@charset "shift_jis";
/* CSS Document */

/* -- LAYOUT -- */
.left {float:left; display:inline;}
.right {float:right; display:inline;}
.center {text-align:center;}
.clear {clear:both;}

a img, img { border:0;}
a:hover img.alpha { -moz-opacity:0.7; opacity:0.7; filter: alpha(opacity=70); }

.mp0 { margin:0; padding:0; }
.mt10 { margin-top:10px; }
.mb5 { margin-bottom:5px; }
.mb7 { margin-bottom:7px; }
.mb15 { margin-bottom:15px; }
.mb25 { margin-bottom:25px; }

.alignL { text-align:left; }
.alignC { text-align:center; }
.alignR { text-align:right; }

.smallest { font-size:1rem; }

/* clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
	
html { font-size:62.5%; }
body { font-size:1.4rem; }



#wrapper { width: 100%; margin:0 auto 0 auto; }
	#wrapper dl, #wrapper dt, #wrapper dd, #wrapper ul, #wrapper li { margin:0; padding:0; }
	#wrapper ul { list-style:none; }
	
#wrapper  #info { margin:10px 0 6px 0; font-size:1.2rem}
#wrapper  #info span { background:#ff0000; color:#ffffff; font-weight:bold; padding:2px 5px; margin:0 5px 0 0; letter-spacing:0.2em; }	

#result_area { padding:0.5em; }

	#result_area #result_head { border:4px solid #d89cb5; margin:0 0 1em 0; padding:1em 0 1em 0; background:#fceeee; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
	#result_area #result_head p.ttl { margin:0; padding:0; text-align:center; }
	#result_area #result_head p.advice { margin:1em 1.5em 0 1.5em; padding-top:1.8em; color:#73334d; font-weight:bold; text-align:center; font-size:1.2rem; background:url(../image/common/sph_ttl_line.png) top left no-repeat; }
	
	#result_area #result_table { margin:0 0 1.5em 0; }
	#result_area #result_table table { margin:0 auto; width:100%; }
	#result_area #result_table table th { border-bottom:1px dashed #cea6b1; margin:0; padding:0.5em 0 0.5em 0.5em; background:#f5f4f0; text-align:left; font-weight:bold; font-size:2rem; color:#73334b; }
	#result_area #result_table table th span { font-size:1rem; }
	#result_area #result_table table td { border-bottom:1px solid #cea6b1; margin:0; padding:0.5em 0.5em 0.6em 0.5em; }

	#result_area2 .product_area, #result_area3 .product_area { background:#f9e1dd; margin:3em auto 1.5em auto; padding:38px 0 2em 0; width:100%; position:relative; }
	#result_area2 .product_area img.name, #result_area3 .product_area img.name { position:absolute; top:-30px; left:0; }
		#result_area2 .product_area .pic_area, #result_area3 .product_area .pic_area { background:#ffffff; margin:0 0.5em 1em 0.5em; padding:0.7em 0; text-align:center; }
		#result_area2 .product_area .pic_area .catch, #result_area3 .product_area .pic_area .catch { margin:1em auto 1.2em; }
		
		#result_area2 .product_area .product_name, #result_area3 .product_area .product_name { font-size:1.6rem; text-align:center; font-weight:bold; margin-bottom:1em; padding:0; color:#72344d; }
		#result_area3 .product_area .product_name span { font-size:1.3rem; }
		#result_area2 .product_area .product_name img, #result_area3 .product_area .product_name img { vertical-align:top; padding:0 0 0 0.2em; }
		#result_area2 .product_area .product_price, #result_area3 .product_area .product_price { font-size:3rem; color:#ff3300; font-weight:bold; }
		#result_area2 .product_area .product_price .tax, #result_area3 .product_area .product_price .tax { font-size:1.4rem; font-weight:normal; }
		#result_area2 .product_area .product_txt, #result_area3 .product_area .product_txt { font-size:1.3rem; }
		#result_area2 .product_area .free_ic, #result_area3 .product_area .free_ic { font-size:1.2rem; background:#ffffff; padding:0.3em 0.8em; margin:0 0 0 0.2em; border:1px solid #161616; }
		
		
	#result_area2 .cart_area, #result_area3 .cart_area { margin:0 auto 0 auto; }
		#result_area2 .cart_area .routine, #result_area3 .cart_area .routine { text-align:center; margin-bottom:1.2em; }
		#result_area2 .cart_area .cart, #result_area3 .cart_area .cart { text-align:center; }


#recoDiet_area { margin-bottom:2em;}
	#recoDiet { background:#f44f7a; padding:1em 1.5em; color:#ffffff; font-size:2.2rem; font-weight:bold; }
	#recoDiet span { font-size:1.2rem; font-weight:normal; }
	#recoDiet span.sphdays { font-size:1.2rem; font-weight:bold; color:#fffa7d; }
	#recoDiet_area .cap { font-size:1rem; margin:0 1em; padding:0; }
	#diet_pickup { margin:1.5em 1em; border:2px solid #ec206d; padding:0.5em; color:#ec206d; font-weight:bold; border-radius: 6px; }
	#pickup_txt1 { text-align:center; font-weight:bold; font-size:1.8rem; color:#afafaf; margin-top:1em; }
	#pickup_txt2 { text-align:center; font-weight:bold; font-size:1.4rem; color:#606060; margin-bottom:2em; }
	#pickup_txt1 .main_txt { color:#e9276e; }
	#pickup_txt1 .mo { font-size:1.4rem; color:#606060; }


h2.catop_h2 { font-weight:bold; font-size:1.4rem; padding:0 0 0.6em 1.2em; margin-bottom:0.8em; }

#recommend_products h2.catop_h2 { border-bottom:2px solid #7acce4; }
#pickup_contents h2.catop_h2,
#pickup_contents2 h2.catop_h2 { border-bottom:2px solid #7acce4; }


#red {
color:red;
 }

.sample { margin-bottom:1em; }

.sample .name,
.sample .copy,
.sample .price1,
.sample .price2,
.sample .cp_limit,
.sample .btn { display:none; }
/*1行に4商品表示するために幅を25％に設定*/
.sample li{width:25%;}
/*商品セットを線で囲む*/
.sample .goods_set {
border:1px solid #ccc;
margin: 0.2em;
padding: 0.3em;
box-sizing:border-box;
}
/*画像の高さを解除*/
.sample img.r_img{height:auto;}
/*割引率を幅いっぱいに広げ、帯をオレンジ色にする*/
.sample .cp_discount {
display:block;
background-color: #F60;
}