@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
/*-----------------------------------------------
 * Index
 * Modal
-------------------------------------------------*/
.subArticle__cont,
#goodsItemBody {
	font-family: 'Noto Sans JP', sans-serif;
}


/*-----------------------------------------------
 * Index
-------------------------------------------------*/
/**
 * goodsLists
 */
.goodsLists {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	margin-bottom: 80px;
}
.goodsLists__item {
	border-bottom: 1px solid rgba(255,255,255,.4);
	width: calc((100% - 80px) / 3);
}
.goodsLists__link {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
@media screen and (max-width:767px){
	.goodsLists {
		gap: 24px;
		margin-bottom: 16vw;
	}
	.goodsLists__item {
		width: calc((100% - 24px) / 2);
	}
}

/* thumb */
.goodsLists__thumbWrap {
	aspect-ratio: 1 / 1;
	max-width: 320px;
	overflow: hidden;
}
.goodsLists__thumb {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	transition: transform .3s ease;
}
.goodsLists__thumb.is-detail {
	background-size: contain;
}
.goodsLists__link:hover .goodsLists__thumb {
	transform: scale(1.15);
}
@media screen and (max-width:767px){
	.goodsLists__thumbWrap {
		max-width: 100%;
	}
}

/* title */
.goodsLists__titleWrap {
	padding: 20px;
}
.goodsLists__title {
	color: #fff;
	font-size: min(1.33333vw, 16px);
	line-height: 2;
}
@media screen and (max-width:767px){
	.goodsLists__titleWrap {
		padding: 2vw;
	}
	.goodsLists__title {
		font-size: 3.2vw;
	}
}

/**
 * goodsTitle
 */
.goodsTitle {
	background-color: #000;
	color: rgb(var(--color-gold));
	font-size: min(2vw, 24px);
	margin-bottom: 40px;
	padding: 10px 20px;
	text-align: center;
}
@media screen and (max-width:767px){
	.goodsTitle {
		font-size: 3.73333vw;
		margin-bottom: 24px;
	}
}

/**
 * goodsFreeText
 */
.goodsFreeText {
	color: #fff;
	font-size: min(1.33333vw, 16px);
	line-height: 2;
}
.goodsFreeText img {
	max-width: 100%;
}
.goodsFreeText.is-top {
	margin-bottom: 40px;
}
.goodsFreeText.is-bottom {
	margin-top: 80px;
	margin-bottom: 80px;
}
@media screen and (max-width:767px){
	.goodsFreeText {
		font-size: 3.2vw;
	}
	.goodsFreeText.is-top {
		margin-bottom: 24px;
	}
	.goodsFreeText.is-bottom {
		margin-top: 48px;
		margin-bottom: 48px;
	}
}

/**
 * pageback
 */
.pageback {
	margin-top: 80px;
}
@media screen and (max-width:767px){
	.pageback {
		margin-top: 16vw;
	}
}


/*-----------------------------------------------
 * Modal
-------------------------------------------------*/
body#goodsItemBody {
	background-color: transparent;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
#goodsItemFull {
	padding: 80px 0;
}
.goodsItem {
	display: flex;
	max-width: 1200px;
	padding: 0 80px;
}
@media screen and (max-width:767px){
	#goodsItemFull {
		width: 100vw;
		padding: 50px 24px;
	}
	.goodsItem {
		flex-direction: column;
		padding: 0;
	}
}

/* goodsItem__imgWrap */
.goodsItem__imgWrap {
	flex: none;
	width: 33.33333vw;
	max-width: 400px;
}
.goodsItem__imgWrap__mainImg__img {
	aspect-ratio: 1/1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.goodsItem__imgWrap__mainImg__img img {
	width: 100%;
}
@media screen and (max-width:767px){
	.goodsItem__imgWrap {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}
}

/* caption */
.goodsItem__imgWrap__mainImg__caption {
	color: #fff;
	font-size: min(1.33333vw, 16px);
}
@media screen and (max-width:767px){
	.goodsItem__imgWrap__mainImg__caption {
		font-size: 3.2vw;
	}
}

/* lists */
.goodsItem__tLists {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
}
.goodsItem__tLists__item {
	width: calc((100% - 40px) / 5);
}


.goodsItem__tLists__item__photo {
	aspect-ratio: 1/1;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: .6;
	transition: opacity .3s ease;
}
.goodsItem__tLists__item__photo:hover,
.goodsItem__tLists__item.is-active .goodsItem__tLists__item__photo {
	opacity: 1;
}

.goodsItem__tLists__item__photo img {
	cursor: pointer;
	width: 100%;
	opacity: .6;
	transition: opacity .3s ease;
}
.goodsItem__tLists__item__photo img:hover,
.goodsItem__tLists__item.is-active img {
	opacity: 1;
}
@media screen and (max-width:767px){
	.goodsItem__tLists {
		gap: 4px;
		margin-top: 4px;
	}
	.goodsItem__tLists__item {
		width: calc((100% - 12px) / 4);
	}
}

/* goodsItem__textWrap */
.goodsItem__textWrap {
	padding-left: 40px;
}
.goodsItem__text__title {
	background-color:rgb(var(--color-gold));
    color: #000;
    font-size: min(1.66666vw, 20px);
    margin-bottom: 40px;
    padding: 10px 20px;
}
.goodsItem__text__text {
	color: #fff;
	font-size: min(1.33333vw, 16px);
}
@media screen and (max-width:767px){
	.goodsItem__textWrap {
		margin-top: 8vw;
		padding-left: 0;
	}
	.goodsItem__text__title {
		padding-left: 0;
	}
	.goodsItem__text__title {
		font-size: 3.73333vw;
		margin-bottom: 8vw;
		padding: 8px 10px;
	}
	.goodsItem__text__text {
		font-size: 3.2vw;
	}
}

/* goodsItem__text__shop */
.goodsItem__text__shop {
	color: rgb(var(--color-gold));
	font-size: min(1.33333vw, 16px);
	margin-top: 30px;
	margin-bottom: 10px;
}
@media screen and (max-width:767px){
	.goodsItem__text__shop {
		font-size: 3.73333vw;
	}
}

/* img */
.goodsItem__textWrap img {
	max-width: 100%;
}

/**
 * goodsItem__text__shopLists
 */
.goodsItem__text__shopLists {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.goodsItem__text__shopLists img {
	max-width: 100%;
}
@media screen and (max-width:767px){
	.goodsItem__text__shopLists__item {
		width: calc((100% - 10px) / 3);
	}
}