@charset "UTF-8";

/* display item
/*--------------------------------- */

.display_item {
/*	padding:5px;margin-left:10px;width:780px;margin:-25px 0 0 0;　←左マージン10px が効いてないので無駄、必要な設定のみに書き換え。
*/
	padding: 5px;
	width: 780px;
	margin-top: -25px;
}
mainContent div.secand-mainbox .display_item {　/*下層専用のクラス*/
	margin-left: 15px;
	padding-left: 0;
	padding-right: 0;
	width: 780px;
}

/* .display_item2 {padding:5px;margin-top:-90px;} */
.display_item a:link,.display_item a:visited {color:#444344;text-decoration:none; font-size:12px;}
.display_item a:hover,.display_item a:active {color:#6a7075;text-decoration:underline; }

.display_item div {}
.display_item img {margin:5px;border:0px;border-style:none;width:96%;}

.display_item dl {width:185px!important;}
.display_item dd.line {border-top:1px solid #ccc;}
.display_item dd{}
.display_item dt {margin:5px;}

.innerBox{position:relative;}
.innerBox .icon {
	display: block;
	position: absolute;
	z-index:10;
	width: 39px;
	top:-15px;
	left:135px;
	border-radius: 30px;
	background-color: #fff;
	border: 4px solid #fff;
}



.display_item dd {margin:5px;overflow:hidden;text-overflow: ellipsis;text-indent:0px;font-size:14px;line-height:120%; color:#b12704;}
.display_item dd.day {font-size:10px!important; color:#333333;}

/*おすすめ商品*/
.recommended{}
.recommendeditem1{
/*	width:180px;*/
	width: 190px;	/*横サイズを10px 拡大*/
	display: table;
	vertical-align:top;
	display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /*display: inline; /*for ie5～7*/
    /*zoom: 1; /*for ie5～7*/
/*	margin:0 0 18px 11px;*/
	margin-bottom: 18px;
}
/*.recommendeditem1 img{border-style:none;}*/



/*ページネーション*/
#sequence2{text-align:center;}
.pagination {display:inline-block;padding-left: 0; margin:20px 0;border-radius:5px;}
.pagination > li {display: inline;}

.pagination>li>a, .pagination>li>span {
position: relative;
float:left;
padding: 6px 12px;
margin-left: -1px;
background-color: #78CADF;
border-color: #fff;
border: 3px solid #fff;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
color: #fff
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #368ea3;
  background-color: #eee;
  border-color: #ddd;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;}
.pagination>li:last-child>a, .pagination>li:last-child>span {border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
 background-color: #CCCCCC;
 border-color: #fff;
 border-radius: 50px;
 -moz-border-radius:50px;
 -webkit-border-radius:50px;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
  background-color: gray;
  border-color: #fff;
  color: #A79E9E;
}





/*商品詳細*/
.mainContentsection table   {width:100%;margin-top:50px;overflow:hidden;text-overflow: ellipsis;}
.mainContentsection th, section td  {padding:5px;}
.iteminfo th  {width:35%; text-align:center;vertical-align:top;}
.iteminfo img{padding:2px;width:100%;}

.secand-mainbox table.item {width:100%;vertical-align:top;}
.secand-mainbox table.item td.itempk  {width:40%;text-align:center;vertical-align:top;padding-top:22px; padding-left:10px;}

.thumbnailspkg{width:300px;}
.thumbnailspkg img{width:100%;border-style:none;}
.thumbnailspkg .slick-slider { margin-bottom: 40px;}

.res-table{width:100%;margin-top:30px;}
.res-table table{width:100%;margin:0px;line-height:200%;}
.res-table th{border-bottom:#e7e7e7 1px solid;text-align:left;width:18%;}
.res-table td{border-bottom:#e7e7e7 1px solid;width:60%;}

.res-table table.point{width:100%;margin-top:0px;margin-left:-7px;vertical-align:top;}
.point td.pointline{border-bottom:#e7e7e7 1px solid;font-size:12px;}
.point td{border-bottom:#e7e7e7 0px solid;font-size:12px;}

.res-tableicon{margin-left:25px;width:80%;;text-align:center;vertical-align: middle;}
.res-tableicon img{border-style:none;width:50%;}
.res-tableicon2{margin-left:25px;width:80%; background-color:#f4f4f4;border:#dad9d9 1px solid;}

.res-tablecart{display:table;}
.res-tablecartin{display: table-cell;
  width:100px;
  padding: 9px;
  border: 0px solid #666;vertical-align: middle;}
  .res-tablecartin2{display: table-cell;
  width:300px;
  padding: 9px;
  border: 0px solid #666;vertical-align: middle;}
.res-tablecartin select[name="select"] {
	border: 0;
	padding: 0;
	width:100px;
}


.thumbnails{display: inline-block;padding-left: 0; margin:20px 0;border-radius: 4px;}
ul.thumbnails > li {display: inline;}
ul.thumbnails>li>a{
position: relative;
float:left;
height:40px;width:40px;
border-color: #fff;
border: 3px solid #fff;
color:666;}
ul.thumbnails>li>a:hover{color:#CCC;}
.clearText {text-indent:100%;white-space:nowrap;overflow:hidden;}

.mainContent button.butgoods {font-size:12px;padding:0px;background-color:#666;width:80%;border-style: none;color:#fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;margin:10px 0 3px 0;behavior: url("/css/PIE.htc");}
.mainContent button.buttonkago{margin:15px 0 0 20px;
width:280px;font-size:20px;padding:15px 15px;
font-weight:bold;
background-color:#4fc4e0;
color: #fff;
border-style: none;
-moz-border-radius: 20px;
-webkit-border-radius:20px;
border-radius:20px;behavior: url("/css/PIE.htc");}
.mainContent button.buttonkago:hover {background:#417b89;}
.mainContent button.buttonkagono{margin:15px 0 0 20px;
width:280px;font-size:20px;padding:15px 15px;
font-weight:bold;
background-color:#417b89;
color: #fff;
border-style: none;
-moz-border-radius: 20px;
-webkit-border-radius:20px;
border-radius:20px;behavior: url("/css/PIE.htc");}


/*詳細・キャンペーン*/
.com-item{width:97%;margin:10px 10px 10px 10px;}
.com-item p.explain{margin-left:10px!important;}
.com-item p.explain2{text-align: justify; text-justify: distribute-all-lines;margin-left:40px!important;border-bottom:#e7e7e7 2px solid;}
.com-item p.explain3{border-bottom:#e7e7e7 2px solid;margin-left:10px!important;}
.com-item p.cam{background-repeat:no-repeat;height:164px; text-indent: -9999px;}
.com-item img{margin:10px 10px 10px 10px;text-align:center;}


/*商品画像フェイドイン*/
#slider2{display:none;}

/*売り切れ*/
.sold_out { position: relative;z-index:200}
.sold_out::before {
    background-color: rgba(100,100,100,0.50);
    position: absolute;
    top: 4.5rem;
    right: 0;
    bottom: 4.5rem;
    left: 0;
    content: ' ';
    z-index: 200;

}

.sold_out p {
    position: absolute;
    color: rgb(255, 255, 255);
    font-weight: 400;
    font-size: 120%;
    z-index: 201;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}