@charset "utf-8";
.contentIn{
  padding-top:0;
}
/*-----------------------------------------------
 * PKG
-------------------------------------------------*/
#pkg {
  padding-bottom: 0;
}
#pkg .contentTitle__en {
  height: 72px;
}
#pkg .contentTitle__ja:before,
#pkg .contentTitle__ja:after {
  background-image: linear-gradient(var(--color-green), var(--color-green));
}
.pkgContent {
  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%);
}
.pkgContent.-list {
  background-color: var(--color-pink);
  padding-top: 48px;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  #pkg {
    padding-bottom: calc(48 / var(--vw-min) * 100vw);
    overflow: hidden;
  }
  #pkg .contentTitle__en {
    height: calc(84 / var(--vw-min) * 100vw);
  }
  .pkgContent.-list {
    margin-top: calc(48 / var(--vw-min) * 100vw);
    background-color: var(--color-pink);
    padding-top: 10vw;
  }
}
/*-----------------------------------------------
 * pkgNav
-------------------------------------------------*/
.pkgNav{
  color: var(--color-pink);
  text-align: center;
}
.pkgNav li{
  border: 2px solid;
  border-color: #fabdd8;;
  border-radius: 8px;
  background-color: #fff;
  text-align: center;
}
.pkgNav li a{
  position: relative;
  text-decoration: none;
  color: #fabdd8;
}
.pkgNav li,
.pkgNav li a {
  display: block;
  transition: background-color 0.3s, color 0.3s;
}  
@media screen and (min-width: 769px) {
  .pkgNav{
    position: relative;
    z-index: 2;
    width: min(calc(890 / var(--vw-min) * 100vw), 890px);
    margin: 0 auto;
    margin-bottom: 50px;
  }
  .pkgNav ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;    
	}
	.pkgNav li{
		width: calc((100% - 40px) / 5);
		margin-right: 10px;
    margin-bottom: 10px;
    font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
    padding: 10px 0;
    background-color: #fff;
	}
  .pkgNav li:nth-child(5n){
		margin-right: 0;
	}
}
@media screen and (max-width: 768px) {
  .pkgNav{
    padding-bottom: 2vw;
  }
  .pkgNav ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;    
	}
	.pkgNav li{
		width: calc((100% - 10vw) / 3);
    padding: 2vw 0;
    margin-right: 2vw;    
    margin-bottom: 2vw;    
	}
  .pkgNav li:nth-child(3n){
    margin-right: 0;
  }
  .pkgNav li a::after {
    left: 100%;
    width: 7vw;
    height: 7vw;
  }
}
/* hover active*/
.pkgNav li:hover,
.pkgNav li.is-active{
  border-color: var(--color-pink);
  background-color: #ffe2ef;
}
.pkgNav li:hover a,
.pkgNav li.is-active a{
  color: var(--color-pink);
}

/* article */
.pkgArticle.-tokutenBox{
  margin-bottom: 76px;
}
.comLink.-tokutenBtn{
  width: 100%;
  max-width: min(calc(1080 / var(--vw-min) * 100vw), 1080px);
  margin: 10px auto 0;
}
.comLink.-tokutenBtn a.comLink__link{
  width: 100%;
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
}
.comLink.-tokutenBtn a.comLink__link .comLink__link--arrow{
  right: 30px;
}
@media screen and (max-width: 768px) {
  .pkgArticle.-tokutenBox{
    margin-bottom: calc(138 / var(--vw-min) * 100vw);
    height: 100%;
  }
  .comLink.-tokutenBtn{
  margin: calc(20 / var(--vw-min) * 100vw) auto 0;
  }
  .comLink.-tokutenBtn .comLink__link{
    height: calc(80 / var(--vw-min) * 100vw);
    font-size: calc(36 / var(--vw-min) * 100vw);
  }
  .comLink.-tokutenBtn a.comLink__link .comLink__link--arrow{
    right: calc(48 / var(--vw-min) * 100vw);
  }
}
/*-----------------------------------------------
 * pkgContWrap
-------------------------------------------------*/
.pkgContWrap{
}
@media screen and (min-width: 769px) {
  .pkgContWrap{
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .pkgContWrap{
    padding: 10vw 0;
  }
}
.pkgContWrap > p{
  color: #fff;
  font-size: min(calc(36 / var(--vw-min) * 100vw), 36px);
}
@media screen and (max-width: 768px) {
  .pkgContWrap > p{
    font-size: calc(48 / var(--vw-min) * 100vw);
  }
}



/* archive list*/
.pkgListsWrap{
 /* 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) {
  .pkgListsWrap{
    width: 100%;
    padding: calc(24 / var(--vw-min) * 100vw);
   }
}
.pkgLists{
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .pkgLists{
    gap: calc(20 / var(--vw-min) * 100vw);
  }
}
/* item */
.pkgLists__item{
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .pkgLists__item{
    margin-bottom: calc(20 / var(--vw-min) * 100vw);
  } 
}
.pkgLists__item a{
  display: block;
  text-decoration: none;
  text-align: center;
}
/* txt */
.pkgLists__item .item__ttl{
  color: #FFF;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
}
/* img */
.pkgLists__item .item__img{
  display: flex;
  height: 100%;
  border-radius: 8px;
  background-color: #FFF;
  width: 255px;
  height: 350px;
  overflow: hidden;
  margin-bottom: 10px;
}
.pkgLists__item .item__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .4s ease;
}
.pkgLists__item:hover img{
  transform: scale(1.05);
}
@media screen and (max-width: 768px) {
  .pkgLists__item .item__img{
    width: calc(313 / var(--vw-min) * 100vw);
    height: calc(313 / var(--vw-min) * 100vw);
    margin-bottom: calc(10 / var(--vw-min) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .pkgLists__item .item__img{
    width: 100%;
    height: calc(458 / var(--vw-min) * 100vw);
    margin-bottom: calc(10 / var(--vw-min) * 100vw);
  } 
}


/*-----------------------------------------------
 * PKG
-------------------------------------------------*/
.pkgTitle{
	font-size: 24px;
	font-weight: 700;
	line-height: 2;
	color: #FFF;
	text-align: center;
  margin-bottom: 40px;
  position: relative;
  padding-bottom: 30px;
}
@media screen and (max-width:768px){
	.pkgTitle{
		font-size: var(--sp-size-32);
    margin-bottom: calc(48 / var(--vw-min) * 100vw);
    padding-bottom: calc(32 / var(--vw-min) * 100vw);
	}
}
.pkgTitle:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 36px;
    height: 4px;
    -webkit-mask: url(../img/common/dot_border.svg) no-repeat center / contain;
    mask: url(../img/common/dot_border.svg) no-repeat center / contain;
    background-repeat: no-repeat;
    background-color:#FFF;
  }

.itemImgBlock{
  text-align: center;
}

.itemImg img{
  width: 100%;
  max-width: 800px;
  height: auto;
}
@media screen and (max-width: 768px){
  .itemImg img{
    width: 100%;
    max-width: unset;
  }
}


/* 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);
	}
}


.itemDetailBox{
  display: flex;
  justify-content: center;
  position: relative;
  max-width:min(calc(1080 / var(--vw-min) * 100vw), 1080px);
  margin: 0 auto;
  font-size: 20px;
  color: #FFF;
  line-height: 2;
  margin-bottom:min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.leftBlock{
  width:min(calc(425 / var(--vw-min) * 100vw), 425px);
  margin-right: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.rightBlock{
  width: calc(100% - min(calc(425 / var(--vw-min) * 100vw), 425px));
}
.img {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom:min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.img img{
  width: 100%;
  height: auto;
}
.itemDetail__txt{
  margin-bottom: 30px;
}
.itemDetail__txt:last-child{
  margin-bottom: 0;
}
@media screen and (max-width:767px){
  .itemDetailBox{
      flex-direction: column;
      padding-bottom: calc(80 / var(--vw-min)* 100vw);
      font-size: calc(32 / var(--vw-min)* 100vw);
  }
  .leftBlock{
      width: 100%;
  }
  .rightBlock{
      width: 100%;    
  }
  .img img{
      /*margin-bottom: calc(24 / var(--vw-min)* 100vw);*/
  }
  .itemDetail__txt{
      margin-bottom: calc(24 / var(--vw-min)* 100vw);
  }
  .itemDetail__txtWrap{
      margin-top: 0;
  }
}

/* itemDetail__infoLists */
.itemDetail__infoList{
  display: flex;
}
.infoLists__ttl{
  white-space: nowrap
}

/**/
.itemDetail__ttl{
  display: inline-block;
  background-color: #FFF;
  border-radius:30px;
  color: #0090ff;
  padding: 0 20px;
  margin-bottom: 15px;
}

.benefitsBlock{
  max-width: min(calc(1080 / var(--vw-min) * 100vw), 1080px);
  margin: 0 auto;
  border: 1px solid #FFF;
  border-radius: 15px;
  overflow: hidden;
}
@media screen and (max-width:767px){
  .benefitsBlock{
    max-width:unset;
    border-radius: 15px;
    font-size: calc(32 / var(--vw-min) * 100vw);
  }
}
.benefitsBlock__ttl{
  background-color: #FFF;
  color: var(--color-pink);
  text-align: center;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width:767px){
  .benefitsBlock__ttl{
    height: calc(100 / var(--vw-min) * 100vw);
  }
}
.benefitsBlock__item{
  padding: 50px 80px 50px 80px;
  color: #FFF;
  border-bottom: 1px solid #FFF;
}
.benefitsBlock__item:last-child{
  border-bottom:none;
}
@media screen and (max-width:767px){
  .benefitsBlock__item{
    padding: calc(40 / var(--vw-min) * 100vw);
  }
}
.itemBenefits__subttl{
  text-align: center;
  padding-bottom: 40px;
  margin-bottom: 50px;
  position: relative;
}
.itemBenefits__subttl::after{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  width: 35px;
  height: 4px;
  border-bottom: 4px dotted #FFF;
}
@media screen and (max-width:767px){
  .itemBenefits__subttl{
    padding-bottom: calc(40 / var(--vw-min) * 100vw);
    margin-bottom: calc(60 / var(--vw-min) * 100vw);
  }
  .itemBenefits__subttl::after{
    width: calc(40 / var(--vw-min) * 100vw);
  }
}

/* indent */
.indent{
    display: block;
    padding-left: 1em;
    text-indent: -1em;
}