@charset "utf-8";

/* common
----------------------------------------------------------------------------------*/
.btn{border: 1px solid #d16b6b;}
.btn a,
.btn span{
	display: block;
	padding: 10px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border: 1px solid #fff;
	background: #d16b6b;
	cursor: pointer;
}
.btn a:hover,
.btn span:hover{
	color: #fff;
    opacity:0.70;
    filter: alpha(opacity=70);
}
.pager{
	margin: 30px 0 0;
	text-align: center;
	letter-spacing: -0.4em;
}
.pager li{
	display: inline-block;
	width: 31%;
	margin: 0 1%;
	letter-spacing: normal;
}

.errmsg{
	color: #ff0000;
	background-color: #ffffff;
	border: 1px solid #ff0000;
	padding: 0 10px;
	margin-bottom:10px;
}
.shop .red{color: #f00;}
.shop table{
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
.shop table th{text-align: center;}
.shop table th,
.shop table td{
	padding: 10px;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	background: url(../img/bg-w.png) repeat 0 0;
}
.shop table th,
.shop table td.sum{background: url(../img/bg-r.png) repeat 0 0;}

.shop table th{width: 30%;}
.shop table td{width: 70%;}

.shop table.cart th{width: inherit;}
.shop table.cart td{width: inherit;}

.shop textarea{width: 100%;}
.shop .thx{;}

.shop .wL{width:320px;}
.shop .wM{width:160px;}
.shop .wS{width:80px;}
.require{color: #ff0000;}

@media screen and (max-width:640px){
.pager li{
	display: block;
	width: 100%;
	margin: 0 0 20px;
}
.shop table th,
.shop table td{
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.shop .wL{width:90%;}
.shop .wM{width:50%;}
.shop .wS{width:20%;}
}