@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;
}
#lpbox #set_adcode,#lpbox #set_referer{
  width:1px;height:1px;
  position:absolute; top:0; left:0;
}
/* 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__item {
  position: absolute;
  top:1.5%;
  right: 17%;
  width: 50%;
  filter: drop-shadow(-15px 30px 4px #d9d2d8);

}
/*----------------------------------------*/
#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;
  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;
}


/* stretch */
#lpbox .fv__item  {
  display: block;
  -webkit-animation-name: stretch;
  -moz-animation-name: stretch;
  -o-animation-name: stretch;
  animation-name: stretch;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -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;
}
@keyframes stretch {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  10%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  60%  { transform: scale(1.0, 1.0) translate(10%, -2%) skew(-10deg, -3deg); }
  70%  { transform: scale(1.0, 1.0) translate(-6%, 0%) skew(8deg, 0deg); }
  80%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  82%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  90%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 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;
}
@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;
}





/*-------------------------------------------
アコーディオン
-------------------------------------------*/
#amazon_relative{
  position: relative;
}
.amazon_here,
.amazon_here2,
.amazon_here3,
.amazon_here4,
.amazon_here5{
  position: absolute;
  bottom:4%;
  left: 15%;
  width: 9%;
  height: 20px;
  cursor: pointer;
}
#amazon_toggle,
#amazon_toggle2,
#amazon_toggle3,
#amazon_toggle4,
#amazon_toggle5{
  display:none;
}
.cb_here,
.cb_here2,
.cb_here3{
  position: absolute;
  bottom:2%;
  left: 61%;
  width: 9%;
  height: 20px;
  cursor: pointer;
}
#cb_toggle,
#cb_toggle2,
#cb_toggle3{
  display:none;
}
#lpbox .cv-more {
  margin: 2em auto;
}
.cv-more dt {
  position: relative;
}
.cv-more dt:before {
  content: "";
  background: url(../img/cv_bn_more_ar.png) no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
  width: 1.2em;
  height: 1.2em;
  display: block;
  position: absolute;
  top: 50%;
  right: 31%;
  margin-top: -.6em;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.cv-more dt.acd-open:before {
  content: "";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#amazon_toggle p,
#amazon_toggle2 p,
#amazon_toggle3 p,
#amazon_toggle4 p,
#amazon_toggle5  p {
  color: #4e1414;
  text-align: left!important;
  padding: 5%;
  font-size: .6em;
  line-height: 1.5em;
}
.cv-more dd p a {

}