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


/* content
--------------------------------------------------*/
#lpbox , #lpfooter {
  font-size: 16px;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  color:#303030;
  line-height:1.5em;
}
#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 {
  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;
}


/*******************
LP style
********************/
html {
  min-width: 1260px;
  margin: 0 auto;
}
#lpbox .hover{
  -webkit-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
#lpbox .hover:hover{
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
/*
横幅の大きい画像を設定した最小幅でトリミング
デフォルトの設定は最小1100px、画像幅1500pxなので適宜調整してください
*/
#lpbox .ovf__area{
  text-align: center;
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  min-width: 1100px;
}
#lpbox .ovf__box {
  display: block;
  text-align: center;
  position: relative;
  top: 0;
  left: 50%;
  width: 1500px;
  -webkit-transform: translate3d(-50% , 0 , 0);
  -ms-transform: translate3d(-50% , 0 , 0);
  -o-transform: translate3d(-50% , 0 , 0);
  transform: translate3d(-50% , 0 , 0);
  z-index: 5;
  margin: 0;
}


/*-- fv -------------------------------------*/
#lpbox #fv {
  text-align: center;
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  min-width: 1100px;
}
#lpbox #fv h1 {
  display: block;
  text-align: center;
  position: relative;
  top: 0;
  left: 50%;
  margin: 0;
  width: 1500px;
  -webkit-transform: translate3d(-50% , 0 , 0);
  -ms-transform: translate3d(-50% , 0 , 0);
  -o-transform: translate3d(-50% , 0 , 0);
  transform: translate3d(-50% , 0 , 0);
  z-index: 5;
}
#lpbox #fv video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1500px;
}
#lpbox #fv h1,
#lpbox #fv p {
  position: relative;
  z-index: 999;
}
/*--------------------------------------------*/


/*- cta -------------------------------------------*/

#lpbox .cta__area {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 1000px;
}
#lpbox .cta__box {
  position: relative;
  width: 100%;
}
#lpbox .cta__btn {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  text-align: center;
  -webkit-transform: translate3d(-50% , 0% , 0);
  -ms-transform: translate3d(-50% , 0% , 0);
  -o-transform: translate3d(-50% , 0% , 0);
  transform: translate3d(-50% , 0% , 0);
}
#lpbox .cta__btn a {
  display: block;
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  transition: opacity .5s ease;
}
#lpbox .cta__btn a:hover {
  opacity: .7;
}
/*- movie-box--------------------------*/
#lpbox .movie-box{
  position: relative;
}

#lpbox .movie-box__item video {
    display: block;
    position: absolute;
    top: 24%;
    left: 0;
    right: 0;
    width: 44%;
    margin: 0 auto;
}


/*- product -------------------------------------------*/

#lpbox .product__box {
  position: relative;
  display: block;
  margin: 0 auto;
}
#lpbox .product__table {
  width: 580px;
  position: absolute;
  top: 140px;
  left: 50%;
  margin-left: -60px;
}
#lpbox .product__table th {
  background-image: -moz-linear-gradient( 0deg, rgb(168,157,209) 21%, rgb(212,165,208) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(168,157,209) 21%, rgb(212,165,208) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(168,157,209) 21%, rgb(212,165,208) 100%);
  color: #fff;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  width: 110px;
}
#lpbox .product__table td {
  box-sizing: border-box;
  color: #303030;
  font-size: 18px;
  padding: 16px;
  text-align: center;
  background-color: #fff;
}
#lpbox .product__table tr + tr th {
  border-top: 1px solid #e9e9e9;
}
#lpbox .product__table tr + tr td {
  border-top: 1px solid #e9e9e9;
}
#lpbox .product__table .product__text--small {
  font-size: 14px;
  line-height: 26px;
}
#lpbox .product__table .product__text--left {
  text-align: left;
}
#lpbox .product__table--liquid th {
  background-image: -moz-linear-gradient( 0deg, rgb(180,177,223) 13%, rgb(92,104,192) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(180,177,223) 13%, rgb(92,104,192) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(180,177,223) 13%, rgb(92,104,192) 100%);
  color: #fff;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  width: 110px;
}


/*お問い合わせバナー*/
#lpbox .tel img{
  text-align: center;
    margin-left: auto;
    margin-right: auto;
  width: 60%;
  padding: 5em 0;

}


/*-------------------------------------------
footer
-----------------------------------------------*/
#lpfooter .footer__link {
  text-align: center;
  margin-top: 3em;
  margin-bottom: 2em;
  width: 100%;
}
#lpfooter .footer__link li {
  display: inline-block;
  padding-left: 1em;
  font-size: 16px;
}
#lpfooter .footer__link li:after {
  content: "";
  border-right: 1px solid #213258;
  display: inline-block;
  padding-left: 1.2em;
  height: 1.2em;
  vertical-align: middle;
}
#lpfooter .footer__link li:last-child:after {
  content: "";
  padding-left: 0;
  border:none;
}
#lpfooter #copy {
  text-align: center;
  width: 100%;
  background-image: -moz-linear-gradient( 0deg, rgb(48,75,153) 0%, rgb(92,104,192) 50%, rgb(48,75,153) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(48,75,153) 0%, rgb(92,104,192) 50%, rgb(48,75,153) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(48,75,153) 0%, rgb(92,104,192) 50%, rgb(48,75,153) 100%);
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  padding: 14px 0;
}

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