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

/*基本設計*/
body{
	width:1000px;
	margin:0 auto;
	background:#130911;
}/*全体に背景を敷く場合はここ*/
a{text-decoration: none;}
a:hover img{opacity:0.6;}
a{color:#000;}
a:hover{text-decoration: none;}
div{text-align:center;}

/*ヘッダー*/

.btn01{position: relative;}
.btn01 .btn{
	position: absolute;
	top: 161px;
	left: 158px;
	 animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.0s;
}
.list01 li:first-child{width:333px;float:left;}
.list01 li:nth-child(2){width:334px;float:left;}
.list01 li:last-child{width:333px;float:left;}
.btn02{position: relative;}
.btn02 .btn{
	position: absolute;
	top: 396px;
	left: 164px;
	 animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.0s;
}

#offer .offer01{position:relative;}
#offer .offer01 .btn{
	position: absolute;
	bottom:20px;
	left:80px;
	 animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.0s;
}

#offer .offer02{position:relative;}
#offer .offer02 .btn{
	position: absolute;
	bottom:30px;
	left:75px;
	 animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.0s;
}

#offer .offer03{position:relative;}
#offer .offer03 .btn{
	position: absolute;
	bottom: 38px;
	right: 77px;
}

.ofr_under{display:flex;}

#guide {
	background-color: #fff;
	color: #000;
	text-align: left;
}

#guideBox {
	width: 1000px;
	margin: 0 auto 30px;
	background-color: #fff;
}

#guideBox h2 {
	height: 35px;
	color: #5f5f5f;
	border-bottom: solid 1px #d3d3d3;
	font-size: 22px;
	font-weight: bold;
	padding-top: 20px;
	text-align: center;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

.left {
	width: 440px;
	height: auto;
	float: left;
	margin-top:20px;
	margin-left:30px;
}

.right {
	width: 440px;
	height: auto;
	float: right;
	margin-top:20px;
	margin-right:50px;
}

.offer_amazon{position:relative;}
.amazon_btn{position: absolute;
	top: 355px;
	left: 299px;}
#guideBox h3{
	font-size:18px;
	text-align: left;
	font-weight:bold;
	border-left:solid 3px #000;
	padding-left:10px;
	margin-bottom:16px;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#guideBox dd{
	font-size:13px;
	line-height:1.6em;
	text-align: left;
}

#guideBox dd p{
		margin-bottom:30px;
}

footer{
	background-image: url("../img/bg_footer.png");
	width:100%;
	height:126px;
}
footer .linkArea{
	font-size:16px;
	padding-left:40px;
	padding-top:20px;
	margin-bottom:55px;
}
footer .linkArea a:hover{text-decoration: underline;}
footer .copyright{
	text-align: center;
	font-size:15px;
}

.youtube{position:relative;}
.youtube .movie-wrap{
    position: absolute;
    bottom:54px;
    left:116px;
}

.henkin_contents{
	position: relative;
}

.henkinTxt1{
	position: absolute;
	color: white;
	bottom: 53px;
	font-size: 12px;
	margin: 0 30px;
}

.henkinTxt2{
	position: absolute;
	color: white;
	bottom: 28px;
	font-size: 12px;
	margin: 0 30px;
}


.btnfv{
	position: relative;
}

.mail{text-decoration: underline solid 1px;}

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

.cpbtn{
	position: absolute;
	left: 100px;
	bottom: 60px;
  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);
}


.fixBtn {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width:1000px;
  z-index: 9999;
  height: 110px;
  pointer-events: none;
}

.fixBtn .btn {
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: auto;
 }

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