@charset "utf-8";
/* CSS Document */



@media screen and (max-width: 767px) {
/*　for スマホ　*/
	#mainWrap{
		width:100%;
		margin:0 auto;
	}
}

@media screen and (min-width:768px) and (max-width:1199px) {
/*　for iPad 　*/
	#mainWrap{
		width:740px;
		margin:0 auto;
	}
}

@media screen and (min-width: 1200px) {
/*　for PC　*/
	#mainWrap{
		width:740px;
		margin:0 auto;
	}
}

.itemtable {
	width:740px;
	height:212px;
	background:url(https://agetateya.itembox.design/item/t/gen/sm/item_bg.gif) no-repeat;
	padding:10px 0;
	margin:30px 0 ;
	clear:both;
	overflow: visible;
	position:relative;
}

.linkBox{
	/*border:5px solid #e3ecf0;	*/
	display:block;
	width:730px;
	height:222px;
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
}

.linkBox:hover{
	border:5px solid #F30;
	padding:80px 0 0 0;
	text-indent:0;
	height:142px;	
	font-size:36px;
	font-weight:bold;
	text-align:center;
	background:#FFF;
	color:#F30;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;	
}



.imagebox {
	width:210px;
	height:200px;
	float:left;
	padding:5px 0 0 15px;
}

@media screen and (max-width: 767px) {
/*　for スマホ　*/
	.itemtable .detail {
		width: 100%;
		float:right;
		margin: 20px 0 0 0;
	}
}

@media screen and (min-width:768px) and (max-width:1199px) {
/*　for iPad 　*/
	.itemtable .detail {
		width:460px;
		float:right;
	}
}

@media screen and (min-width: 1200px) {
/*　for PC　*/
	.itemtable .detail {
		width:460px;
		float:right;
	}
}

.itemtable .detail h3 {
	line-height: 1em;
	border-left: 5px solid #485D1A;
	color: #485D1A;
	font-weight:bold;
	margin:10px 0 0;
	padding:0 0 0 10px;
	font-size: 28px;
}

.itemtable .detail h4 {
	padding: 3px;
	font-weight: bold;
	color: #333;
	font-size: 20px;	
}

/*-----種類が少ない場合------*/
.itemtable .detail .list01 {
	padding: 5px;
	border: 1px solid #CCC;
	font-size: 14px;
	line-height:1.5em;
	width: 88%;
	margin-right: auto;
	margin-left: auto;
	background:#FFF;
}


/*-----種類が多い場合------*/
.itemtable .detail .list02 {
	padding: 5px;
	border: 1px solid #CCC;
	font-size: 12px;
	line-height:1.2em;
	width: 88%;
	margin-right: auto;
	margin-left: auto;
	background:#FFF;
}


dl.priceBox{
	font-size:0;
	width:368px;
	float:left;
}

dl.priceBox dd{
	float:left;
	line-height:0;
	height:44px;
}

.b_red{border:1px solid #C00;}
.b_yellow{border:1px solid #c9b407;}

.b_red dd{ background:#C00}

.b_yellow dd{ background:#c9b407;}




dl.priceBox dd a:hover img,
.PickUp a:hover img{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}



h3.h01{
	font-size:36px;
	font-weight:bold;
	line-height:1em;
	text-align:center;
	border:10px solid #C00;
	padding:20px;
}

h3.h01 span{
	color:#C00;
}

h3.h02{
	font-size:36px;
	font-weight:bold;
	line-height:1em;
	text-align:center;
	border:10px solid #c9b407;
	padding:20px;
}

h3.h02 span{
	color:#c9b407;
}



/* オススメ夏ギフトの部分
----------------------*/

.PickUp{
	background: url(https://agetateya.itembox.design/item/t/gen/sm/pickup_bg.jpg) no-repeat;
	margin:10px 0;
}
.PickUp td{
	color:#FFF;
}

.PickUp td h4{
	text-indent:-9999px;
	height:140px;
}
/*----------------------*/








.itemtable .detail .itemtxt {
	padding-top: 14px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}


.itemtable .detail .pricetable {
	text-align: right;
}

.itemtable .detail .kakaku {
	font-size: 18px;
	font-weight: bold;
	color: #900;
}

.itemtable .detail .price {
	font-size: 36px;
	font-weight: bold;
	line-height: 150%;
	color: #900;
}

.itemtable .detail .delivery01{
	padding:5px;
	margin:0 10px 0;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	background: #C00;
}

.itemtable .detail .delivery02{
	padding:5px;
	margin:0 10px 0;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	background: #c9b407;
}