﻿@media screen and (min-width:641px){
.change_button {
    width: 100%;
    margin: 0px 0px 10px 0px;
    }
.change_button > div {
    width: calc(100% / 3);
    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;
    }
.parent > div > a > .city_name {
    position: absolute;
    z-index: 45;
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 2px 10px 2px 10px;
    right: 5px;
    bottom: 5px;
    border-radius: 6px;
    color: rgb(255,255,255);
    border: 1px solid rgb(255,255,255);
    }
.parent > .tohoku > a > .city_name {
    background: rgb(0,123,67);
    border: 2px solid rgb(0,62,34);
    }
.parent > .kanto > a > .city_name {
    background: rgb(234,85,6);
    border: 2px solid rgb(117,43,3);
    }
.parent > .chubu > a > .city_name {
    background: rgb(0,115,168);
    border: 2px solid rgb(0,58,84);
    }
.parent > .kinki > a > .city_name {
    background: rgb(170,76,143);
    border: 2px solid rgb(85,38,72);
    }
.parent > .chushi > a > .city_name {
    background: rgb(171,166,0);
    border: 2px solid rgb(86,83,0);
    }
.parent > .kyushu > a > .city_name {
    background: rgb(205,133,63);
    border: 2px solid rgb(103,67,32);
    }
.parent > .child > .icon {
    position: relative;
    width: 170px;
    height: 170px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }
.parent > .child_2 > .icon {
    position: relative;
    width: 170px;
    height: 170px;
    text-align: center;
    margin: auto;
    padding: 0px 0px 0px 0px;
    }
.parent > div > .icon > img {
    z-index: 40;
    width: 170px;
    height: 170px;
    opacity: 0.5;
    }
.spot_lists {
    width: 700px;
    text-align: left;
    vertical-align: top;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 10px 0px;
    list-style: none;
    }
}
@media screen and (max-width:640px){
.change_button {
    width: 100%;
    margin: 0px 0px 10px 0px;
    }
.change_button > div {
    width: calc(100% / 3);
    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;
    }
}
