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

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

#lp_mf img{display:block;}

#lp_mf_bg {
	background: #f2f2f2;
	padding: 0 0 0px 0;
	}
#bg_campaign{
	background: #bae9e9!important;
    padding-bottom: 100px;
}
#lp_mf { 
	display: block !important;
	width: 540px;
	margin: 0 auto;
	box-shadow: 0px 18px 20px 5px #dadada;
	background: #fff;
}	
@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;
	}
}

/*----------------------------------------------------------------------
							video
----------------------------------------------------------------------*/
.howto_video{
	margin: 0 auto;
	max-width: 78%;
	display: block;
	border: solid 1px #5a5a5a;
}

/*----------------------------------------------------------------------
							オファーエリア
----------------------------------------------------------------------*/
.btn-box {
    position: relative;
}
#lp_mf .btn-box a img{
	width: 280px;
	margin: 0 auto;
}
.top_btn {
    position: absolute;
    top: 82%;
    left: 12%;
}
@media screen and (max-width: 900px){
	#lp_mf .btn-box {
		width: 100vw;
	}
	#lp_mf .btn-box a img{
		width: 52vw;
	}
}

/*--------------------------------------------
_adのボタンここから(210802以降)
---------------------------------------------*/
.teiki_btn {
    position: absolute;
    top: 84.2%;
    left: 0;
    right: 0;
}
@media screen and (max-width: 900px){
	.hip_set_btn a img {
		width: 56vw;
	}
}
/*--------------------------------------------
_adのボタンここまで(210802以降)
---------------------------------------------*/

/*--------------------------------------------
_camのボタンここから(210527以降)
---------------------------------------------*/
.tudo360_btn {
    position: absolute;
    top: 80.2%;
    left: 0;
    right: 0;
}
.tudo120_btn {
    position: absolute;
    top: 80.2%;
    left: 0;
    right: 0;
}
/*--------------------------------------------
_camのボタンここまで(210527以降)
---------------------------------------------*/

/*--------------------------------------------
_tnpcオファーボタンここから
---------------------------------------------*/
.tnpc_btn{
    position: absolute;
    top: 83.5%;
    left: 0;
    right: 0;
}
@media screen and (max-width: 900px){
	.tnpc_btn{
		top: 83.5%;
	}
}
/*--------------------------------------------
_tnpcオファーボタンここまで
---------------------------------------------*/

/*--------------------------------------------
_tnpc価格改定のボタンここから(230623変更前)
---------------------------------------------*/
.tnpc_btn_price {
    position: absolute;
    top: 82.2%;
    left: 0;
    right: 0;
}
@media screen and (max-width: 900px){
	.tnpc_btn_price {
		width: 56vw;
        margin: 0 auto;
        top: 82.2%;
	}
}

.teiki_txt_box_price div {
    font-weight: bold;
    color: #e7437f;
    text-align: justify;
    font-size: 105%;
    line-height: 1.3;
    background: #f0f0f0;
    padding: 15px;
	min-height: 350px;
}
@media screen and (max-width: 900px){
	#teiki_txt_box_price div {
		width: 56vw;
        margin: 0 auto;
	}
}

/*--------------------------------------------
_pc価格改定のボタンここから(230623変更前)
---------------------------------------------*/
.pc_btn_price {
    position: absolute;
    top: 84.3%;
    left: 0;
    right: 0;
}
@media screen and (max-width: 900px){
	.pc_btn_price {
		width: 56vw;
        margin: 0 auto;
        top: 84.2%;
	}
}

/*--------------------------------------------
_pc価格改定のボタンここから(230821変更後)
---------------------------------------------*/
.pc_btn_price_after {
    position: absolute;
    top: 82.5%;
    left: 0;
    right: 0;
}
@media screen and (max-width: 900px){
	.pc_btn_price_after {
		width: 56vw;
        margin: 0 auto;
        top: 82.2%;
	}
}

/*--------------------------------------------
_hpsnクーポンここから
---------------------------------------------*/
#coupon_bs_cbk{
	position: absolute;
	font-size: 36px;
	top: 64.6%;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	font-family: kinto-sans,sans-serif;
	font-weight: 500;
	font-style: normal;
}
@media screen and (max-width: 900px){
#coupon_bs_cbk{
	font-size: 6.5vw;
	top: 64.8%;
}
}