@charset "utf-8";

#Header { height: auto; margin: 0; padding: 0;}
#head_box { margin: 0; width: 100%;}
#head_box h1 { text-align: center; height: 62px;}
#head_box > img.float-l { display: none;}

.phoheContact { display: block; text-align: center; margin-top: 0px; background: #eee;}
.phoheContact a { text-decoration: none; line-height: 1.5; color: #555;}
.phoheContact a span { font-size: 1.8em; color: #f00;}
#pro_mail { background: #ddd; margin: 0; padding: 5px 0; width: 100%; text-align: center; height: auto; position: static;}
.groupTop { display: none;}

#mainContents h1 { font-size: 14px;}
#mainContents h2, #mainContents h3, #mainContents h4, #mainContents h5, #mainContents h6 { font-size: 12px;}

#Navi { display: none;}
#pro_mail { float: none;}
#Header .float-l { float: none;}

#mainContents { float: none; line-height: 1.5; width: 98%; margin: 0 auto;}

#navi_box { width: 100%;}
#left_navi { float: none;}
.Topimg { width: 100%; margin: 0 auto 6px; }
.Topimg img { width: 100%; height: auto;}
.Topimg__txt-pc { display: none; }
.Topimg__txt-sp { display: block; position: absolute; top: 0; left: 0; }

a.Topbtn__mousikomi-sp {
    display: block;
    clear: both;
    margin: 8px auto 0;
    width: 70%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #F05A28;
    border-radius: 5px;
    background: rgba(240,153,72,1);
    background: -moz-linear-gradient(top, rgba(240,153,72,1) 0%, rgba(240,90,40,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,153,72,1)), color-stop(100%, rgba(240,90,40,1)));
    background: -webkit-linear-gradient(top, rgba(240,153,72,1) 0%, rgba(240,90,40,1) 100%);
    background: -o-linear-gradient(top, rgba(240,153,72,1) 0%, rgba(240,90,40,1) 100%);
    background: -ms-linear-gradient(top, rgba(240,153,72,1) 0%, rgba(240,90,40,1) 100%);
    background: linear-gradient(to bottom, rgba(240,153,72,1) 0%, rgba(240,90,40,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09948', endColorstr='#f05a28', GradientType=0 );
}

a.Topbtn__mousikomi-sp:hover {
    text-decoration: none;
    color: #fff;
}

#Footer div { width: 100%;}
#Footer dl { border: none; margin: 0; padding: 0; background: #ccc;}
#Footer p { display: none;}
#Footer ul { float: none;}
#Footer li { border: none; display: block; margin: 0; padding: 0;}

#left_navi { margin: 0; position: absolute; padding: 3px; background: #fff; box-shadow: 5px 5px 10px #555; left: -260px;}
.openMenu { display: block; padding-bottom: 8px;}
.openMenu a { display: block; font-size: 14px; color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#F05A28), to(#EE4036)); padding: 10px 3px; border-top: 1px solid #DA0000; font-weight: bold; text-decoration: none;}
#btn_mousikomi { margin-bottom: 5px;}
#menu01, #menu02, #menu03, #menu04 { margin-bottom: 5px;}

#mainContents h1 { padding: 10px 0 10px 20px}

#main_topics { width: 100%;}
#campaign_bar,
#news_bar { width: auto;}

#Footer ul { padding: 0; width: 100%; border: none;}
#Footer li { width: 49.5%; float: left;}
#Footer a { display: block; font-size: 14px; background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#888)); padding: 10px 3px 10px 15px; text-decoration: none; border-left: 1px solid #fff; border-right: 1px solid #fff;}
#Footer dl { padding: 10px; clear: both;}

#mainContents .guideCts .fL,
#mainContents .guideCts .fR { width: auto; margin: 0 5px 5px; float: none;}

#mainContents .priceTbl,
#mainContents .priceTblMax { width: 100%; margin: 0 0 20px;}

.entry #mainContents p.agreement a { background-position: 50% 0; width: 100%; margin: 0; background-repeat: no-repeat;}
.entry #mainContents p.agreement { padding: 0;}

#efnamek, #ennamek, #efnamef, #ennamef { width: 40%;}
#address, #emailaddress, #ejobname { width: 90%;}

#mainContents table { margin: 5px 0 15px; width: 100%;}
#mainContents dl { padding: 5px 0 15px;}

.license #mainContents .seniorTbl th { width: 30%; font-size: 11px;}
.license #mainContents .seniorTbl td { font-size: 11px;}
#mainContents th, #mainContents td { padding: 3px; font-size: 11px;}

#mainContents .schTable { width: 100%;}
.schedule #mainContents .moveDate .printBtn { display: none;}
.reserve .qrcd img { display: none;}

.musasiBox dt { text-align: center; float: none;}
.musasiBox dt img { width: 50%;}
#mainContents .musasiBox dd { margin-left: 0; padding: 5px;}
.musasiBox p { display: none;}

.voice #mainContents ul { margin: 10px;}

.institution #mainContents .entranceView dt { float: none; text-align: center;}
.institution #mainContents .entranceView img { width: 60%;}
.institution #mainContents .entranceView dd { padding: 5px 10px; font-size: 14px; line-height: 1.6;}

.institution #mainContents .entranceView .listImage li { float: none; width: auto;}
.institution #mainContents .entranceView .listImage p { padding: 5px 10px 15px;}

.institution #mainContents .entranceView .listImageNone,
.institution #mainContents .entranceView .listImage { height: inherit;}
.institution #mainContents .entranceView .listImage span { width: auto; padding: 5px 10px 15px;}

#mainContents td.aR span { margin-right: 0;}
#left_navi { z-index: 9999;}
.bus_guide .schTbl a { height: auto; line-height: 1.4;}
.bus_guide .schTbl tbody td { height: auto;}

.home #calcBox { display: none;}
.home #right_navi { display: none;}

.contact #mainContents dt { width: auto; float: none;}
.contact #mainContents dd { padding-left: 0;}
.contact #mainContents dd input[type=text] { max-width: 95%;}
.contact #mainContents dd #inMessage { width: 95%;}
.contact #mainContents .telNum dd { text-align: center;}

.license #mainContents div .fL { float: none; text-align: center;}

.bus_guide .schTbl a { font-size: 12px;}
.bus_guide #mainContents ul.busAgree { margin: 0 5px;}

.application .priceView table { float: none;}
.application #mainContents .priceList { float: none; width: auto;}
.application #mainContents .priceList dt { line-height: 1; padding-top: 8px;}
.application #mainContents form dt { float: none; color: #002744;}
.application #mainContents form dd { padding-left: 0;}
.application #mainContents dd input[type=text] { max-width: 95%;}

.license #mainContents .guideCts  .fL { text-align: left;}
