﻿.menu_group {
    font-size: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    text-align: left;
    vertical-align: top;
    }
.menu_group > div {
    border-radius: 3px;
    border: 2px solid rgb(51,51,51);
    font-size: 16px;
    vertical-align: top;
    display: inline-block;
    padding: 0px;
    background-image: none;
    }
.menu_group > div > .s_area_space {
    color: rgb(51,51,51);
    display: inline-block;
    width: calc(100% - 0px);
    padding: 0px;
    margin: 0px;
    }
.menu_group > div > .s_area_space > a > div {
    position: relative;
    color: rgb(51,51,51);
    background: rgb(255,255,255);
    border-radius: 3px;
    display: inline-block;
    padding: 4px 30px 4px 10px;
    }
.menu_group > div.hokkaido > .s_area_space > a > div {
    background: rgba(123,104,238,0.4);
    }
.menu_group > div.tohoku > .s_area_space > a > div {
    background: rgba(123,104,238,0.4);
    }
.menu_group > div.kanto > .s_area_space > a > div {
    background: rgba(252,99,111,0.4);
    }
.menu_group > div.koshinetsu > .s_area_space > a > div {
    background: rgba(50,205,49,0.4);
    }
.menu_group > div.tokai > .s_area_space > a > div {
    background: rgba(248,181,0,0.4);
    }
.menu_group > div.kinki > .s_area_space > a > div {
    background: rgba(204,126,177,0.4);
    }
.menu_group > div.chugoku > .s_area_space > a > div {
    background: rgba(185,154,20,0.4);
    }
.menu_group > div.shikoku > .s_area_space > a > div {
    background: rgba(44,169,225,0.4);
    }
.menu_group > div.kyushu > .s_area_space > a > div {
    background: rgba(235,98,56,0.4);
    }
.menu_group > div.tetsudo > .s_area_space > a > div {
    background: rgba(154,70,150,0.4);
    }
.menu_group > div.doro > .s_area_space > a > div {
    background: rgba(255,255,255,1);
    }
.menu_group > div.kuko > .s_area_space > a > div {
    background: rgba(130,182,31,0.4);
    }
.menu_group > div.minato > .s_area_space > a > div {
    background: rgba(20,129,192,0.4);
    }
.menu_group > div.kosoku > .s_area_space > a > div {
    background: rgba(51,152,51,0.4);
    }
.menu_group > div.kokudo > .s_area_space > a > div {
    background: rgba(0,22,204,0.4);
    }
.menu_group > div.chihodo > .s_area_space > a > div {
    background: rgba(0,113,204,0.4);
    }
.menu_group > div.chihodo {
    border: 2px solid rgba(0,113,204,1);
    }
.menu_group > div.chihodo > .s_area_space {
    border-radius: 3px;
    background: rgba(235,235,255,1);
    }
.menu_group > div.chihodo > .s_area_space > a > div {
    background: rgba(255,255,255,1);
    }
.menu_group > div > .s_area_space > a > div::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    top: 10px;
    right: 10px;
    }
.menu_group > div.hokkaido > .s_area_space > a > div::after {
    border-top: 2px solid rgb(123,104,238);
    border-right: 2px solid rgb(123,104,238);
    }
.menu_group > div.tohoku > .s_area_space > a > div::after {
    border-top: 2px solid rgb(123,104,238);
    border-right: 2px solid rgb(123,104,238);
    }
.menu_group > div.kanto > .s_area_space > a > div::after {
    border-top: 2px solid rgb(252,99,111);
    border-right: 2px solid rgb(252,99,111);
    }
.menu_group > div.koshinetsu > .s_area_space > a > div::after {
    border-top: 2px solid rgb(50,205,499;
    border-right: 2px solid rgb(50,205,499;
    }
.menu_group > div.tokai > .s_area_space > a > div::after {
    border-top: 2px solid rgb(248,181,0);
    border-right: 2px solid rgb(248,181,0);
    }
.menu_group > div.kinki > .s_area_space > a > div::after {
    border-top: 2px solid rgb(204,126,177);
    border-right: 2px solid rgb(204,126,177);
    }
.menu_group > div.chugoku > .s_area_space > a > div::after {
    border-top: 2px solid rgb(185,154,20);
    border-right: 2px solid rgb(185,154,20);
    }
.menu_group > div.shikoku > .s_area_space > a > div::after {
    border-top: 2px solid rgb(44,169,225);
    border-right: 2px solid rgb(44,169,225);
    }
.menu_group > div.kyushu > .s_area_space > a > div::after {
    border-top: 2px solid rgb(235,98,56);
    border-right: 2px solid rgb(235,98,56);
    }
.menu_group > div.tetsudo > .s_area_space > a > div::after {
    border-top: 2px solid rgb(154,70,150);
    border-right: 2px solid rgb(154,70,150);
    }
.menu_group > div.doro > .s_area_space > a > div::after {
    border-top: 2px solid rgb(140,100,40);
    border-right: 2px solid rgb(140,100,40);
    }
.menu_group > div.kuko > .s_area_space > a > div::after {
    border-top: 2px solid rgb(130,182,31);
    border-right: 2px solid rgb(130,182,31);
    }
.menu_group > div.minato > .s_area_space > a > div::after {
    border-top: 2px solid rgb(20,129,192);
    border-right: 2px solid rgb(20,129,192);
    }
.menu_group > div.kosoku > .s_area_space > a > div::after {
    border-top: 2px solid rgb(51,152,51);
    border-right: 2px solid rgb(51,152,51);
    }
.menu_group > div.kokudo > .s_area_space > a > div::after {
    border-top: 2px solid rgb(0,22,204);
    border-right: 2px solid rgb(0,22,204);
    }
.menu_group > div.chihodo > .s_area_space > a > div::after {
    border-top: 2px solid rgb(0,113,204);
    border-right: 2px solid rgb(0,113,204);
    }
.menu_group > div > .area_name {
    text-align: right;
    vertical-align: bottom;
    width: 100%;
    height: 28px;
    padding: 0 0 0px 0;;
    margin: 10px 0 15px 0;
    }
.menu_group > div > .area_name > a {
    position: relative;
    display: block;
    text-align: right;
    width: calc(75% - 30px);
    margin-left: auto;
    padding: 2px 30px 3px 0px;
    color: rgb(255,255,255);
    border-radius: 15px 0px 0px 15px;
    text-decoration: none;
    }
.menu_group > div > .area_name > span {
    position: relative;
    text-align: right;
    margin-left: auto;
    padding: 2px 10px 3px 50px;
    color: rgb(5,51,51);
    text-decoration: none;
    }
.menu_group > div.hokkaido > .area_name > a {
    background: rgb(123,104,238);
    }
.menu_group > div.tohoku > .area_name > a {
    background: rgb(123,104,238);
    }
.menu_group > div.kanto > .area_name > a {
    background: rgb(252,99,111);
    }
.menu_group > div.koshinetsu > .area_name > a {
    background: rgb(50,205,499;
    }
.menu_group > div.tokai > .area_name > a {
    background: rgb(248,181,0);
    }
.menu_group > div.kinki > .area_name > a {
    background: rgb(204,126,177);
    }
.menu_group > div.chugoku > .area_name > a {
    background: rgb(185,154,20);
    }
.menu_group > div.shikoku > .area_name > a {
    background: rgb(44,169,225);
    }
.menu_group > div.kyushu > .area_name > a {
    background: rgb(235,98,56);
    }
.menu_group > div.tetsudo > .area_name > a {
    background: rgb(154,70,150);
    }
.menu_group > div.doro > .area_name > a {
    background: rgb(140,100,40);
    }
.menu_group > div.kuko > .area_name > a {
    background: rgb(130,182,31);
    }
.menu_group > div.minato > .area_name > a {
    background: rgb(20,129,192);
    }
.menu_group > div.kosoku > .area_name > a {
    background: rgb(51,152,51);
    }
.menu_group > div.kokudo > .area_name > a {
    background: rgb(0,22,204);
    }
.menu_group > div.chihodo > .area_name > a {
    background: rgb(0,113,204);
    }
.menu_group > div.hokkaido > .area_name > span {
    background: linear-gradient(90deg, rgba(123,104,238,1) 0px, rgba(123,104,238,1) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 15px, rgba(255,193,129,1) 15px, rgba(255,193,129,1) 100%);
    }
.menu_group > div.tohoku > .area_name > span {
    background: linear-gradient(90deg, rgba(123,104,238,1) 0px, rgba(123,104,238,1) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 15px, rgba(142,230,152,1) 15px, rgba(142,230,152,1) 100%);
    }
.menu_group > div.kanto > .area_name > span {
    background: linear-gradient(90deg, rgba(252,99,111,1) 0px, rgba(252,99,111,1) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 15px, rgba(255,214,225,1) 15px, rgba(255,214,225,1) 100%);
    }
.menu_group > div.koshinetsu > .area_name > span {
    background: linear-gradient(90deg, rgba(50,205,49,1) 0px, rgba(50,205,49,1) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 15px, rgba(208,239,230,1) 15px, rgba(208,239,230,1) 100%);
    }
.menu_group > div.tokai > .area_name > span {
    background: linear-gradient(90deg, rgba(248,181,0,1) 0px, rgba(248,181,0,1) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 15px, rgba(217,234,248,1) 15px, rgba(217,234,248,1) 100%);
    }
.menu_group > div.kinki > .area_name > span {
    background: linear-gradient(90deg, rgba(204,126,177,1) 0px, rgba(204,126,177,1) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 15px, rgba(246,211,246,1) 15px, rgba(246,211,246,1) 100%);
    }
.menu_group > div.chugoku > .area_name > span {
    background: linear-gradient(90deg, rgba(185,154,20,1) 0px, rgba(185,154,20,1) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 15px, rgba(241,235,208,1) 15px, rgba(241,235,208,1) 100%);
    }
.menu_group > div.shikoku > .area_name > span {
    background: linear-gradient(90deg, rgba(44,169,225,1) 0px, rgba(44,169,225,1) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 15px, rgba(219,236,254,1) 15px, rgba(219,236,254,1) 100%);
    }
.menu_group > div.kyushu > .area_name > span {
    background: linear-gradient(90deg, rgba(235,98,56,1) 0px, rgba(235,98,56,1) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 15px, rgba(255,225,225,1) 15px, rgba(255,225,225,1) 100%);
    }
.menu_group > div.tetsudo > .area_name > span {
    background: linear-gradient(90deg, rgba(154,70,150,1) 0px, rgba(154,70,150,1) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 15px, rgba(205,163,203,1) 15px, rgba(205,163,203,1) 100%);
    }
.menu_group > div.doro > .area_name > span {
    background: linear-gradient(90deg, rgba(140,100,40,1) 0px, rgba(140,100,40,1) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 15px, rgba(198,178,148,1) 15px, rgba(198,178,148,1) 100%);
    }
.menu_group > div.kuko > .area_name > span {
    background: linear-gradient(90deg, rgba(130,182,31,1) 0px, rgba(130,182,31,1) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 15px, rgba(193,219,143,1) 15px, rgba(193,219,143,1) 100%);
    }
.menu_group > div.minato > .area_name > span {
    background: linear-gradient(90deg, rgba(20,129,192,1) 0px, rgba(20,129,192,1) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 15px, rgba(138,192,224,1) 15px, rgba(138,192,224,1) 100%);
    }
.menu_group > div.kosoku > .area_name > span {
    background: linear-gradient(90deg, rgba(51,152,51,1) 0px, rgba(51,152,51,1) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 15px, rgba(153,204,153,1) 15px, rgba(153,204,153,1) 100%);
    }
.menu_group > div.kokudo > .area_name > span {
    background: linear-gradient(90deg, rgba(0,22,204,1) 0px, rgba(0,22,204,1) 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 15px, rgba(128,139,230,1) 15px, rgba(128,139,230,1) 100%);
    }
.menu_group > div.chihodo > .area_name {
    }
.menu_group > div > .area_name > a > div::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
    border-top: 2px solid rgba(255,255,255,0.8);
    border-right: 2px solid rgba(255,255,255,0.8);
    top: 10px;
    right: 15px;
    }
@media screen and (min-width:641px){
.menu_group > div {
    margin: 0px 0px 30px 30px;
    }
.menu_group > .menu_block {
    width: 256px;
    }
.menu_group > .menu_block_2 {
    width: 406px;
    }
.menu_group > .menu_block_4 {
    width: 846px;
    }
.menu_group > div > .s_area_space:empty {
    height: 20px;
    }
.menu_group > div > .s_area_space {
    padding-bottom: 20px;
    }
.menu_group > div > .s_area_space > a > div {
    margin: 20px 0px 0px 20px;
    font-size: 16px;
    }
.menu_group > div > .area_name > a {
    font-size: 16px;
    }
}
@media screen and (max-width:640px){
.menu_group > div {
    margin: 0px 0px 20px 20px;
    }
.menu_group > .menu_block {
    width: calc(100% - 40px);
    }
.menu_group > .menu_block_2 {
    width: calc(100% - 40px);
    }
.menu_group > .menu_block_4 {
    width: calc(100% - 40px);
    }
.menu_group > div > .s_area_space:empty {
    height: 20px;
    }
.menu_group > div > .s_area_space > a > div {
    margin: 0px 15px 10px 0px;
    font-size: 16px;
    }
.menu_group > div > .area_name > a {
    font-size: 16px;
    }
}
