@charset "utf-8";
/* CSS Document */

/*******************

LP style

********************/
html , body {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  background: #fff;
}

/* content
--------------------------------------------------*/
#lpbox , #lpfooter {
  font-size: 14px;
  font-size: 3.7333vw;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  color:#303030;
  line-height:1.5em;
}
@media screen and (min-width:750px){
  #lpbox , #lpfooter {
    font-size: 28px;
    max-width: 750px;
    margin: 0 auto;
  }
}
#lpbox a , #lpfooter a{
  color: inherit;
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
}
#lpbox a:hover, #lpfooter a:hover{
  text-decoration: underline;
}
#lpbox span, #lpfooter span {
  font-size: inherit;
  font-weight: inherit;
}
#lpbox img ,
#lpfooter img {
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: bottom;
}
#lpbox img.img-t ,
#lpfooter img.img-t {
  vertical-align: top;
}
/* cart css reset */

#lpbox header ,
#lpbox h1 ,
#lpbox h2 ,
#lpbox h3 ,
#lpbox p ,
#lpbox dl ,
#lpbox dt ,
#lpbox dd ,
#lpbox div ,
#lpbox section ,
#lpbox span {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}
#lpfooter footer ,
#lpfooter div,
#lpfooter p {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}
#lpfooter ul,
#lpfooter li {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
  list-style: none;
}
/*----------------------------------------*/
#lpbox .fv__box {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}
#lpbox .fv__mov {
  position: absolute;
  top: 0;
  right: 3%;
  width: 30%;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #fff;
  background: #F5D7C5;
  z-index: 2;
}


#lpbox .fv__movsize {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}
#lpbox .fv__movsize video {
  width: 200%;
  height: 200%;
  position: absolute;
  top: -20%;
  left: -40%;
  right: -60%;
  bottom: -80%;
  display: block;
}

/*----------------------------------------*/
#lpbox .cta ,
#lpbox .cta2 {
  display: block;
  overflow: hidden;
  margin: 0 auto;
}


#lpbox .cta__box {
  margin: 0 auto;
  position: relative;
  width: 100%;
}
#lpbox .cta__btn {
  box-sizing: border-box;
  padding: 0 5%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/*----------------------------------------*/
#lpbox .movie__box {
  position: relative;
  z-index: 3;
}
#lpbox .movie__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 2.6%;
  z-index: 3;
}
#lpbox .movie__size {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 55%;
  display: block;
  overflow: hidden;
  box-shadow: 0px 5px 8px 0px rgba(66, 65, 65, 0.1);
  border: 2px solid #fff;
  background-color: #fff;
  z-index: 3;
}
#lpbox .movie__size video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -2px;
  width: 100%;
  height: calc(100% + 2px);
  z-index: 3;
}





/*----------------------------------------*/

#lpbox .product {
  margin: 0% auto 8%;
  position: relative;
}
#lpbox .product__img {
  position: relative;
  z-index: 1;
  margin: 0 auto -20%;
}
#lpbox .product__box {
  box-sizing: border-box;
  position: relative;
  width: 93.75%;
  z-index: 2;
  margin: 0 auto 0;
}
#lpbox .product__box dt {
  background-color: #b085b2;
  color: #fff;
  padding: 2%;
  position: relative;
  text-align: center;
  font-size: .9em;
}
#lpbox .product__box dd {
  font-size: .8em;
  line-height: 1.8em;
  padding: 2%;
  position: relative;
  text-align: center;
}
#lpbox .product__box dd.txt--left {
  text-align: left;
}
/*----------------------------------------*/
#lpbox .hurry__box {
  position: relative;
}
#lpbox .hurry__item {
  color: #fff;
  position: absolute;
  top: 0;
  left: 2.6%;
  display: block;
  width: 25%;
  text-align: center;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 1.2em;
  font-weight: bolder;
  color: #2c2c2c;
}
#lpbox .hurry__item--01 {
  top: 6%;
}
#lpbox .hurry__item--02 {
  top: 34.5%;
}
#lpbox .hurry__item--03 {
  top: 63%;
  font-size: 1.3em;
  color: #6f5e3e;
}



#lpbox .hurry__month {
  font-size: 1.5em;
  font-weight: normal;
}

/*-------------------------------------------
form
-----------------------------------------------*/
#formarea {
  box-sizing: border-box;
  width: 100%;
  margin: 1em auto;
  padding: 0;
  max-width: 1000px;
  display: block;
}


/*-------------------------------------------
footer
-----------------------------------------------*/
#lpfooter .footer__link {
  margin-top: 3em;
  margin-bottom: 2em;
}
#lpfooter .footer__link li{
  font-size: 1em;
  margin-bottom: 1em;
  text-align: left;
}
#lpfooter .footer__link li a {
  display: block;
  text-align: center;
  /*background: url(../img/footer_link_ic.png) no-repeat;*/
  background-position: 0 50%;
  -webkit-background-size: auto 1.4em;
  background-size: auto 1.4em;
  box-sizing: border-box;
  /*padding-left: 4.6em;*/
}
#lpfooter .footer__tel {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto 8%;
}
#lpfooter .footer__logo {
  display: block;
  margin: 8% auto 6%;
}
#lpfooter #copy {
  text-align: center;
  font-size: .75em;
  color: #fff;
  background-color: #a879aa;
  box-sizing: border-box;
  padding: .5em;
}
/*---------------------------*/
#lpbox #fixbtn {
  position: fixed;
  bottom: -100%;
  left: 0;
  z-index: 999;
  width: 100%;
  overflow: hidden;
  -webkit-transition: all .8s ease;
  -o-transition: all .8s ease;
  transition: all .8s ease;
}
#lpbox #fixbtn.fixbtn--visible {
  bottom: 0;
}
#lpbox #fixbtn .fixbtn__box {
  position: relative;
  bottom: 0;
  display: block;
  margin: 0 auto;
  position: relative;
  max-width: 750px;
  padding: 3% 4% 0;
}


/* bounce */
#lpbox .cta__btn a ,
#lpbox .fixbtn__item a {
  display: block;
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  0%   {
    -webkit-transform: scale(1,1)      translate3d(0 , 0 , 0);
    -ms-transform: scale(1,1)      translate3d(0 , 0 , 0);
    -o-transform: scale(1,1)      translate3d(0 , 0 , 0);
    transform: scale(1,1)      translate3d(0 , 0 , 0);
  }
  10%  {
    -webkit-transform: scale(1.05,.95)   translate3d(0 , 0 , 0);
    -ms-transform: scale(1.05,.95)   translate3d(0 , 0 , 0);
    -o-transform: scale(1.05,.95)   translate3d(0 , 0 , 0);
    transform: scale(1.05,.95)   translate3d(0 , 0 , 0);
  }
  30%  {
    -webkit-transform: scale(.95,1.05)   translate3d(0 , -8% , 0);
    -ms-transform: scale(.95,1.05)   translate3d(0 , -8% , 0);
    -o-transform: scale(.95,1.05)   translate3d(0 , -8% , 0);
    transform: scale(.95,1.05)   translate3d(0 , -8% , 0);
  }
  50%  {
    -webkit-transform: scale(1.02,.97) translate3d(0 , 0 , 0);
    -ms-transform: scale(1.02,.97) translate3d(0 , 0 , 0);
    -o-transform: scale(1.02,.97) translate3d(0 , 0 , 0);
    transform: scale(1.02,.97) translate3d(0 , 0 , 0);
  }
  57%  {
    -webkit-transform: scale(1,1)      translate3d(0 , -2% , 0);
    -ms-transform: scale(1,1)      translate3d(0 , -2% , 0);
    -o-transform: scale(1,1)      translate3d(0 , -2% , 0);
    transform: scale(1,1)      translate3d(0 , -2% , 0);
  }
  64%  {
    -webkit-transform: scale(1,1)      translate3d(0 , 0 , 0);
    -ms-transform: scale(1,1)      translate3d(0 , 0 , 0);
    -o-transform: scale(1,1)      translate3d(0 , 0 , 0);
    transform: scale(1,1)      translate3d(0 , 0 , 0);
  }
  100% {
    -webkit-transform: scale(1,1)      translate3d(0 , 0 , 0);
    -ms-transform: scale(1,1)      translate3d(0 , 0 , 0);
    -o-transform: scale(1,1)      translate3d(0 , 0 , 0);
    transform: scale(1,1)      translate3d(0 , 0 , 0);
  }
}
@keyframes bounce {
  0%   {
    -webkit-transform: scale(1,1)      translate3d(0 , 0 , 0);
    -ms-transform: scale(1,1)      translate3d(0 , 0 , 0);
    -o-transform: scale(1,1)      translate3d(0 , 0 , 0);
    transform: scale(1,1)      translate3d(0 , 0 , 0);
  }
  10%  {
    -webkit-transform: scale(1.05,.95)   translate3d(0 , 0 , 0);
    -ms-transform: scale(1.05,.95)   translate3d(0 , 0 , 0);
    -o-transform: scale(1.05,.95)   translate3d(0 , 0 , 0);
    transform: scale(1.05,.95)   translate3d(0 , 0 , 0);
  }
  30%  {
    -webkit-transform: scale(.95,1.05)   translate3d(0 , -8% , 0);
    -ms-transform: scale(.95,1.05)   translate3d(0 , -8% , 0);
    -o-transform: scale(.95,1.05)   translate3d(0 , -8% , 0);
    transform: scale(.95,1.05)   translate3d(0 , -8% , 0);
  }
  50%  {
    -webkit-transform: scale(1.02,.97) translate3d(0 , 0 , 0);
    -ms-transform: scale(1.02,.97) translate3d(0 , 0 , 0);
    -o-transform: scale(1.02,.97) translate3d(0 , 0 , 0);
    transform: scale(1.02,.97) translate3d(0 , 0 , 0);
  }
  57%  {
    -webkit-transform: scale(1,1)      translate3d(0 , -2% , 0);
    -ms-transform: scale(1,1)      translate3d(0 , -2% , 0);
    -o-transform: scale(1,1)      translate3d(0 , -2% , 0);
    transform: scale(1,1)      translate3d(0 , -2% , 0);
  }
  64%  {
    -webkit-transform: scale(1,1)      translate3d(0 , 0 , 0);
    -ms-transform: scale(1,1)      translate3d(0 , 0 , 0);
    -o-transform: scale(1,1)      translate3d(0 , 0 , 0);
    transform: scale(1,1)      translate3d(0 , 0 , 0);
  }
  100% {
    -webkit-transform: scale(1,1)      translate3d(0 , 0 , 0);
    -ms-transform: scale(1,1)      translate3d(0 , 0 , 0);
    -o-transform: scale(1,1)      translate3d(0 , 0 , 0);
    transform: scale(1,1)      translate3d(0 , 0 , 0);
  }
}
iframe#egg_form {
    margin: 0 auto !important;
    max-width: 800px !important;
    width: 100%;
    height: 2010px !important;
}
@media screen and (max-width:750px){
  iframe#egg_form {
      height: 2850px !important;
  }
}
#formarea{
  margin: 0 auto;
  text-align: center;
  padding: 20px 0;
}