@charset "utf-8";  
/*------------------------------------------------------------ 
	cart
------------------------------------------------------------*/  

.h2style,
.moreItem{
	height:40px;
	line-height:40px;
	padding:0 10px;
	background:#000;
	color:#F0DFC4;
	font-size:125%;
	font-weight:bold;
}

.h2style a,
.moreItem a{
	display:block;
	height:40px;
	line-height:40px;
	text-indent:35px;
	color:#fff;
	font-weight:bold;
	background:url(../../common/img/icon_change.png) no-repeat 10px 50%;
	background-size:14px 14px;
}

.h2style .open,
.moreItem .open{
	background:url(../../common/img/icon_change_op.png) no-repeat 10px 50%;
	background-size:14px 14px;
}

.itemList > li{
	display:block;
	width:auto;
	padding:10px 0;
	overflow:hidden;
	position:relative;
	background:;
	color:#333;
}

.itemList > li:not(:last-child){
	border-bottom:1px solid #ccc;
}
.itemList a,
.itemList .no-link{
	display:block;
	width:auto;
	min-height:80px;
	padding:10px 20px 10px 10px;
	overflow:hidden;
	position:relative;
	background:;
	color:#333;
}

.itemList a:after{
	content:"";
	display:block;
	width:7px;
	height:12px;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-6px;
	background:url(../../common/img/icon_next.png) no-repeat;
	background-size:7px 12px;	
}

.img{
	display:table-cell;
	vertical-align:top;
	width:80px;
	height:80px;
	padding-right:10px;
}

.info{
	display:table-cell;
	line-height:1.5;
}

.itemName{
	padding:5px 0 7px;
	color:#333;
	font-weight:bold;
	line-height:1.2;
	font-size:109%;
}

.itemTxt{
	line-height:1.5;
	margin-bottom:5px;
}

.itemNum{
	color:#999;
}

.icon{
	width:58px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#fff;
	font-size:92%;
	font-family:Arial, Helvetica, sans-serif;
}

.icon-sale{ background:#FE0000;}
.icon-pickup{ background:#0099FF;}
.icon-new{ background:#FE9900;}

.soldout{
	display:block;
	width:90px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:5px;
	text-align:center;
	line-height:24px;
	background:#CC0000;
	color:#fff;
}


/*------------------------------------------------------------ 
	index
------------------------------------------------------------*/  

.box01{
	width:auto;
	padding:10px;
	margin-bottom:5px;
	background:#fff;
	border-bottom:1px solid #ccc;
}

.box02{
	width:auto;
	padding:15px 20px;
	margin-bottom:5px;
	background:#fff;
}

.box03{
	width:auto;
	padding:10px;
	background:#fff;
}

.box04{
	width:auto;
	padding:0 10px 10px;
	background:#fff;
}

.txt01{
	font-weight:bold;
	margin-bottom:10px;
	font-size:109%;
}

.txt01 a{
	color:#000;
	font-weight:bold;
	font-size:109%;
}

.sentence{
	width:auto;
	padding:10px;
	line-height:1.5;
	font-size:109%;
}

/* ボタン・フォーム関連 */
.changeBtn{
	width:80px;
	height:32px;
}

.changeBtn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:32px;
	background:#000;
	color:#fff;
	font-size:109%;
}

.cancelBtn{
	width:auto;
	height:32px;
	overflow:hidden;
}

.cancelBtn a{
	display:block;
	float:right;
	min-width:60px;
	padding:0 10px;
	height:100%;
	text-align:center;
	line-height:32px;
	background:#000;
	color:#fff;
	font-size:109%;
}

.btn{
	width:auto;
	height:50px;
	text-align:center;
	line-height:50px;
	margin-top:15px;
}

.btn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:50px;
	background:#000;
	color:#fff;
	font-size:117%;
	font-weight:bold;
	position:relative;
	border-radius:5px;
}

.next,
.prev{ margin:15px 10px;}
.next a:after{
	content:"";
	display:block;
	width:8px;
	height:16px;
	position:absolute;
	top:17px;
	right:10px;
	background:url(../img/icon_next.png) no-repeat;
	background-size:8px 16px;
}

.prev a:after{
	content:"";
	display:block;
	width:8px;
	height:16px;
	position:absolute;
	top:17px;
	left:10px;
	background:url(../img/icon_prev.png) no-repeat;
	background-size:8px 16px;
}


.input{
	width:100%;
	height:30px;
	padding:0 5px;
	border:1px solid #ccc;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.input.column3,
.select.column3{ width:25%;}


.radio{
	position:relative;
	top:-2px;
}


/* coupon */
.couponBox{
	display:table;
	width:100%;
}

.couponBox div{
	display:table-cell;
	padding:10px 0;
	vertical-align:middle;
}

.coupon-btn{
	width:90px;
	padding-left:10px;
}
.couponIcon{
	display:table-cell;
	vertical-align:middle;
	width:90px;
}
.couponIcon span{
	color:#fff;
	background:#CC0000;
	padding:5px;
}
.discount{
	color:#CC0000;
}
/*　商品 */

.itemTbl{
	width:100%;
	margin:15px 0;
}

.itemTbl th{
	width:80px;
	height:45px;
	line-height:45px;
	padding-left:10px;
	background:#ECECEC;
	color:#333;
	font-size:109%;
	font-weight:bold;
	border:1px solid #ccc;
}

.itemTbl td{
	height:24px;
	padding:10px;
	border:1px solid #ccc;
}

.itemTbl .sel{
	width:70px;
	text-align:center;
}

.subtotal{
	text-align:right;
	color:#333;
	font-size:109%;
	font-weight:bold;
	padding:15px 0;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}

/* 合計 */

.sumTbl{
	width:auto;
	background:#ECECEC;
	padding:10px 10px 0;
}

.suml{
	float:left;
	width:135px;
	padding:0 0 10px 5px;
	font-size:109%;
}

.sumr{
	float:right;
	width:100px;
	text-align:right;
	padding:0 5px 10px 0;
	font-size:109%;
}

.total{ border-top:1px solid #ccc;}
.total span{
	font-weight:bold;
	padding-top:10px;
}

.note{
	width:auto;
	padding:10px;
	margin:10px;
	background:#FBF3E5;
}

.note h3{
	font-size:109%;
	margin-bottom:5px;
}

.note li{
	padding-left:1em;
	text-indent:-1em;
	margin-bottom:5px;
}

.cart_error{
	width:auto;
	padding:30px 10px;
	text-align:center;
	background:#fff;
}

.link{color: #09C;}

.form-label{
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
}

/*------------------------------------------------------------ 
	login
------------------------------------------------------------*/  

.loginForm{ width:100%;}
.loginForm th{
	width:80px;
	text-align:left;
	font-weight:bold;
	padding-bottom:10px;
}

.loginForm td{ padding-bottom:10px;}

.input01{
	width:100%;
	height:30px;
	padding:0 5px;
	border:1px solid #ccc;
	-webkit-box-sizing:boder-box;
	box-sizing:border-box;
}

.txt{
	font-weight:bold;
	color:#333;
}


/*------------------------------------------------------------ 
	form
------------------------------------------------------------*/  

.formTbl{
	width:100%;
	border-top:1px solid #ccc;
}

.formTbl th{
	display:block;
	width:auto;
	text-align:left;
	vertical-align:middle;
	padding:12px 10px;
	background:#EAEAEA;
	font-size:109%;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}

.required{ position:relative;}

.required:before{
	display:block;
	content:"必須";
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	background:#990000;
	color:#fff;
	font-size:84%;
	border-radius:50%;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-15px;
}

.formTbl td{
	display:block;
	width:auto;
	padding:15px 10px;
	border:1px solid #ccc;
}

.error{
	margin-top:8px;
	text-align:left;
}

.error span{
	display:inline-block;
	padding:5px;
	color:#fff;
	font-size:12px;
	line-height:1;
	background:#990000;
	border-radius:3px;
}
.formTbl td p{
	line-height:1.5;
}

.input02{
	width:100%;
	height:30px;
	border:1px solid #ccc;
	padding:0 5px;
	background:#EAEAEA;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.column3{
	width:28%;
	max-width:120px;
}

.txtarea{
	width:100%;
	height:100px;
	border:1px solid #ccc;
	padding:5px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	resize:none;
	overflow:auto;
}

.cardList{
	overflow:hidden;
	margin:15px 0;
}

.cardList li{
	float:left;
	margin-right:10px;
}

.card{ margin:20px 0;}
.card dt{
	margin-bottom:20px;
	padding-bottom:5px;
	font-weight:bold;
	border-bottom:1px solid #000;
}

.postageTxt{
	width:auto;
	text-align:center;
	padding:15px 10px;
	margin-bottom:10px;
	background:#FFEBD6;
	border:1px solid #FFCC99;
	color:#CC6633;
	font-size:117%;
	line-height:1.4;
	font-weight:bold;
}

.postageTxt span{
	font-size:84%;
}


.link-txt{
	margin-top:15px;
    font-size: 109%;
    font-weight: bold;
    color: #000;
}

/*------------------------------------------------------------ 
	complete
------------------------------------------------------------*/  

.compTbl{
	width:100%;
	margin-top:20px;
	border-top:1px solid #ccc;
	max-width:500px;
}

.compTbl th{
	width:100px;
	text-align:left;
	vertical-align:middle;
	padding:10px;
	border:1px solid #ccc;
	border-top:none;
	font-size:109%;
}

.compTbl td{
	padding:10px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	vertical-align:middle;
	font-size:109%;
}