@charset "UTF-8";

body,dl,dt,dd,p{
margin:0;
padding:0;
}

header{
width:100%;
margin:0;
padding:0;
background:url(../img/bg_entryhead.jpg) center no-repeat;
}

header h1{
margin:0;
padding:10px 0;
color:#ffffff;
font-weight:bold;
font-size: 30px;
text-align: center;
text-shadow: 
        black 2px 2px 0, black -2px -2px 0,/*右下、左上*/
        black -2px 2px 0, black 2px -2px 0,/*右上、左下*/
        black 0px 2px 0, black  0 -2px 0,/*右、左*/
        black -2px 0 0, black 2px 0 0;/*上、下*/
}

section div.pax{
max-width: 1280px;
margin: 0 auto;
text-align:right;
}

section div.pax p{
display: inline-block;
margin: 10px auto;
padding: 5px 5px 0;
border-radius:10px;
border: 0px solid #cc0000;
}

section div.pax p span{
display: inline;
font-size: 1.5em;
color: #cc0000;
padding: 0 5px;
}


#formWrap {
/*	width:700px;*/
	width: 90%;
	margin:10px auto 20px;
padding-bottom: 20px;
	color:#555;
	line-height:120%;
	font-size:90%;
}

#formWrap div.deadline{
text-align: right;
}

#formWrap div.deadline p{
display: inline-block;
margin: 10px auto;
padding: 5px 5px 0;
border-radius: 10px;
border: 2px solid #cc0000;
}

#formWrap div.deadline p span{
display: inline;
font-size: 2em;
color: #cc0000;
}

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
font-weight: bold;
}

table.formTable th span{
font-weight: normal;
font-size: 0.9em;
color: #cc0000;
}

#formWrap form p{
margin: 20px 0 0 0;
text-align: center;
}

#formWrap form p input[type="submit"]{
display: block;
width: 60%;
height: 40px;
margin: 0 20%;
font-size: 18px;
}


/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:640px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:90%;
	margin:0 4%;
	padding:5px;
	font-size:110%;
	display:block;
}
	
input[name="年齢"]{
display: inline-block;
width: 4em;
}

input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}










/*  フッター
--------------------------------- */
div.foot{
width:100%;
padding-bottom:20px;
background-color:#000000;
}

footer{
position:relative;
height:0;
padding-top:21.875%;
background:url(/img/bg_footer.png) 0 0 no-repeat;
background-size:contain;
}

footer dl{
position:absolute;
top:5%;
width:100%;
color:#ffffff;
text-align:center;
}

footer dl dt{
margin:0;
padding:0;
font-weight:bold;
}

footer dl dd{
margin:0;
padding:0;
}



/*  PCSP 640px以上
--------------------------------- */
@media screen and (min-width: 640px) {
div.foot{
/*padding-bottom:22%;*/
}
}



/*  PC 1280px以上
--------------------------------- */
@media screen and (min-width: 1280px) {
#vahead{
width:1280px;
margin:0 auto;
}

#va1{
width:1280px;
margin:30px auto 80px;
}

#formWrap{
width:1280px;
}	
	


footer dl{
top:20%;
}
}