@charset "utf-8";
/* ------------------------------------------------------------ common */
#view.pages	{ background: url(../images/classlist/fv.jpg) no-repeat center center; background-size: cover; min-width: 1000px; }
/* ------------------------------------------------------------ classroom */
.classroom { padding: 140px 0 0; }
.classroom:first-of-type { padding: 50px 0 0; }
.classroom .info { padding: 0 0 50px; }
.classroom .info img { float: left; width: 420px; height: auto; }
.classroom .info .textbox { float: right; width: 500px; }
.classroom .info .textbox h3 { font-size: 36px; color: #221815; font-weight: bold; margin: 0 auto 15px; }
.classroom .info .textbox table tr { border-bottom: solid 15px #fff; }
.classroom .info .textbox table th { vertical-align: top; }
.classroom .info .textbox table th h4 { background: #e59fcc; font-size: 15px; line-height: 24px; color: #fff; padding: 4px 0 2px; min-width: 130px; }
.classroom .info .textbox table td { font-size: 15px; line-height: 24px; padding: 4px 0 2px 10px; }
.classroom .map { background: #f0eee4; padding: 50px 0 90px; }
.classroom .map h4 { font-size: 36px; margin: 0 auto 10px; }
.classroom .map .gmap iframe { width: 100%; height: 350px; }

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ common */
#view.pages	{ min-width: inherit; }
/* ------------------------------------------------------------ classroom */
.classroom { padding: 70px 0 0; }
.classroom:first-of-type { padding: 20px 0 0; }
.classroom .info { padding: 0 5% 20px; }
.classroom .info img { float: none; width: 100%; height: auto; }
.classroom .info .textbox { float: none; width: 100%; margin: 20px auto 0; }
.classroom .info .textbox h3 { font-size: 22px; margin: 0 auto 15px; }
.classroom .info .textbox table,
.classroom .info .textbox table tbody { display: block; }
.classroom .info .textbox table tr { display: block; border-bottom: none; }
.classroom .info .textbox table th { display: block; }
.classroom .info .textbox table th h4 { font-size: 15px; line-height: 24px; min-width: inherit; }
.classroom .info .textbox table td { display: block; font-size: 15px; line-height: 24px; padding: 8px 0 16px; }
.classroom .map { padding: 30px 5% 50px; }
.classroom .map h4 { font-size: 22px; margin: 0 auto 10px; }
.classroom .map .gmap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.classroom .map .gmap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}