@charset "UTF-8";

#contents h1{
    padding: 5px 0 6px;
    border-top: 1px solid #8C7051;
    border-bottom: 1px solid #181510;
    background: -webkit-gradient(linear, left top, left bottom, from(#6E5940), color-stop(0.40, #523F27), color-stop(0.96, #523F27), color-stop(0.97, #5C472F), to(#786045));
    background: -ms-linear-gradient(to bottom, #6E5940, #523F27 40%, #523F27 96%, #5C472F 97%, #786045);
    background: linear-gradient(to bottom, #6E5940, #523F27 40%, #523F27 96%, #5C472F 97%, #786045);
    line-height: 1.15;
    text-align: center;
    font-size: 1.6rem;
    color: #fff;
}
#lead {
	margin:4px 2%;
	font-size:1.3rem;
}
#lead .link {
	padding:15px 0;
}
#lead .link span {
	padding-right:5px;
}
#lead .attention {
	color:#CC0000;
}

#lead .attentionunder {
	color:#CC0000;
	text-decoration:underline;
}

#contents section {
	background-color:#FAF8F3;
}
#contents section .title {
	font-size:1.6rem;
	color:#FFF;
	padding: 5px 2% 6px;
	line-height:1.15;
	border-top:1px solid #937D33;
	border-bottom:1px solid #937D33;
	background:-webkit-gradient(linear, left top, left top, from(#A39156), color-stop(0.2, #82734A), to(#82734A));
	background: linear-gradient(to bottom, #A39156, #82734A 20%, #82734A);
}
#contents article .information {
	padding-bottom:8px;
}
#contents article .use {
	padding:0 0 8px;
}
#contents article .use .permit {
	width:80%;
	margin:5px auto 0;
}
#contents article .use .permit a, 
#contents article .use .permit input {
	width: 100%;
	display:block;
	padding:4px 0;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	font-size:1.7rem;
	color:#FFF;
	text-shadow:1px 1px 0px rgba(150, 1, 1, 0.56);
	-webkit-border-radius:5px;
	border-radius:5px;
	background:-webkit-gradient(linear, left top, left bottom, from(#DE5858), color-stop(0.35, #CD0102), to(#CD0102));
	background: linear-gradient(to bottom, #DE5858, #CD0102 35%, #CD0102);

}
#contents article .use .notPermit {
	width:100%;
	margin:0 auto;
	padding:8px 0;
	background-color:#E0E0D8;
	text-align:center;
	margin-top: 6px;
}
#contents .backToCart {
	width:90%;
	margin:0 auto;
}

#priceCoupon article {
	padding:11px 2% 3px;
}
#priceCoupon .images {
	float:left;
	width:35%;
}
#priceCoupon .texts {
	float:left;
	width:65%;
}
#priceCoupon .texts .couponName {
	font-size:1.5rem;
	color:#CC0000;
}
#priceCoupon .texts li {
	font-size:1.3rem;
}

#priceCoupon article,
#itemCoupon article {
	padding:11px 2% 3px;
	border-bottom:1px solid #DAD7B8;
}
#itemCoupon .images {
	float:left;
	width:35%;
}
#itemCoupon .texts {
	float:left;
	width:65%;
}
#itemCoupon .noImage {
	width:100%;
}
#itemCoupon .texts .couponName {
	font-size:1.5rem;
	color:#CC0000;
}
#itemCoupon .texts li {
	font-size:1.3rem;
}
#contents .backToCart {
	width:90%;
	margin:15px auto;
}
#contents .backToCart a {
	display:block;
	text-align:center;
	padding:5px 0;
	color:#3F3F3E;
	text-decoration:none;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #CDC4B8;
	background:-webkit-gradient(linear, left top, left bottom, from(#FCFBFA), color-stop(0.5, #EFEBE7), to(#EFEBE7));
	background: linear-gradient(to bottom, #FCFBFA, #EFEBE7 50%, #EFEBE7);
}
#contents .backToCart a img {
	padding-right:5px;
}
#contents .backToCart span,
#contents .backToCart img {
	vertical-align:middle;
}
#itemCoupon .option {
	text-align: center;
	padding: 2px 8px 0 8px;
	margin: 10px 0;
}
#itemCoupon .option li.name {
	background-color: #EDE3CB;
	margin: 3px 3px 3px 3px;
}
#itemCoupon .option ul {
	border-radius:3px;
	border:1px solid #CDC4B8;
	margin-top: 3px;
}

/*20230221 Aiga Ogura 注文遷移統一対応 Add Start*/
.btn_green_couponSelect {
	display: block;
	width: 76%;
	margin: 14px auto;
	padding: 5px 0;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	color: white;
	font-size: 1.7rem;
	background: url(/Contents/Images/common/icon_arrow3.png) no-repeat 98% center, -webkit-gradient(linear, left top, left bottom, from(#448867), color-stop(0.5, #10673C), to(#10673C));
	background: url(/Contents/Images/common/icon_arrow3.png) no-repeat 98% center, -moz-linear-gradient(top, #448867, #10673C 50%, #10673C);
}
/*20230221 Aiga Ogura 注文遷移統一対応 Add End*/

/* 20230817_matayoshi_青ボタン化_add start */
.BlueBtn .btn_green_couponSelect {
	display: block;
	width: 76%;
	margin: 14px auto;
	padding: 5px 0;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	color: white;
	font-size: 1.7rem;
	background: #005bbb;
}
#contents article .use .BlueBtn a,
#contents article .use .BlueBtn input {
	width: 100%;
	display: block;
	padding: 4px 0;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-size: 1.7rem;
	color: #FFF;
	text-shadow: 1px 1px 0px rgba(150, 1, 1, 0.56);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #005bbb;
	border: #005bbb;
}
/* 20230817_matayoshi_青ボタン化_add end */

@media (min-width: 741px) {

	#lead {
		font-size:1rem;
	}
	#itemCoupon .texts li {
		font-size:1rem;
	}
	option , select {
	    font-size: 1rem;
	}
	.option ul li{
		padding: 5px 0;
	}
	#contents article .use .permit a, #contents article .use .permit input{
		font-size: 1.2rem;
	}
	/* 20230919_matayoshi_青ボタン化_add start */
	#contents article .use .permit a, #contents article .use .BlueBtn input {
		font-size: 1.2rem;
	}
	/* 20230919_matayoshi_青ボタン化_add end */

}