@charset "utf-8";
/* CSS Document */
li { list-style: none;}
a:hover { opacity: 0.7; -webkit-transition: all 0.5s; transition: all 0.5s; transform: scale(1); }

#allWrap { max-width: 100%;}

section img { width: min(100%,1280px);}

.pc { display: block !important; }
.sp { display: none !important; }

.premiumset21_wrapc {
  background: linear-gradient(135deg, #f5dd92 0%, #67c1b8 25%, #baa1cb 50%, #ea88b4 75%, #7ac7b4 100%);
}
.premiumset21_wrap {
  background: url(../img/bg.png);
  background-size: min(8.5156vw, 109px) auto;
  padding-top: min(2.73vw,35px);
  padding-bottom: min(3.9vw,50px);
}
  .premiumset21_wrap img {
    vertical-align: bottom;
  }

.premiumset21_inner {
  display: block;
  margin: 0 auto;
  padding-top: 0;
  width: min(100%,1280px);
  vertical-align: middle;
  position:relative;
}

.premiumset21_pv {
  width: min(100%,1280px);
  margin: 0 auto;
  padding: min(10.7vw,141px) 0 min(7.03vw,90px);
  background: url(../img/premiumset25_02_pc.png) no-repeat top center;
  background-size: 100%;
  text-align: center;
  animation: fadeIn 3s forwards;
}
@keyframes fadeIn {
  from { opacity: 0;}
  to { opacity: 1;}
}
  .premiumset21_pv iframe {
    aspect-ratio: 16 / 9;
    width: min(36.2vw, 469px);
    height: auto;
    margin: 0 auto;
  }
.premiumset21_obi {
  position:relative;
  background: linear-gradient(90deg, #cdd2e9 0%, #f6bfd3 25%, #fbe2ad 50%, #9edec7 75%, #99e1f7 100%);
  height:374px;
  box-shadow:0px 0px 20px 5px rgba(213, 125, 157, 0.7);
  margin-top: 30px;
}
  .premiumset21_obi img {
    position:absolute;
    top: -37px;
    left: -20px;
  }

.btn_funsite {
  display: block;
  width: min(100%,1100px);
  margin: 0 auto min(2.73vw,35px);
}

.ln_product {}


/* 購入はこちらボタン*/	
#ecBtnArea {
  margin: 3% 0 2%;
  padding: 0 0 9px 0;
}
#ecBtnArea p {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: min(2.6vw,20px);
}
#ecBtnArea ul{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 80%;
  margin: 0 auto;
}
#ecBtnArea ul li{
  display: flex;
  width: 25%;
  min-height: min(13.67vw,105px);
  list-style: none;
}
#ecBtnArea ul li a{
  /*display: block;*/
  padding: 0.5rem 1rem;
  text-align: center;
  border-radius: 1rem;
  text-decoration: none;
  box-sizing: border-box;
  border: 3px solid #fff;
  background: #ffb11b;
  vertical-align: middle;
  vertical-align: center;
  display: flex;
  align-items: center;
}
#ecBtnArea ul li a:hover { background-color: #ff8c1b;}
#ecBtnArea ul li a img { width: 90%; display: block; margin: 0 auto;}
#ecBtnArea ul::before {
  content: "";
  display: block;
  width: 25%;
  order: 1;
}
#ecBtnArea ul::after {
  content: "";
  display: block;
  width: 25%;
}
.copyAmazon {
  font-size: 70%!important;
  width: 100%;
  margin: min(1.3vw,10px) auto min(2.6vw,20px) !important;
  padding-top: 0px!important;
  font-weight: normal!important;
  line-height: 1.4;
}

/* その他商品 */
.mibox02{ width: 100%; max-width: 1000px; margin: 4% auto; }
.othertitle{ display: block; margin: 0 auto; width: 91.8%;}
.otherBox { display: block; width: 96%; margin: 4% 0 0 4%; }
.otherBox li { 
  display: inline-block;
  width: 30.3%;
  height: auto;
  max-width: 286px;
  margin: 0 3% 0 0;
  background-color: #fff;
  border-radius: 12px;
}
.otherBox li a { display: block;}
.otherBox li img { width: 100%;}



@media screen and (max-width:768px) {
.pc { display: none !important; }
.sp { display: block !important; }

.premiumset21_wrapc {
  background: linear-gradient(135deg, #e588b1 0%, #fcda89 25%, #5ebeb3 50%, #e289b7 75%, #7fcdf3 100%);
}
.premiumset21_wrap {
  width: 100%;
  margin-top: 8.166vw;
  margin-bottom: 5.2vw;
  padding: 0;
  background-size: 15%;
}
  .premiumset21_wrap img {
    width: 100%;
  }
.premiumset21_obi {
  display: none;
}
.premiumset21_pvc {
  position: relative;
}
.premiumset21_pv {
  position:absolute;
  background: none;
  top: 36.5%;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  min-width: auto;
  height: auto;
  padding-top: 36.25%;
}
  .premiumset21_pv iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
.btn_funsite {
  margin: 0 auto;
}
.ln_product {}

#ecBtnArea_sp #ecBtnArea {
  background: #FFF;
  border-radius: 1.3vw;
  padding: 1.3vw 0;
  margin: 0 5%;
}
#ecBtnArea_sp img {
  max-width: 100%;
}

}


@media screen and (max-width:640px) {
.premiumset21_wrap {
  width: 100%;
}
/* 購入はこちらボタン*/	
#ecBtnArea ul li {
  width: 49%;
  min-height: 18vw;
  margin: 0;
}
.copyAmazon {
  width: 90%;
  margin: 5% auto!important;
}

.mibox02 { width: 100%;  margin: 3% 0; }
.othertitle { width: 100%;}
.otherBox { width: 96%;}
.otherBox li { 
  width: 46%;
  margin: 0 4% 2% 0;
}

}