@charset "utf-8";



/* □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

  #item.css

□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ */

/* ///////////////////////////////////////////////////////////////////
	PageTitle
/////////////////////////////////////////////////////////////////// */

#pageTitle{
	background: url(../common/pagettl/item.gif) no-repeat;
	background-position:7px 8px;
	background-size:28px 26px;
	-webkit-background:28px 26px;
	color:#0055CA;
	padding:12px 10px 8px 40px;
	font-size:18px;
	margin:0px 0px 0px 0px;
	border-bottom:2px #33AAD7 solid;
}


/* ///////////////////////////////////////////////////////////////////
	一覧
/////////////////////////////////////////////////////////////////// */

#item .list01{
	margin:0px 0px 20px 0px;
	overflow:hidden;
}

#item .list01 li{
	clear:both;
}

#item .list01 li a{
	overflow:hidden;
	color:#000;
	display:block;
	border-bottom:1px solid #33AAD7;
	padding:14px 30px 14px 0px;
	background:url(../common/arrow01.png) no-repeat 98% 50%;
	background-size:14px 21px;
	-webkit-background-size:14px 21px;
	text-decoration:none;
}
	
#item .list01 li .itemp{
		border:1px solid #EFEFEF;
		padding:0px;
		margin:3px;
		float:left;
		width:30%;
	}
#item .list01 li .itemp img{
		width:100%;
	}
#item .list01 li a p.itmname{
		padding:0px 0px 5px 0px;
		color:#000;
		text-decoration:underline;
		font-size:18px;
	}
#item .list01 li a p.price{
	margin-top:5px;
		display:block;
		float:right;
	}
#item .list01 li a p.price span{
		padding:0px 0px 5px 0px;
		color:#ff0000;
		display:block;
		font-size:18px;
		line-height:0.8em;
	}



/* ///////////////////////////////////////////////////////////////////
	dataBox
/////////////////////////////////////////////////////////////////// */

#item_data .dataSec{
	width:94%;
	margin:0px auto;
}


#item_data .itemp{
		border:1px solid #EFEFEF;
		padding:0px;
		margin:3px;
	}
#item_data .itemp img{
	max-width: 260px;
	width:100%;
	display: block;
	margin: 0 auto;
}
	
#item_data .dataSec .title01{
		padding:10px 0;
		margin:0px 0px 5px 0px;
		display:block;
}
	
#item_data .dataSec .title01 .sent01{
			font-size:14px;
			line-height:120%;
}
	
#item_data .dataSec .dataBox{
		padding:10px 5px 10px 5px;
		margin:0px 0px 20px 0px;
}
	
#item_data .price{
	margin-top:5px;
		display:block;
		float:right;
	}
#item_data .price span{
		padding:0px 0px 5px 0px;
		color:#ff0000;
		font-size:22px;
	}
#item_data .item_sec{
	padding:15px 0;
		display:block;
	clear:both;
	border-bottom:1px solid #33AAD7;	
	}
	
#item_data .soryo{
	margin:5px 0 15px 0;
		display:block;
		float:right;
	}

#item_data .soryo span{
		padding:0px 5px 0px 0px;
		color:#ffcc00;
	}

#item_data h3{
	padding:5px;
	margin:10px 0 5px 0;
	clear:both;
	}
	
#item_data .tyusk{
	background:#ACE7F4;	
	}

#item_data .kigen{
	background:#D1F1EB;	
	}

#item_data .hokan{
	background:#DDDDFF;	
	}


.dataBox ul.snsArea{
	margin:15px 0 10px 0;
	padding:0 5px;
}
.dataBox ul.snsArea li{
	float:left;
	padding:0 10px 0 0;
}


/*
div.dataArea table{
	border-top:2px solid #0784D3;
	margin:5px auto 25px;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
*/

div.dataArea table th{	
	background:#DDEDF7;	
	border-bottom:3px solid #CCC;
	border-right:1px solid #CCC;
}

div.dataArea table td{
	padding:5px;
	background:#FFF;
	border-bottom:1px dotted #399AD6;
}
div.dataArea table td.bg01{
	background:#EBF4FA;
	width:60%;
}

div.dataArea .prc{
	text-align:right;
	width:20%;
}



/* submitBtn
-------------------------------------------------------------------- */
#item_data .teikiBtn{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-image: -moz-linear-gradient(top, #FF0000 0%, #D90000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#D90000));
	border:1px solid #FF2626;
	color:#ffffff;
	font-size:18px;
	text-align:center;
	width:97%;
	margin:0px auto 10px auto;
	padding:10px 0px 10px 0px;
	display:block;
}

#item_data .onceBtn{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-image: -moz-linear-gradient(top, #FF9326 0%, #F59304 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9326), to(#F59304));
	border:1px solid #FF9326;
	color:#ffffff;
	font-size:18px;
	text-align:center;
	width:97%;
	margin:0px auto 10px auto;
	padding:10px 0px 10px 0px;
	display:block;
}

#item_data #cbtnArea{
	padding:15px 0 0 0;
	
}


#item_data #cbtnArea li{
	float:left;
	width:50%;
}

#item_data #cbtnArea li.count{
	float:none;
	width:100%;
	text-align:center;
	margin-bottom:10px;
	color:#fff;
}



#item_data #cbtnArea {
	width:100%;
	background-color: rgba( 0, 0, 0, 0.55 );
	position: fixed;
	bottom: 0px;
	right: 0px;
	display: none;
	font-size: 18px;
}
.plus,
.minus{
	background:#999;
	color:#fff;
	padding:1px 12px;
	font-size:30px;
	margin: 0 2px;
}


.skuquantity{
	height:34px;
	width:38px;
	text-align:center;
	font-size:20px;
}



div.dataArea h4 {
    background:#ACE7F4;
}

div.dataArea table{
	border-top:2px solid #0784D3;
	margin:5px auto 25px;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}

div.dataArea table th {
    background: #DDEDF7;
	border-bottom:3px solid #CCC;
	border-right:1px solid #CCC;
}

div.dataArea table td {
    padding:5px;
	background:#FFF;
	border-bottom:1px dotted #399AD6;
}

div.dataArea table td.bg01 {
    background: #EBF4FA;
    width: 50%;
}

div.dataArea table td.price {
	vertical-align: middle !important;
	text-align: right !important;
	float:none !important;
	display: table-cell !important;
}