@charset "utf-8";

/* ----------------------------Cart---------------------------- */

.cartList{
	zoom:1;
	padding:0 2%;
	border-bottom:1px solid #cccccc;
	border-top:8px solid #dfdfdf;
}

.cartList:after{
	content: "";display: block;
	clear: both;
}

.cartList:first-of-type{
	padding-top:0;
}

.cartList:last-of-type{
	padding-bottom:0;
	border-bottom:none;
}

.cartList h3{
	font-size:1.1em;
	margin-bottom:3%;
}

.cartThumbnail{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	float:left;
	width:25%;
	text-align:center;
	display:block;
	padding:5% 0 0;
}

.cartThumbnail img{
	max-width:90%;
	max-height:90px;
	width:auto;
	height:auto;
}

.cartText{
	float:left;
	width:75%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:5% 2% 0 5%;
}

.priceText{
	font-size:1.1em;
	line-height:140%;
}

.priceText strong{
	padding:0 1%;
}

.priceText strong:before{
	content:"：";
	font-size:0.8em;
	font-weight:normal;
}

.salePrice{
	color:#bf1e14;
}

.salePrice strong{
	font-size:1.2em;
	color:#bf1e14;
}

.normalPrice strong{
	font-weight:normal;
	font-size:1.1em;
}

.reCount{
	clear:both;
	padding-bottom:5%;
	width:100%;
	zoom:1;
}

.reCount:after{
	content: "";
	display: block;
	clear: both;
}

.reCount p{
	float:left;
	padding:4% 0 0;
	text-align:left;
}

.reCount p:first-of-type{
	width:60%;
}

.reCount p:last-of-type{
	text-align:center;
	width:35%;
	float:right;
}

.inputItem{
	width:3em;
	padding:0 2%;
	margin:0 2%;
	vertical-align:bottom;
	line-height:100%;
	text-align:right;
	font-size:1.2em;
}

.deleteBtn{
	float:left;
	width:21%;
	margin:3% 2% 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	height:2em;
}

.deleteBtn a{
	display:block;
	color:#fff;
	font-weight: bold;
	text-align:center;
	font-size:0.8em;
	height:2em;
	line-height:2em;
	padding:1% 0;
	margin:-2% 0 0;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
	text-decoration: none;
	border-bottom:3px solid #fcbdc4;
	background:#f45f70;
}


.subtotal{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:70%;
	text-align:right;
	float:right;
	padding:4% 2% 0 0;
	margin-left:5%;
	margin-bottom:5%;
	border-top:1px dashed #ccc;
}

.subtotal .salePrice{
	font-weight:bold;
	font-size:1.1em;
}

.totalPrice{
	margin-top:5%;
}

.totalPrice .pageSubTitle{
	text-align:center;
	font-size:1.3em;
}

.priceText{
	padding:4% 0;
	margin-bottom:4%;
	text-align:center;
	font-size:1.3em;
	border:2px solid #ca3327;
	border-radius:0.3em;
	-webkit-border-radius:0.3em;
	-moz-border-radius:0.3em;
}

.priceText span{
	color:#bf1e14;
	font-weight:bold;
}

.boxText{
	text-align:left;
	padding:4%;
	margin:0 0 4%;
	border:2px solid #ddd;
	border-radius:0.4em;
	-webkit-border-radius:0.4em;
	-moz-border-radius:0.4em;
}

.buyBtn{
	z-index: 1;
	text-align:center;
	margin:5% auto;
	width:94%;
	background-color:#f45f70;
	border-bottom:3px solid #fcbdc4;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
	position:relative;
}

.buyBtn a{
	padding:4% 0;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
	display:block;
}

.cartFlow{
	display:table;
	table-layout:fixed;
	width:100%;
	border-bottom:solid 1px #ddd;
	border-top:solid 1px #ddd;
	line-height:110%;
}

.cartFlow li{
	display:table-cell;
	text-align:center;
	padding:0.5em;
	font-size:0.8em;
	border-right:solid 1px #ddd;
}

.cartFlow li:last-child{
	border-right:none;
}

.cartFlow li:last-of-type{
	background-image:none;
	padding-right:0;
}

.formBtn.wBtn{
	margin-top:5%;
}


/* ---------------destination--------------- */

.addPoint{
	margin-top:8%;
}

#bill{
	background-image:none;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-top:solid 1px #ccc;
	border-radius:0.4em 0.4em 0 0;
	-webkit-border-radius:0.4em 0.4em 0 0;
	-moz-border-radius:0.4em 0.4em 0 0;
}

#hum{
	background-image:none;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-top:solid 1px #ccc;
	border-radius:0.4em 0.4em 0 0;
	-webkit-border-radius:0.4em 0.4em 0 0;
	-moz-border-radius:0.4em 0.4em 0 0;
}

#trans{
	background-image:none;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-top:solid 1px #ccc;
	border-radius:0.4em 0.4em 0 0;
	-webkit-border-radius:0.4em 0.4em 0 0;
	-moz-border-radius:0.4em 0.4em 0 0;
}

.destinationMenu{
	padding:3% 4% 2% 3%;
	border:1px solid #ccc;
	border-top:8px solid #ccc;
	background: -moz-linear-gradient(top,#fefefe 0%,#f1f1f1);
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f1f1f1));
	box-shadow:0 1px 1px rgba(255, 255, 255, 0.6);
	-moz-box-shadow:0 1px 1px rgba(255, 255, 255, 0.6);
	-webkit-box-shadow:0 1px 1px rgba(255, 255, 255, 0.6);
}

#billBox .destinationMenu{
	border-top:1px solid #ccc;
}

#humBox .destinationMenu{
	border-top:1px solid #ccc;
}

#transBox .destinationMenu{
	border-top:1px solid #ccc;
}

.destinationMenu li{
	float:right;
}

.destinationMenu li:first-of-type{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-weight:bold;
	float:left;
	width:29%;
	padding-right:3%;
	border-right:1px solid #ccc;
	box-shadow:1px 0 1px rgba(255, 255, 255, 0.6);
	-moz-box-shadow:1px 0 1px rgba(255, 255, 255, 0.6);
	-webkit-box-shadow:1px 0 1px rgba(255, 255, 255, 0.6);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:inline-block;
	line-height:170%;
}

.radioSelect {
	display:inline-block;
	width:1.2em;
	height:1.2em;
	vertical-align:top;
}

.destinationMenu li:last-of-type{
	margin-right:4%;
}

.destiBtn{
	border:1px solid #ccc;
	border-bottom:none;
	padding:5% 10% 4% 10%;
}

.destiBtn a{
	display:block;
	color:#fff;
	font-weight: bold;
	text-align:center;
	font-size:1em;
	height:2em;
	line-height:2em;
	padding:1% 0;
	margin:-2% 0 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none;
	border-bottom:3px solid #fac0d0;
	background-color:#fa7297;
}

.dataTable{
	border:1px solid #ccc;
	border-top:none;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.dataTable th{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:30%;
	padding:2%;
	text-align:left;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	vertical-align:middle;
	background-color:#fafafa;
}

.dataTable td{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:2%;
	border-bottom:1px solid #ccc;
}


/* ---------------destination_send--------------- */

.roundTitle{
	border:none;
	border-radius:0.4em 0.4em 0 0;
	-webkit-border-radius:0.4em 0.4em 0 0;
	-moz-border-radius:0.4em 0.4em 0 0;
}

.addressName{
	padding:3% 2% 3% 4%;
	background: -moz-linear-gradient(top,#fafafa 0%,#efefef);
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#efefef));
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:1px solid #ddd;
	border-top:none;
}

.optionBox{
	zoom:1;
	padding:0 2% 4%;
	border:1px solid #dddddd;
	border-top:8px solid #dfdfdf;
}

.optionBox:after{
	content: "";
	display: block;
	clear: both;
}

.optionThumbnail{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	float:left;
	width:20%;
	text-align:center;
	padding:5% 0 0;
}

.optionThumbnail img{
	max-width:90%;
	max-height:90px;
	width:auto;
	height:auto;
}

.optionText{
	float:left;
	width:80%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:5% 2% 0 5%;
}

.cartOption{
	zoom:1;
}

.cartOption:after{
    content: ""; 
    display: block; 
    clear: both;
}

.cartOption dt{
	padding:6% 0;
	font-weight:bold;
	width:25%;
	float:left;
	clear:both;
}

.cartOption dd{
	width:70%;
	padding:5% 0 5% 0%;
	float:left;
}

.inputSelect{
	width:60%;
	padding:0 2%;
	margin:-0.2em 2% 2%;
	line-height:100%;
	font-size:1em;
}

.inputSelect2{
	width:80%;
	padding:0 2%;
	margin:-0.2em 2% 2%;
	line-height:100%;
	font-size:1em;
}

.tempNormal{
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-color:#699625;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	padding:1% 0;
}

.tempCool{
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-color:#19b0cb;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	padding:1% 0;
}

.tempCold{
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-color:#186fc8;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	padding:1% 0;
}

.deliveryDay{
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-color:#5c8925;
	background:url(../images/maincolor_back.png) repeat;
	background-size:60px auto;
	-webkit-background-size:60px auto;
	-moz-background-size:60px auto;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	padding:1% 0;
}

.contentsBox .addressList{
	margin-bottom:8%;
}

.selectDay{
	width:90%;
	padding:2% 0;
	margin:0 5% 4%;
	font-size:1em;
	height:2em;
}


/* ---------------payment--------------- */

.paySelect {
	display:inline-block;
	width:1.2em;
	height:1.2em;
}

.paymentText{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:1px solid #ddd;
	border-top:none;
	padding:4%;
}

.paymentTitle{
	font-size:1.2em;
	border:1px solid #ddd;
	letter-spacing:0.1em;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	color:#333333;
	padding:4% 0 4%;
	text-align:center;
	margin:0;
	text-shadow: rgba(255,255,255,0.6) 1px 1px 1px;
	background: -moz-linear-gradient(top,#fafafa 0%,#efefef);
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#efefef));
}

.selectPay{
	font-size:1.2em;
}

.selectPay li{
	padding-bottom:5%;
}

.selectPay li input:checked + strong{
	color:#d30000;
}
.selectPay li input:checked + strong:after{
	content:"(選択中)";
	font-weight:normal;
	font-size:0.8em;
}

.payTextarea{
	width:100%;
	font-size:1em;
}


/* ---------------check--------------- */

.itemTable{
	width:100%;
	border:1px solid #ddd;
	border-top:none;
}

.destiBtn_line{
	border-bottom:8px solid #ddd;
}

.itemTable td{
	border-bottom:8px solid #ddd;
	padding:2% 3%;
}

.itemTable td:first-of-type{
	background-color:#f1f1f1;
	text-align:center;
	vertical-align:middle;
	padding:2% 1%;
	width:2em;
}

.itemList{
	zoom:1;
}

.itemList:after{content: "";display: block;clear: both;}
.itemList dt{
	padding:0 0 3%;
	font-weight:bold;
	width:35%;
	float:left;
	clear:both;
	font-size:0.8em;
}

.itemList dd{
	width:65%;
	padding:0 0 3% 35%;
}

.itemList dt:last-of-type,
.itemList dd:last-of-type{
	padding-bottom:0;
}

.totalItem{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:100%;
}

.totalPriceSub{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-color:#5c8925;
	background:url(../images/maincolor_back.png) repeat;
	background-size:60px auto;
	-webkit-background-size:60px auto;
	-moz-background-size:60px auto;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	padding:1% 0;
	border-bottom:2px solid #1e7cd3;
}

.totalItem th{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:1px solid #ddd;
	border-left:2px solid #1e7cd3;
	text-align:left;
	width:40%;
	padding:2% 2% 2% 3%;
}

.totalItem td{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:1px solid #ddd;
	border-right:2px solid #1e7cd3;
	padding:2%;
	text-align:right;
}

.totalItem .endTable th,.totalItem .endTable td{
	border-bottom:2px solid #1e7cd3;
	border-top:4px solid #1e7cd3;
	padding:3%;
}

.totalItem .endTable td{
	font-weight:bold;
	font-size:1.2em;
}

.totalItem .endTable2 th,.totalItem .endTable2 td{
	border-bottom:2px solid #be8806;
	padding:3%;
}

.cartFlow .txtRed{
	background-color:#3daff6;
	color:#fff;
}