.spot_name {
    text-align: left;
    }
.spot_name > a {
    color: rgb(40,40,40);
    font-weight: bold;
    }
.station_space > a {
    text-decoration: none;
    }
.station_space > a > span.hokkaido::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: linear-gradient(180deg, rgb(255,156,97) 0px, rgb(255,156,97) 2px, rgb(255,255,255,0) 2px, rgb(255,255,255,0) 100%),linear-gradient(90deg, rgb(255,255,255,0) 0px, rgb(255,255,255,0) calc(100% - 2px), rgb(255,156,97) calc(100% - 2px), rgb(255,156,97) 100%),linear-gradient(135deg, rgb(255,255,255,0) 0px, rgb(255,255,255,0) calc(50% - 1px), rgb(255,156,97) calc(50% - 1px), rgb(255,156,97) calc(50% + 1px), rgb(255,255,255,0) calc(50% + 1px), rgb(255,255,255,0) 100%);
    top: 2px;
    right: 2px;
    }
.station_space > a > span.tohoku::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: linear-gradient(180deg, rgb(107,143,255) 0px, rgb(107,143,255) 2px, rgb(255,255,255,0) 2px, rgb(255,255,255,0) 100%),linear-gradient(90deg, rgb(255,255,255,0) 0px, rgb(255,255,255,0) calc(100% - 2px), rgb(107,143,255) calc(100% - 2px), rgb(107,143,255) 100%),linear-gradient(135deg, rgb(255,255,255,0) 0px, rgb(255,255,255,0) calc(50% - 1px), rgb(107,143,255) calc(50% - 1px), rgb(107,143,255) calc(50% + 1px), rgb(255,255,255,0) calc(50% + 1px), rgb(255,255,255,0) 100%);
    top: 2px;
    right: 2px;
    }
.station_space > a > span.kanto::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: linear-gradient(180deg, rgb(255,128,186) 0px, rgb(255,128,186) 2px, rgb(255,255,255,0) 2px, rgb(255,255,255,0) 100%),linear-gradient(90deg, rgb(255,255,255,0) 0px, rgb(255,255,255,0) calc(100% - 2px), rgb(255,128,186) calc(100% - 2px), rgb(255,128,186) 100%),linear-gradient(135deg, rgb(255,255,255,0) 0px, rgb(255,255,255,0) calc(50% - 1px), rgb(255,128,186) calc(50% - 1px), rgb(255,128,186) calc(50% + 1px), rgb(255,255,255,0) calc(50% + 1px), rgb(255,255,255,0) 100%);
    top: 2px;
    right: 2px;
    }
.station_space > a > span.koshinetsu::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: linear-gradient(180deg, rgb(82,215,125) 0px, rgb(82,215,125) 2px, rgb(255,255,255,0) 2px, rgb(255,255,255,0) 100%),linear-gradient(90deg, rgb(255,255,255,0) 0px, rgb(255,255,255,0) calc(100% - 2px), rgb(82,215,125) calc(100% - 2px), rgb(82,215,125) 100%),linear-gradient(135deg, rgb(255,255,255,0) 0px, rgb(255,255,255,0) calc(50% - 1px), rgb(82,215,125) calc(50% - 1px), rgb(82,215,125) calc(50% + 1px), rgb(255,255,255,0) calc(50% + 1px), rgb(255,255,255,0) 100%);
    top: 2px;
    right: 2px;
    }
.station_space > a > span.tokai::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: linear-gradient(180deg, rgb(86,184,255) 0px, rgb(86,184,255) 2px, rgb(255,255,255,0) 2px, rgb(255,255,255,0) 100%),linear-gradient(90deg, rgb(255,255,255,0) 0px, rgb(255,255,255,0) calc(100% - 2px), rgb(86,184,255) calc(100% - 2px), rgb(86,184,255) 100%),linear-gradient(135deg, rgb(255,255,255,0) 0px, rgb(255,255,255,0) calc(50% - 1px), rgb(86,184,255) calc(50% - 1px), rgb(86,184,255) calc(50% + 1px), rgb(255,255,255,0) calc(50% + 1px), rgb(255,255,255,0) 100%);
    top: 2px;
    right: 2px;
    }
.station_space > a > span.kinki::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: linear-gradient(180deg, rgb(199,140,244) 0px, rgb(199,140,244) 2px, rgb(255,255,255,0) 2px, rgb(255,255,255,0) 100%),linear-gradient(90deg, rgb(255,255,255,0) 0px, rgb(255,255,255,0) calc(100% - 2px), rgb(199,140,244) calc(100% - 2px), rgb(199,140,244) 100%),linear-gradient(135deg, rgb(255,255,255,0) 0px, rgb(255,255,255,0) calc(50% - 1px), rgb(199,140,244) calc(50% - 1px), rgb(199,140,244) calc(50% + 1px), rgb(255,255,255,0) calc(50% + 1px), rgb(255,255,255,0) 100%);
    top: 2px;
    right: 2px;
    }
.station_space > a > span.chugoku::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: linear-gradient(180deg, rgb(207,202,82) 0px, rgb(207,202,82) 2px, rgb(255,255,255,0) 2px, rgb(255,255,255,0) 100%),linear-gradient(90deg, rgb(255,255,255,0) 0px, rgb(255,255,255,0) calc(100% - 2px), rgb(207,202,82) calc(100% - 2px), rgb(207,202,82) 100%),linear-gradient(135deg, rgb(255,255,255,0) 0px, rgb(255,255,255,0) calc(50% - 1px), rgb(207,202,82) calc(50% - 1px), rgb(207,202,82) calc(50% + 1px), rgb(255,255,255,0) calc(50% + 1px), rgb(255,255,255,0) 100%);
    top: 2px;
    right: 2px;
    }
.station_space > a > span.shikoku::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: linear-gradient(180deg, rgb(108,205,255) 0px, rgb(108,205,255) 2px, rgb(255,255,255,0) 2px, rgb(255,255,255,0) 100%),linear-gradient(90deg, rgb(255,255,255,0) 0px, rgb(255,255,255,0) calc(100% - 2px), rgb(108,205,255) calc(100% - 2px), rgb(108,205,255) 100%),linear-gradient(135deg, rgb(255,255,255,0) 0px, rgb(255,255,255,0) calc(50% - 1px), rgb(108,205,255) calc(50% - 1px), rgb(108,205,255) calc(50% + 1px), rgb(255,255,255,0) calc(50% + 1px), rgb(255,255,255,0) 100%);
    top: 2px;
    right: 2px;
    }
.station_space > a > span.kyushu::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: linear-gradient(180deg, rgb(255,135,138) 0px, rgb(255,135,138) 2px, rgb(255,255,255,0) 2px, rgb(255,255,255,0) 100%),linear-gradient(90deg, rgb(255,255,255,0) 0px, rgb(255,255,255,0) calc(100% - 2px), rgb(255,135,138) calc(100% - 2px), rgb(255,135,138) 100%),linear-gradient(135deg, rgb(255,255,255,0) 0px, rgb(255,255,255,0) calc(50% - 1px), rgb(255,135,138) calc(50% - 1px), rgb(255,135,138) calc(50% + 1px), rgb(255,255,255,0) calc(50% + 1px), rgb(255,255,255,0) 100%);
    top: 2px;
    right: 2px;
    }
.kosaten {
    color: rgb(0,0,255); /* 初期は薄く表示 */
    }
.road_guide {
    color: rgb(51,51,51); /* 初期は薄く表示 */
    }
.road_guide a {
    color: rgb(51,51,51); /* 初期は薄く表示 */
    }
.route01_title {
    color: rgb(51, 51, 51);
    }
.route02_title {
    color: rgb(204, 204, 204);
    }
.route03_title {
    color: rgb(51, 51, 51);
    }
.route04_title {
    color: rgb(204, 204, 204);
    }
.route05_title {
    color: rgb(51, 51, 51);
    }
.route06_title,
.route06 {
    color: rgb(204, 204, 204);
    }
.route07_title,
.route07 {
    color: rgb(51, 51, 51);
    }
.route08_title,
.route08 {
    color: rgb(204, 204, 204);
    }
.route09_title,
.route09 {
    color: rgb(51, 51, 51);
    }
.route10_title,
.route10 {
    color: rgb(204, 204, 204);
    }
.route01 a,
.route03 a,
.route05 a {
    color: rgb(51,51,51); /* 初期は薄く表示 */
    }
.route02 a,
.route04 a,
.route06 a {
    color: rgb(51,51,51); /* 初期は薄く表示 */
    }
.road_guide > li > div {
    display: inline-block;
    font-size: 14px;
    }
.road_guide > li > div > a {
    color: rgb(51,51,52);
    font-weight: 500;
    font-size: 16px;
    }
.road_guide > .setsuzoku > .ic {
    position: relative;
    display: inline-block;
    border: 2px solid rgb(0,105,0);
    background: rgb(255,255,255);
    border-radius: 3px;
    margin: 0px 0px 0px 0px;
    padding: 1px 10px 1px 30px;
    }
.road_guide > .setsuzoku > .ic {
    position: relative;
    border: 2px solid rgb(0,105,0);
    color: rgb(0,105,0);
    border-radius: 3px;
    margin: 0px 0px 0px 0px;
    padding: 1px 10px 1px 30px;
    font-size: 16px;
    line-height: 1.8em;
    }
.road_guide > .setsuzoku > .ic > a {
    color: rgb(0,105,0);
    }
.road_guide > .setsuzoku > .ic::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 8px;
    top: calc(50% - 7px);
    left: 7px;
    background-color: rgb(0,176,107);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,52);
    }
.road_guide > .setsuzoku > .chg_kosoku {
    position: relative;
    display: inline-block;
    background: linear-gradient(90deg, rgb(0,181,33) 0px, rgb(0,181,33) 24px, rgba(255,255,255,0) 24px, rgba(255,255,255,0) 100%);
    border: 2px solid rgb(0,105,0);
    border-radius: 3px;
    margin: 0px 0px 0px 0px;
    padding: 1px 10px 1px 30px;
    line-height: 1.8em;
    }
.road_guide > .setsuzoku > .chg_kosoku::before {
    position: absolute;
    content: "";
    top: calc(50% - 5px);
    left: 5px;
    width: 6px;
    height: 6px;
    border-top: 3px solid rgb(255,255,255);
    border-right: 3px solid rgb(255,255,255);
    transform: rotate(45deg);
    }
.road_guide > .setsuzoku > .chg_kosoku > a {
    position: relative;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    }
.road_guide > .setsuzoku > .chg_kosoku_nolink {
    position: relative;
    background: linear-gradient(90deg, rgb(0,181,33) 0px, rgb(0,181,33) 16px, rgba(255,255,255,0) 16px, rgba(255,255,255,0) 100%);
    border: 2px solid rgb(0,105,0);
    border-radius: 3px;
    margin: 0px 0px 0px 0px;
    padding: 1px 10px 1px 30px;
    font-size: 16px;
    }
.road_guide > .setsuzoku > .chg_kokudo {
    position: relative;
    display: inline-block;
    background: linear-gradient(90deg, rgb(0,0,204) 0px, rgb(0,0,204) 24px, rgba(255,255,255,0) 24px, rgba(255,255,255,0) 100%);
    color: rgb(0,113,204);
    border: 2px solid rgb(0,72,150);
    border-radius: 3px;
    margin: 0px 0px 0px 0px;
    padding: 1px 10px 1px 30px;
    font-size: 16px;
    line-height: 1.8em;
    }
.road_guide > .setsuzoku > .chg_kokudo::before {
    position: absolute;
    content: "";
    top: calc(50% - 5px);
    left: 5px;
    width: 6px;
    height: 6px;
    border-top: 3px solid rgb(255,255,255);
    border-right: 3px solid rgb(255,255,255);
    transform: rotate(45deg);
    }
.road_guide > .setsuzoku > .chg_kokudo > a {
    position: relative;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-radius: 3px;
    font-size: 16px;
    }
.road_guide > .setsuzoku > .chg_kosoku_nolink {
    position: relative;
    display: inline-block;
    background: linear-gradient(90deg, rgb(0,181,33) 0px, rgb(0,181,33) 16px, rgba(255,255,255,0) 16px, rgba(255,255,255,0) 100%);
    color: rgb(0,151,23);
    border: 2px solid rgb(0,0,204);
    border-radius: 3px;
    margin: 0px 0px 0px 0px;
    padding: 1px 10px 1px 30px;
    font-size: 16px;
    }
.road_guide > .setsuzoku > .chg_chihodo {
    position: relative;
    display: inline-block;
    background: linear-gradient(90deg, rgb(0,113,204) 0px, rgb(0,113,204) 24px, rgba(255,255,255,0) 24px, rgba(255,255,255,0) 100%);
    color: rgb(0,113,204);
    border: 2px solid rgb(0,72,150);
    border-radius: 3px;
    margin: 0px 0px 0px 0px;
    padding: 1px 10px 1px 30px;
    font-size: 16px;
    line-height: 1.8em;
    }
.road_guide > .setsuzoku > .chg_chihodo::before {
    position: absolute;
    content: "";
    top: calc(50% - 5px);
    left: 5px;
    width: 6px;
    height: 6px;
    border-top: 3px solid rgb(255,255,255);
    border-right: 3px solid rgb(255,255,255);
    transform: rotate(45deg);
    }
.road_guide > .setsuzoku > .chg_chihodo > a {
    position: relative;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-radius: 3px;
    font-size: 16px;
    }
.road_guide > .setsuzoku > .chg_chihodo_nolink {
    position: relative;
    background: linear-gradient(90deg, rgb(0,103,204) 0px, rgb(0,103,204) 16px, rgba(255,255,255,0) 16px, rgba(255,255,255,0) 100%);
    color: rgb(0,101,204);
    border: 2px solid rgb(0,103,204);
    border-radius: 3px;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 3px 20px;
    font-size: 16px;
    }
.corner {
    position: relative;
    font-size: 16px;
    text-align: center;
    background-color: rgba(255,255,255,0);
    color: rgba(255,255,255,0);
    margin: 0px 10px 0px 5px;
    padding: 0;
    }
.corner::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0px;
    width: 8px;
    height: 8px;
    border-top: 3px solid rgb(102,102,153);
    border-right: 3px solid rgb(102,102,153);
    transform: rotate(45deg);
    }
.tri_green {
    position: relative;
    font-size: 16px;
    text-align: center;
    background-color: rgba(255,255,255,0);
    color: rgba(255,255,255,0);
    margin: 0px 10px 0px 5px;
    padding: 0;
    }
.tri_green::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../img/setsuzoku_kosoku.svg");
    }
.chofukukukan > .kosaten {
    position: relative;
    display: inline-block;
    font-size: 15px;
    text-align: center;
    background-color: rgb(255,255,255);
    border: 2px solid rgb(0,0,185);
    margin: 0px 3px 0px 3px;
    padding: 1px 5px 1px 5px;
    border-radius: 3px;
    }
.road_guide > .setsuzoku > .kosaten {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 1.2em;
    text-align: center;
    background-color: rgb(255,255,255);
    border: 2px solid rgb(0,0,185);
    margin: 0px 0px 0px 0px;
    padding: 1px 5px 1px 5px;
    border-radius: 3px;
    }
.road_guide > .setsuzoku > .bunki {
    position: relative;
    font-size: 14px;
    text-align: center;
    background-color: rgb(255,255,255);
    border: 2px solid rgb(0,0,185);
    margin: 0px 0px 0px 10px;
    padding: 1px 10px 1px 10px;
    border-radius: 12px;
    cursor: pointer;
    }
.road_guide > .ensen {
    width: calc(100% - 50px);
    line-height: 1.8em;
    list-style: none;
    margin: 0px 0px 20px 50px;
    padding: 0px 0px 0px 0px;
    }
.road_guide > .ensen > div {
    position: relative;
    text-align: center;
    background-color: rgb(255,255,255);
    border: 2px solid rgb(51,51,72);
    color: rgb(51,51,72);
    margin: 0px 10px 0px 0px;
    padding: 1px 20px 1px 25px;
    border-radius: 16px;
    }
.road_guide > .ensen > div::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 8px;
    top: calc(50% - 9px);
    left: 7px;
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,52);
    }
.road_guide > .ensen > div > a {
    color: rgb(51,51,72);
    font-size: 16px;
    }
.road_guide > .ensen > div.info::before {
    background: rgb(255,51,102);
    }
.road_guide > .ensen > div.hotel::before {
    background: rgb(0,102,204);
    }
.road_guide > .ensen > div.shoku::before {
    background: rgb(204,51,51);
    }
.road_guide > .ensen > div.shop::before {
    background: rgb(255,153,0);
    }
.road_guide > .ensen > div.service::before {
    background: rgb(255,204,0);
    }
.road_guide > .ensen > div.lesson::before {
    background: rgb(102,0,204);
    }
.road_guide > .ensen > div.onsen::before {
    background: rgb(255,102,153);
    }
.road_guide > .ensen > div.amusement::before {
    background: rgb(255,0,127);
    }
.road_guide > .ensen > div.sports::before {
    background: rgb(0,153,76);
    }
.road_guide > .ensen > div.building::before {
    background: rgb(128,128,128);
    }
.road_guide > .ensen > div.kokyo::before {
    background: rgb(0,128,128);
    }
.road_guide > .ensen > div.street::before {
    background: rgb(255,102,0);
    }
.road_guide > .ensen > div.bunka::before {
    background: rgb(153,0,0);
    }
.road_guide > .ensen > div.shizen::before {
    background: rgb(34,139,34);
    }
.road_guide > .ensen > div.tetsudo::before {
    background: rgb(154,70,150);
    }
.road_guide > .ensen > div.doro::before {
    background: rgb(140,100,40);
    }
.road_guide > .ensen > div.kuko::before {
    background: rgb(130,182,31);
    }
.memo {
    color: rgb(51,51,51);
    margin-left: 15px;
    font-size: 14px;
    background: rgba(255,255,255,1);
    }
.memo > .memo_kosaten {
    position: relative;
    font-size: 13px;
    text-align: center;
    background-color: rgb(255,255,255);
    border: 2px solid rgb(0,0,185);
    margin: 0px 3px 0px 3px;
    padding: 1px 5px 1px 5px;
    border-radius: 3px;
    line-height: 1.2em;
    }
.passage_town.next,.passage_town.last, {
    position: relative;
    vertical-align: top;
    width: calc(100% - 20px);
    height: auto;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    color: rgb(101,101,122);
    }
.passage_town.next > a {
    position: relative;
    vertical-align: top;
    width: calc(100% - 20px);
    height: auto;
    font-size: 16px;
    font-weight: bold;
    padding: 3px 10px 3px 10px;
    margin: 0px 0px 0px 30px;
    color: rgb(101,101,122);
    }
.last_next > a::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    border-top: 2px solid rgba(0,0,243,1);
    border-right: 2px solid rgba(0,0,243,1);
    top: calc(50% - 10px);
    left: -20px;
    transform: rotate(45deg);
    }
.route02,
.route04,
.route06 {
  display: none;
  margin: 0;
  padding-left: 16px; /* 好みに応じて調整 */
    }
        #map {
             width: 100%;
             height: 500px;
             z-index: 50;
             }

        /* ポップアップ内のdiv装飾（ここで自由にデザインできます） */
        .custom-popup {
            padding: 5px;
            font-family: sans-serif;
        }
        .popup-title {
            font-weight: bold;
            color: #004b9e;
            border-bottom: 2px solid #004b9e;
            margin-bottom: 5px;
        }
        .popup-content {
            font-size: 13px;
            line-height: 1.4;
        }
        .popup-img {
            width: 100%;
            height: auto;
            margin-top: 8px;
            border-radius: 4px;
        }
@media screen and (min-width:641px){
.main {
    padding: 20px 0px 0px 0px;
    }
.main > div {
    width: calc(100% - 60px);
    margin: 0px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    background: rgb(255,255,255);
    }
.map_space {
    width: 700px;
    height: 425px;
    }
.spot_lists {
    background-color: white;
    position: relative;
    width: calc(100% - 24px);
    border: 2px solid rgb(51,51,52);
    text-align: left;
    vertical-align: top;
    margin: 10px 10px 30px 10px;
    padding: 0px 0px 0px 0px;
    }
.list_change {
    display: none;
    }
.chofukukukan {
    position: relative;
    vertical-align: top;
    width: calc(100% - 20px);
    height: auto;
    font-size: 15px;
    background-position: 10px 0px;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    color: rgb(101,101,122);
    }
.chofukukukan > a > .kokudo {
    position: relative;
    font-size: 16px;
    text-align: center;
    background-color: rgb(255,255,255);
    border-bottom: 2px solid rgb(0,110,225);
    color: rgb(51,51,72);
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 25px;
    line-height: 1.2em;
    }
.passage_town {
    position: relative;
    background: linear-gradient(90deg, rgb(255,255,255) 0px, rgb(255,255,255) 15px, rgb(102,153,205) 15px, rgb(102,153,205) 25px, rgb(255,255,255) 25px, rgb(255,255,255) 100%);
    vertical-align: top;
    width: calc(100% - 20px);
    height: auto;
    font-size: 15px;
    background-position: 10px 0px;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    color: rgb(101,101,122);
    border-bottom: 2px dotted rgb(51,51,72);
    }
.spot_lists li:last-child {
    border-bottom: 0px dotted rgb(51,51,72);
    }
.station_space {
    width: calc(100% - 0px);
    background-color: rgba(255,255,255,0);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 3px 0px;
    text-align: right;
    }
.station_space > a > span {
    position: relative;
    display: inline-block;
    border: 2px solid rgb(51,51,52);
    font-size: 16px;
    text-align: center;
    background-color: rgb(255,255,255);
    color: rgb(51,51,72);
    margin: 0px 0px 0px 10px;
    padding: 3px 25px 3px 15px;
    line-height: 1.2em;
    }
.road_guide {
    width: calc(100% - 0px);
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }
.road_guide:empty {
    height: 20px;
    padding: 20px 0px 20px 0px;
    }
.road_guide > .setsuzoku {
    position: relative;
    width: calc(100% - 0px);
    line-height: 1.8em;
    list-style: none;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    }
.road_guide > .setsuzoku > img {
    margin: 0px 3px 0px 3px;
    }
.road_guide > .setsuzoku > .spot {
    position: relative;
    font-size: 14px;
    text-align: center;
    background-color: rgb(255,255,255);
    border: 2px solid rgb(51,51,72);
    color: rgb(51,51,72);
    margin: 0px 10px 0px 0px;
    padding: 1px 15px 1px 17px;
    border-radius: 4px;
    }
.ekkyo {
    color: rgba(155,155,155,1);
    }
}
@media screen and (max-width:640px){
.spot_lists {
    background-color: white;
    position: relative;
    width: calc(100% - 24px);
    border: 2px solid rgb(51,51,52);
    text-align: left;
    vertical-align: top;
    margin: 10px 10px 30px 10px;
    padding: 0px 0px 0px 0px;
    }
.list_change {
    display: none;
    }
.chofukukukan {
    position: relative;
    vertical-align: top;
    width: calc(100% - 20px);
    height: auto;
    font-size: 15px;
    background-position: 10px 0px;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    color: rgb(101,101,122);
    }
.chofukukukan > a > .kokudo {
    font-size: 18px;
    text-align: center;
    background-color: rgb(255,255,255);
    border-bottom: 2px solid rgb(0,110,225);
    color: rgb(51,51,72);
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    line-height: 1.2em;
    }
.chofukukukan > .kosaten {
    position: relative;
    font-size: 16px;
    text-align: center;
    background-color: rgb(255,255,255);
    border: 2px solid rgb(0,0,185);
    margin: 0px 3px 0px 3px;
    padding: 1px 5px 1px 5px;
    border-radius: 3px;
    line-height: 1.2em;
    }
.passage_town {
    position: relative;
    background: linear-gradient(90deg, rgb(255,255,255) 0px, rgb(255,255,255) 15px, rgb(102,153,205) 15px, rgb(102,153,205) 25px, rgb(255,255,255) 25px, rgb(255,255,255) 100%);
    vertical-align: top;
    width: calc(100% - 20px);
    height: auto;
    font-size: 16px;
    background-position: 10px 0px;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    color: rgb(101,101,122);
    border-bottom: 2px dotted rgb(51,51,72);
    }
.spot_lists li:last-child {
    border-bottom: 0px dotted rgb(51,51,72);
    }
.station_space {
    width: calc(100% - 0px);
    background-color: rgba(255,255,255,0);
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 3px 0px;
    text-align: right;
    }
.station_space > a > span {
    position: relative;
    display: inline-block;
    border: 2px solid rgb(102,102,102);
    font-size: 16px;
    text-align: center;
    background-color: rgb(255,255,255);
    color: rgb(51,51,72);
    margin: 0px 0px 0px 10px;
    padding: 3px 25px 3px 15px;
    line-height: 1.2em;
    }
.road_guide {
    width: calc(100% - 0px);
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }
.road_guide:empty {
    height: 20px;
    padding: 20px 0px 20px 0px;
    }
.road_guide > .setsuzoku {
    position: relative;
    width: calc(100% - 0px);
    line-height: 1.8em;
    list-style: none;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
    }
.road_guide > .setsuzoku > img {
    margin: 0px 3px 0px 3px;
    }
.road_guide > .setsuzoku > .kosaten {
    position: relative;
    font-size: 16px;
    text-align: center;
    background-color: rgb(255,255,255);
    border: 2px solid rgb(0,0,185);
    color: rgb(0,0,255);
    margin: 0px 10px 0px 0px;
    padding: 1px 5px 1px 5px;
    border-radius: 3px;
    }
.road_guide > .setsuzoku > .ic {
    position: relative;
    font-size: 16px;
    text-align: center;
    border: 2px solid rgb(0,105,0);
    color: rgb(255,255,255);
    margin: 0px 0px 0px 0px;
    padding: 1px 5px 1px 5px;
    border-radius: 3px;
    line-height: 1.2em;
    }
.road_guide > .setsuzoku > .ic > a {
    position: relative;
    color: rgb(255,255,245);
    margin: 0px 10px 0px 15px;
    padding: 0px 0px 0px 0px;
    border-radius: 3px;
    font-size: 16px;
    }
.road_guide > .setsuzoku > .ic > a::before {
    position: absolute;
    content: "";
    top: 2px;
    left: -16px;
    width: 8px;
    height: 8px;
    background: rgba(255,255,255,0);
    border: 2px solid rgb(0,162,0);
    border-radius: 6px;
    }
.road_guide > .setsuzoku > .kigou {
    position: relative;
    font-size: 16px;
    text-align: center;
    background-color: rgb(255,255,255);
    color: rgb(51,51,72);
    margin: 0px 5px 0px 5px;
    padding: 0;
    }
.road_guide > .setsuzoku > .spot {
    position: relative;
    font-size: 16px;
    text-align: center;
    background-color: rgb(255,255,255);
    border: 2px solid rgb(51,51,72);
    color: rgb(51,51,72);
    margin: 0px 10px 0px 0px;
    padding: 1px 15px 1px 17px;
    border-radius: 4px;
    }
.road_guide > .ensen {
    width: calc(100% - 50px);
    line-height: 1.8em;
    list-style: none;
    margin: 0px 0px 15px 50px;
    padding: 0px 0px 0px 0px;
    }
.road_guide > .ensen > div {
    position: relative;
    font-size: 16px;
    text-align: center;
    background-color: rgb(255,255,255);
    border: 2px solid rgb(51,51,72);
    color: rgb(51,51,72);
    margin: 0px 10px 0px 0px;
    padding: 1px 15px 1px 17px;
    border-radius: 10px;
    line-height: 1.2em;
    }
.road_guide > .ensen > a > span {
    position: relative;
    font-size: 16px;
    text-align: center;
    background-color: rgb(255,255,255);
    border: 2px solid rgb(51,51,72);
    color: rgb(51,51,72);
    margin: 0px 10px 0px 0px;
    padding: 1px 15px 1px 20px;
    border-radius: 10px;
    line-height: 1.2em;
    }
.ekkyo {
    color: rgba(155,155,155,1);
    }
}