@charset "UTF-8";
/*------------------------
商品詳細ページ
------------------------*/
.hedding {
	height: 150px;
    background: var(--btncolor);
	margin-bottom: 30px;
}
main .inner {
	display: block;
    width: 1200px;
    margin: 0 auto;
}

main .inner .item-detail {
	display: flex;
	justify-content: space-between;
	margin: 0 auto 40px;
	/* padding-top: 100px; */
}
main .inner .item-detail img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/*スライダー*/
main .inner .item-detail .box {
	width: 630px;
}
main .inner .item-detail .gallery {
	/* background: lightgreen; */
	position: relative;
	padding-right:30px;
}
#main-slider {
	height: 500px;
	margin-bottom: 10px;
	background: lightblue;
}
#main-slider .slide-item {
	height: 500px;
	/* border: 1px solid gray; */
	background: #fff;
}
#main-slider .slide-item img {
	width: 100%;
	height: 500px;
	object-fit: cover;
	margin: 0 auto;
}

/*サムネイル*/
main .inner .item-detail .gallery.nothumb #thumbnail-slider {
	display: flex;
	justify-content: flex-start;
	/* display: none; */
}
#thumbnail-slider {
	background: #fff;
	display: flex;
	flex-wrap: wrap;
}
/*サムネイル連動の時マイナスマージンで位置調整
#thumbnail-slider .slick-list {
	margin-left: -5px !important;
}
		*/
#thumbnail-slider .thumbnail-item {
	width:calc((100% - 20px) / 5);
	height: 80px;
	background: #fff;
	cursor: pointer;
	margin-right: 5px;/*サムネイル連動の時も同じ設定*/
	margin-bottom: 5px;
}
#thumbnail-slider .thumbnail-item:nth-child(5n) {
	margin-right: 0;
}
#thumbnail-slider .thumbnail-item .inner{
	width: 100%;
	height:100%;
	cursor: pointer;
}
.thumbnail-item.current {
	border: #006736 2px solid; 
}
#thumbnail-slider .thumbnail-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*ロード時の崩れを防ぐ*/
#main-slider{
	display: none;
}
/* ページ読み込み時に、一瞬縦並びになるのを防止 */
/* slick-initializedが付与されたら表示 */
#main-slider.slick-initialized {
	display: block;
}

/* 矢印 */
 .slick-arrow {
	position: absolute;
	background: #222!important;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
 }
.slick-prev,
.slick-next {
	opacity: 1!important;
 }
#main-slider .slick-arrow {
	width: 34px;
	height: 72px;
}
#thumbnail-slider .slick-arrow {
	width: 20px;
	height: 30px;
}
#main-slider .slick-prev {
	left:-10px;
}
#main-slider .slick-next {
	right:-10px;
}
#thumbnail-slider .slick-prev {
	left: -10px;
}
#thumbnail-slider .slick-next {
	right: -10px;
}
.slick-prev::before ,
.slick-next::before {
	content: ''!important;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 1!important;
}
.slick-prev::before {
	border-style: solid;
	border-color: transparent #fff transparent transparent;
	border-width: 4px 4px 4px 0;
	right: 48%;
}
#thumbnail-slider .slick-prev::before {
	right: 42%;
}
.slick-next::before {
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 4px 0 4px 4px;
	left: 48%;
}
#thumbnail-slider .slick-next::before {
	left: 42%;
}
.slick-prev:hover ,
.slick-next:hover
 {
	opacity: .75!important;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled{
	background: #555!important;
}
.slick-prev.slick-disabled:before ,
.slick-next.slick-disabled:before {
	opacity: .6;
}
/*カレント*/

.wrapper form{
	display: flex;
	align-items: center;
}


/* 右側のbox */
main .inner .item-detail .box-r {
	width: 50%;
}
main .inner .item-detail .box-r span {
	font-size: 1.6rem;
}
main .inner .item-detail .box-r h2 {
	font-size: 3.8rem;
	margin-bottom: 20px;
	line-height: 1;
}
main .inner .item-detail .box-r p {
	font-size: 1.6rem;
	margin-bottom: 10px;
}
main .inner .item-detail .box-r label {
	display: inline-block;
	height: 40px;
	margin-bottom: 20px;
  }
  main .inner .item-detail .box-r input {
	width: 50px;
	text-align: center;
  }
main .inner .item-detail .box-r .price {
	font-size: 2.4rem;
	margin-bottom: 0;
}
main .inner .item-detail .box-r span.woocommerce-Price-currencySymbol {
	font-size:4rem;
    font-weight: bold;
}
main .inner .item-detail .box-r span.amount {
	font-size:4rem;
    font-weight: bold;
}
main .inner .item-detail .box-r .notes {
	display: inline-block;
	font-size: 1.4rem;
	margin-bottom: 20px;
}
main .inner .item-detail .box-r .btn {
    text-align: center;
}
main .inner .item-detail .box-r .btn a {
    display: block;
    width: 200px;
    /* height: 40px; */
    color: #fff;
    background: #849991;
    transition: all 0.3s;
    text-align: center;
    padding: 10px 40px;
    margin: 0 auto 60px;
	text-decoration: none;
}
main .inner .item-detail .box-r .btn a:hover {
    background: #2b443b;
    transition: all 0.3s;
}

main .inner .item-detail .box-r .variation ul {
	width: 100%;
	margin-bottom: 20px;
	display: flex;
	justify-content: left;
	gap: 10px;
}
main .inner .item-detail .box-r .variation ul li img {
	width: 50px;
	height: 50px;
	background: lightgray;
}
main .inner .item-detail .box-r .text {
	padding: 10px;
}

/*買い物カゴ*/
.item-detail .box-r .wrapper{
	margin-bottom: 60px;
}
.wrapper .quantity{
	margin-right: 7px;
}
.wrapper button[name="add-to-cart"] {
	color: #fff;
	background: #849991;
	display: inline-block;
	padding: 5px;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 5px 10px;
	font-size: 1.6rem;
	border-radius: 3px;
	appearance: none;
}

/*カート追加ボタン*/
.wrapper button[name="add-to-cart"] {
	color: #fff;
    background: var(--btncolor);
    display: inline-block;
    padding: 5px;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 7px 15px;
    font-size: 1.rem;
    border-radius: 3px;
    appearance: none;
    transition: all 0.3s;
}
.wrapper button[name="add-to-cart"]:hover{
	opacity: 0.8;
}
main .inner .item-detail .box-r .text h3 {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px solid #849991;
	width: 100%;
}
/* 関連商品 */
main .inner .related-products {
	width: 100%;
}
main .inner .related-products ul {
	width: 100%;
	margin-bottom: 20px;
	display: flex;
	/* text-align: center; */
}
main .inner .related-products ul li {
    display: block;
    width: calc(calc(100% - 100px) / 6);
    margin-right: 20px;
    /* text-align: center; */
    overflow: hidden;
}
main .inner .related-products ul li a {
	transition: all .3s ease 0s;
}
main .inner .related-products ul li a:hover {
	color: #007c4f;
	transition: 0.2s;
}
main .inner .related-products ul li h4 {
    font-size: 1.4rem;
    font-weight: 600;
}
main .inner .related-products ul li .img {
	overflow: hidden;
	margin-bottom: 3px;
}
main .inner .related-products ul li img {
	width: 100%;
	height: 150px;
	object-fit: cover;
	background: lightgray;
	transition: transform .3s, object-position .3s;
}
.related-products ul li a:hover img {
	transform: scale(1.05);
}
main .inner .related-products ul li p {
    font-size: 1.8rem;
    font-weight: bold;
	line-height: 1;
}
main .inner .related-products ul li .price {
	margin-top:3px;
}
main .inner .related-products h3 {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 20px;
	border-bottom: 1px solid #849991;
	width: 100%;
}

main .inner .catch-copy .block h3 {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 20px;
	border-bottom: 1px solid #849991;
	width: 100%;
}

/**/