@charset "UTF-8";

/*---------------------------------------------------------------
sp-student - schoolbus - invitation
---------------------------------------------------------------*/
@media screen and (max-width:1023px) {

/*---------------------------------------------------------------
schoolbus
---------------------------------------------------------------*/
.schoolbus {}
.schoolbus .mod-main-box {}
.schoolbus .mod-main-box h2 {}
.schoolbus .mod-main-box h2 + div,
.schoolbus .mod-main-box h2 + div + div { text-align:center; width:100% !important;  height:auto !important; padding:20px 0 0 !important; } 
.schoolbus .mod-main-box h2 + div img { width:100%; height:auto; max-width:646px; }
.schoolbus .mod-main-box h2 + div  +div img { width:100%; height:auto; max-width:646px; }

.schoolbus .mod-main-box .schoolbush3#ancTimetable {}
.schoolbus .mod-main-box .schoolbush3#ancTimetable + p {}
.schoolbus .mod-main-box .schoolbush3#ancTimetable + p + p { text-align:center; }
.schoolbus .mod-main-box .schoolbush3#ancTimetable + p + p img { width:100%; height:auto; max-width:465px; }
.schoolbus .mod-main-box .box-area {}
.schoolbus .mod-main-box .box-area li.box-area-left { float:none; width:100%; margin-top:33px; }
.schoolbus .mod-main-box .box-area li.box-area-left  h3 {}
.schoolbus .mod-main-box .box-area li.box-area-left  h3 img { width:100%; height:auto; max-width:345px; margin-top:-23px; }

.schoolbus .mod-main-box .box-area li.box-area-left div dl.box-area-info { letter-spacing:-.40em; }
.schoolbus .mod-main-box .box-area li.box-area-left div dl.box-area-info dt { display:inline-block; float:none; width:35%; text-align:center; vertical-align:middle; margin-right:3%; letter-spacing:normal; }
.schoolbus .mod-main-box .box-area li.box-area-left div dl.box-area-info dd { display:inline-block; float:none; width:62%; text-align:center; vertical-align:middle; letter-spacing:normal; margin:0; padding:0; }

.schoolbus .mod-main-box .box-area li.box-area-right { float:none; width:100%; margin-top:33px; }
.schoolbus .mod-main-box .box-area li.box-area-right h3 {}
.schoolbus .mod-main-box .box-area li.box-area-right h3 img { width:100%; height:auto; max-width:345px; margin-top:-23px; }
.schoolbus .mod-main-box .box-area li.box-area-right div {}
.schoolbus .mod-main-box .box-area li.box-area-right div dl.box-area-info { letter-spacing:-.40em; }
.schoolbus .mod-main-box .box-area li.box-area-right div dl.box-area-info dt { display:inline-block; float:none; width:35%; text-align:center; vertical-align:middle; margin-right:3%; letter-spacing:normal; }
.schoolbus .mod-main-box .box-area li.box-area-right div dl.box-area-info dd { display:inline-block; float:none; width:62%; text-align:center; vertical-align:middle; letter-spacing:normal; margin:0; padding:0; }

.schoolbus .mod-main-box .js-tab .js-tab-nav {}
.schoolbus .mod-main-box .js-tab .js-tab-nav ul.mod-list-inline {
letter-spacing:-.40em;
}
.schoolbus .mod-main-box .js-tab .js-tab-nav ul.mod-list-inline li {
border-radius:0; 
background: rgb(255,203,80);
background: -moz-linear-gradient(top, rgb(255,203,80) 0%, rgb(255,179,0) 100%);
background: -webkit-linear-gradient(top, rgb(255,203,80) 0%,rgb(255,179,0) 100%);
background: linear-gradient(to bottom, rgb(255,203,80) 0%,rgb(255,179,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb50', endColorstr='#ffb300',GradientType=0 );
color:#fff;
font-weight:700;
text-shadow:0px -1px 1px #000000;
width:31%;
margin-left:2%;
display:inline-block;
letter-spacing:normal;
padding:20px;
font-size:100%;
min-height:8em;
}

.schoolbus .mod-main-box .js-tab .js-tab-nav ul.mod-list-inline li:first-child {
margin-left:0;
}

.schoolbus .mod-main-box .js-tab .js-tab-nav ul.mod-list-inline li.active { background:#ffe7ad; color:#333; text-shadow:0px 1px 1px #FFFFFF; }
.schoolbus .mod-main-box .js-tab .js-tab-nav ul.mod-list-inline li:first-child {
background: rgb(127,204,164);
background: -moz-linear-gradient(top, rgb(127,204,164) 0%, rgb(70,181,124) 100%);
background: -webkit-linear-gradient(top, rgb(127,204,164) 0%,rgb(70,181,124) 100%);
background: linear-gradient(to bottom, rgb(127,204,164) 0%,rgb(70,181,124) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fcca4', endColorstr='#46b57c',GradientType=0 );
}
.schoolbus .mod-main-box .js-tab .js-tab-nav ul.mod-list-inline li.active:first-child { background: #d3eddd !important; color:#333; text-shadow:0px 1px 1px #FFFFFF; }
.schoolbus .mod-main-box .js-tab .js-tab-nav ul.mod-list-inline li:before { content:attr(data-label); }
.schoolbus .mod-main-box .js-tab .js-tab-nav ul.mod-list-inline li img { display:none; }

.schoolbus #GmapPoint { width:100% !important; height:auto !important; overflow:hidden; }
.schoolbus #GmapPoint iframe { width:100% !important; height:auto !important; min-height:670px; }
.schoolbus #GmapCourse,
.schoolbus #GmapCourse2 { float:none; width:100% !important;  height:auto !important; }
.schoolbus #GmapCourse iframe,
.schoolbus #GmapCourse2 iframe { width:100% !important;  height:auto !important; min-height:670px; }

.schoolbus ul.list-area {}
.schoolbus ul.list-area .list-area-item { float:none; width:100%; }
.schoolbus ul.list-area .list-area-item.even  { float:none; }

.schoolbus .box-contact { text-align:center; }
.schoolbus .box-contact .box-contact-list { text-align:center; }
.schoolbus .box-contact .box-contact-list li { float:none; width:100%; margin-left:0; text-align:center; }
.schoolbus .box-contact .box-contact-list li:first-child { margin-bottom:20px; text-align:center; }
.schoolbus .box-contact .box-contact-list li:first-child img { width:100%; height:auto; max-width:263px; }
.schoolbus .box-contact .box-contact-list li:nth-child(2) img { width:100%; height:auto; max-width:301px; }

.schoolbus dl dd .mod-list-inline { letter-spacing:-.40em; }
.schoolbus dl dd .mod-list-inline li { letter-spacing:normal; display:inline-block; margin-right:2%; width:49%; }
.schoolbus dl dd .mod-list-inline li:nth-child(even) { margin-right:0; }
.schoolbus dl dd .mod-list-inline li img { width:100%; height:auto; max-width:162px; }

.schoolbus h4 + .mod-list-inline { letter-spacing:-.40em; }
.schoolbus h4 + .mod-list-inline li { letter-spacing:normal; display:inline-block; width:50%; vertical-align:bottom; }
.schoolbus h4 + .mod-list-inline li:nth-child(even) { margin-right:0; }
.schoolbus h4 + .mod-list-inline li:first-child { text-align:right; }
.schoolbus h4 + .mod-list-inline li:nth-child(2) { text-align:left; }
.schoolbus h4 + .mod-list-inline li:nth-child(3) { text-align:right; }
.schoolbus h4 + .mod-list-inline li:nth-child(4) { text-align:left; }
.schoolbus h4 + .mod-list-inline li img { max-height:256px; width:auto; height:100%; }

.schoolbus .box-bus { height:auto; }
.schoolbus .box-bus div { float:none !important; width:100% !important; }
.schoolbus .box-bus div h4 {}
.schoolbus .box-bus div h4 img { width:100%; height:auto; max-width:336px; }
.schoolbus .box-bus h4.mod-head2 + p { text-align:left; }
.schoolbus .box-bus h4.mod-head2 + p + p { text-align:center; }
.schoolbus .box-bus-fig { position:relative; top:0; right:0;  text-align:center; margin-top:20px; }
.schoolbus .box-bus-fig img { width:100%; height:auto; max-width:311px; }
.schoolbus .box-bus + h3 {}
.schoolbus .box-bus + h3 + p {  text-align:center; }
.schoolbus .box-bus + h3 + p img { width:100%; height:auto; max-width:599px; }
.schoolbus .box-bus + h3 + p + ul + h3 +  h4 img { width:100%; height:auto; max-width:710px; }

.schoolbus .mod-tb .icon-no,
.schoolbus .mod-tb .icon-keihan { height:auto !important; }

.schoolbus .box-area-stop .box-area-stop-head { background-color:#ffb300; padding:10px; text-align:center; color:#fff; font-weight:600; float:none; }
.schoolbus .box-area-stop .box-area-stop-head:after { content:attr(data-label); }
.schoolbus .box-area-stop .box-area-stop-head img { display:none; }
.schoolbus .box-area-stop-body { padding:10px; width:100%; }

.schoolbus p.t_2area { height:auto; width:100%; }
.schoolbus p.t_2area:after { content:attr(data-label); text-align:left; font-weight:600; font-size: 116%; }
.schoolbus p.t_2area img { display:none; }

.schoolbus .usefull dt {}
.schoolbus .usefull dt:after { content:attr(data-label); text-align:left; font-weight:600; font-size:116%; }
.schoolbus .usefull dt img { display:none; }

/*---------------------------------------------------------------
invitation
---------------------------------------------------------------*/
.invitation {}
.invitation dl.present { margin-top:0; }
.invitation dl.present dt img { width:100%; height:auto; max-width:710px; }
.invitation dl.present dd img { width:100%; height:auto; max-width:710px; }



}