@charset "UTF-8";
html {
	width:100%;
	margin:0 auto;
	text-align: center;
	animation: loading 1s;
	background:url(../img/money_back.jpg)no-repeat;
	background-size:contain;
	background-repeat: repeat-y;
}
@keyframes loading {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
img {
	width: 100%;
	pointer-events: none;
}
.pc{display: block;}
.sp{display: none;}

@media screen and (max-width: 700px) {
	.pc{display: none;}
	.sp{display: block;}
}
body {
	width:100%;
	margin: 0 auto;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	
}
header{
	width:100%;
}

.wrapper{
	width:100%;
	margin:0 auto;
	overflow: hidden;
	
}
/*fv**/
.fv{
	width:100%;
	margin:0 auto;
}
.fv_zone{
	max-width:800px;
	margin:0 auto;
	padding:3% 0 0 0;
	background:url(../img/fv_back.jpg)no-repeat;
	background-size:contain;
}
@media screen and (max-width: 700px) {
	.fv_zone{
		padding:8% 0 11% 0;
	}
}
.fv_txt_head{
	max-width:570px;
	margin:0 auto;
}

@media screen and (max-width: 700px) {
	.fv_txt_head{
		width:80%;
	}
}
.fv_txt_head img{
	margin:0 0 5% 0;
}
.fv_txt{
	max-width:600px;
	margin:0 auto;
	animation: key1 .3s ease infinite alternate;
}
@media screen and (max-width: 700px) {
	.fv_txt{
		width:80%;
	}
}
@keyframes key1{
	0% {transform: translateY(0px);}
	100% {transform: translateY(-10px);}
  }

.fv_txt img{
	margin:0 0 10px 0;
}
.fv_obi{
	background:#948f11;
}

/*cvr**/
.cvr{
	width:100%;
	margin:0 auto;
	padding:3% 0 0 0;
	
}
.cvr_txt{
	max-width:800px;
	margin:0 auto;
	background:url(../img/cvr_back.jpg)no-repeat;
	background-size:cover;
	padding:0 0 3% 0;
}
.cvr_txt h2{
	width:90%;
	margin:0 10% 0 0;
}

.triangle3{
	width:100px;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 50px solid #174460;
	margin:0 auto;
	animation: fadein 1.7s linear infinite;
  }
  @keyframes fadein {
	0% {
	   opacity: 0;
	   transform: translateY(0);
	}
	100% {
	   opacity: 1;
	   transform: translateY(20px);
	}
  }

.cvr_zone{
	max-width:500px;
	margin:0 auto;
	text-align: center;
}
.cvr_zone p{
	color:#000;
	font-size:2em;
	margin:7% 0 3% 0;
	font-weight:500;
}
@media screen and (max-width: 700px) {
	.cvr_zone p{
		font-size:1.5em;
		text-align:center;
		margin:0 auto;
		margin-block-start:0;
		margin-block-end:0;
		letter-spacing: -1px;
	}
}
@media screen and (max-width: 380px) {
	.cvr_zone p{
		font-size:1.2em;
	}
}
.purupuru2 {
    animation: purupuru2 1s infinite;
}

#box2 {
    max-width: 500px;
    width: 100%;
    margin:0 auto;
    padding: 20px;
    background: initial;
    text-align: center;
	display: flex;
}

.box{
	max-width:500px;
	width:100%;
	margin: 130px auto;
	padding: 20px;
	background:#fff;
	text-align: center;
}

.count-size{
	font-size:3rem;
	font-weight: bold;
	color: #252C8C;
}
input[type=text]{
	width:100%;
	border:solid 3px #174460;
	border-radius: 11px;
	font-size:1.3em;
	padding:17px 30px;
	background:#fff;
  }
  @media screen and (max-width: 700px) {
	input[type=text]{
		width:90%;
	}
  }
.cvr_btn{
	max-width:500px;
	margin:0 auto;
}
footer{
	max-width:800px;
	margin:0 auto;
	background:#948f11;
	padding:11px 0;
}
footer p{
	color:#fff;
	font-size:1em;
}

/*thankspage**/
.thanks_wrapper{
	width:100%;
	margin:0 auto;
}
.thanks_zone{
	max-width:800px;
	margin:0 auto;
	background:url(../img/cvr_back.jpg);
	background-size:cover;
	padding:0 0 3% 0;
}
@media screen and (max-width: 700px) {
	.thanks_zone{
		padding:0 0 8% 0;
	}
}
.thanks_fv_txt{
	width:100%;
	margin:0 auto;
	animation: flash 1s linear 3;
}
.th_cvr_txt{
	max-width:600px;
	margin:0 auto;
}

@media screen and (max-width: 700px) {
	.th_cvr_txt{
		width:90%;
	}
}
.th_cvr_txt img{
	margin:8% 0 3% 0;
}
.th_cvr_zone{
	max-width:600px;
	background:#948f11;
	padding:7% 5%;
	margin:0 auto;
	border-radius:11px;
}
@media screen and (max-width: 700px) {
	.th_cvr_zone{
		width:90%;
	}
}
.th_body_zone{
	max-width:800px;
	margin:0 auto;
	padding:3% 0 0 0;
	background:url(../img/th_back.jpg);
	background-size:contain;
}
@media screen and (max-width: 700px) {
	.th_body_zone{
		padding:3% 0;
	}
}
.th_body_pre{
	max-width:600px;
	margin:0 auto;
}
@media screen and (max-width: 700px) {
	.th_body_pre{
		width:80%;
	}
}
.nisemono{
	animation: yureru-j 1s infinite;
}
@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}
.th_result{
	max-width:800px;
	margin:0 auto;
	padding:0 0 5% 0;
	background:url(../img/cvr_back.jpg);
}
.th_result h3{
	font-size:3.3em;
	line-height:1.3em;
	color:#174460;
	font-weight:700;
	animation: flash 2s linear infinite;
}
@media screen and (max-width: 700px) {
	.th_result h3{
		font-size:2.3em;
	}
}
.red{
	color:#e01b1b;
}

@keyframes purupuru2 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(0.98, 0.95)
    }
}

#clock {
	display: inline-block;
	color: #174460;
    font-size:3em;
    margin:4% 0 3% 0;
    font-weight: 500;
}

@media screen and (max-width: 700px) {
	#clock {
		margin:-7% 0 0 0;
	}
}
.fadein {
  opacity : 0;
  transform : translate(0, 100px);
  transition : all 1s;
}
 
.fadein.active{
  opacity : 1;
  transform : translate(0, 0);
}
@keyframes flash {
	0% {
	  opacity: 1;
	}
  
	50% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }

  .kasegu{
	margin:3% 0 8% 0;
  }

  .total{
	max-width:800px;
	margin:0 auto;
background:#fff;
  }