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

  商品 関連

======================================= */
.itemlist {
	text-align: center;}

/* ---------------------------------------
  商品 検索窓
--------------------------------------- */
#itemlistSearch {
	width: auto;
	height: auto;
	background: #ede1d3;
	border-top: 2px solid #9a613a;
	padding: 20px 30px;
	text-align: left;}
.itemlist_search {
	display: inline-table;
	width: 250px;
	height: 30px;
	margin-bottom: 10px;
	vertical-align: top;}
.itemlist_search > .item_name_search {
    outline: 0;
	width: 300px;
	height: 30px;
	float: left;
	border: solid 1px #ccc;
	background-color: #fff;
	padding: 4px 0 4px 8px;
	cursor: pointer;}
.itemlist_search select {
	display: inline-block;
	width: 220px;
	height: 30px;
	border: solid 1px #ccc;
	background: #fff;}
#itemlist_grade {
	display: inline-block;
	vertical-align: top;}
#itemlist_grade fieldset {
	border: 0;
	padding: 0;
	margin: 0;}
#itemlist_grade input {
    outline: 0;
	width: 330px;
	height: 30px;
	float: left;
	border: solid 1px #ccc;
	background-color: #fff;
	padding: 8px 0 8px 8px;}

#itemlist_searchBtn > .itemlist_searchBtn_kensaku {
	outline: 0;
	border: none;
	float: right;
	color: #fff;
	background: #333;
	padding: 10px 20px;
	margin-top: -65px;
	margin-right: 10px;
	border-radius: 5px;
	transition: 0.5s;
	cursor: pointer;}
#itemlist_searchBtn > .itemlist_searchBtn_kensaku:hover {
	background: #999;}
#itemlist_searchBtn > .itemlist_searchBtn_kensaku > .itemlist_searchBtn_i:hover {
	background: #999;}
#itemlist_searchBtn span {
	float: right;
	margin-top: -15px;
	margin-right: 10px;
	text-decoration: underline;}

/* ---------------------------------------
  ページャー
--------------------------------------- */
.itemlist_paging {
	text-align: center;
	padding: 2%;}
.allpage {
	float: left;
	margin-top: -30px;
	margin-left: 12px;}
.paging {
	font-size: 0;}
.paging a {
	padding: 5px 8px;
	border: 1px solid #ccc;
	background: #fff;
	margin: 2px;
	font-size: 13px;}
.paging a.active {
	padding: 5px 8px;
	border: 1px solid #333;
	background: #333;
	margin: 2px;
	color: #fff;}
.paging a:hover:not(.active) {
	background: #ccc;}

/* =======================================

  商品一覧 ２カラム

======================================= */
.itemlist_2colWrap {
	padding-left: 0;
	text-align: center;	
	font-size: 0;}
.itemlist ul {
	display: inline-block;
	width: 733px;
	padding-left: 0;
	text-align: left;
	font-size: 0;}
.itemlist li {
	display: inline-block;
	width: 350px;
	min-height: 468px;
	margin: 8px;
	vertical-align: top;
	border: 1px solid #ccc;
	border-top: 2px solid #999;
	background-color: #fff;
	list-style: none;
	font-size: 1.3rem;
	font-size: 13px;}
.itemlist_2colLink {
	width: 310px;
	height: auto;
	margin: 0 auto;
	margin-top: 20px;}
.itemimg {
	width: 310px;
	height: 207px;
	min-height: 207px;
	border: 1px solid #ddd;}
.item_name {
	min-height: 50px;}
.itemlist_2colLink a:hover .itemimg {
	cursor: pointer;
	opacity: .6;}
.itemlist_2colLink a:hover .item_name{
	text-decoration: underline;}
.itemcap {
	text-align: left;
	margin: 12px 20px;
	display: grid;}
.itemlist_cap {
	border-top: 1px solid #ddd;}
.itemlist_cap > .itemlist_cap {
	margin: 5px 0 10px 0;}
.itemlist_cap > .item_size {
	display: inline-block;}
.itemlist_cap > .item_type {
	display: inline-block;}
.itemlist_cap > .item_price {
	display: inline-block;}
.itemlist_cap > .item_tax {
	display: inline-block;}
.itemlist_cap i {
	float: right;
	margin: 5px 0 0 5px;}

.itemlist_cap > .itemlist_cap {
	margin: 5px 0 10px 0;}
.itemlist_cap > .item_size {
	display: inline-block;}
.itemlist_cap > .item_type {
	display: inline-block;}
.itemlist_cap > .item_price {
	display: inline-block;}
.itemlist_cap > .item_tax {
	display: inline-block;}
.itemlist_cap i {
	float: right;
	margin: 5px 0 0 5px;}
		
/* ---------------------------------------
  商品一覧 ２カラム ボタン
--------------------------------------- */

.itemlist_cap{
	height: 70px;
	width: 310px;}
.itemlist_cap a > .item_cart {
	display: inline-block;
	float: right;
	font-size: 1.3rem;
	font-size: 13px;
	background-color: #c80000;
	margin-top: 7px;
	margin-bottom: 5px;
	padding: 0 10px;
	text-align: center;
	border-radius: 4px;
	transition: 0.5s;}
.itemlist_cap a > .item_cart:hover {
	background-color: #f96d6d;}
.itemlist_cap a > .item_estimate {
	display: inline-block;
	float: right;
	font-size: 1.3rem;
	font-size: 13px;
	background-color: #345131;
	margin-top: 7px;
	margin-bottom: 5px;
	padding: 0 10px;
	text-align: center;
	border-radius: 4px;
	transition: 0.5s;}
.itemlist_cap a > .item_estimate:hover {
	background-color: #82a37f;}
.itemlist_cap a > .item_adOrder {
	display: inline-block;
	float: right;
	font-size: 1.3rem;
	font-size: 13px;
	background-color: #e54a09;
	margin-top: 7px;
	margin-bottom: 5px;
	padding: 0 10px;
	text-align: center;
	border-radius: 4px;
	transition: 0.5s;}
.itemlist_cap a > .item_adOrder:hover {
	background-color: #ff9468;}
.itemlist_cap > .item_soldOut {
	display: inline-block;
	float: right;
	font-size: 1.3rem;
	font-size: 13px;
	margin-top: 7px;
	margin-bottom: 5px;
	padding: 0 10px;
	text-align: center;
	border: 1px solid #c80000;
	background-color: #fff;
	border-radius: 4px;
	transition: 0.5s;}
.itemlist_btn {
	clear: both;
	width: 200px;
	height: 15px;
	margin: 10px 0 0 53px;
	text-align: center;
	background: #ddd;}
.itemlist_btn i {
	width: 200px;
	text-align: center;
	margin-top: -1px;
	color: #333;}
.itemlist_btnHidden {
	width: 200px;
	height: 15px;
	margin: 10px 0 0 53px;
	text-align: center;
	background: #ddd;}
.itemlist_btnHidden i {
	width: 200px;
	text-align: center;
	margin-top: -1px;
	color: #333;}
.addtional_price_area{
    display: none;}

/* ---------------------------------------
  【Edgeのみ】
  商品一覧 ２カラム ボタン チラつき防止
--------------------------------------- */
@supports (-ms-ime-align:auto) {
.itemlist_cap a:hover {
	color: #fff;
  }
}	


/* =======================================

  商品詳細 １カラム

======================================= */
.itemdetailBox1 {
	display: block;
	width: 740px;
	height: auto;
	border: 1px solid #999;
	background-color: #fff;
	padding: 1px;}
.itemdetailBox1 tr {
	display: block;
	margin: 0 auto;}
.itemdetailTitle td {
	width: 736px;
	height: auto;
	background: url(../img/common/itemdetailTitle.jpg);
	padding: 2%;}
.itemdetail {
	padding: 2%;}
.itemdetail th {
	border-right: 20px solid #fff;
	font-size: 0;}
.itemdetail td {
	vertical-align: top;}
.itemdetail_img {
	vertical-align: top;}
.itemdetail_img img {
	width: 450px;
	height: 300px;
	border: 1px solid #ddd;}
.itemdetail img.itemdetail_imgB2C {
	float: left;
	width: 145px;
	height: 97px;
	margin: 10px 2px;
	border: 1px solid #ddd;}
.itemdetail img.itemdetail_imgB2B {
	width: 108px;
	height: 72px;
	margin: 10px 2px;
	float: left;
	border: 1px solid #ddd;}

.itemdetail_cap1 {
	vertical-align: top;}
.itemdetail_cap1_ {	
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;}
.itemdetail_cap1_:last-child {	
	border-bottom: none;}
.itemdetail_cap1 > div > .item_number {
	display: inline-block;
	margin-top: 20px;
	vertical-align: bottom;}	
.itemdetail_cap1 > div > .item_number_input {
	display: inline-block;
	margin-top: 20px;
	outline: 0;
	border: none;
	width: 100px;
	height: 35px;
    outline: 0;
	border: solid 1px #ccc;
	padding: 8px 0 8px 8px;}

/* ---------------------------------------
  商品詳細 １カラム ボタン　(上部)
--------------------------------------- */
.itemdetail_cap1 > .item_cart {
	outline: 0;
	border: none;
	display: block;
	font-size: 1.8rem;
	font-size: 18px;
	background-color: #c80000;
	margin-top: 12px;
	padding: 5px 30px;
	text-align: center;
	border-radius: 7px;
	transition: 0.5s;}
.itemdetail_cap1 > .item_cart:hover {
	background-color: #f96d6d;}
.itemdetail_cap1_ a.item_estimate {
	outline: 0;
	border: none;
	display: block;
	font-size: 1.8rem;
	font-size: 18px;
	background-color: #345131;
	margin-top: 12px;
	padding: 5px 30px;
	text-align: center;
	border-radius: 7px;
	transition: 0.5s;}
.itemdetail_cap1_ a.item_estimate:hover {
	background-color: #82a37f;}
.itemdetail_cap1 > .item_adOrder {
	outline: 0;
	border: none;
	display: block;
	font-size: 1.8rem;
	font-size: 18px;
	background-color: #e54a09;
	margin-top: 12px;
	padding: 5px 30px;
	text-align: center;
	border-radius: 7px;
	transition: 0.5s;}
.itemdetail_cap1 > .item_adOrder:hover{
	background-color: #ff9468;}
.itemdetail_cap1 > .item_soldOut {
	outline: 0;
	border: none;
	display: block;
	font-size: 1.8rem;
	font-size: 18px;
	margin-top: 12px;
	padding: 5px 30px;
	text-align: center;
	border: 1px solid #c80000;
	border-radius: 7px;
	transition: 0.5s;}
.itemdetail_border {
	width: 700px;
	border-bottom: 1px solid #ddd;}
.itemdetail_detail {
	display: block;
	width: auto;
	margin: 0 auto;
	padding: 5%;
	margin-bottom: 20px;}

.itemdetailBox2 {
	display: block;
	width: 500px;
	height: auto;
	border: 1px solid #999;
	background-color: #fff;
	padding: 2px 0 2px 2px;}
.itemdetailBox2 tr {
	border-top: 1px solid #ccc;}
.itemdetailBox2 tr:first-child,	
.itemdetailBox2 tr:nth-child(2) {
	border-top: none;}
.itemdetailBox2 th {
	font-weight: normal;
	text-align: left;
	padding: 25px 7px;
	background: #ede1d3;
	border-right: 2px solid #fff;}
.itemdetailBox2 td {
	width: 367px;
	height: auto;
	padding: 20px 7px;
	border-right: 1px solid #ccc;}
.itemdetailBox2 td:last-child {
	border-right: none;}

.itemdetailBox3 {
	display: block;
	width: 740px;
	height: auto;
	border: 1px solid #999;
	background-color: #fff;
	padding: 1px 1px 0 1px;}
.itemdetailBox3 th {
	width: 140px;
	height: auto;
	text-align: left;
	font-weight: normal;
	background: #ede1d3;
	padding: 30px 7px;
	border-bottom: 1px solid #fff;}
.itemdetailBox3 td {
	width: 230px;
	max-width: 230px;
	height: auto;
	padding: 30px 7px;
	border-bottom: 1px solid #ccc;}	
.itemdetailBox3 tr.itemdetailBox3_bottom td {
	border-bottom: none;}
	
/* ---------------------------------------
  商品詳細 １カラム (下部)
--------------------------------------- */
.itemdetail_cap2 {
	float: right;
	margin: 60px 0 80px;}
.itemdetail_cap2 > div {
	display: inline-block;}
.itemdetail_cap2 > div > .item_number {
	display: inline-block;}
.itemdetail_cap2 > div > .item_number_input {
	display: inline-block !important;
	outline: 0;
	border: none;
	width: 100px;
	height: 35px;
    outline: 0;
	border: solid 1px #ccc;
	padding: 8px 0 8px 8px;
	background: #fff;}
.itemdetail_cap2 > .item_adOrder {
	display: inline-block;}
	
/* ---------------------------------------
  商品詳細 １カラム ボタン　(下部)
--------------------------------------- */	
.itemdetail_cap2 > .item_cart {
	outline: 0;
	border: none;
	display: inline-block;
	font-size: 1.8rem;
	font-size: 18px;
	background: #c80000;
	padding: 10px 32px;
	text-align: center;
	border-radius: 7px;
	transition: 0.5s;}
.itemdetail_cap2 > .item_cart:hover {
	background-color: #f96d6d;}
.itemdetail_cap2 a.item_estimate {
	outline: 0;
	border: none;
	display: block;
	font-size: 1.8rem;
	font-size: 18px;
	float: right;
	background: #345131;
	padding: 10px 32px;
	text-align: center;
	border-radius: 7px;
	transition: 0.5s;}
.itemdetail_cap2 a.item_estimate:hover {
	background-color: #82a37f;}
.itemdetail_cap2 > .item_adOrder {
	outline: 0;
	border: none;
	display: block;
	font-size: 1.8rem;
	font-size: 18px;
	float: right;
	background: #e54a09;
	padding: 10px 32px;
	text-align: center;
	border-radius: 7px;
	transition: 0.5s;}
.itemdetail_cap2 > .item_adOrder:hover {
	background: #ff9468;}
.itemdetail_cap2 > .item_soldOut {
	outline: 0;
	border: none;
	display: block;
	font-size: 1.8rem;
	font-size: 18px;
	float: right;
	padding: 10px 32px;
	text-align: center;
	border: 1px solid #c80000;
	background-color: #fff;
	border-radius: 7px;
	transition: 0.5s;}

/* =======================================

  関連商品 ３カラム

======================================= */
.itemlistSub {
	clear: both;}
.itemlistSub ul {
	margin: 0;
	margin-bottom: 20px;
	padding-left: 0;
	text-align: center;
	font-size: 0;
	float: left;}
.itemlistSub li {
	display: inline-block;
	width: 235px;
	min-height: 315px;
	margin: 5px;
	vertical-align: top;
	border: 1px solid #ccc;
	border-top: 2px solid #999;
	background-color: #fff;
	list-style: none;
	font-size: 1.3rem;
	font-size: 13px;}
.itemlistSub a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
	transition: 0.5s;}
.itemlistSub > ul img {
	width: 210px;
	height: 130px;
	margin: 0 auto;
	border: 1px solid #ddd;}
.itemlistCap_sub {
	text-align: left;
	margin: 10px 5px;}
.itemlistCap_sub > .itemlist_cap{
	width: 210px;}
.itemlistSub li:hover .itemlistCap_sub > .item_name {
	text-decoration: underline;}
.itemlistCap_sub > .item_size {
	display: inline-block;}
.itemlistCap_sub > .item_type {
	display: inline-block;}
.itemlistCap_sub > .item_price {
	display: inline-block;}
.itemlistCap_sub > .item_tax {
	display: inline-block;}
.itemlistSub ul i {
	float: right;
	margin: 7px;}