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

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

 LP style

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

/* content
--------------------------------------------------*/
.upsell , #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){
.upsell , #lpfooter {
    font-size: 28px;
    max-width: 750px;
    margin: 0 auto;
  }
}
.upsell a , #lpfooter a{
  color: inherit;
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
}
.upsell a:hover, #lpfooter a:hover{
  text-decoration: underline;
}
.upsell span, #lpfooter span {
  font-size: inherit;
  font-weight: inherit;
}
.upsell img ,
#lpfooter img {
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: bottom;
}
.upsell img.img-t ,
#lpfooter img.img-t {
  vertical-align: top;
}
/* cart css reset */

.upsell header ,
.upsell h1 ,
.upsell h2 ,
.upsell h3 ,
.upsell p ,
.upsell dl ,
.upsell dt ,
.upsell dd ,
.upsell div ,
.upsell section ,
.upsell 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;
}
/*----------------------------------------*/
.upsell .mb3{margin-bottom: 3em;}
.upsell .btn {
  width: 90%;
}
.upsell .cta_btn {
  width: 90%;
}

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

.upsell .movie_box {
  position: relative;
  display: block;
}

.upsell .movie__area {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}
.upsell .movie__approach {
  padding-bottom: 30%;
}
.upsell .movie__approach video {
  position: absolute;
  top: 95%;
  left: -23%;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

/*-------------------------------------------
 footer
-----------------------------------------------*/
#lpfooter .footer__link {
  text-align: center;
  margin-top: 3em;
  margin-bottom: 2em;
}
#lpfooter .footer__link li{
  font-size: 1em;
  margin-bottom: 1em;
}
#lpfooter #copy {
  text-align: center;
  font-size: .75em;
  color: #fff;
  background-color: #707375;
  box-sizing: border-box;
  padding: .5em;
}