﻿body {
   }
li {
    list-style: none;
   }
.town_infomation {
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: left;
    list-style: none;
    background: rgb(255,255,255);
    }
.spot_list_button_01_on {
    font-size: 120%;
    margin: 0px 3px 0px 3px;
   }
.spot_list_button_02_on {
    font-size: 120%;
    margin: 0px 3px 0px 3px;
   }
.spot_list_button_03_on {
    font-size: 120%;
    margin: 0px 3px 0px 3px;
   }
.spot_list_button_04_on {
    font-size: 120%;
    margin: 0px 3px 0px 3px;
   }
.spot_list_button_05_on {
    font-size: 120%;
    margin: 0px 3px 0px 3px;
   }
.spot_list_button_06_on {
    font-size: 120%;
    margin: 0px 3px 0px 3px;
   }
.spot_list_button_07_on {
    font-size: 120%;
    margin: 0px 3px 0px 3px;
   }
.spot_list_button_01_off {
    cursor: pointer;
    margin: 0px 3px 0px 3px;
   }
.spot_list_button_02_off {
    cursor: pointer;
    margin: 0px 3px 0px 3px;
   }
.spot_list_button_03_off {
    cursor: pointer;
    margin: 0px 3px 0px 3px;
   }
.spot_list_button_04_off {
    cursor: pointer;
    margin: 0px 3px 0px 3px;
   }
.spot_list_button_05_off {
    cursor: pointer;
    margin: 0px 3px 0px 3px;
   }
.spot_list_button_06_off {
    cursor: pointer;
    margin: 0px 3px 0px 3px;
   }
.spot_list_button_07_off {
    cursor: pointer;
    margin: 0px 3px 0px 3px;
   }
.spot_number {
    display: none;
    }
.spot_lists.table_info > li > a > dl > dd {
    background: rgb(255,0,79); 
    }
.spot_lists.table_hotel > li > a > dl > dd {
    background: rgb(0,102,204); 
    }
.spot_lists.table_shoku > li > a > dl > dd {
    background: rgb(204,51,51); 
    }
.spot_lists.table_shop > li > a > dl > dd {
    background: rgb(255,153,0); 
    }
.spot_lists.table_service > li > a > dl > dd {
    background: rgb(255,204,0); 
    }
.spot_lists.table_lesson > li > a > dl > dd {
    background: rgb(102,0,204); 
    }
.spot_lists.table_onsen > li > a > dl > dd {
    background: rgb(255,102,153); 
    }
.spot_lists.table_amusement > li > a > dl > dd {
    background: rgb(255,0,127); 
    }
.spot_lists.table_sports > li > a > dl > dd {
    background: rgb(0,153,76); 
    }
.spot_lists.table_building > li > a > dl > dd {
    background: rgb(128,128,128); 
    }
.spot_lists.table_kokyo > li > a > dl > dd {
    background: rgb(0,128,128); 
    }
.spot_lists.table_street > li > a > dl > dd {
    background: rgb(255,102,0); 
    }
.spot_lists.table_bunka > li > a > dl > dd {
    background: rgb(153,0,0); 
    }
.spot_lists.table_shizen > li > a > dl > dd {
    background: rgb(34,139,34); 
    }
.spot_lists.table_tetsudo > li > a > dl > dd {
    background: rgb(217,145,145); 
    }
.spot_lists.table_doro > li > a > dl > dd {
    background: rgb(207,221,98); 
    }
.spot_lists.table_hikoki > li > a > dl > dd {
    background: rgb(135,206,235); 
    }
.spot_lists.table_fune > li > a > dl > dd {
    background: rgb(127,235,212); 
    }
@media screen and (min-width:641px){
.machi_furigana {
    display: none;
    }
.change_button {
    width: 100%;
    margin: 0px 0px 10px 0px;
    }
.change_button > div {
    width: calc(100% / 2);
    border-top: 2px solid rgb(51,51,73);
    border-bottom: 2px solid rgb(51,51,73);
    padding: 5px 0px 5px 0px;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    }
.machi_map_table {
    margin: 10px 0px 0px 0px;
    }
.wrapper > .contents_block > .main > .guide > .area_space {
    width: calc(100% - 24px)
    border: 2px solid rgba(51,67,77,1);
    }
.spot_menu {
    background-color: rgb(255,255,255);
    width: calc(100% - 23px);
    text-align: left;
    vertical-align: top;
    margin: 0px 0px 20px 10px;
    padding: 0px 0px 0px 0px;
    font-size: 0;
    border-top: 2px solid rgb(55,59,73);
    border-left: 2px solid rgb(55,59,73);
    }
.spot_menu > li {
    position: relative;
    display: inline-block;
    background-color: #ffffff;
    color: rgb(153,153,153);
    width: calc(25% - 32px);
    font-size: 15px;
    margin: 0px 0px 0px 0px;
    padding: 7px 0px 7px 30px;
    cursor: pointer;
    border-right: 2px solid rgb(55,59,73);
    border-bottom: 2px solid rgb(55,59,73);
    }
.button_info::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(255,51,102);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_hotel::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(0,102,204);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_shoku::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(204,51,51);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_shop::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(255,153,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_service::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(255,204,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_lesson::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(102,0,204);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_onsen::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(255,102,153);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_amusement::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(255,0,127);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_sports::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(0,153,76);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_building::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(128,128,128);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_kokyo::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(0,128,128);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_street::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(255,102,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_bunka::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(153,0,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_shizen::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(34,139,34);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_tetsudo::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(105,105,108);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_doro::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(185,154,20);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_hikoki::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(255,140,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
    }
.button_minato::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(100,149,237);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_menu_title {
    position: relative;
    text-align: left;
    width: calc(100% - 30px);
    padding: 5px 0px 5px 30px;
    font-size: 18px;
    }
.machi_spot_list_menu_td {
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    }
.spot_list_text_number {
    margin-right: 5px;
    }
.spot_name {
    font-weight: bold;
    text-align: left;
    }
.spot_furigana {
    text-align: left;
    margin-left: 8px;
    }
.tap {
    display: none;
    }
.spot_lists_default {
    width: calc(100% - 40px);
    text-align: left;
    padding: 0px 20px 30px 20px;
    }
.spot_list_button {
    background-color: rgb(255,255,255);
    list-style: none;
    text-align: center;
    vertical-align: top;
    margin-right: 5px;
    width: 700px;
    font-size: 15px;
    padding: 0px;
    }
.spot_lists {
    width: calc(100% - 10px);
    text-align: left;
    vertical-align: top;
    padding: 10px 0px 10px 10px;
    margin: 10px 0px 10px 0px;
    }
.spot_lists > li {
    vertical-align: top;
    background-color: rgb(255,255,255);
    border: 2px solid rgb(102,102,102);
    margin: 0px 10px 15px 0px;
    border-radius: 4px 4px 4px 4px;
    width: calc(33% - 16px);
    padding: 0px 0px 0px 0px;
    display: inline-block;
    }
.spot_lists > li > a > dl {
    position: relative;
    list-style: none;
    width: clac(100% - 0px);
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: right;
    }
.spot_lists.table_info > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(255,51,102);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_hotel > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(0,102,204);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_shoku > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(204,51,51);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_shop > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(255,153,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_service > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(255,204,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_lesson > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(102,0,204);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_onsen > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(255,102,153);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_amusement > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(255,0,127);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_sports > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(0,153,76);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_building > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(128,128,128);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_kokyo > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(0,128,128);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_street > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(255,102,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_bunka > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(153,0,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_shizen > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(34,139,34);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_tetsudo > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(105,105,108);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_doro > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(185,154,20);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_hikoki > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(255,140,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_minato > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(100,149,237);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists > li > a > dl > dt {
    color: rgb(51,51,72);
    background-color: rgba(255,255,255,1);
    padding: 25px 0px 5px 10px;
    margin: 0px 0px 0px 0px;
    width: clac(100% - 10px);
    font-size: 18px;
    text-align: left;
    }
.spot_lists > li > a > dl > dd {
    color: rgb(51,51,72);
    display: inline-block;
    color: rgba(255,255,255,1);
    padding: 2px 5px 2px 5px;
    width: 70%;
    margin: 0px 0px 10px 30px;
    font-size: 13px;
    text-align: right;
    }
}
@media screen and (max-width:640px){
.machi_furigana {
    display: none;
    }
.change_button {
    width: 100%;
    margin: 0px 0px 10px 0px;
    }
.change_button > div {
    width: calc(100% / 2);
    border-top: 2px solid rgb(51,51,73);
    border-bottom: 2px solid rgb(51,51,73);
    padding: 5px 0px 5px 0px;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    }
.machi_map_table {
    margin: 10px 0px 0px 0px;
    }
.wrapper > .contents_block > .main > .guide > .area_space {
    width: calc(100% - 24px)
    border: 2px solid rgba(51,67,77,1);
    }
.spot_menu {
    background-color: rgb(255,255,255);
    width: calc(100% - 23px);
    text-align: left;
    vertical-align: top;
    margin: 0px 0px 20px 10px;
    padding: 0px 0px 0px 0px;
    font-size: 0;
    border-top: 2px solid rgb(55,59,73);
    border-left: 2px solid rgb(55,59,73);
    }
.spot_menu > li {
    position: relative;
    display: inline-block;
    background-color: #ffffff;
    color: #999999;
    width: calc(50% - 32px);
    font-size: 15px;
    margin: 0px 0px 0px 0px;
    padding: 7px 0px 7px 30px;
    cursor: pointer;
    vertical-align: top;
    border-right: 2px solid rgb(55,59,73);
    border-bottom: 2px solid rgb(55,59,73);
    }
.button_info::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(255,51,102);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_hotel::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(0,102,204);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_shoku::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(204,51,51);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_shop::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(255,153,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_service::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(255,204,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_lesson::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(102,0,204);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_onsen::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(255,102,153);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_amusement::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(255,0,127);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_sports::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(0,153,76);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_building::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(128,128,128);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_kokyo::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(0,128,128);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_street::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(255,102,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_bunka::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(153,0,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_shizen::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(34,139,34);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_tetsudo::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(105,105,108);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_doro::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(185,154,20);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_hikoki::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(255,140,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.button_minato::before {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 11px;
    left: 7px;
    background-color: rgb(100,149,237);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_menu_title {
    position: relative;
    text-align: left;
    width: calc(100% - 30px);
    padding: 5px 0px 5px 30px;
    font-size: 18px;
    }
.machi_spot_list_menu_td {
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    }
.spot_list_text_number {
    margin-right: 5px;
    }
.spot_name {
    font-weight: bold;
    text-align: left;
    }
.spot_furigana {
    text-align: left;
    margin-left: 8px;
    }
.tap {
    display: none;
    }
.spot_lists_default {
    width: calc(100% - 40px);
    text-align: left;
    padding: 0px 20px 30px 20px;
    }
.spot_list_button {
    background-color: rgb(255,255,255);
    list-style: none;
    text-align: center;
    vertical-align: top;
    margin-right: 5px;
    width: 700px;
    font-size: 15px;
    padding: 0px;
    }
.spot_lists {
    width: calc(100% - 10px);
    text-align: left;
    vertical-align: top;
    padding: 10px 0px 10px 10px;
    margin: 10px 0px 10px 0px;
    }
.spot_lists > li {
    vertical-align: top;
    background-color: rgb(255,255,255);
    border: 2px solid rgb(102,102,102);
    margin: 0px 10px 15px 0px;
    border-radius: 4px 4px 4px 4px;
    width: calc(49% - 16px);
    padding: 0px 0px 0px 0px;
    display: inline-block;
    }
.spot_lists > li > a > dl {
    position: relative;
    list-style: none;
    width: clac(100% - 0px);
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: right;
    }
.spot_lists.table_info > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(255,51,102);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_hotel > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(0,102,204);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_shoku > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(204,51,51);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_shop > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(255,153,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_service > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(255,204,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_lesson > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(102,0,204);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_onsen > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(255,102,153);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_amusement > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(255,0,127);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_sports > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(0,153,76);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_building > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(128,128,128);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_kokyo > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(0,128,128);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_street > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(255,102,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_bunka > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(153,0,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_shizen > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(34,139,34);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_tetsudo > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(105,105,108);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_doro > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(185,154,20);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_hikoki > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(255,140,0);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists.table_minato > li > a > dl::after {
    position: absolute;
    content: "";
    width: 10px;
    height:10px;
    border-radius: 8px;
    top: 5px;
    left: 5px;
    background-color: rgb(100,149,237);
    border: 2px solid rgb(255,255,255);
    outline: 2px solid rgb(51,51,51);
   }
.spot_lists > li > a > dl > dt {
    color: rgb(51,51,72);
    background-color: rgba(255,255,255,1);
    padding: 25px 0px 5px 10px;
    margin: 0px 0px 0px 0px;
    width: clac(100% - 10px);
    font-size: 15px;
    text-align: left;
    text-decoration: none;
    }
.spot_lists > li > a > dl > dd {
    color: rgb(51,51,72);
    display: inline-block;
    color: rgba(255,255,255,1);
    padding: 2px 5px 2px 5px;
    width: 70%;
    margin: 0px 0px 10px 30px;
    font-size: 13px;
    text-align: right;
    }
}
