@charset "UTF-8";
/* CSS Document */
* {box-sizing: border-box;}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.onlyPc { display: block;}
.onlySmp { display: none;}


/*++++++++++++++++++++++++++++++++++++*/
/*             Kids Camera            */
/*++++++++++++++++++++++++++++++++++++*/
main {
 /* margin-top: -8.5em;*/
 padding-bottom: min(12.7vw,183px);
  background-color: #f08c00;
  background-image: url(../img/bg_star_pc.png);
  background-repeat: no-repeat;
  background-size: 1650px auto;
  background-position: center top;
}
#top_img {
  width: min(100%,1440px);
  margin: 0 auto min(0.83vw,12px);
  padding: min(5.395vw,77.7px) 0 min(4.493vw,64.7px);
}

.conte_box {
  width: min(69.444vw,1000px);
  margin: 0 auto;
  background-color: #faf7e5;
  border-radius: min(2.0833vw,30px);
}
.conte_box + .conte_box { margin-top: min(6.388vw,92px);}

.add_frame {
  position: relative;
  width: min(70.555vw,1016px);
  margin: min(3.125vw,45px) auto;
  border-radius: 0;
  background-image: url(../img/frame_middle_pc.png);
  background-position: center;
  background-repeat: repeat-y;
  background-size: 100%;
}
  .add_frame::before,
  .add_frame::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: min(3.125vw,45px);
  }
  .add_frame::before {
    bottom: 100%;
    background-image: url(../img/frame_top_pc.png);
    background-position: center;
    background-repeat: repeat-x;
    background-size: cover;
  }
  .add_frame::after {
    top: 100%;
    background-image: url(../img/frame_bottom_pc.png);
    background-position: center;
    background-repeat: repeat-x;
    background-size: cover;
  }


/* ------------ 動画 ------------ */
#movie {
  margin-bottom: min(6.597vw,95px);
}
  .movie_blk {
    display: flex;
    justify-content: space-between;
    width: min(61.111vw,880px);
    margin: 0 auto;
  }
  .movie_parts {
    width: min(28.819vw,415px);
  }
  .youtube {
    width: 100%;
    aspect-ratio: 16 / 9;
  }
  .youtube iframe {
    width: 100%;
    height: 100%;
    border-radius: .8em;
  }


/* ------------ ポイント ------------ */
#point3 {
  position: relative;
}
.point3_balloon {
  position: absolute;
  bottom: min(9.166vw,132px);
  right: min(3.472vw,-50px);
  width: min(13.888vw,200px);
  z-index: 10;
}


/* ------------ オーダーボタン ------------ */
#ecBtnArea {
  width: min(59.16vw, 852px);
  margin: min(1.05vw, 15.2px) auto 0;
  padding: 0;
}
#ecBtnArea p {
  padding-bottom: min(2.77vw,40px);
  padding-top: min(2.77vw,40px);
}
#ecBtnArea ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#ecBtnArea ul::before {
  content: "";
  display: block;
  width: 19.7%;
  order: 1;
}
#ecBtnArea ul li {
  display: flex;
  width: 24.2%;
  min-height: min(8.26vw, 119px);
  list-style: none;
}
#ecBtnArea ul li a {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 1rem;
  text-decoration: none;
  background: #ffb11b;
  border: 3px solid #fff;
  text-align: center;
  vertical-align: center;
  box-sizing: border-box;
}
#ecBtnArea ul li a img {
  width: 90%;
  display: block;
  margin: 0 auto;
}
.copyAmazon {
  font-size: 70%;
  width: 80%;
  margin: min(0.694vw,10px) auto min(1.38vw,20px) !important;
}



@media screen and (max-width:640px) {
.onlyPc { display: none;}
.onlySmp { display: block;}

main {
  padding: 0 0 16.4vw;
  background-image: url(../img/bg_star_sp.png);
  background-size: 100% auto;
  background-position: center top;
}
#top_img {
  width: 100%;
  padding: 12vw 0 6.0652vw;
}
.conte_box {
  width: 91.5625vw;
  border-radius: 4.687vw;
}
.conte_box + .conte_box { margin-top: 16.562vw;}

.add_frame {
  margin: 7.031vw auto;
  border-radius: 0;
  background-image: url(../img/frame_middle_sp.png);
  background-position: center;
  background-repeat: repeat-y;
  background-size: 100%;
}
  .add_frame::before,
  .add_frame::after {
    background-size: calc(100% + .1vw);
    height: 7.031vw;
  }
  .add_frame::before { background-image: url(../img/frame_top_sp.png);}
  .add_frame::after { background-image: url(../img/frame_bottom_sp.png);}


/* ------------ 動画 ------------ */
.movie_blk {
  flex-direction: column;
  width: 77vw;
  margin-bottom: 14.325vw;
}
  .movie_parts { width: 100%;}
  .movie_parts + .movie_parts { margin-top: 4vw;}
  .youtube iframe { border-radius: 3vw;}


/* ------------ オーダーボタン ------------ */
#ecBtnArea {
  width: 85%;
  margin: 1vw auto 0;
}
  #ecBtnArea p { width: 100%; padding: 4vw 0 5vw;}

  #ecBtnArea ul {
    gap: 2vw 1.5%;
}
  #ecBtnArea ul li {
    width: 48.8%;
    min-height: 23vw;
  }
  .copyAmazon {
    width: 80%;
    margin: 2vw auto 3vw !important;
    font-size: 75%;
    text-align: center;
  }


}