*{
	margin: 0px;
	padding: 0px;
	font-style: normal;
}
html{
	background-color: #FFFFFF;
	overflow-y: scroll;
}
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	line-height: 1.6;
	color: #7E6828;
	background-color:#461055;
}
#wp{
	background-color: #FFFFFF; 
}
#wp2{
    display:none;	
}
#wp3{
	display:block;
	width:100%;
}
h1{
	color: #FFFFFF;
	background-color: #461055;
	font-weight: normal;
	font-size: 17px;
	text-align: center;
}
#pc{
	display:none;
}
#sm{
	display: block;
	width: 100%;
	border-bottom: 5px dotted #B4ADAD;
	margin-bottom:50px;
}
.kokoku1,.kokoku3,.kokoku4{
	display:block;
	margin:0 auto;
	text-align:center;
}
.kokoku2{
	display:none;
}
.kokoku-bana{
    display:none;
}
#wp4{
   text-align:center; 	
}
#index-p h2{
	font-size: 21px;
	margin-top: 50px;
	margin-bottom: 20px;
	text-align: center;
	color: #213387;
}
.futo{
	font-size: 21px;
	font-weight: bold;
	color: #AD1818;
}
.cen-futo{
    font-size: 20px;
	text-align: center;	
}
.cen-pin{
	font-size: 21px;
	text-align: center;
	color: #CD3D77;
	font-weight: bold;
}
.cen{
	text-align: center;   	
}
.aka{
	color: #D72E62;
}
.maeoki{
	border-radius: 10px;
	border: 3px solid #C5E0F8;
	width: 90%;
	margin: 0 auto 25px auto;
}
.maeoki ul{
    margin: 10px 5px 10px 1.5em;	
}
.maeoki a{
	color: #549DBC;
	font-size: 17px;
	text-align: center;
}
.h-hidari{
    display:block;
	float:left;	
	width:60%;
}
.h-migi{
    display:block;
	float:right;
	width:60%;	
}
.h-dai{
    width:90%;	
	margin:0 auto 50px auto;
}
#fot{
	background-color: #FDE9E9;
	color: #777167;
	border-top: 1px solid #E7ACAC;
	margin-top:60px;
}
.f-in{
    width:85%;
	margin:0 auto;
	padding:20px 0 300px 0;	
}
#fot a{
	text-decoration: none;
	color: #777167;
}
@media screen and (min-width:400px)
{
.h-dai{
    width:100%;	
}

.h-hidari,.h-migi{
	float: none;    	
}
.h-zenhan,.h-tyuuban,.h-kouhan{
    display:block;
	margin:0 auto;	
}
.h-zenhan,.h-kouhan{
    width:250px;	
}
.h-tyuuban{
    width:390px;	
}
.h-zenhan img,.h-tyuuban img,.h-kouhan img{
	display: inline;
	width: 120px;
	text-align: center;	
}
}
@media screen and (min-width:450px)
{
#sm-im{
    width:80%;
	display:block;
	margin:0 auto;	
}
.kie-sugu{
	display:none;
}
}
@media screen and (min-width:550px)
{
#wp{
    width:97%;
	margin:0 auto; 
	}
#sm-im{
    width:70%;
}
.kie550{
    display:none;	
}
}
@media screen and (min-width:650px)
{
#sm{
     display:none;	
}
#pc{
    display:block;
	width:100%;
	padding-bottom:30px;
	border-bottom: 8px dotted #B4ADAD;
	margin-bottom:70px;
}
#pc-im{
    display:block;
	width:80%;	
	margin:0 auto;
}
.maeoki{
    padding: 20px;	
	width:80%;
	margin:0 auto 35px auto;
}
}
@media screen and (min-width:750px)
{
#pc-im{
	width:70%;	
}
.matomete,.matomete-sita{
	display:block;
    width:650px;
	margin:0 auto;	
}
.kokoku1,.kokoku2,.kokoku3,.kokoku4{
	 display:block;
	 float:left;	
}   
.kokoku1,.kokoku3{
    margin-right:15px;	
}
#wp4{
	display:none;
}
#kekka-p #wp3{
    padding-top:60px;	
}
.maeoki{
    padding: 20px;	
	width:65%;
}

}
@media screen and (min-width:1100px)
{
.matomete{
    display:none;	
}
.kokoku-bana{
    display:block;
	width: 323px;
	margin: 0 auto;
}
#wp2{
	width: 340px;
	display: block;
	float: left;
	 margin-top:60px;
}
.kokoku-hidari1,.kokoku-hidari2{
	text-align: center;    	
}
#wp3{
	width: 600px;
	display: block;
	float: left;
	margin-left:30px;		
}
#pc-im{
	width:60%;	
}
.h-zenhan,.h-kouhan{
    width:390px;	
}
.h-tyuuban{
    width:560px;	
}
.h-zenhan img,.h-tyuuban img,.h-kouhan img{
	display: inline;
	width: 180px;
	text-align: center;	
}
h1{
	font-size: 23px;
}
.f-in{
    width:60%;
	padding:20px 0 300px 0;	
}
.maeoki{
     width:85%;	
}
}
@media screen and (min-width:1200px)
{
#wp3{
	margin-left:80px;
}

}
@media screen and (min-width:1400px)
{
#wp3{
	width: 660px;
	margin-left:0;
}
#wp4{
	display:block;
	width:340px;
	float:left;
	text-align:center;
	margin-top:60px;
}
}
@media screen and (min-width:1500px)
{
#wp{
	width:1500px;	
	margin:0 auto;
}
#wp2,#wp4{
    width:400px;		
}
#wp3{
    width:650px;	
}
}


/*曜日のページ*/
.youbi{
	margin-top:50px;
	font-size: 20px;    	
}
.card1{
    width:70%;
	margin: 50px auto 150px auto;	
}
.card1 img,.card3 img{
	width: 48%;
	text-align: center;	
   
}
.card3{
	 width:80%;
	margin: 50px auto 150px auto;
}
@media screen and (min-width:550px)
{
.card1,.card3{
	width: 95%;
	padding-bottom: 200px;
	margin: 50px auto 0 auto;
}
.card1 img{
	width: 24%;
}
.card3 img{
    width:32%;	
}
}
@media screen and (min-width:700px)
{
.card3{
    width:80%;	
}
}
@media screen and (min-width:1000px)
{
.card3{
    width:70%;	
}
}
@media screen and (min-width:1100px)
{
.card1{
    width:80%;
}

}
@media screen and (min-width:1300px)
{
.card1{
    width:70%;
}
.card3{
    width:60%;	
}

}
/*結果ページ*/
#kekka-p h2{
	font-size: 20px;
	margin-top: 50px;
	margin-bottom: 30px;
	text-align: center;
	color: #9E8138;
}
.kekka-naiyo{
    width:90%;
	margin:0 auto 50px auto;
		
}
.kekka-naiyo p{
	font-size: 19px;  
	margin-bottom:10px;  	
}
@media screen and (min-width:700px)
{
.kekka-naiyo{
    width:80%;	
}
}
@media screen and (min-width:750px)
{
.kekka-naiyo{
    margin-top:50px;
}
}
@media screen and (min-width:850px)
{
.kekka-naiyo{
    width:60%;	
}
}
@media screen and (min-width:1100px)
{
.kekka-naiyo{
    width:80%;	
}
}