@charset "UTF-8";
/*
*
* 運行情報設定
*
*/

/*======================================================
運行情報が発表された場合は下記を修正
======================================================*/

#ServiceInfoBlock h2 {
 background: rgb(0,129,204);
 background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,129,204,1)), to(rgba(0,64,152,1)));
 background: linear-gradient(0deg, rgba(0,129,204,1) 0%, rgba(0,64,152,1) 100%);
 color:#fff;
 font-size: 1.8rem;
 padding-top: .15em;
 text-align: center;
 width: 160px;
}

/*運休などが発生した場合はコメントアウトをとる */
#ServiceInfoBlock h2{
background: rgb(255,255,0);
color:#d0121b;
font-weight: bold;
}




/*===========================
以下は変更不要です
===========================*/

#ServiceInfoBlock {
border-top:1px solid #9fa0a0;
border-bottom:1px solid #9fa0a0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.8rem;
/**margin-bottom: 40px;**/
margin-bottom: 20px;
}
#ServiceInfoBlock .inner-section {
line-height:0;
margin-left:1em;
max-width: 100%;
width: 94%;
}

#busStyle #ServiceInfoBlock {display: none;} /*高速バスTOP*/

@media screen and (max-width:767px) {
#ServiceInfoBlock {
border:none;
display: block;
font-size: 1.4rem;
/**margin-bottom: 40px;**/
margin-bottom: 10px;
}
#ServiceInfoBlock h2 {
font-size: 1.6rem;
margin-bottom: 8px;
width: 100%;
}
#ServiceInfoBlock .inner-section {
margin-left:0;
width: 100%;
}

#busStyle #ServiceInfoBlock {display: block;} /*高速バスTOP*/
}