@charset "UTF-8";

/*----------------------------------------------------------------------------*/
main {
    position: relative;
    margin: auto;
    padding: 0 0px 80px;
}
section {
    background-color: #ffffff;
    margin: 0px auto;
}
/*----------------------------------------------------------------------------*/

/* 交通アクセス ↓ ------------------------------------------------------------ */
.area {
    position: relative;
    background-color: #fff;
    max-width: 830px;
    width: 94%;
    margin: 70px auto 70px;
    padding: 60px 70px;
    box-sizing: border-box;
}
/* 交通アクセスナビ */
.access-navi {
    padding-bottom: 2em;
}
.navi-list {
    margin: auto;
    padding: 0.7em;
    background-color: #61b88c;
    line-height: 3em;
}
.navi-list ul li {
    display: inline-block;
}
.navi-list li {
    white-space: nowrap;
}
.navi-list span {
    margin-right: 35px;
    color: #ffffff;
    font-size: 2.5em;
    vertical-align: middle;
}
/* ○○方面の方 下線付き */
.area h2 {
    width: 98%;
    margin: 1em auto;
    text-align: left;
    font-size: 3.5em;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #61b88c;
    border-bottom: 2px solid #61b88c;
    white-space: nowrap;
}
/* 行き方 */
.direction {
    display: table;
    margin: 0.5em 2% 0.5em;
}
.block {
    display: table-cell;
    text-align: center;
}
/* 出発 ＆ 到着 */
.departure-list, .arrival-list {
    width: 100px;
    text-align: center;
    white-space: nowrap;
    font-size: 2.5em;
    font-weight: bold;
    letter-spacing: 0.1em;
    border: 3px solid #61b88c;
}
.departure-list {
    background-color: #61b88c;
    color: #ffffff;
}
.arrival-list {
    background-color: #ffffff;
    color: #61b88c;
}
/* 発着駅 */
.station {
   margin-top: 1.2em;
   margin-bottom: 1.2em;
}
/* 発着時間 */
.dp-time {

}
/* 所要時間 */
.departure-arrival {
    margin-bottom: 1.2em;
}
/* 路線 */
.way {
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding: 10px 15px;
}
.vehicle {
    margin: 0.2em;
    color: #61b88c;
    font-size: 3em;
}
.time {
    margin: 0.5em;
    color: #000000;
    font-size: 2.5em;
}
.way-list img {
    width: 180px;    /* 元画像幅 374px */
    height: 35px;    /* 元画像高 61-89px */
}
/* 表 */
.access-table-div {
    margin: 1.5em auto;
}
.access-table {
    width: 100%;
    min-width: 600px;
    color: #000000;
    border: 3px solid #61b88c;
    border-collapse: collapse;
}
.access-table, td, th {
    padding: 10px 10px;
    white-space: nowrap;
}
.access-table .table-left {
    background-color: #ceeadc;
    color: #000000;
    font-size: 2.2em;
    border: 1px solid #61b88c;
}
.access-table .table-right {
    min-width: 400px;
    background-color: #ffffff;
    font-size: 2.1em;
    border: 1px solid #61b88c;
}
/* コメント */
.comment {
    width: 94%;
    min-width: 560px;
    min-height: 4em;
    margin: 2em auto;
    background-color: #e8f5ee;
    color: #000000;
    padding: 10px 20px;
    font-size: 2.1em;
    font-weight: bold;
    text-align: left;
    border-radius: 5px;
}
/* 注意事項 */
.access-notice {
    max-width: 687px;
    margin: auto;
    padding: 30px 70px;
    background-color: #ffffff;
    color: #000000;
    font-size: 2.1em;
    border: 5px solid #61b88c;
    border-radius: 10px;
    word-break: break-all;
}
.access-notice ul {
    list-style: disc;
}
.access-notice ul li {
    margin: 20px 0px;
}
.notice-list {
    max-width: 800px;
}
/* レスポンシブ時調整 */
@media (max-width: 768px) {
    /* 調整時ここに入力 */
    .table-wrap {
        overflow: auto;
        white-space: nowrap;
    }
    .area {
        width: 100%;
        margin: 70px auto 0;
        padding: 3%;
        box-sizing: border-box;
    }
    .access-navi {
        padding: 0.5em 0;
    }
    .navi-list {
        padding: 0.7em 2em;
    }
    .access-notice {
        margin: 70px auto 0;
        padding: 20px 40px;
    }
}

@media (max-width: 480px) {
  .navi-list ul{
      flex-direction: column;
      display: flex;
  }
  .navi-list ul li {
      padding-top: 1em;
      padding-bottom: 1em;
  }
}
/* 交通アクセス ↑ ------------------------------------------------------------ */