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

/*基本設計*/
body{
	width:100%;
	max-width:640px;
	margin:0 auto;
	font-size: 62.5%; 
	background: #130911;
}

.list01 li{width:50%;float:left;}
.list01 li.right{float:right;}

#offer{margin-bottom:4%;}
#offer .bnrTel{position: relative;}
#offer .bnrTel .btn{
	position: absolute;
	width: 52%;
	top: 47%;
	right: 7%;
}

footer{
	background-color:#FFF;
	background-image: url("../img/bg_footer.png");
	background-size:100% auto;
	background-repeat: no-repeat;
	background-position: bottom center;
	width:100%;
}
footer .linkArea{
	font-size:0.7rem;
	padding-top:4%;
	margin-bottom:10%;
	text-align: center;
}
footer .linkArea a{color:#000;text-decoration: none;}
footer .copyright{
	text-align: center;
	font-size:0.6rem;
	padding-bottom:4%;
}

.youtube{
    width:80%;
    margin:0 auto 8%;
}
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.btn01{
	margin-bottom: 3em;
}

.btn_bottom{
	margin-top: -0.2em;
}

.henkin_contents{
	position: relative;
}

.henkinTxt1{
	position: absolute;
	color: white;
	bottom: 12%;
	font-size: 2.5vw;
	margin: 1% 3%;
}

.henkinTxt2{
	position: absolute;
	color: white;
	bottom: 4%;
	font-size: 2.5vw;
	line-height: 1.5em;
	margin: 1% 3%;
}

.henkinTxt2 a{
	color: white;
}

@media screen and (min-width:700px) {
	.henkinTxt1 .henkinTxt2{
		font-size: 14px;
	}
    
}

/*::::::::::::::::::::::::
キャンペーン
::::::::::::::::::::::::*/
.cpBox{
	position: relative;
	max-width: 700px;
}


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

.cpbtn{
	position: absolute;
	bottom: 21%;
	text-align: center;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.0s;
}

.keyframe5{
  animation-name: anim_sc;
  transform: scale(0.9,0.9);
}

@keyframes anim_sc {
  100% {
    transform: scale(0.95,0.95);
  }
}

.cpbtn2{
	position: absolute;
	bottom: 3%;
	text-align: center;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.0s;
}


.offer2{
	position: relative;
}

.ofr_btn2{
	position: absolute;
	bottom: 5%;
	left:0.5%;
	animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.0s;
}

.offer1{
	position: relative;
}

.ofr_btn1{
	position: absolute;
	bottom: 5%;
	left:0.5%;
	animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.0s;
}


.line a{
	color: #000;
	text-decoration: underline solid 1px;
}

/*追従ボタン*/
.fixBtn {
    position: fixed;
	width:100%;
	max-width: 640px;
    bottom: 1%;
	left: 50%;
    transform: translate(-50%, 0%);
	z-index:9999;
}
.fixBtn a:hover img{
	opacity:1;
	filter: brightness(120%);
}

.fvBtn {margin-bottom:17%;}
.centerBtn {margin-bottom:12%;}


@media screen and (min-width:700px) { 
	.ofr_btn2{
	left:5%;
}
	.ofr_btn1{
	left:5%;
}
	
.henkinTxt1{
	font-size: 14px;
	bottom: 90px;
	}
.henkinTxt2{
	font-size: 14px;
	bottom: 62px;
	}

}