@charset "UTF-8";
@media (min-width: 751px) {
  #maincontents .map_links {
    position: absolute;
    top: 0;
    left: 0; } }
@media (min-width: 751px) {
  #maincontents .map_links h3 {
    display: none; } }
@media (max-width: 750px) {
  #maincontents .map_links h3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    background: url(../images/icon_arrow_down.svg) center right 4vw no-repeat #419238;
    background-size: 2vw auto;
    color: #fff;
    padding: 3vw 6vw;
    font-size: 3.7vw; } }
@media (min-width: 751px) {
  #maincontents .map_links .map-link-box {
    width: 200px;
    background: url(../images/bg_linkbox.jpg) repeat;
    padding: 15px; } }
@media (max-width: 750px) {
  #maincontents .map_links .map-link-box {
    display: none; } }
#maincontents .map_links .map-link-box h4 {
  color: #003080;
  text-align: center; }
  @media (min-width: 751px) {
    #maincontents .map_links .map-link-box h4 {
      font-size: 18px;
      margin-bottom: 5px; } }
  @media (max-width: 750px) {
    #maincontents .map_links .map-link-box h4 {
      font-size: 4.6vw;
      margin-bottom: 2vw; } }
@media (min-width: 751px) {
  #maincontents .map_links .map-link-box ul {
    width: 150px;
    margin: 0 auto; } }
@media (min-width: 751px) {
  #maincontents .map_links .map-link-box ul li {
    margin-bottom: 5px; }
    #maincontents .map_links .map-link-box ul li:first-child {
      position: static;
      top: 0;
      left: 0; }
    #maincontents .map_links .map-link-box ul li:last-child {
      margin-bottom: 0; } }
@media (max-width: 750px) {
  #maincontents .map_links .map-link-box ul li {
    margin-bottom: 2vw; } }
#maincontents .map_links .map-link-box ul li a {
  display: block;
  width: 100%;
  text-align: center;
  background: #003080;
  border-radius: 5px;
  color: #ffffff; }
  @media (min-width: 751px) {
    #maincontents .map_links .map-link-box ul li a {
      height: 38px;
      line-height: 38px;
      font-size: 16px; }
      #maincontents .map_links .map-link-box ul li a:hover {
        background: #fb8c00; } }
  @media (max-width: 750px) {
    #maincontents .map_links .map-link-box ul li a {
      margin-bottom: 2vw;
      line-height: 12vw;
      font-size: 3.8vw; } }
@media (min-width: 751px) {
  #maincontents .map_links .map-link-box#sapporo-link {
    position: absolute;
    top: 210px;
    left: 360px; }
  #maincontents .map_links .map-link-box#otaru-link {
    position: absolute;
    top: 255px;
    left: 350px; }
  #maincontents .map_links .map-link-box#niseko-link {
    position: absolute;
    top: 370px;
    left: 220px; }
  #maincontents .map_links .map-link-box#hakodate-link {
    position: absolute;
    top: 350px;
    left: 240px; }
  #maincontents .map_links .map-link-box#toyako-link {
    position: absolute;
    top: 470px;
    left: 580px; }
  #maincontents .map_links .map-link-box#wakkanai-link {
    position: absolute;
    top: 160px;
    left: 285px; }
  #maincontents .map_links .map-link-box#asahikawa-link {
    position: absolute;
    top: 370px;
    left: 550px; }
  #maincontents .map_links .map-link-box#furano-link {
    position: absolute;
    top: 310px;
    left: 595px; }
  #maincontents .map_links .map-link-box#abashiri-link {
    position: absolute;
    top: 130px;
    left: 615px; }
  #maincontents .map_links .map-link-box#obihiro-link {
    position: absolute;
    top: 490px;
    left: 610px; }
  #maincontents .map_links .map-link-box#kushiro-link {
    position: absolute;
    top: 480px;
    left: 670px; }
  #maincontents .map_links .map-link-box#aomori-link {
    position: absolute;
    top: 320px;
    left: 755px; }
  #maincontents .map_links .map-link-box#iwate-link {
    position: absolute;
    top: 350px;
    left: 770px; }
  #maincontents .map_links .map-link-box#akita-link {
    position: absolute;
    top: 320px;
    left: 450px; }
  #maincontents .map_links .map-link-box#miyagi-link {
    position: absolute;
    top: 440px;
    left: 750px; }
  #maincontents .map_links .map-link-box#yamagata-link {
    position: absolute;
    top: 500px;
    left: 600px; }
  #maincontents .map_links .map-link-box#fukushima-link {
    position: absolute;
    top: 520px;
    left: 710px; }
  #maincontents .map_links .map-link-box#ibaraki-link {
    position: absolute;
    top: 580px;
    left: 695px; }
  #maincontents .map_links .map-link-box#tochigi-link {
    position: absolute;
    top: 540px;
    left: 665px; }
  #maincontents .map_links .map-link-box#gunma-link {
    position: absolute;
    top: 540px;
    left: 620px; }
  #maincontents .map_links .map-link-box#saitama-link {
    position: absolute;
    top: 560px;
    left: 635px; }
  #maincontents .map_links .map-link-box#chiba-link {
    position: absolute;
    top: 520px;
    left: 710px; }
  #maincontents .map_links .map-link-box#tokyo-link {
    position: absolute;
    top: 580px;
    left: 640px; }
  #maincontents .map_links .map-link-box#kanagawa-link {
    position: absolute;
    top: 600px;
    left: 645px; }
  #maincontents .map_links .map-link-box#nigata-link {
    position: absolute;
    top: 450px;
    left: 630px; }
  #maincontents .map_links .map-link-box#toyama-link {
    position: absolute;
    top: 510px;
    left: 535px; }
  #maincontents .map_links .map-link-box#ishikawa-link {
    position: absolute;
    top: 520px;
    left: 245px; }
  #maincontents .map_links .map-link-box#fukui-link {
    position: absolute;
    top: 550px;
    left: 225px; }
  #maincontents .map_links .map-link-box#yamanashi-link {
    position: absolute;
    top: 610px;
    left: 590px; }
  #maincontents .map_links .map-link-box#nagano-link {
    position: absolute;
    top: 600px;
    left: 580px; }
  #maincontents .map_links .map-link-box#gifu-link {
    position: absolute;
    top: 600px;
    left: 520px; }
  #maincontents .map_links .map-link-box#shizuoka-link {
    position: absolute;
    top: 670px;
    left: 590px; }
  #maincontents .map_links .map-link-box#aichi-link {
    position: absolute;
    top: 610px;
    left: 525px; }
  #maincontents .map_links .map-link-box#mie-link {
    position: absolute;
    top: 650px;
    left: 485px; }
  #maincontents .map_links .map-link-box#shiga-link {
    position: absolute;
    top: 600px;
    left: 465px; }
  #maincontents .map_links .map-link-box#kyoto-link {
    position: absolute;
    top: 600px;
    left: 430px; }
  #maincontents .map_links .map-link-box#osaka-link {
    position: absolute;
    top: 630px;
    left: 425px; }
  #maincontents .map_links .map-link-box#hyogo-link {
    position: absolute;
    top: 630px;
    left: 400px; }
  #maincontents .map_links .map-link-box#nara-link {
    position: absolute;
    top: 650px;
    left: 445px; }
  #maincontents .map_links .map-link-box#wakayama-link {
    position: absolute;
    top: 700px;
    left: 430px; }
  #maincontents .map_links .map-link-box#tottori-link {
    position: absolute;
    top: 510px;
    left: 240px; }
  #maincontents .map_links .map-link-box#shimane-link {
    position: absolute;
    top: 530px;
    left: 180px; }
  #maincontents .map_links .map-link-box#okayama-link {
    position: absolute;
    top: 630px;
    left: 350px; }
  #maincontents .map_links .map-link-box#hiroshima-link {
    position: absolute;
    top: 600px;
    left: 300px; }
  #maincontents .map_links .map-link-box#yamaguchi-link {
    position: absolute;
    top: 535px;
    left: 85px; }
  #maincontents .map_links .map-link-box#tokushima-link {
    position: absolute;
    top: 670px;
    left: 370px; }
  #maincontents .map_links .map-link-box#kagawa-link {
    position: absolute;
    top: 650px;
    left: 345px; }
  #maincontents .map_links .map-link-box#ehime-link {
    position: absolute;
    top: 670px;
    left: 285px; }
  #maincontents .map_links .map-link-box#kochi-link {
    position: absolute;
    top: 690px;
    left: 330px; }
  #maincontents .map_links .map-link-box#fukuoka-link {
    position: absolute;
    top: 585px;
    left: 70px; }
  #maincontents .map_links .map-link-box#saga-link {
    position: absolute;
    top: 610px;
    left: 50px; }
  #maincontents .map_links .map-link-box#nagasaki-link {
    position: absolute;
    top: 720px;
    left: 125px; }
  #maincontents .map_links .map-link-box#kumamoto-link {
    position: absolute;
    top: 720px;
    left: 175px; }
  #maincontents .map_links .map-link-box#oita-link {
    position: absolute;
    top: 700px;
    left: 215px; }
  #maincontents .map_links .map-link-box#miyazaki-link {
    position: absolute;
    top: 770px;
    left: 215px; }
  #maincontents .map_links .map-link-box#kagoshima-link {
    position: absolute;
    top: 790px;
    left: 165px; }
  #maincontents .map_links .map-link-box#okinawa-link {
    position: absolute;
    top: 830px;
    left: 380px; } }

@media (min-width: 751px) {
  .st0 {
    fill: none; }

  .st1 {
    fill: #418045; }

  .st2 {
    fill: #E1DEBC; }

  .st3 {
    fill: #A337A6; }

  .st4 {
    fill: none;
    stroke: #808080;
    stroke-width: 0.8385;
    stroke-miterlimit: 10; }

  .st5 {
    fill: #FFFFFF; }

  .st6 {
    fill: none;
    stroke: #216822;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10; }

  #hokkaido .st6 {
    stroke: #851136; }

  .tohoku .st6 {
    stroke: #216822; }

  .kyushu .map-bg {
    fill: #a337a6; }

  .kanto .map-bg {
    fill: #814b04; }

  .hokuriku .map-bg {
    fill: #38adb6; }

  .tokai .map-bg {
    fill: #38adb6; }

  .kansai .map-bg {
    fill: #41419e; }

  .chugoku .map-bg {
    fill: #ae5222; }

  .shikoku .map-bg {
    fill: #b1aa2d; }

  .kyushu .st6 {
    stroke: #76087c; }

  .kanto .st6 {
    stroke: #5b3102; }

  .hokuriku .st6 {
    stroke: #057a7a; }

  .tokai .st6 {
    stroke: #057a7a; }

  .kansai .st6 {
    stroke: #181868; }

  .chugoku .st6 {
    stroke: #772501; }

  .shikoku .st6 {
    stroke: #776e01; }

  #selectTohoku a:link {
    text-decoration: none !important; }

  .map {
    user-select: none;
    background-image: url(../images/map_bg.png);
    background-size: contain; }

  .map-bg, .map-select.cls-1, .map-select .cls-1 {
    fill: #AE405E;
    transition: .3s; }

  .map-select.tohoku .map-bg {
    fill: #418045; }

  .map-select, .map-select-text, .map-select-hokkaido {
    cursor: pointer; }

  .map-select:hover .map-bg, .map-select-hokkaido:hover .map-bg, .map-select.cls-1:hover, .map-select:hover .cls-1 {
    fill: #fb8c00; }

  .map-link-box, .map-link-box-hokkaido {
    display: none;
    position: relative;
    z-index: 30;
    /*width: 725px; height: 725px; border-radius: 50%; background: rgba(255, 255, 255, 0.9);*/ }

  .map-link:hover {
    opacity: .5; }

  .cls-1, .cls-3 {
    fill: #fff; }

  .cls-1 {
    stroke: #478d38;
    opacity: 0.9; }

  .cls-1, .cls-5 {
    stroke-miterlimit: 10; }

  .cls-2 {
    fill: #ae405e; }

  .cls-4 {
    fill: #851136; }

  .cls-5, .cls-6 {
    fill: none; }

  .cls-5 {
    stroke: #d17c9b; }

  .cls-6 {
    stroke: #851136;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 5px; }

  #maincontents #hokkaido-link {
    width: 725px;
    height: 725px;
    position: absolute;
    top: 60px;
    left: 200px;
    padding: 65px;
    background: rgba(255, 255, 255, 0.9);
    border: #478d38 1px solid;
    border-radius: 50%; }
    #maincontents #hokkaido-link .cls-1 {
      fill: #ae405e; }
      #maincontents #hokkaido-link .cls-1:hover {
        fill: #fb8c00; }
    #maincontents #hokkaido-link .cls-1 {
      fill: #ae405e; }
    #maincontents #hokkaido-link .cls-2, #maincontents #hokkaido-link .cls-5, #maincontents #hokkaido-link .cls-6 {
      fill: none; }
    #maincontents #hokkaido-link .cls-3, #maincontents #hokkaido-link .cls-7, #maincontents #hokkaido-link .cls-8 {
      fill: #fff; }
    #maincontents #hokkaido-link .cls-4 {
      fill: #851136; }
    #maincontents #hokkaido-link .cls-5 {
      stroke: #d17c9b;
      stroke-miterlimit: 10; }
    #maincontents #hokkaido-link .cls-6, #maincontents #hokkaido-link .cls-8 {
      stroke: #851136;
      stroke-linecap: round;
      stroke-linejoin: round; }
    #maincontents #hokkaido-link .cls-6 {
      stroke-width: 5px; }
    #maincontents #hokkaido-link .cls-7 {
      opacity: 0; }
    #maincontents #hokkaido-link .cls-8 {
      stroke-width: 3px; }
    #maincontents #hokkaido-link .map_select:hover .cls-1, #maincontents #hokkaido-link .map_select:hover .map-bg {
      fill: #fb8c00; }
    #maincontents #hokkaido-link .st0 {
      fill: none;
      stroke: #D17C9B;
      stroke-miterlimit: 10; }
    #maincontents #hokkaido-link .st2 {
      fill: #AE405E; }
    #maincontents #hokkaido-link .st3 {
      fill: #FFFFFF; }
    #maincontents #hokkaido-link .st4 {
      fill: #851136;
      stroke: transparent; }
    #maincontents #hokkaido-link .st5 {
      fill: none;
      stroke: #851136;
      stroke-width: 5;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-miterlimit: 10; }
    #maincontents #hokkaido-link .map-select .st2 {
      transition: .3s; }
    #maincontents #hokkaido-link .map-select:hover .st2, #maincontents #hokkaido-link .map-select:hover .map-bg {
      fill: #fb8c00; }
    #maincontents #hokkaido-link .cbtn {
      margin: 0 auto; }
      #maincontents #hokkaido-link .cbtn:after {
        content: "×";
        background: none;
        right: auto;
        left: 60px;
        line-height: 40px;
        top: 0;
        margin-top: 0; } }
/* sublist */
@media (max-width: 750px) {
  .sublist {
    background-color: #fff;
    padding: 25px; }

  .sublist .sublistinner {
    border-bottom: 1px solid #418045;
    margin-bottom: 25px; }

  .sublist .sublistinner:last-child {
    border-bottom: none;
    margin-bottom: 0; }

  .sublistinner .area-name {
    font-size: 4vw;
    color: #003080; }

  .sublistinner a {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 9vw;
    padding-right: 4vw;
    justify-content: center;
    background: url(../images/icon_arrow_right.svg) center right 4vw no-repeat;
    background-size: auto 2vw;
    font-size: 4vw;
    padding: 2vw 4vw;
    background-color: #003080;
    border-radius: 5px;
    margin-bottom: 10px; }

  .sublistinner a:last-child {
    margin-bottom: 25px; }

  .sublist .sublistinner:last-child a:last-child {
    margin-bottom: 0; }

  #maincontents .sublistinner a:visited, #maincontents .sublistinner a:link {
    color: #fff; } }

/*# sourceMappingURL=map.css.map */