@charset "utf-8";
:root{
	--color-main: var(--color-red);
}
.c_main{
	color: var(--color-main);
}
.c_sub{
	color: var(--color-subyellow);
}
.mt{
	margin-top: 2em;
}
.f_l1{
	font-size: 112.5%;
}

.cont_h2--txt:first-letter{
	color: var(--color-main);
}

/*-----------------------------------------------
 * GOODS - SETTING
-------------------------------------------------*/
.goodsContentIn{
	width: 100%;
	max-width: 1920px;
	padding: 0 min(calc(160 / var(--vw-min) * 100vw), calc(160px * var(--max-percent)));
	margin: 0 auto;
}
.goodsContentIn__cont{
	width: 100%;
}

@media screen and (max-width:768px){
	.goodsContentIn{
		padding-top: calc(96 / var(--vw-min)* 100vw);
        padding-left: 6.4%;
        padding-right: 6.4%;
	}
	.goodsContent{
		padding-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.goodsContentIn{
		flex-direction: column;
	}
}


.goodsArea{
	width: 100%;
	color: #FFF;
	padding: 80px 0 40px;
	position: relative;
}

.goodsAreaCont{
	display: block;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.goodsAreaContIn{
	display: block;
	width: 100%;
	padding: 0 9.091%;/* 0 80 */
}

.goodsArea .cont_h2{
	color: #000;
}
.goodsArea .cont_h2--txt:first-letter{
	color: var(--color-yellow);
}
.goodsArea .cont_h2--line{
	background-color: #000;
}


.goodsAreaContent{
	width: 100%;
	padding-top: 36px;
}

@media screen and (max-width:768px){
	.goodsArea{
		width: 100%;
		max-width: 100%;
		padding:0;
	}
	.goodsAreaCont{
		width: 100%;
		max-width: 100%;
		padding-left: 0;
	}
	.goodsAreaContIn{
		padding: 0 6.4%;/* 0 48 */
	}
	.goodsAreaContent{
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
}

.indent{
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}
p.indent{
	display: block;
}
p.indent:not(:last-child){
	display: block;
	margin-bottom: 12px;
}
.indent.-dot:before {
    content: '・';
}
.indent.-kome:before {
    content: '※';
    margin-right: -0.25em;
}
@media screen and (max-width: 767px){
	p.indent:not(:last-child){
		padding-bottom: var(--sp-size-16);
	}
}

/**
* LOADED ANIMATION
**/
.goodsContentIn{
	opacity: 0;
	transition: opacity .4s ease;
}
.is-ani .goodsContentIn{
	opacity: 1;
	transition-delay: .6s;
}


/**
* CONT_h3
**/
.cont_h3{
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
}
.cont_h3.-en{
	font-family: var(--font-en);
	font-size: 28px;
}
.cont_h3.-line{
	border-bottom: 1px solid #FFF;
}
@media screen and (max-width:768px){
	.cont_h3{
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
	.cont_h3.-en{
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
}



.goodsSection:not(:first-child){
	padding-top: 64px;
}
.goodsSectionCont{
	width: 100%;
	position: relative;
	padding-top: 32px;
	line-height: 2;
}
@media screen and (max-width:768px){
	.goodsSection:not(:first-child){
		padding-top: calc(96 / var(--vw-min) * 100vw);
	}
	.goodsSectionCont{
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
}


.goodsTextIn__img{
	display: block;
	padding: 1em 0;
	text-align: center;
}
.goodsTextIn__img img{
	max-width: 100%;
}



/*-----------------------------------------------
 * GOODS - ITEM
-------------------------------------------------*/
.goodsItemLists{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: min(3.3334vw, 64px) 5%;
}
.goodsItemList{
	width: 30%;
}
@media screen and (max-width: 767px){
	.goodsItemListsWrap{
		padding-top: var(--sp-size-96);
		padding-bottom: var(--sp-size-48);
	}
	.goodsItemLists{
		gap: var(--sp-size-48);
	}
	.goodsItemList{
		width: calc(50% - var(--sp-size-24));
	}
}


/**
** 特典画像Swiper
**/
/* imageSwiper */
.itemImageSwiper{
	width: 100%;
	padding-bottom: 56px;
}
.itemImageList img{
	width: 100%;
	border: 1px solid #FFF;
}
/* Selector */
.itemImageSelectWrap{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 56px;
	display: flex;
	align-items: center;
}
.swiper-pagination-bullets.swiper-pagination-horizontal.itemImageSelectInWrap,
.itemImageSelectInWrap{
	width: 100%;
	position: relative;
	top: unset;
	bottom: unset;
	left: 0;
	right: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.itemImageSelect{
	width: 12px;
	height: 12px;
	position: relative;
	margin: 0;
	background: unset;
	opacity: 1;
	border-radius: unset;
}
.itemImageSelect:before,
.itemImageSelect:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	border: 2px solid #888;
	transition: opacity .3s ease;
}
.itemImageSelect:after{
	border-color: var(--color-main);
	opacity: 0;
}

@media (hover: hover) and (pointer: fine){
/* hover */
	.itemImageSelect:hover::after{
		opacity: 0.4;
	}
}
.swiper-pagination-bullet-active.itemImageSelect:after{
	opacity: 100%;
}


/* active */
.swiper-pagination-bullet-active.itemImageSelect:before{
	opacity: 0;
}
.swiper-pagination-bullet-active.itemImageSelect:after{
	opacity: 1;
}

.itemTitle{
	font-size: 20px;
	font-weight: 700;
}
.itemTitle span{
	background-color: var(--color-main);
	color: #000;
}
.itemPrice{
	font-size: 20px;
	line-height: 1;
	margin-top: 12px;
}
.itemPrice span{
	color: var(--color-main);
	display: inline-block;
	padding-right: 1em;
}
.itemPrice small{
	padding-left: 0.25em;
}
.itemInfo{
	margin-top: 16px;
	line-height: 2;
}
.itemInfo dl div.dlist:not(:last-child){
	margin-bottom: 8px;
}
.itemInfo dl div.dlist dt{
	color: var(--color-main);
	display: inline-block;
	padding-right: 0.25em;
}
.itemInfo dl div.dlist dt.w100{
	display: block;
}
.itemInfo dl div.dlist dd{
	display: inline-block;
	width: 100%;
}


@media screen and (max-width: 767px){
	.swiper-pagination-bullets.swiper-pagination-horizontal.itemImageSelectInWrap,
	.itemImageSelectInWrap{
		gap: calc(16 / var(--vw-min) * 100vw);
	}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.itemImageSelect{
		width: var(--sp-size-20);
		height: var(--sp-size-20);
	}
	.itemImageSelect:before,
	.itemImageSelect:after{
		border-width: calc(4 / var(--vw-min) * 100vw);
	}
	.itemTitle{
		font-size: var(--sp-size-26);
	}
	.itemPrice{
		font-size: var(--sp-size-24);
		margin-top: var(--sp-size-20);
	}
	.itemInfo{
		margin-top: var(--sp-size-20);
	}
	.itemInfo dl div.dlist:not(:last-child){
		margin-bottom: var(--sp-size-10);
	}
}

.goodsInfoWrap {
	border: 1px solid #fff;
	padding: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
.goodsInfo__dl{
	margin-top: 20px;
}
.goodsInfo__dl div.dllist{
	display: flex;
}
.goodsInfo__dl dt{
	flex-shrink: 0;
	padding-right: 1em;
	color: var(--color-subyellow);
}
.goodsInfo__dl div.dllist:not(:last-child){
	margin-bottom: 8px;
}

@media screen and (max-width: 767px){
	.goodsInfo:not(:first-child){
		padding-top: var(--sp-size-96);
	}
	.goodsInfo h3.com_h3 {
		font-size: var(--sp-size-32);
		margin-bottom: var(--sp-size-48);
	}
	.goodsInfo__dl{
		margin-top: var(--sp-size-24);
	}
}

.goodsAfter{
	width: 100%;
	opacity: 1;
	transition: transform .4s cubic-bezier(.57,.37,.51,.92) .2s , opacity .4s cubic-bezier(.57,.37,.51,.92) .2s;
	padding-top: var(--sp-size-48);
}

@media screen and (min-width: 767px){
	.goodsAfter{
		display: flex;
		padding: 40px 0;
	}
	.goodsAfter_l{
		width: 40%;
	}
	.goodsAfter_r{
		width: 60%;
		padding-left: 5%;
	}
}

.goodsAfter.--is-ani {
	opacity: 1;
	transform: translateY(0%);
}

/*-----------------------------------------------
 * goods - lists
-------------------------------------------------*/
.goodsLists{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: min(3.3334vw, 64px) 5%;
	padding-top: 80px;
}
.goodsList{
	width: 30%;
}

/* imageSwiper */
.goodsList_imgSwiper{
	padding-bottom: 40px;
}
#goods_after01.goodsList_imgSwiper{
	padding-bottom: 60px;
}
.goodsList_imgList img{
	width: 100%;
}

.goods_title{
	font-size: 20px;
	font-weight: 700;
}
.goods_title span{
	background-color: var(--color-subyellow);
	color: #000;
}
.goods_price{
	font-size: 20px;
	line-height: 1;
	margin-top: 12px;
}
.goods_price span{
	color: var(--color-subyellow);
	display: inline-block;
	padding-right: 1em;
}
.goods_price small{
	padding-left: 0.25em;
}
.goods_txt{
	margin-top: 16px;
	line-height: 2;
}
.goods_txt dl div.dllist:not(:last-child){
	margin-bottom: 8px;
}
.goods_txt dl div.dllist dt{
	color: var(--color-subyellow);
	display: inline-block;
	padding-right: 0.25em;
}
.goods_txt dl div.dllist dt.w100{
	display: block;
}
.goods_txt dl div.dllist dd{
	display: inline-block;
}
.cy{
	color: var(--color-subyellow);
}
@media screen and (max-width: 767px){
	.goodsLists{
		gap: var(--sp-size-48);
		padding-top: var(--sp-size-96);
	}
	.goodsList{
		width: calc(50% - var(--sp-size-24));
	}
	.goodsList_imgSwiper{
		padding-bottom: var(--sp-size-48);
	}
	.swiper-pagination-bullets.swiper-pagination-horizontal.goodsList_imgSwiperSelectorWrap{
		bottom: var(--sp-size-8);
		gap: var(--sp-size-10);
	}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.goodsList_imgSwiperSelector{
		width: var(--sp-size-16);
		height: var(--sp-size-24);
	}
	.goods_title{
		font-size: var(--sp-size-26);
	}
	.goods_price{
		font-size: var(--sp-size-24);
		margin-top: var(--sp-size-20);
	}
	.goods_txt{
		margin-top: var(--sp-size-20);
	}
	.goods_txt dl div.dllist:not(:last-child){
		margin-bottom: var(--sp-size-10);
	}
}