@charset "utf-8";

/* ===================================================================
Tablet CSS
ウィンドウ幅[641～1023px]の場合に適用
=================================================================== */
@media screen and (max-width: 1023px) {



/*	header
----------------------------------------------------*/

#header p.logo {
margin: 15px auto;
text-align: center;
}

/*	main
----------------------------------------------------*/
#main {
padding: 10px;
}

#main h1 {
max-width: 675px;
margin:20px auto;
}

#main h2,
#main #ex_area{
margin: 0 0 20px;
}

#main th,
#main td {
display: block;
width: 100%;
}

#main th {
padding: 15px 0 0 0;
border:none;
}

#main th span {
float: inherit;
margin-left: 10px;
}

#main input[type=text],
#main input[type=email],
#main input[name=tel],
#main textarea {
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size:16px;
}

#main input[name=age] {
width: 30%;
}

#main input[name=date01],
#main input[name=date02],
#main input[name=time01],
#main input[name=time02]{
width: 40%;
font-size: 16px;
}

#main input[type=text],
#main input[name=age],
#main input[name=tel],
#main input[name=email],
#main input[type=submit],
#main textarea,
#main select {
-webkit-appearance: none;
}

#main label {
font-size: 16px;
}

#main td button {
margin: 10px 0 0 0;
}

#main .n_message{
max-width: 720px;
margin:20px auto;
padding: 10px;
font-size: 1.2em;
text-align: center;
background: #dcf6fd;
}

#main .ex_area {
max-width: 700px;
margin: 0 auto 20px auto;
padding: 20px;
font-size: 16px;
border: 1px solid #d2d1a7;
background: #FFF;
}

}