@charset "utf-8";

@import url("../../common/css/reset.css");
@import url("../../common/css/layout.css");
@import url("../../common/css/page.css");

/* コモン */

section{
	line-height:1.8;
}

h1{
	text-align:center;
	margin-bottom:30px;
}

h2{
	margin-bottom:20px;
}

.notes{
	border:5px #FFF solid;
	border-radius:10px;
	clear:both;
	padding:1em 20px;
	text-align:center;
}

.price{}

/* 焼き菓子（abg）
──────────────────────────────────────── */

#abg:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
	/*モダンブラウザ隙間対策*/
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

#abg section{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:#F5F0D6;
	-webkit-border-radius:20px;
	border-radius:20px;
	float:left;
	margin-right:30px;
	padding:30px;
	width:465px;
}

#abg section:nth-of-type(even){
	float:right;
	margin-right:0;
}

#abg section:nth-of-type(1),
#abg section:nth-of-type(2){
	margin-bottom:30px;
}

#abg section .photo{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:auto;
	float:left;
	padding-right:10px;
	width:260px;
}

/* 商品名タイトル処理 */

#abg .titleset{
	border-bottom:3px #D10D4A double;
	display:table;
	width:100%;
	padding-bottom:1rem;
	margin-bottom:1rem;
}

#abg .titleset h3,
#abg .titleset p{
	display:table-cell;
}

#abg .titleset h3{
	font-size:120%;
	font-weight:bold;
}

#abg .titleset p{
	text-align:right;
}

/* キャプション */

#abg .titleset + p{
	margin-bottom:1rem;
}

/* 規格 */

#abg ul{
	border-bottom:1px #A19042 solid;
	font-size:0.8em;
	margin-bottom:0.5em;
	padding-left:260px;
	padding-bottom:0.5em;
}

#abg ul li:before {
	content:"●";
}

#abg ul + p{
	padding-left:260px;
}

/* ラッピングギフト（wg）
──────────────────────────────────────── */

#wg{
	margin-top:40px;
}

#wg:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
	/*モダンブラウザ隙間対策*/
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

#wg section{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:#F5F0D6;
	-webkit-border-radius:20px;
	border-radius:20px;
	float:left;
	margin-right:30px;
	padding:30px;
	width:300px;
}

#wg section:nth-of-type(3n){
	float:right;
	margin-right:0;
}

#wg section:nth-of-type(1),
#wg section:nth-of-type(2){
	margin-bottom:30px;
}

#wg section .photo_w img{
	height:auto;
	width:100%;
}

#wg section .photo_h {
	background:#FFF;
	height:160px;
	text-align:center;
}

#wg section .photo_h img{
	height:100%;
	width:auto;
}


/* 商品名タイトル処理 */

#wg .titleset h3{
	border-bottom:3px #D10D4A double;
	padding-bottom:1rem;
	margin-bottom:1rem;
	font-size:120%;
	font-weight:bold;
}

#wg .titleset p{
	text-align:right;
}

/* キャプション */

#wg .titleset + p{
	margin-bottom:1rem;
}

/* 規格 */

#wg ul{
	border-bottom:1px #A19042 solid;
	font-size:0.8em;
	margin:1em 0 0.5em;
	padding-bottom:0.5em;
}

#wg ul li:before {
	content:"●";
}

/* ご利用方法（hto）
──────────────────────────────────────── */

#hto{
	margin-top:40px;
}

#hto ol{
	line-height:1.8;
}

#hto ol li{
	text-indent:-3.5rem;
	padding-left:3.5rem;
}

#hto .fax{
	font-size:1.6em;
}

#hto div.dl{
	-webkit-box-shadow: 1px 1px 1px #d9c775;
	box-shadow: 1px 1px 1px #d9c775;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:#FFF;
	font-size:1.5rem;
	display:table;
	margin:1rem 0;
	padding:5px;
	text-indent:0 !important;
}

#hto div.dl a{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #99CC33;
	color: #FFF;
	display: inline-block;
	text-decoration: none;
	padding: 1rem 2rem 1rem 5rem;
	font-weight: bold;
	text-shadow: 1px 1px #7BB333;
	position:relative;
}

#hto div.dl a:before {
	background:url(../../common/svg/icon/pdf_white.svg) no-repeat center;
	-webkit-background-size:auto 100%;
	background-size:auto 100%;
	content:"";
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	left:2rem; top:50%;
	margin-top:-12px;
}


/* 送料について（carriage）
──────────────────────────────────────── */

#carriage{
	margin-top:40px;
}

#carriage h2 + p{
	line-height:1.8;
}

#carriage h3{
	font-weight:bold;
	margin-top:1em;
}

#carriage table{
	background:#FFF;
	border-collapse:separate;
	border-spacing:5px;
	table-layout:fixed;
	width:100%;
}

#carriage table + table{
	margin-top:30px;
}

#carriage table th,
#carriage table td{
	padding:0.5rem 1rem;
	text-align:center;
}

#carriage table th{
	background:#EEE;
	font-weight:bold;
}

#carriage thead th{
	background:#223C53;
	color:#FFF;
}

#carriage table td{
	border:1px #EEE solid;
}