@charset "utf-8";

/*************************************************/
.BrandingArea {
	margin:0;
	width:100%;
	height:400px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background-image:url(/file/images/header/img_branding_1.jpg);
	background-repeat:  no-repeat;
	background-position:center center;
	border:1px solid #cecece;
}

.div_text10 {
	padding:0 10px;
}

.div_text20 {
	padding:0 20px;
}

.list_faq1 {
	padding:10px 0;
	font-weight:normal;
}

.list_faq1 dt{
	margin:0 0 0 0;
	padding:20px 0 10px 30px;
	font-weight:normal;
	font-size:14px;
	background-image:url(/file/images/etc/icon_question.jpg);
	background-repeat:  no-repeat;
	background-position:left center;
}

.list_faq1 dd{
	margin:0 0 0 0;
	padding:10px 0 20px 30px;
	font-weight:normal;
	font-size:14px;
	background-image:url(/file/images/etc/icon_answer.jpg);
	background-repeat:  no-repeat;
	background-position:left center;
	border-bottom:1px solid #cecece;
}


.button_purchase1{
	margin-left:auto;
	margin-right:auto;
	width:400px;
	font-size:24px;
	font-weight:bold;
}

.button_purchase1 a{
	display:block;
	padding:20px 0;
	width:100%;
	color:#fff;
	text-align:center;
}

.button_purchase1 a:link {  background-color: #c00000;  text-decoration: none;border-radius: 10px;}
.button_purchase1 a:visited {  background-color: #c00000;  text-decoration: none;border-radius: 10px;}
.button_purchase1 a:active {  background-color:#bd5454;  text-decoration: none;border-radius: 10px;}
.button_purchase1 a:hover {  background-color: #bd5454;  text-decoration: none;border-radius: 10px;}

.div_coffee1{
	float:right;
	width:680px;
}

.div_shopping1_form{
	margin:0 auto;
	width:600px;
	box-sizing: border-box;
}

.div_shopping1_on{
	padding:20px;
	color:#333;
	border:2px solid #a96f3e;
	box-sizing: border-box;
}

.div_shopping1_off{
	padding:20px;
	color:#ccc;
	border:2px solid #deba9a;
	box-sizing: border-box;
}

.product_kind_err {
	margin:10px auto 0 auto;
	padding:10px;
	width:700px;
	box-sizing: border-box;
}

.product_kind_sample {
	margin:30px auto 0 auto;
	padding:10px;
	width:700px;
	font-size:24px;
	font-weight:bold;
	text-align:left;
	color:#55230c;
	box-sizing: border-box;
}

.product_kind_regular {
	margin:30px auto 0 auto;
	padding:10px;
	width:700px;
	font-size:24px;
	font-weight:bold;
	text-align:left;
	box-sizing: border-box;
}

.product_checkbox {
	margin:10px auto 0 auto;
	padding:10px;
	width:600px;
	font-size:18px;
	text-align:left;
	color:#fd6d6d;
	box-sizing: border-box;
}

.product_name {
	font-size:24px;
	font-weight:bold;
	text-align:left;
}

.product_info {
	font-size:16px;
	text-align:left;
}

.product_price {
	font-size:16px;
	text-align:right;
}

.product_set {
	font-size:16px;
	text-align:right;
}

.product_subtotal {
	font-size:16px;
	text-align:right;
	border-top:1px solid #cecece;
}

.Tb_shopping1{
	margin:10px auto 0 auto;
	padding:0;
	width:600px;
	box-sizing: border-box;
}

.Tb_shopping1 td {
	padding:10px;
	font-size:16px;
	text-align:left;
	border-bottom:1px solid #cecece;
}

.Tb_shopping1 td:last-child {
	width:60%;
}

.Tb_coffee1{
	width:100%;
	border:solid 1px #FFF;
	font-size:100%;
	border-collapse: collapse;
	box-sizing: border-box;
}

.Tb_coffee1 td{
	padding:5px 10px;
	width:20%;
	text-align:center;
	font-size:12px;
	border-bottom:solid 1px #FFF;
	border-right:solid 1px #FFF;
	background-color:#f7f5dd;
	vertical-align:center;
}

.Tb_coffee1 tr:nth-last-child(2n) td{
	background-color:#fffff1;
}

.Tb_coffee2{
	width:100%;
	border:solid 1px #FFF;
	font-size:100%;
	border-collapse: collapse;
	box-sizing: border-box;
}

.Tb_coffee2 td{
	padding:10px;
	text-align:left;
	font-size:14px;
	border-bottom:solid 1px #FFF;
	border-right:solid 1px #FFF;
	background-color:#f7f5dd;
	vertical-align:center;
}

.Tb_coffee2 td:first-child{
	width:200px;
}

.Tb_coffee2 tr:nth-last-child(2n) td{
	background-color:#fffff1;
}

.div_member_container1 {
	margin:30px auto 0 auto;
	width:700px;
	box-sizing: border-box;
}

.div_member_1 {
	margin:0;
	padding:20px;
	border:solid 2px #333;
	box-sizing: border-box;
}

.div_top_container1 {
	display:flex;
}

.div_top_left1 {
	width:40%;
	text-align:center;
}

.div_top_center1 {
	margin-top:100px;
	width:18%;
	text-align:center;
	font-size:72px;
	font-weight:bold;
	color:#FF0000;
}

.div_top_right1 {
	width:40%;
	text-align:center;
}

.reco_title {
	font-size:24px;
	font-weight:bold;
}

.reco_subtitle {
	font-size:18px;
	font-weight:bold;
}

.reco_grid_container_flex {
	display:flex;
	width:100%;
	align-items:stretch;
	box-sizing: border-box;
	justify-content:space-between;
}

.reco_grid_container_item{
	position: relative;
	padding:0;
	width:50%;
	text-align:center;
	box-sizing: border-box;
}

.reco_grid_container_item img{
	width:70%;
}


@media screen and (max-width: 768px) {

	.BrandingArea {
		margin:0;
		width:100%;
		height:200px;
		font-size:18px;
		font-weight:bold;
		text-align:center;
		vertical-align:middle;
		background-image:url(/file/images/header/img_branding_1s.jpg);
		background-repeat:  no-repeat;
		background-position:center center;
		background-size:100% 100%;
		border:1px solid #cecece;
	}

	.button_purchase1{
		margin-left:auto;
		margin-right:auto;
		width:220px;
		font-size:14px;
		font-weight:bold;
	}

	.button_purchase1 a{
		padding:10px 0;
	}

	.div_coffee1{
		float:none;
		margin-top:20px;
		width:100%;
	}

	.Tb_coffee1 td{
		font-size:14px;
	}

	.Tb_coffee2 td{
		font-size:14px;
	}

	.Tb_coffee2 td:first-child{
		width:100px;
	}

	.div_shopping1_form{
		width:98%;
	}

	.div_shopping1_on{
		margin:0;
		padding:10px;
		color:#333;
		border:2px solid #a96f3e;
	}

	.div_shopping1_off{
		margin:0;
		padding:10px;
		color:#333;
		color:#ccc;
		border:2px solid #deba9a;
	}

	.product_checkbox {
		margin:20px 0 0 0;
		padding:10px;
		width:98%;
		text-align:left;
	}

	.Tb_shopping1{
		margin:10px 0 0 0;
		padding:0;
		width:98%;
	}

	.product_kind_err {
		margin:0;
		padding:10px;
		width:100%;
	}

	.product_kind_sample {
		margin:0;
		padding:10px;
		width:100%;
		font-size:18px;
	}

	.product_kind_regular {
		margin:0;
		padding:10px;
		width:100%;
		font-size:18px;
	}

	.div_member_container1 {
		width:100%;
	}

	.div_top_container1 {
		display:block;
	}

	.div_top_left1 {
		width:100%;
	}

	.div_top_center1 {
		margin-top:30px;
		margin-bottom:30px;
		width:100%;
		font-size:36px;
	}

	.div_top_right1 {
		width:100%;
	}

}