@charset "utf-8";

#pagetop a{ background-color:#003e8c; }

@media print,screen and (min-width : 501px) {

body{ word-wrap: break-word;font-family:"NotoSansJP-3";font-size:16px;font-size:1.6rem;color:#282828;line-height:1.6;background-color:#FFF; }
strong{ font-family:"NotoSansJP-5"; }
a { text-decoration: none;color: #282828; }
.base{ width:100%;min-width:1240px; }
.wrap{ width:1100px;margin:0 auto;}
.notice_link {color:#DD3033;}
.notice_link a{font-size: 120%;color:#B10306;text-decoration: underline;}
.notice_link a hover{color:#2541A8;text-decoration: none;}

#headersp{ display:none; }
#drawermenu{ display:none; }
#imgMenuBtn{ display:none; }
#scrollmenu{ display:none; }

/** ヘッダー
---------------------------------------- */
#headerpc{
  padding: 20px 0;
}
  #headerpc #headerContents h1{
    font-size:14px;font-size:1.4rem;
    margin-bottom: 10px;
  }

  #headerpc #headerContents{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -ms-flex-wrap: wrap;flex-wrap: wrap;
    -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
    -webkit-box-align: center;-ms-flex-align: center;align-items: center;
  }
  /** ロゴ */
  #headerpc #headerLogo{
    width: 250px;
  }

 /** 問い合わせ誘導バナー */
  #headerpc #contactBanner{
      width: 90px;
      float: right;
      margin-right: -150px;
  }

 /** 運行情報 */
#operated_info{
  width: 420px;
  background-color: #0071bc;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align: center;-ms-flex-align: center;align-items: center;
  -webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;
  padding: 5px 10px;
}
#operated_info #kametan{
  width: 50px;
}
#operated_info #kametan{
  width: 50px;
  margin-right: 10px;
}
#operated_info dl{
  flex: 1;
}
#operated_info dl dt{
  background: url(images/header_i.png) left center no-repeat;
  padding-left: 30px;
  font-family:"NotoSansJP-5";
  color: #FFF;
}
#operated_info dl marquee{
  background-color: #fff;
  margin-top: 8px;
  padding: 2px 6px;
  font-size:14px;font-size:1.4rem;
  -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
}


/** グローバルメニュー
---------------------------------------- */
#globalMenuPC{
  color: #FFF;
  z-index: 90;
}

 /** メニューリスト */
.menuList{
  font-size:18px;font-size:1.8rem;
  font-family:"NotoSansJP-4";
  display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
  -webkit-justify-content :space-between;justify-content: space-between;-ms-flex-pack: justify;
  -webkit-align-items: center;-ms-flex-align: center;align-items: center;
   line-height: 1.2;
  position: relative;
  z-index: 91;
}
  .menuList a{
    display: block;
    text-align: center;
    padding: 20px 10px;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
    color: #0071bc;
    font-size:14px;font-size:1.4rem;
    border-right:solid 1px #b3b3b3;
  }
  .menuList li:first-child a{
    border-left:solid 1px #b3b3b3;
  }
  .menuList a:hover{
    background-color: #d2e1f0;
  }
   .menuList li{
    width:184px;
    position: relative;
    z-index: 92;
  }
  .menuList li ul{
    position: absolute;
    width:184px;
    background-color: #d2e1f0;
    margin-left:-92px;
    left:50%;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 12px 10px -6px rgba(0,0,0,.3);
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
  }
  .menuList li ul li{
    padding: 5px 5px;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
  }
  .menuList li ul li:nth-child(1){
    border:none;
  }
  .menuList li ul li a{
    display: block;
    margin: 0;padding: 0;
    padding: 10px 0;
    font-size:14px;font-size:1.4rem;
    border:none;
    border-bottom:solid 1px #666666;
  }
  .menuList li ul li:first-child a{
    border-left:none;
  }
  .menuList li ul li:last-child a{
    border: none;
  }
  .menuList li ul li:last-child a:hover{
    border: none;
  }
  .menuList li ul li a:hover{
    border-bottom:solid 1px #004000;
  }
  .menuList li:hover ul{
    visibility: visible;
    opacity: 1;
  }


/** メインコンテンツ
---------------------------------------- */
#mainContents{
  margin-top: 10px;
}
.h1title{
  font-size:28px;font-size:2.8rem;
  color: #003c83;
  text-align: center;
  line-height: 1.2;
}
.h1small{
  line-height: 1.4;
  display: block;
  color: #003c83;
  text-align: center;
  font-size:12px;font-size:1.2rem;
}
.h2title{
  background-color: #0071bc;
  display: inline-block;
  color: #fff;
  padding: 6px 14px;
}
.h2line{
  font-size:20px;font-size:2.0rem;
  padding: 6px 10px;
  color: #0071bc;
  border-top:solid 1px #0071bc;
  border-bottom:solid 1px #0071bc;
}


/** フッター
---------------------------------------- */
#footer{
  margin-top: 50px;
  background-color: #003e8c;
  padding: 20px 0;
  color: #fff;
  font-size:14px;font-size:1.4rem;
}
#footer a{
  color: #fff;
}
#footer i{
  margin-right: 6px;
  color: #c1272d;
}
#footerContents{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
#footerLogo img{
  width: 180px;
}
#footerAdd{
  margin-top: 10px;
}
#footerSNS{
  display:-webkit-box;display:-ms-flexbox;display:flex;
}
#footerSNS img{
  margin-right: 14px;
}

#footerContents li{
  margin-bottom: 5px;
}

#footerContents dt{
  color: #84c1e3;
}
#footerContents dd{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  margin: 5px 0 10px 0;
}
#footerContents dd a{
  margin: 0 10px 0 6px;
}
#footerContents #col1 a{
  color: #84c1e3;
  padding-top: 10px;
  display: block;
  margin-bottom: 10px;
}

#footerContents #col4 p{
  margin-bottom: 5px;
}

#copyright{
  text-align: center;
  font-size:12px;font-size:1.2rem;
  background-color: #4d4d4d;
  color: #fff;
  padding: 10px 0;
  font-family:"NotoSansJP-2";
}


}
@media screen and (max-width : 500px) { 

body{
  font-family:"NotoSansJP-3";
  font-size:14px;font-size:1.4rem;
  color:#282828;
  line-height:1.4;
	background-color:#FFF;
}
.wrap{ 
    margin: 0 20px;
}
img{
  max-width:100%;
}

#headerpc{ display:none; }
#globalMenuPC{ display:none; }
#mainContentsL{ display:none; }
#scrollmenu{ display:none; }

/** ヘッダー
---------------------------------------- */
.headerspLogo{
  width: 200px;
}
#headersp{
  padding: 10px 0;
  line-height: 1.2;
}
#headersp #headerspContents{
  display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
  -webkit-justify-content :space-between;justify-content: space-between;-ms-flex-pack: justify;
  -webkit-align-items: center;-ms-flex-align: center;align-items: center;
}

 /** 運行情報 */
#operated_info{
  background-color: #0071bc;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align: center;-ms-flex-align: center;align-items: center;
  -webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
  margin: 10px 20px 0 20px;
}
#operated_info #kametan{
  width: 50px;
}
#operated_info #kametan{
  width: 50px;
  margin-right: 10px;
}
#operated_info dl{
  flex: 1;
}
#operated_info dl dt{
  background: url(images/header_i.png) left center no-repeat;
  padding-left: 30px;
  font-family:"NotoSansJP-5";
  color: #FFF;
  line-height: 30px;
}
#operated_info dl marquee{
  background-color: #fff;
  margin-top: 4px;
  padding: 2px 6px;
  font-size:14px;font-size:1.4rem;
  -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
}

#drawermenu{
  padding: 10px 0;
  background-color: #FFF;
  line-height: 1.2;
}
#drawermenu #drawerhead{
  display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
  -webkit-justify-content :space-between;justify-content: space-between;-ms-flex-pack: justify;
  -webkit-align-items: center;-ms-flex-align: center;align-items: center;
}

 /** メニューリスト */
.menuList{
  margin: 10px 0 40px 0;
  font-size:18px;font-size:1.8rem;
  line-height: 1.4;
  padding: 0 20px;
  font-family:"NotoSansJP-4";
}
.menuList > li{
  margin-top: 20px;
}
.menuList a{
  display: block;
  text-align: center;
  background-color: #d2e1f0;
  color: #0071bc;
  padding: 5px;
}
.menuList li ul li a{
  border:solid 1px rgba(255,255,255,0.2);
  font-size:16px;font-size:1.6rem;
  margin: 5px 5px 5px 5px;
  background-color: #fff;
}
.menuList li ul li{
  border:solid 1px #dfdfdf;
  font-size:16px;font-size:1.6rem;
  margin: 8px;
}


/** メインコンテンツ
---------------------------------------- */
.h1title{
  font-size:24px;font-size:2.4rem;
  color: #003c83;
  text-align: center;
  line-height: 1.2;
}
.h1small{
  line-height: 1.4;
  display: block;
  color: #003c83;
  text-align: center;
  font-size:12px;font-size:1.2rem;
}
.h2title{
  background-color: #0071bc;
  display: inline-block;
  color: #fff;
  padding: 6px 14px;
}
.h2line{
  font-size:18px;font-size:1.8rem;
  padding: 6px 10px;
  color: #0071bc;
  border-top:solid 1px #0071bc;
  border-bottom:solid 1px #0071bc;
}


/** フッター
---------------------------------------- */
#footer{
  margin-top: 50px;
  background-color: #003e8c;
  padding: 20px 0;
  color: #fff;
  font-size:14px;font-size:1.4rem;
  text-align: center;
}
#footer a{
  color: #fff;
}
#footer i{
  margin-right: 6px;
  color: #c1272d;
}
#footerLogo img{
  width: 180px;
  margin: 0 auto;
}
#footerAdd{
  margin-top: 10px;
}
#footerSNS{
  margin-top: 10px;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
#footerSNS img{
  margin: 10px 10px 0 10px;
}
#footerContents ul{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
  -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
#footerContents li{
  margin-top: 10px;
  margin-right: 10px;
}
#footerContents dt{
  color: #84c1e3;
  padding-top: 10px;
}
#footerContents #col1 a{
  color: #84c1e3;
  padding-top: 10px;
}


#footerContents #col4 dt,
#footerContents #col5 dt{
  border-top:solid 1px #787878;
}
#footerContents dd{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
  margin: 10px 0 0 0;
  padding-bottom: 10px;
}
#footerContents dd a{
  margin: 0 10px 0 6px;
}

#footerContents #col4{
  margin-top: 20px;
}
#footerContents #col4 p{
  margin-bottom: 10px;
}
#copyright{
  text-align: center;
  font-size:12px;font-size:1.2rem;
  background-color: #4d4d4d;
  color: #fff;
  padding: 10px 0;
  font-family:"NotoSansJP-2";
}


}