@charset "UTF-8";
/* CSS Document */
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  overflow: auto;
  scroll-behavior: smooth;
  scroll-padding-top: 1.5em;
}
img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.onlyPc { display: block;}
.onlySmp { display: none;}


/*++++++++++++++++++++++++++++++++++++*/
/*             Domecatcher            */
/*++++++++++++++++++++++++++++++++++++*/
main {
  padding-bottom: min(12.7vw,183px);
  background: url(../img/bg_dotte01.png),linear-gradient(180deg, #75c9f2, #34afea);
  background-repeat: repeat;
  background-size: 1.9%;
  background-position: center top;
}

section {
  position: relative;
  width: min(100%,1460px);
  margin: 0 auto;
}

#top_img {
  width: min(100%,1440px);
  margin: 0 auto;
  padding: 0;
}

.conte_box + .conte_box { margin-top: 0;}


/* ------------ 動画 ------------ */
.movie_blk {
  position: absolute;
  right: 0;
  left: 0;
  top: min(18.356vw,268px);
  margin: auto;
  width: min(57.18vw,834.8362px);
  padding: min(2.757vw,40.2564px) min(3.287vw,48px);
  background-color: #038ad6;
  background-image: url(../img/bg_dotte02.png);
  background-repeat: repeat;
  background-size: 3.3%;
  background-position: center top;
  border-radius: 1.7em;
  box-shadow: 2px 2px 8px 2px rgb(0 0 0 / .2);
}
  .youtube {
    width: 100%;
    aspect-ratio: 16 / 9;
  }
  .youtube iframe {
    width: 100%;
    height: 100%;
  }


/* ------------ オーダー ------------ */
.order_wrap {
  background-image: url(../img/bg_frame01_pc.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: center top;
  border-radius: 7em;
}
#ecBtnArea {
  width: min(73.082vw, 1067px);
  margin: 0 auto;
  padding: 0;
}
#ecBtnArea p {
  padding-bottom: min(2.77vw,40px);
  padding-top: min(5.136vw,75px);
}
#ecBtnArea ul {
  display: flex;
  flex-wrap: wrap;
  gap: min(.6849vw,10px) .93%;
  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.3%;
  min-height: min(9.383vw, 137px);
  list-style: none;
}
#ecBtnArea ul li a {
  display: flex;
  align-items: center;
  padding: min(.6849vw,10px) 1.2em;
  border-radius: 1rem;
  text-decoration: none;
  background: #ffb11b;
  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: 100%;
  width: 100%;
  margin: 0 !important;
}



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

main {
  padding: 0 0 16.4vw;
  background: url(../img/bg_dotte01.png),linear-gradient(180deg, #75c9f2, #34afea);
  background-size: 2% auto;
  background-position: center top;
}
section {
  width: 100%;
}


/* ------------ 動画 ------------ */
.movie_blk {
  top: 20.5vw;
  width: 85.6vw;
  padding: 3.8vw 4.9vw;
  border-radius: .7em;
}


/* ------------ オーダー ------------ */
.order_wrap {
  background-image: url(../img/bg_frame01_sp.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: center top;
  border-radius: 2.5em;
}

#ecBtnArea {
  width: 85%;
  margin: 1vw auto 0;
}
  #ecBtnArea p { width: 100%; padding: 4vw 0 5vw;}

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


}