/*
 * Mode Child Style for Welcart Mode Theme
 *
 * @package Welcart
 * @subpackage mode_child
 * @since 1.0.0
 */

@charset "utf-8";


@media screen and (min-width: 38.75em) {
  .is-product {
    flex-direction: row-reverse;
  }
}

.page-title{
	border-bottom: 1px solid #111;
  margin-bottom: 5em;
  font-size: 1.1em;
  padding: 10px 0 6px;
	height: 41px;
}

.is-product .gallery .itemimg img{
	width:unset;
	border:1px solid #eee;
}
.is-product .gallery .itemimg-sub .list{
	padding:5px;
}

@media screen and (min-width: 38.75em) {
  .is-product .gallery {
    width: 50%;
  }
  .is-product .add-to-cart {
    width: 45%;
  }
}


.is-product .add-to-cart .cart-button .skubutton{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight:500;
	height:unset;
}


.is-product .add-to-cart .field_price{
	font-size:28px;
}


/*　商品詳細　*/
.is-product .item-cont{
	margin-top:2em;
}
.is-product .item-cont table{
	width:100%;
	margin-bottom:2em;
	border-top:1px solid #555;
	margin-top:2em;
}
.is-product .item-cont th{
	width:20%;
	border-bottom:1px solid #555;
	vertical-align:middle;
	padding:10px;
}
.is-product .item-cont td{
	width:80%;
	padding:10px 15px;
	border-bottom:1px solid #555;
}
.is-product .item-cont p{
	margin-bottom:1em;
	line-height:1.8em;
}


.is-product .item-tag{
	display:flex;
}
.is-product .soryo{
color: #fff;
  background-color: #c63237;
  padding: 1px 10px 3px;
  display: inline-block;
  font-size: 12px;
  height: fit-content;
  margin-right: 5px;
}

.is-product .add-to-cart .field_price{
	float:right;
	margin-left:3%;
	font-family: 'Zen Old Mincho', serif;
}


/*　関連商品　*/
.related-items {
  margin-top: 90px;
  background-color: #fcfcfc;
  padding: 5%;
}
.related-items h3{
	margin-bottom: 20px;
    font-size: 16px;
}
.related-items__list{
	display:flex;
	flex-wrap:wrap;
	gap:10px 2%;
}
.related-items__item{
	width:15%;
}
.related-items__item a{
	display:flex;
	flex-direction:column;
}
.related-items__item a img{
	border:1px solid #eee;
}
@media screen and (max-width: 1240px) {
	.related-items__item{
		width:23%;
	}
}