@charset "utf-8";

.js-cartform {
	width: 100%;
	position: relative;
	z-index: 1;
}

.js-cartform-tooltips {
	width: 302px;
	padding: 20px 20px 15px;
	display: none;
	overflow: hidden;
	_zoom: 1;
	position: absolute;
	bottom: 76px;
	*bottom: 91px;
	left: 0;
	z-index: 10;
	background: #f7f6f4;
	border: 1px solid #edf3e8;
}

.js-cartform-tooltips.show {
	display: block;
}

	.js-cartform-tooltips .text {
		overflow: hidden;
		_zoom: 1;
	}

	.js-cartform-tooltips .cart {
		margin-left: 20px;
		padding-left: 25px;
		float: right;
		background: url(/onlinestore/images/bg_cart_bag.gif) left top no-repeat transparent;
		font-size: 14px;
		font-weight: bold;
		line-height: 25px;
	}

	.js-cartform-tooltips .cart a:link,
	.js-cartform-tooltips .cart a:visited,
	.js-cartform-tooltips .cart a:hover,
	.js-cartform-tooltips .cart a:active {
		color: #7bc24e;
	}

	.js-cartform-tooltips .message {
		float: left;
		font-size: 14px;
		line-height: 25px;
		color: #7bc24e;
	}

.js-cartform-main {

}

.js-cartform-opts {
	margin-bottom: 20px;
}

.js-cartform-opt {
	padding-top: 3px;
	overflow: hidden;
	_zoom: 1;
}

.js-cartform-opt-selectbox {
	float: left;
}

	.js-cartform-opt-selectbox .select {
		width: 155px;
		height: 17px;
		padding: 3px 32px 3px 5px;
		position: absolute;
		background: url(/onlinestore/images/pct_select190.gif) 0 0 no-repeat;
	}

	.js-cartform-opt-selectbox select {
		/* width: 190px !important; */
		width: 126px!important;
		height: 23px;
	}

.js-cartform-price {
	margin-bottom: 20px;
	font-size: 14px;
}

.js-cartform-price.hide {
	display: none;
}

	.js-cartform-price .price {
		font-weight: bold;
	}

	.js-cartform-price .weights {
	}

	.js-cartform-price .tax {
	}

.js-cartform-disable,
.js-cartform-instock {
	margin-bottom: 15px;
	overflow: hidden;
	_zoom: 1;
}

.js-cartform-disable.hide,
.js-cartform-instock.hide {
	display: none!important;
}

.js-cartform-disable-qty,
.js-cartform-instock-qty {
	padding-top: 6px;
	overflow: hidden;
	_zoom: 1;
	float: left;
}

.js-cartform-disable-qty-text,
.js-cartform-instock-qty-text {
	margin-right: 5px;
	float: left;
	line-height: 23px;
}

.js-cartform-disable-qty-selectbox,
.js-cartform-instock-qty-selectbox {
	float: left;
}

	.js-cartform-instock-qty-selectbox .select {
		width: 26px;
		height: 17px;
		padding: 3px 32px 3px 5px;
		position: absolute;
		background: url(/onlinestore/images/pct_select60.gif) 0 0 no-repeat;
		text-align: right;
	}

	.js-cartform-instock-qty-selectbox select {
		width: 61px !important;
		height: 23px;
	}

.js-cartform-disable-submit {
	float: right;
}

.js-cartform-instock-submit {
	float: right;
	cursor: pointer;
}

.js-cartform-disable-attention,
.js-cartform-instock-attention {
	padding-top: 15px;
	clear: both;
	font-size: 10px;
	line-height: 15px;
	text-align: right;
	color: #b1aba7;
}

	.js-cartform-disable-attention a:link,
	.js-cartform-disable-attention a:visited,
	.js-cartform-disable-attention a:hover,
	.js-cartform-disable-attention a:active,
	.js-cartform-instock-attention a:link,
	.js-cartform-instock-attention a:visited,
	.js-cartform-instock-attention a:hover,
	.js-cartform-instock-attention a:active {
		color: #b1aba7;
		text-decoration: underline;
	}

.js-cartform-outofstock {
	margin-bottom: 15px;
}

.js-cartform-outofstock.hide {
	display: none;
}

.js-cartform-outofstock-img {
	margin-bottom: 10px;
}

/*-------------------
131008
-------------------*/
.radio {
background: url("/onlinestore/images/img-radio.gif") no-repeat scroll 0 0 transparent;
display: block;
float: left;
height: 16px;
margin-top: 2px;
padding: 0 5px 0 0;
width: 16px;
}
.js-cartform-opt label{
/*float:left;*/
margin-right:20px;
}


/*-------------------
141001
-------------------*/
.js-cartform-instock-submit:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.js-cartform-opt-selectbox select {
width: 126px;
height: 21px;
line-height: 21px;
background: url(/onlinestore/images/bg-onlinestore-select.png) no-repeat scroll 108px center #fff;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 2px 4px 4px 2px;
-ms-border-radius: 2px 4px 4px 2px;
-o-border-radius: 2px 4px 4px 2px;
border-radius: 2px 4px 4px 2px;
border-radius: 2px 4px 4px 2px;
border-bottom: 1px solid #dadad9;
border-right: 1px solid #dadad9;
border-top: 1px solid #dadad9;
}
.js-cartform-instock-submit img,
.js-cartform-disable-submit img {
width: 130px;
height: auto;
}
.js-cartform-tooltips {
width: 170px;
padding: 10px;
bottom: 30px;
height: 60px;
}
.js-cartform-tooltips .cart {
margin-left: 0;
background-position-x: 7px;
float: none;
text-align: center;
}
.js-cartform-tooltips .message { text-align: left; }
.js-cartform-outofstock-img { text-align: center; }
.js-cartform-outofstock-img img { width: 130px; }


/*-------------------
2014.02.09 リニューアル時のデザイン改修
-------------------*/
.pullDown.cartformFilters .select {
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
font-size: 14px;
line-height: 28px;
padding-left: 10px;
position: relative;
}
.pullDown.cartformFilters .select:focus {
outline: medium none;
}
.pullDown.cartformFilters .options {
-moz-appearance: button;
cursor: pointer;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%!important;
}
.pullDown.cartformFilters .options:focus {
outline: medium none;
}
.pullDown.cartformFilters .js-label {
color: black;
}
.pullDown.cartformFilters {
position:static;
top: auto;
left: auto;
width: auto;
overflow: visible;
z-index: 2;
}
.pullDown.cartformFilters .js-cartform-opts {
margin-bottom: 15px;
}
.pullDown.cartformFilters .js-cartform-opt {
overflow: hidden;
padding-top: 0;
}
.js-cartform-opt-selectbox {
float: none;
}
.pullDown.cartformFilters .js-cartform-opt-selectbox .select {
font-size: 12px;
line-height: 23px;
background: url("/common/images/bg-component-select-cart.png") no-repeat scroll right center white;
width: auto;
height: 23px;
border: 1px solid #dadad9;
border-radius: 4px;
padding: 0 40px 0 10px;
position: relative;
}
.pullDown.cartformFilters .js-cartform-tooltips {
width: auto;
}
.pullDown.cartformFilters .js-cartform-tooltips .text {
text-align: center;
}
.pullDown.cartformFilters .js-cartform-tooltips .cart {
display: inline-block;
padding-left: 30px;
}
.pullDown.cartformFilters .js-cartform-tooltips .message {
float: none;
text-align: center;
}

/* 2016.03.23 OSreplace */
.js-cartform-main { margin: 10px auto; }
.js-cartform-tooltips {
box-sizing: border-box;
padding: 0;
width: 210px;
height: 70px;
}
.js-cartform-tooltips .text {
padding: 10px;
}
.js-cartform-tooltips .cart {
margin: auto;
padding: 0;
text-align: center;
background: none;
}
.js-cartform-tooltips .cart a {
padding: 10px 0 10px 25px;
background: url("/onlinestore/images/bg_cart_bag.gif") left center no-repeat transparent;
}
.js-cartform-tooltips .message {
float: none;
text-align: center;
}
.js-cartform-instock-submit,
.js-cartform-disable-submit,
.js-cartform-outofstock-img {
float: none;
width: 125px;
}
.js-cartform-instock-submit img,
.js-cartform-disable-submit img { width: 100%; }
.js-cartform-outofstock-img { text-align: left; }

@media all and (max-width: 909px) {
	.js-cartform-tooltips {
		width: 100%;
 		/* left: 0!important; */
	}
}

/*  2016.04.20 カートエリアのデザイン改修 --------------------------------------------------------------------- */
.js-cartform-main, .js-cartform-disable,  .js-cartform-instock, .js-cartform-outofstock, js-cartform-outofstock-img { margin: 0; }
.js-cartform-instock-submit, .js-cartform-disable-submit, .js-cartform-outofstock-img { width: 100%; }
.js-cartform-tooltips.modifiedCartTooltips {
width: 137px;
height: 63px;
overflow: hidden;
text-align: center;
z-index: 1000;
}
.js-cartform-tooltips.modifiedCartTooltips a {
padding: 10px 0 15px;
display: block;
}
.js-cartform-tooltips.modifiedCartTooltips a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.js-cartform-tooltips.modifiedCartTooltips .message {
font-size: 10px;
color: #3d3935;
line-height: 1.5;
margin: 0;
}
.js-cartform-tooltips.modifiedCartTooltips .cart {
color: #c6893f;
font-size: 10px;
font-weight: normal;
line-height: 20px;
margin: 5px 0 0;
padding: 0 0 0 25px;
background: url("/common/images/bg_cart_bag.gif") left center no-repeat transparent;
display: inline-block;
}
/*---------------------------------------------------------------------------- カートエリアのデザイン改修 END*/