@charset "UTF-8";
/*==================================================================*/
/* style css */
/*==================================================================*/
h1 br{}
/* 640 *//* ------- */@media screen and (min-width:640px){
h1 br{display:none;}
}

/* lead */
/* -------------------------------------------------------------- */
/* 640 *//* ------- */@media screen and (min-width:640px){
#lead .sp{display:none;}
}


/* form */
/* -------------------------------------------------------------- */
#contents h2{text-align:center;}

#form .radio span {margin-right:20px;}
#form .radio label.disabled span::before{
	border:none;
	content:"\D7";
	position:absolute;
	top:-6px;
	left:-3px;
	color:#01a3d8;
	font-size:18px;
	font-weight:bold;
	}
#form .radio label.end input:checked + span::after{display:none;}
#form .radio label.end input:checked + span{color: #ccc;}


/* addschool */
/* -------------------------------------------------------------- */
#form .addschool dt{display:none;}
#form .addschool dt:first-of-type{display:block;}

#form .addschool dd{margin-bottom:10px;}
#form .addschool dd:last-of-type{margin-bottom:0;}
/* 840 *//* ------- */@media screen and (min-width:840px){#form .addschool dt{display:block;}}


/* add */
/* -------------------------------------------------------------- */
#form dd.post input{width:240px;}
#form dd.prefecture .select,
#form dd.prefecture select{width:240px;}



/* addnearby */
/* -------------------------------------------------------------- */
#form .addnearby {line-height:2;}
#form .addnearby .disabled{color:#ccc;}
#form .addnearby dd label.disabled:before{border-color:#ccc;}
#form .addnearby .radio input:checked + span::after{top:11px;}
#form .addnearby .radio span::before{top:7px;}
#form .addnearby .radio label.disabled span::before{top:-2px;}

#form .addnearby p{font-size:12px;}

#form .addnearby p.add{
	margin:0 0 1em 20px;
	padding:0;
	color:#999;
	background:none;
	}

/* end few */
#form .addnearby dd em{
	margin:0;
	padding:0 6px;
	color:#fff;
	width:80px;
	font-size:12px;
	border-radius:3px;
	display:inline-block;
	text-align:center;
	font-style:normal;
	}
#form .addnearby dd em.few{background:#f23c0f;}
#form .addnearby dd em.end{background:#01a3d8;}
#form .addnearby dd em.end1{width:200px;background:#01a3d8;}

/* 640 *//* ------- */ @media screen and (min-width:640px){
#form .addnearby p{font-size:14px;}
}


/* time */
/* -------------------------------------------------------------- */
#form .time {line-height:2;}

#form .time .disabled{color:#ccc;}
#form .time dd label.disabled:before{border-color:#ccc;}
#form .time .radio input:checked + span::after{top:7px;}
#form .time .radio span::before{top:3px;}

#form .time dd{position:relative;}

/* end few */
#form .time dd em{
	margin:0;
	padding:0 6px;
	color:#fff;
	width:80px;
	font-size:12px;
	border-radius:3px;
	display:inline-block;
	text-align:center;
	font-style:normal;
	}
#form .time dd em.few{background:#f23c0f;}
#form .time dd em.end{background:#01a3d8;}

#timezone label{position:relative;}
#timezone label em{
	position:absolute;
	top:-2px;
	right:100px;
	z-index:2;
	}

/* 640 *//* ------- */ @media screen and (min-width:640px){
#form .time dd em{
	margin:0 0 0 40px;
	position:relative;
	top:auto;
	right:auto;
	}
#form .time dd span{margin:0 0 0 8px;display:inline;}
}


/* error */
/* -------------------------------------------------------------- */
#form .error .radio span::before{border:2px solid #f15860;}

#form .error input,
#form .error select{border:2px solid #e60012;}
#form .error label span{color:#e60012;}

#form input[type="text"].error{border:2px solid #e60012;}
#form textarea.error{border:2px solid #e60012;}

/* note */
/* -------------------------------------------------------------- */
#note *{margin:0;padding:0;}
#note{
	margin:0 auto 20px;
	padding:20px 0;
	width:320px;
	border-radius:6px;
	background:#d5f09b;
	}
#note p{
	margin:0 10px;
	padding:0 0 0 1em;
	text-indent:-1em;
	font-weight:500;
	}
#note p a{font-weight:bold;color:#e60012;}
#note p a:hover{color:#6eb92b;}

/* 640 *//* ------- */@media screen and (min-width:640px){#note{width:600px;}}
/* 840 *//* ------- */@media screen and (min-width:840px){#note{width:840px;}}

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