@charset "utf-8";

.itemDetail_txt{
  padding:0 10px;
  clear:both;
}
.itemDetail_txt:last-child{
  padding:0 10px 10px 10px;
}
.itemDetail_txt input[type="text"]{
  width:100%;
}
.itemDetail_txt span{
  font-weight:normal;
}
.itemDetail_txt .ami{
    background:url(../../commonfiles/images/line_h2.gif);
    padding:10px;
    color:#af0000;
}
.itemDetail_txt .amiToggle{
  background:url(../../commonfiles/images/line_h2.gif);
  padding:10px;
}
.itemDetail_txt .amiNoImg{
    background:url(../../commonfiles/images/line_h2.gif);
    padding:10px;
    color:#af0000;
}
.itemDetail_txt .ami span,
.itemDetail_txt .amiToggle span{
  padding-left:40px;
  min-height:24px;
  display:inline-block;
}
.itemDetail_txt .amiNoImg span{
    min-height:24px;
    display:inline-block;
}

.itemDetail_txt .amiToggle .bg_cam{
  background:url(../../commonfiles/images/icon_sale.gif) no-repeat left top;
}
.detail_arrow{
  border-top:1px solid #cccccc;
  height:11px;
  width:100%;
  position:relative;
}
.detail_arrow img{
  position:absolute;
  top:-1px;
  left:50%;
}
.itemDetail_txt table tr th{
  width:30%;
}
.itemDetail_txt table tr td{
  padding:3px;
}
.itemDetail_txt table b{
  font-size:16px;
}
.itemMain{
  border:1px solid #cccccc;
  text-align:center;
  vertical-align:middle;
}
.itemMain img,
.item_thum img{
  max-width:100%;
  max-height:100%;
  position: relative !important;
}
.item_thum a{
  display:inline-block;
  border:1px solid #cccccc;
  width:103px;
  height:103px;
  margin-right:4px;
  margin-top:5px;
  text-align:center;
  vertical-align:middle;
}
.item_thum img.last_r{
  margin-right:0;
}
.attribute_list{
  border-top:1px solid #cccccc;
  border-right:1px solid #cccccc;
  border-left:1px solid #cccccc;
  width:100%;
}
.attribute_list th,
.attribute_list td{
  padding:10px 20px;
  border-bottom:1px solid #cccccc;
}
.attribute_list th{
  background:#eeeeee;
  width:30%;
  border-right:1px solid #cccccc;
}

.item_set_thum{
  width:20%;
  vertical-align:top;
}
.item_set_thum img{
  max-width:76px;
  max-height:86px;
  text-align:center;
}
.item_set_name{
  font-weight:bold;
}

.mainNoPhotoImg{
    width:100%;
    height:100%;
}

.btn_off {
    background-color: #aaaaaa;
    border: medium none;
    color: #555555;
    text-align: center;
    padding: 6px 12px;
  /* デザイン適用 */
  border-radius: 5px;
}

/* SNS */
#snsArea{
  margin: 10px 0px 0px 0px;
}

.discoColor{
  color:#af0000;
}
.discoColorDisable{
  color:#c0c0c0;
}

/* デザイン適用 */
.buy_box {
  background: #333;
  color: #fff;
  padding: 8px;
}

.requestQuoteAddBtn{
	display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
  gap: 10px;
}

.inquiryBtn{
	display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
  background-color: #ededed;
  border: solid #c4c2c2 1px;
  border-radius: 5px;
  margin-top: 30px;
  margin-bottom: 30px;
}

/* デザイン適用 */
.buy_box table {
  border: medium none currentcolor;
}
/* デザイン適用 */
.buy_box table thead tr:first-child {
  border: medium none currentcolor;
}
/* デザイン適用 */
.buy_box table tr {
  border-top: 4px solid #333;
  border-left: medium none currentcolor;
  border-right: medium none currentcolor;
  border-bottom: medium none currentcolor;
}
/* デザイン適用 */
.buy_box table th:first-child, .buy_box table td:first-child {
  border: medium none currentcolor;
}
/* デザイン適用 */
.buy_box table th, .buy_box table td {
  border-top: medium none currentcolor;
  border-left: 4px solid #333;
  border-right: medium none currentcolor;
  border-bottom: medium none currentcolor;
}
/* デザイン適用 */
.buy_box table th {
  background: #999;
  color: #fff;
  text-align: center;
}
/* デザイン適用 */
.buy_box table td {
  background: #666;
  color: #fff;
}

.commodityNameTitleContainer{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 0.5em;
	margin: 0.5em 0;
	color: #494949;
	background: #ededed;
	border-left: solid 5px #e70012;
}

.flexItem + .flexItem {
    border-left: solid 1px black;
    padding-left: 10px;
    padding-right: 10px;
}

.commodityNameTitle{
	display: flex;
	flex-direction: column;
	text-align:left;
}

.commodityName{
	font-weight: bold;
	font-size: 18px;
	margin: 0.2em 0;
}

.commoditySupplementaryName{
	font-size: 17px;
}

.requestQuote{
	background-color: #dc3545;
}

.onlyRequestQuoteMessage{
	padding-bottom: 10px;
	text-align: center;
}

.addToCartArea{
	height: fit-content;
}

.purchasingBtns{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.contactLink{
	height: 2.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 10%;
}

.favouriteLink{
	height: 3.1em;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	width: 20%;
}

.imageFavourite{
	max-height:  80%;
	margin-top: 5px;
}

.favouriteLabel{
	font-size: 1em;
}

.commodityToCartInfo{
	text-align: right;
	align-items: end;
	margin-bottom: 2px;
}

/*1201px*/
@media only screen and (min-width:1201px) {
.item_thum a{
  width:107px;
  height:107px;
}
.item_thum img{
  top: 49.5%;
  -webkit-transform: translateY(-49.5%);
  -ms-transform: translateY(-49.5%);
  transform: translateY(-49.5%);
}
.itemMain{
  width:100%;
/*   height:573px; */
}
}

/*991px-1200px*/
@media only screen and (min-width:992px) and (max-width:1199px) {
.itemMain{
  width:100%;
/*   height:554px; */
/*   width:554px; */
}
}

/*769px-990px*/
@media only screen and (min-width:768px) and (max-width:991px) {
.item_thum a{
  margin-right:3px;
  width:78px;
  height:78px;
}
/* タブレット縦サイズ */
.itemMain{
/*   width:426px; */
/*   height:426px; */
 width:100%;
}
}

/*768px*/
@media screen and (max-width:768px){
	.addToCartArea{
		height: fit-content;
	}
	.requestQuoteAddBtn{
		width: 100% !important;

	}
	.favouriteLink{
		width: 20%;
	}
	.imageFavourite{
		max-height: 100%;
		margin-top: 0;
	}
	.favouriteLabel{
		display: none;
	}
	#detailDescription{
		 display: flex;
		  flex-direction: column-reverse;
		  justify-content: space-between;
		  align-items: start;
		  gap: 10px;
		  font-size: smaller;
	}

	.favorite-contact-buttons{
		 display: flex;
		  justify-content: space-between;
		  align-items: center;
		  gap: 10px;
	}

	.btn_box .btn{
		margin-top: 0 !important;
	}
}

/*481px-768px*/
@media only screen and (min-width:481px) and (max-width:768px) {
.item_thum a{
  width:90px;
  height:90px;
}
.itemMain{
  width:458px;
  height:458px;
  margin:0 auto;
}

/*.contents_box {
        margin-top: 0 !important;
}*/

}

/*480px*/
@media screen and (max-width:480px){
.item_thum a{
  width:52px;
  height:52px;
}
.itemMain{
  width:298px;
  height:298px;
  margin:0 auto;
}
.h-buy_box{
	height: 100%;
}
.contents_box {
        margin-top: 0 !important;
}

}