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

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

LP style

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

#main_column #lpbox h2 {
    padding: 0;
    margin-bottom: 0px;
    border-bottom: none;
    font-size: 100%;
}
/* 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 ,
#lpfotter 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,
#lpbox ul,
#lpbox 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 .movbox {
  position: relative;
  background: url(../img/change_02.png) no-repeat top left;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
#lpbox .movitem {
  position: relative;
  display: block;
  border: 1px solid #363030;
  margin: 0 auto;
  overflow: hidden;
  width: 80%;
  height: 0;
  padding-bottom: 42%;
}
#lpbox .movitem video {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  transform: scale(1.03);
}

/*-------------------------------------------
cta
-----------------------------------------------*/
#lpbox .cta {
  display: block;
  background: #363030;
  padding-bottom: 6%;
}
#lpbox .cta__area {
  background: url(../img/cta_bg.png) repeat top center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
#lpbox .cta__box {
  position: relative;
}
#lpbox .cta__btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 2.8% 0 5.4%;
}
#lpbox .cta__text p {
  font-size: 0.55em;
  line-height: 1.8em;
}
#lpbox .cta__text {
  width: 100%;
  padding: 0 7% 4% 7%;
  margin: 0 auto 4%;
  font-size: 0.55em;
  line-height: 1.5em;
  text-align: justify;
  color: #363030;
  background: url(../img/cta_03_bg.png) repeat top center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
#lpbox .cta__text span a {
  color: #c72b17!important;
  cursor: pointer;
  text-decoration:underline;
}
#lpbox .acd__btn {
    cursor: pointer;
    display: block;
    position: relative;
}
#lpbox .acd__btn:after {
    content: "";
    display: block;
    width: 5%;
    height: 100%;
    background:url(../img/cta_ar.png) no-repeat 50% 50%;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 7.5%;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
#lpbox .acd__btn.acd__btn--open:after {
    content: "";
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

#lpbox .power__mov {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}
#lpbox .power__movitem {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#lpbox .power__movsize {
  position: relative;
  width: 90%;
  height:0;
  padding-bottom: 56%;
  display: block;
  overflow: hidden;
}
#lpbox .power__movsize video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#lpbox .power__movsize--02 {
  padding-bottom: 61%;
}


#lpbox .btn__box {
  position: relative;
}
#lpbox .btn__btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 3.8% 0 5.4%;
}

#lpbox .continuation__slider {
  background: url(../img/continuation_02.png) repeat top left;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0 0 1%;
  margin: 0;
  display: block;
  
}
#lpbox .continuation__slider .owl-dots {
  text-align: center;
  margin-top: .3em;
}
#lpbox .continuation__slider .owl-dot {
  background-color: #363030;
  width: 0.7em;
  height: 0.7em;
  border-radius: 1em;
  display: inline-block;
  margin: 0 0.3em;
}
#lpbox .continuation__slider .owl-dot.active {
  background-color: #c72b17;
}
#lpbox #offer {
  padding-bottom: 0;
}
#lpbox .product {
  margin: 8% auto 12%;
  width: 93%;
  display: block;
}
#lpbox .product__acd {
  cursor: pointer;
  display: block;
  position: relative;
  background: #363030;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.05em;
  padding: .7em;
}
#lpbox .product__acd:after {
    content: "";
    display: block;
    width: 5%;
    height: 100%;
    background:url(../img/ar.png) no-repeat 50% 50%;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 7.5%;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
#lpbox .product__acd.acd__btn--open:after {
    content: "";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
#lpbox .product__text dt{
  text-align: center;
  background: #808080;
  color: #fff;
  box-sizing: border-box;
  padding: .5em;
}
#lpbox .product__text dd{
  text-align: center;
  box-sizing: border-box;
  padding: .8em;
  color: #363030;
  font-size: .82em;
  line-height: 1.75em;
}
#lpbox .product__text dd.text--left {
  text-align: left;
}



#lpbox .voc {
  position: relative;
}
#lpbox .carousel-up {
  position: absolute;
  bottom: 9%;
  right: 0;
  width: 77.2%;
}
#lpbox .voc .slider {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  overflow: hidden;

}
#lpbox .voc .slider li img {
  width: 92%;
}

/*-------------------------------------------
form
-----------------------------------------------*/
#formarea {
  margin-bottom: 2em;
}
html #container {
  margin-top: 0;
}
/*-------------------------------------------
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 {
  position: relative;
}
#lpfooter .copy__text {
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0.714em;
  color: #fff;
}

#sainclarte_lp_fotter .footer-link {
  text-align: center;
  margin-top: 3em;
  margin-bottom: 3em;
}
#sainclarte_lp_fotter .footer-link li{
  font-size: 1em;
  margin-bottom: 1em;
}
#sainclarte_lp_fotter {
  background: url(../img/footer.png) no-repeat bottom center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  max-width: 750px;
  margin: 0 auto;
  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;
}
#sainclarte_lp_fotter  #copy {
  text-align: center;
  font-size: 0.714em;
  color: #fff;
  padding-bottom: 2em;
}
@media screen and (min-width:750px){
#sainclarte_lp_fotter  {
    font-size: 20px;
  }
}


#lpfooter .footer-link {
  text-align: center;
  margin-top: 3em;
  margin-bottom: 3em;
}
#lpfooter .footer-link li{
  font-size: 1em;
  margin-bottom: 1em;
}
/*
#lpfooter {
  background: url(../img/footer.png) no-repeat bottom center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  max-width: 750px;
  margin: 0 auto;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  color:#303030;
  line-height:1.5em;
}
*/

#lpfooter #copy {
    text-align: center;
    font-size: 0.714em;
    color: #fff;
    padding: 1em 0;
    background: #363030;
}

#lpfooter #copy {
  text-align: center;
  font-size: 0.714em;
  color: #fff;
  padding-bottom: 1em;
}

/* sp ow */
html #lpbox header {
  display: block;
}
html #lpbox header h1{
  width: 100%;
  max-width: 100%;
  font-size: 1em;
}
html #sainclarte_lp_fotter {
  display: block;
}
html #main-content {
  margin-bottom: 0;
}

#main-content #order h3 {
 width: 90%!important;
}