@charset "UTF-8";
/**
writed
/common/css/common.css 

.mt0{ margin-top:0 !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }

.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }

.mr5{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }

.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml30{ margin-left:30px !important; }
  
*/
.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb50 {
  padding-bottom: 50px;
}

.mono {
  font-family: "ＭＳ ゴシック", "Osaka−等幅","ヒラギノ角ゴ Pro W3",monospace;
}

p.note,
ul.note li {
  text-indent: -1em;
  padding-left: 1em;
}

.stationIndex {
  padding: 2em 0;
}

.stationIndex ul li {
  border-right: 1px solid #c2c2c2;
  padding: 0 1em;
  margin-bottom: .7em;
  min-width: 3em;
  text-align: center;
}

/*** 重要なお知らせ */
.newsWrap .alert,
.alertLink .alert {
  width: auto;
  height: 1em;
  margin-right: .3em;
}

.newsWrap {
  position: relative;
  border: solid 3px #cc1800;
  padding: 3em 1.5em 1.5em;
  margin-bottom: 1.5em;
  /** @media max-width: 767px */
}

.newsWrap h3 {
  position: absolute;
  left: 0;
  top: 0;
  padding: .5em 1em;
  background: #cc1800;
  color: #fff;
  line-height: 1;
  font-weight: bold;
  font-size: 1.08em;
  background: #cc1800;
}

.newsWrap a {
  font-size: 1.16em;
}

.newsWrap ul li {
  font-size: 100%;
}

.newsWrap ul li:before {
  content: "・";
}

@media screen and (max-width: 767px) {
  .newsWrap {
    padding: 0em;
  }
  .newsWrap h3 {
    position: relative;
    text-align: center;
  }
  .newsWrap ul {
    padding: 2em 1em;
  }
  .newsWrap ul li {
    padding-left: 1em;
    text-indent: -1em;
  }
  .newsWrap ul li a {
    font-size: 100% !important;
  }
}

/** .newsWrap */
.alertLink {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: dotted 1px #c7c7c7;
  /** @media max-width: 767px */
}

.alertLink dt {
  display: inline-block;
  background: #cc1800;
  color: #fff;
  padding: .5em 1em;
  line-height: 1 !important;
  font-weight: bold;
}

.alertLink dd {
  display: inline-block;
  padding-left: .5em;
}

.alertLink dd a {
  font-size: 108% !important;
}

@media screen and (max-width: 767px) {
  .alertLink dt {
    width: 100%;
    margin-bottom: .5em;
    text-align: center;
  }
}

/** alertLink */
/** リンクの横並び */
.horizontal {
  overflow: hidden;
  _zoom: 1;
}

.horizontal li {
  float: left;
  margin-right: 3em;
}

a.btn-txt {
  display: inline-block;
  padding: .8em .5em;
  font-weight: bold;
  color: #555;
  border: solid 1px #c9c9c9;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: relative;
}

a.btn-txt:hover {
  text-decoration: none;
  opacity: .6;
}

a.btn-pdf::before {
  content: "　";
  padding: 3px;
  font-family: "ＭＳ ゴシック", "Osaka−等幅","ヒラギノ角ゴ Pro W3",monospace;
  background: url("../../../common/css/img/icon/pdf.gif") no-repeat center left;
}

a.btn-arrow::before {
  display: inline-block;
  content: "";
  line-height: 0;
  width: 1em;
  height: 1em;
  padding: 3px;
  font-family: "ＭＳ ゴシック", "Osaka−等幅","ヒラギノ角ゴ Pro W3",monospace;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAo0lEQVQokZ2SMQqEMBBF53jbi3cQwcPYWqTdRmv1CgoS9gYiiluqB3gWQVx11sKBTyC8l5DMiJyK0YI1UMVuHS1nZoeXHsoI3q9rygiW/igzd5D5urAl82HudpEivBe2FKGT+H50APT90SJY8/9kTbQGoYqP0G9pYhU/venJmx79nogIUwupdy+kHkyt0uA80IU8ODb2Mk5DDU3iZq9JYKgv8ArhH69Y9tVlTAAAAABJRU5ErkJggg==") no-repeat center left;
}

a.btn-safety {
  position: relative;
  display: inline-block;
  padding: 1.8em .5em 1.8em 1.8em;
  font-weight: bold;
  color: #555;
  line-height: 1.3;
  vertical-align: middle;
  border: solid 1px #c9c9c9;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-feature-settings: "palt" 1;
  display: flex;
  align-items: center;
}

a.btn-safety:hover {
  text-decoration: none;
  opacity: .6;
}

a.btn-safety::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6px;
  width: 1em;
  height: 1em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAo0lEQVQokZ2SMQqEMBBF53jbi3cQwcPYWqTdRmv1CgoS9gYiiluqB3gWQVx11sKBTyC8l5DMiJyK0YI1UMVuHS1nZoeXHsoI3q9rygiW/igzd5D5urAl82HudpEivBe2FKGT+H50APT90SJY8/9kTbQGoYqP0G9pYhU/venJmx79nogIUwupdy+kHkyt0uA80IU8ODb2Mk5DDU3iZq9JYKgv8ArhH69Y9tVlTAAAAABJRU5ErkJggg==") no-repeat center left;
}

a.btn-safety::after {
  display: block;
  position: absolute;
  top: calc(50% - 12px);
  right: 6px;
  content: "";
  line-height: 1;
  width: 24px;
  height: 24px;
  background-size: cover !important;
  margin-left: 20px;
}

a.btn-safety span {
  display: block;
  margin-right: 26px;
}

a.btn-safety-11::after {
  width: 50px;
}

a.btn-safety-01::after {
  background: url("../img/icn-safety-01.png") no-repeat center right;
}

a.btn-safety-02::after {
  background: url("../img/icn-safety-02.png") no-repeat center right;
}

a.btn-safety-03::after {
  background: url("../img/icn-safety-03.png") no-repeat center right;
}

a.btn-safety-04::after {
  background: url("../img/icn-safety-04.png") no-repeat center right;
}

a.btn-safety-05::after {
  background: url("../img/icn-safety-05.png") no-repeat center right;
}

a.btn-safety-06::after {
  background: url("../img/icn-safety-06.png") no-repeat center right;
}

a.btn-safety-07::after {
  background: url("../img/icn-safety-07.png") no-repeat center right;
}

a.btn-safety-08::after {
  background: url("../img/icn-safety-08.png") no-repeat center right;
}

a.btn-safety-09::after {
  background: url("../img/icn-safety-09.png") no-repeat center right;
}

a.btn-safety-10::after {
  background: url("../img/icn-safety-10.png") no-repeat center right;
}

a.btn-safety-11::after {
  background: url("../img/icn-safety-11.png") no-repeat center right;
}

a.btn-safety-12::after {
  background: url("../img/icn-safety-12.png") no-repeat center right;
}

a.btn-safety-13::after {
  background: url("../img/icn-safety-13.png") no-repeat center right;
}

a.btn-safety-14::after {
  background: url("../img/icn-safety-14.png") no-repeat center right;
}

a.btn-safety-15::after {
  background: url("../img/icn-safety-15.png") no-repeat center right;
}

a.btn-safety-16::after {
  background: url("../img/icn-safety-16.png") no-repeat center right;
}

a.btn-safety-17::after {
  background: url("../img/icn-safety-17.png") no-repeat center right;
}

a.btn-safety-18::after {
  background: url("../img/icn-safety-18.png") no-repeat center right;
}

a.btn-safety-19::after {
  background: url("../img/icn-safety-19.png") no-repeat center right;
}

/* ****************************************************************************

safety

------------------------------------------------------------------------------- */
ul.trainList {
  width: 680px;
  margin-right: -12px;
  margin-top: -12px;
  overflow: hidden;
  letter-spacing: -.40em;
}

ul.trainList li {
  margin-top: 12px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  letter-spacing: normal;
  margin-right: 15px;
}

ul.trainList li img {
  width: 210px;
}

div.trainList2 {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
}

div.trainList2 a {
  width: 210px;
  margin-top: 12px;
  margin-left: 12px;
  box-sizing: border-box;
  align-self: stretch;
}

.curvyIn {
  /*margin-bottom: 20px;*/
}

/* ****************************************************************************

　お忘れ物のお問い合わせ

------------------------------------------------------------------------------- */
span.weekday {
  padding: 2px;
  background-color: #636363;
  font-weight: bold;
  color: #fff;
  font-size: 93.5%;
}

span.holiday {
  padding: 2px;
  background-color: #d53f2b;
  font-weight: bold;
  color: #fff;
  font-size: 93.5%;
}

#today-box,
#tomorrow-box {
  width: 300px;
  background: #fff;
  border: 1px solid #e1e1e1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  behavior: url("/traffic/js/PIE/PIE.htc");
}

#lost .box-inner {
  margin: 15px;
}

#today-box {
  float: left;
}

#tomorrow-box {
  float: right;
}

#today-box h3,
#tomorrow-box h3 {
  border-bottom: 1px solid #e1e1e1;
  padding: 8px;
  text-align: center;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  behavior: url("/traffic/js/PIE/PIE.htc");
}

#today-box h3 {
  background: #1E2677;
  color: #fff;
}

#tomorrow-box h3 {
  background: #E3E5EF;
  color: #1E2677;
}

#today-box dt,
#tomorrow-box dt {
  font-weight: bold;
}

#lost .phone {
  white-space: nowrap;
}

#lost .cols-3 {
  width: 200px;
  float: left;
  margin-left: 15px;
  border: 1px solid #e1e1e1;
}

#lost .cols-3 h3 {
  background: #f2f2f2;
  border-bottom: 1px solid #e1e1e1;
  padding: 8px;
  font-size: 100% !important;
}

#lost .cols-3 h4 {
  border-bottom: 1px dotted #999;
  margin-bottom: 0.5em;
}

#lost table.ekilist {
  border: none;
}

#lost table.ekilist th,
#lost table.ekilist td {
  border: none;
  padding: 5px 10px;
  text-align: left;
}

#lost dd.note {
  padding-left: 1em;
  text-indent: -1em;
}

/* ****************************************************************************

　コインロッカー

------------------------------------------------------------------------------- */
td.locker_s,
td.locker_m,
td.locker_l,
td.locker_xl,
td.number,
th.number {
  text-align: center !important;
}

div.sectionw620 {
  margin: 0 auto 20px;
  width: 620px;
}

div.sectionw620 th {
  text-align: center !important;
}

div.sectionw620 th.alignCenter,
div.sectionw620 th.number {
  white-space: nowrap !important;
}

div#lockersize div.flt_l {
  float: left;
  width: 310px;
}

div#lockersize div.flt_l.fr {
  float: right;
}

table.sizeTbl th {
  text-align: center !important;
  white-space: nowrap;
}

div#lockersize caption {
  margin-bottom: 5px !important;
}

div#lockersize table.tblStyle02 td {
  text-align: center !important;
}

.coinlockerNum a.btn-kounaizu {
  white-space: nowrap;
}

.coinlockerNum .eki {
  text-align: center;
  white-space: nowrap;
}

/**
  ステーション マイ・ロッカー  
*/
#mylocker h3 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
}

#mylocker .sizeTbl .eki {
  font-family: "ＭＳ ゴシック", "Osaka−等幅","ヒラギノ角ゴ Pro W3",monospace;
  font-weight: normal;
  padding-left: 2em;
  padding-right: 2em;
  background: #fff;
}

#mylocker .notice {
  position: relative;
  border: solid 2px #cc1800;
  margin-bottom: 1.5em;
  /** @media max-width: 767px */
}

#mylocker .notice .notice_inner {
  padding: 3em 3em 2em;
}

#mylocker .notice h3 {
  position: absolute;
  left: 0;
  top: 0;
  padding: .5em 1em;
  background: #cc1800;
  color: #fff;
  line-height: 1;
  font-weight: bold;
  font-size: 1.08em;
  background: #cc1800;
  margin-bottom: 0;
}

#mylocker .notice h3 .alert {
  width: auto;
  height: 1em;
  margin-right: .3em;
}

#mylocker .notice .ttl {
  margin-bottom: .5em;
  font-weight: bold;
  text-align: center;
  color: #cc1800;
  font-size: 138.5%;
}

#mylocker .notice p {
  font-size: 1.08em;
}

@media screen and (max-width: 767px) {
  #mylocker .notice {
    padding: 0;
  }
  #mylocker .notice .notice_inner {
    padding: 2em 1em;
  }
  #mylocker .notice h3 {
    position: relative;
    text-align: center;
  }
  #mylocker .notice p {
    font-size: 13px;
  }
}

/* ****************************************************************************

　駐輪場

------------------------------------------------------------------------------- */
#parking div.ttlCurvyg span.notesR12 {
  padding-left: 20px;
  display: inline;
  font-size: 75%;
  border-left: none;
  border-right: none;
  background: none;
}

#parking div.inq {
  padding: 1em 0;
}

#parking div.inq table {
  width: 100%;
  /** @media max-width: 767px */
}

#parking div.inq table th,
#parking div.inq table td {
  text-align: left !important;
  padding: .5em 1em;
  border: solid 1px #c7c7c7;
}

#parking div.inq table thead th,
#parking div.inq table thead td {
  background: #f2f2f2;
  font-weight: bold;
  text-align: center !important;
}

@media screen and (max-width: 767px) {
  #parking div.inq table {
    width: 750px !important;
  }
}

#parking div.inq dl {
  width: 45%;
  float: left;
}

#parking div.inq dl dt {
  margin-bottom: .5em;
  font-weight: bold;
}

#parking #parkingTbl {
  margin-top: 0em;
  margin-bottom: 2em;
  /** @media max-width: 767px */
}

@media screen and (max-width: 767px) {
  #parking #parkingTbl {
    margin-bottom: 1em;
  }
}

#parking #parkingTbl th,
#parking #parkingTbl td {
  padding: 5px 7px;
}

#parking #parkingTbl th {
  text-align: center;
  white-space: nowrap;
}

#parking #parkingTbl td.nowrap {
  white-space: nowrap;
}

#parking #parkingTbl .inner td {
  border: none;
  padding: 0;
  font-size: 100%;
}

#parking h2.station {
  text-align: left;
  color: #333;
  font-size: 1.231em;
  margin-bottom: .5em;
  letter-spacing: .1em;
  font-weight: bold;
}

#parking p {
  margin-bottom: 15px;
}

#parking table td {
  text-align: center;
}

#parking table td.left {
  text-align: left;
}

#parking .jitensya {
  background-color: #d3fcd4;
}

#parking .gentsuki {
  background-color: #fefca9;
}

#parking .nirin {
  background-color: #feacd4;
}

#parking p.caution {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ****************************************************************************

　バリアフリー

------------------------------------------------------------------------------- */
#barrierfree table {
  table-layout: fixed;
}

#barrierfree table th.st {
  width: 76px;
}

#barrierfree table th.mp {
  width: 60px;
}

#barrierfree table th.fc {
  width: 260px;
}

#barrierfree table th.nt {
  width: 146px;
}

#barrierfree table.hanrei {
  table-layout: auto;
}

#barrierfree table.hanrei img {
  vertical-align: middle !important;
}

#barrierfree table.hanrei span {
  padding-right: 10px;
  padding-left: 10px;
}

#barrierfree .legends {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#barrierfree .legends li {
  display: flex;
  align-items: center;
  width: 31%;
  margin: 2px 1%;
}

#barrierfree .legends li img,
#barrierfree .legends li span {
  display: block;
}

#barrierfree .legends li span {
  padding: 0 0 0 .5em;
}

/* ****************************************************************************
    優先座席
------------------------------------------------------------------------------- */
#priority p {
  margin-bottom: 20px;
}

#priority dl.position {
  margin: 20px 0;
  padding-top: 20px;
  border-top: dotted 1px #c7c7c7;
}

#priority dl.position dt {
  margin-bottom: 1em;
}

#priority dl.position dt strong {
  font-weight: bold;
  font-size: 1.23em;
}

#priority table.positions {
  display: none;
  width: 661px;
  margin-bottom: 20px;
  border: 1px solid #e1e1e1;
  border-right: none;
}

#priority table.positions th,
#priority table.positions td {
  padding: 7px 15px;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}

#priority table.positions th {
  background-color: #f2f2f2;
  font-weight: bold;
}

#priority table.photos {
  width: 660px;
  margin-bottom: 20px;
  border: 1px solid #e1e1e1;
  border-right: none;
}

#priority table.photos th {
  font-weight: bold;
  padding: 7px 15px;
  text-align: center;
  background-color: #f2f2f2;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}

#priority table.photos td {
  box-sizing: border-box;
  padding: 7px 15px;
  background-color: #ffffff;
  border-right: 1px solid #e1e1e1;
}

#priority table.photos td img {
  width: 188px;
}

/** #priority */
/* ****************************************************************************
    車イス・ベビーカースペース
------------------------------------------------------------------------------- */
.babycarspace p {
  margin-bottom: 20px;
}

.babycarspace table {
  width: 661px;
  margin-bottom: 20px;
  border: 1px solid #e1e1e1;
  border-right: none;
}

.babycarspace table th {
  font-weight: bold;
  padding: 7px 15px;
  text-align: center;
  background-color: #f2f2f2;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}

.babycarspace table td {
  padding: 7px 15px;
  background-color: #ffffff;
  border-right: 1px solid #e1e1e1;
}

.babycarspace .photos li {
  display: inline-block;
  margin: 0 10px;
}

/* ****************************************************************************
  弱冷房車
------------------------------------------------------------------------------- */
/**
  弱冷房車
*/
#softcooling p {
  margin-bottom: 20px;
}

/* ****************************************************************************
  のりば
------------------------------------------------------------------------------- */
#noriba p, #noriba li, #noriba dt, #noriba dd, #noriba th, #noriba td, #noriba input, #noriba textarea, #noriba select, #noriba h1, #noriba h2, #noriba h3, #noriba h4, #noriba h5, #noriba h6 {
  font-size: inherit;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
}

#noriba .pageNav dl {
  margin: 1em 0;
}

#noriba .pageNav dl dt {
  margin-bottom: .3em;
  font-size: 1.231em;
  font-weight: bold;
}

#noriba .pageNav .stations {
  display: flex;
  flex-wrap: wrap;
}

#noriba .pageNav .stations._cableline li {
  width: 222px;
}

#noriba .pageNav .stations li {
  width: 105px;
  margin: 6px;
}

#noriba .pageNav .stations li a {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  padding: .8em .5em;
  color: #011961;
  border: solid 2px #011961;
  border-radius: 5px;
  line-height: 1;
  font-weight: bold;
}

#noriba .pageNav .stations li a::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-top: 2px solid #011961;
  border-right: 2px solid #011961;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#noriba .pageNav .stations li a:hover {
  opacity: .6;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  #noriba .pageNav {
    margin: 20px 0;
  }
  #noriba .pageNav dl {
    margin: 2px;
  }
  #noriba .pageNav dl dt {
    position: relative;
    background: #011961;
    color: #fff;
    padding: .5em 1em;
    font-weight: normal;
    font-size: 16px;
  }
  #noriba .pageNav dl dt::after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    margin-top: -5px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #noriba .pageNav dl dt:hover {
    opacity: .6;
  }
  #noriba .pageNav dl dd {
    display: none;
  }
  #noriba .pageNav dl.is-active .trigger::before, #noriba .pageNav dl.is-active .trigger::after {
    position: absolute;
    content: "";
    display: block;
    width: 2px;
    height: 17px;
    background: #fff;
  }
  #noriba .pageNav dl.is-active .trigger::before {
    right: 12px;
    top: 11px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #noriba .pageNav dl.is-active .trigger::after {
    right: 12px;
    top: 16px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #noriba .pageNav dl.is-active dd {
    display: block;
    margin: 15px 0;
  }
  #noriba .pageNav .stations._cableline li {
    width: 100%;
  }
  #noriba .pageNav .stations li {
    width: 48%;
    margin: .3em 1%;
  }
  #noriba .pageNav .stations li a {
    font-size: 13px;
  }
}

#noriba .table-wrap h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: .5em;
  background: #f2f2f2;
  border: solid 1px #e1e1e1;
  color: #333;
  padding: 12px;
  border-radius: 5px;
}

#noriba .station {
  padding: 1em 0;
  border-top: solid 1px #c9c9c9;
  display: flex;
  align-items: center;
}

#noriba .station .station_name {
  display: block;
  justify-content: space-between;
  /** white-space: nowrap; */
  width: 25%;
  font-size: 1.231em;
  text-align: center;
}

#noriba .station .station_name .station_no {
  display: block;
  font-size: .86em;
  margin-top: .3em;
}

#noriba .station .station_name:hover {
  text-decoration: none;
}

#noriba .station .platforms {
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 75%;
}

#noriba .station .platforms li {
  width: 100%;
  margin: 2px 0;
}

#noriba .station .platforms a {
  display: block;
  position: relative;
  border-radius: 5px;
  background: #f2f2f2;
  background: -moz-linear-gradient(top, #ffffff 1%, #f0f0f0 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 1%, #f0f0f0 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 1%, #f0f0f0 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ededed',GradientType=0 );
  /* IE6-9 */
  padding: 1.5em 10px 1.5em 40px;
  font-weight: bold;
  line-height: 1.2;
  border: solid 1px #e1e1e1;
}

#noriba .station .platforms a:hover {
  opacity: .6;
  text-decoration: none;
}

#noriba .station .platforms a::before {
  content: url("/common/css/img/icon/pdf.gif");
  display: block;
  position: absolute;
  left: 10px;
  top: calc(50% - 7px);
}

#noriba .station .platforms a::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #011961;
  border-right: 2px solid #011961;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#noriba .station .platform,
#noriba .station .direction {
  display: inline-block;
}

#noriba #eki280,
#noriba #eki010,
#noriba #eki216,
#noriba #eki316 {
  border-top: none;
}

@media screen and (max-width: 767px) {
  #noriba .station {
    display: block;
    margin: 1em 0 0 0;
    padding: 1em 20px;
    background: #E9F2F3;
    border-radius: .5em;
    border-top: none;
  }
  #noriba .station .station_name {
    width: 100%;
    padding: 1.5em 0;
    text-align: center;
    font-size: 1.231em;
  }
  #noriba .station .station_name .station_no {
    display: inline-block;
  }
  #noriba .station .platforms {
    width: 100%;
  }
}

/* ****************************************************************************
  無料Wi-Fi
------------------------------------------------------------------------------- */
/**
  無料Wi-Fi
*/
#wifi p, #wifi li, #wifi dt, #wifi dd, #wifi th, #wifi td, #wifi input, #wifi textarea, #wifi select, #wifi h1, #wifi h2, #wifi h3, #wifi h4, #wifi h5, #wifi h6 {
  font-size: inherit;
}

#wifi .nanikore {
  font-size: 22px;
  margin-bottom: .5em;
  letter-spacing: .5em;
}

#wifi h2.curvygIn {
  font-size: 1.231em;
}

#wifi ul.notenum li {
  padding-left: 2em;
  text-indent: -2em;
  margin-bottom: 1em;
}

#wifi .lead {
  font-size: 1.231em;
}

#wifi .lead .col_l {
  width: 388px;
  float: left;
}

#wifi .lead .col_r {
  width: 252px;
  float: right;
}

#wifi .lead .photo {
  width: 100%;
}

#wifi .lead .overview {
  margin-top: 1em;
}

#wifi .lead .overview dt,
#wifi .lead .overview dd {
  box-sizing: border-box;
  padding: .2em 0em;
  margin-bottom: .5em;
}

#wifi .lead .overview dt {
  background: #011961;
  color: #fff;
  width: 9em;
  float: left;
  text-align: center;
  border-radius: .3em;
}

#wifi .lead .overview dd {
  margin-left: 10em;
}

#wifi .flow {
  display: flex;
  margin-bottom: 2em;
}

#wifi .flow li {
  box-sizing: border-box;
  position: relative;
  text-align: center;
  padding: 10px 16px 10px 0px;
  border-radius: .5em;
  width: 100%;
}

#wifi .flow li::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-left: solid 2px #333;
  border-top: solid 2px #333;
  transform: rotate(135deg);
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -7px;
}

#wifi .flow li:last-child {
  padding-right: 0px;
}

#wifi .flow li:last-child::after {
  display: none;
}

#wifi .flow li img {
  max-width: 100%;
}

#wifi .flow li .ttl {
  font-size: 1.08em;
  font-weight: bold;
  text-align: center;
  padding-bottom: 1em;
}

#wifi .flow li .ttl .step {
  font-size: 16px;
}

#wifi ul.note li {
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  #wifi .lead {
    font-size: 100%;
  }
  #wifi .lead .col_l {
    float: none;
    width: 100%;
    margin: 0 auto 20px;
  }
  #wifi .lead .col_r {
    width: auto;
    float: none;
    margin: auto -20px 0 -20px;
  }
  #wifi .lead .col_r img {
    display: block;
    width: 100%;
  }
  #wifi .lead .overview {
    margin-top: 1em;
  }
  #wifi .lead .overview dt,
  #wifi .lead .overview dd {
    width: 100%;
    margin: 0;
    float: none;
  }
  #wifi .lead .overview dd {
    margin: .5em;
  }
  #wifi .flow {
    flex-direction: column;
  }
  #wifi .flow li {
    width: 100%;
    background: #f0f0f0;
    margin: 1em auto;
    padding: 10px 10px;
    text-align: left;
  }
  #wifi .flow li::after {
    width: 24px;
    height: 24px;
    right: 0;
    left: 0;
    top: auto;
    bottom: -17px;
    text-align: center;
    margin: auto;
    transform: rotate(-135deg);
  }
  #wifi .flow li img {
    display: block;
    width: 70%;
    margin: auto;
  }
  #wifi .flow li .comment {
    margin-top: 1em;
    background: #F9F7E6 !important;
    padding: 1em;
  }
}

/* ****************************************************************************
  レンタサイクル・シェアサイクル
------------------------------------------------------------------------------- */
/**
  無料Wi-Fi
*/
#cycle {
  margin-bottom: 20px;
}

#cycle p, #cycle li, #cycle dt, #cycle dd, #cycle th, #cycle td, #cycle input, #cycle textarea, #cycle select, #cycle h1, #cycle h2, #cycle h3, #cycle h4, #cycle h5, #cycle h6 {
  font-size: inherit;
}

#cycle .nanikore {
  font-size: 22px;
  margin-bottom: .5em;
  letter-spacing: .5em;
}

#cycle h2.curvygIn {
  font-size: 1.231em;
}

#cycle a.btn-cycle {
  position: relative;
  box-sizing: border-box;
  padding: 1.2em .5em 1.2em 1em;
  font-weight: bold;
  font-size: 13px;
  color: #555;
  line-height: 1;
  vertical-align: middle;
  border: solid 1px #c9c9c9;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-feature-settings: "palt" 1;
  display: flex;
  align-items: center;
}

#cycle a.btn-cycle:hover {
  text-decoration: none;
  opacity: .6;
}

#cycle a.btn-cycle::before {
  content: "";
  width: 13px;
  height: 13px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAo0lEQVQokZ2SMQqEMBBF53jbi3cQwcPYWqTdRmv1CgoS9gYiiluqB3gWQVx11sKBTyC8l5DMiJyK0YI1UMVuHS1nZoeXHsoI3q9rygiW/igzd5D5urAl82HudpEivBe2FKGT+H50APT90SJY8/9kTbQGoYqP0G9pYhU/venJmx79nogIUwupdy+kHkyt0uA80IU8ODb2Mk5DDU3iZq9JYKgv8ArhH69Y9tVlTAAAAABJRU5ErkJggg==") no-repeat center left;
  margin-right: .3em;
}

#cycle a.btn-cycle._blank::after {
  content: "";
  width: 13px;
  height: 13px;
  background: url("data:image/gif;base64,R0lGODlhCgAJAIABAGBzqv///yH5BAEAAAEALAAAAAAKAAkAAAISTICJBubHXoRytdrus0rJ3WkFADs=") no-repeat center left;
  margin-left: .5em;
}

#cycle .btnIndex li {
  width: 320px;
}

#cycle .note_wrap {
  margin-top: 2em;
  padding-top: 2em;
  border-top: dotted 1px #c7c7c7;
}

#cycle .note_wrap .note li:before {
  content: "※";
}