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

.main {
	width:1000px;
	margin:0 auto;
	    box-shadow: 0px 0px 6px 2px #4d0b0b;
    -moz-box-shadow: 0px 0px 6px 2px #4d0b0b;
    -webkit-box-shadow: 0px 0px 6px 2px #4d0b0b;
	background-color: #fff;
}

.main img {
	max-width:100%;
}

.center {
	text-align:center;
	margin:20px 0px;
}

.sp {
	display:none !important;
}


.btnarea1 {
	position: relative;
}
.btnarea1 .btn {
	position: absolute;
	right: 0;
	top: 73.5%;
    width: 100%;
}

.btnarea2 {
	position: relative;
}
.btnarea2 .btn {
    position: absolute;
    left: 5.7%;
    top: 73%;
    width: 88.2%;
}

.btnarea3 .btn {
	position: absolute;
	left: 9%;
	top: 87%;
    width: 100%;
}




.footer {
	background-color: #b91417;
	text-align:center;
	font-size:15px;
	padding-top:20px;
}

.footer ul {
	margin:0;
}

.footer ul li {
	display:inline-block;
	margin:10px;
}

.footer ul li a {
	color:#fff;
}

.footer p {
	padding:0px;
	margin:10px 0px;
}

.footer p span {
	font-weight:bold;
	margin-right:10px;
}


.copy {
	padding:10px 0px 30px 0px;
	font-size:14px;
	color:#fff;
}











/******************************************************************************************/

/* for TB & SP CSS   */

/******************************************************************************************/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/******************/
/* for Tablet    */
/* 600px-999px    */
/******************/
@media only screen and (max-width: 999px) {


.pc {
	display:block!important;
}

.main {
    width: 100%;
}

}





/******************/
/* for SP-TB      */
/* 320px-599px    */
/* only Header    */
/******************/
@media only screen and (max-width: 599px) {

.pc {
	display:none !important;
}
.sp {
	display:block !important;
}

.main ,
.main img {
	width:100%;
}

	.top_btn {
		margin-top: -50px;
	}




.btnarea_sp {
	position: relative;
}
.btnarea_sp .btn1 {
	position: absolute;
	top: 58%;
	z-index: 2;
}
.btnarea_sp .btn3 {
	position: absolute;
	left: 7%;
	top: 68%;
	width: 80%;
	z-index: 2;
}

.btnarea_sp .btn2 {
	position: absolute;
	top: 83.5%;
	z-index: 2;
}


.btnarea_sp2 {
	position: relative;
}
.btnarea_sp2 .btn {
	position: absolute;
	top: 27%;
}



.footer {
	padding-top: 0px;
}
.footer ul {
	padding:0;
	margin: 0;
}

.footer ul li {
	margin: 0;
	display: block;
	width: 100%;
	border-bottom: solid 1px #fff;
	padding: 13px 0px;
}

.footer p {
	font-size:16px;
}

}



/*→スマートフォンiPhone5以前限定*/
/*320×1*/
@media only screen and (min-width: 1px) and (max-width: 320px) {


}

.wvLoading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  text-align: center;
}

/* 「bot_loaded」クラスを非表示にするスタイル */
.bot_loaded{
  display: none;
}