@charset "Shift_JIS";



/* --------------------------------
	表紙
-------------------------------- */

article#cover { margin:10px 0 0 0; background:url(//img.e87.com/s/common/images/dt_h_03.gif) repeat-x; background-size:48px 1px; -webkit-background-size:48px 1px; -moz-background-size:48px 1px; }
article#cover h1 { padding:6px 15px 4px 15px; background:url(//img.e87.com/s/common/images/dt_h_03.gif) repeat-x left bottom; background-size:48px 1px; -webkit-background-size:48px 1px; -moz-background-size:48px 1px; color:#79278f; font-weight:bold; }
article#cover .lead { padding:10px 15px 0 15px; }



/* --------------------------------
	選ぶ
-------------------------------- */

article.select { margin:25px 0 0 0; }
article.select h2 { padding:2px 0 2px 0; background:#79278f; box-shadow:0px 2px 3px rgba(0,0,0,0.2); color:#fff; font-weight:bold; text-shadow:-1px -1px #000; }
article.select h2 span { display:block; padding:3px 10px 4px 10px; border-top:#f8cde0 1px solid; border-bottom:#f8cde0 1px solid; }
article.select h2 img { margin:0 5px 0 0; vertical-align:bottom; }
article.select div.content { padding-bottom:0; }


/* 価格帯から選ぶ ---------------- */
article.price div.content { padding:15px 10px 20px 10px; }
article.price div.content ul { display:table; border:#ccc 1px solid; border-bottom:none; width:100%; }
article.price div.content ul:first-child { border-top-left-radius:4px; border-top-right-radius:4px; }
article.price div.content ul:last-child { border-bottom:#ccc 1px solid; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
article.price div.content ul li { display:table-cell; border-left:#ccc 1px solid; width:50%; background:url(//img.e87.com/s/common/images/arw_r_03.png) no-repeat 96.5% 50%; background-size:8px 12px; -webkit-background-size:8px 12px; -moz-background-size:8px 12px; vertical-align:middle; }
article.price div.content ul li:first-child { border-left:none; }
article.price div.content ul li a { display:block; padding:18px 0 17px 12px; }
article.price div.content ul li a:link,
article.price div.content ul li a:visited,
article.price div.content ul li a:hover,
article.price div.content ul li a:active { color:#000; text-decoration:none; }



/* --------------------------------
	商品
-------------------------------- */

section.item { margin:13px 0 0 0; background:#f4ebff url(//img.e87.com/s/selection/summer/img/index/gift_01_item_bg_t.gif) repeat-x left bottom; background-size:7px 15px; -webkit-background-size:7px 15px; -moz-background-size:7px 15px; }
section.item img { vertical-align:bottom; }
section.item div.item_bg { padding:33px 15px 38px 14px; background:url(//img.e87.com/s/selection/summer/img/index/gift_01_item_bg_b.gif) repeat-x; background-size:7px 13px; -webkit-background-size:7px 13px; -moz-background-size:7px 13px; }
section.item p.img { width:141px; float:left; }
section.item div.detail { padding:0 0 0 11px; width:48%; float:left; }
section.item .name { padding:3px 0 0 0; font-weight:bold; }
section.item .name a {}
section.item .name a:link,
section.item .name a:visited,
section.item .name a:hover,
section.item .name a:active { color:#5e0075; text-shadow:1px 1px #fff; }
section.item div.detail ul.ico { padding:8px 0 0 0; }
section.item div.detail ul.ico li { padding:4px 5px 0 0; width:56px; float:left; font-weight:bold; line-height:1; }
section.item div.detail ul.price { padding:8px 0 0 0; }
section.item div.detail ul.price li {}
section.item div.detail ul.price li.price_01 {}
section.item div.detail ul.price li.price_01 span { font-weight:bold; }
section.item div.detail ul.price li.price_02 {}
section.item div.detail ul.price li.price_02 span { font-size:14px; }
section.item p.txt { clear:both; padding:15px 0 0 0; }
section.item p.btn { clear:both; margin:15px 0 0 0; color:#fff; font-weight:bold; text-shadow:0 -1px #d32e81; text-align:center;
background: -moz-linear-gradient(
	top,
	#e967c2 0%,
	#de42af 50%,
	#d20297 50%,
	#b1007f);
background: -webkit-gradient(
	linear, left top, left bottom, 
	from(#e967c2),
	color-stop(0.50, #de42af),
	color-stop(0.50, #d20297),
	to(#b1007f));
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #e392d0;
-moz-box-shadow:
	1px 1px 3px rgba(000,000,000,0.2);
-webkit-box-shadow:
	1px 1px 3px rgba(000,000,000,0.2);
box-shadow:
	1px 1px 3px rgba(000,000,000,0.2);
}
section.item p.btn a { display:block; padding:14px 8px 14px 8px; }
section.item p.btn a:link,
section.item p.btn a:visited,
section.item p.btn a:hover,
section.item p.btn a:active { color:#fff; text-decoration:none; }

section.item section.other { margin:20px auto 0 auto; border-top:#c39dd2 1px solid; }
section.item section.other h3 { border-top:#fff 1px solid; padding:12px 0 0 1.5em; color:#5e0075; text-indent:-1.5em; text-shadow:1px 1px #fff; font-weight:bold; }
section.item section.other ul { margin:9px 0 0 0; }
section.item section.other ul li { width:48%; float:left; }
section.item section.other ul li:last-child { float:right; }
section.item section.other ul li p.img { text-align:center; width:auto; float:none; }
section.item section.other ul li p.name {}
section.item section.other ul li p.btn { margin:9px 0 0 0; line-height:1.3; }
section.item section.other ul li p.btn a { padding:5px 5px 5px 5px; }



/* --------------------------------
	ページトップ
-------------------------------- */

article#body p.pagetop { margin-top:15px; border-top:none; background:#fff; }



/* --------------------------------
	特集トップへ戻る
-------------------------------- */

p.btn_back_top { margin:15px 0 0 0; text-align:center; }