/*
Theme Name: Lightning Child 
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/
.card-img-overlay {
	position: relative;
}
.sold_out {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	color: #ff0000;
	padding: 5px 5px;
}

.item_img {
  margin: 30px auto 0;
  width: 100%;
}
.slick-img img {
  height: auto;
  width: 100%;
}
.thumbnail1, .thumbnail2 {
	margin-top: 10px;
}
.thumbnail1 .slick-track {
  transform: unset !important;
}
.thumbnail2 .slick-track {
  transform: unset !important;
}
.thumbnail-img {
  opacity: 1;
  transition: opacity .3s linear;
  width: 33% !important;
	margin: 0 auto;
	padding: 5px 5px;
}
.thumbnail1 .slick-current {
  opacity: 0.2;
	border: 2px solid #ddd;
}
.thumbnail2 .slick-current {
  opacity: 0.2;
	border: 2px solid #ddd;
}
.merchandise {
	display: flex;
	flex-diretion: row !important;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	max-width: 1000px;
}
.merchandise_left {
	width: 45%;
}
.merchandise_center {
	width: 10%;
	position: relative;
}
.merchandise_center_inner{
position: absolute !important;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.merchandise_right {
	width: 45%;
}

.merchandise_table table{
  width: 100%;
  border-spacing:0;
  border: none;
 margin-bottom: 15px;
}

.merchandise_table table th{
  text-align: left;
  width: 30%;
font-weight: normal;
	border: none;
	border-bottom: 2px solid #FFC417;
}

.merchandise_table table td{
  text-align: left;
  padding:12px 0 12px 30px;
  width: 70%;
	border: none;
	border-bottom: 1px solid #ddd;
}
.merchandise_name {
	font-size: 20px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 12px 0px;
	margin-bottom: 15px;
}


@media (max-width: 600px) {
	.merchandise_left {
	width: 100%;
}
.merchandise_right {
	width: 100%;
}
	.merchandise_center {
	width: 100%;
	height: 100px;
}
 
}