@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap");
/*-------------------------------------------
px→vw
 * ex)
   width: sp(200)
   width: tab(200)
-------------------------------------------*/
.tamagotchiCol .tamagotchiColInner {
  margin: 0 auto;
  background: #fff570;
}
.tamagotchiCol .tamagotchiColInner h3 {
  display: block;
}
.tamagotchiCol .tamagotchiColInner .productsList:nth-of-type(1) {
  display: block;
}
.tamagotchiCol .tamagotchiColInner .productsList:nth-of-type(1) li {
  display: block;
}
.tamagotchiCol .tamagotchiColInner .productsList:nth-of-type(1) li a:hover img {
  opacity: 0;
}
.tamagotchiCol .tamagotchiColInner .productsList:nth-of-type(1) li:nth-child(1) {
  background: url(../../images/recommend/creerbeaute/tamagotchi_multibalm/img_06_on.jpg) no-repeat top center/100% auto;
}
.tamagotchiCol .tamagotchiColInner .productsList:nth-of-type(1) li:nth-child(2) {
  background: url(../../images/recommend/creerbeaute/tamagotchi_multibalm/img_07_on.jpg) no-repeat top center/100% auto;
}
.tamagotchiCol .tamagotchiColInner .productsList:nth-of-type(1) li:nth-child(3) {
  background: url(../../images/recommend/creerbeaute/tamagotchi_multibalm/img_08_on.jpg) no-repeat top center/100% auto;
}
.tamagotchiCol .tamagotchiColInner .productsList:nth-of-type(1) li:nth-child(4) {
  background: url(../../images/recommend/creerbeaute/tamagotchi_multibalm/img_09_on.jpg) no-repeat top center/100% auto;
}
.tamagotchiCol .tamagotchiColInner .productsList:nth-of-type(1) li:nth-child(5) {
  background: url(../../images/recommend/creerbeaute/tamagotchi_multibalm/img_10_on.jpg) no-repeat top center/100% auto;
}
.tamagotchiCol .tamagotchiColInner .productsList:nth-of-type(1) li:nth-child(6) {
  background: url(../../images/recommend/creerbeaute/tamagotchi_multibalm/img_11_on.jpg) no-repeat top center/100% auto;
}
.tamagotchiCol .tamagotchiColInner .productsList:nth-of-type(2) {
  display: block;
}
.tamagotchiCol .tamagotchiColInner .productsList:nth-of-type(2) li {
  display: block;
}
.tamagotchiCol .tamagotchiColInner .productsList:nth-of-type(2) li a:hover img {
  opacity: 0;
}
.tamagotchiCol .tamagotchiColInner .productsList:nth-of-type(2) li:nth-child(1) {
  background: url(../../images/recommend/creerbeaute/tamagotchi_multibalm/img_13_on.jpg) no-repeat top center/100% auto;
}
.tamagotchiCol .tamagotchiColInner .productsList:nth-of-type(2) li:nth-child(2) {
  background: url(../../images/recommend/creerbeaute/tamagotchi_multibalm/img_14_on.jpg) no-repeat top center/100% auto;
}
@media screen and (min-width: 768px) {
  .tamagotchiCol .tamagotchiColInner {
    width: 100%;
    max-width: 1000px;
  }
}
.tamagotchiCol .tamagotchiColInner .movieWrap {
  background: url(../../images/recommend/creerbeaute/tamagotchi_multibalm/img_04.jpg) no-repeat top center/100% auto;
}
.tamagotchiCol .tamagotchiColInner .movie01 {
  margin: 0 auto;
  width: 66.4%;
  padding: 0 0 7% 0;
}
.tamagotchiCol .tamagotchiColInner .movie {
  position: relative;
  padding-top: 177.77%;
}
.tamagotchiCol .tamagotchiColInner .movie iframe {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}