@charset "utf-8";
.contentIn{
  padding-top:0;
}
/*-----------------------------------------------
 * GOODS
-------------------------------------------------*/
#goods {
  padding-bottom: 0;
}
#goods .contentTitle__en {
  height: 72px;
}
#goods .contentTitle__ja:before,
#goods .contentTitle__ja:after {
  background-image: linear-gradient(var(--color-green), var(--color-green));
}
.goodsContent {
  position: relative;
  width: 100%;
  margin: 48px 0;  
  padding: 0 0 80px;
  background-color: var(--color-pink);
  background: linear-gradient(180deg, transparent 0%, transparent 24px, var(--color-pink) 24px, var(--color-pink) 100%);
}
@media screen and (max-width: 768px) {
  #goods {
    padding-bottom: calc(200 / var(--vw-min) * 100vw);
    overflow: hidden;
  }
  #goods .contentTitle__en {
    height: calc(84 / var(--vw-min) * 100vw);
  }
  .goodsContent {
    margin-top: calc(96 / var(--vw-min) * 100vw);
    margin-bottom: 0;
  }
}
/*-----------------------------------------------
 * goodsNav
-------------------------------------------------*/
.goodsNav{
  color: var(--color-pink);
  text-align: center;
}
.goodsNav li{
  border: 2px solid;
  border-color: #fabdd8;;
  border-radius: 8px;
  background-color: #fff;
  text-align: center;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.goodsNav li a{
  position: relative;
  text-decoration: none;
  color: #fabdd8;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.goodsNav li,
.goodsNav li a {
  transition: background-color 0.3s, color 0.3s;
}  
@media screen and (min-width: 769px) {
  .goodsNav{
    position: relative;
    z-index: 2;
    width: min(calc(890 / var(--vw-min) * 100vw), 890px);
    margin: 0 auto;
    margin-bottom: 50px;
  }
  .goodsNav ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;    
	}
	.goodsNav li{
		width: calc((100% - 40px) / 5);
		margin-right: 10px;
    margin-bottom: 10px;
    font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
    background-color: #fff;
	}
  .goodsNav li:last-child,
  .goodsNav li:nth-child(5n){
		margin-right: 0;
	}
    .goodsNav li a{
      min-height: 60px;
     padding: 0 10px;

  }
}
@media screen and (max-width: 768px) {
  .goodsNav{
    padding-bottom: 2vw;
  }
  .goodsNav ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;    
	}
	.goodsNav li{
		width: calc((100% - 10vw) / 3);
    margin-right: 2vw;    
    margin-bottom: 2vw;    
    font-size:calc(21 / var(--vw-min) * 100vw);
	}
  .goodsNav li a{
    padding: 2vw;
    min-height: calc(80 / var(--vw-min) * 100vw);
	}
  .goodsNav li:last-child,
  .goodsNav li:nth-child(3n){
    margin-right: 0;
  }
  .goodscNav li a::after {
    left: 100%;
    width: 7vw;
    height: 7vw;
  }
}
/* hover active*/
.goodsNav li:hover,
.goodsNav li.is-active{
  border-color: var(--color-pink);
  background-color: #ffe2ef;
}
.goodsNav li:hover a,
.goodsNav li.is-active a{
  color: var(--color-pink);
}


/*-----------------------------------------------
 * goodsContWrap
-------------------------------------------------*/
.goodsContWrap{
}
@media screen and (min-width: 769px) {
  .goodsContWrap{
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .goodsContWrap{
    padding: 10vw 0;
  }
}
.goodsContWrap > p{
  color: #fff;
  font-size: min(calc(36 / var(--vw-min) * 100vw), 36px);
}
@media screen and (max-width: 768px) {
  .goodsContWrap > p{
    font-size: calc(48 / var(--vw-min) * 100vw);
  }
}

/* goodsSubtxt */
.goodsSubtxt{
  font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
  display: block;
}
@media screen and (max-width: 768px) {
  .goodsSubtxt{
    font-size: calc(32 / var(--vw-min) * 100vw);
  }
}


/* archive list*/
.goodsListsWrap{
 /* width: calc(100% - calc(100 / var(--vw-min) * 100vw));*/
  max-width:min(calc(1080 / var(--vw-min) * 100vw), 1080px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .goodsListsWrap{
    width: 100%;
    padding: calc(24 / var(--vw-min) * 100vw);
   }
}
.goodsLists{
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 768px) {
  .goodsLists{
    grid-template-columns: repeat(2, 1fr);
    gap: calc(20 / var(--vw-min) * 100vw);
  }
}
/* item */
.goodsLists__item{
margin-bottom: 20px;
}

.goodsLists__item a{
  display: block;
  text-decoration: none;
  text-align: center;
}
/* txt */
.goodsLists__item .item__ttl{
  color: #FFF;
  text-align: center;
  text-decoration: none;
  text-wrap: wrap;
  display: block;
}
/* img */
.goodsLists__item .item__img{
  display: flex;
  height: 100%;
  border-radius: 8px;
  background-color: #FFF;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
}
.goodsLists__item .item__img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all .4s ease;
  position: absolute;
  top: 0;
  left: 0;
}
.goodsLists__item:hover img{
  transform: scale(1.05);
}
@media screen and (max-width: 768px) {
  .goodsLists__item .item__img{
    margin-bottom: calc(10 / var(--vw-min) * 100vw);
  }
}


/*-----------------------------------------------
 * GOODS - single
-------------------------------------------------*/
.goodsTitle{
	font-size: 24px;
	font-weight: 700;
	line-height: 2;
	color: #FFF;
	text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width:768px){
	.goodsTitle{
		font-size: var(--sp-size-32);
    margin-bottom: calc(32 / var(--vw-min) * 100vw);
	}
}

.goodsArticleIn{
	width: 100%;
  max-width: 800px;
  margin: 0 auto;
	position: relative;
	font-weight: 400;
	line-height: 1.75;
	word-break: break-all;
	padding-top: 16px;
	color: #FFF;
}
.itemImgBlock{
  text-align: center;
  margin: 0 auto;
}

.itemImg img{
  width: 100%;
  max-width: 800px;
  height: auto;
}
@media screen and (max-width: 768px){
  .itemImg img{
    width: 100%;
    max-width: unset;
  }
}
/* pre */
.goodsArticleIn pre{
	margin-top: 24px;
	text-wrap: wrap;
}

/* p */
.goodsArticleIn p {
	margin-top: 24px;
}
.goodsArticleIn p.center{
	text-align: center;
}
.goodsArticleIn p.right{
	text-align: right;
}


/* a */
.goodsArticleIn a {
	color: #FFF;
	font-weight: 500;
}


/* img */
.goodsArticleIn img {
	height: auto!important;
	max-width: 100%;
}


/* youtube */
.youtubeWrap{
	max-width: 100%;
	margin: 0 auto;
}
.youtubeInWrap{
	display: block;
	width: 100%;
	position: relative;
	padding-top: 56.25%;
	margin: auto;
}
.youtubeWrap iframe[src*="youtube"]{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 768px){
	.goodsrticleIn{
		font-size: var(--sp-size-24);
		padding-top: var(--sp-size-36);
		padding-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.goodsArticleIn pre,
	.goodsArticleIn p {
		margin-top: calc(32 / var(--vw-min) * 100vw);
	}
}

/* back btn */
.comLink.-goodsSingle_bti{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-bottom: -20px;
}
@media screen and (max-width:768px){
	.comLink.-goodsSingle_bti{
		margin-bottom: calc(-40 / var(--vw-min) * 100vw);
	}
}

/* goodsPagenavi */
.-goodsPagenavi a.page:hover{

}
@media screen and (hover: hover) and (pointer: fine) {
  .comPagenaviWrap.-whiteCircle.-goodsPagenavi .wp-pagenavi a.page:hover {
      color:#FFF!important;
      background-color: transparent;
  }
  .comPagenaviWrap.-whiteCircle.-goodsPagenavi .wp-pagenavi a.page:hover::before {
    border-color: #FFF!important;
  }
}

/* swiper */
.goodsImageWrap{
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  padding-bottom: min(calc(50 / var(--vw-min) * 100vw), 50px);
}
.goodsImageLists{
  width: 100%;
  display: flex;
  align-items: center;
}
.goodsImageLists__img{
  width: 100%;
}
.goodsImageLists__img img{
  width: 100%;
  height: auto;
}
.goodsPagination{
  bottom: 0!important;
}
.goodsPagination .swiper-pagination-bullet{
  background-color: var(--color-pink);
  border: 1px solid #FFF;
  opacity: 1;   
}
.goodsPagination .swiper-pagination-bullet-active{
  background-color: #FFF;
}