@charset "UTF-8";
.fs-r__01 {
  font-size: 0.1rem;
}

.fs-r__b01 {
  font-size: 0.1rem;
  font-weight: bold;
}

.fs-r__02 {
  font-size: 0.2rem;
}

.fs-r__b02 {
  font-size: 0.2rem;
  font-weight: bold;
}

.fs-r__03 {
  font-size: 0.3rem;
}

.fs-r__b03 {
  font-size: 0.3rem;
  font-weight: bold;
}

.fs-r__04 {
  font-size: 0.4rem;
}

.fs-r__b04 {
  font-size: 0.4rem;
  font-weight: bold;
}

.fs-r__05 {
  font-size: 0.5rem;
}

.fs-r__b05 {
  font-size: 0.5rem;
  font-weight: bold;
}

.fs-r__06 {
  font-size: 0.6rem;
}

.fs-r__b06 {
  font-size: 0.6rem;
  font-weight: bold;
}

.fs-r__07 {
  font-size: 0.7rem;
}

.fs-r__b07 {
  font-size: 0.7rem;
  font-weight: bold;
}

.fs-r__08 {
  font-size: 0.8rem;
}

.fs-r__b08 {
  font-size: 0.8rem;
  font-weight: bold;
}

.fs-r__09 {
  font-size: 0.9rem;
}

.fs-r__b09 {
  font-size: 0.9rem;
  font-weight: bold;
}

.fs-r__10 {
  font-size: 1rem;
}

.fs-r__b10 {
  font-size: 1rem;
  font-weight: bold;
}

.fs-r__11 {
  font-size: 1.1rem;
}

.fs-r__b11 {
  font-size: 1.1rem;
  font-weight: bold;
}

.fs-r__12 {
  font-size: 1.2rem;
}

.fs-r__b12, .btn-exec {
  font-size: 1.2rem;
  font-weight: bold;
}

.fs-r__13 {
  font-size: 1.3rem;
}

.fs-r__b13 {
  font-size: 1.3rem;
  font-weight: bold;
}

.fs-r__14 {
  font-size: 1.4rem;
}

.fs-r__b14 {
  font-size: 1.4rem;
  font-weight: bold;
}

.fs-r__15 {
  font-size: 1.5rem;
}

.fs-r__b15 {
  font-size: 1.5rem;
  font-weight: bold;
}

.mgnl-r__01 {
  margin-left: 0.1rem;
}

.mgnr-r__01 {
  margin-right: 0.1rem;
}

.mgnl-r__02 {
  margin-left: 0.2rem;
}

.mgnr-r__02 {
  margin-right: 0.2rem;
}

.mgnl-r__03 {
  margin-left: 0.3rem;
}

.mgnr-r__03 {
  margin-right: 0.3rem;
}

.mgnl-r__04 {
  margin-left: 0.4rem;
}

.mgnr-r__04 {
  margin-right: 0.4rem;
}

.mgnl-r__05 {
  margin-left: 0.5rem;
}

.mgnr-r__05 {
  margin-right: 0.5rem;
}

.mgnl-r__06 {
  margin-left: 0.6rem;
}

.mgnr-r__06 {
  margin-right: 0.6rem;
}

.mgnl-r__07 {
  margin-left: 0.7rem;
}

.mgnr-r__07 {
  margin-right: 0.7rem;
}

.mgnl-r__08 {
  margin-left: 0.8rem;
}

.mgnr-r__08 {
  margin-right: 0.8rem;
}

.mgnl-r__09 {
  margin-left: 0.9rem;
}

.mgnr-r__09 {
  margin-right: 0.9rem;
}

.mgnl-r__10 {
  margin-left: 1rem;
}

.mgnr-r__10 {
  margin-right: 1rem;
}

.mgnl-r__11 {
  margin-left: 1.1rem;
}

.mgnr-r__11 {
  margin-right: 1.1rem;
}

.mgnl-r__12 {
  margin-left: 1.2rem;
}

.mgnr-r__12 {
  margin-right: 1.2rem;
}

.mgnl-r__13 {
  margin-left: 1.3rem;
}

.mgnr-r__13 {
  margin-right: 1.3rem;
}

.mgnl-r__14 {
  margin-left: 1.4rem;
}

.mgnr-r__14 {
  margin-right: 1.4rem;
}

.mgnl-r__15 {
  margin-left: 1.5rem;
}

.mgnr-r__15 {
  margin-right: 1.5rem;
}

/* テーブル線色 */
/*$store_table_border_color: red;*/
/*$const-btn01-backcolor: #17A2B8;*/
:root {
  --color-gray-0: #fff;
  --color-gray-10: #f9fafa;
  --color-gray-20: #f5f6f6;
  --color-gray-30: #edeeee;
  --color-gray-40: #dfe0e0;
  --color-gray-50: #bcbdbd;
  --color-gray-60: #9c9e9e;
  --color-gray-70: #7a7d7d;
  --color-gray-80: #5e6060;
  --color-gray-90: #494b4b;
  --color-gray-100: #3a3c3c;
  --color-gray-110: #2f3232;
  --color-gray-120: #1d2020;
  --color-green-10: #e3f7df;
  --color-green-20: #bfeeb4;
  --color-green-30: #a5e987;
  --color-green-40: #85d854;
  --color-green-50: #71cf2f;
  --color-green-60: #55c500;
  --color-green-70: #46a900;
  --color-green-80: #378d00;
  --color-green-90: #287100;
  --color-green-100: #195500;
  --color-green-110: #0a3900;
  --color-blue-10: #eaf3fb;
  --color-blue-20: #d0e6f6;
  --color-blue-30: #a5ceee;
  --color-blue-40: #83bbe7;
  --color-blue-50: #5ca7e0;
  --color-blue-60: #4097db;
  --color-blue-70: #3683bf;
  --color-blue-80: #2c6fa2;
  --color-blue-90: #235a86;
  --color-blue-100: #194669;
  --color-blue-110: #0f324d;
  --color-yellow-10: #fdf9e2;
  --color-yellow-20: #fcf0bf;
  --color-yellow-30: #fbe29d;
  --color-yellow-40: #fad47a;
  --color-yellow-50: #f9c258;
  --color-yellow-60: #f7a535;
  --color-yellow-70: #d58d2c;
  --color-yellow-80: #b07222;
  --color-yellow-90: #8d5817;
  --color-yellow-100: #6c4010;
  --color-yellow-110: #502d08;
  --color-red-10: #feebee;
  --color-red-20: #fbd0d6;
  --color-red-30: #f3a5b4;
  --color-red-40: #ec7e94;
  --color-red-50: #e75573;
  --color-red-60: #d60a34;
  --color-red-70: #be0a2c;
  --color-red-80: #a50a23;
  --color-red-90: #8d0a1b;
  --color-red-100: #740a12;
  --color-red-110: #5c0a0a;
  --color-green-container: var(--color-green-20);
  --color-blue-container: var(--color-blue-20);
  --color-yellow-container: var(--color-yellow-20);
  --color-red-container: var(--color-red-20);
  /*    --color-background: var(--color-gray-10);
      --color-surface: var(--color-gray-0);
      --color-surface-variant: var(--color-gray-20);
      --color-text-disabled: rgb(0 0 0 / 38%);
      --color-text-medium-emphasis: rgb(0 0 0 / 60%);
      --color-text-high-emphasis: rgb(0 0 0 / 87%);
      --color-divider: rgb(0 0 0 / 12%);
      --color-scrim: rgb(0 0 0 / 32%);
      --font-size-headline-1: 32px;
      --font-size-headline-2: 24px;
      --font-size-subhead-1: 20px;
      --font-size-subhead-2: 18px;
      --font-size-body-1: 16px;
      --font-size-body-2: 14px;
      --font-size-body-3: 12px;

      --line-height-headline: 1.4;
      --line-height-subhead: 1.6;
      --line-height-subhead-dense: 1.4;
      --line-height-body: 1.8;
      --line-height-body-dense: 1.5;
  */
  --line-height-body: 1.6;
  --theme-text-focus-background: #ffffcc;
  --theme-text-focus: #ffa500;
  --theme-text-readonly: #e0e0e0;
  --theme-default-button: deepskyblue;
  --theme-default-button-border: var(--color-blue-60);
  /*--theme-default-button-hover: deepskyblue;*/
  /*--theme-button01: #ffc0ff;*/
  /*--theme-button01: var(--color-green-30);*/
  --theme-button02: var(--color-yellow-20);
  --theme-success-background: #bfeeb4;
  --theme-table-border: var(--color-gray-50);
  /*--theme-success-font: #bfeeb4;*/
  --theme-info-background: #d0e6f6;
  --theme-caution-background: #efd9fd;
  --theme-warning-background: #fcf0bf;
  --theme-danger-background: #fbd0d6;
  --theme-danger-font: #ff4500;
}

html {
  font-size: 16px;
  color: var(--color-blue-100);
  width: 100%;
  height: 100%;
}

/*@include mq(tab) {
}

@include mq(pc) {
}
*/
body {
  /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;*/
  font-family: Meiryo, "Hiragino Kaku Gothic Pro", YuGothic;
  line-height: var(--line-height-body);
  width: 100%;
  height: 100%;
}
body .body__inner {
  position: relative;
  width: 100%;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}

.main {
  padding-bottom: 120px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 120px;
  padding: 20px 10%;
  color: white;
  background-color: #000;
  z-index: 1100;
}

.for-extention {
  display: none;
}

.dark-container {
  background-color: #333333;
  border-radius: 10px;
}
@media screen and (max-width: 1199px) {
  .dark-container {
    padding: 10px 3%;
  }
}
@media screen and (min-width: 1200px) {
  .dark-container {
    padding: 10px 10%;
  }
}

input {
  font-size: 100%;
}

::placeholder {
  color: var(--color-gray-50);
  font-style: italic;
  font-family: Times New Roman, "ＭＳ Ｐゴシック";
}

input[type=text],
input[type=number],
input[type=password],
input[type=email],
input[type=time],
textarea {
  outline: none;
  color: rgba(0, 0, 0, 0.87);
  background-color: var(--color-gray-0);
  border: 1px solid var(--color-gray-60);
  border-radius: 8px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 2px;
}
input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=time]:focus,
textarea:focus {
  /*background-color: rgb(255, 255, 204);*/
  background-color: var(--theme-text-focus-background);
  border-color: var(--theme-text-focus);
  border-width: 2px;
}
input[type=text].label,
input[type=number].label,
input[type=password].label,
input[type=email].label,
input[type=time].label,
textarea.label {
  border: none;
  background-color: transparent;
  width: auto;
  pointer-events: none;
}

input[type=text],
input[type=password],
input[type=email],
textarea {
  height: 2.5rem;
  width: 100%;
  /*max-width: 100%;*/
}
input[type=text].w__10,
input[type=password].w__10,
input[type=email].w__10,
textarea.w__10 {
  width: 10rem;
}

input[type=number] {
  height: 2.5rem;
  text-align: right;
  appearance: textfield;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  margin-right: 0.3em;
}
input[type=number]::-webkit-inner-spin-button {
  display: none;
}

input[type=file] {
  display: none;
}

textarea {
  line-height: var(--line-height-body);
  height: calc(var(--line-height-body) * 3em);
}

input[type=checkbox],
input[type=radio] {
  -webkit-appearance: auto;
  appearance: auto;
}

/* readonly */
[readonly] {
  background-color: var(--theme-text-readonly) !important;
  opacity: 0.6 !important;
}

input[type=checkbox][readonly] {
  pointer-events: none;
}

button {
  background-color: #2b6caf;
  color: #fff;
  border: solid 1px #5292d4;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  padding: 0 0.5rem;
  max-width: 100%;
  font-size: 1rem;
}
button:hover {
  background-color: #265f9b;
}
button:disabled {
  background-color: lightgray;
}

.btn-exec {
  /*
      blue
  @include button-styles(#007BFF, white);
      green
  @include button-styles(#28A745, white);
      orange
  @include button-styles(#FFC107, white);
      gray
  @include button-styles(#6C757D, white);
      red
  @include button-styles(#DC3545, white);
      cyan
  @include button-styles(#17A2B8, white);
      purple
  @include button-styles(#6F42C1, white);

  */
  background-color: #2b6caf;
  color: #fff;
  border: solid 1px #5292d4;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  padding: 0.5rem 10%;
  width: 50%;
  max-width: 20rem;
}
.btn-exec:hover {
  background-color: #265f9b;
}
.btn-exec:disabled {
  background-color: lightgray;
}

a {
  color: #0078d4;
}
a:hover {
  text-decoration: underline;
  text-decoration-color: blue;
}

/*aタグボタン 今の所未使用　要改修*/
.btn-a, .store-top-form .to__register a {
  display: inline-block;
  cursor: pointer;
  opacity: 1;
  padding: 0.5em 1em;
  border-radius: 5px;
  text-decoration: none;
}
.btn-a:hover, .store-top-form .to__register a:hover {
  opacity: 0.9;
}
.btn-a:active, .store-top-form .to__register a:active {
  opacity: 0.8;
}

details summary {
  cursor: pointer;
}

.img-tooltip {
  cursor: pointer;
  height: 1rem;
  height: 1rem;
  object-fit: contain;
  vertical-align: middle;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

.flex-nowrap {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.hide {
  display: none;
}

.block {
  display: inline-block;
}

.nowrap {
  white-space: nowrap;
}

.error-text {
  color: var(--theme-danger-font);
}

/* 地図関連 */
/* 現在位置(赤アイコン) */
.purple-icon, .bookmark-icon {
  -webkit-filter: hue-rotate(50deg);
  filter: hue-rotate(50deg);
}

.pink-icon, .search-base-icon {
  -webkit-filter: hue-rotate(120deg);
  filter: hue-rotate(120deg);
}

.red-icon, .cur-icon {
  -webkit-filter: hue-rotate(150deg);
  filter: hue-rotate(150deg);
}

.brown-icon {
  -webkit-filter: hue-rotate(180deg);
  filter: hue-rotate(180deg);
}

.green-icon {
  -webkit-filter: hue-rotate(250deg);
  filter: hue-rotate(250deg);
}

.paste-text {
  color: var(--color-blue-70);
}
.paste-text__btn {
  background-color: #ec7e94;
  color: #fff;
  border: solid 1px #f6c1cb;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  border-radius: 5px;
  box-shadow: 2px 2px lightgray;
}
.paste-text__btn:hover {
  background-color: #e96882;
}
.paste-text__btn:disabled {
  background-color: lightgray;
}
.paste-text__btn i {
  padding: 0.5rem;
}

/*box-shadow: 8px 8px 20px #0000001c;
*/
.modal-form {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-out;
  z-index: 1010; /* Layoutヘッダが1001*/
  /* 共通 */
}
.modal-form::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.modal-form.active {
  opacity: 1;
  visibility: visible;
}
.modal-form .modal__message__inner {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  background: #f4f4f4;
  padding: 0;
  border-radius: 5px;
  width: 80%;
  max-width: 800px;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
}
.modal-form .modal__message__inner .modal__body {
  padding: 1rem;
  vertical-align: middle;
  color: var(--color-blue-80);
  text-align: left;
}
@media screen and (max-width: 1199px) {
  .modal-form .modal__confirm__inner {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    background: #f4f4f4;
    padding: 0;
    border-radius: 5px;
    width: 80%;
    max-width: 300px;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
  }
}
@media screen and (min-width: 1200px) {
  .modal-form .modal__confirm__inner {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    background: #f4f4f4;
    padding: 0;
    border-radius: 5px;
    width: 80%;
    max-width: 500px;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
  }
}
.modal-form .modal__confirm__inner .modal__body {
  padding: 1rem;
  vertical-align: middle;
  color: var(--color-blue-80);
  text-align: left;
}
.modal-form .modal__inquiry__inner {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  background: #f4f4f4;
  padding: 0;
  border-radius: 5px;
  width: 80%;
  max-width: 600px;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
}
.modal-form .modal__inquiry__inner .modal__body {
  padding: 1rem;
  vertical-align: middle;
  color: var(--color-blue-80);
  text-align: left;
}
.modal-form .modal__inquiry__inner .modal__body ul {
  font-size: 0.7em;
}
@media screen and (max-width: 1199px) {
  .modal-form .modal__input_confirm_code__inner {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    background: #f4f4f4;
    padding: 0;
    border-radius: 5px;
    width: 80%;
    max-width: 300px;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
  }
}
@media screen and (min-width: 1200px) {
  .modal-form .modal__input_confirm_code__inner {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    background: #f4f4f4;
    padding: 0;
    border-radius: 5px;
    width: 80%;
    max-width: 500px;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
  }
}
.modal-form .modal__input_confirm_code__inner .modal__body {
  padding: 1rem;
  vertical-align: middle;
  color: var(--color-blue-80);
  text-align: center;
}
.modal-form .modal__header {
  display: flex;
  padding: 0px 15px;
  background: #2b73b7;
  color: #FFF;
  height: 2.8rem;
  justify-content: space-between;
}
.modal-form .modal__title {
  font-size: 1.4rem;
  margin: 0.7rem 0;
}
.modal-form .modal__close {
  font-size: 2rem;
  cursor: pointer;
}
.modal-form .modal__footer {
  padding: 0.5rem;
}
.modal-form .modal__ok {
  background-color: #4CAF50;
  color: #fff;
}
.modal-form .modal__cancel {
  background-color: #f44336;
  color: #fff;
}
.modal-form button {
  cursor: pointer;
  font-weight: bold;
  min-height: 3rem;
  margin: 5px;
  width: 200px;
}
.modal-form button:hover {
  opacity: 0.8;
}

.category-wrapper__content {
  padding-left: 1em;
}
.category-wrapper__content ul {
  display: flex;
}
.category-wrapper__content .category__list {
  /*display: inline-block;*/
}
.category-wrapper__content .category__list span {
  white-space: nowrap;
}
.category-wrapper__content .category__details {
  display: none;
}
.category-wrapper__content .category__details .category__content {
  padding-left: 1em;
}
.category-wrapper__content .category__details .category__content span {
  white-space: nowrap;
}

/* DropDown */
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown .dropdown-toggle {
  cursor: pointer;
}
.dropdown .dropdown-toggle::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "▼";
}
.dropdown .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  font-size: 0.9rem;
  min-width: 150px;
}
@media screen and (max-width: 767px) {
  .dropdown .dropdown-content {
    font-size: 0.8rem;
    min-width: 130px;
  }
}
@media screen and (min-width: 1200px) {
  .dropdown .dropdown-content {
    font-size: 1rem;
    min-width: 160px;
  }
}
.dropdown .dropdown-content a {
  padding: 0.5rem 0.5rem;
  color: black;
  text-decoration: none;
  display: block;
}
.dropdown .dropdown-content a:hover {
  background-color: rgba(21, 5, 240, 0.5);
}

.dropdown.active .dropdown-content {
  display: block;
  opacity: 1;
}

/* Toggle Switch */
.toggle-switch {
  position: relative;
  width: 60px;
  height: 34px;
}
.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 34px;
}
.toggle-switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
.toggle-switch input:checked + .slider {
  background-color: #2196F3;
}
.toggle-switch input:checked + .slider:before {
  transform: translateX(26px);
}
@media screen and (max-width: 767px) {
  .toggle-switch {
    width: 3rem;
    height: 1.8rem;
  }
  .toggle-switch .slider {
    border-radius: 1rem;
  }
  .toggle-switch .slider:before {
    height: 1.2rem;
    width: 1.2rem;
    left: 4px;
    bottom: 4px;
  }
  .toggle-switch input:checked + .slider:before {
    transform: translateX(1.4rem);
  }
}

/* Pen */
.pink-pen {
  background: linear-gradient(transparent 60%, rgba(255, 102, 204, 0.6784313725) 60%);
}

.blue-pen {
  background: linear-gradient(transparent 60%, rgba(102, 204, 255, 0.5098039216) 60%);
}

/*.green-pen {
    background: linear-gradient(transparent 60%, #6f6 60%);
}
*/
/*Spinner*/
.loader-wrapper {
  position: fixed;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2000;
}

/*https://projects.lukehaas.me/css-loaders/*/
/*https: //github.com/lukehaas/css-loaders/blob/step2/LICENSE*/
.loader {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

@-webkit-keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #1505f0, 1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2), 2.5em 0em 0 0em rgba(21, 5, 240, 0.2), 1.75em 1.75em 0 0em rgba(21, 5, 240, 0.2), 0em 2.5em 0 0em rgba(21, 5, 240, 0.2), -1.8em 1.8em 0 0em rgba(21, 5, 240, 0.2), -2.6em 0em 0 0em rgba(21, 5, 240, 0.5), -1.8em -1.8em 0 0em rgba(21, 5, 240, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(21, 5, 240, 0.7), 1.8em -1.8em 0 0em #1505f0, 2.5em 0em 0 0em rgba(21, 5, 240, 0.2), 1.75em 1.75em 0 0em rgba(21, 5, 240, 0.2), 0em 2.5em 0 0em rgba(21, 5, 240, 0.2), -1.8em 1.8em 0 0em rgba(21, 5, 240, 0.2), -2.6em 0em 0 0em rgba(21, 5, 240, 0.2), -1.8em -1.8em 0 0em rgba(21, 5, 240, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(21, 5, 240, 0.5), 1.8em -1.8em 0 0em rgba(21, 5, 240, 0.7), 2.5em 0em 0 0em #1505f0, 1.75em 1.75em 0 0em rgba(21, 5, 240, 0.2), 0em 2.5em 0 0em rgba(21, 5, 240, 0.2), -1.8em 1.8em 0 0em rgba(21, 5, 240, 0.2), -2.6em 0em 0 0em rgba(21, 5, 240, 0.2), -1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(21, 5, 240, 0.2), 1.8em -1.8em 0 0em rgba(21, 5, 240, 0.5), 2.5em 0em 0 0em rgba(21, 5, 240, 0.7), 1.75em 1.75em 0 0em #1505f0, 0em 2.5em 0 0em rgba(21, 5, 240, 0.2), -1.8em 1.8em 0 0em rgba(21, 5, 240, 0.2), -2.6em 0em 0 0em rgba(21, 5, 240, 0.2), -1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(21, 5, 240, 0.2), 1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2), 2.5em 0em 0 0em rgba(21, 5, 240, 0.5), 1.75em 1.75em 0 0em rgba(21, 5, 240, 0.7), 0em 2.5em 0 0em #1505f0, -1.8em 1.8em 0 0em rgba(21, 5, 240, 0.2), -2.6em 0em 0 0em rgba(21, 5, 240, 0.2), -1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(21, 5, 240, 0.2), 1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2), 2.5em 0em 0 0em rgba(21, 5, 240, 0.2), 1.75em 1.75em 0 0em rgba(21, 5, 240, 0.5), 0em 2.5em 0 0em rgba(21, 5, 240, 0.7), -1.8em 1.8em 0 0em #1505f0, -2.6em 0em 0 0em rgba(21, 5, 240, 0.2), -1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(21, 5, 240, 0.2), 1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2), 2.5em 0em 0 0em rgba(21, 5, 240, 0.2), 1.75em 1.75em 0 0em rgba(21, 5, 240, 0.2), 0em 2.5em 0 0em rgba(21, 5, 240, 0.5), -1.8em 1.8em 0 0em rgba(21, 5, 240, 0.7), -2.6em 0em 0 0em #1505f0, -1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(21, 5, 240, 0.2), 1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2), 2.5em 0em 0 0em rgba(21, 5, 240, 0.2), 1.75em 1.75em 0 0em rgba(21, 5, 240, 0.2), 0em 2.5em 0 0em rgba(21, 5, 240, 0.2), -1.8em 1.8em 0 0em rgba(21, 5, 240, 0.5), -2.6em 0em 0 0em rgba(21, 5, 240, 0.7), -1.8em -1.8em 0 0em #1505f0;
  }
}
@keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #1505f0, 1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2), 2.5em 0em 0 0em rgba(21, 5, 240, 0.2), 1.75em 1.75em 0 0em rgba(21, 5, 240, 0.2), 0em 2.5em 0 0em rgba(21, 5, 240, 0.2), -1.8em 1.8em 0 0em rgba(21, 5, 240, 0.2), -2.6em 0em 0 0em rgba(21, 5, 240, 0.5), -1.8em -1.8em 0 0em rgba(21, 5, 240, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(21, 5, 240, 0.7), 1.8em -1.8em 0 0em #1505f0, 2.5em 0em 0 0em rgba(21, 5, 240, 0.2), 1.75em 1.75em 0 0em rgba(21, 5, 240, 0.2), 0em 2.5em 0 0em rgba(21, 5, 240, 0.2), -1.8em 1.8em 0 0em rgba(21, 5, 240, 0.2), -2.6em 0em 0 0em rgba(21, 5, 240, 0.2), -1.8em -1.8em 0 0em rgba(21, 5, 240, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(21, 5, 240, 0.5), 1.8em -1.8em 0 0em rgba(21, 5, 240, 0.7), 2.5em 0em 0 0em #1505f0, 1.75em 1.75em 0 0em rgba(21, 5, 240, 0.2), 0em 2.5em 0 0em rgba(21, 5, 240, 0.2), -1.8em 1.8em 0 0em rgba(21, 5, 240, 0.2), -2.6em 0em 0 0em rgba(21, 5, 240, 0.2), -1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(21, 5, 240, 0.2), 1.8em -1.8em 0 0em rgba(21, 5, 240, 0.5), 2.5em 0em 0 0em rgba(21, 5, 240, 0.7), 1.75em 1.75em 0 0em #1505f0, 0em 2.5em 0 0em rgba(21, 5, 240, 0.2), -1.8em 1.8em 0 0em rgba(21, 5, 240, 0.2), -2.6em 0em 0 0em rgba(21, 5, 240, 0.2), -1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(21, 5, 240, 0.2), 1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2), 2.5em 0em 0 0em rgba(21, 5, 240, 0.5), 1.75em 1.75em 0 0em rgba(21, 5, 240, 0.7), 0em 2.5em 0 0em #1505f0, -1.8em 1.8em 0 0em rgba(21, 5, 240, 0.2), -2.6em 0em 0 0em rgba(21, 5, 240, 0.2), -1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(21, 5, 240, 0.2), 1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2), 2.5em 0em 0 0em rgba(21, 5, 240, 0.2), 1.75em 1.75em 0 0em rgba(21, 5, 240, 0.5), 0em 2.5em 0 0em rgba(21, 5, 240, 0.7), -1.8em 1.8em 0 0em #1505f0, -2.6em 0em 0 0em rgba(21, 5, 240, 0.2), -1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(21, 5, 240, 0.2), 1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2), 2.5em 0em 0 0em rgba(21, 5, 240, 0.2), 1.75em 1.75em 0 0em rgba(21, 5, 240, 0.2), 0em 2.5em 0 0em rgba(21, 5, 240, 0.5), -1.8em 1.8em 0 0em rgba(21, 5, 240, 0.7), -2.6em 0em 0 0em #1505f0, -1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(21, 5, 240, 0.2), 1.8em -1.8em 0 0em rgba(21, 5, 240, 0.2), 2.5em 0em 0 0em rgba(21, 5, 240, 0.2), 1.75em 1.75em 0 0em rgba(21, 5, 240, 0.2), 0em 2.5em 0 0em rgba(21, 5, 240, 0.2), -1.8em 1.8em 0 0em rgba(21, 5, 240, 0.5), -2.6em 0em 0 0em rgba(21, 5, 240, 0.7), -1.8em -1.8em 0 0em #1505f0;
  }
}
/* テーブル線色 */
/*$store_table_border_color: red;*/
.register-store-form .explanation, #store-home-form .explanation {
  font-size: 90%;
  font-weight: bold;
  color: #2196F3;
} /* ストア共通（標準タグ） */
button {
  font-weight: bold;
  min-height: 3rem;
  margin: 5px;
  width: 200px;
}

/* ストア共通（Layout） */
.header {
  position: sticky;
  /*position: -webkit-sticky;*/ /*Safari用ベンダープレフィックス*/
  top: 0;
  background-color: antiquewhite;
  z-index: 1001; /* map の+-が1000*/
}
.header__inner {
  position: sticky;
  top: 0;
  height: 48px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
  padding-right: 100px;
}
.header__inner .header__login {
  font-size: 0.9em;
  text-align: right;
  white-space: nowrap;
}
.header__inner .header__recruitment {
  text-decoration: none;
  margin-right: 0.1em;
}
.header__inner .header__recruitment img {
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .header__inner {
    padding-left: 10px;
    padding-right: 70px;
  }
}
@media screen and (min-width: 1200px) {
  .header__inner {
    padding-left: 40px;
    padding-right: 120px;
  }
}
.header__inner .header__search img {
  width: 32px;
  height: 32px;
}

.main {
  display: flex;
}
.main .main-wrapper {
  width: 100%;
  padding: 0 5%;
}
.main .main-wrapper .input-zip {
  max-width: 190px;
}
.main .main-wrapper .select-box {
  position: relative;
  display: inline-flex;
  font-size: 0.9rem;
}
@media screen and (max-width: 767px) {
  .main .main-wrapper .select-box {
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .main .main-wrapper .select-box {
    font-size: 1rem;
  }
}
.main .main-wrapper .select-box:after {
  position: absolute;
  right: 0.5em;
  width: 0.8em;
  height: 0.8em;
  background-color: #535353;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  top: 35%;
  pointer-events: none;
}
.main .main-wrapper .select-box select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0.4em 2.3em 0.4em 0.8em;
  border: 1px solid #B2B2B2;
  border-radius: 8px;
  cursor: pointer;
  background-color: transparent;
}
.main .main-wrapper .select-box select:focus {
  background-color: var(--theme-text-focus-background);
  border-width: 2px;
  outline-color: var(--theme-text-focus);
}
.main .main-wrapper .select-box select {
  height: 2.5rem;
}
.main .main-wrapper__heading {
  /*background: transparent linear-gradient(92deg, #daf5df 0%, #85d0b2 100%) 0% 0% no-repeat padding-box;*/
  margin-bottom: 5px;
}
.main .main-wrapper__heading h1 {
  font-size: 1.7rem;
  margin-top: 20px;
  margin-bottom: 5px;
  padding-left: 40px;
  color: red;
  font-weight: bold;
}
.main .main-wrapper .h2__title {
  margin-top: 20px;
  font-size: 1.4rem;
  border-left: 5px solid #008bd3;
}
.main .main-wrapper .h2__title__inner {
  margin-left: 10px;
}
.main .main-wrapper .title-split {
  display: block;
  width: 100%;
}
.main .main-wrapper .button-area {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}

/* ストア共通（Page） */
.relative {
  position: relative;
}

.hidden {
  display: none;
}

.shadow-text {
  text-shadow: 4px 4px 5px #004ce9;
}

.page-message__wrapper .page-message {
  padding: 1rem;
  border-radius: 5px;
}
.page-message__wrapper .msg--success {
  background-color: var(--theme-success-background);
}
.page-message__wrapper .msg--warning {
  background-color: var(--theme-warning-background);
}
.page-message__wrapper .msg--danger {
  background-color: var(--theme-danger-background);
}

.required::after {
  content: "必須";
  border-radius: 6px;
  background-color: #f44336;
  font-size: 0.8rem;
  color: white;
  padding: 1px 5px;
  margin-left: 1rem;
}

.shadow-box-wrapper {
  margin: 40px auto;
  box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  padding: 30px 20px;
  width: 100%;
  max-width: 650px;
}
.shadow-box-wrapper__title {
  font-size: 1.5rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 20px;
}
.shadow-box-wrapper__title:after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  height: 2px;
  background: red;
  width: 100%;
}
.shadow-box-wrapper__button-area {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}

.button__wrapper {
  text-align: center;
  padding: 1rem;
}

/* ストア共通（Modalダイアログ） */
/* 定義なし */
/* Homeぺージ*/
/* ストア会員申込ぺージ*/
.apply-form dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 20px;
}
.apply-form dl dt {
  width: 35%;
  padding: 10px 0;
  min-height: 2.5rem;
}
.apply-form dl dd {
  width: 65%;
}

/* ログインぺージ */
.login-form dl dt {
  width: 100%;
  margin-top: 20px;
}
.login-form dl dd {
  width: 100%;
}

/* ストア会員トップぺージ */
.store-top-form .top__title {
  font-size: 2.5em;
  text-align: center;
}
.store-top-form .top__title .free__caption {
  background-color: #0c94ef;
  color: white;
  padding: 0rem 1rem;
  font-weight: 600;
}
.store-top-form .to__register {
  text-align: right;
  padding: 0.5rem;
}
.store-top-form .to__register a {
  background-color: #f20015;
  color: white;
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1098039216);
}
.store-top-form li {
  margin: 0em auto 2em auto;
  background-color: rgba(0, 255, 104, 0.5019607843);
  padding: 1rem;
  box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.1098039216);
  border-radius: 8px;
}
.store-top-form li h3 {
  font-size: x-large;
  font-weight: 600;
}

/* 利用規約ぺージ */
.store-terms-form h1 {
  font-size: 2.5rem;
  text-align: center;
}
.store-terms-form h2 {
  font-weight: bold;
  margin: 1.5rem 0 0.5rem 0;
}
.store-terms-form .sub-ul {
  margin: 0rem 0 0 1rem;
}
.store-terms-form .button-area {
  text-align: center;
}

/* ストア情報登録フォーム */
.register-store-form {
  margin: 0 auto;
  /*width: 80%; // TODO  Media Query デスクトップは無い方がよいかも*/
}
.register-store-form #map {
  height: 55vh;
}
.register-store-form table {
  width: 100%;
  margin: 0.5rem 0;
  /*border: $store_table_border_width $store_table_border_color solid;*/
  border-collapse: collapse;
  box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, 0.2);
}
.register-store-form table tr th {
  border: 1px var(--theme-table-border) solid;
}
.register-store-form table tr td {
  border: 1px var(--theme-table-border) solid;
  padding: 5px 15px 15px 10px;
  /*画像選択*/
  /*座席・客室数*/
  /*空席更新パスワード*/
}
.register-store-form table tr td .td-title {
  height: 2.5rem;
  padding-top: 15px;
  display: inline-block;
}
.register-store-form table tr td .pub-img__wrapper .del-img {
  cursor: pointer;
  height: 24px;
  margin: 0 0.3em;
  object-fit: contain;
}
.register-store-form table tr td .pub-img__wrapper .pub-img {
  cursor: pointer;
  height: 96px;
  width: auto;
  /*max-width:9rem;*/
  object-fit: contain;
  padding: 2px 2px 2px 0;
}
.register-store-form table tr td .in__sheat-num {
  width: 6rem;
}
.register-store-form table tr td .in__up-password {
  width: 6rem;
}
.register-store-form table tr td .aki-items li {
  white-space: nowrap;
}
.register-store-form table tr td .aki-items .item__name {
  width: 10rem;
}
.register-store-form table tr td .aki-items .item__num {
  width: 4.5rem;
}
.register-store-form table tr td .aki-items .item__unit-name {
  width: 6rem;
}
.register-store-form table tr td .aki-items .clear-item {
  cursor: pointer;
  height: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
}
.register-store-form table tr td:first-child {
  border-right: 2px #007acc solid;
  border-bottom: none;
}
.register-store-form table .row-title {
  width: 30%;
  min-width: 4rem;
  white-space: nowrap;
  background-color: #deefff;
  vertical-align: top;
  border-bottom: none;
}
.register-store-form .btn__wrm10 {
  margin: 0;
  width: 10rem;
  min-height: 2.5rem;
}
.register-store-form .mgn__t1 {
  margin-top: 1rem;
}
.register-store-form .mgn__l4 {
  margin-left: 4rem;
}