@charset "UTF-8";
/* CSS Document */
.header, .footer { position: relative; margin: 0 auto; z-index: 100;}
.header { width: 90%; max-width: 1400px;}
.footer { width: 100%;}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  overflow: auto;
  scroll-behavior: smooth;
  scroll-padding-top: 1.5em;
}
#allWrap {
  max-width: 100%;
}
.fixed-body {
  overflow: hidden;
  height: 100vh;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/* Correct `inline-block` display not defined in IE 8/9. */
audio,
canvas,
video {
  display: inline-block;
}
/* Prevent modern browsers from displaying `audio` without controls.Remove excess height in iOS 5 devices. */
audio:not([controls]) {
  display: none;
  height: 0;
}
/* Address `[hidden]` styling not present in IE 8/9.Hide the `template` element in IE, Safari, and Firefox < 22.*/
[hidden],
template {
  display: none;
}
img {
  width: 100%;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}

.only_pc { display: inline-block!important;}
.only_smp { display: none!important;}


/*++++++++++++++++++++++++++++++++++++*/
/*             Kids Camera            */
/*++++++++++++++++++++++++++++++++++++*/
#main_wrap {
  width: 100%;
  max-width: 1280px;
  margin: min(4.375vw, 56px) auto 0;
  padding-bottom: min(7.26vw, 93px);
  background: url(../img/bg_main.png);
  background-size: 3%;
  background-position: top center;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: min(1.875vw,24px);
  color: #7a5835;
}
  #main_wrap h2 { text-align: center;}
  #main_wrap h2 img { margin: 0 auto;}

#top_wrap {
  margin-bottom: min(7.81vw,100px);
}

#movie_wrap {
  margin-bottom: min(29.68vw,380px);
 /* padding-bottom: min(7.37vw,94.4px);*/
}
  #movie_wrap h2 { width: min(41.8vw,536px); margin: 0 auto min(4.6vw,59px);}

  .movie_container {
    display: flex;
    justify-content: space-between;
    width: 85.94%;
    margin: 0 auto;
  }
    .movie_container .slider {
      width: 56.36%;
    }
      .movie_container .slider .slick-list {
        width: 100%;
        height: 100%;
        border: min(.78vw,10px) solid #ff6c14;
        border-radius: min(1.95vw,25px);
        box-shadow: 0 min(.78vw, 10px) 0 0 rgba(255, 202, 95, 1);
        object-fit: cover;
      }
      .movie_container .slider .slick-track { height: 100%;}

      .movie_container .slider iframe {
        aspect-ratio: 10 / 5.63;
      }
      .movie_container .slider video {
        width: 100%;
        height: auto;
        object-fit: cover;
      }
    .movie_container .thumbnail {
      width: 41.36%;
    }
      .movie_container .thumbnail .slick-list,
      .movie_container .thumbnail .slick-track {
        height: 100%!important;
      }
    .movie_container .thumbnail .slick-track {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      row-gap: min(1.093vw,14px);
    }

#point_wrap {
  position: relative;
  width: 94%;
  margin: 0 auto min(13.51vw,173px);
  padding: 10% 3.8% 4.67%;
  background: #ffdc4a;
  border: min(.39vw,5px) solid #fff;
  border-radius: min(3.28vw,42px);
}
  #point_wrap h2 {
    position: absolute;
    top: -351px;
    left: 0;
    right: 0;
    margin: auto;
    width: min(79.67%,956px);
  }
  .point_container {
    position: relative;
    padding-bottom: min(4.453vw,57px);
    background: #fff;
    border: min(.39vw,5px) solid #fff;
    border-radius: min(3.28vw,42px);
    box-shadow: 0 min(.78vw,10px) 0 0 rgba(255, 108, 20, 1);
  }
  .point_container.point02 { padding-bottom: min(5.078vw,65px);}
  .point_container.point03 { padding-bottom: min(3.32vw,42.5px);}
  .point_container.point04 { padding-bottom: min(3.9vw,50px);}

  .point_container + .point_container { margin-top: min(8.75vw, 112px);}

  .point_stump {
    position: absolute;
    left: -2.5%;
    top: -77px;
    width: min(14.45vw,185px);
    z-index: 10;
  }
  .point01 .point_stump { top: -86px;}

  .point_head {}
  .point_flex {
    display: flex;
    flex-direction: column;
    padding: min(1.953vw, 25px) 5% min(2.54vw,32.57px);
    line-height: 1.7;
    letter-spacing: -.05em;
  }
    .point_flex .txt { margin-bottom: min(1.953vw, 25px);}
    .point_flex img { width: 77.5%; margin: 0 auto;}

  .point_flex.side {
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: min(4.375vw, 56px);
  }
  .point_flex.side .txt { width: 51%;}
  .point_flex.side .img { width: 43.9%;}
    .point_flex.side .img img { width: 100%;}

  .point02 .point_flex { padding-bottom: min(5.31vw,68px);}

  .photo_area {}
  .point03 .photo_area { width: 90%; margin: 0 auto;}
  .point04 .photo_area { width: 94.3%; margin: 0 auto;}
    .point04 .photo_area img:first-of-type { margin-bottom: min(.93vw,12px);}

  .photo_area.frame {
    position: relative;
    width: 91%;
    margin: 0 auto;
  }
    .frame_stump {
      position: absolute;
      width: min(22.42vw,287px);
      bottom: min(3.51vw,45px);
      right: min(-2.4vw, -40px);
    }
  .attention {
    width: 92%;
    margin: min(2.73vw,35px) auto 0;
    padding-left: 1em;
    font-size: min(1.25vw,16px);
    font-weight: 400;
    text-indent: -1em;
  }

#product_wrap {
  position: relative;
  width: 85.94%;
  margin: 0 auto min(6.87vw,88px);
  padding: min(8.125vw,104px) min(10.39vw,133px) min(4.84vw,62px);
  background: #fff;
  border-radius: min(3.28vw, 42px);
  box-shadow: 0 min(.78vw, 10px) 0 0 rgba(255, 202, 95, 1);
}
  #product_wrap h2 {
    position: absolute;
    top: -95px;
    left: 0;
    right: 0;
    margin: auto;
    width: min(65.85vw,843px);
  }
  #product_wrap .photo_area {
    width: 74%;
    margin: 0 auto min(3.9vw,50px);
  }

#order_wrap {
  width: 85.94%;
  margin: 0 auto min(6.36vw,81.5px);
  padding: min(4.29vw,55px) min(3.59vw,46px) min(6.71vw,86px);
  background: #fff;
  border: min(.78vw,10px) solid #15c2ff;
  border-radius: min(3.28vw, 42px);
  box-shadow: 0 min(.78vw, 10px) 0 0 rgba(255, 202, 95, 1);
}
  #order_wrap h2 {
    width: min(64.375vw,824px);
    margin: 0 auto min(5.23vw,67px);
  }

.logo_anpanman {
  display: block;
  width: min(12.34vw,158px);
  margin: 0 auto;
}

#ecBtnArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
#ecBtnArea p {
  margin-bottom: 0;
  padding-top: 0;
}
#ecBtnArea ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  flex-wrap: wrap;
  flex-direction: row;
}
#ecBtnArea ul li {
  display:flex;
  width: 25%;
  min-height:105px;
  list-style: none;
}
#ecBtnArea ul li a{
  display: flex;
  align-items: center;
  padding: min(1.56vw,20px) 1rem;
  border-radius: min(1.796vw,23px);
  text-decoration: none;
  background: #ffb11b;
  border: min(.468vw,6px) solid #fff;
  text-align: center;
  vertical-align: center;
  box-sizing: border-box;
}
#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 {
  display: block;
  content: "";
  width: 25%;
}
.copyAmazon {
  width: 100%;
  margin: min(3.9vw,50px) auto 0!important;
  font-size: 70%;
  font-size: min(.965vw,12.36px);
  font-weight: 400;
  text-align: center;
}


@media screen and (max-width:1280px) {
  #point_wrap h2 { top: -27.42vw;}
  .point_stump { top: -6.1vw;}
  .point01 .point_stump { top: -6.718vw;}
  #product_wrap h2 { top: -7.42vw;}
}


@media screen and (max-width:768px) {
#ecBtnArea ul li {
  display: flex;
  width: 33%;
  min-height: 90px;
  list-style: none;
}
.contentBlk {
  width: 95%;
}

}


@media screen and (max-width:640px) {
.only_pc { display: none!important;}
.only_smp { display: inline-block!important;}

#main_wrap {
  margin: 8.3vw auto 0;
  padding-bottom: 9.6vw;
  background-size: 5%;
  font-size: 3.3vw;
}
#top_wrap { margin-bottom: 12.13vw;}

#movie_wrap { margin-bottom: 40vw; padding-bottom: 0;}
  #movie_wrap h2 { width: 50.26vw; margin: 0 auto 7.33vw;}
  .movie_container { display: block; width: 90%; margin: 0 auto;}
  .movie_container .slider { width: 100%; margin-bottom: 1.5vw;}
  .movie_container .slider .slick-list { border: 1.4vw solid #ff6c14; border-radius: 3.2vw; box-shadow: 0 1.3vw 0 0 rgba(255, 202, 95, 1);}
  .movie_container .thumbnail { width: 88.36%; margin: 0 auto;}
  .movie_container .thumbnail.only_smp { display: block!important;}
  .movie_container .thumbnail .slick-track { row-gap: 2.8vw;}

#point_wrap { width: 90%; margin: 0 auto 17.06vw; padding: 12% 5% 9.5%; border: .7vw solid #fff; border-radius: 5.6vw;}
  #point_wrap h2 { width: 100%; top: -31.5vw;}
  .point_container { padding-bottom: 5.2vw; box-shadow: 0 1.3vw 0 0 rgba(255, 108, 20, 1);}
    .point_container.point03 { padding-bottom: 4vw;}
    .point_container.point04 { padding-bottom: 6vw;}
    .point_container.point05 { padding-bottom: 3.33vw;}
    .point_container + .point_container { margin-top: 13.2vw;}
  .point_stump { left: -5.2%; width: 14vw;}
    .point01 .point_stump { top: -6.4vw;}
  .point_flex { flex-direction: column-reverse; padding: 4vw 5% 2.5vw;}
    .point02 .point_flex { padding-bottom: 3vw;}
  .point_flex img { width: 100%; margin: 0 auto 4.5vw;}
  .photo_area.frame { width: 100%;}
  .frame_stump { width: 22vw; bottom: 4.5vw; right: -2vw;}
  .point04 .photo_area img:nth-of-type(2) { margin-bottom: 2.5vw;}
  .attention { margin: 5vw auto 0; font-size: 2.4vw; font-weight: 700;}
  .point_flex.side { flex-direction: column-reverse; padding-bottom: 2vw;}
  .point_flex.side .txt, .point_flex.side .img { width: 100%;}

#product_wrap { width: 89%; margin: 0 auto 11vw; padding: 8.53vw 5.56vw 5.89vw; border-radius: 5.6vw; box-shadow: 0 1.3vw 0 0 rgba(255, 202, 95, 1);}
  #product_wrap h2 { top: -6.6vw; width: 65.6vw;}

#order_wrap { width: 89%; margin: 0 auto 12.8vw; padding: 3vw 4.66vw 4.8vw; border: .65vw solid #15c2ff; border-radius: 5.6vw; box-shadow: 0 1.3vw 0 0 rgba(255, 202, 95, 1);}
  #order_wrap h2 { width: 66.6vw; margin: 0 auto 5.2vw;}

.logo_anpanman { width: 37.8vw;}

#ecBtnArea ul { width: 100%;}
  #ecBtnArea ul li { width: 24%; min-height: 2vw;}
  #ecBtnArea ul li a { padding: 2vw 0;}
  .copyAmazon { font-weight: 700;}


}


@media screen and (min-width:590px) and ( max-width:640px) {

}
@media screen and (max-width:468px){

}