@charset "UTF-8";
/* CSS Document */

.l-content { margin: 0 auto 0em;}
#jp_map li {
    font-family: "游ゴシック体", "Yu Gothic", "Meiryo", sans-serif;
}
#map_contents  { max-height:600px; max-width:1200px; position:relative;  }
#map_comment_jp_h2 { margin: 25px 0 0 0.6rem;  position: absolute;  width: 65vw; }
#map_greenhouse { margin: 47px 0 1rem 5.6vw; position:absolute; z-index: -10;opacity: 0.8;  max-width: 100%;
  height: auto; }
#jp_map { max-height:600px; max-width:1200px; position:relative; list-style-type:none; margin-top:2vw; padding:0; box-sizing:border-box;  }
#jp_map::before { content:''; display:block; padding:80% 0 0; }
#jp_map ul, #jp_map li { display:block; list-style:none; margin:0; padding:0; }
#jp_map a { display:block; font-weight: 700; text-decoration:none; box-sizing:border-box; color:#ffffff; border:solid #fff 1.2px; float:none; font-size:1.1em; line-height:1; padding:6px 0; text-align:center; position:absolute; margin:0; text-decoration:none;  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
  background-size: 6px 6px;   text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);}
#jp_map a:hover { opacity:.85; text-decoration:none; }
#jp_map a span { display:block; margin:0 auto; padding:0; line-height:1.1em; text-align:center; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); } 

#jp_map .hokkaido a, #jp_map .tohoku a { background-color:#dddde1; }
#jp_map .kanto a { background-color:#dddde1; }
#jp_map .chubu a { background-color:#4ab969 }
#jp_map .tokai a { background-color:#4ab969; }
#jp_map .hokuriku a { background-color:#dddde1; }
#jp_map .kansai a { background-color:#dddde1; }
#jp_map .chugoku a { background-color:#dddde1; }
#jp_map .shikoku a { background-color:#dddde1; }
#jp_map .kyushu a, #jp_map .okinawa a { background-color:#dddde1; }

#jp_map li a { height:12%; width:7%; }
#jp_map li.hokkaido a { top:0; left:81%; height:20%; width:21%; border-radius: 4px 4px 4px 0; }
#jp_map li.hokkaido a span { right:7.5%; }
#jp_map li.hokkaido a::before, #jp_map li.hokkaido a::after { display:block; z-index: 1; content:''; background-color:inherit; width:10%; height:40%; right:100%; bottom:0; position: absolute; border-radius: 4px 0 0 4px; background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
  background-size: 6px 6px;} 
#jp_map li.hokkaido a::after { content:''; border:inherit inherit inherit; z-index:-1; } 
#jp_map li.aomori a { top:21%; left:79%; height:8%; width:19%; border-radius: 4px; }
#jp_map li.iwate a { top:29%; left:89.5%; height:8%; width:10.5%; border-radius: 4px; }
#jp_map li.akita a { top:29%; left:79%; height:8%; width:10.5%; border-radius: 4px; }
#jp_map li.miyagi a { top:37%; left:89.5%; height:8%; width:10.5%; border-radius: 4px; }
#jp_map li.yamagata a { top:37%; left:79%; height:8%; width:10.5%; border-radius: 4px; }
#jp_map li.fukushima a { top:45%; left:93%; height:18%; border-radius: 4px; }
#jp_map li.ibaraki a { top:63%; left:93%; height:18%; border-radius: 4px; }
#jp_map li.tochigi a { top:57%; left:86%; border-radius: 4px; }
#jp_map li.gunma a { top:57%; left:79%; border-radius: 4px; }
#jp_map li.saitama a { top:69%; left:86%; border-radius: 4px; }
#jp_map li.chiba a { top:81%; left:93%; height:17%; border-radius: 4px; }
#jp_map li.tokyo a { top:81%; left:86%; border-radius: 4px; }
#jp_map li.kanagawa a { top:81%; left:79%; border-radius: 4px; }
#jp_map li.nigata a { top:45%; left:79%; width:14%; border-radius: 4px; }
#jp_map li.toyama a { top:45%; left:72%; border-radius: 4px; }
#jp_map li.ishikawa a { top:45%; left:65%; height:17%; border-radius: 4px; }
#jp_map li.fukui a { top:50%; left:58%; border-radius: 4px; }
#jp_map li.yamanashi a { top:69%; left:79%; border-radius: 4px; }
#jp_map li.nagano a { top:57%; left:72%; height:24%; border-radius: 4px; }
#jp_map li.gifu a { top:62%; left:65%; height:19%; border-radius: 4px; }
#jp_map li.shizuoka a { top:81%; left:72%; border-radius: 4px; }
#jp_map li.aichi a { top:81%; left:65%; border-radius: 4px; }
#jp_map li.mie a { top:86%; left:58%; border-radius: 4px; }
#jp_map li.shiga a { top:62%; left:58%; border-radius: 4px; }
#jp_map li.kyoto a { top:56%; left:51%; height:18%; border-radius: 4px; }
#jp_map li.osaka a { top:74%; left:51%; border-radius: 4px; }
#jp_map li.hyogo a { top:53%; left:44%; height:24%; border-radius: 4px; }
#jp_map li.nara a { top:74%; left:58%; border-radius: 4px; }
#jp_map li.wakayama a { top:86%; left:51%; border-radius: 4px; }
#jp_map li.tottori a { top:53%; left:37%; border-radius: 4px; }
#jp_map li.shimane a { top:53%; left:30%; border-radius: 4px; }
#jp_map li.okayama a { top:65%; left:37%; border-radius: 4px; }
#jp_map li.hiroshima a { top:65%; left:30%; border-radius: 4px; }
#jp_map li.yamaguchi a { top:59%; left:23%; border-radius: 4px; }
#jp_map li.tokushima a { top:89.5%; left:36.5%; height:8%; width:10.5%; border-radius: 4px; }
#jp_map li.kagawa a { top:81.5%; left:36.5%; height:8%; width:10.5%; border-radius: 4px; }
#jp_map li.ehime a { top:81.5%; left:26%; height:8%; width:10.5%; border-radius: 4px; }
#jp_map li.kochi a { top:89.5%; left:26%; height:8%; width:10.5%; border-radius: 4px; }
#jp_map li.fukuoka a { top:55%; left:15%; border-radius: 4px; }
#jp_map li.saga a { top:55%; left:8%; border-radius: 4px; }
#jp_map li.nagasaki a { top:55%; left:1%; height:16%; border-radius: 4px; }
#jp_map li.kumamoto a { top:67%; left:8%; border-radius: 4px; }
#jp_map li.oita a { top:67%; left:15%; border-radius: 4px; }
#jp_map li.miyazaki a { top:79%; left:15%; border-radius: 4px; }
#jp_map li.kagoshima a { top:79%; left:8%; border-radius: 4px; }
#jp_map li.okinawa a { top:88%; left:0; border-radius: 4px; }
@media screen and (max-width:782px) {
  #map_comment_jp_h2 { margin: 8px 0 0 0.6rem; }
  #jp_map { margin: 26px 8px 0 0; }
  #jp_map::before { padding:100% 0 0; }
  #jp_map li a { font-size:12px; border-width:1px; }
  #jp_map a { border-width:1px; font-size:12px; }
  #jp_map li.tokushima a, #jp_map li.kochi a { top:88%; }
  #jp_map li.kagawa a, #jp_map li.ehime a { top:80%; }
}
@media screen and (max-width:620px) {
  #jp_map a span { width: 1em; }
  #jp_map li.hokkaido a span, #jp_map li.aomori a span, #jp_map li.akita a span, #jp_map li.iwate a span, #jp_map li.yamagata a span, #jp_map li.miyagi a span, #jp_map li.nigata a span, #jp_map li.ehime a span, #jp_map li.kagawa a span, #jp_map li.kochi a span, #jp_map li.tokushima a span { width:auto; }
}
@media screen and (max-width:480px) {
#map_greenhouse { margin: 68px 0 1rem 7.6vw; position: absolute; z-index: -10; opacity: 0.4; max-width: 50%; height: auto; }
  #jp_map li a { font-size:11px; }
}