@charset "UTF-8";
/* ▼モバイルファースト (全環境に共通のデザイン) */
.l-main .l-hiyarimap {
  position: relative;
  margin-bottom: 32px; }
  .l-main .l-hiyarimap img {
    width: 100%; }
  .l-main .l-hiyarimap .c-btnInverse {
    font-size: 1.6rem;
    position: absolute;
    top: 0;
    left: 0;
    min-width: auto; }
    .l-main .l-hiyarimap .c-btnInverse.s-kanto {
      top: 92%;
      left: 52%; }
    .l-main .l-hiyarimap .c-btnInverse.n-kanto {
      top: 82%;
      left: 54%; }
    .l-main .l-hiyarimap .c-btnInverse.niigata {
      top: 67%;
      left: 17%; }
    .l-main .l-hiyarimap .c-btnInverse.s-tohoku {
      top: 69%;
      left: 59%; }
    .l-main .l-hiyarimap .c-btnInverse.n-tohoku {
      top: 46%;
      left: 62%; }
    .l-main .l-hiyarimap .c-btnInverse.hokkaido {
      top: 15%;
      left: 31%; }

/* ▼モバイルのみ付け足すデザイン */
@media all and (max-width: 767px) {
  .l-main .l-hiyarimap .sizeM {
    padding: 7px 30px 7px 5px;
    border-radius: 0 0 16px 0;
    font-size: 13px;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: normal;
    vertical-align: middle; }
    .l-main .l-hiyarimap .sizeM:before {
      right: 6px;
      width: 18px;
      height: 18px;
      margin-top: -10px;
      font-size: 11px; }
    .l-main .l-hiyarimap .sizeM:after {
      right: 6px;
      width: 18px;
      height: 18px;
      margin-top: -10px;
      font-size: 11px; }
  .l-main .l-hiyarimap .c-btnInverse.s-kanto {
    top: 90%; }
  .l-main .l-hiyarimap .c-btnInverse.n-kanto {
    top: 80%; }
  .l-main .l-hiyarimap .c-btnInverse.niigata {
    top: 64%;
    left: 6%; }
  .l-main .l-hiyarimap .c-btnInverse.s-tohoku {
    top: 67%; }
  .l-main .l-hiyarimap .c-btnInverse.hokkaido {
    top: 13%;
    left: 15%; } }
/* ▼タブレット用デザインとして付け足すデザイン */
/* ▼PC用デザインとして付け足すデザイン */