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



/* 基本
------------------------------------------------------*/
body {
  font: 14px/22px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.wrap {
	max-width: 768px;
	margin: 0 auto;
}
.wrap img {
	width: 100%;
	height: auto;

}

.wrap a,
.acbtn {
	transition: .2s;
	color: white;
}
.wrap a:hover,
.acbtn:hover {
  opacity:0.7;
}

.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}

.btn {
	width: 80.86%;
	left: 10.3%;
}
.btn1 {
	top: 0;
}
.btn2 {
	top: 67.4%;
}

.wrap img.hadazuA_B {
	bottom: 0.2%;
	left: 10.9%;
	width: 78.125%;
}
.wrap img.texture {
	top: 14.7%;
	left: 0;
	width: 100%;
}
.wrap img.hadazuC {
	top: 49.4%;
	left: 8.7%;
	width: 83.33%;
}
.wrap img.hadazuD {
	top: 37.7%;
	left: 8.7%;
	width: 83.33%;
}


#followup-bg {
	width: 100%;
	bottom: 0;
	left:0;
	position: fixed;
	z-index: 110;
	display: none;
	background: #fff;
	}


.btn1 {   
    animation-name:dokidoki;	/* アニメーション名の指定 */
    animation-delay:0s;		/* アニメーションの開始時間指定 */
    animation-duration: 2s;	/* アニメーション動作時間の指定 */
    animation-timing-function: ease-in-out;
    /* アニメーションの動き（徐々に早く徐々に遅く）*/
    animation-iteration-count: infinite; /* アニメーションをループさせる */
}
 
@keyframes dokidoki {
    0% {
        transform: scale(1);
    }
    30% {
        transform: scale(1);
    }
    40% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(1);
    }
    60% {
        transform: scale(1.1);
    }
    70% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}




.fl-btn {
  overflow: hidden;
  background-image: linear-gradient(to bottom, #f2d300, #e3ae0d);
}

.fl-btn:after {
  position: absolute;
  top: -200%;
  left: -150%;
  content: "";
  height: 500%;
  width: 70px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6) 40%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  transform: rotate(60deg);
  animation: 3s shine infinite linear;
}

@keyframes shine {
  0% {
    left: -100%;
  }
  50% {
    left: -100%;
  }
  90% {
    left: 150%;
  }
  100% {
    left: 150%;
  }
}


/* -------------------------------------------------------------------- 
アコーディオン
-------------------------------------------------------------------- */

.acmenu .acbtn {
	cursor:pointer;
}

.acmenu .cls,
.acmenu .acbtn.active .opn,
.acmenu .acctt {
	display: none;
}
.acmenu .acbtn.active .cls {
	display: inline;
}


/* -------------------------------------------------------------------- 
フッター
-------------------------------------------------------------------- */

#copyright{
	clear: both;
	text-align: center;
	color: #fff;
	font-size: 10px;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
}



#footer{
	clear: both;
	color: #FFF !important;
	margin-top: -70px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 150px;
	padding-left: 15px;
	line-height: 25px;
	background-color: #82CEDB;
	font-size: 14px;	
	z-index: 100;
	  position:relative;  
} 

@media only screen and (max-width: 644px){
	
#footer{
	padding-top: 15px !important;
	padding-bottom: 75px !important;
	margin-top: -40px;
} 
} 

/* ---------------------------------------------------------------------
PC-SP表示切替
--------------------------------------------------------------------- */

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}