@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;
  font-family: "M PLUS 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  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 { max-width: 100%; vertical-align: bottom;}

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

#bottom { width: 100%; height: 1px; position: absolute; bottom: 0;}

@keyframes fadeIn {
  0% { opacity: 0}
  100% { opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity: 0}
  100% { opacity: 1}
}

#header {
  position: relative;
}
#header::before {
  position: absolute;
  content: "";
  width: 100vw;
  height: 147px;
  background: #fff;
}

/*++++++++++++++++++++++++++++++++++++*/
/*            Candy Factory           */
/*++++++++++++++++++++++++++++++++++++*/
#column3_wrap {
  display: flex;
  position: relative;
  z-index: 1;
}
/*#column3_wrap::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 900px;
  background: url(../img/bg_pict.png) no-repeat top center / 120%;
  z-index: 1;
  opacity: .3;
  animation: blink 10s linear infinite;
}
@keyframes blink {
  0% { filter: blur(0);}
  50% { filter: blur(3px);}
  100% { filter: blur(0);}
}*/



#side_left, #side_right {
  bottom: 0;
  width: calc((100vw - min(50vw, 750px)) / 2 + 1px);/* W1500pxに対してのvw */
  height: 100vh;
  z-index: 10;
}
#side_left {
  background: url("../img/bg_left.png");
  background-size: min(42.66vw, 640px);
  background-position: top left;
}
#side_right {
  background: url("../img/bg_right.png");
  background-size: min(42.66vw, 640px);
  background-position: top right;
}
#center {
  width: min(50vw, 750px);
  margin: 0 auto;
  padding-bottom: min(2vw, 30px);
  background: url("../img/bg_center.png");
  background-repeat: repeat;
  background-size: 100%;
  background-position: top center;
  z-index: 50;
}

#side_left {
  display: flex;
  align-items: center;
  justify-content: center;
  /*justify-content: end;*/
  flex-direction: column;
  left: 0;
}
#side_right {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  right: 0;
}

.range { position: relative;}

.follow {
  position: absolute;
  bottom: 0;
}
.follow.is-fixed {
  position: fixed;
  bottom: 0;
}

.grad-wrapper {
  /*background:linear-gradient(45deg, #ebedee,#e0c3fc,#8ec5fc,#ebedee);
  background:linear-gradient(45deg, #fee59e,#fddfec,#fac5d9,#c2b6d7,#b2def8,#fee59e);
  background:linear-gradient(45deg, #fee59e,#fddfec,#ebedee,#e0c3fc,#c2b6d7,#8ec5fc,#b2def8,#ebedee,#fac5d9,#a8fff5,#fee59e);
  background-size: 100% 100%;
  background-attachment:fixed;
  animation: bggradient 10s ease infinite;*/
  position: absolute;
  opacity: 3;
  inset: 0;
  /*background: linear-gradient(to bottom left, rgb(185, 237, 242) 0%, rgb(220, 220, 254) 100%);
  background-attachment: fixed;
  animation: 20s ease 10s infinite alternate none running bgColors;
  overflow: clip;*/
  background: #be2f2a;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
@keyframes bgColors {
  from{
    filter:hue-rotate(0deg);
  }
  to{
    filter:hue-rotate(360deg);
  }
}
  @keyframes bggradient {
    0% { background-position: 0% 50%;}
    50% { background-position: 100% 50%;}
    100% { background-position: 0% 50%;}
  }

.scroll-infinity {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100vh;
  opacity: .5;
  z-index: 5;
}
@keyframes infinity-scroll-left {
 from { transform: translateX(0);}
 to { transform: translateX(-100%);}
}

.video_blk {
  width: 92%;
  margin: 0 auto;
  padding: min(3.21vw,45px) min(1.78vw,25px);
  background: rgb(255, 255, 255, .5);
  border-radius: 1rem;
  aspect-ratio: 4 / 2.7;
}
  .video_blk iframe {
    width: 100%;
    height: 100%;
    vertical-align: middle;
  }

section + section {
  margin-top: min(6vw,84px);
}
section:first-of-type + section { margin-top: min(4.64vw, 65px);}
section:nth-of-type(2) + section { margin-top: min(6.57vw, 92px);}

.kv_wrap {
  width: min(50vw, 750px);
  margin: 0 auto;
  padding-top: min(1.33vw, 20px);
  /* background: url(../img/bg_top.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 100%;
  background-position: top center; */
}
.kv_container {
  position: relative;
}
.kv_container .fixed {
  position: absolute;
  max-width: 100%;
  height: auto;
  z-index: 10;
  /*mix-blend-mode: multiply;*/
}
  .ab_lease {
    width:min(7.561vw,113.4163px);
    top: min(11.82022vw,177.3033px);
    left: min(5.323vw,79.8493px);
    animation: ani_lease 4s ease-in-out infinite alternate-reverse;
    animation-delay: 0s;
  }
    @keyframes ani_lease {
      0% , 100% { transform: rotate(0deg);}
      33%{ transform: rotate(-4deg);}
      66% { transform: rotate(4deg);}
    }
  .ab_sled {
    width:min(19.2162vw,288.2433px);
    top: min(10.22vw,153.3097px);
    left: min(15.2132vw,228.1982px);
    animation: ani_sled 2.5s ease-in-out infinite alternate-reverse;
    animation-delay: 0.1s;
  }
    @keyframes ani_sled {
      0% { transform: translateY(-3%) translateX(-3%);}
      100% { transform: translateY(3%) translateX(3%);}
    }
  .ab_bell {
    width:min(6.843vw,102.6599px);
    top: min(15.22vw,228.374px);
    right: min(6.081vw,91.2163px);
    animation: ani_bell 2.8s ease-in-out infinite alternate-reverse;
    animation-delay: 0.1s;
  }
    @keyframes ani_bell {
      0% , 100% { transform: rotate(0deg);}
      33%{ transform: rotate(3deg);}
      66% { transform: rotate(-3deg);}
    }
  .ab_holly1 {
    width: min(6.6177vw,99.2662px);
    bottom: min(22.207vw,333.1054px);
    left: min(1.793vw,26.9066px);
    animation: ani_holly1 2.5s ease-in-out infinite alternate-reverse;
    animation-delay: 0.2s;
  }
    @keyframes ani_holly1 {
      0% , 100% { transform: rotate(0deg);}
      33%{ transform: rotate(-4deg);}
      66% { transform: rotate(4deg);}
    }
  .ab_holly2 {
    width: min(6.71422vw,100.7133px);
    bottom: min(18.82422vw,282.3633px);
    right: min(8.4522vw,126.7832px);
    animation: ani_holly2 3.5s ease-in-out infinite alternate-reverse;
    animation-delay: 0.3s;
  }
    @keyframes ani_holly2 {
      0% , 100% { transform: rotate(0deg);}
      33%{ transform: rotate(3deg);}
      66% { transform: rotate(-3deg);}
    }
  .ab_poinsettia {
    width: min(4.425vw,66.3751px);
    bottom: min(19.16vw,287.4071px);
    left: min(11.38vw,170.7085px);
    animation: ani_poinsettia 3.5s ease-in-out infinite alternate-reverse;
    animation-delay: 0s;
  }
    @keyframes ani_poinsettia {
      0% , 100% { transform: rotate(0deg);}
      33%{ transform: rotate(-4deg);}
      66% { transform: rotate(4deg);}
    }
  .ab_ginger {
    width: min(6.007vw,90.1159px);
    bottom: min(11.31vw,169.6633px);
    left: min(2.00758vw,30.1137px);
    animation: ani_ginger 3.5s ease-in-out infinite alternate-reverse;
    animation-delay: 1s;
  }
    @keyframes ani_ginger {
      0% , 100% { transform: rotate(0deg);}
      33%{ transform: rotate(4.2deg);}
      66% { transform: rotate(-4deg);}
    }
  .ab_txt {
    width: min(14.944vw,224.1702px);
    bottom: min(12.335vw,185.0271px);
    left: min(16.5198vw,247.797px);
    animation: ani_txt 4s ease-in-out infinite alternate-reverse;
    animation-delay: .4s;
  }
    @keyframes ani_txt {
      0%, 100% { transform: translate(0, 0) scale(1);}
      50% { transform: translate(5px, -5px) scale(1.07);}
    }
  .ab_santa {
    width:min(9.696vw,145.447px);
    bottom: min(3.4626vw,51.9391px);
    left: min(11.3939vw,170.9089px);
    animation: ani_santa 4s ease-in-out infinite alternate-reverse;
    animation-delay: .4s;
    transform-origin: center bottom;
  }
    @keyframes ani_santa {
      0%, 100% { transform: translate(0, 0) scale(1);}
      50% { transform: translate(-2px, -2px) scale(1.04);}
    }
  .ab_present1 {
    width:min(5.4343vw,81.5158px);
    bottom: min(3.7006vw,55.51px);
    left: min(22.75vw,341.3585px);
    animation: ani_present1 5s ease-in-out infinite alternate-reverse;
    animation-delay: .2s;
    transform-origin: center bottom;
  }
    @keyframes ani_present1 {
      0% , 100% { transform: rotate(0deg);}
      33%{ transform: rotate(1.8deg);}
      66% { transform: rotate(-1.8deg);}
    }
  .ab_present2 {
    width:min(4.4266vw,66.4005px);
    bottom: min(3.66vw,54.9056px);
    right: min(16.3735vw,245.6036px);
    animation: ani_present2 5s ease-in-out infinite alternate-reverse;
    animation-delay: .3s;
    transform-origin: center bottom;
  }
    @keyframes ani_present2 {
      0% , 100% { transform: rotate(0deg);}
      33%{ transform: rotate(2deg);}
      66% { transform: rotate(-2deg);}
    }
  .ab_tree {
    width:min(11.2878vw,169.3178px);
    bottom: min(3.879vw,58.1971px);
    right: min(1.91344vw,28.7016px);
    animation: ani_tree 6s ease-in-out infinite alternate-reverse;
    animation-delay: 0.5s;
    transform-origin: center bottom;
  }
    @keyframes ani_tree {
      0% , 100% { transform: rotate(0deg);}
      33%{ transform: rotate(2deg);}
      66% { transform: rotate(-2deg);}
    }

  .ab_kira1 {
    width:min(2.3333333333333335vw,35px);
    top: min(19.6vw,294px);
    left: min(12.933333333333334vw,194px);
    animation: ani_light1 1.5s ease-in-out infinite alternate-reverse;
    animation-delay: 0s;
  }
    @keyframes ani_light1 {
      0% { opacity: 0;}
      50% { opacity: 1;}
      100% { opacity: 0;}
    }
  .ab_kira2 {
    width:min(2.666666666666667vw,40px);
    top: min(25.333333333333336vw,380px);
    left: min(4.466666666666667vw,67px);
    animation: ani_light2 1.5s ease-in-out infinite alternate-reverse;
    animation-delay: 0.2s;
  }
    @keyframes ani_light2 {
      0% { opacity: 0;}
      50% { opacity: 1;}
      100% { opacity: 0;}
    }
  .ab_kira3 {
    width:min(3.0666666666666664vw,46px);
    top: min(20.8vw,312px);
    right: min(4.8vw,72px);
    animation: ani_light3 1.5s ease-in-out infinite alternate-reverse;
    animation-delay: 0s;
  }
    @keyframes ani_light3 {
      0% { opacity: 0;}
      50% { opacity: 1;}
      100% { opacity: 0;}
    }
  .ab_kira4 {
    width:min(2.666666666666667vw,40px);
    top: min(26.93333333333333vw,404px);
    right: min(16vw,240px);
    animation: ani_light4 1.5s ease-in-out infinite alternate-reverse;
    animation-delay: 0.1s;
  }
    @keyframes ani_light4 {
      0% { opacity: 0;}
      50% { opacity: 1;}
      100% { opacity: 0;}
    }
  .ab_kira5 {
    width:min(2.1999999999999997vw,33px);
    top: min(22.133333333333333vw,332px);
    left: min(2vw,30px);
    animation: ani_light5 1.5s ease-in-out infinite alternate-reverse;
    animation-delay: 0.25s;
  }
    @keyframes ani_light5 {
      0% { opacity: 0;}
      50% { opacity: 1;}
      100% { opacity: 0;}
    }
  .ab_kira6 {
    width:min(1.866666666666667vw,28px);
    top: min(20.266666666666666vw,304px);
    right: min(17.933333333333334vw,269px);
    animation: ani_light6 1.5s ease-in-out infinite alternate-reverse;
    animation-delay: 0.4s;
  }
    @keyframes ani_light6 {
      0% { opacity: 0;}
      50% { opacity: 1;}
      100% { opacity: 0;}
    }
  .ab_kira7 {
    width:min(2.1999999999999997vw,33px);
    top: min(28.46666666666667vw,427px);
    left: min(12.133333333333333vw,182px);
    animation: ani_light7 1.5s ease-in-out infinite alternate-reverse;
    animation-delay: 0.3s;
  }
    @keyframes ani_light7 {
      0% { opacity: 0;}
      50% { opacity: 1;}
      100% { opacity: 0;}
    }
  .ab_kira8 {
    width:min(1.7999999999999998vw,27px);
    top: min(21vw,315px);
    left: min(21.266666666666666vw,319px);
    animation: ani_light8 1.5s ease-in-out infinite alternate-reverse;
    animation-delay: 0s;
  }
    @keyframes ani_light8 {
      0% { opacity: 0;}
      50% { opacity: 1;}
      100% { opacity: 0;}
    }
  .ab_kira9 {
    width:min(2.4vw,36px);
    top: min(27.133333333333333vw,407px);
    right: min(2.3333333333333335vw,35px);
    animation: ani_light9 1.5s ease-in-out infinite alternate-reverse;
    animation-delay: .2s;
  }
    @keyframes ani_light9 {
      0% { opacity: 0;}
      50% { opacity: 1;}
      100% { opacity: 0;}
    }
  .ab_kira10 {
    width:min(1.7333333333333332vw,26px);
    top: min(22.133333333333333vw,332px);
    right: min(.46666666666666673vw,7px);
    animation: ani_light10 1.5s ease-in-out infinite alternate-reverse;
    animation-delay: 0s;
  }
    @keyframes ani_light10 {
      0% { opacity: 0;}
      50% { opacity: 1;}
      100% { opacity: 0;}
    }
  .ab_kira11 {
    width:min(2.3333333333333335vw,35px);
    top: min(11.866666666666667vw,178px);
    left: min(28.4vw,426px);
    animation: ani_light11 1.5s ease-in-out infinite alternate-reverse;
    animation-delay: .2s;
  }
    @keyframes ani_light11 {
      0% { opacity: 0;}
      50% { opacity: 1;}
      100% { opacity: 0;}
    }

.lead_txt { position: relative; overflow:hidden;}
/*.lead_txt::after {
  content:"";
  height:100%;
  width:30px;
  position:absolute;
  top:-180px;
  left:0;
  background-color: #fff;
  mix-blend-mode: multiply;
  opacity:0;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 2s ease-in-out infinite;
}
@keyframes reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0;}
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5;}
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1;}
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0;}
}*/


.goods_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 94.26%;
  margin: 0 auto;
}
.goods_blk {
  position: relative;
  width: 48.58%;
  margin-bottom: min(1.46vw,22px);
  padding: min(1.066vw,16px);
  padding-bottom: min(4.93vw,74px);
  background: #fff;
  border-radius: min(.853vw,12.8px);
  border: min(.2vw,3px) solid #dabd86;
  font-size: min(1vw,15px);
  color: #000;
}
.goods_photo {
  border: min(.1vw,1.5px) solid #dabd86;
}
.goods_ttl {
  position: relative;
  margin-bottom: min(1.16vw,17.5px);
  padding: min(1vw,15px) 0 min(1.33vw,20px);
  font-size: min(1.2vw,18px);
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;
}
.goods_ttl::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: min(.513vw,7.7px);
  background: url("../img/line_stripe.png");
  background-size: contain;
}
.line2 { min-height: 4.8em;}
.line3 { min-height: 6.45em;}

.goods_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: min(.266vw,4px);
  font-size: min(1.06vw,16px);
}
  .goods_list li { width: 74.92%; margin-bottom: min(.573vw,8.6px);}
  .goods_list li.head { width: 22.34%;}
  .goods_list li img { width: 100%;}

.goods_blk p {
  line-height: 1.5;
}
.goods_btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: min(1.66vw,25px);
  margin: auto;
  display: block;
  width: 43.73%;
}
.goods_btn span {
  display: block;
  position: relative;
  overflow: hidden;
}
  .goods_btn span::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: -110%;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
    transform: skewX(-30deg);
    opacity: 0;
    z-index: 10;
  }
  .goods_btn span:hover::before {
    opacity: 1;
    animation: shine .3s linear;
  }
  @keyframes shine {
    100% { left: 100%;}
  }





/*.goods_btn:hover::after {
  content:"";
  display: block;
  height: 10px;
  width: 10px;
  position: absolute;
  bottom: min(1.66vw,25px);
  left: 0;
  background-color: #fff;
  opacity:0;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 1s ease-in-out infinite;
  animation-delay: 0;
}
@keyframes reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0;}
  20% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5;}
  21% { -webkit-transform: scale(4) rotate(45deg); opacity: 1;}
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0;}
}*/





.copyright {
  margin: min(2vw,30px) 0 0;
  font-size: min(.944vw,14.17px);
  color: #fff;
  text-align: center;
  line-height: 1.3;
}

/*++++++++++++++++++++++++++++++++++++*/
/*             NAVIGATION             */
/*++++++++++++++++++++++++++++++++++++*/
#hum_menu { display: none;}

#navArea {
  display: flex;
  width: calc(100% - 200px);
  /*position: absolute;*/
  justify-content: space-between;
}
#menu_pc_wrap,
#menu_wrap {
  width: 100%;
  z-index: 3;
}
#menu_pc_scroll,
#menu_scroll {
  text-align: center;
}
#menu_pc_scroll { margin-top: min(10.66vw,160px); margin-top: min(11.33vw,170px);}

  #menu_pc_wrap ul,
  #menu_wrap ul {
    width: 80%;
    margin: 0 auto;
    list-style: none;
  }
  #menu_pc_wrap ul { width: min(16vw,240px);}

    #menu_pc_wrap ul li,
    #menu_wrap ul li {
      position: relative;
      margin: 1.5em 0;
    }
    #menu_pc_wrap ul li.child,
    #menu_wrap ul li.child { margin: .2em 0;}

    #menu_pc_wrap ul li:not([class]) + li.child { margin-top: -.5em;}

      #menu_pc_wrap ul li a,
      #menu_wrap ul li a {
        position: relative;
        display: block;
        width: 100%;
        font-family: "M PLUS Rounded 1c", sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: min(1.285vw, 18px);
        color: #9a85bd;
        text-decoration: none;
        transition-duration: 0.2s;
      }
      #menu_pc_wrap ul li:not([class]) a:hover {
        /*opacity: .5;*/
      }

    #menu_pc_wrap ul li a {
      position: relative;
      overflow: hidden;
      border-radius: 2em;
    }
    #menu_pc_wrap ul li a::before {
      position: absolute;
      content: "";
      top: 0;
      left: -120%;
      width: 100%;
      height: 100%;
      transform: skewX(-30deg);
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
      z-index: 10;
    }
    #menu_pc_wrap ul li a:hover::before { animation: shine .4s linear;}
    @keyframes shine {
      100% { left: 100%;}
    }

    #menu_pc_wrap ul li.child a,
    #menu_wrap ul li.child a {
      color:  #fff;
      border: none;
    }
    #menu_pc_wrap ul li.child a:hover {
      background: none;
      border: none;
      opacity: .5;
    }
#menu_pc_wrap ul li.btn_external {
  margin: .8em 0 1.1em;
}
  #menu_pc_wrap ul li.btn_external a {
    position: relative;
    width: 80%;
    margin: 0 auto;
    padding-right: 1em;
    background-image: linear-gradient(170deg, #fbc9e0, #ee86b4 100%);
    border: none;
    font-size: min(1.285vw, 16px);
    color: #fff;
    transition : all 0.5s ease 0s;
  }
  #menu_pc_wrap ul li.btn_external a::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: min(.357vw,5px) 0 min(.357vw,5px) min(.5vw,5px);
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 0;
    right: .8em;
    bottom: 0;
    margin: auto;
  }
  #menu_pc_wrap ul li.btn_external span { font-size: 90%;}

  #menu_pc_wrap ul li.btn_external a:hover {
    background: rgb(255,255,255,.5);
    color: #fbc9e0;
  }
  #menu_pc_wrap ul li.btn_external a:hover::before { border-color: transparent transparent transparent #fbc9e0;}


.pladoll_main,
.pladoll_pkg {
  position: relative;
  margin: 0 auto;
}

  .pladoll_main a,
  .pladoll_pkg img { position: absolute;}

.pladoll_main {
  width: min(80.8%,303px);
  height: min(38.053826666666666vw, 570.8074px);
  margin-top: min(12.33vw, 185px);
}
  .pladoll_main img {
    position: absolute;
    display: block;
    width: min(20.200000000000003vw, 303px);
    height: min(38.053826666666666vw, 570.8074px);
    width: 100%;
    height: auto;
    bottom: min(1.296vw,19.45px);
  }
  .pladoll_main img.left_ttl {
    bottom: min(31.86vw,478px);
    bottom: min(31vw,465px);
    left: 0;
  }
  .pladoll_main img.left_santa {
    bottom: min(21.26vw,319px);
    left: 0;
    animation: floating-st 2.8s ease-in-out infinite alternate-reverse;
    animation-delay: 1.5s;
  }
    @keyframes floating-st {
      0% { transform: translateY(-3%) translateX(-3%);}
      100% { transform: translateY(3%) translateX(3%);}
    }
  .pladoll_main img.left_tree {
    bottom: min(1.296vw,19.45px);
    left: 0;
    animation: floating-tr 2.5s ease-in-out infinite alternate-reverse;
    animation-delay: 1.2s;
  }
    @keyframes floating-tr {
      0% { transform: translateY(-1.5%);}
      100% { transform: translateY(1.5%);}
    }
  .pladoll_main img.left_light {
    width:min(2.666666666666667vw,40px);
    bottom: min(36.199999999999996vw,543px);
    left: 0;
    animation: floating-lt 3s ease-in-out infinite alternate-reverse;
    animation-delay: .2s;
  }
    @keyframes floating-lt {
      0% { opacity: 0;transform: scale(.5);}
      50% { opacity: 1;transform: scale(1);}
      100% { opacity: 0;transform: scale(.5);}
    }

/*.target { transition: 3s;}
.pladoll_main.active,
#menu_pc_scroll.active { margin-top: 0;} 保留 */

.pladoll_pkg {
  width: min(14.799999999999999vw,222px);
  height: min(10.866666666666665vw,163px);
  margin-top: min(.6666666666666667vw,10px);
}
  .pladoll_pkg img {
    width: 100%;
    height: auto;
  }
  .pkg_mm {
    left: 0;
    top: 0;
    animation: floating-s-mm 1.6s ease-in-out infinite alternate-reverse;
  }
    @keyframes floating-s-mm {
      0% { transform: translateY(-1.5%);}
      100% { transform: translateY(1.5%);}
    }
  /*.pkg_kr {
    left: 25.8%;
    animation: floating-s-kr 1.3s ease-in-out infinite alternate-reverse;
  }
    @keyframes floating-s-kr {
      0% { transform: translateY(-.1%);}
      100% { transform: translateY(.1%);}
    }
  .pkg_hk {
    right: 25.8%;
    top: min(.71vw, 10px);
    animation: floating-s-hk 1.6s ease-in-out infinite alternate-reverse;
  }
    @keyframes floating-s-hk {
      0% { transform: translateY(-.4%);}
      100% { transform: translateY(.4%);}
    }
  .pkg_cr {
    right: 0;
    top: min(.35vw, 5px);
    animation: floating-s-cr 1.8s ease-in-out infinite alternate-reverse;
  }
    @keyframes floating-s-cr {
      0% { transform: translateY(-.2%);}
      100% { transform: translateY(.2%);}
    }*/

#ecBtnArea {
  width: 96%;
  margin: 0 auto;
}
  #ecBtnArea p {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 20px;
    padding-top: 40px;
  }
  #ecBtnArea ul {
    display: flex;
    justify-content: flex-start;
    margin: 0 auto;
    padding: 0;
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 2.5%;
    row-gap: .9vw;
  }
    #ecBtnArea ul::before {
      content: "";
      display: block;
      width: calc(100% / 3 - 1.8%);
      order: 1;
    }
    #ecBtnArea ul li {
      display: inline-block;
      display: flex;
      width: calc(100% / 3 - 1.8%);
      list-style: none;
      vertical-align: bottom; }

      #ecBtnArea ul li a {
        display: flex;
        align-items: center;
        min-height: min(4.142vw,58px);
        padding: 0 1rem;
        border-radius: min(.57vw,8px);
        border: none;
        background: #ffb11b;
        text-align: center;
        vertical-align: center;
        text-decoration: none;
        box-sizing: border-box; }
        #ecBtnArea ul li a img {
          width: 95%;
          display: block;
          margin: 0 auto;
        }
        #ecBtnArea ul li a:hover {
          opacity: 0.7;
          transform: translateY(0px);
          -webkit-transition: all 1s;
          transition: all 1s;
        }
        @media screen and (max-width: 680px) {
          .detail_blk #ecBtnArea {
            bottom: 1.33vw; }
          #ecBtnArea ul {
            margin: 1.5vw auto 0;
            column-gap: 1.5%;
            row-gap: 1.2vw; }
          #ecBtnArea ul li {
            width: calc(100% / 3 - 1%); }
          #ecBtnArea ul li a {
            min-height: 11vw;
            border: 2px solid #fff;
            border-radius: 2vw; }
          #ecBtnArea ul li a img {
            width: 100%; }
          .copyAmazon {
            padding: .3em 0 .5em 0 !important;
            font-size: 2.5vw !important; }
        }
.copyAmazon {
  display: block;
  width: 100%;
  margin: 0 !important;
  padding: 1em 0 1em 0.5em !important;
  font-family: "Noto Sans JP",sans-serif;
  font-size: 65% !important;
  font-weight: normal !important;
  text-align: left !important; }


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

#side_left,
.pladoll_pkg,
#header::before { display: none!important;}

#column3_wrap {
  display: block;
}
#side_left,#side_right { display: none;}

#center { width: 100%; padding-bottom: 5vw;}
section + section { margin-top: 16.8vw;}
section:first-of-type + section { margin-top: 7vw;}
section:nth-of-type(2) + section { margin-top: 14.5vw;}


.head02 { margin-bottom: 3.2vw;}
#about_pladoll .head02 { margin-bottom: 7.2vw;}
.kv_wrap { width: 100%; padding-top: 0;}
  .ab_lease {
    width: 14.8vw;
    top: 28.6vw;
    left: 10.4vw;
  }
  .ab_sled {
    width: 37.9vw;
    top: 25.5vw;
    left: 29.8vw;
  }
  .ab_bell {
    width: 13.5vw;
    top: 35.5vw;
    right: 11vw;
  }
  .ab_holly1 {
    width: 12.9vw;
    bottom: 44.2vw;
    left: 3.2vw;
  }
  .ab_holly2 {
    width: 13vw;
    bottom: 37.5vw;
    right: 15.8vw;
  }
  .ab_poinsettia {
    width: 8.8vw;
    bottom: 37.9vw;
    left: 22.2vw;
  }
  .ab_ginger {
    width: 12vw;
    bottom: 22.5vw;
    left: 3.5vw;
  }
  .ab_txt {
    width: 29.5vw;
    bottom: 24.45vw;
    left: 32.5vw;
  }
  .ab_santa {
    width: 19.3vw;
    bottom: 6.8vw;
    left: 22.2vw;
  }
  .ab_present1 {
    width: 10.6vw;
    bottom: 7.45vw;
    left: 44.95vw;
  }
  .ab_present2 {
    width: 8.7vw;
    bottom: 7.2vw;
    right: 31.4vw;
  }
  .ab_tree {
    width: 22.2vw;
    bottom: 7.8vw;
    right: 2.7vw;
  }
  .ab_kira1 {
    width: 4.5vw;
    top: 44vw;
    left: 25.2vw;
  }
  .ab_kira2 {
    width: 5vw;
    top: 55.4vw;
    left: 8.5vw;
  }
  .ab_kira3 {
    width: 5vw;
    top: 46.6vw;
    right: 9vw;
  }
  .ab_kira4 {
    width: 4.5vw;
    top: 59vw;
    right: 31vw;
  }
  .ab_kira5 {
    width: 4vw;
    top: 49.3vw;
    left: 3.7vw;
  }
  .ab_kira6 {
    width: 3.6vw;
    top: 45.3vw;
    right: 34.5vw;
  }
  .ab_kira7 {
    width: 4.5vw;
    top: 61.5vw;
    left: 23.5vw;
  }
  .ab_kira8 {
    width: 3.5vw;
    top: 46.7vw;
    left: 41.5vw;
  }
  .ab_kira9 {
    width: 4.8vw;
    top: 59vw;
    right: 3.5vw;
  }
  .ab_kira10 {
    width: 3.2vw;
    top: 49vw;
    right: 0vw;
  }
  .ab_kira11 {
    width: 4.8vw;
    top: 28.6vw;
    left: 55.5vw;
  }

































.goods_blk {
  width: 45vw;
  margin-bottom: 2.47vw;
  padding: 2.94vw;
  padding-bottom: 9.55vw;
  border-radius: 2vw;
  border: .4vw solid #dabd86;
  font-size: 2vw;
}
.goods_photo { border: .25vw solid #dabd86;}

.goods_blk p {
  font-size: 2.5vw;
}
p.goods_ttl {
  margin-bottom: 2.2vw;
  padding: 1.5vw 0 2.5vw;
  font-size: 2.39vw;
  line-height: 1.2!important;
}
.goods_ttl::before { height: 1.029vw;}

.goods_list {
  margin-bottom: .3vw;
  font-size: 2.13vw;
  font-size: 2.6vw;
}
.goods_list li { width: 67.92%; margin-bottom: 1.14vw;}
.goods_list li.head { width: 28.34%;}

.goods_btn {
  bottom: 3vw;
  width: 48.5%;
  width: 53.5%;
}

.copyright { font-size: 1.7vw;}

#ecBtnArea { width: 97%;}


/* ======================
         Container
======================= */
#hum_menu { display: block;}

#menu_wrap {
  /*display: none;*/
  position: fixed; 
  opacity: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  /*background:linear-gradient(45deg, #dcdcfe,#b9edf2,#ccfcf7,#dcdcfe);*/
  background: url("../img/bg_center.png");
  background-repeat: repeat;
  background-size: 100%;
  background-position: top center;
  transition: all 0.3s;
  z-index: -1;
}
#menu_wrap.panelopen {
  display: block;
  opacity: 1;
  z-index: 999;
}
/* ナビゲーションの縦スクロール */
#menu_wrap.panelopen #menu_scroll {
  position: fixed;
  width: 100%;
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 999; 
}

/* ======================
           Nav
======================= */
#menu_wrap ul {
  display: none;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  z-index: 999;
}
#menu_wrap.panelopen ul {
  display: block;
  width: 85%;
}
#menu_wrap ul li {
  list-style: none;
  text-align: center;
  margin: 1.2em 0;
}
  #menu_wrap ul li.child {
    margin: .8em 0;
  }
#menu_wrap ul li a {
  color: #9a85bd;
  font-size: 5.2vw;
  letter-spacing: 0.1em;
  text-decoration: none;
  /*text-transform: uppercase;*/
}
#menu_wrap ul li.child a {
  font-size: 4.7vw;
}
#menu_wrap ul li.btn_external {
  margin: 1.1em 0;
}
  #menu_wrap ul li.btn_external a {
    position: relative;
    width: 80%;
    margin: 0 auto;
    padding: .7em 0;
    background-image: linear-gradient(170deg, #fbc9e0, #ee86b4 100%);
    border: none;
    font-size: 4.5vw;
    color: #fff;
  }
  #menu_wrap ul li.btn_external a::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.4vw 0 1.4vw 1.4vw;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 0;
    right: .8em;
    bottom: 0;
    margin: auto;
  }
  #menu_wrap ul li.btn_external span { font-size: 90%;}

  #menu_wrap ul li:not([class]) a::before,
  #menu_wrap ul li:not([class]) a::after {
    background: url(../img/icon_star_cl.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

/* ======================
          Button
======================= */
.toggle_btn {
  position: fixed;
  top: 3vw;
  right: 3vw;
  width: min(15vw,75px);
  height: min(15vw,75px);
  background: #fff;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s;
}
  .toggle_btn.hoge_fixed {
    z-index: 9999;
    opacity: 1;
  }
  
.toggle_btn.open {
  background: #fff;
}
.toggle_btn span {
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 60%;
  height: min(1.2vw, 6px);
  background: #be2f2a;
  border-radius: 2vw;
  transition: all .4s;
  }
.toggle_btn span:nth-of-type(1) { bottom: 40%;}
/*.toggle_btn span:nth-of-type(2) { top:23px;}*/
.toggle_btn span:nth-of-type(3) { top: 40%;}

.toggle_btn.open span {
  background: #be2f2a;
}

.toggle_btn.open span:nth-of-type(1) {
  width: 65%;

  bottom: 0;
  transform: translateY(0) rotate(-45deg);
}
.toggle_btn.open span:nth-of-type(2) {
  opacity: 0;
}
.toggle_btn.open span:nth-of-type(3) {
  width: 65%;
  top: 0%;
  transform: translateY(0) rotate(45deg);
}





}