@charset "utf-8";


 @media screen and (max-width: 700px) { 
body,p,span,div,ul,li,img{
    margin:0;
    padding:0;
	border:none;
	outline:none;
}

/*html {
    font-size: 100%;
  }*/

body{
	background:#000000;
	font-weight: normal;
	font-size: 15px;
	line-height:1.6;
	letter-spacing:0.02em;
}
img.img100{width: 100%;}
img.sp_w100{width: 100%;}



/*br{display: none;}
*/

br{display: block;}
br.spbr{display: block;}
br.spbr{display: block;}

.pc{display: none;}
.sp{display: block;}
.m0{margin:0 auto;}



/*=======================================*/
#wrapper{
	margin:0 auto 1rem;
	text-align: center;
}



.container{
	width:100%;
	margin:0 auto;
	
}




.main{  
	width:95%;
	overflow: hidden;
	margin:1rem auto 0;
	padding:1rem 1rem 5rem;
	text-align: center;
	border:solid 2px #a70000;

}


.main-text{
	width:100%;
	background:#ffffff;
	text-align:left;
	padding:2rem 1rem 7rem;
	margin:1rem auto 5rem;

}

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

.main p{
	padding-top:1.8rem;
	
	}




.header{
	width:100%
	text-align:center;
	background-repeat: no-repeat;
	background-size:100%;
	background:#000000;

}

p{
	line-height:1.6;
	}

/*=========================*/



.footer {
	width:100%;
	text-align:left;
	margin:5rem auto 0;
	padding:1rem;
	border-radius: 1rem;
}

.footer a{
	color: #ffffff;
	font-weight:800;
}

.footer p {
	padding-top: 2rem;
}


.footer ul.link {
	margin:auto;
	text-align:center;
}
	
.footer ul.link  li {
	list-style: none;
	display:inline-block;
	text-align: center;
	padding: 1.5rem;
}



/*-----------------------------------------------*/


.line{
	padding: 1rem 0;
	height:60px;
	width:100%;
	background:#a70000;
	margin:0 auto;
}


.line-box{
	width:95%;
	text-align:left;
	color:#000000;
	font-size:24px;
	font-weight:600;
	margin:0 auto;
	
}



.subhead{
	background:#0071bc;
	width:100%;
	padding:4rem 0;
	}



.yokoku{
	width:100%;
	background:#a70000;
	color:#ffffff;
	text-align:left;
	padding:1.5rem;
	margin:0 auto 5rem;
	border-radius:2rem;
}

.yokoku p.midasi{
	border-bottom: solid 3px #ffffff;
	font-size:2rem;
	font-weight:600;
	padding:1rem 0 0;
	}


.yokoku p{
	padding:1rem 0;
	}

.yokoku img{margin:0 auto;}




.day-link{
	width:95%;
	margin:1rem auto;
	padding:1rem;
	border:solid 2px #a70000;
	color:#ffffff;
	}


.day-link a{
	display: inline-block;
	margin: 0.5rem auto ;
	width:30%;
	font-size:2rem;
	text-align: center;
	font-weight:bold;
	color:#ffffff;
	padding:0.5rem 1rem;
	cursor:pointer;
	background: #a70000;
	border:solid 2px #a70000;
	
	}




/*--上部ヒットボタン--*/



.menu{
	width:95%;
	margin:2rem auto;
	text-align:center;
	color:#ffffff;
	
}


a.hit-button{
	display: inline-block;
	margin: 0 auto ;
	width:48%;
	font-size:18px;
	text-align: center;
	font-weight:bold;
	border-radius:0.5rem;
	color:#ffffff;
	padding:0 1rem;
	cursor:pointer;
	background: #a70000;
	border:solid 2px #a70000;

}

a.hit-button:hover{
	color:#ffffff;
	text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ffa443), color-stop(1.00, #ff7400));
	background: -webkit-linear-gradient(#ffa443, #ff7400);
	background: -moz-linear-gradient(#ffa443, #ff7400);
	background: -o-linear-gradient(#ffa443, #ff7400);
	background: -ms-linear-gradient(#ffa443, #ff7400);
	background: linear-gradient(#ffa443, #ff7400);
}


.hit-button img{
	vertical-align:sub;
	padding:0 5px 0;
	height:24px;
	}



.hit-button_total{
	display: inline-block;
	margin: 0 auto ;
	width:48%;
	font-size:18px;
	text-align: center;
	font-weight:800;
	border-radius:0.5rem;
	color:#000000;
	padding:0 1rem;
	background: #ffffff;
	border:solid 2px #a70000;

}


.hitb-click {
	position: relative;
	display: inline-block;
	margin: 0 0 1em;
	padding:0.5rem;
	width:96%;
	color:#eb0000;
	font-size: 16px;
	font-weight: 800;
	background: #ffffff;
	text-align:left;
}


.hitb-click:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -105px;
	border: 15px solid transparent;
	border-top: 15px solid #ffffff;
}

.hitb-click p {
	margin: 0;
	padding: 0;
}




a.modoru{
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	margin: 2rem auto;
	width:30%;
	font-size:2rem;
	text-align: center;
	color:#ffffff;
	padding:1rem;
	cursor:pointer;
	background:#000000;
	border:solid 2px #a70000;
	border-radius:0.5rem;
		
	}

.result{
	width:100%;
	background:#ffffff;
	color:#000000;
	text-align:left;
	padding:1rem 2rem;
	margin:2rem auto;
	border-radius:1rem;
	border:solid 3px #a70000;
	}



.result p{padding:1rem;
	
	}

.result p.midasi{
	border-bottom: solid 3px #000000;
	font-size:2.5rem;
	font-weight:800;
	padding:1rem 0 0;
		}

.result p.baken{
	width:100%;
	height:auto;
	margin:0  auto;
	padding:2rem ;
	background: #fffca2;
	border-radius: 1rem;
	float:right;
	}



}