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

/*----------------------------------------------------------------------
							common
----------------------------------------------------------------------*/

#lp_mf img{display:block;}

#lp_mf_bg {
	background: #f2f2f2;
	padding: 0 0 0 0;
	}
#bg_campaign{
	background: #bae9e9!important;
    padding-bottom: 100px;
}
#lp_mf { 
	display: block !important;
	width: 700px;
	margin: 0 auto;
	box-shadow: 0px 18px 20px 5px #dadada;
	background: #fff;
	line-height: 0;
	font-size: 0;
}
.bset_syousai{ padding: 0 0 3%;}
@media screen and (max-width: 900px){
	body {
		overflow-x: hidden;
	}
	#lp_mf{
		width: 100%;
	}
	#lp_mf_bg{
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	#lp_mf img{
		width: 100vw;
	}
}

.grecaptcha-badge{display: none!important;}

/*--------------------------------------------
video ここから
---------------------------------------------*/
#lp_mf video{
	max-width: 100%;
	line-height: 0;
	font-size: 0;
	margin: -1px 0 -1px 0;
}
@media screen and (max-width: 900px){
#lp_mf video{width: 100vw;}
}

#lp_mf div.usp-27{
	position: relative;
}

#lp_mf div.usp-27 .usp-27-obj{
	position: absolute;
	bottom: 5%;
}
#lp_mf div.usp-27 .usp-27-txt{
	position: absolute;
	top: -15%;
}

/*--------------------------------------------
video ここから
---------------------------------------------*/


/*----------------------------------------------------------------------
							オファーエリア
----------------------------------------------------------------------*/
.btn-box {
    position: relative;
}
#lp_mf .btn-box a img{
	width: 600px;
	margin: 0 auto;
}
#lp_mf .btn-box a img.cta_btn{
	width: 600px;
}
@media screen and (max-width: 900px){
	#lp_mf .btn-box {
		width: 100vw;
	}
	#lp_mf .btn-box a img{
		width: 80vw;
		margin: 0 auto;
	}
	#lp_mf .btn-box a img.cta_btn{
		width: 80vw;
	}
}

#navbar {
    position: fixed;
    bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	z-index: 9999;
	display: none;
}

#navbar a img{
	margin: 0 auto;
	max-width: 700px;
}
@media screen and (max-width: 900px){
	#navbar a img{
		max-width: 100vw;
	}
}

/*--------------------------------------------
ボタンアニメーション
---------------------------------------------*/

.yureru {
    animation: yureru 2s infinite;
}
@keyframes yureru {
    0% {
        transform: translate(2px, 0px);
    }
    5% {
        transform: translate(-2px, 0px);
    }
    10% {
        transform: translate(2px, 0px);
    }
    15% {
        transform: translate(-2px, 0px);
    }
    20% {
        transform: translate(2px, 0px);
    }
    25% {
        transform: translate(-2px, 0px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}

.kakushuku {
  animation: anime1 0.5s ease 0s infinite alternate;
  transform-origin:center;
}
@keyframes anime1 {
  from {
    transform: scale(0.9,0.9);
  }
  to {
    transform: scale(1,1);
  }
}
/*--------------------------------------------
ボタンアニメーション
---------------------------------------------*/

/*--------------------------------------------
定価LPのボタンここから 未使用
---------------------------------------------
.gcteiki_btn01{
    position: absolute;
    top: 80.5%;
    left: 0;
    right: 0;
}
.gctsudo_btn{
    position: absolute;
    top: 70%;
    left: 0;
    right: 0;
}
--------------------------------------------
定価LPのボタンここから
---------------------------------------------*/

/*--------------------------------------------
lis-mov LPのボタンここから
---------------------------------------------*/
#lp_mf .btn-box.lis-mov.fvbtn a{
	position: absolute;
    display: block;
    width: 100%;
    bottom: 11%;
    margin: 0 auto;
	left: 0;
	right: 0;
}
	
#lp_mf .btn-box.lis-mov a{
	position: absolute;
    display: block;
    width: 80%;
    bottom: 4%;
    margin: 0 auto;
	left: 0;
	right: 0;
}

#lp_mf .btn-box.lis-mov.three-set a{
	bottom: 7%;
}

.short_btn_snow {
    width: 1400px;
    margin: -43px -52px;
}

@media screen and (max-width: 900px){
	#lp_mf .btn-box.lis-mov{
	width: 100vw;
	}
	#lp_mf .btn-box.lis-mov a img{
	width: 80vw;
	}
  
}
/*--------------------------------------------
lis-mov LPのボタンここから
---------------------------------------------*/

/*--------------------------------------------
short LPのボタンここから
---------------------------------------------*/
#lp_mf .btn-box.short a{
	position: absolute;
    display: block;
    width: 42%;
    bottom: 5%;
    margin: 0 auto;
	right: 6.3%;
}

#lp_mf .btn-box.short a:nth-child(2){
	right: auto;
    left: 6.3%;
  text-align: center;
}



@media screen and (max-width: 900px){
	#lp_mf .btn-box.short{
	width: 100vw;
	margin-bottom: 3%;
	}
	#lp_mf .btn-box.short a img{
	width: 44vw;
	}
  
}
/*--------------------------------------------
short LPのボタンここから
---------------------------------------------*/

/*--------------------------------------------
short-a LPのボタンここから
---------------------------------------------*/
#lp_mf .btn-box.short-a a{
	position: absolute;
    display: block;
    width: 80%;
    bottom: 7%;
    margin: 0 auto;
	left: 0;
	right: 0;
}
#lp_mf .btn-box.short-a.three-set a{
	bottom: 4%;
}

.short_btn_snow {
    width: 1400px;
    margin: -43px -52px;
}

@media screen and (max-width: 900px){
	#lp_mf .btn-box.short-a{
	width: 100vw;
	}
	#lp_mf .btn-box.short-a a img{
	width: 80vw;
	}
  
}
/*--------------------------------------------
short-a LPのボタンここから
---------------------------------------------*/

/*--------------------------------------------
douhu LPのボタンここから
---------------------------------------------*/
#lp_mf .btn-box.short-a.douhu a{
    bottom: 8%;
}
@media screen and (max-width: 900px){
	#lp_mf .btn-box.short.douhu{
	width: 100vw;
	margin-bottom: 0;
	}
}
/*--------------------------------------------
douhu LPのボタンここから
---------------------------------------------*/

/*--------------------------------------------
short-a LPの電話追加ボタンここから
---------------------------------------------*/
#lp_mf div.btn-box.short-a.tellfv img.tellpc{
  	display: block;
    position: absolute;
    bottom: 19%;
    width: 90%;
    margin: 0 auto;
    right: 0;
    left: 0;}
#lp_mf div.btn-box.short-a.tellfv a.tellsmp{display: none;}
#lp_mf div.btn-box.short-a.tellsmp {display: none;}


@media screen and (max-width: 900px){
	#lp_mf .btn-box.short-a{
	width: 100vw;
	}
	#lp_mf .btn-box.short-a a img{
	width: 80vw;
	}
  	#lp_mf div.btn-box.short-a.tellfv img.tellpc{ display: none;}
	#lp_mf div.btn-box.short-a.tellfv a.tellsmp{display: block; bottom: 13%;}
	#lp_mf div.btn-box.short-a.tellfv a.tellsmp img{ width: 90vw;}
	#lp_mf div.btn-box.short-a.tellsmp {display: block;}
	#lp_mf div.btn-box.short-a.tellcta.tellsmp a{ bottom: 25%;}
}
/*--------------------------------------------
short-a LPの電話追加ボタンここから
---------------------------------------------*/

/*--------------------------------------------
CTV LPのオファー変更ボタンここから
---------------------------------------------*/

#lp_mf .btn-box.short-a.ctv a { bottom: 11.5%;}

/*--------------------------------------------
CTV LPのオファー変更ボタンここから
---------------------------------------------*/

/*--------------------------------------------
QPコードのテキストここから 使用する可能性を考えて残し
---------------------------------------------
.qp_code{
    position: absolute;
    text-align: center;
    top: 30.5%;
    font-size: 60px;
	font-weight: 200;
	letter-spacing: .05em;
	font-feature-settings: "palt" 1;
    left: 0;
    right: 0;
    color: #ffff;
}

.qp_code.qp_ofa{
    top: 47.7%;
}

@media screen and (max-width: 900px){
	.qp_code{
		font-size: 9vw;
	}
}
--------------------------------------------
QPコードのテキストここから
---------------------------------------------*/