@charset "utf-8";

/*　reset
*********************************************************/

*{
	margin:0;
	padding:0;
	line-height: 1.6;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


body{
/*	background-image: radial-gradient(73% 147%, #EADFDF 59%, #FFFDF1 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%);
*/

	background:#000000;
	background-attachment: fixed;
	color: #000000;
	font-size:1.8rem;
	font-weight: 300;
	line-height:1.6;
	font-family: 'Noto Sans JP',"メイリオ", "ヒラギノ角ゴ Pro W3", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}



img{vertical-align:bottom;}

img.w100{width: 100%;}
li{list-style-type:none;}
br{letter-spacing:0;}
br.spbr{display: none;}

.sp{display: none;}


a:link{text-decoration:none; color:#000;}
a:visited{text-decoration:none; color:#000;}
a:hover{text-decoration:underline; color:#000;}
a:active{text-decoration:none; color:#000;}


/*　layout
*********************************************************/

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



.container{
	width:800px;
	margin:0 auto;
	
}




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

}


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

}

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



.thanks_main{
	width:950px;
	margin:20px auto;
	padding:1rem;
	background: #fff;/*水色#6dc2ff*/
	position: relative;
	border: solid 1px #000;
	font-size:20px;
}


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

}

p{
	line-height:1.6;
	}

/*　


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

.text{
	width: 90%;
	margin: 0px auto  0 auto;
	text-align: left;

/*	padding-left: 3rem;
	padding-right: 3rem;
*/
	padding-bottom: 8rem;
}


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



.footer {
	width:100%;
	text-align:left;
	margin:8rem auto 0;
	padding:1rem 0;
	border-radius: 2rem;
	color:#ffffff;
}

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



.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:800px;
	text-align:left;
	color:#000000;
	font-size:30px;
	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:0rem 4rem 6rem;
	margin:0 auto 3rem;
	border-radius:3rem;
}

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


.yokoku p{
	padding:1rem 0;
	}




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


.day-link a{
	display: inline-block;
	margin: 0.5rem auto ;
	width:140px;
	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:100%;
	margin:2rem auto;
	text-align:center;
	color:#ffffff;
	
}


a.hit-button{
	display: inline-block;
	margin: 0 auto ;
	width:398px;
	font-size:4rem;
	text-align: center;
	font-weight:bold;
	border-radius:0.5rem;
	color:#ffffff;
	padding:0 2rem;
	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 2px;
	}



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

}


.hitb-click {
	position: relative;
	display: inline-block;
	margin: 0 0 1em;
	padding: 7px 10px;
	width:796px;
	color:#eb0000;
	font-size: 20px;
	font-weight: 800;
	background: #ffffff;
}


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

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




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



.under_menu{
	width:50%;
	margin:1rem auto 5rem;
	text-align:center;
	color:#ffffff;
	float:right;
	
	
}


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

}

.under_menu 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);
}


.under_menu .hit-button img{
height: 30px;
    vertical-align: sub;
    padding: 0px 2px;
	}



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

}


.under_menu .hitb-click {
	position: relative;
	display: inline-block;
	margin: 1em 0;
	padding:0 7px;
	width:98%;
	color:#eb0000;
	font-size:18px;
	font-weight:800;
	background: #ffffff;
}


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

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






a.modoru{
	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:470px;
	height:128px;
	margin:0  auto;
	padding:2rem ;
	background: #fffca2;
	border-radius: 1rem;
	float:right;
	}