@charset "UTF-8";
/* define layer */
@layer base {
  @layer vendor;
}
@layer mase {
  @layer layout;
  @layer parts;
  @layer content;
}
@layer temp;
@layer project {
  @layer layout;
  @layer parts;
  @layer content;
}
@layer custom;
/* base */
@layer base {
  /* lib/font */
  @font-face {
    font-family: "FontAwesome solid";
    font-style: normal;
    font-weight: 900;
    src: url("/font/fontAwesome/fa-solid-900.woff2") format("woff2");
  }
  @font-face {
    font-family: "FontAwesome regular";
    font-style: normal;
    font-weight: 400;
    src: url("/font/fontAwesome/fa-regular-400.woff2") format("woff2");
  }
  @font-face {
    font-family: "FontAwesome brands";
    font-style: normal;
    font-weight: 400;
    src: url("/font/fontAwesome/fa-brands-400.woff2") format("woff2");
  }
  @font-face {
    font-family: "Inter";
    font-weight: 200;
    font-display: swap;
    src: url("/font/Inter/Inter-Light.woff2") format("woff2");
  }
  @font-face {
    font-family: "Inter";
    font-weight: normal;
    font-display: swap;
    src: url("/font/Inter/Inter-Regular.woff2") format("woff2");
  }
  @font-face {
    font-family: "Inter";
    font-weight: 700;
    font-display: swap;
    src: url("/font/Inter/Inter-Bold.woff2") format("woff2");
  }
  @font-face {
    font-family: "Noto Sans JP";
    font-weight: 200;
    font-display: swap;
    src: url("/font/NotoSansJP/NotoSansJP-ExtraLight.woff2") format("woff2");
  }
  @font-face {
    font-family: "Noto Sans JP";
    font-weight: normal;
    font-display: swap;
    src: url("/font/NotoSansJP/NotoSansJP-Regular.woff2") format("woff2");
  }
  @font-face {
    font-family: "Noto Sans JP";
    font-weight: 700;
    font-display: swap;
    src: url("/font/NotoSansJP/NotoSansJP-Bold.woff2") format("woff2");
  }
  @font-face {
    font-family: "Noto Sans JP";
    font-weight: 900;
    font-display: swap;
    src: url("/font/NotoSansJP/NotoSansJP-Black.woff2") format("woff2");
  }
  /* font */
  @font-face {
    font-family: "Pinyon Script";
    font-weight: 400;
    font-display: swap;
    src: url("/font/PinyonScript/PinyonScript-Regular.woff2") format("woff2");
  }
  /* reset */
  * {
    box-sizing: border-box;
  }
  *:not(:where(.gm-style, ._ck, ._encapsulate) *) {
    margin: 0;
  }
  *:not(:where(.gm-style, ._ck, ._encapsulate) *)::before {
    display: inline-block;
  }
  *:not(:where(.gm-style, ._ck, ._encapsulate) *)::after {
    display: inline-block;
  }
  script, style {
    display: none !important;
  }
  html {
    font-size: var(--initial-fontSize);
    scroll-behavior: smooth;
  }
  body {
    color: var(--initial-color);
    background-color: var(--initial-bgColor);
    font-family: var(--font-sansSerif);
    font-weight: normal;
  }
  :where(h1, h2, h3, h4, h5, p, li, dt, dd, th, td, legend):not(:where(.gm-style, ._ck, ._encapsulate) *) {
    word-break: break-all;
    overflow-wrap: break-word;
  }
  :where(video, iframe, img) {
    max-width: 100%;
  }
  :where(ul, ol, menu):not(:where(.gm-style, ._ck, ._encapsulate) *) {
    padding: 0;
    list-style-type: none;
  }
  address:not(:where(.gm-style, ._ck, ._encapsulate) *) {
    font-style: normal;
  }
  code:not(:where(.gm-style, ._ck, ._encapsulate) *) {
    font-family: var(--font-monospace);
  }
  fieldset:not(:where(.gm-style, ._ck, ._encapsulate) *) {
    border: 0;
    padding: 0;
  }
  legend:not(:where(.gm-style, ._ck, ._encapsulate) *) {
    width: 100%;
  }
  :where(i, b, em, strong):not(:where(.gm-style, ._ck, ._encapsulate) *) {
    font-style: normal;
  }
  a:not(:where(.gm-style, ._ck, ._encapsulate) *) {
    display: inline-block;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: none;
    transition: 0.2s;
  }
  a:not(:where(.gm-style, ._ck, ._encapsulate) *)[href^=tel] {
    cursor: initial;
    pointer-events: none;
  }
  a:not(:where(.gm-style, ._ck, ._encapsulate) *)[href] {
    cursor: pointer;
  }
  a:not(:where(.gm-style, ._ck, ._encapsulate) *)[href]:hover {
    opacity: 0.8;
  }
  time:not(:where(.gm-style, ._ck, ._encapsulate) *) {
    word-break: keep-all;
  }
  img:not(:where(.gm-style, ._ck, ._encapsulate) *) {
    display: inline-block;
    height: auto;
    border: none;
    vertical-align: middle;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast;
  }
  :where(form, input, textarea, select, button):not(:where(.gm-style, ._ck, ._encapsulate) *) {
    font-family: var(--font-sansSerif);
    font-size: var(--initial-formFontSize);
    color: var(--initial-color);
  }
  :where(input, textarea, select, button):not(:where(.gm-style, ._ck, ._encapsulate) *) {
    border: 1px solid var(--color-border-gray);
    border-radius: 2px;
    vertical-align: baseline;
    padding: 0.5em;
  }
  :where(input, textarea, select, button, [type=file]):not(:where(.gm-style, ._ck, ._encapsulate) *) {
    max-width: 100%;
  }
  :where([type=submit], [type=button], [type=reset], button, [type=text], [type=password], [type=email], [type=number], [type=search], [type=tel]):not(:where(.gm-style, ._ck, ._encapsulate) *) {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
  }
  :where(select, [type=submit], [type=button], [type=reset], button, [type=text], [type=password], [type=email], [type=number], [type=search], [type=tel]):not(:where(.gm-style, ._ck, ._encapsulate) *) {
    min-height: var(--input-height);
  }
  :where(label, [type=submit], [type=button], [type=reset], button):not(:where(.gm-style, ._ck, ._encapsulate) *) {
    cursor: pointer;
  }
  label:not(:where(.gm-style, ._ck, ._encapsulate) *) {
    display: inline-block;
  }
  input:-webkit-autofill:not(:where(.gm-style, ._ck, ._encapsulate) *) {
    -webkit-box-shadow: 0 0 0 100em var(--color-inputBg) inset;
  }
  textarea:not(:where(.gm-style, ._ck, ._encapsulate) *) {
    width: 100%;
    min-height: 5em;
  }
  select:not(:where(.gm-style, ._ck, ._encapsulate) *) {
    background-color: #FFF;
  }
  /* animation */
  @keyframes bell {
    2% {
      transform: rotateZ(10deg);
    }
    4% {
      transform: rotateZ(-10deg);
    }
    6% {
      transform: rotateZ(10deg);
    }
    8% {
      transform: rotateZ(-10deg);
    }
    10% {
      transform: rotateZ(10deg);
    }
    12% {
      transform: rotateZ(-10deg);
    }
    14% {
      transform: rotateZ(10deg);
    }
    16% {
      transform: rotateZ(-10deg);
    }
    18% {
      transform: rotateZ(10deg);
    }
    20% {
      transform: rotateZ(-10deg);
    }
    20% {
      transform: rotateZ(0deg);
    }
  }
  @keyframes flash {
    from {
      left: 0;
      opacity: 1;
    }
    10%, 100% {
      left: calc(100% - 1em);
      opacity: 0;
    }
  }
  @keyframes spin {
    from {
      transform: rotate(0);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes swipeRight {
    from {
      opacity: 0;
      translate: -1em 0;
    }
    25% {
      opacity: 1;
      translate: 0 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes show {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes hide {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @keyframes open {
    from {
      opacity: 0;
      top: var(--animationMoveUp);
    }
    to {
      opacity: 1;
      top: 0;
    }
  }
  @keyframes close {
    from {
      opacity: 1;
      top: 0;
    }
    to {
      opacity: 0;
      top: calc(-1 * var(--animationMoveUp));
    }
  }
  @keyframes fold {
    from {
      max-height: var(--foldContentH);
    }
    to {
      max-height: var(--foldContentMaxH);
    }
  }
  @keyframes unfold {
    from {
      max-height: var(--foldContentMaxH);
    }
    to {
      max-height: var(--foldContentH);
    }
  }
}
/* variables */
@layer mase {
  :root {
    --width-min: 350px;
    --width-max: 1200px;
    --width-max-m: 1000px;
    --width-max-s: 800px;
    --width-content-min: 250px;
    --width-content-max: 400px;
    --width-input-s: 10em;
    --width-input-ss: 5em;
    --width-userList: 8em;
    --width-dialog-max: 800px;
    --height-dialog-max: 85vh;
    --font-sansSerif: "Inter", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo";
    --font-monospace: Consolas, Menlo, Courier, Inter, Noto Sans JP, Yu Gothic;
    --img-path: /image/;
    --color-gray: #999999;
    --color-gray-light: #F2F2F2;
    --color-gray-dark: #262626;
    --color-black: #0D0D0D;
    --color-ok: #0099DD;
    --color-ng: salmon;
    --color-notice: salmon;
    --color-main: #F24171;
    --color-main-on: white;
    --color-sub: #056CF2;
    --color-sub-on: white;
    --color-base: white;
    --color-inputBg: #FCFCFC;
    --color-a: var(--color-main);
    --color-border-gray: rgba(153, 153, 153, 0.5);
    --color-border-ok: rgba(0, 153, 221, 0.5);
    --color-border-ng: rgba(250, 128, 114, 0.5);
    --color-border-main: rgba(242, 65, 113, 0.5);
    --color-border-sub: rgba(5, 108, 242, 0.5);
    --color-shadow-gray: rgba(153, 153, 153, 0.5);
    --initial-color: #262626;
    --initial-bgColor: #FAFAFA;
    --initial-fontSize: 16px;
    --initial-formFontSize: 16px;
    --radius-s: 2px;
    --radius-m: 4px;
    --radius-l: 8px;
    --radius-x: 1em;
    --input-height: 2.5em;
    --zLayout-pc-1: "_a  _a  _a  _a  _a" min-content;
    --zLayout-pc-2: "_b  _b  _b  _b  _b" min-content;
    --zLayout-pc-3: "_c  _d  _d  _d  _i" min-content;
    --zLayout-pc-4: "_c  _e  _f  _g  _i" auto;
    --zLayout-pc-5: "_c  _h  _h  _h  _i" min-content;
    --zLayout-pc-6: "_j  _j  _j  _j  _j" min-content;
    --zLayout-pc-7: "_k  _k  _k  _k  _k" min-content;
    --zLayout-pc-colmuns: min-content min-content 1fr min-content min-content;
    --zLayout-sp-1: "_a" min-content;
    --zLayout-sp-2: "_b" min-content;
    --zLayout-sp-3: "_c" min-content;
    --zLayout-sp-4: "_d" min-content;
    --zLayout-sp-5: "_f" auto;
    --zLayout-sp-6: "_e" min-content;
    --zLayout-sp-7: "_g" min-content;
    --zLayout-sp-8: "_h" min-content;
    --zLayout-sp-9: "_i" min-content;
    --zLayout-sp-10: "_j" min-content;
    --zLayout-sp-11: "_k" min-content;
    /* be adjust */
    --siteHeaderHeight: 50px /* ! adjust by js */;
    --stickyPageTop: var(--siteHeaderHeight) /* ! change by js */;
    --animationMoveUp: 5vh;
    --foldContentMaxH: 200px;
    --foldOverlay: linear-gradient(to bottom, rgba(250, 250, 250, 0) 0%, var(--initial-bgColor) 100%), -webkit-linear-gradient(top, rgba(250, 250, 250, 0) 0%, var(--initial-bgColor) 100%);
    --breadcrumbMaxLength: 20em;
  }
  @layer layout {
    /* layout */
    ._z {
      min-width: var(--width-min);
      max-width: 100dvw;
      min-height: 100dvh;
    }
    @media (max-width: 750px) {
      ._z {
        display: grid;
        grid-template: var(--zLayout-sp-1) var(--zLayout-sp-2) var(--zLayout-sp-3) var(--zLayout-sp-4) var(--zLayout-sp-5) var(--zLayout-sp-6) var(--zLayout-sp-7) var(--zLayout-sp-8) var(--zLayout-sp-9) var(--zLayout-sp-10) var(--zLayout-sp-11);
      }
    }
    @media (min-width: 751px) {
      ._z {
        display: grid;
        grid-template: var(--zLayout-pc-1) var(--zLayout-pc-2) var(--zLayout-pc-3) var(--zLayout-pc-4) var(--zLayout-pc-5) var(--zLayout-pc-6) var(--zLayout-pc-7);
        grid-template-columns: var(--zLayout-pc-colmuns);
      }
    }
    @media (min-width: 1201px) {
      ._z:not(.m, .s, .x) :where(._c, ._i) {
        width: calc((100dvw - 1200px) / 2);
      }
    }
    @media (min-width: 1001px) {
      ._z.m :where(._c, ._i) {
        width: calc((100dvw - 1000px) / 2);
      }
    }
    @media (min-width: 801px) {
      ._z.s :where(._c, ._i) {
        width: calc((100dvw - 800px) / 2);
      }
    }
    ._z :where(._a, ._b, ._c, ._d, ._e, ._f, ._g, ._h, ._i, ._j, ._k):has(*) {
      width: 100%;
      margin-inline: auto;
      z-index: 0;
    }
    ._z :where(._a, ._b, ._c, ._d, ._e, ._f, ._g, ._h, ._i, ._j, ._k):not(:has(*)) {
      z-index: -1;
    }
    ._z :where(._d, ._e, ._f, ._g, ._h, ._i):has(*) {
      padding: 1em;
    }
    @media (max-width: 750px) {
      ._z :where(._c, ._e, ._g, ._i):has(*) {
        min-width: calc(var(--width-max) * 0.25);
      }
    }
    @media (min-width: 751px) {
      ._z :where(._c, ._e, ._g, ._i):has(*) {
        width: calc(var(--width-max) * 0.25);
      }
    }
    ._z ._a {
      grid-area: _a;
    }
    ._z ._b {
      grid-area: _b;
    }
    ._z ._c {
      grid-area: _c;
    }
    ._z ._d {
      grid-area: _d;
    }
    ._z ._e {
      grid-area: _e;
    }
    ._z ._f {
      grid-area: _f;
    }
    ._z ._g {
      grid-area: _g;
    }
    ._z ._h {
      grid-area: _h;
    }
    ._z ._i {
      grid-area: _i;
    }
    ._z ._j {
      grid-area: _j;
    }
    ._z ._k {
      grid-area: _k;
      margin-top: 10vh;
    }
    ._z ._cdefghi {
      grid-column: _c/_i;
      grid-row: _c/_i;
    }
    ._z ._defgh {
      grid-column: _d/_h;
      grid-row: _d/_h;
    }
    @media (max-width: 750px) {
      ._z ._efg {
        grid-column: _f/_g;
        grid-row: _f/_g;
      }
    }
    @media (min-width: 751px) {
      ._z ._efg {
        grid-column: _e/_g;
        grid-row: _e/_g;
      }
    }
    ._z main {
      min-width: 100%;
      min-height: 100%;
    }
  }
  @layer parts {
    /* common */
    body {
      min-width: var(--width-min);
      line-height: 1.4;
    }
    :where(h1, h2, h3, h4, h5):not(:where(.gm-style, ._ck, ._encapsulate) *) {
      font-size: 1em;
    }
    time:not(:where(.gm-style, ._ck, ._encapsulate) *) {
      display: inline-block;
    }
    :has([id*=itemFile], [id*=itemUpFile], [id*=gmap]) > label:not(:where(.gm-style, ._ck, ._encapsulate) *) {
      display: none;
    }
    [src="image/loading"]:not(:where(.gm-style, ._ck, ._encapsulate) *) {
      width: 2rem;
    }
    @media (max-width: 750px) {
      :is(._e):has(.u-formNav):has(*) {
        min-width: calc(var(--width-max) * 0.2);
      }
    }
    @media (min-width: 751px) {
      :is(._e):has(.u-formNav):has(*) {
        width: calc(var(--width-max) * 0.2);
      }
    }
    :is(._e) > *:not(.e-user):has(*) {
      padding: 1em 0;
    }
    :is(._e) > *:not(.e-user):has(*):first-child {
      padding-top: 0;
    }
    /* system */
    .form-fields-mase_file_data_widget {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      gap: 0.5em;
    }
    .form-fields-mase_file_data_widget :where(input, button) {
      font-size: 0.9em;
    }
    .form-fields-mase_file_data_widget button:where(.upload, .delete) {
      font-size: 0;
    }
    .form-fields-mase_file_data_widget button:where(.upload, .delete)::before {
      font-family: "FontAwesome solid";
      vertical-align: baseline;
      font-size: 1rem;
      padding: 0.75em 1em;
    }
    .form-fields-mase_file_data_widget button.upload::before {
      content: "\f093";
    }
    .form-fields-mase_file_data_widget button.delete::before {
      content: "\f057";
    }
    .mase_trial a {
      display: block;
      font-weight: bold;
      color: var(--color-main-on);
      background-color: var(--color-main);
      text-align: center;
      padding: 1em;
    }
    .mase-calendar-content span {
      display: block;
      font-size: 0.8em;
    }
    .mase-calendar-day-number {
      font-weight: bold;
    }
    .mase-calendar-day-number a.js_mase_dlg_link {
      color: var(--color-main);
    }
    .mase-calendar-day-number a.js_mase_dlg_link::before {
      font-family: "FontAwesome regular";
      content: "\f2d2";
      vertical-align: baseline;
      margin-right: 0.35em;
      font-size: 0.9em;
    }
    .tagit {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5em;
      border: none;
    }
    .tagit-new {
      flex-basis: 100%;
      float: none;
    }
    .tagit-new [type=text] {
      border: border-gray;
    }
    .tagit-choice {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      border: 1px solid var(--color-border-gray);
      border-radius: 2px;
      background-color: whitesmoke;
      padding: 0.25em 0.75em;
    }
    .tagit-close {
      position: static;
    }
    .tagit-close::before {
      font-family: "FontAwesome solid";
      content: "\f00d";
      vertical-align: baseline;
      margin-left: 0.35em;
    }
    .tagit-close span {
      display: none;
    }
    .ui-dialog {
      container: _container/inline-size;
      position: relative;
      width: clamp(300px, 75dvw, 600px) !important;
      max-height: 75dvh;
      background-color: var(--color-base);
      border: none;
      border-radius: 5px;
      box-shadow: 2px 2px 2px var(--color-shadow-gray);
      position: fixed !important;
      top: 50% !important;
      left: 50% !important;
      translate: -50% -50%;
      overflow-y: auto;
    }
    .ui-dialog:has(.anime-hideSeeks) {
      overflow: hidden;
    }
    .ui-dialog [class*=ui-] {
      /* unset */
      width: auto;
      height: auto;
      min-height: auto !important;
      font-family: "Inter", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo";
      font-size: 1rem;
      font-weight: normal;
      color: var(--initial-color);
      background: none;
      border: none;
      border-radius: 0;
      text-indent: 0;
      padding: 0;
      margin: 0;
      position: static;
    }
    .ui-dialog [class*=ui-]::before {
      display: inline-block;
    }
    .ui-dialog [class*=ui-]::after {
      display: inline-block;
    }
    .ui-dialog :where([type=text], [type=password], [type=email], [type=number], [type=search], [type=tel]) {
      width: 100%;
    }
    .ui-dialog .ui-dialog-content {
      padding: 1em 5cqw;
    }
    .ui-dialog .ui-dialog-titlebar {
      height: 0;
      background-color: transparent;
      border: none;
    }
    .ui-dialog .ui-dialog-titlebar-close {
      display: inline-block;
      font-size: 0;
      width: 2.5rem;
      height: 2.5rem;
      background: var(--color-base);
      border-radius: 100%;
      text-align: center;
      text-indent: 0;
      position: absolute;
      top: 0.5rem;
      right: 0.5rem;
      z-index: 1;
    }
    .ui-dialog .ui-dialog-titlebar-close::after {
      font-family: "FontAwesome solid";
      content: "\f00d";
      vertical-align: baseline;
      font-size: 1.5rem;
    }
    .ui-dialog .ui-dialog-titlebar span {
      display: none;
    }
    .ui-dialog .ui-dialog-buttonset {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-justify-content: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 0.5em;
      width: 100%;
      padding-bottom: 1em;
    }
    .ui-dialog .ui-dialog-buttonset button {
      height: var(--input-height);
      background-color: white;
      border: 1px solid var(--color-border-gray);
      border-radius: var(--radius-m);
      user-select: none;
      transition: 0.2s;
      padding-right: 1em;
      padding-left: 1em;
    }
    .ui-dialog .t-note {
      border-bottom: 1px solid var(--color-border-gray);
      padding: 1em;
      margin: 0;
    }
    .ui-dialog table.row tr {
      margin: 0;
    }
    .ui-widget-overlay {
      background-color: rgba(0, 0, 0, 0.5);
      opacity: 1;
    }
    .ERROR {
      display: grid;
      grid-template-rows: auto min-content;
      height: 100dvh;
    }
    .ERROR main {
      -webkit-align-self: center;
      align-self: center;
      text-align: center;
    }
    .ERROR main :where(em, i) {
      font-weight: bold;
      font-size: clamp(2em, 5vw, 4em);
    }
    .ERROR main h1 {
      padding: 1em;
    }
    .ERROR main .return {
      font-weight: bold;
      color: var(--color-a);
      padding: 1em;
    }
    .ERROR main .return::before {
      font-family: "FontAwesome solid";
      content: "\f015";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    .ERROR .t-siteFooter {
      margin-top: auto;
    }
    /* _ */
    .g {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
    }
    ._none {
      display: none;
    }
    ._container {
      container: _container/inline-size;
      position: relative;
    }
    ._subgrid {
      display: grid;
      grid-template-columns: subgrid;
      grid-template-rows: subgrid;
    }
    ._subgrid.entire {
      grid-column: 1/-1;
      grid-row: 1/-1;
    }
    ._flex {
      display: -webkit-flex;
      -webkit-align-items: baseline;
      display: flex;
      align-items: baseline;
      gap: 0.5em;
    }
    ._flex:not(.nowrap) {
      flex-wrap: wrap;
    }
    ._noImage {
      object-fit: contain;
    }
    ._ck:is(._conf *) {
      padding: 0 1em;
    }
    ._ck :where(video, iframe, img) {
      max-width: 100%;
      padding: 1em;
    }
    ._ck .u-validation {
      padding: 0;
    }
    ._ck .u-validation > li {
      list-style-type: none;
    }
    ._ck figure:first-child {
      margin-top: 0;
    }
    /* js */
    .js-dialogOpener {
      cursor: pointer;
      position: relative;
    }
    .js-dialogOpener::after {
      font-family: "FontAwesome solid";
      content: "\f00e";
      vertical-align: baseline;
      font-size: 1em;
      color: var(--color-main);
      line-height: 1;
      position: absolute;
      top: 0.5em;
      right: 0.5em;
    }
    .swiper-button-prev {
      color: var(--color-main);
      margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    }
    .swiper-button-next {
      color: var(--color-main);
      margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    }
    .swiper-button-next.u {
      height: auto;
      background-color: rgba(250, 250, 250, 0.9);
      margin-top: 0;
      top: 0;
      right: 0;
      bottom: 0;
    }
    .swiper-button-next.u::after {
      font-family: "FontAwesome solid";
      content: "\f178";
      vertical-align: baseline;
      font-size: 1em;
      animation-name: swipeRight;
      animation-duration: 3s;
      animation-delay: 1s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-fill-mode: both;
    }
    .swiper-button-disabled {
      display: none;
    }
    .swiper-pagination {
      position: static;
    }
    .swiper-pagination:is(.swiper-wrapper ~ *) {
      margin-top: 1em;
    }
    .swiper-pagination-bullet {
      margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
    }
    .swiper-pagination-bullet-active {
      background-color: var(--color-main);
    }
    .swiper-slide:has(.u-contentType:not(.image)) {
      display: grid;
      -webkit-place-items: center;
      place-items: center;
      height: auto;
    }
    .swiper-slide .image {
      width: 100%;
    }
    .swiper-thumbs {
      margin-top: 1em;
    }
    .swiper-thumbs .swiper-slide {
      cursor: pointer;
    }
    .ck-content {
      min-height: 15em;
      resize: block;
    }
    .ck-word-count {
      font-size: 0.8em;
      margin-top: 0.5em;
    }
    /* m */
    .mock-notice {
      font-size: 0.8em;
      color: gray;
      padding: 1em;
    }
    .mock-notice::before {
      font-family: "FontAwesome solid";
      content: "\f06a";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    /* form */
    .f-btn {
      background-color: transparent;
      border: none;
    }
    .f-btn.delete::before {
      font-family: "FontAwesome solid";
      content: "\f057";
      vertical-align: baseline;
    }
    .f-choice [type=radio] {
      vertical-align: middle;
      margin-right: 0.25em;
    }
    .f-date {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: baseline;
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 0.5em 0.25em;
    }
    .f-date :has(+ button) {
      margin-right: 0.5em;
    }
    .f-date button {
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
    }
    .f-datetime {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: baseline;
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 0.5em;
    }
    .f-datetime .f-date {
      display: contents;
    }
    .f-datetime div[id] {
      display: -webkit-flex;
      -webkit-align-items: baseline;
      display: flex;
      align-items: baseline;
      gap: 0.5em 0.25em;
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
    }
    .f-datetime select {
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
      width: 100%;
    }
    .f-datetime select[name*=year] {
      min-width: 5em;
    }
    .f-upload {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5em;
      border: 1px dashed rgba(153, 153, 153, 0.5);
      border-radius: var(--radius-m);
      cursor: pointer;
      padding: 1em;
    }
    .f-upload:hover {
      background-color: rgba(153, 153, 153, 0.1);
    }
    .f-upload:hover span::before {
      top: -2px;
    }
    .f-upload:has(.u-contentType) i {
      display: none;
    }
    .f-upload:not(:last-of-type) {
      margin-bottom: 1em;
    }
    .f-upload i::before {
      font-family: "FontAwesome solid";
      content: "\f0ee";
      vertical-align: baseline;
      margin-right: 0.5em;
      transition: 0.2s;
    }
    .f-upload div[id] {
      display: contents;
    }
    .f-upload [src*=loading] {
      width: 3rem;
    }
    /* util */
    a.u {
      display: inline-block;
      color: var(--color-a);
      text-decoration: underline;
    }
    fieldset.u:is(.u-form *):has(+ .u) {
      margin-bottom: 0;
    }
    fieldset.u .u-validation {
      padding: 0.5em 1em;
      padding-top: 0;
    }
    fieldset.u textarea {
      min-height: 10em;
      border: none;
      resize: block;
    }
    fieldset.u :where([type=text], [type=password], [type=email], [type=number], [type=search], [type=tel]) {
      width: 100%;
    }
    h1.u {
      font-size: 1.75em;
      margin-bottom: 1em;
    }
    h2.u {
      font-size: 1.5em;
      margin-bottom: 1em;
    }
    h2.u span {
      font-size: 0.8em;
      font-weight: normal;
      margin-left: 1em;
    }
    h3.u {
      font-size: 1.25em;
      margin-bottom: 0.75em;
    }
    h4.u {
      font-size: 1.1em;
      margin-bottom: 0.5em;
    }
    header.u {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5em 1em;
    }
    header.u:has(h1.u) {
      margin-bottom: 1.75em;
    }
    header.u:has(h2.u) {
      margin-bottom: 1.5em;
    }
    header.u:has(h3.u) {
      margin-bottom: 0.9375em;
    }
    header.u:has(h4.u) {
      margin-bottom: 0.825em;
    }
    header.u :where(h2.u, h3.u, h4.u) {
      margin-bottom: 0;
    }
    header.u .u-btn {
      font-size: 0.8em;
    }
    header.u :where(.switch, .more, .add, .edit) {
      font-weight: bold;
      font-size: 0.9em;
    }
    header.u :where(.switch, .add, .edit)::before {
      font-family: "FontAwesome solid";
      vertical-align: baseline;
      margin-right: 0.35em;
      color: var(--color-main);
    }
    header.u :where(.more, .add, .edit) {
      margin-left: auto;
    }
    header.u .switch::before {
      content: "\f0ec";
    }
    header.u .add::before {
      content: "\f055";
    }
    header.u .edit::before {
      content: "\f304";
    }
    header.u .more::after {
      font-family: "FontAwesome solid";
      content: "\f08e";
      vertical-align: baseline;
      margin-left: 0.35em;
    }
    p.u a {
      color: var(--color-a);
      padding: 0 0.25em;
    }
    p.u a[target=_blank]::after {
      font-family: "FontAwesome solid";
      content: "\f08e";
      vertical-align: baseline;
      margin-left: 0.25em;
    }
    table.u {
      /* has this _container by js */
      width: 100%;
      font-size: 0.9em;
      border-collapse: collapse;
    }
    @container _container (min-width: 501px) {
      table.u.col {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(0, auto));
      }
    }
    @container _container (min-width: 501px) {
      table.u.col :where(thead, thead tr, tbody, tbody tr) {
        display: grid;
        grid-template-columns: subgrid;
        grid-column: 1/-1;
      }
    }
    table.u.col thead {
      background-color: var(--initial-bgColor);
      border-bottom: 1px solid var(--color-border-gray);
      margin-bottom: 1em;
      position: sticky;
      top: var(--stickyPageTop);
      z-index: 1;
    }
    @container _container (max-width: 500px) {
      table.u.col thead {
        display: none;
      }
    }
    table.u.col th {
      -webkit-align-self: end;
      align-self: end;
      text-align: center;
      padding: 0.5em;
    }
    table.u.col th .label {
      font-weight: normal;
      font-size: 0.8em;
    }
    table.u.col th span {
      display: block;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
    }
    @container _container (max-width: 500px) {
      table.u.col tbody tr {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
        gap: 0 1em;
        background-color: var(--color-base);
        padding: 1em;
        margin-bottom: 2em;
      }
    }
    @container _container (min-width: 501px) {
      table.u.col tbody tr {
        margin-bottom: 1em;
        grid-template-rows: auto auto;
      }
    }
    table.u.col td {
      -webkit-align-content: center;
      align-content: center;
    }
    @container _container (max-width: 500px) {
      table.u.col td {
        grid-column: span 2;
        grid-row: span 2;
      }
    }
    @container _container (min-width: 501px) {
      table.u.col td {
        border: 1px solid var(--color-border-gray);
        border-left: none;
      }
    }
    @container _container (max-width: 500px) {
      table.u.col td:not(:last-of-type) {
        border-bottom: 1px solid var(--color-border-gray);
      }
    }
    table.u.col td:where(.header, .footer) {
      grid-column: 1/-1;
      border-color: transparent;
    }
    table.u.col td:where(.header, .footer):not(:empty) {
      padding: 0.5em 0;
    }
    table.u.col td:where(.header, .footer):not(.title) {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5em 1em;
    }
    table.u.col td:not(:where(.header, .footer)) {
      padding: 0.5em 0.75em;
    }
    @container _container (min-width: 501px) {
      table.u.col td:not(:where(.header, .footer)) {
        background-color: var(--color-base);
      }
    }
    table.u.col td:not(:where(.header, .footer)) .val > a:not(.e-user *)::before {
      font-family: "FontAwesome solid";
      content: "\f14c";
      vertical-align: baseline;
      margin-right: 0.25em;
      color: var(--color-main);
    }
    @container _container (max-width: 500px) {
      table.u.col td:not(:where(.title, .header, .footer)) {
        display: grid;
        grid-template-columns: subgrid;
      }
    }
    @container _container (min-width: 501px) {
      table.u.col td:not(.header):first-of-type {
        border-left: 1px solid var(--color-border-gray);
      }
    }
    table.u.col td:is(.header) {
      order: -1;
    }
    @container _container (max-width: 500px) {
      table.u.col td:is(.header):not(:empty) {
        padding: 0.5em 0.75em;
        margin-bottom: 0.5em;
      }
    }
    @container _container (min-width: 501px) {
      table.u.col td:is(.header):first-of-type + td {
        border-left: 1px solid var(--color-border-gray);
      }
    }
    @container _container (max-width: 500px) {
      table.u.col td.wrap :where(.label, .val) {
        grid-column: span 2;
      }
      table.u.col td.wrap .val {
        padding-left: 0.5em;
        margin-top: 0.5em;
      }
    }
    @container _container (max-width: 500px) {
      table.u.col td.title {
        order: -1;
      }
    }
    table.u.col td.title .label {
      display: none;
    }
    table.u.col td.footer > a {
      padding: 0 0.5em;
    }
    table.u.col td.footer > a:not(.u-status)::before {
      font-family: "FontAwesome solid";
      content: "\f138";
      vertical-align: baseline;
      margin-right: 0.35em;
      color: var(--color-main);
    }
    table.u.col td.footer > a.js_mase_dlg_link::before {
      font-family: "FontAwesome regular";
      content: "\f2d2";
      vertical-align: baseline;
    }
    @container _container (min-width: 501px) {
      table.u.col td.r {
        text-align: right;
      }
      table.u.col td.r .u-numUnit {
        -webkit-justify-content: end;
        justify-content: end;
      }
    }
    @container _container (min-width: 501px) {
      table.u.col td.c {
        text-align: center;
      }
      table.u.col td.c .u-numUnit {
        -webkit-justify-content: center;
        justify-content: center;
      }
    }
    table.u.col td.unsetBg {
      background-color: transparent;
      border: none;
    }
    @container _container (max-width: 500px) {
      table.u.col td :where(.label, .val) {
        grid-row: span 2;
        display: grid;
        grid-template-columns: subgrid;
        grid-template-rows: subgrid;
        -webkit-align-items: center;
        align-items: center;
      }
    }
    @container _container (min-width: 501px) {
      table.u.col td .label {
        display: none;
      }
    }
    table.u.row caption {
      display: block;
      background-color: var(--color-base);
      text-align: left;
      padding: 2em 1.5em 0;
    }
    @container _container (min-width: 501px) {
      table.u.row caption {
        padding-right: 2em;
        padding-left: 2em;
      }
    }
    table.u.row tbody {
      display: block;
      background-color: var(--color-base);
    }
    @container _container (min-width: 501px) {
      table.u.row tbody {
        display: grid;
        grid-template-columns: 1fr auto;
      }
      table.u.row tbody:not(.ui-dialog *, :has(tr.selectable)) {
        padding: 1em 0;
      }
    }
    table.u.row tr {
      display: block;
      border: 1px solid transparent;
    }
    table.u.row tr:not(:last-of-type) {
      border-bottom-color: var(--color-border-gray);
    }
    table.u.row tr:not(.ui-dialog *) {
      margin: 0 1em;
    }
    @container _container (max-width: 500px) {
      table.u.row tr {
        padding: 1em 0;
      }
    }
    @container _container (min-width: 501px) {
      table.u.row tr {
        grid-column: 1/-1;
        display: grid;
        grid-template-columns: subgrid;
        grid-template-rows: subgrid;
        -webkit-align-items: center;
        align-items: center;
      }
    }
    table.u.row tr.l :where([type=text], [type=password], [type=email], [type=number], [type=search], [type=tel]) {
      width: 100%;
    }
    table.u.row tr.l textarea {
      min-height: 10em;
    }
    @container _container (min-width: 501px) {
      table.u.row tr.m :where([type=text], [type=password], [type=email], [type=number], [type=search], [type=tel]) {
        width: var(--width-input-m);
      }
    }
    @container _container (min-width: 501px) {
      table.u.row tr.s :where([type=text], [type=password], [type=email], [type=number], [type=search], [type=tel]) {
        width: var(--width-input-s);
      }
    }
    table.u.row tr.ss :where([type=text], [type=password], [type=email], [type=number], [type=search], [type=tel]) {
      width: var(--width-input-ss);
    }
    table.u.row tr:has(.u-gMap) {
      display: block;
    }
    table.u.row tr:has(+ [data-valid="0"]) {
      border-bottom: none;
    }
    table.u.row tr[data-valid="0"] {
      border-color: var(--color-border-ng);
    }
    table.u.row tr.required th {
      position: relative;
    }
    table.u.row tr.required th::before {
      font-family: "FontAwesome solid";
      content: "*";
      vertical-align: baseline;
      margin-right: 0.5em;
      color: var(--color-ng);
      position: absolute;
      top: 0;
      left: 0.5em;
    }
    table.u.row tr.single th {
      display: none;
    }
    table.u.row tr.single td {
      grid-column: 1/span 2;
      width: 100%;
    }
    table.u.row tr.single td textarea {
      min-height: 10em;
    }
    table.u.row tr.selectable {
      padding: 1em 2em;
      margin: 0;
    }
    table.u.row tr.selectable:has(input:checked) {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    table.u.row :where(th, td) {
      display: block;
      padding: 1em 0.5em;
    }
    @container _container (min-width: 501px) {
      table.u.row :where(th, td) {
        padding: 1em;
      }
    }
    table.u.row th {
      font-weight: normal;
      font-size: 0.9em;
      opacity: 0.8;
      text-align: left;
    }
    table.u.row th .openRange {
      margin-top: 0.35em;
    }
    table.u.row th .openRange :disabled {
      display: none;
    }
    table.u.row th .openRange i {
      display: block;
    }
    table.u.row td:has(.u-gMap, .f-upload) > label {
      display: none;
    }
    @container _container (min-width: 501px) {
      table.u.row td:not(:has(.u-gMap)) {
        width: 65cqw;
      }
    }
    table.u.row td .u-validation {
      margin-bottom: 0.5em;
    }
    table.u.row td .unit {
      vertical-align: bottom;
      margin-left: 0.5em;
    }
    table.u.row td ._flex {
      -webkit-align-items: end;
      align-items: end;
    }
    table.u.row td ._flex div {
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;
    }
    table.u.row td :where(.clear, .check) {
      font-size: 0.9em;
    }
    time.u {
      color: var(--color-gray);
      font-style: italic;
      font-size: 0.8em;
    }
    ul.u > li {
      padding: 1em 0;
    }
    ul.u > li:first-of-type {
      padding-top: 0;
    }
    ul.u > li:not(:last-of-type) {
      border-bottom: 1px solid var(--color-border-gray);
    }
    .u-between {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-justify-content: space-between;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
    }
    .u-between > *:last-child {
      margin-left: auto;
    }
    .u-between .more::after {
      font-family: "FontAwesome solid";
      content: "\f08e";
      vertical-align: baseline;
      margin-left: 0.35em;
    }
    .u-calendar legend {
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0 2em;
      width: 100cqw;
      padding: 0.5em;
    }
    .u-calendar legend > * {
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;
    }
    .u-calendar legend :where(a) {
      color: var(--color-main);
      cursor: pointer;
    }
    .u-calendar legend .back {
      font-size: 1.5em;
    }
    .u-calendar legend .back::before {
      font-family: "FontAwesome solid";
      content: "\f104";
      vertical-align: baseline;
    }
    .u-calendar legend .current {
      font-weight: bold;
      font-size: 1.25em;
    }
    .u-calendar legend .next {
      font-size: 1.5em;
    }
    .u-calendar legend .next::after {
      font-family: "FontAwesome solid";
      content: "\f105";
      vertical-align: baseline;
    }
    .u-calendar table {
      width: 100%;
      table-layout: fixed;
      border: none;
      border-collapse: collapse;
      text-align: center;
    }
    .u-calendar th {
      font-size: 0.8em;
      font-weight: normal;
      border: none;
      padding: 0.5em;
      padding-bottom: 1em;
    }
    .u-calendar td {
      border: 1px solid var(--color-border-gray);
      padding: 0.5em;
    }
    .u-change {
      text-align: center;
      padding: 1em;
    }
    .u-change span {
      padding: 0.5em;
    }
    .u-change span:last-of-type::before {
      font-family: "FontAwesome solid";
      content: "\f0a9";
      vertical-align: baseline;
      margin-right: 1em;
    }
    .u-choice ul {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      gap: 0.2em;
    }
    .u-choice li {
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
    }
    .u-choice li:not(:has([type=checkbox], [type=radio])) {
      font-size: 0.9em;
      background-color: var(--color-base);
      border: 1px solid var(--color-border-gray);
      border-radius: var(--radius-s);
      text-align: center;
      padding: 0.25em 0.75em;
    }
    .u-choice li:has([type=checkbox]) label {
      font-size: 0.9em;
      background-color: var(--color-base);
      border: 1px solid var(--color-border-gray);
      border-radius: var(--radius-s);
      text-align: center;
      padding: 0.25em 0.75em;
      width: 100%;
      user-select: none;
    }
    .u-choice li:has([type=checkbox]) label:is(:checked + *) {
      color: var(--color-main-on);
      background-color: var(--color-main);
      border-color: transparent;
    }
    .u-choice li:has([type=checkbox]) input {
      display: none;
    }
    .u-choice li:has([type=radio]) {
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;
      padding: 0.5em;
    }
    .u-choice li:has([type=radio]) label {
      margin-left: 0.25em;
    }
    .u-breadcrumb li:not(:last-of-type)::after {
      font-family: "FontAwesome solid";
      vertical-align: baseline;
    }
    .u-breadcrumb a {
      display: inline-block;
      padding: 0.5em;
    }
    .u-btn {
      display: grid;
      grid-template-columns: repeat(3, auto);
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-content: center;
      align-content: center;
      -webkit-place-items: center;
      place-items: center;
      min-height: var(--input-height);
      background-color: white;
      border: 1px solid var(--color-border-gray);
      border-radius: var(--radius-m);
      user-select: none;
      transition: 0.2s;
      padding-right: 1em;
      padding-left: 1em;
    }
    .u-btn:is(.u-formFooter *, .u-btns *) {
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
      min-width: 8em;
      max-width: 24em;
    }
    .u-btn.mainPrimary {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    .u-btn.mainPrimary:hover {
      color: var(--color-main);
      background-color: var(--color-main-on);
      border: 1px solid var(--color-border-main);
      opacity: 1;
    }
    .u-btn.mainPrimary:is(.u-formFooter *, .u-btns *) {
      -webkit-flex: 2 1 auto;
      flex: 2 1 auto;
    }
    .u-btn.mainSecondary {
      color: var(--color-main);
      background-color: var(--color-main-on);
      border: 1px solid var(--color-border-main);
    }
    .u-btn.mainSecondary:hover {
      color: var(--color-main-on);
      background-color: var(--color-main);
      opacity: 1;
    }
    .u-btn.subPrimary {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
    }
    .u-btn.subPrimary:hover {
      color: var(--color-sub);
      background-color: var(--color-sub-on);
      border: 1px solid var(--color-border-sub);
      opacity: 1;
    }
    .u-btn.subSecondary {
      color: var(--color-sub);
      background-color: var(--color-sub-on);
      border: 1px solid var(--color-border-sub);
    }
    .u-btn.subSecondary:hover {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
      opacity: 1;
    }
    .u-btn.search {
      grid-template-columns: 1fr;
      text-align: center;
      position: relative;
    }
    .u-btn.search::before {
      font-family: "FontAwesome solid";
      content: "\f002";
      vertical-align: baseline;
      -webkit-justify-self: center;
      justify-self: center;
    }
    .u-btn.calendar:hover {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    .u-btn.calendar::before {
      font-family: "FontAwesome solid";
      content: "\f073";
      vertical-align: baseline;
    }
    .u-btn:where([name], .prev, .next) {
      grid-template-columns: auto 1fr auto;
      -webkit-justify-items: center;
      justify-items: center;
      gap: 0 0.5em;
    }
    .u-btn:where([name], .prev, .next)::before {
      content: "";
      display: inline-block;
    }
    .u-btn:where([name], .prev, .next)::after {
      content: "";
      display: inline-block;
    }
    .u-btn:where([name], .prev, .next)::before {
      -webkit-justify-self: start;
      justify-self: start;
    }
    .u-btn:where([name], .prev, .next)::after {
      -webkit-justify-self: end;
      justify-self: end;
    }
    .u-btn[name*="[save]"]::after {
      font-family: "FontAwesome solid";
      content: "\f058";
      vertical-align: baseline;
    }
    .u-btn:where([name*="[back]"], .prev)::before {
      font-family: "FontAwesome solid";
      content: "\f177";
      vertical-align: baseline;
    }
    .u-btn:where([name*="[conf]"], .next)::after {
      font-family: "FontAwesome solid";
      content: "\f178";
      vertical-align: baseline;
    }
    .u-btn:where([name*="[delete]"])::after {
      font-family: "FontAwesome solid";
      content: "\f057";
      vertical-align: baseline;
    }
    .u-btn[href]::before {
      font-family: "FontAwesome solid";
      vertical-align: baseline;
      margin-right: 0.5em;
    }
    .u-btn[href*="/follow"]::before {
      content: "\f4fc";
    }
    .u-btn[href*="/postMessage"]::before {
      content: "\f1d8";
    }
    .u-btn[href*="/block"]::before {
      content: "\f505";
    }
    .u-btn[href*="/unblock"]::before {
      content: "\f4fc";
    }
    .u-btn[href*="/ownerCaseList"]::before {
      content: "\f022";
    }
    .u-btn[href*="/postMessageToEntry"]::before {
      content: "\f1d8";
    }
    .u-btn[href*="/favorite"]::before {
      content: "\f004";
    }
    .u-btn[href*="/question"]::before {
      content: "\f059";
    }
    .u-btn[href*="/edit"]::before {
      content: "\f044";
    }
    .u-btn[href*="/entryManage"]::before {
      content: "\f4fe";
    }
    .u-btn.check::before {
      font-family: "FontAwesome solid";
      content: "\f14a";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    .u-btn.clear::before {
      font-family: "FontAwesome solid";
      content: "\f2d3";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    .u-btn[disabled] {
      color: var(--color-gray-light);
      background-color: var(--color-gray);
      border: var(--color-gray-light);
      cursor: auto;
    }
    .u-btn[disabled]:hover {
      color: var(--color-gray-light);
      background-color: var(--color-gray);
      border: var(--color-gray-light);
    }
    .u-btns {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-justify-content: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 0.5em;
    }
    .u-contentType:not(.image) {
      display: inline-block;
      max-width: 100%;
      border: 1px solid var(--color-border-gray);
      border-radius: var(--radius-s);
      word-break: break-all;
      padding: 0.5em 1em;
    }
    .u-contentType.application::before {
      content: "\f15b";
    }
    .u-contentType.audio::before {
      content: "\f1c7";
    }
    .u-contentType.text::before {
      content: "\f15c";
    }
    .u-contentType.video::before {
      content: "\f1c8";
    }
    .u-contentType:not(._universalMediadata) img {
      width: 5rem;
      aspect-ratio: 1;
      border-radius: var(--radius-m);
    }
    .u-contentType::before {
      font-family: "FontAwesome solid";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    .js-dialog {
      width: 100% !important;
      background-color: transparent;
      border: none;
      outline: none;
      text-align: center;
      position: fixed;
      top: 50%;
      translate: 0 -50%;
      z-index: 999;
    }
    .js-dialog * {
      background-color: transparent;
      border: none;
      outline: none;
    }
    .u-dialog {
      display: inline-block;
      max-width: var(--width-dialog-max);
      max-height: var(--height-dialog-max);
      position: relative;
    }
    .u-dialog:is([open] *) {
      animation: show 0.25s ease-in 0s;
    }
    .u-dialog:is(.loading *)::before {
      content: "";
      display: block;
      width: 50px;
      aspect-ratio: 1;
      border: 5px solid var(--color-main);
      border-top: 5px solid transparent;
      border-radius: 50%;
      animation: spin 0.75s linear 0s infinite;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 0;
      translate: -50% -50%;
    }
    .u-dialog:not(.loading *) .content {
      display: inline-block;
      color: var(--initial-color);
      background-color: var(--color-base);
      border: 5px solid var(--color-base);
      border-radius: 8px;
      box-shadow: 2px 2px 5px lightgray;
      word-break: break-all;
      text-align: initial;
      overflow: hidden;
    }
    .u-dialog:not(.loading *) .content:not(:has(img)) {
      padding: max(1em, 1cqw) 1cqw;
    }
    .u-dialog:not(.loading *) .close {
      display: block;
      width: 30px;
      height: 30px;
      min-height: unset;
      color: white;
      background-color: var(--color-base);
      border-radius: 100%;
      cursor: pointer;
      line-height: 30px;
      position: absolute;
      top: 0;
      right: 0;
      translate: 25% -25%;
      box-shadow: 2px 2px 2px lightgray;
    }
    .u-dialog:not(.loading *) .close span {
      display: block;
      width: 75%;
      height: 2px;
      background-color: var(--color-main);
      border-radius: 2px;
      margin-inline: auto;
    }
    .u-dialog:not(.loading *) .close span:first-child {
      rotate: 45deg;
      translate: 0 1px;
    }
    .u-dialog:not(.loading *) .close span:last-child {
      rotate: -45deg;
      translate: 0 -1px;
    }
    .u-dialog img {
      display: block;
      border-radius: 8px;
      object-fit: contain;
    }
    .u-dls {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 0.5em 1em;
    }
    .u-dls dl {
      display: grid;
      grid-template-columns: subgrid;
      grid-template-rows: subgrid;
      -webkit-align-items: center;
      align-items: center;
      grid-column: span 2;
    }
    .u-dlDatas {
      display: grid;
      grid-template-columns: min-content auto;
      grid-template-rows: auto auto;
      gap: 0.5em 1em;
      font-size: 0.9em;
    }
    .u-dlDatas section {
      display: contents;
    }
    .u-dlDatas h4 {
      grid-column: 1/span 2;
      font-size: 0.9em;
      text-align: center;
    }
    .u-dlDatas h4::before {
      font-family: "FontAwesome solid";
      content: "\f023";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    .u-dlDatas dl {
      display: grid;
      grid-template-columns: subgrid;
      grid-template-rows: subgrid;
      -webkit-align-items: center;
      align-items: center;
      grid-column: 1/-1;
      grid-row: span 2;
      padding: 0.5em;
    }
    .u-dlDatas dl:not(:last-of-type) {
      border-bottom: 1px solid var(--color-border-gray);
    }
    .u-dlDatas dt {
      font-size: 0.9em;
      color: var(--color-gray);
      white-space: nowrap;
      margin-bottom: 0.25em;
    }
    .u-dlDatas dt:is(.single *) {
      grid-column: 1/span 2;
      grid-row: span 1;
    }
    .u-dlDatas dd:not(.single *) {
      -webkit-justify-self: end;
      justify-self: end;
    }
    .u-dlDatas dd:is(.single *) {
      grid-column: 1/span 2;
      grid-row: span 1;
    }
    .u-evaluationList {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1em;
    }
    @container _container (min-width: 601px) {
      .u-evaluationList {
        grid-template-columns: 1fr 1fr;
      }
    }
    .u-flash {
      position: relative;
    }
    .u-flash::after {
      content: "";
      display: inline-block;
      width: 2em;
      height: 100%;
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
      clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
      animation-name: flash;
      animation-duration: 5s;
      animation-delay: 0.5s;
      animation-timing-fuction: ease-in-out;
      animation-iteration-count: infinite;
      animation-fill-mode: forwards;
      position: absolute;
      left: -2em;
    }
    .u-form fieldset {
      border-radius: var(--radius-m);
      margin-bottom: 2em;
    }
    .u-form legend {
      width: auto;
      font-weight: bold;
      font-size: 0.9em;
      color: var(--color-main);
      padding: 1em;
      translate: 0 0.5em;
    }
    .u-form legend:is(.required *) {
      position: relative;
    }
    .u-form legend:is(.required *)::before {
      font-family: "FontAwesome solid";
      content: "*";
      vertical-align: baseline;
      margin-right: 0.5em;
      color: var(--color-ng);
      position: absolute;
      top: 0;
      left: 0.5em;
    }
    .u-form .u-formFooter {
      background-color: var(--color-base);
      padding: 1em;
      position: sticky;
      bottom: 0;
      z-index: 1;
    }
    .u-formFooter {
      container: u-formFooter/inline-size;
      position: relative;
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      gap: 2cqw;
      padding: 1em 0;
    }
    .u-formFooter:not(:is(.ui-dialog *)) {
      margin-top: 1em;
    }
    .u-formFooter div {
      display: contents;
    }
    .u-formNav {
      container: u-formNav/inline-size;
      position: relative;
      position: sticky;
      top: var(--stickyPageTop);
    }
    .u-formNav nav {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      gap: 0.25em;
      padding-top: 1em;
    }
    .u-formNav a {
      display: block;
      font-size: 0.9em;
      background-color: white;
      border: 1px solid transparent;
      cursor: pointer;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 0.25em 0.75em;
      margin-bottom: 0.5em;
    }
    @container u-formNav (max-width: 300px) {
      .u-formNav a {
        width: 100%;
      }
    }
    .u-formNav a:hover {
      border-color: var(--color-border-gray);
    }
    .u-formNav a:is(.submitted *)[data-valid="0"]::before {
      content: "\f06a";
      color: var(--color-ng);
    }
    .u-formNav a:is(.submitted *)[data-valid="1"]::before {
      content: "\f058";
      color: var(--color-ok);
    }
    .u-formNav a::before {
      font-family: "FontAwesome solid";
      content: "\f138";
      vertical-align: baseline;
      display: inline-block;
      width: 1.5em;
      color: var(--color-gray);
      text-align: center;
    }
    .u-fromTo {
      word-break: keep-all;
    }
    .u-gMap {
      width: 100%;
      min-height: 250px;
      border-radius: var(--radius-l);
      resize: both;
      position: relative;
    }
    .u-gMap::after {
      font-family: "FontAwesome solid";
      content: "\f424";
      vertical-align: baseline;
      font-size: 1.5em;
      color: var(--color-main);
      position: absolute;
      right: 0.25em;
      bottom: 0.25em;
      z-index: 1;
      rotate: 90deg;
    }
    .u-gridList {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(var(--width-content-min), 1fr));
      gap: 1em;
    }
    @container _container (max-width: calc(500px + 1em)) {
      .u-gridList {
        -webkit-justify-content: center;
        justify-content: center;
      }
    }
    .u-help {
      display: block;
      font-size: smaller;
      margin-top: 0.25em;
    }
    .u-help:first-of-type {
      margin-top: 0.5em;
    }
    .u-help::before {
      content: "※";
    }
    .u-invalidInfo:has(*) {
      margin-bottom: 1em;
    }
    .u-keyword input {
      border-radius: 1.5em;
    }
    .u-label {
      display: inline-grid;
      grid-template-columns: auto auto min-content;
      -webkit-align-content: center;
      align-content: center;
      font-size: 0.9em;
      background-color: var(--color-base);
    }
    .u-label:is(.zerohide *):has([data-count="0"]) {
      display: none;
    }
    .u-label :where(dt, dd) {
      border: 1px solid var(--color-border-gray);
    }
    .u-label :where(dt, p, i, a) {
      padding: 0.25em 0.5em;
    }
    .u-label dt {
      font-weight: bold;
      border-right: none;
      border-top-left-radius: var(--radius-m);
      border-bottom-left-radius: var(--radius-m);
      padding-right: 1em;
      padding-left: 1em;
    }
    .u-label dd {
      grid-column: 2/-1;
      display: grid;
      grid-template-columns: subgrid;
      grid-template-rows: subgrid;
      border-top-right-radius: var(--radius-m);
      border-bottom-right-radius: var(--radius-m);
    }
    .u-label i {
      display: inline-block;
    }
    .u-label i:not([data-count="0"] *) {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
    }
    .u-label p {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 1.5em;
    }
    .u-label p br {
      display: none;
    }
    .u-label a {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    .u-label a::before {
      font-family: "FontAwesome solid";
      content: "\f044";
      vertical-align: baseline;
    }
    .u-mediaDatas {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      gap: 1em;
    }
    .u-mediaDatas:has(:not([type=hidden])) {
      padding: 1em 0;
    }
    .u-mediaDatas a:is(.image) {
      width: max(10cqw, 5em);
    }
    .u-mediaDatas a:is(.image) img {
      width: 100%;
      aspect-ratio: 1;
      border-radius: var(--radius-m);
    }
    .u-mediaDatas a:not(.image) {
      -webkit-align-self: center;
      align-self: center;
    }
    .u-manages:has(a, span) {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-justify-content: end;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: end;
      align-items: center;
      padding: 1em 0;
    }
    .u-manages:has(a, span) div {
      display: contents;
    }
    .u-manages :where(a, span) {
      font-size: 0.9em;
      padding: 0.25em 1em;
    }
    .u-manages a.add::before {
      content: "\f31c";
    }
    .u-manages a.edit::before {
      content: "\f304";
    }
    .u-manages a.list::before {
      content: "\f0cb";
    }
    .u-manages a.change::before {
      content: "\f363";
    }
    .u-manages a.elect::before {
      content: "\e2ca";
    }
    .u-manages a::before {
      font-family: "FontAwesome solid";
      vertical-align: baseline;
      margin-right: 0.25em;
      color: var(--color-main);
    }
    .u-metaDatas {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      gap: 0.5em;
    }
    .u-metaDatas li:is(.hierarchy *):not(:first-child)::before {
      content: "\f105";
      margin-right: 0.5em;
    }
    .u-metaDatas li:not(:has(.u-status)):is(.tag *)::before {
      content: "\f02b";
    }
    .u-metaDatas li:not(:has(.u-status))::before {
      font-family: "FontAwesome solid";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    .u-note:not(:empty) {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      padding: 1em 0;
    }
    .u-note:not(:empty)::before {
      font-family: "FontAwesome solid";
      content: "\f05a";
      vertical-align: baseline;
      margin-right: 0.5em;
      color: var(--color-main);
    }
    .u-note.c {
      -webkit-justify-content: center;
      justify-content: center;
    }
    .u-notice {
      color: var(--color-ng);
    }
    .u-notice:not(:empty) {
      padding: 1em 0;
    }
    .u-notice.c {
      text-align: center;
    }
    .u-numUnit {
      display: -webkit-flex;
      -webkit-align-items: baseline;
      display: flex;
      align-items: baseline;
    }
    .u-numUnit:is(.mainCurrency) b {
      font-size: 1.5em;
      color: var(--color-main);
    }
    .u-numUnit:not(.mainCurrency) b {
      font-weight: normal;
    }
    .u-numUnit small {
      font-size: 0.85em;
      margin-left: 0.5em;
    }
    .u-openClose {
      container: openClose/inline-size;
      position: relative;
      display: none;
      opacity: 0;
      position: relative;
      top: calc(-1 * var(--animationMoveUp));
    }
    .u-openClose:is(:has(:checked) + *) {
      display: block;
      animation-name: open;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    .u-openCloser {
      display: -webkit-flex;
      -webkit-justify-content: center;
      display: flex;
      justify-content: center;
    }
    .u-openCloser:has(:checked)::after {
      rotate: 180deg;
    }
    .u-openCloser::after {
      font-family: "FontAwesome solid";
      content: "\f078";
      vertical-align: baseline;
      display: inline-block;
      text-align: center;
      transition: 0.25s;
      rotate: 0deg;
    }
    .u-openCloser input {
      display: none;
    }
    .u-openRange.public::before {
      content: "\f3c1";
    }
    .u-openRange.member::before {
      content: "\f502";
    }
    .u-openRange.private::before {
      content: "\f023";
    }
    .u-openRange::before {
      font-family: "FontAwesome solid";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    .u-pageNav {
      border-top: 1px solid var(--color-border-gray);
      border-bottom: 1px solid var(--color-border-gray);
      padding: 0.5em 1em;
    }
    .u-pageNav.u-sticky {
      width: 100%;
      background-color: var(--initial-bgColor);
      top: var(--siteHeaderHeight);
    }
    .u-pageNav nav:is(.swiper-wrapper) {
      height: auto;
    }
    .u-pageNav nav:not(.swiper-wrapper) {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
    }
    .u-pageNav a {
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 0.9em;
      cursor: pointer;
      padding: 0.25em 0.75em;
    }
    .u-pageNav a:is(.swiper-wrapper *) {
      width: auto;
    }
    .u-pageNav a:not(.swiper-wrapper *) {
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
    }
    .u-pageNav a:not(:last-of-type) {
      border-right: 1px solid var(--color-border-gray);
    }
    .u-pageNav a::after {
      font-family: "FontAwesome solid";
      content: "\f107";
      vertical-align: baseline;
      margin-left: 1em;
    }
    .u-progress {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      gap: 1em 0;
    }
    .u-progress span {
      display: inline-block;
      width: 7em;
      font-size: 0.7em;
      text-align: center;
      position: relative;
    }
    .u-progress span:last-of-type::after {
      display: none;
    }
    .u-progress span.active b::before {
      font-family: "FontAwesome solid";
      content: "\f111";
      vertical-align: baseline;
    }
    .u-progress span.active ~ span b::before {
      font-family: "FontAwesome regular";
      content: "\f111";
      vertical-align: baseline;
    }
    .u-progress span:where(.disabled, .rejection):not(.active) {
      display: none;
    }
    .u-progress span:first-of-type::before {
      border-top-left-radius: 0.5em;
      border-bottom-left-radius: 0.5em;
    }
    .u-progress span::before {
      content: "";
      display: inline-block;
      width: calc(50% - 1em + 1px);
      height: 8px;
      background-color: var(--color-main);
      position: absolute;
      top: 1em;
    }
    .u-progress span::after {
      content: "";
      display: inline-block;
      width: calc(50% - 1em + 1px);
      height: 8px;
      background-color: var(--color-main);
      position: absolute;
      top: 1em;
    }
    .u-progress span::before {
      left: 0;
    }
    .u-progress span::after {
      right: 0;
    }
    .u-progress b::before {
      font-family: "FontAwesome solid";
      content: "\f058";
      vertical-align: baseline;
      display: block;
      font-size: 2em;
      color: var(--color-main);
      margin-bottom: 0.25em;
    }
    .u-rangeForm:not(.datetime) {
      display: -webkit-flex;
      -webkit-align-items: start;
      display: flex;
      align-items: start;
      gap: 0.5em;
    }
    @container _container (min-width: 901px) {
      .u-rangeForm:is(.datetime) {
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        -webkit-align-items: start;
        display: flex;
        flex-wrap: wrap;
        align-items: start;
        gap: 0.5em;
      }
    }
    .u-rangeForm > div:not(.datetime *) {
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;
    }
    @container _container (min-width: 901px) {
      .u-rangeForm > div:is(.datetime *) {
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
      }
    }
    .u-rangeForm > div:has(.unit) {
      display: grid;
      grid-template-columns: auto auto;
      -webkit-align-items: baseline;
      align-items: baseline;
    }
    .u-rangeForm > span {
      display: block;
      text-align: center;
    }
    @container _container (max-width: 900px) {
      .u-rangeForm > span:is(.datetime *)::after {
        rotate: 90deg;
      }
    }
    .u-rangeForm > span::after {
      font-family: "FontAwesome solid";
      content: "\e4ba";
      vertical-align: baseline;
      display: inline-block;
      padding: 0.5em 0;
    }
    .u-rate {
      display: -webkit-flex;
      display: flex;
      color: var(--color-main);
    }
    .u-rate::before {
      font-family: "FontAwesome solid";
      content: "";
      vertical-align: baseline;
      order: -2;
    }
    .u-rate::after {
      font-family: "FontAwesome regular";
      content: "";
      vertical-align: baseline;
      order: -1;
      margin-right: 0.5em;
    }
    .u-rate[data-rate="0.5"]::before {
      content: "\f5c0";
    }
    .u-rate[data-rate="0.5"]::after {
      content: "\f005\f005\f005\f005";
    }
    .u-rate[data-rate="1.0"]::before {
      content: "\f005";
    }
    .u-rate[data-rate="1.0"]::after {
      content: "\f005\f005\f005\f005";
    }
    .u-rate[data-rate="1.5"]::before {
      content: "\f005\f5c0";
    }
    .u-rate[data-rate="1.5"]::after {
      content: "\f005\f005\f005";
    }
    .u-rate[data-rate="2.0"]::before {
      content: "\f005\f005";
    }
    .u-rate[data-rate="2.0"]::after {
      content: "\f005\f005\f005";
    }
    .u-rate[data-rate="2.5"]::before {
      content: "\f005\f005\f5c0";
    }
    .u-rate[data-rate="2.5"]::after {
      content: "\f005\f005";
    }
    .u-rate[data-rate="3.0"]::before {
      content: "\f005\f005\f005";
    }
    .u-rate[data-rate="3.0"]::after {
      content: "\f005\f005";
    }
    .u-rate[data-rate="3.5"]::before {
      content: "\f005\f005\f005\f5c0";
    }
    .u-rate[data-rate="3.5"]::after {
      content: "\f005";
    }
    .u-rate[data-rate="4.0"]::before {
      content: "\f005\f005\f005\f005";
    }
    .u-rate[data-rate="4.0"]::after {
      content: "\f005";
    }
    .u-rate[data-rate="4.5"]::before {
      content: "\f005\f005\f005\f005\f5c0";
    }
    .u-rate[data-rate="5.0"]::before {
      content: "\f005\f005\f005\f005\f005";
    }
    .u-rateCount {
      display: inline-block;
    }
    .u-rateCount::before {
      content: "(";
      margin-right: 0.25em;
    }
    .u-rateCount::after {
      content: ")";
      margin-left: 0.25em;
    }
    .u-read {
      font-size: 0;
    }
    @container _container (max-width: 500px) {
      .u-read:is(table.col *) {
        margin-bottom: 0.5rem;
      }
    }
    @container _container (min-width: 501px) {
      .u-read:is(table.col *) {
        margin-right: 0.5rem;
      }
    }
    .u-read::before {
      font-family: "FontAwesome solid";
      vertical-align: baseline;
      font-size: 1rem;
    }
    .u-searchForm {
      container: u-searchForm/inline-size;
      position: relative;
    }
    @container u-searchForm (min-width: 601px) {
      .u-searchForm fieldset.grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(10em, auto));
        grid-template-rows: auto 1fr;
        gap: 0.5em;
      }
    }
    @container u-searchForm (min-width: 601px) {
      .u-searchForm fieldset.flex {
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5em;
      }
    }
    .u-searchForm fieldset.center {
      -webkit-justify-content: center;
      justify-content: center;
    }
    .u-searchForm fieldset:not(:first-of-type) {
      margin-top: 1em;
    }
    @container u-searchForm (max-width: 600px) {
      .u-searchForm dl {
        margin-bottom: 0.75em;
      }
    }
    @container u-searchForm (min-width: 601px) {
      .u-searchForm dl:is(.grid *) {
        display: grid;
        grid-template-columns: subgrid;
        grid-template-rows: subgrid;
        gap: 0;
        grid-row: span 2;
      }
    }
    .u-searchForm dl:is(.u-openClose *) {
      max-width: 100cqw;
    }
    .u-searchForm dl._none {
      display: none;
    }
    .u-searchForm dl.l :where([type=text], [type=password], [type=email], [type=number], [type=search], [type=tel]) {
      width: 100%;
    }
    .u-searchForm dl.l textarea {
      min-height: 10em;
    }
    @container u-searchForm (min-width: 601px) {
      .u-searchForm dl.s :where([type=text], [type=password], [type=email], [type=number], [type=search], [type=tel]) {
        width: var(--width-input-s);
      }
    }
    @container u-searchForm (min-width: 601px) {
      .u-searchForm dl.ss :where([type=text], [type=password], [type=email], [type=number], [type=search], [type=tel]) {
        width: var(--width-input-ss);
      }
    }
    .u-searchForm dt label {
      width: 100%;
      font-size: 0.9em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .u-searchForm dd:not(:has(.u-range)) {
      display: grid;
      grid-template-columns: auto;
      grid-template-rows: min-content;
    }
    .u-searchForm dd:has(.unit) {
      grid-template-columns: auto min-content;
    }
    .u-searchForm dd .u-validation {
      order: 1;
    }
    .u-searchForm dd .unit {
      -webkit-align-self: end;
      align-self: end;
      margin-left: 0.5em;
    }
    .u-searchForm .u-openCloser {
      padding: 1em;
    }
    .u-searchForm .u-openCloser::after {
      margin-left: 1em;
    }
    .u-searchForm .u-openClose {
      border-radius: var(--radius-m);
      background-color: var(--color-base);
      padding: 1em;
      margin-bottom: 1em;
    }
    .u-searchForm [type=text] {
      width: 100%;
    }
    .u-searchForm select {
      max-width: 100cqw;
    }
    .u-searchForm select:is(.grid *) {
      width: 100%;
    }
    .u-sideMenu {
      display: grid;
    }
    .u-sideMenu:is(._e:has(.e-myMenu) *) {
      padding-right: 2em;
    }
    .u-sideMenu :where(a, label) {
      display: grid;
      grid-template-columns: 2em 1fr 1.5em;
      gap: 0.5em;
      font-size: 0.9em;
      border-bottom: 1px solid #F2F2F2;
      background-color: var(--color-base);
      user-select: none;
      padding: 0.75em 0.5em;
      margin-bottom: 1px;
      position: relative;
    }
    .u-sideMenu :where(a, label):hover {
      color: var(--color-main-on);
      background-color: var(--color-main);
      opacity: 1;
    }
    .u-sideMenu :where(a, label)::before {
      font-family: "FontAwesome solid";
      content: "";
      vertical-align: baseline;
      display: inline-block;
      text-align: center;
    }
    .u-sideMenu .current {
      color: var(--color-main-on);
      background-color: var(--color-main);
      pointer-events: none;
      order: -3;
    }
    .u-sideMenu .current::after {
      content: "";
      width: 2em;
      height: 100%;
      background-color: inherit;
      clip-path: polygon(0 0, 0% 100%, 50% 49%);
      opacity: 1;
      position: absolute;
      top: 0;
      right: -2em;
    }
    .u-sideMenu a.add::before {
      content: "+";
    }
    .u-sideMenu a.list::before {
      content: "\f0cb";
    }
    .u-sideMenu a.edit::before {
      content: "\f304";
    }
    .u-sideMenu a.manage::before {
      content: "\f013";
    }
    .u-sideMenu a.next::before {
      content: "\f061";
    }
    .u-sideMenu a.download::before {
      content: "\f56d";
    }
    .u-sideMenu a.related {
      grid-template-columns: 2em 1fr;
      order: -1;
      color: var(--color-main);
      background-color: var(--color-main-on);
    }
    .u-sideMenu a.related:hover {
      color: var(--color-main-on);
      background-color: var(--color-main);
      opacity: 1;
    }
    .u-sideMenu a.related.primary {
      order: -2;
    }
    .u-sideMenu a.related::after {
      display: none;
    }
    .u-sideMenu a.prev::before {
      content: "\f060";
    }
    .u-sideMenu a.addtop {
      margin-top: 1em;
    }
    .u-status::before {
      font-family: "FontAwesome solid";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    .u-status[data-approved=approved]::before {
      content: "\f00c";
      color: var(--color-ok);
    }
    .u-status[data-approved=unapproved]::before {
      content: "\f252";
    }
    .u-status[data-recruit=open]::before {
      content: "\f234";
      color: var(--color-ok);
    }
    .u-status[data-recruit=closed]::before {
      content: "\f05e";
    }
    .u-status[data-event=open]::before {
      content: "\f274";
      color: var(--color-ok);
    }
    .u-status[data-event=closed]::before {
      content: "\f273";
    }
    .u-status[data-event=yet]::before {
      content: "\f783";
    }
    .u-status[data-read="0"]::before {
      content: "\f0e0";
      color: var(--color-ok);
    }
    .u-status[data-read="1"]::before {
      content: "\f658";
    }
    .u-status[data-deliveried=shipped]::before {
      content: "\f00c";
      color: var(--color-ok);
    }
    .u-status[data-deliveried=unshipped]::before {
      content: "\f0d1";
    }
    .u-status[data-resolved=resolved]::before {
      content: "\f274";
      color: var(--color-ok);
    }
    .u-status[data-resolved=closed]::before {
      content: "\f273";
    }
    .u-status[data-resolved=yet]::before {
      content: "\f328";
    }
    .u-status[data-caseOpenRange=public]::before {
      content: "\f09c";
      color: var(--color-ok);
    }
    .u-status[data-caseOpenRange=private]::before {
      content: "\f023";
    }
    .u-status[data-active=active]::before {
      content: "\f058";
      color: var(--color-ok);
    }
    .u-status[data-active=passive]::before {
      content: "\f05e";
    }
    .u-status[data-settlementKbn=paid]::before {
      content: "\f00c";
      color: var(--color-ok);
    }
    .u-status[data-settlementKbn=canceled]::before {
      content: "\f05e";
    }
    .u-status[data-settlementKbn=unpaid]::before {
      content: "\f543";
    }
    .u-status[data-shipped=shipped]::before {
      content: "\f00c";
      color: var(--color-ok);
    }
    .u-status[data-shipped=unshipped]::before {
      content: "\f0d1";
    }
    .u-status[data-commenced=progress]::before {
      content: "\f46c";
      color: var(--color-ok);
    }
    .u-status[data-commenced=yet]::before {
      content: "\f251";
    }
    .u-status.ringing {
      font-weight: bold;
      color: var(--color-main);
    }
    .u-status.ringing::before {
      font-family: "FontAwesome solid";
      content: "\f0f3";
      vertical-align: baseline;
      animation-name: bell;
      animation-duration: 4s;
      animation-iteration-count: infinite;
    }
    .u-sticky {
      position: sticky;
      top: var(--stickyPageTop);
      z-index: 2;
    }
    .u-sym.x::before {
      content: "\f00d";
    }
    .u-sym.plus::before {
      content: "+";
    }
    .u-sym.equal::before {
      content: "=";
    }
    .u-sym.search::before {
      content: "\f002";
    }
    .u-sym::before {
      font-family: "FontAwesome solid";
      vertical-align: baseline;
    }
    .u-tab {
      display: -webkit-flex;
      display: flex;
      gap: 0.5em;
      border-bottom: 1px solid #DDD;
    }
    .u-tab li {
      position: relative;
      top: 1px;
    }
    .u-tab label {
      display: block;
      border: 1px solid #DDD;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      transition: 0.25s;
      padding: 0.75em 1.5em;
    }
    .u-tab label:hover {
      color: var(--color-main);
    }
    .u-tab label:has(:checked) {
      font-weight: bold;
      color: var(--color-main);
      border-bottom-color: var(--initial-bgColor);
    }
    .u-userList:has(._grid.col) {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(var(--width-userList), 1fr));
      gap: 2em 1em;
    }
    .u-userList:has(._grid.col) .e-user img {
      width: 90%;
    }
    .u-userList:has(._grid.col) .e-user em {
      font-size: 1.2em;
    }
    .u-validation {
      color: var(--color-ng);
      font-size: 0.8em;
      font-weight: normal;
      padding: 0.25em 0;
    }
    .u-validation li:not(:last-of-type) {
      margin-bottom: 0.25em;
    }
    /* embed */
    .e-comments .u-between {
      grid-template-columns: 1fr auto min-content;
      gap: 0.5em 1em;
      margin-bottom: 1em;
    }
    .e-comments p {
      font-size: 0.9em;
    }
    .e-comments .u-btn {
      font-size: 0.8em;
    }
    .e-content {
      container: e-content/inline-size;
      position: relative;
      height: 100%;
      background-color: var(--color-base);
      border: 1px solid var(--color-border-gray);
      border-radius: var(--radius-l);
      margin-inline: auto;
      overflow: hidden;
    }
    .e-content > ._grid {
      display: grid;
      grid-template: "header" min-content "img" min-content "user" min-content "title" auto "excerpt" auto "footer" 1fr;
      height: inherit;
      position: relative;
    }
    @container e-content (min-width: 351px) {
      .e-content > ._grid.row {
        display: grid;
        grid-template: "img header" min-content "img user" min-content "img title" auto "img excerpt" auto "img footer" 1fr;
        grid-template-columns: max-content auto;
      }
    }
    .e-content .wrapper {
      grid-column: 1/-1;
      grid-row: 1/-1;
    }
    .e-content header {
      grid-area: header;
    }
    .e-content .img {
      grid-area: img;
      width: 100%;
      aspect-ratio: 16/9;
      border: 1px solid var(--color-border-gray);
      border-top-left-radius: var(--radius-m);
      border-top-right-radius: var(--radius-m);
    }
    .e-content .img _:lang(x)::-moz-placeholder, .e-content .img {
      height: 10em;
    }
    .e-content .img[src*=noImage] {
      object-fit: contain;
      padding: 15%;
    }
    @container e-content (min-width: 351px) {
      .e-content .img:is(.e-content > .row *) {
        width: 40cqw;
        height: 100%;
        aspect-ratio: 5/3;
        border-right: 1px solid var(--color-border-gray);
      }
    }
    .e-content .texts {
      grid-column: 1/-1;
      grid-row: 3/-1;
      gap: 0.25em 0;
      padding: 1em 0.5em;
    }
    @container e-content (min-width: 351px) {
      .e-content .texts:is(.e-content > .row *) {
        grid-column: 2/-1;
        grid-row: 1/-1;
      }
    }
    .e-content .title {
      grid-area: title;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }
    .e-content .title:is(.e-content > .row *) {
      font-size: 1.1em;
    }
    .e-content .excerpt {
      grid-area: excerpt;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }
    .e-content footer {
      grid-area: footer;
      -webkit-align-content: end;
      align-content: end;
      margin-top: 0.5em;
    }
    .e-content .e-user {
      grid-area: user;
      padding: 0 1em;
      z-index: 1;
    }
    .e-content .e-user:is(.e-content > .col *) {
      margin-top: -0.5em;
    }
    @container e-user (max-width: 350px) {
      .e-content .e-user img {
        width: 4em;
      }
    }
    .e-contentHeader {
      container: e-contentHeader/inline-size;
      position: relative;
    }
    .e-contentHeader > ._grid {
      display: grid;
      grid-template: "img" "above" "title" "excerpt" "below";
      gap: 0.5em 0;
    }
    @container e-contentHeader (min-width: 451px) {
      .e-contentHeader > ._grid.row {
        display: grid;
        grid-template: "img above" min-content "img title" 1fr "img excerpt" min-content "img below" min-content;
        grid-template-columns: auto 1fr;
        gap: 0.25em;
        -webkit-align-items: center;
        align-items: center;
      }
    }
    .e-contentHeader .wrapper {
      grid-column: 1/-1;
      grid-row: 1/-1;
    }
    .e-contentHeader .img {
      grid-area: img;
      width: 100%;
      height: max(5vh, 7.5em);
      border-radius: var(--radius-m);
    }
    .e-contentHeader .img:is(.e-contentHeader > .col *) {
      height: 20vh;
      margin-bottom: 0.5em;
    }
    @container e-contentHeader (min-width: 451px) {
      .e-contentHeader .img:is(.e-contentHeader > .row *) {
        width: max(6cqw, 3em);
        height: max(6cqw, 3em);
        min-height: 100%;
        margin-right: 0.75em;
      }
    }
    .e-contentHeader :where(.above, .below) {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5em 1em;
      font-size: 0.9em;
      position: relative;
      z-index: 1;
    }
    .e-contentHeader :where(.above, .below) :only-child {
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
    }
    .e-contentHeader .above {
      grid-area: above;
    }
    .e-contentHeader .title {
      grid-area: title;
      -webkit-align-self: center;
      align-self: center;
      font-size: 1.1em;
    }
    .e-contentHeader .title:is(.e-contentHeader > .col *) {
      font-size: 1.5em;
    }
    .e-contentHeader .excerpt {
      grid-area: excerpt;
    }
    .e-contentHeader .below {
      grid-area: below;
    }
    .e-evaluation {
      container: e-evaluation/inline-size;
      position: relative;
    }
    .e-evaluation > ._grid {
      display: grid;
      grid-template: "rate  rate    title" "user  excerpt excerpt";
      grid-template-columns: min-content auto 1fr;
      gap: 0.5em 0;
      -webkit-align-items: center;
      align-items: center;
    }
    .e-evaluation .u-rate {
      grid-area: rate;
      margin-right: 1em;
    }
    .e-evaluation .title {
      grid-area: title;
      text-decoration: underline;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .e-evaluation .e-user {
      grid-area: user;
      padding: 0.5em;
    }
    .e-evaluation .e-user ._grid {
      gap: 0;
    }
    .e-evaluation .excerpt {
      grid-area: excerpt;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }
    .e-fold {
      position: relative;
    }
    .e-fold:has(.folder) {
      padding-bottom: 3em;
    }
    .e-fold:has(:checked) .foldContent {
      animation-name: unfold;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    .e-fold:not(:has(:checked)) .foldContent {
      animation-name: fold;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    .e-fold:not(:has(:checked)) .foldContent.overlay::after {
      content: "";
      display: block;
      width: 100%;
      height: 3em;
      background: var(--foldOverlay);
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 1;
    }
    .e-fold .folder {
      width: 100%;
      text-align: center;
      padding: 1em;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 1;
    }
    .e-fold .folder:has(:checked) .unfold {
      display: none;
    }
    .e-fold .folder:has(:checked) .fold {
      display: block;
    }
    .e-fold .folder:has(:checked) .fold::after {
      content: "\f106";
    }
    .e-fold .folder:not(:has(:checked)) .unfold {
      display: block;
    }
    .e-fold .folder:not(:has(:checked)) .unfold::after {
      content: "\f107";
    }
    .e-fold .folder:not(:has(:checked)) .fold {
      display: none;
    }
    .e-fold .folder span {
      display: none;
    }
    .e-fold .folder span::after {
      font-family: "FontAwesome solid";
      vertical-align: baseline;
      margin-left: 1em;
    }
    .e-fold .folder input {
      display: none;
    }
    .e-fold .foldContent {
      display: block;
      position: relative;
      overflow: hidden;
    }
    .e-messages {
      container: _tpl_messages/inline-size;
      position: relative;
      max-height: 70vh;
      border-top: 1px solid var(--color-border-gray);
      border-right: none;
      border-bottom: 1px solid var(--color-border-gray);
      border-left: none;
      border-image-source: linear-gradient(to right, transparent 0%, gray 50%, transparent 100%);
      border-image-slice: 1;
      background-color: var(--initial-bgColor);
      padding-top: 1em;
      margin: 1em 0;
      overflow-x: hidden;
      overflow-y: scroll;
    }
    .e-messages .message {
      padding: 1em;
    }
    .e-messages .message.mySelf {
      display: grid;
      grid-template: "date date" min-content "meta content" auto;
      grid-template-columns: 1fr auto;
      -webkit-justify-content: end;
      justify-content: end;
    }
    .e-messages .message:not(.mySelf) {
      display: grid;
      grid-template: "date date    date" min-content "user content meta" auto;
      grid-template-columns: min-content auto 1fr;
      -webkit-justify-content: start;
      justify-content: start;
    }
    .e-messages .message :where(p, .u-mediaDatas):not(:empty) {
      background-color: var(--color-base);
      border-radius: 1.5em;
      padding: 1em;
    }
    .e-messages .message .date {
      grid-area: date;
      -webkit-justify-self: center;
      justify-self: center;
      display: block;
      font-size: 0.7em;
      background-color: rgba(242, 65, 113, 0.1);
      border-radius: 1.5em;
      padding: 0.5em 1.5em;
      margin-bottom: 1em;
    }
    .e-messages .message .e-user {
      grid-area: user;
    }
    .e-messages .message .content {
      grid-area: content;
      max-width: 80cqw;
    }
    .e-messages .message .content p {
      display: inline-block;
      position: relative;
    }
    .e-messages .message .content p:is(:not(.mySelf *))::before {
      left: -0.75em;
    }
    .e-messages .message .content p:is(.mySelf *)::before {
      right: -0.75em;
      transform: scale(-1);
    }
    .e-messages .message .content p::before {
      content: "";
      display: block;
      width: 1.5em;
      aspect-ratio: 4/3;
      clip-path: polygon(0 50%, 100% 80%, 100% 20%);
      background-color: var(--color-base);
      position: absolute;
      top: 1em;
      z-index: 1;
    }
    .e-messages .message .content .u-mediaDatas {
      margin-top: 0.5em;
    }
    .e-messages .message .meta {
      grid-area: meta;
      -webkit-align-self: end;
      align-self: end;
      padding: 0.5em;
    }
    .e-messages .message .meta:is(.mySelf *) {
      text-align: right;
    }
    .e-messages .message .meta :where(time, span) {
      font-size: 0.8em;
      color: gray;
      white-space: nowrap;
      padding: 0.25em 0;
    }
    .e-messages .message .meta time {
      display: block;
    }
    .e-messages .message .meta span::before {
      font-family: "FontAwesome regular";
      vertical-align: baseline;
      margin-right: 0.2em;
    }
    .e-messages .message .meta span[data-status=unread]::before {
      content: "\f0e0";
    }
    .e-messages .message .meta span[data-status=read]::before {
      content: "\f2b6";
    }
    .e-messages footer {
      background-color: var(--initial-bgColor);
      padding: 1.5em;
      position: sticky;
      bottom: -1px;
    }
    .e-messages footer .u-btn {
      width: clamp(10em, 50cqw, 20em);
      margin-inline: auto;
    }
    .e-myMenu :where(a, label)::before {
      content: "\f578";
      color: var(--color-main);
    }
    .e-myMenu :where(a, label)::after {
      opacity: 0.8;
    }
    .e-myMenu :where(a, label) input {
      display: none;
    }
    .e-myMenu a[href*=List]::before {
      content: "\f0cb";
    }
    .e-myMenu a[href*="/create"]::before {
      content: "\f31c";
    }
    .e-myMenu a[href*="/list"]::before {
      content: "\f0ca";
    }
    .e-myMenu a[href*="/add"]::before {
      content: "\f055";
    }
    .e-myMenu a[href*="/favoriteList"]::before {
      content: "\f004";
    }
    .e-myMenu a[href*="/offerList"]::before {
      content: "\f674";
    }
    .e-myMenu a[href*="/appliedEntryList"]::before {
      content: "\f573";
    }
    .e-myMenu a[href*="/earningsmanage"]::before {
      content: "\f53c";
    }
    .e-myMenu a[href*="/mypage"]::before {
      content: "\e1b0";
    }
    .e-myMenu a[href*="/showProfile"]::before {
      content: "\f2bb";
    }
    .e-myMenu a[href*="/userMessageList"]::before {
      content: "\f086";
    }
    .e-myMenu a[href*="/mailList"]::before {
      content: "\f658";
    }
    .e-myMenu a[href*="/followlist"]::before {
      content: "\f4fc";
    }
    .e-myMenu a[href*="/followerlist"]::before {
      content: "\f234";
    }
    .e-myMenu a[href*="/noticeConditonList"]::before {
      content: "\f00e";
    }
    .e-myMenu a[href*="/commentList"]::before {
      content: "\f4ad";
    }
    .e-myMenu a[href*="/enteredList"]::before {
      content: "\e552";
    }
    .e-myMenu a[href*="/changeLoginId"]::before {
      content: "\f2c2";
    }
    .e-myMenu a[href*="/changePassword"]::before {
      content: "\f084";
    }
    .e-myMenu a[href*="/mailMagazine"]::before {
      content: "\f519";
    }
    .e-myMenu a[href*="/blockList"]::before {
      content: "\f505";
    }
    .e-myMenu a[href*="/withdraw"]::before {
      content: "\f506";
    }
    .e-myMenu label.add::before {
      content: "\f055";
    }
    .e-myMenu label.favoriteList::before {
      content: "\f004";
    }
    .e-myMenu label.offerList::before {
      content: "\f674";
    }
    .e-myMenu label.appliedEntryList::before {
      content: "\f573";
    }
    .e-myMenu label.earnings::before {
      content: "\f53c";
    }
    .e-myMenu label.stc::before {
      content: "\f0b1";
    }
    .e-myMenu label.str::before {
      content: "\f274";
    }
    .e-myMenu label.stp::before {
      content: "\f291";
    }
    .e-myMenu label.account::before {
      content: "\f3e0";
    }
    .e-myMenu label.config::before {
      content: "\f013";
    }
    .e-myMenu label.blog::before {
      content: "\f31c";
    }
    .e-myMenu label.community::before {
      content: "\f0c0";
    }
    .e-myMenu label.event::before {
      content: "\f784";
    }
    .e-myMenu label.knowledge::before {
      content: "\e4e3";
    }
    .e-myMenu label.sale::before {
      content: "\f46c";
    }
    .e-myMenu label.purchase::before {
      content: "\f09d";
    }
    .e-myMenu label.bank::before {
      content: "\f19c";
    }
    .e-myMenu label.shipping::before {
      content: "\f5a0";
    }
    .e-myMenu label.delivery::before {
      content: "\f0d1";
    }
    .e-myMenu label.area::before {
      content: "\f248";
    }
    .e-myMenu label::after {
      content: "\f107";
    }
    .e-myMenu div {
      position: relative;
      right: -1em;
    }
    .e-myMenu .u-openCloser:has(:checked)::after {
      color: var(--color-main);
    }
    .e-myMenu .current:where(label):not(:only-child) {
      margin-left: 1em;
    }
    .e-myMenu .current.u-openCloser::after {
      rotate: 0deg;
    }
    .e-myMenu .current::before {
      color: inherit;
    }
    .e-overlayMenu {
      container: e-overlayMenu/inline-size;
      position: relative;
      display: none;
      height: 100dvh;
      color: var(--color-gray-light);
      background-color: rgba(0, 0, 0, 0.95);
      padding: 1em;
      padding-top: 4em;
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      z-index: 8;
      overflow-y: auto;
    }
    .e-overlayMenu.open {
      display: block;
      animation-name: open;
      animation-duration: 0.5s;
      animation-timing-function: ease-out;
      animation-fill-mode: forwards;
    }
    .e-overlayMenu.close {
      animation-name: close;
      animation-duration: 0.25s;
      animation-timing-function: ease-out;
      animation-fill-mode: forwards;
    }
    .e-overlayMenu :where(h2, span) {
      font-weight: normal;
      font-size: 0.9em;
      color: var(--color-gray);
    }
    .e-overlayMenu .header {
      border-bottom: 1px solid rgba(255, 255, 255, 0.5);
      padding: 1em;
      padding-bottom: 2em;
      margin-bottom: 2em;
    }
    @container e-overlayMenu (min-width: 701px) {
      .e-overlayMenu .header {
        display: -webkit-flex;
        -webkit-align-items: center;
        display: flex;
        align-items: center;
        max-width: var(--width-max-m);
        margin-inline: auto;
      }
    }
    .e-overlayMenu .header :where(h2, span) {
      margin-right: 0.5em;
    }
    .e-overlayMenu .header span {
      display: inline-block;
    }
    .e-overlayMenu .header a {
      padding: 0.5em;
    }
    .e-overlayMenu .header a.u-btn {
      color: var(--initial-color);
    }
    .e-overlayMenu .header a.mypage {
      font-weight: bold;
    }
    .e-overlayMenu .header a.mypage::before {
      font-family: "FontAwesome solid";
      content: "\e1b0";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    .e-overlayMenu .header a.logout {
      margin-left: auto;
      opacity: 0.7;
    }
    .e-overlayMenu .header a.logout::before {
      font-family: "FontAwesome solid";
      content: "\f08b";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    @container e-overlayMenu (min-width: 701px) {
      .e-overlayMenu .split {
        display: grid;
        grid-template-columns: 1fr 1fr;
        max-width: var(--width-max-m);
        margin-inline: auto;
        gap: 1em;
      }
    }
    .e-overlayMenu .split nav {
      padding: 1em 0;
    }
    .e-overlayMenu .split h2 {
      padding: 0 0.5em;
    }
    .e-overlayMenu .split a {
      padding: 0.5em;
    }
    .e-overlayMenu .split a:hover {
      color: var(--color-main);
    }
    .e-overlayMenu .split a:not(.primary *)::before {
      font-family: "FontAwesome solid";
      content: "\f138";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    .e-overlayMenu .split a:is(.primary *) {
      font-weight: bold;
      font-size: 1.25em;
    }
    .e-overlayMenu .split a:is(.primary *)::before {
      font-family: "FontAwesome solid";
      content: "\f002";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    .e-overlayMenu .left {
      overflow: hidden;
    }
    @container e-overlayMenu (min-width: 701px) {
      .e-overlayMenu .left {
        border-right: 1px solid rgba(255, 255, 255, 0.5);
        padding-right: 1em;
      }
    }
    @container e-overlayMenu (min-width: 701px) {
      .e-overlayMenu .right {
        padding-left: 1em;
      }
    }
    .e-overlayMenu .right .lang li {
      display: inline-block;
    }
    .e-overlayMenu .right .lang li:not(:has(*)) {
      color: var(--color-main);
      padding: 0.5em;
    }
    .e-overlayMenu .right .lang li:not(:has(*))::before {
      font-family: "FontAwesome solid";
      content: "\f058";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    .e-overlayMenu .swiper-slide {
      width: auto;
    }
    .e-overlayMenu .swiper-button-next {
      right: 0;
    }
    .e-overlayMenu .swiper-button-next::after {
      font-size: 2em;
    }
    .e-searchCondition {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      gap: 0.5em;
      border-top: 1px solid var(--color-border-gray);
      border-bottom: 1px solid var(--color-border-gray);
      padding: 1em;
      margin: 1em 0;
      margin-bottom: 2em;
    }
    .e-searchCondition dl {
      padding: 0.5em;
    }
    .e-searchCondition dt {
      font-size: 0.9em;
      color: var(--color-gray);
    }
    .e-switchContents:has([value="0"]:checked) [data-target="0"] {
      display: block;
      animation-name: open;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    .e-switchContents:has([value="1"]:checked) [data-target="1"] {
      display: block;
      animation-name: open;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    .e-switchContents:has([value="2"]:checked) [data-target="2"] {
      display: block;
      animation-name: open;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    .e-switchContents:has([value="3"]:checked) [data-target="3"] {
      display: block;
      animation-name: open;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    .e-switchContents:has([value="4"]:checked) [data-target="4"] {
      display: block;
      animation-name: open;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    .e-switchContents:has([value="5"]:checked) [data-target="5"] {
      display: block;
      animation-name: open;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    .e-switchContents:has([value="6"]:checked) [data-target="6"] {
      display: block;
      animation-name: open;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    .e-switchContents:has([value="7"]:checked) [data-target="7"] {
      display: block;
      animation-name: open;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    .e-switchContents:has([value="8"]:checked) [data-target="8"] {
      display: block;
      animation-name: open;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    .e-switchContents:has([value="9"]:checked) [data-target="9"] {
      display: block;
      animation-name: open;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    .e-switchContents .switch .swiper-slide {
      width: auto;
    }
    .e-switchContents .switch label {
      padding: 0.5em 1em;
    }
    .e-switchContents .switch label:has(:disabled) {
      color: var(--color-gray);
      cursor: auto;
    }
    .e-switchContents .switch label [type=radio] {
      display: none;
    }
    .e-switchContents [data-target] {
      display: none;
      opacity: 0;
      position: relative;
      top: -5vh;
    }
    .e-user:has(.row + nav) {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5em 1em;
    }
    .e-user > ._grid {
      display: grid;
      grid-template: "img" min-content "above" min-content "name" 1fr "below" min-content;
    }
    .e-user > ._grid.col {
      -webkit-justify-items: center;
      justify-items: center;
    }
    .e-user > ._grid.row {
      display: grid;
      grid-template: "img ." min-content "img above" min-content "img name" 1fr "img below" min-content "img ." min-content;
      grid-template-columns: max-content auto;
      gap: 0 0.5em;
      -webkit-align-items: center;
      align-items: center;
    }
    .e-user > ._grid:not(:has(:nth-child(2))) {
      gap: 0;
    }
    .e-user > ._grid:has(.welcome) img {
      width: 4em;
    }
    .e-user img {
      grid-area: img;
      width: 3em;
      aspect-ratio: 1;
      border: 3px solid white;
      border-radius: 100%;
    }
    .e-user img:is(.e-user > .col *) {
      margin-bottom: 0.5em;
    }
    .e-user img.noImage {
      background-color: white;
      padding: 0.1em;
    }
    .e-user .above {
      grid-area: above;
    }
    .e-user em {
      grid-area: name;
      display: inline-block;
      max-width: 100%;
      font-weight: bold;
      word-break: break-all;
      line-height: 1;
    }
    .e-user em:is(.e-user > .col *) {
      margin: 0.5em 0;
    }
    .e-user .below {
      grid-area: below;
    }
    .e-user :where(.welcome, .email) {
      font-size: 0.8em;
      word-break: break-all;
    }
    .e-user .welcome {
      font-style: italic;
    }
    .e-user nav {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      gap: 0.25em;
    }
    .e-user nav .u-btn {
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
      font-size: 0.75em;
    }
    /* tpl */
    :is(._b):has(.t-breadcrumb) {
      margin-bottom: 1vh;
    }
    .t-breadcrumb {
      background-color: var(--color-base);
      border-bottom: 1px solid var(--color-border-gray);
    }
    .t-breadcrumb menu {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      max-width: var(--width-max);
      margin-inline: auto;
      padding: 0.25em 1em;
    }
    .t-breadcrumb li {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
    }
    .t-breadcrumb li:not(:last-of-type)::after {
      font-family: "FontAwesome solid";
      content: "\f105";
      vertical-align: baseline;
      opacity: 0.8;
      margin: 0 0.5em;
    }
    .t-breadcrumb :where(a, span) {
      display: block;
      max-width: var(--breadcrumbMaxLength);
      font-size: 0.85em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 0.25em;
    }
    .t-breadcrumb :where(a, span).top::before {
      font-family: "FontAwesome solid";
      content: "\f015";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    .t-noResult {
      color: var(--color-gray);
      padding: 1em;
    }
    .t-note {
      font-size: 0.8em;
      margin: 2em 0;
    }
    .t-note.entry {
      text-align: center;
    }
    .t-note.upload {
      padding-left: 1em;
    }
    .t-note.upload span {
      display: block;
    }
    .t-note.upload ul {
      padding-left: 1.5em;
      margin-top: 1em;
    }
    .t-note.upload li {
      list-style-type: disc;
    }
    .t-note.upload li:not(:last-of-type) {
      margin-bottom: 0.25em;
    }
    .t-pager {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      gap: 0.25em;
      padding: 1em;
      margin-top: 2em;
    }
    .t-pager:has([data-rel=prev]) a:first-of-type {
      font-size: 0;
    }
    .t-pager:has([data-rel=prev]) a:first-of-type::before {
      content: "\f177";
    }
    .t-pager:has([data-rel=prev]) a:nth-of-type(2) {
      font-size: 0;
    }
    .t-pager:has([data-rel=prev]) a:nth-of-type(2)::before {
      content: "\f053";
    }
    .t-pager:has([data-rel=next]) a:last-of-type {
      font-size: 0;
    }
    .t-pager:has([data-rel=next]) a:last-of-type::before {
      content: "\f178";
    }
    .t-pager:has([data-rel=next]) a:nth-last-of-type(2) {
      font-size: 0;
    }
    .t-pager:has([data-rel=next]) a:nth-last-of-type(2)::before {
      content: "\f054";
    }
    .t-pager > * {
      -webkit-flex: 0 0 2.5rem;
      -webkit-align-self: center;
      flex: 0 0 2.5rem;
      align-self: center;
      max-width: 2.5rem;
      display: grid;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-content: center;
      align-content: center;
      aspect-ratio: 1;
      font-size: 1rem;
      border-radius: 100%;
    }
    .t-pager a {
      color: var(--color-main);
      background-color: var(--color-main-on);
      border: 1px solid var(--color-border-main);
    }
    .t-pager a:hover {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    .t-pager a::before {
      font-family: "FontAwesome solid";
      vertical-align: baseline;
      font-size: 1rem;
    }
    .t-pager b {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    .t-resultCount {
      display: block;
      font-size: 0.9em;
      color: var(--color-gray);
      margin-bottom: 2em;
    }
    .t-siteFooter {
      color: var(--color-gray-light);
      background-color: #333;
      font-size: 0.9em;
    }
    .t-siteFooter .logo {
      display: -webkit-flex;
      -webkit-justify-content: center;
      display: flex;
      justify-content: center;
      font-size: 1.5em;
      letter-spacing: 0.15em;
      padding: 5vh 0 2.5vh;
    }
    .t-siteFooter .pages {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-justify-content: center;
      -webkit-align-items: baseline;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: baseline;
      gap: 1em;
      padding: 2.5vh 0 5vh;
    }
    .t-siteFooter .copyright {
      background-color: var(--color-main);
      text-align: center;
      padding: 1vh 0;
    }
    :is(._a):has(.t-siteHeader) {
      position: sticky;
      top: 0;
      z-index: 9;
    }
    .t-siteHeader {
      container: t-siteHeader/inline-size;
      position: relative;
    }
    .t-siteHeader.close {
      background-color: white;
      box-shadow: 2px 0 2px var(--color-gray);
    }
    .t-siteHeader.open {
      background-color: transparent;
      color: var(--color-gray-light);
    }
    .t-siteHeader > .flex {
      display: -webkit-flex;
      display: flex;
      max-width: var(--width-max);
      margin-inline: auto;
    }
    .t-siteHeader > .flex :where(a) {
      font-weight: bold;
      padding: 0.5rem 0.75rem;
    }
    .t-siteHeader > .flex > * {
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
    }
    @container t-siteHeader (max-width: 450px) {
      .t-siteHeader > .flex > *:where([href]) {
        font-size: 0;
      }
    }
    .t-siteHeader > .flex > *:where([href])::before {
      font-family: "FontAwesome solid";
      vertical-align: baseline;
      margin-right: 0.35rem;
      font-size: 1.25rem;
    }
    .t-siteHeader > .flex > *[href*="/showInside"] {
      white-space: nowrap;
    }
    .t-siteHeader > .flex > *[href*="/showInside"]::before {
      content: "\f07a";
    }
    .t-siteHeader > .flex > *[href*="/login"] {
      white-space: nowrap;
    }
    .t-siteHeader > .flex > *[href*="/login"]::before {
      content: "\f2f6";
    }
    .t-siteHeader > .flex > *[href*="/logout"] {
      white-space: nowrap;
    }
    .t-siteHeader > .flex > *[href*="/logout"]::before {
      content: "\f2f5";
    }
    .t-siteHeader > .flex h1 {
      -webkit-flex: 1 0 auto;
      flex: 1 0 auto;
      font-size: 1.75em;
      margin-right: auto;
    }
    .t-siteHeader .e-user img {
      width: 2.5em;
    }
    .t-siteHeader .e-user em {
      max-width: 10em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    @container _container (max-width: 450px) {
      .t-siteHeader .e-user em {
        display: none;
      }
    }
    .t-siteHeader .overlayMenuOpenClose {
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;
      -webkit-justify-content: center;
      justify-content: center;
      cursor: pointer;
      margin-left: 0.5em;
    }
    .t-siteHeader .overlayMenuOpenClose::before {
      display: inline-block;
      width: 2em;
      text-align: center;
    }
    .t-siteHeader .overlayMenuOpenClose:is(.open *) {
      color: var(--initial-color);
      background-color: var(--color-gray-light);
    }
    .t-siteHeader .overlayMenuOpenClose:is(.open *)::before {
      font-family: "FontAwesome solid";
      content: "\f00d";
      vertical-align: baseline;
    }
    .t-siteHeader .overlayMenuOpenClose:is(.close *) {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    .t-siteHeader .overlayMenuOpenClose:is(.close *)::before {
      font-family: "FontAwesome solid";
      content: "\f0c9";
      vertical-align: baseline;
    }
    /* _component */
    :where(._reset_password, ._mypage._config) main .plural td div:not(:first-of-type) {
      margin-top: 1em;
    }
    :where(._reset_password, ._mypage._config) main .plural td label {
      display: block;
    }
    :where(._user, ._mypage):where(._info, ._show) :is(._d) .mv img {
      width: 100%;
      height: 25vh;
    }
    :where(._user, ._mypage):where(._info, ._show) article {
      max-width: var(--width-max-m);
      margin-inline: auto;
    }
    :where(._user, ._mypage):where(._info, ._show) article .pageHeader {
      width: 90cqw;
      margin-inline: auto;
    }
    :where(._user, ._mypage):where(._info, ._show) article .pageHeader .e-user ._grid.row {
      gap: 0 1em;
      grid-template-rows: 1fr min-content auto min-content 1fr;
    }
    :where(._user, ._mypage):where(._info, ._show) article .pageHeader .e-user img {
      width: 7em;
    }
    :where(._user, ._mypage):where(._info, ._show) article .pageHeader .e-user em {
      font-size: clamp(1.5em, 5cqw, 2em);
    }
    :where(._user, ._mypage):where(._info, ._show) article .pageHeader .e-user .below {
      padding-top: 0.5em;
    }
    :where(._user, ._mypage):where(._info, ._show) article .overview {
      padding: 1em;
    }
    :where(._user, ._mypage):where(._info, ._show) article .overview p {
      padding: 1em;
    }
    :where(._user, ._mypage):where(._info, ._show) article .e-switchContents [data-target] tbody {
      background-color: transparent;
    }
    :where(._user, ._mypage):where(._info, ._show) article .e-switchContents [data-target="1"] {
      padding: 2em;
    }
    :where(._event, ._community)._embed_contentHeader:is(._d *) {
      border-bottom: 1px solid var(--color-border-gray);
      padding-bottom: 1em;
    }
    :where(._event, ._community._event)._info article > section:not(:first-child) {
      margin-top: 2em;
    }
    :where(._event, ._community._event)._info article .schedule [itemprop=open] {
      font-size: 1.5em;
    }
    :where(._event, ._community._event)._info article .map p {
      margin-bottom: 1em;
    }
    :where(._event, ._community._event)._info article footer {
      background-color: var(--color-base);
      padding: 1em;
      margin-top: 2em;
    }
    :where(._event, ._community._event)._info article footer.u-sticky {
      bottom: 0;
    }
    :where(._event, ._community._event)._info article footer p {
      font-weight: bold;
      text-align: center;
    }
    :where(._purchasemanage, ._salemanage)._detail main .u-btns:has(a) {
      margin-top: 2em;
    }
    :where(._purchasemanage, ._salemanage)._detail main .canceled {
      text-align: center;
      margin-top: 2em;
    }
    :where(._purchasemanage, ._salemanage)._detail main .canceled b {
      display: block;
      color: var(--color-ng);
    }
    :where(._purchasemanage, ._salemanage)._detail main .totalCalc {
      margin-top: 2em;
    }
    :where(._purchasemanage, ._salemanage)._detail main .evaluation dt {
      font-size: 0.9em;
      margin-right: 1em;
    }
    :where(._purchasemanage, ._salemanage)._detail main section {
      margin-top: 2em;
    }
    :where(._purchasemanage, ._salemanage)._detail main section.stp .seller h4 dl {
      -webkit-align-items: center;
      align-items: center;
    }
    :where(._purchasemanage, ._salemanage)._detail main section.stp .seller h4 dt {
      font-size: 0.8em;
      color: gray;
    }
    :where(._purchasemanage, ._salemanage)._detail main section.stp .seller h4 dt::before {
      font-family: "FontAwesome solid";
      content: "\f007";
      vertical-align: baseline;
      margin-right: 0.35em;
      color: var(--color-main);
    }
    :where(._purchasemanage, ._salemanage)._detail main section.stp .detail {
      border-left: 1px solid var(--color-border-main);
      margin-left: 1em;
      padding-left: 1.5em;
    }
    :where(._purchasemanage, ._salemanage)._detail main section.stp .detail h5 {
      margin-bottom: 0.5em;
    }
    :where(._purchasemanage, ._salemanage)._detail main section.stp .detail h5::before {
      font-family: "FontAwesome solid";
      content: "\f290";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    :where(._purchasemanage, ._salemanage)._detail main section.stp .detail .u-dls {
      font-size: 0.8em;
      padding: 0.5em 0;
      margin-bottom: 1em;
    }
    :where(._purchasemanage, ._salemanage)._detail main section.stp .detail table.col {
      margin-top: 1em;
    }
  }
  @layer content {
    /* freespace */
    /* _backend */
    ._backend main > form {
      margin-bottom: 2em;
    }
    ._backend main table.col time {
      display: block;
    }
    ._backend main table.col span {
      display: block;
    }
    ._backend main table.col i {
      display: block;
      font-style: italic;
      font-size: 0.85em;
    }
    ._backend main table.col .e-user {
      font-size: 0.9em;
    }
    ._backend main table.col .e-user .img {
      font-size: 0.9em;
    }
    ._backend main table.row [type=checkbox]:only-of-type {
      vertical-align: middle;
      margin: 0 0.5em;
    }
    ._backend main .e-switchContents {
      margin-top: 2em;
    }
    ._backend main .e-switchContents fieldset {
      margin-bottom: 0;
    }
    ._backend._css main textarea {
      font-family: var(--font-monospace);
      padding: 1.5em;
    }
    ._backend._css main code {
      display: block;
      color: white;
      background-color: var(--color-gray-dark);
      padding: 1.5em;
    }
    ._backend._purchase._list .sign {
      padding-left: 0.25em;
      margin-bottom: 0.25em;
    }
    ._backend._purchase._list .sign::before {
      font-family: "FontAwesome solid";
      content: "\f5b7";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    ._backend._earnings main table.col .csv :where(.val, .u-dls) {
      grid-column: span 2;
    }
    ._backend._earnings main table.col .csv a::before {
      font-family: "FontAwesome solid";
      content: "\f56d";
      vertical-align: baseline;
      margin-right: 0.35em;
      color: var(--color-main);
    }
    ._backend._mailmagazine :is(._d) .u-progress span {
      width: 25%;
    }
    ._backend._mailmagazine main table.col span:last-of-type {
      border-top: 1px solid var(--color-border-gray);
    }
    ._backend._questionnaire._edit main .q {
      counter-increment: q;
    }
    ._backend._questionnaire._edit main legend span::after {
      content: counter(q);
      font-size: 1.5em;
      margin-left: 0.25em;
    }
    ._backend._questionnaire._edit main legend [data-action=delete] {
      font-size: 1.2em;
      margin-left: 1em;
    }
    ._backend._questionnaire._edit main legend [data-action=delete]::before {
      font-family: "FontAwesome solid";
      content: "\f057";
      vertical-align: baseline;
    }
    ._backend._questionnaire._edit main [name*="[editInfo]"]::before {
      font-family: "FontAwesome solid";
      content: "\f177";
      vertical-align: baseline;
    }
    ._backend._questionnaire._info main section {
      padding: 1em 0;
    }
    ._backend._questionnaire._info main p {
      border-top: 1px solid var(--color-border-gray);
      border-bottom: 1px solid var(--color-border-gray);
      padding: 1em;
      margin: 2em 0;
    }
    ._backend._questionnaire._info main dt {
      font-size: 0.9em;
      margin-bottom: 0.5em;
    }
    ._backend._questionnaire._info main dd {
      padding-left: 1em;
    }
    ._backend._siteconfig main section {
      border-bottom: 1px solid var(--color-border-gray);
      padding: 1em 0;
      position: relative;
    }
    ._backend._siteconfig main header {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      padding: 0.5rem;
    }
    ._backend._siteconfig main header span {
      display: inline-block;
      margin-right: 0.35em;
    }
    ._backend._siteconfig main header i {
      display: inline-block;
    }
    ._backend._siteconfig main header a {
      font-size: 0.9em;
      font-weight: bold;
      color: teal;
      padding: 0.25em 0.5em;
    }
    ._backend._siteconfig main header a:first-of-type {
      margin-left: auto;
    }
    ._backend._siteconfig main header a::before {
      font-family: "FontAwesome solid";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    ._backend._siteconfig main header a[href*="/change"]::before {
      content: "\f304";
    }
    ._backend._siteconfig main header a[href*="/remove"]::before {
      content: "\f057";
    }
    ._backend._siteconfig main p {
      font-size: 0.9em;
      padding: 0 0.5rem;
      margin-top: -0.45rem;
      margin-bottom: 0.5em;
    }
    ._backend._siteconfig main .values:not(.single) {
      display: -webkit-flex;
      display: flex;
    }
    ._backend._siteconfig main dl {
      background-color: white;
      padding: 0.5em;
      margin: 0.5rem;
      margin-top: 0;
    }
    ._backend._siteconfig main dl:not(.single *) {
      -webkit-flex: 0 1 50%;
      flex: 0 1 50%;
      max-width: 50%;
    }
    ._backend._siteconfig main dt {
      font-size: 0.8em;
      margin-bottom: 0.5em;
    }
    ._backend._siteconfig main dd {
      word-break: break-all;
      overflow-wrap: break-word;
    }
    ._backend._siteconfig main dd:not(:has(table)) {
      padding-left: 1em;
    }
    ._backend._siteconfig main dd span:not(.none) {
      font-family: var(--font-monospace);
      text-decoration: underline;
    }
    ._backend._siteconfig main dd .none {
      font-size: 0.9em;
      color: gray;
    }
    ._backend._siteconfig main dd pre {
      font-family: var(--font-monospace);
      white-space: pre-wrap;
    }
    ._backend._siteconfig main table {
      width: 100%;
      font-size: 0.9rem;
      border-collapse: collapse;
    }
    @container _container (max-width: 600px) {
      ._backend._siteconfig main table:is(table *) {
        border-left: 1px solid var(--color-border-gray);
      }
    }
    @container _container (max-width: 600px) {
      ._backend._siteconfig main table {
        display: block;
      }
    }
    @container _container (max-width: 600px) {
      ._backend._siteconfig main table thead {
        display: none;
      }
    }
    @container _container (max-width: 600px) {
      ._backend._siteconfig main table tbody {
        display: block;
      }
    }
    @container _container (max-width: 600px) {
      ._backend._siteconfig main table tr, ._backend._siteconfig main table th, ._backend._siteconfig main table td {
        display: block;
      }
    }
    ._backend._siteconfig main thead th {
      font-weight: normal;
      font-size: 0.8em;
      border: none;
      padding: 0.75em 0.5em;
    }
    ._backend._siteconfig main tbody td {
      border: 1px solid var(--color-border-gray);
      text-align: center;
      padding: 0.5em;
    }
    ._backend._siteconfig main tbody td:nth-child(odd) {
      background-color: var(--initial-bgColor);
    }
    ._backend._siteconfig main tbody td:nth-child(even) {
      background-color: var(--color-base);
    }
    @container _container (max-width: 600px) {
      ._backend._siteconfig main tbody td {
        border: none;
      }
    }
    ._siteconfig._dialog h2 {
      font-size: 1.5em;
      padding: 0 0.5rem;
      margin-bottom: 0.5em;
    }
    ._siteconfig._dialog h2 span {
      display: inline-block;
      margin-right: 0.35em;
    }
    ._siteconfig._dialog h2 i {
      display: inline-block;
      font-size: 0.9em;
    }
    ._siteconfig._dialog p {
      padding: 0.5rem;
      padding-bottom: 0;
    }
    ._siteconfig._dialog section {
      padding: 0.5rem 0;
    }
    ._siteconfig._dialog section:not(:last-of-type) {
      border-bottom: 1px solid var(--color-border-gray);
    }
    @container _container (min-width: 501px) {
      ._siteconfig._dialog .values:not(.single) {
        display: -webkit-flex;
        display: flex;
      }
    }
    ._siteconfig._dialog h3 {
      padding: 0.5rem;
    }
    ._siteconfig._dialog dl {
      background-color: var(--initial-bgColor);
      padding: 0.5em;
      margin: 0.5rem;
      margin-top: 0;
    }
    @container _container (min-width: 501px) {
      ._siteconfig._dialog dl:not(.single *) {
        -webkit-flex: 0 1 50%;
        flex: 0 1 50%;
        max-width: 50%;
      }
    }
    ._siteconfig._dialog dt {
      font-size: 0.8em;
      margin-bottom: 0.5em;
    }
    ._siteconfig._dialog dd {
      font-family: var(--font-monospace);
    }
    ._siteconfig._dialog dd .numUnit {
      display: -webkit-flex;
      -webkit-align-items: baseline;
      display: flex;
      align-items: baseline;
    }
    ._siteconfig._dialog dd .numUnit > *:not(small) {
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
    }
    ._siteconfig._dialog dd .numUnit > *:is(small) {
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;
      margin-left: 0.25em;
    }
    ._siteconfig._dialog dd .none {
      font-size: 0.9em;
      color: gray;
    }
    ._siteconfig._dialog dd pre {
      font-family: var(--font-monospace);
    }
    ._siteconfig._dialog dd [type=text] {
      width: 100%;
    }
    ._siteconfig._dialog dd select {
      width: 100%;
    }
    ._siteconfig._dialog dd [readonly] {
      background-color: gray;
    }
    ._siteconfig._dialog .flex {
      display: -webkit-flex;
      -webkit-align-items: baseline;
      display: flex;
      align-items: baseline;
      margin-top: 0.5em;
    }
    ._siteconfig._dialog .flex > div {
      margin-right: 0.5em;
    }
    ._backend._user._list main > section:not(:first-of-type) {
      margin-top: 2em;
    }
    ._backend._user._list main .transfer .u-numUnit {
      -webkit-justify-content: end;
      justify-content: end;
    }
    ._backend._user._list main form {
      margin-bottom: 2em;
    }
    ._backend._userimport main .explain {
      padding: 1em 0;
      padding-left: 2em;
    }
    ._backend._userimport main .explain li {
      font-size: 0.9em;
      list-style-type: disc;
    }
    ._backend._userimport main .validation {
      padding: 2em;
    }
    ._backend._userimport main .validation h3 {
      color: var(--color-ng);
      margin-bottom: 0.25em;
    }
    ._backend._userimport main .validation ul {
      padding-left: 2em;
    }
    ._backend._userimport main .validation li {
      list-style-type: disc;
    }
    ._backend._userimport main .sampleFiles {
      padding: 1em;
      margin-bottom: 2em;
    }
    ._backend._userimport main .sampleFiles dt {
      margin-bottom: 0.5em;
    }
    ._backend._userimport main .sampleFiles dd {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      gap: 0.5em;
    }
    ._backend._userimport main .sampleFiles dd a {
      font-size: 0.9em;
      padding: 0.25em 0.75em;
    }
    ._backend._userimport main .sampleFiles dd a::before {
      font-family: "FontAwesome solid";
      content: "\f56d";
      vertical-align: baseline;
      margin-right: 0.35em;
      color: var(--color-main);
    }
    /* _area */
    ._area._list main table.u .header::before {
      font-family: "FontAwesome regular";
      content: "\f15b";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    ._area._list main table.u dl {
      display: grid;
      grid-template-columns: auto 1fr;
    }
    ._area._list main table.u dt {
      margin-right: 1em;
    }
    ._area._info main > section {
      margin-top: 2em;
    }
    ._area._edit main legend:has(:checked) + ._container {
      border-color: var(--color-main);
    }
    ._area._edit main legend div {
      display: -webkit-flex;
      display: flex;
      gap: 0.5em;
    }
    ._area._edit main legend label {
      order: 1;
    }
    ._area._edit main ._container {
      border: 1px solid transparent;
    }
    ._area._delivery._info main > section {
      margin-top: 2em;
    }
    /* _auth */
    ._auth._login main {
      max-width: 20em;
      margin-inline: auto;
      min-width: auto;
      padding-top: 1em;
    }
    ._auth._login main h2 {
      font-size: 1.75em;
      margin-bottom: 0.5em;
    }
    ._auth._login main .u-validation {
      padding: 0.5em;
      margin-bottom: 1em;
    }
    ._auth._login main form {
      border-radius: var(--radius-l);
      padding: 2em 0;
    }
    ._auth._login main dl {
      margin-bottom: 1em;
    }
    ._auth._login main dd {
      padding: 0.5em;
    }
    ._auth._login main :where([type=text], [type=password], [type=submit]) {
      width: 100%;
    }
    ._auth._login main footer {
      text-align: center;
    }
    ._auth._login main footer label {
      display: block;
      margin-bottom: 1em;
    }
    ._auth._login main footer a {
      font-size: 0.9em;
      text-decoration: underline;
    }
    ._auth._login main footer button {
      margin-top: 2em;
    }
    /* _bank */
    /* _blog */
    ._blog main .id {
      display: inline-block;
      font-size: 0.9em;
    }
    ._blog main .id::before {
      font-family: "FontAwesome solid";
      content: "\f682";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    ._blog main .created::before {
      font-family: "FontAwesome regular";
      content: "\f017";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    ._blog main .updated::before {
      font-family: "FontAwesome solid";
      content: "\f1da";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    ._blog main .u-fromTo::before {
      font-family: "FontAwesome regular";
      content: "\f274";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    /* _blog/_blogpost */
    ._blog._blogpost .u-manages {
      max-width: var(--width-max-m);
      margin-inline: auto;
    }
    ._blog._blogpost._embed_content {
      display: contents;
    }
    .swiper-slide:has(._blog._blogpost._embed_content) {
      padding: 2px;
    }
    ._blog._blogpost._embed_content .e-content {
      box-shadow: 1px 1px 3px var(--color-shadow-gray);
    }
    ._blog._blogpost._embed_content footer {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      gap: 0.5em;
    }
    ._blog._blogpost._embed_content footer .tags {
      display: contents;
    }
    ._blog._blogpost._embed_content footer .tags li {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
    }
    ._blog._blogpost._embed_content footer .published {
      margin-left: auto;
    }
    @container e-contentHeader (min-width: 451px) {
      ._blog._blogpost._embed_blogHeader .img:is(.e-contentHeader > .row *) {
        width: 3em;
      }
    }
    ._blog._blogpost._postInfo :is(._h) ._embed_blogHeader {
      border-top: 1px solid var(--color-border-gray);
      border-bottom: 1px solid var(--color-border-gray);
      padding: 2em 1em;
    }
    @container e-contentHeader (min-width: 451px) {
      ._blog._blogpost._postInfo :is(._h) ._embed_blogHeader .img {
        width: max(10cqw, 5em);
        height: 100%;
      }
    }
    ._blog._blogpost._postInfo :is(._h) .e-comments {
      margin-top: 2em;
    }
    ._blog._blogpost._postInfo article > *:not(:first-child) {
      margin-top: 2em;
    }
    ._blog._blogpost._postInfo article ._embed_contentHeader h2 {
      font-size: 1.75em;
    }
    ._blog._blogpost._postInfo article .e-user {
      margin-top: 1em;
    }
    ._blog._blogpost._postInfo article .tags {
      color: var(--color-main);
    }
    ._blog._blogpost._info :is(._d) ._embed_blogHeader a {
      pointer-events: none;
    }
    ._blog._blogpost._info main .u-btns:has(a) {
      margin-top: 2em;
    }
    ._blog._blogpost._search :is(._e) .u-sticky {
      padding-top: 1em;
    }
    /* _blog/_blogmanage */
    ._blog._blogmanage._tag_modal {
      width: clamp(300px, 75vw, 600px);
      max-height: 80vh;
      background-color: var(--color-base);
      border: 1px solid var(--color-border-gray);
      border-radius: var(--radius-l);
      box-shadow: 3px 3px 3px var(--color-shadow-gray);
      word-break: break-all;
      padding: 1.5em;
      position: fixed;
      top: 50%;
      left: 50%;
      z-index: 999;
      translate: -50% -50%;
      overflow-y: auto;
    }
    ._blog._blogmanage._tag_modal .close {
      font-size: 2em;
      color: var(--color-gray);
      cursor: pointer;
      line-height: 1;
      position: absolute;
      top: 0.5em;
      right: 0.5em;
    }
    ._blog._blogmanage._tag_modal .close::before {
      font-family: "FontAwesome solid";
      content: "\f00d";
      vertical-align: baseline;
    }
    ._blog._blogmanage._tag_modal fieldset {
      padding: 0.5em 0;
    }
    ._blog._blogmanage._tag_modal fieldset:first-of-type {
      margin-bottom: 0.5em;
    }
    ._blog._blogmanage._tag_modal ul {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5em 0.75em;
    }
    ._blog._blogmanage._tag_modal .delete {
      min-height: unset;
      background: none;
      border: none;
      outline: none;
      padding: 0;
      margin-left: 0.25em;
    }
    ._blog._blogmanage._tag_modal .delete::before {
      font-family: "FontAwesome solid";
      content: "\f057";
      vertical-align: baseline;
    }
    ._blog._blogmanage._tag_modal .add {
      min-height: unset;
      background: none;
      border: none;
      outline: none;
      padding: 0;
    }
    ._blog._blogmanage._tag_modal .u-formFooter {
      margin-top: 0;
    }
    ._blog._blogmanage._postList ._embed_blogHeader {
      margin-bottom: 2em;
    }
    ._blog._blogmanage._postList table.col .header {
      gap: 0.5em 1em;
    }
    ._blog._blogmanage._postList table.col .header *::before {
      margin-right: 0.25em;
    }
    ._blog._blogmanage._postList table.col .header [data-status="0"]::before {
      font-family: "FontAwesome solid";
      content: "\f023";
      vertical-align: baseline;
    }
    ._blog._blogmanage._postList table.col .header [data-status="1"]::before {
      font-family: "FontAwesome solid";
      content: "\f058";
      vertical-align: baseline;
    }
    ._blog._blogmanage._edit .ck-content {
      min-height: 20em;
    }
    ._blog._blogmanage._edit .tags button {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      gap: 0.5em;
      width: 100%;
      background-color: var(--color-base);
      padding: 0.5em 1em;
    }
    /* _community */
    ._community :is(._defgh) .category {
      font-weight: bold;
    }
    ._community :is(._defgh) .category::before {
      font-family: "FontAwesome solid";
      content: "\f550";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    ._community._embed_contentHeader:where(._topic, ._event) .title::before {
      font-family: "FontAwesome regular";
      content: "\f1ea";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    ._community._embed_contentHeader:where(._topic, ._event) .e-user {
      font-size: 0.9em;
    }
    ._community._embed_contentHeader:where(._topic, ._event) .below {
      font-size: 0.9em;
      margin-top: 0.5em;
    }
    /* _community/_community */
    ._community._community :is(._e) [href*="/community/leave"] {
      display: block;
      font-size: 0.85em;
      color: gray;
      margin-top: 2em;
    }
    ._community._community :is(._e) [href*="/community/leave"]::before {
      font-family: "FontAwesome solid";
      content: "\f08b";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    ._community._community._embed_content {
      height: 100%;
    }
    ._community._community._embed_content header .category {
      font-size: 0.9em;
    }
    ._community._community._index :is(._d) .u-btns:has(a) {
      margin-top: 2em;
    }
    ._community._community._index article > section {
      padding: 2em 0;
    }
    ._community._community._index article > section:first-child {
      padding-top: 0;
    }
    ._community._community._index article > section:not(:first-of-type) {
      border-top: 1px solid var(--color-border-gray);
    }
    ._community._community._index article > section .u-btns:has(a) {
      margin-top: 1em;
    }
    /* _community/_topic */
    ._community._topic._info article [data-approved] {
      font-weight: bold;
    }
    ._community._topic._info article h2.title {
      font-size: 1.5em;
    }
    ._community._topic._info article .e-comments {
      margin-top: 2em;
    }
    /* _community/_event */
    /* _community/_member */
    ._community._member._accept_admin .u-notice {
      font-size: 1em;
    }
    /* _community/_comment */
    ._community._comment._manage table.col .name::before {
      font-family: "FontAwesome regular";
      content: "\f1ea";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    /* _community/_communitymanage */
    ._community._communitymanage._manage [data-approved=approved]::before {
      font-family: "FontAwesome solid";
      content: "\f00c";
      vertical-align: baseline;
    }
    ._community._communitymanage._manage [data-approved=unapproved]::before {
      font-family: "FontAwesome solid";
      content: "\f252";
      vertical-align: baseline;
    }
    /* _earnings */
    ._earnings :is(._f) .retained {
      margin-bottom: 2em;
    }
    ._earnings main .t-noResult {
      margin-top: 1em;
    }
    ._earnings._info main table.col {
      margin-top: 2em;
    }
    ._earnings._request main .note {
      text-align: center;
      padding: 2em 0;
    }
    ._earnings._request main .note::before {
      font-family: "FontAwesome solid";
      content: "\f05a";
      vertical-align: baseline;
      margin-right: 0.5em;
      color: var(--color-main);
    }
    ._earnings._request main .note .u-numUnit {
      display: -webkit-inline-flex;
      display: inline-flex;
      margin: 0 0.25em;
    }
    ._earnings._request main .note .u-numUnit::before {
      content: "(";
      margin-left: 0.25em;
    }
    ._earnings._request main .note .u-numUnit::after {
      content: ")";
      margin-right: 0.25em;
    }
    /* _event */
    ._event .category {
      font-weight: bold;
    }
    ._event .category::before {
      font-family: "FontAwesome solid";
      content: "\f550";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    ._event [data-recruit=open]::before {
      font-family: "FontAwesome solid";
      content: "\f234";
      vertical-align: baseline;
    }
    ._event [data-recruit=closed]::before {
      font-family: "FontAwesome solid";
      content: "\f235";
      vertical-align: baseline;
    }
    ._event [data-openClosed=open]::before {
      font-family: "FontAwesome regular";
      content: "\f274";
      vertical-align: baseline;
    }
    ._event [data-openClosed=closed]::before {
      font-family: "FontAwesome regular";
      content: "\f273";
      vertical-align: baseline;
    }
    ._event [data-openClosed=yet]::before {
      font-family: "FontAwesome regular";
      content: "\f271";
      vertical-align: baseline;
    }
    /* _event/_event */
    /* _event/_eventmanage */
    @container _container (max-width: 500px) {
      ._event._eventmanage._list .col .header {
        margin-bottom: 1em;
      }
    }
    /* _knowledge */
    /* _knowledge/_knowledge */
    ._knowledge._knowledge._embed_contentHeader .above {
      margin-bottom: 0.5em;
    }
    ._knowledge._knowledge._embed_contentHeader .category {
      color: var(--color-main);
    }
    ._knowledge._knowledge._embed_contentHeader .category::before {
      font-family: "FontAwesome solid";
      content: "#";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    ._knowledge._knowledge._embed_contentHeader .title::before {
      font-family: "FontAwesome solid";
      content: "Q";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    ._knowledge._knowledge._embed_contentHeader .hurry::before {
      font-family: "FontAwesome solid";
      content: "\f06d";
      vertical-align: baseline;
      margin-right: 0.25em;
      color: salmon;
    }
    ._knowledge._knowledge._info main ._embed_contentHeader .title {
      font-size: 1.5em;
    }
    ._knowledge._knowledge._info main > p {
      padding: 1em 0;
    }
    ._knowledge._knowledge._info main .swiper-slide img {
      width: 100%;
    }
    ._knowledge._knowledge._info main .u-btns:has(a) {
      margin-top: 2em;
    }
    ._knowledge._knowledge._info main .questionComments {
      margin-top: 2em;
    }
    ._knowledge._knowledge._info main .questionComments time {
      display: block;
      text-align: right;
    }
    ._knowledge._knowledge._info main .u-sticky:has(a) {
      background-color: var(--color-base);
      padding: 2em 1em;
      bottom: 0;
    }
    ._knowledge._knowledge._info main .answers {
      --foldOverlay: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--color-base) 100%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, var(--color-base) 100%);
    }
    ._knowledge._knowledge._info main .answers {
      margin-top: 2em;
    }
    ._knowledge._knowledge._info main .answers :where(header) {
      margin-bottom: 0.5em;
    }
    ._knowledge._knowledge._info main .answers .answersList {
      container: answers/inline-size;
      position: relative;
      display: grid;
    }
    ._knowledge._knowledge._info main .answers .answer {
      background-color: var(--color-base);
      border: 1px solid var(--color-border-gray);
      border-radius: 5px;
      padding: 1em;
      margin-bottom: 2em;
    }
    ._knowledge._knowledge._info main .answers .answer.bestAnswer {
      order: -1;
    }
    ._knowledge._knowledge._info main .answers .answer.bestAnswer b {
      display: block;
      padding: 0.5em 0;
      margin-bottom: 1em;
    }
    ._knowledge._knowledge._info main .answers .answer.bestAnswer b::before {
      font-family: "FontAwesome solid";
      content: "\f521";
      vertical-align: baseline;
      margin-right: 0.35em;
      color: var(--color-main);
    }
    ._knowledge._knowledge._info main .answers .u-manages {
      padding-bottom: 0;
      margin-top: 1em;
    }
    ._knowledge._knowledge._info main .answers .comments {
      padding-left: 2em;
      margin-top: 2em;
      position: relative;
    }
    ._knowledge._knowledge._info main .answers .comments::before {
      content: "";
      display: block;
      width: 3px;
      background-color: var(--color-gray-light);
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0.75em;
    }
    ._knowledge._knowledge._info main .answers .comments :where(.e-user) {
      font-size: 0.9em;
    }
    ._knowledge._knowledge._info main .answers .thanks {
      border-top: 1px solid var(--color-border-gray);
      padding-top: 1.5em;
      margin-top: 1.5em;
    }
    ._knowledge._knowledge._info main .answers .thanks header {
      margin-bottom: 0.5em;
    }
    ._knowledge._knowledge._info main .answers .thanks header span::after {
      font-family: "FontAwesome solid";
      content: "\f559";
      vertical-align: baseline;
      color: var(--color-main);
      margin-left: 0.5em;
    }
    ._knowledge._knowledge._info main .answers .thanks .e-user {
      margin-bottom: 0;
    }
    /* _knowledge/_knowledgemanage */
    /* _mypage */
    ._mypage._tpl_user_messages .e-user .img {
      width: 3em;
    }
    ._mypage._tpl_user_messages .e-user .name {
      display: none;
    }
    ._mypage._index main > section:not(:first-of-type) {
      margin-top: 2em;
    }
    ._mypage._index main .sectionHeader {
      margin-bottom: 1em;
    }
    ._mypage._index main .sectionHeader h3.u {
      margin-bottom: 0;
    }
    ._mypage._index main .sectionHeader a {
      font-size: 0.9em;
      white-space: nowrap;
    }
    ._mypage._index main .sectionHeader a::after {
      font-family: "FontAwesome solid";
      content: "\f08e";
      vertical-align: baseline;
      margin-left: 0.35em;
    }
    ._mypage._mailList main .mailBody {
      display: none;
    }
    ._mypage._mailList main .mailOpener {
      cursor: pointer;
    }
    ._mypage._mailList main .mailOpener:hover {
      opacity: 0.8;
    }
    ._mypage._message [data-reget]:not(:empty) {
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 1em;
      font-size: 0.9em;
      color: var(--color-gray);
      text-align: center;
      padding: 1em;
    }
    ._mypage._message [data-reget]:not(:empty)::before {
      content: "";
      display: inline-block;
      width: 1em;
      aspect-ratio: 1;
      border: 3px solid var(--color-main);
      border-top: 3px solid transparent;
      border-radius: 50%;
      animation: spin 0.75s linear 0s infinite;
      position: relative;
      top: -0.05em;
    }
    ._mypage._message .e-messages {
      max-height: initial;
      border: none;
      overflow-y: initial;
    }
    ._mypage._message .u-btns {
      background-color: var(--initial-bgColor);
      padding: 1em;
      position: sticky;
      bottom: 0;
      z-index: 1;
    }
    /* _mypage/_config */
    ._mypage._config :where(main) .u-note {
      margin-bottom: 1em;
    }
    ._mypage._config._access_block dl {
      padding: 1em 0;
    }
    ._mypage._config._access_block dt {
      margin-bottom: 0.75em;
    }
    ._mypage._config._access_block ul {
      padding-left: 1.5em;
    }
    ._mypage._config._access_block li {
      list-style: disc;
      margin-bottom: 0.25em;
    }
    ._mypage._config._access_block b {
      display: block;
      color: var(--color-notice);
      padding: 1rem 0.5rem;
    }
    ._mypage._config._access_block b::before {
      font-family: "FontAwesome solid";
      content: "\f05a";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    ._mypage._config._withdraw main ul {
      padding-left: 2em;
    }
    ._mypage._config._withdraw main li {
      list-style: disc;
      margin-bottom: 0.5em;
    }
    ._mypage._config._withdraw main li a {
      color: var(--color-main);
      text-decoration: underline;
    }
    ._mypage._config._password main .none {
      display: none;
    }
    ._mypage._config._password main .plural td div:not(:first-of-type) {
      margin-top: 1em;
    }
    ._mypage._config._password main .plural td label {
      display: block;
    }
    /* _notification */
    ._notification main time::before {
      font-family: "FontAwesome solid";
      content: "\f783";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    @container _container (min-width: 501px) {
      ._notification._tpl_list {
        display: grid;
        grid-template-columns: auto 1fr;
      }
    }
    ._notification._tpl_list :where(time, span) {
      display: block;
      padding: 0.5em;
    }
    ._notification._tpl_list time {
      display: block;
      margin-right: 1.5em;
    }
    ._notification._list main ul.u {
      container: _container/inline-size;
      position: relative;
      padding-top: 1em;
    }
    ._notification._info main time {
      display: block;
      font-weight: bold;
      margin-bottom: 0.5em;
    }
    ._notification._info main h1 {
      border-bottom: 1px solid var(--color-border-gray);
      padding-bottom: 0.75em;
    }
    /* _purchase */
    /* _purchase/_cart */
    ._purchase._cart :is(._d) .u-progress span {
      width: max(7em, 25%);
    }
    ._purchase._cart._embed_contentHeader .productClass {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
    }
    ._purchase._cart._embed_contentHeader .productClass img {
      width: 2em;
      aspect-ratio: 1;
      margin-right: 1em;
    }
    ._purchase._cart._embed_contentHeader .productClass em {
      display: block;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
    }
    ._purchase._cart._show main table.col .count b {
      display: block;
    }
    ._purchase._cart._show main table.col .count a {
      font-size: 0.9em;
    }
    ._purchase._cart._show main section {
      margin-top: 1em;
    }
    ._purchase._cart._address main > section {
      margin-top: 2em;
    }
    ._purchase._cart._delivery main table.col {
      margin-top: 1em;
    }
    ._purchase._cart._delivery main .order {
      display: grid;
    }
    ._purchase._cart._delivery main ul.u > li {
      padding-bottom: 2em;
      margin-top: 1em;
    }
    ._purchase._cart._delivery main .selectable:has(input:checked) .u-note::before {
      color: inherit;
    }
    ._purchase._cart._delivery main .cant {
      border-top: 1px solid rgba(250, 128, 114, 0.5);
      border-bottom: 1px solid rgba(250, 128, 114, 0.5);
      color: var(--color-ng);
      background-color: var(--initial-bgColor);
      order: -1;
      padding: 1em 0;
      margin-bottom: 2em;
    }
    ._purchase._cart._delivery main .cant::before {
      color: var(--color-ng);
    }
    /* _purchase/_purchasemanage */
    ._purchase._purchasemanage._detail main .evaluation ._flex {
      -webkit-align-items: baseline;
      align-items: baseline;
      gap: 0.5em 1em;
    }
    ._purchase._purchasemanage._detail main .evaluation p {
      font-size: 0.85em;
      margin-top: 0.5em;
    }
    ._purchase._purchasemanage._index main table.col .u-status {
      display: block;
    }
    ._purchase._purchasemanage._bank main table.col {
      margin-top: 2em;
    }
    /* _questionnaire */
    ._questionnaire._tpl_result {
      container: _container/inline-size;
      position: relative;
    }
    ._questionnaire._tpl_result .description {
      padding: 1em;
    }
    @container _container (min-width: 801px) {
      ._questionnaire._tpl_result .results {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5em;
      }
    }
    ._questionnaire._tpl_result section {
      padding: 2em 0;
    }
    ._questionnaire._tpl_result section header {
      margin-bottom: 2em;
    }
    ._questionnaire._tpl_result section p {
      border-top: 1px solid var(--color-border-gray);
      border-bottom: 1px solid var(--color-border-gray);
      padding: 1em;
      margin-bottom: 1em;
    }
    ._questionnaire._tpl_result section div:has(.pie-chart) {
      max-width: 400px;
      margin-inline: auto;
    }
    ._questionnaire._tpl_result section canvas {
      padding: 1em;
    }
    ._questionnaire._tpl_result section li {
      background-color: whitesmoke;
      border-radius: var(--radius-m);
      word-break: break-all;
      padding: 1em;
      margin: 0.5em 0;
    }
    ._questionnaire._tpl_result section footer {
      font-size: 0.9em;
      color: gray;
      text-align: right;
      padding: 1em;
    }
    ._questionnaire._tpl_result section footer small::before {
      content: "※";
    }
    ._questionnaire._tpl_result section span {
      display: block;
      font-size: 0.9em;
      background-color: var(--color-gray-light);
      border-radius: 3px;
      text-align: center;
      padding: 1em;
    }
    ._questionnaire._tpl_result section span::before {
      font-family: "FontAwesome solid";
      content: "\f070";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    ._questionnaire._list main .private {
      display: inline-block;
      padding: 0 0.5em;
    }
    ._questionnaire._list main .private::before {
      font-family: "FontAwesome solid";
      content: "\f023";
      vertical-align: baseline;
      margin-right: 0.35em;
      color: var(--color-gray);
    }
    ._questionnaire._answer fieldset {
      background-color: var(--color-base);
      padding: 0 1em 2em;
    }
    ._questionnaire._answer fieldset legend {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      gap: 0 1em;
      background-color: var(--color-base);
    }
    ._questionnaire._answer fieldset legend .required {
      display: inline-block;
      font-size: 0.85em;
      color: var(--initial-color);
      border: 1px solid var(--color-border-gray);
      border-radius: 2px;
      padding: 0.25em 0.75em;
    }
    ._questionnaire._answer fieldset p {
      border-top: 1px solid var(--color-border-gray);
      border-bottom: 1px solid var(--color-border-gray);
      padding: 1em;
      margin: 1em 0;
    }
    ._questionnaire._answer fieldset [type=text] {
      width: 100%;
    }
    /* _register */
    ._register :is(._d) .u-progress span {
      width: max(9.5em, 14.2%);
    }
    ._register._new main legend {
      font-weight: bold;
      font-size: 1.5em;
      text-align: center;
      margin-bottom: 1em;
    }
    ._register._new main .terms {
      max-height: 25em;
      background-color: var(--color-base);
      border: 1px solid var(--color-border-gray);
      border-radius: 5px;
      padding: 1.5em;
      overflow-y: auto;
    }
    ._register._new main [type=submit]::after {
      content: "";
    }
    ._register._new main [type=submit]:disabled {
      color: lightgray;
      background-color: darkgray;
      border-color: transparent;
    }
    ._register._new main [type=submit]:not(:disabled) {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    ._register._send main .sup {
      padding: 1em 0;
      margin-top: 1.5em;
    }
    ._register._send main .sup h3 {
      margin-bottom: 1em;
    }
    ._register._send main .sup h3::before {
      font-family: "FontAwesome solid";
      content: "\f05a";
      vertical-align: baseline;
      margin-right: 0.5em;
    }
    ._register._send main .sup ul {
      padding-left: 1.5em;
      margin-bottom: 1em;
    }
    ._register._send main .sup li {
      list-style-type: disc;
    }
    /* _reset_password */
    ._reset_password._tpl_progress span {
      width: 20%;
    }
    ._reset_password._tpl_progress ol {
      padding-left: 2em;
      margin: 2em 0;
    }
    ._reset_password._tpl_progress li {
      list-style-type: auto;
      padding: 0.5em 0;
    }
    ._reset_password._tpl_progress li.active {
      color: var(--color-main);
    }
    /* _sale */
    ._sale._detail main .evaluation dt {
      font-size: 0.9em;
      margin-right: 1em;
    }
    /* _stc */
    /* _stc/_case */
    ._stc._case main .u-progress {
      display: inline-flex;
    }
    ._stc._case._embed_content {
      display: contents;
    }
    .swiper-slide:has(._stc._case._embed_content) {
      padding: 2px;
    }
    ._stc._case._embed_content .e-content {
      max-width: var(--width-content-max);
      height: 100%;
      box-shadow: 1px 1px 3px var(--color-shadow-gray);
      margin-inline: auto;
    }
    ._stc._case._embed_contentHeader .e-user .userImg {
      width: 2.5em;
    }
    ._stc._case._embed_contentHeader ._flex {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      gap: 0 1em;
    }
    ._stc._case._embed_contentHeader .u-rate {
      font-size: 1.1em;
    }
    ._stc._case._tpl_postscript li:not(:last-of-type) {
      border-bottom: 1px solid var(--color-border-gray);
      padding-bottom: 1em;
      margin-bottom: 2em;
    }
    ._stc._case._tpl_postscript footer {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-justify-content: end;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: end;
      align-items: center;
      gap: 0.5em;
    }
    ._stc._case._tpl_postscript footer time {
      color: var(--color-gray);
      font-style: italic;
      font-size: 0.8em;
    }
    ._stc._case._tpl_qa dl {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      border-bottom: 1px solid var(--color-border-gray);
    }
    ._stc._case._tpl_qa dl.a {
      margin-left: 1em;
    }
    ._stc._case._tpl_qa dt {
      -webkit-flex: 0 0 auto;
      flex: 0 0 auto;
      font-size: 0.8em;
      padding: 0.5em;
    }
    ._stc._case._tpl_qa dt:is(.a *)::before {
      font-family: "FontAwesome solid";
      content: "\f148";
      vertical-align: baseline;
      display: inline-block;
      font-style: italic;
      margin-right: 1em;
      rotate: 80deg;
    }
    ._stc._case._tpl_qa dd {
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5em;
      padding: 0.5em;
    }
    ._stc._case._tpl_qa dd .u-btn {
      font-size: 0.8em;
    }
    ._stc._case._tpl_qa dd p + * {
      margin-left: auto;
    }
    ._stc._case._tpl_qa dd .e-user {
      font-size: 0.7em;
    }
    ._stc._case._tpl_qa dd time {
      font-style: italic;
      font-size: 0.8em;
      color: var(--color-gray);
    }
    ._stc._case._tpl_save_search_condition {
      grid-template-columns: auto auto;
    }
    ._stc._case._tpl_save_search_condition::before {
      font-family: "FontAwesome solid";
      content: "\f31c";
      vertical-align: baseline;
      margin-right: 0.5em;
    }
    ._stc._case._index :is(._b) .u-manages {
      max-width: var(--width-max);
      margin-inline: auto;
    }
    ._stc._case._index :is(._d) ._embed_contentHeader h2.title {
      font-size: 1.75em;
    }
    ._stc._case._index :is(._efg):has(.u-pageNav) {
      padding-top: 1em;
    }
    @media (max-width: 750px) {
      ._stc._case._index :is(._efg):has(.u-pageNav) {
        display: grid;
        grid-template: "nav" min-content "_e" min-content "_f" auto "_g" min-content;
      }
    }
    @media (min-width: 751px) {
      ._stc._case._index :is(._efg):has(.u-pageNav) {
        display: grid;
        grid-template: "nav nav nav" min-content "_e  _f  _g" min-content;
        grid-template-columns: min-content 1fr min-content;
      }
    }
    ._stc._case._index :is(._efg):has(.u-pageNav) .u-pageNav {
      grid-area: nav;
    }
    @media (max-width: 750px) {
      ._stc._case._index :is(._g):has(*) {
        min-width: calc(var(--width-max) * 0.3);
      }
    }
    @media (min-width: 751px) {
      ._stc._case._index :is(._g):has(*) {
        width: calc(var(--width-max) * 0.3);
      }
    }
    ._stc._case._index :is(._g) .cv {
      background-color: var(--color-base);
      padding: 1em;
      margin-top: 1em;
    }
    ._stc._case._index :is(._g) .cv :where(dl) {
      margin-bottom: 1em;
    }
    ._stc._case._index :is(._g) .cv :where(dt) {
      font-size: 0.8em;
      margin-bottom: 0.5em;
    }
    ._stc._case._index :is(._g) .cv .title dt::before {
      font-family: "FontAwesome solid";
      content: "\f328";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    ._stc._case._index :is(._g) .cv .title dd {
      font-size: 1.1em;
      font-weight: bold;
      color: var(--color-main);
    }
    ._stc._case._index :is(._g) .cv .owner dt::before {
      font-family: "FontAwesome solid";
      content: "\f7f3";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    ._stc._case._index :is(._g) .cv .owner dd {
      font-size: 0.9em;
    }
    ._stc._case._index :is(._g) .cv .u-numUnit {
      -webkit-justify-content: end;
      justify-content: end;
      margin-bottom: 0.5em;
    }
    ._stc._case._index :is(._g) .cv ._tpl_actions {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.5em;
    }
    ._stc._case._index :is(._g) .cv ._tpl_actions a {
      font-size: 0.8em;
    }
    ._stc._case._index :is(._g) .cv ._tpl_actions .mainPrimary {
      grid-column: span 2;
      font-size: 1em;
    }
    ._stc._case._index :is(._g) .cv .u-fromTo {
      display: block;
      font-size: 0.9em;
      text-align: right;
      padding: 0.5em 0;
    }
    ._stc._case._index :is(._h) ._latest_info {
      max-width: var(--width-max);
      margin-inline: auto;
    }
    ._stc._case._index article .sections {
      margin-top: 1em;
    }
    ._stc._case._index article .sections > section {
      margin-bottom: 2em;
    }
    ._stc._case._index article .sections .overview em {
      display: block;
      font-style: italic;
      font-weight: bold;
      font-size: 1.1em;
      padding: 1em 0.5em;
    }
    ._stc._case._index article .sections .overview em::before {
      font-family: "FontAwesome solid";
      vertical-align: baseline;
      font-size: 0.8em;
      vertical-align: super;
      margin: 0 0.5em;
    }
    ._stc._case._index article .sections .overview em::after {
      font-family: "FontAwesome solid";
      vertical-align: baseline;
      font-size: 0.8em;
      vertical-align: super;
      margin: 0 0.5em;
    }
    ._stc._case._index article .sections .overview em::before {
      content: "\f10d";
    }
    ._stc._case._index article .sections .overview em::after {
      content: "\f10e";
    }
    ._stc._case._index article .sections .overview p {
      padding: 1em;
      margin-bottom: 1em;
    }
    ._stc._case._index article .sections .overview > ._universalMediadata {
      margin: 1em 0;
    }
    ._stc._case._index article .sections .swiper-slide img {
      width: 100%;
      aspect-ratio: 16/9;
      border-radius: var(--radius-m);
    }
    ._stc._case._index article .sections .notice p {
      font-size: 0.9em;
      color: var(--color-gray);
    }
    ._stc._case._index article .sections .gMaps section:not(:has(.u-gMap)) {
      display: none;
    }
    ._stc._case._index article .sections .gMaps section:not(:last-of-type) {
      margin-bottom: 2em;
    }
    ._stc._case._index article .sections .owner > section {
      padding: 2em 0;
    }
    ._stc._case._index article .sections .evaluation > header {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5em 1em;
      margin-bottom: 1em;
    }
    ._stc._case._index article .sections .cases h4 {
      margin-bottom: 1em;
    }
    ._stc._case._entry main .u-formNav {
      margin-top: 1em;
    }
    ._stc._case._complete main {
      display: grid;
      -webkit-place-items: center;
      place-items: center;
      -webkit-align-content: center;
      align-content: center;
      height: 100%;
    }
    ._stc._case._complete main h2.u {
      text-align: center;
    }
    ._stc._case._qa main p {
      border-top: 1px solid var(--color-border-gray);
      border-bottom: 1px solid var(--color-border-gray);
      font-size: 0.9em;
      color: var(--color-gray);
      padding: 1em;
      margin-bottom: 2em;
    }
    ._stc._case._search main .u-formFooter {
      margin-top: 0;
    }
    /* _stc/_casemanage */
    ._stc._casemanage._embed_appliedReceived > :where(section, div) {
      padding: 1em 0;
      margin-bottom: 1em;
    }
    ._stc._casemanage._embed_appliedReceived :where(.memo, .messages) > header {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      gap: 0.5em 1em;
      margin-bottom: 0.75em;
    }
    ._stc._casemanage._embed_appliedReceived :where(.memo, .messages) > header :is(h3.u) {
      margin-bottom: 0;
    }
    ._stc._casemanage._embed_appliedReceived :where(.memo, .messages) > header :not(h3.u) {
      font-size: 0.9em;
    }
    ._stc._casemanage._embed_appliedReceived .data .e-user {
      padding: 1em;
      padding-top: 0;
    }
    ._stc._casemanage._tpl_labels {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      gap: 0.5em;
    }
    ._stc._casemanage._tpl_censorship:has(*) {
      margin-bottom: 2em;
    }
    ._stc._casemanage._tpl_censorship .u-status:not(:empty) {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      font-weight: bold;
      color: var(--color-main);
    }
    ._stc._casemanage._tpl_censorship .u-status:not(:empty)::before {
      content: "";
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
      display: block;
      height: 1px;
      background-color: var(--color-main);
    }
    ._stc._casemanage._tpl_censorship .u-status:not(:empty)::after {
      content: "";
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
      display: block;
      height: 1px;
      background-color: var(--color-main);
    }
    ._stc._casemanage._tpl_censorship .u-status:not(:empty)::before {
      margin-right: 1em;
    }
    ._stc._casemanage._tpl_censorship .u-status:not(:empty)::after {
      margin-left: 1em;
    }
    ._stc._casemanage._tpl_censorship p {
      max-width: 800px;
      margin-inline: auto;
      font-size: 0.9em;
      padding: 1em;
    }
    ._stc._casemanage._tpl_memo header dl {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
    }
    ._stc._casemanage._tpl_memo header dt {
      color: gray;
      margin-right: 0.5em;
    }
    ._stc._casemanage._tpl_memo header dt::after {
      content: ":";
      margin: 0 0.25em;
    }
    ._stc._casemanage._tpl_memo header dd {
      font-weight: bold;
    }
    ._stc._casemanage._tpl_memo .u-memoLabel {
      display: inline-grid;
      margin-bottom: 1em;
    }
    ._stc._casemanage._tpl_proposal ._tpl_proposalProgress {
      margin-bottom: 2em;
    }
    ._stc._casemanage._tpl_proposal .proposalPrice {
      display: -webkit-flex;
      -webkit-align-items: baseline;
      display: flex;
      align-items: baseline;
      gap: 1em;
      padding: 1em;
      padding-top: 0;
    }
    ._stc._casemanage._tpl_proposal .proposalPrice .yet {
      font-size: 1.25em;
    }
    ._stc._casemanage._tpl_proposal table.row {
      margin-bottom: 2em;
    }
    ._stc._casemanage._tpl_proposal table.row .purchased .u-btn {
      display: inline-grid;
    }
    ._stc._casemanage._tpl_proposal table.row .evaluation p {
      padding: 0.5em 0;
    }
    ._stc._casemanage._tpl_receivedContentHeader :where(.above, .below) {
      padding-top: 0.25em;
    }
    ._stc._casemanage:where(._edit_settlement, ._conf_settlement) .total {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      padding: 2em 1em 1em;
    }
    ._stc._casemanage:where(._edit_settlement, ._conf_settlement) .total dt {
      margin-right: 1em;
    }
    ._stc._casemanage._edit_settlement .point dl {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      margin-bottom: 1em;
    }
    ._stc._casemanage._edit_settlement .point dt {
      margin-right: 1em;
    }
    ._stc._casemanage._edit_settlement .point b {
      font-weight: bold;
      font-size: 1.1em;
    }
    ._stc._casemanage._list main > ._tpl_labels:has(*) {
      margin-bottom: 1em;
    }
    ._stc._casemanage._appliedReceived .u-pageNav {
      background-color: var(--initial-bgColor);
      margin: 2em 0;
    }
    ._stc._casemanage._appliedReceived main .overview {
      margin-bottom: 2em;
    }
    ._stc._casemanage._appliedReceived main .overview dl {
      display: -webkit-flex;
      -webkit-justify-content: start;
      -webkit-align-items: baseline;
      display: flex;
      justify-content: start;
      align-items: baseline;
      gap: 0.5em;
    }
    ._stc._casemanage._appliedReceived main .overview dt {
      font-size: 0.8em;
      margin-right: 1em;
    }
    ._stc._casemanage._appliedReceived main .overview p {
      margin-top: 1em;
    }
    ._stc._casemanage._offer main p {
      margin-bottom: 1em;
    }
    ._stc._casemanage._receivedList main {
      margin-top: 1em;
    }
    ._stc._casemanage._receivedList main h2.u {
      margin-bottom: 1em;
    }
    ._stc._casemanage._contract main :where(h3) {
      margin-bottom: 0.5em;
    }
    ._stc._casemanage._contract main .t-note {
      border-bottom: 1px solid var(--color-border-gray);
      padding-bottom: 2em;
    }
    ._stc._casemanage._contract main .specialMention {
      max-width: min(40em, 90%);
      margin-inline: auto;
      margin-top: 2em;
    }
    ._stc._casemanage._contract main .sections {
      display: grid;
      grid-template-columns: min(25em, 90%);
      -webkit-justify-content: end;
      justify-content: end;
      margin: 2em 0;
    }
    ._stc._casemanage._contract main .sections section {
      width: 100%;
      padding: 1em 0;
    }
    ._stc._casemanage._contract main .sections h3 {
      margin-bottom: 0.5em;
    }
    ._stc._casemanage._contract main .sections dl {
      padding-left: 1em;
    }
    ._stc._casemanage._contract main .sections dt {
      font-size: 0.9em;
      margin-bottom: 0.25em;
    }
    ._stc._casemanage._contract main .sections dt:not(:first-of-type) {
      margin-top: 0.75em;
    }
    ._stc._casemanage._contract main .sections dd {
      min-height: 1.5em;
      border-bottom: 1px solid var(--color-border-gray);
      padding: 0.25em 0;
    }
    ._stc._casemanage._contract main :where(table.row, .u-btns) {
      margin-top: 2em;
    }
    /* _stp */
    /* _stp/_product */
    ._stp._product._embed_content {
      display: contents;
    }
    ._stp._product._embed_content .u-numUnit {
      -webkit-justify-content: end;
      justify-content: end;
    }
    ._stp._product._embed_content .u-numUnit b {
      font-size: 1.25em;
    }
    ._stp._product._embed_contentHeader .below ._flex {
      -webkit-align-items: center;
      align-items: center;
    }
    ._stp._product._info_delivery section {
      margin-top: 1em;
    }
    ._stp._product._info_delivery h4.u::before {
      font-family: "FontAwesome solid";
      content: "\f0d1";
      vertical-align: baseline;
      margin-right: 0.5em;
      color: var(--color-main);
    }
    ._stp._product._info main > section {
      margin-top: 2em;
    }
    @container _container (min-width: 601px) {
      ._stp._product._info main .grid {
        display: grid;
        grid-template-columns: 45% 55%;
      }
    }
    ._stp._product._info main .grid > * {
      padding: 1em;
    }
    ._stp._product._info main .content .isAdult {
      color: var(--color-main);
      border-radius: var(--radius-s);
      padding: 0.25em 0.75em;
    }
    ._stp._product._info main .content .isAdult::before {
      font-family: "FontAwesome solid";
      content: "\f25d";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    ._stp._product._info main .content .u-btn[href*="/favorite"] {
      display: inline-grid;
      font-size: 0.8em;
      margin-bottom: 1em;
    }
    ._stp._product._info main .content h2.title {
      font-size: 1.75em;
    }
    ._stp._product._info main .content .period {
      -webkit-justify-content: end;
      justify-content: end;
      padding: 0.5em 0;
    }
    ._stp._product._info main .content .period dt {
      margin-right: 0.5em;
    }
    ._stp._product._info main .content .tag {
      padding: 1em 0.5em;
    }
    ._stp._product._info main .content .overview {
      padding: 1em 0;
    }
    ._stp._product._info main .content .classes section {
      border-top: 1px solid var(--color-border-gray);
      padding: 2em 0;
      margin: 2em 0;
    }
    ._stp._product._info main .content .classes section:last-of-type {
      margin-bottom: 0;
    }
    ._stp._product._info main .content .classes .mainCurrency {
      -webkit-justify-content: end;
      justify-content: end;
      padding: 1em 0;
    }
    ._stp._product._info main .content .classes [href*="/cart/putin"] {
      padding-top: 1em;
      padding-bottom: 1em;
    }
    ._stp._product._info main .content .classes .countInCart {
      padding: 0.5em;
      -webkit-justify-content: end;
      justify-content: end;
    }
    @container _container (min-width: 601px) {
      ._stp._product._info main .mainImages {
        order: -1;
      }
    }
    ._stp._product._info main .mainImages a:not(:first-of-type) {
      margin-top: 1em;
    }
    ._stp._product._info main .mainImages img {
      width: 100%;
      border-radius: var(--radius-m);
    }
    ._stp._product._info main .owner > section {
      padding: 2em 0;
    }
    ._stp._product._info main .evaluation > header {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5em 1em;
      margin-bottom: 1em;
    }
    ._stp._product._info._type01 main :where(.u-metaDatas) {
      margin-bottom: 0.5em;
    }
    ._stp._product._info._type01 main .swiper-slide img {
      aspect-ratio: 16/9;
    }
    ._stp._product._info._type02 main ._embed_contentHeader .above {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5em 1em;
    }
    ._stp._product._info._type02 main ._ck {
      border-top: 1px solid var(--color-border-gray);
      border-right: n ull;
      border-bottom: 1px solid var(--color-border-gray);
      padding: 2em 1em;
      margin: 2em 0;
    }
    @container _container (min-width: 601px) {
      ._stp._product._info._type03 main .content {
        position: sticky;
        top: var(--stickyPageTop);
        -webkit-align-self: start;
        align-self: start;
      }
    }
    ._stp._product._info._type03 main ._embed_contentHeader .above ._flex {
      gap: 0.5em 1em;
    }
    ._stp._product._info._type03 main ._embed_contentHeader .above ._flex span {
      display: inline-block;
      border: 1px solid var(--color-border-gray);
      padding: 0.25em 0.75em;
    }
    ._stp._product._search :is(._e) .u-searchForm [name*="[productKeyword]"] {
      width: 100%;
    }
    ._stp._product._search :is(._e) .u-searchForm .u-sticky {
      background-color: var(--initial-bgColor);
      bottom: 0;
    }
    /* _stp/_productmanage */
    ._stp._productmanage[class*=_product_class] .grid {
      display: grid;
      grid-template-columns: auto 1fr;
    }
    ._stp._productmanage[class*=_product_class] .grid .btns {
      -webkit-align-self: start;
      align-self: start;
    }
    ._stp._productmanage._tpl_deliveryNotice h3 {
      color: var(--color-notice);
    }
    ._stp._productmanage._tpl_deliveryNotice ol {
      padding: 2em;
    }
    ._stp._productmanage._tpl_deliveryNotice li {
      list-style-type: decimal;
    }
    ._stp._productmanage._edit main .btn {
      display: block;
      color: var(--color-main);
      background-color: var(--color-main-on);
      border: 1px solid var(--color-border-main);
      border: none;
    }
    ._stp._productmanage._edit main .btn::before {
      font-family: "FontAwesome solid";
      vertical-align: baseline;
    }
    ._stp._productmanage._edit main .btn.up::before {
      content: "\f139";
    }
    ._stp._productmanage._edit main .btn.down::before {
      content: "\f13a";
    }
    ._stp._productmanage._edit main .btn.remove::before {
      content: "\f056";
    }
    ._stp._productmanage._edit main .btn.add {
      width: 100%;
    }
    ._stp._productmanage._edit main .btn.add::before {
      content: "\f055";
      margin-right: 0.5em;
    }
    /* _str */
    ._str._dialog._wait {
      text-align: center;
    }
    /* _str/_reserve */
    ._str._reserve :is(._b) .u-manages {
      max-width: var(--width-max);
      margin-inline: auto;
    }
    ._str._reserve :where(._info_manage_target_list, ._info_manage_option_list) {
      margin-bottom: 2em;
    }
    ._str._reserve :where(._info_manage_target_list, ._info_manage_option_list) .u-btns:has(a) {
      margin-top: 2em;
    }
    ._str._reserve._info_target_plan_info .plan .e-contentHeader .below dt {
      -webkit-align-self: center;
      align-self: center;
    }
    ._str._reserve._info_target_plan_info .plan .e-contentHeader .below .u-btn {
      font-size: 0.8em;
      margin-left: auto;
    }
    ._str._reserve._info_target_plan_info .u-btns:has(:where(a, button)) {
      padding: 2em 0;
    }
    ._str._reserve._info_target_plan_info .u-calendar .reservable {
      width: 100%;
      min-height: auto;
    }
    ._str._reserve._info_target_plan_info .u-calendar .reservable:hover {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    ._str._reserve._info_target_plan_info .u-calendar .reservable::before {
      font-family: "FontAwesome solid";
      content: "\f00c";
      vertical-align: baseline;
    }
    ._str._reserve._info_target_plan_info .planList :where(.hourly, .daily):not(:empty) {
      border-bottom: 1px solid var(--color-border-gray);
      padding: 1em 0;
      margin-bottom: 1em;
    }
    ._str._reserve._info_target_plan_info .planList :where(.hourly, .daily) ._flex {
      -webkit-align-items: center;
      align-items: center;
    }
    ._str._reserve._info_target_plan_info .planList :where(.hourly, .daily) label {
      display: inline-grid;
      grid-template-columns: 1fr auto;
      padding: 0;
    }
    ._str._reserve._info_target_plan_info .planList :where(.hourly, .daily) label :where(b, span) {
      padding: 0.5em;
    }
    ._str._reserve._info_target_plan_info .planList :where(.hourly, .daily) label [type=checkbox] {
      display: none;
    }
    ._str._reserve._info_target_plan_info .planList .hourly section {
      padding: 1em 0;
    }
    ._str._reserve._info_target_plan_info .planList .hourly section:not(:last-of-type) {
      border-bottom: 1px solid var(--color-border-gray);
    }
    ._str._reserve._info_target_plan_info .planList .hourly ul {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(11em, auto));
      margin-top: 1em;
    }
    ._str._reserve._info_target_plan_info .planList .daily label {
      background-color: var(--color-base);
      border: 1px solid var(--color-border-gray);
      border-radius: var(--radius-s);
      margin-top: 1em;
    }
    ._str._reserve._info_target_plan_info .planList .daily label:has(:checked) {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    ._str._reserve._info_target_plan_info .planList .options:not([style="display: none"]) {
      padding: 1em 0;
    }
    ._str._reserve._input_application_list_reserve_target :where(section) {
      padding: 1em 0;
    }
    ._str._reserve._input_application_list_reserve_target :where(table.col) {
      margin-top: 1em;
    }
    ._str._reserve._input_application_list_reserve_target :where(table.col) thead {
      border-bottom: none;
      margin-bottom: 0;
    }
    ._str._reserve._input_application_list_reserve_target :where(._flex) {
      -webkit-justify-content: end;
      justify-content: end;
      -webkit-align-items: baseline;
      align-items: baseline;
    }
    ._str._reserve._input_application_list_reserve_target :where(.subTotal, .total) {
      padding: 1em;
    }
    ._str._reserve._input_application_list_reserve_target .day {
      border-left: 1px solid var(--color-border-main);
      padding-left: 1em;
    }
    ._str._reserve._input_application_list_reserve_target .day:not(:last-of-type) {
      margin-bottom: 2em;
    }
    ._str._reserve._input_application_list_reserve_target .plan {
      border-bottom: 1px solid var(--color-border-gray);
    }
    ._str._reserve._input_application_list_reserve_target .plan .u-choice li {
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;
    }
    ._str._reserve._input_application_list_reserve_target .plan h5 {
      margin-bottom: 0.5em;
    }
    ._str._reserve._input_application_list_reserve_target .total {
      padding-top: 0;
    }
    @container _container (min-width: 601px) {
      ._str._reserve._targetInfo main .swipers {
        display: grid;
        grid-template-columns: 70cqw 28cqw;
        gap: 0 2cqw;
      }
    }
    ._str._reserve._targetInfo main .swipers .main :where(a, img) {
      width: 100%;
      height: 100%;
    }
    ._str._reserve._targetInfo main .swipers .main_thumbnail {
      margin: 0;
    }
    @container _container (max-width: 600px) {
      ._str._reserve._targetInfo main .swipers .main_thumbnail {
        display: none;
      }
    }
    ._str._reserve._targetInfo main ._embed_contentHeader .favorite {
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;
    }
    ._str._reserve._targetInfo main > * {
      margin-bottom: 2em;
    }
    ._str._reserve._targetInfo main ._embed_contentHeader h2 {
      font-size: 1.5em;
    }
    ._str._reserve._targetInfo main .sections > * {
      margin-bottom: 2em;
    }
    ._str._reserve._targetInfo main .sections .data table {
      margin-top: 1em;
    }
    ._str._reserve._manageInfo main > * {
      margin-bottom: 2em;
    }
    ._str._reserve._manageInfo main ._embed_manageHeader h2 {
      font-size: 1.5em;
    }
    ._str._reserve._apply main table.col.total .mainCurrency {
      font-size: 1.25em;
    }
    ._str._reserve._apply main .applicant {
      margin-top: 2em;
    }
    ._str._reserve._conf main .e-contentHeader {
      margin-bottom: 2em;
    }
    /* _str/_reservemanage */
    @container _container (min-width: 601px) {
      ._str._reservemanage [class*=_plan_timeLine].u-choice {
        display: grid;
        grid-template-columns: 1fr 1fr;
      }
    }
    ._str._reservemanage [class*=_plan_timeLine].u-choice ul {
      display: grid;
      grid-template-columns: auto auto;
      padding: 1em;
    }
    ._str._reservemanage [class*=_plan_timeLine].u-choice span {
      grid-column: span 2;
      order: -1;
      display: block;
      font-weight: bold;
      text-align: center;
      padding: 0.5em;
    }
    ._str._reservemanage [class*=_plan_timeLine].u-choice button {
      font-size: 0.8em;
    }
    ._str._reservemanage .u-searchForm {
      margin-bottom: 2em;
    }
    ._str._reservemanage .u-searchForm select[name*="[day]"] {
      display: none;
    }
    ._str._reservemanage ._conf_plan_timeLine li:not(.checked) {
      color: var(--color-gray);
      background-color: var(--color-gray-light);
    }
    ._str._reservemanage ._conf_plan_timeLine li:is(.checked) {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    ._str._reservemanage._embed_proposal {
      /* ! from v1 ↓ */
      /* ! from v1 ↑ */
    }
    ._str._reservemanage._embed_proposal .u-choice ul {
      display: grid;
      grid-template-columns: auto auto;
      gap: 0.25em;
      font-size: 0.9em;
    }
    ._str._reservemanage._embed_proposal .u-choice li.selected {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    ._str._reservemanage._embed_proposal .e-contentHeader {
      margin-bottom: 2em;
    }
    ._str._reservemanage._embed_proposal .eachDay {
      background-color: var(--color-base);
      padding: 2em 0;
    }
    ._str._reservemanage._embed_proposal .eachDay:not(:first-of-type) {
      margin-top: 2em;
    }
    ._str._reservemanage._embed_proposal .eachDay header {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      position: relative;
      padding: 0 1em;
      margin-bottom: 1em;
    }
    @container _container (max-width: 600px) {
      ._str._reservemanage._embed_proposal .eachDay header {
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
      }
    }
    ._str._reservemanage._embed_proposal .eachDay header h4 {
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;
      color: var(--colo-main);
      font-size: 1.25em;
      white-space: nowrap;
      padding: 0.5em;
    }
    ._str._reservemanage._embed_proposal .eachDay header h4::before {
      font-family: "FontAwesome solid";
      content: "\f073";
      vertical-align: baseline;
      margin-right: 0.5em;
    }
    ._str._reservemanage._embed_proposal .eachDay header .status {
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
    }
    ._str._reservemanage._embed_proposal .eachDay header .status dt {
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;
      font-size: 0.9em;
      white-space: nowrap;
      margin-right: 0.5em;
    }
    ._str._reservemanage._embed_proposal .eachDay header .status dd {
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
      border: none;
    }
    ._str._reservemanage._embed_proposal .eachDay header .status b {
      display: inline-block;
      border: 1px solid var(--color-border-gray);
      border-radius: 2px;
      padding: 0.3em 0.8em;
    }
    ._str._reservemanage._embed_proposal .eachDay header .rejectInfo {
      font-size: 0.85em;
      padding: 0.5em;
    }
    ._str._reservemanage._embed_proposal .eachField legend {
      padding: 0.5em;
      padding-left: 1em;
    }
    @container _container (min-width: 601px) {
      ._str._reservemanage._embed_proposal .eachField legend {
        padding-left: 2em;
      }
    }
    ._str._reservemanage._embed_proposal .eachField .flex {
      padding: 1em 0;
    }
    @container _container (min-width: 601px) {
      ._str._reservemanage._embed_proposal .eachField .flex {
        display: -webkit-flex;
        display: flex;
        padding: 1em;
      }
    }
    ._str._reservemanage._embed_proposal .eachField .flex > div {
      background-color: var(--color-base);
      border: 1px solid var(--color-border-gray);
      padding: 1em;
      position: relative;
    }
    @container _container (min-width: 601px) {
      ._str._reservemanage._embed_proposal .eachField .flex > div {
        -webkit-flex: 0 1 49.5%;
        flex: 0 1 49.5%;
        max-width: 49.5%;
      }
    }
    ._str._reservemanage._embed_proposal .eachField .flex > div::before {
      display: inline-block;
      font-size: x-small;
      border: 1px solid var(--color-border-gray);
      line-height: 0;
      text-align: center;
      padding: 1em 0.5em;
      position: absolute;
      top: -2.2em;
      right: 0;
      left: 0;
    }
    @container _container (max-width: 600px) {
      ._str._reservemanage._embed_proposal .eachField .flex > div:first-of-type {
        margin-top: 1em;
      }
    }
    ._str._reservemanage._embed_proposal .eachField .flex > div:first-of-type::before {
      content: "申込内容";
    }
    @container _container (min-width: 601px) {
      ._str._reservemanage._embed_proposal .eachField .flex > div:first-of-type::before {
        left: auto;
      }
    }
    ._str._reservemanage._embed_proposal .eachField .flex > div:first-of-type::after {
      display: inline-block;
      color: var(--colo-main);
      font-size: 1.5em;
    }
    @container _container (max-width: 600px) {
      ._str._reservemanage._embed_proposal .eachField .flex > div:first-of-type::after {
        font-family: "FontAwesome solid";
        content: "\f103";
        vertical-align: baseline;
        position: absolute;
        right: 50%;
        bottom: -1.5em;
        z-index: 1;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
      }
    }
    @container _container (min-width: 601px) {
      ._str._reservemanage._embed_proposal .eachField .flex > div:first-of-type::after {
        font-family: "FontAwesome solid";
        content: "\f101";
        vertical-align: baseline;
        position: absolute;
        top: 50%;
        right: -1em;
        z-index: 1;
        -webkit-transform: translate(-40%, -50%);
        transform: translate(-40%, -50%);
      }
    }
    ._str._reservemanage._embed_proposal .eachField .flex > div:last-of-type {
      margin-left: auto;
    }
    @container _container (max-width: 600px) {
      ._str._reservemanage._embed_proposal .eachField .flex > div:last-of-type {
        margin-top: 3.5em;
      }
    }
    ._str._reservemanage._embed_proposal .eachField .flex > div:last-of-type::before {
      content: "提案内容";
    }
    @container _container (min-width: 601px) {
      ._str._reservemanage._embed_proposal .eachField .flex > div:last-of-type::before {
        right: auto;
      }
    }
    ._str._reservemanage._embed_proposal .eachField .flex > div.initial {
      background-color: var(--color-gray-light);
    }
    @container _container (max-width: 600px) {
      ._str._reservemanage._embed_proposal .eachField .flex [type=text] {
        width: 100%;
      }
    }
    ._str._reservemanage._embed_proposal .eachField .flex textarea {
      height: 100%;
    }
    ._str._reservemanage._embed_proposal .eachField .flex p {
      line-height: inherit;
    }
    ._str._reservemanage._embed_proposal .eachField .flex p:not(:first-of-type) {
      border-top: 1px solid var(--color-border-gray);
      padding-top: 1em;
      margin-top: 1em;
    }
    ._str._reservemanage._embed_proposal .eachOptions {
      border-top: 2px dashed rgba(var(--colo-main), 0.2);
      border-bottom: 2px dashed rgba(var(--colo-main), 0.2);
      padding-top: 2em;
      padding-bottom: 2em;
      margin-top: 2em;
      margin-bottom: 2em;
    }
    ._str._reservemanage._embed_proposal .eachOptions .each:not(:first-of-type) {
      margin-top: 1em;
    }
    ._str._reservemanage._embed_proposal .eachOptions .each::before {
      content: "・";
      margin-right: 0.2em;
    }
    ._str._reservemanage._embed_proposal .eachPlans {
      border-top: 2px dashed rgba(var(--colo-main), 0.2);
      padding-top: 2em;
    }
    ._str._reservemanage._embed_proposal .eachPlans .each {
      background-color: rgba(255, 255, 255, 0.5);
      padding: 1em 0;
    }
    ._str._reservemanage._embed_proposal .eachPlans .each:not(:first-of-type) {
      margin-top: 2em;
    }
    ._str._reservemanage._embed_proposal .eachTarget {
      background-color: rgba(var(--colo-main), 0.1);
      border-bottom: 10px dashed #FFF;
      padding: 2em 0;
    }
    ._str._reservemanage._embed_proposal .eachTarget:not(:first-of-type) {
      margin-top: 3em;
    }
    ._str._reservemanage._embed_proposal .total {
      padding: 2em 1em;
    }
    ._str._reservemanage._embed_proposal .total h4 {
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;
    }
    ._str._reservemanage._embed_proposal .total dl {
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;
      padding: 1em;
    }
    ._str._reservemanage._embed_proposal .total dl:first-of-type {
      padding-right: 2em;
      margin-left: auto;
      position: relative;
    }
    ._str._reservemanage._embed_proposal .total dl:first-of-type::after {
      font-family: "FontAwesome solid";
      content: "\f101";
      vertical-align: baseline;
      display: inline-block;
      color: var(--colo-main);
      font-size: 1.5em;
      position: absolute;
      top: 50%;
      right: -0.5em;
      z-index: 1;
      -webkit-transform: translate(-50%, -40%);
      transform: translate(-50%, -40%);
    }
    ._str._reservemanage._embed_proposal .total dl:first-of-type .global-currency {
      font-size: 1.5em;
    }
    ._str._reservemanage._embed_proposal .total dl:last-of-type .global-currency {
      font-size: 2em;
    }
    ._str._reservemanage._embed_proposal .total dl dt {
      color: gray;
      font-size: smaller;
      text-align: center;
    }
    ._str._reservemanage._embed_proposal .total dl dd {
      text-align: right;
    }
    ._str._reservemanage._embed_proposal .total dl .initialOrRejection {
      display: inline-block;
      width: 4em;
      background-color: rgba(153, 153, 153, 0.5);
      padding-top: 2em;
      margin-top: 0.25em;
    }
    ._str._reservemanage._set main ._embed_contentHeader {
      margin-bottom: 2em;
    }
    ._str._reservemanage._set main .u-calendar :where([data-week], [data-day], [data-dd]) {
      cursor: pointer;
    }
    ._str._reservemanage._set main .u-calendar :where([data-week], [data-day], [data-dd]):hover {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    ._str._reservemanage._set main .u-calendar [data-week] {
      font-size: 0;
      border: none;
    }
    ._str._reservemanage._set main .u-calendar [data-week]::before {
      font-family: "FontAwesome solid";
      content: "\f101";
      vertical-align: baseline;
      font-size: 0.9rem;
    }
    ._str._reservemanage._set main .u-calendar [data-day]::after {
      font-family: "FontAwesome solid";
      content: "\f103";
      vertical-align: baseline;
      font-size: 0.9rem;
      margin-left: 0.5em;
    }
    ._str._reservemanage._set main .u-calendar .plan {
      width: 100%;
      font-size: x-small;
      color: var(--color-main);
      border: 1px solid var(--color-border-main);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 0.25em 0.5em;
      margin: 0.25em 0;
    }
    ._str._reservemanage._set main .u-btns {
      padding: 2em 0;
    }
    ._str._reservemanage._list main table.col .footer {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 0.25em 1em;
      -webkit-align-items: center;
      align-items: center;
    }
    ._str._reservemanage._list main table.col .footer dl {
      display: grid;
      grid-template-columns: subgrid;
      grid-template-rows: subgrid;
      grid-column: 1/-1;
      padding: 0 0.5em;
    }
    ._str._reservemanage._list main table.col .footer dt {
      font-size: 0.9em;
    }
    ._str._reservemanage._list main table.col .footer a {
      padding: 0 0.5em;
    }
    ._str._reservemanage._list main table.col .footer a::before {
      font-family: "FontAwesome solid";
      content: "\f138";
      vertical-align: baseline;
      margin-right: 0.25em;
      color: var(--color-main);
    }
    ._str._reservemanage._list main table.col .footer a.js_mase_dlg_link::before {
      font-family: "FontAwesome regular";
      content: "\f2d2";
      vertical-align: baseline;
    }
    ._str._reservemanage._availability_detail table {
      margin-bottom: 1em;
    }
    ._str._reservemanage._availability_detail :where(th, td) {
      border: 1px solid var(--color-border-gray);
      text-align: center;
      padding: 0.25em 0.5em;
    }
    ._str._reservemanage._import main .u-searchForm table.row {
      margin-top: 2em;
    }
    ._str._reservemanage._proposal main ._tpl_applicationInfo {
      margin: 2em 0;
    }
    ._str._reservemanage._proposal main .seller {
      -webkit-align-items: center;
      align-items: center;
      margin-top: 1em;
    }
    ._str._reservemanage._proposal main .seller dt {
      margin-right: 1em;
    }
    ._str._reservemanage._proposal main .seller dd {
      font-weight: bold;
    }
    ._str._reservemanage._proposal main .u-btns {
      background-color: var(--color-base);
      padding: 1em;
      top: auto;
      bottom: 0;
    }
    ._str._reservemanage._proposal main .messages {
      margin-top: 2em;
    }
    /* _shipping */
    /* _sitetop */
    /* _sitetop/_index */
    ._sitetop._index :is(._a) {
      margin-bottom: 0;
    }
    ._sitetop._index :is(._d) {
      background-color: white;
      padding: 0;
    }
    ._sitetop._index :is(._f) {
      padding: 0;
    }
    ._sitetop._index .m-mv > ._container {
      max-width: var(--width-max-m);
      margin-inline: auto;
    }
    @container _container (max-width: 500px) {
      ._sitetop._index .m-mv > ._container > ._grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, 1fr);
        font-size: 7cqw;
        padding: 5vh 3cqw;
      }
    }
    @container _container (min-width: 501px) {
      ._sitetop._index .m-mv > ._container > ._grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        font-size: 5cqw;
        padding: 10vh 3cqw;
      }
    }
    ._sitetop._index .m-mv h1 {
      max-width: 13em;
      word-break: keep-all;
      position: relative;
      right: -0.5em;
      z-index: 1;
    }
    @container _container (max-width: 500px) {
      ._sitetop._index .m-mv h1 {
        grid-column: 1/-1;
        grid-row: 1/3;
        line-height: 2.5;
      }
    }
    @container _container (min-width: 501px) {
      ._sitetop._index .m-mv h1 {
        grid-column: 1/span 4;
        grid-row: 1;
        line-height: 2;
      }
    }
    ._sitetop._index .m-mv img {
      width: 100%;
      padding: 5cqw;
      position: relative;
    }
    @container _container (max-width: 500px) {
      ._sitetop._index .m-mv img {
        grid-column: 2/-1;
        grid-row: 2/-1;
      }
    }
    @container _container (min-width: 501px) {
      ._sitetop._index .m-mv img {
        grid-column: 3/span 3;
        grid-row: 1;
      }
    }
    ._sitetop._index .m-belt {
      background-color: var(--color-main);
      position: relative;
    }
    ._sitetop._index .m-belt .signup {
      max-width: calc(var(--width-max-m) * 0.9);
      margin-inline: auto;
    }
    ._sitetop._index .m-belt .signup > ._grid {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: auto auto 1em;
      -webkit-justify-items: center;
      justify-items: center;
      -webkit-align-content: center;
      align-content: center;
      min-width: 8em;
      aspect-ratio: 1;
      font-size: 1.25rem;
      color: var(--color-main-on);
      background-color: var(--color-main);
      border-radius: 100%;
      box-shadow: 2px 2px 2px 2px rgba(38, 38, 38, 0.5);
      position: absolute;
      top: -5em;
      left: 0.5em;
    }
    ._sitetop._index .m-belt .signup > ._grid:hover {
      opacity: 1;
    }
    ._sitetop._index .m-belt .signup > ._grid::before {
      content: "";
      display: block;
      border-radius: 100%;
    }
    ._sitetop._index .m-belt .signup > ._grid::after {
      content: "";
      display: block;
      border-radius: 100%;
    }
    ._sitetop._index .m-belt .signup > ._grid::before {
      position: absolute;
      top: -0.35em;
      right: -0.35em;
      bottom: -0.35em;
      left: -0.35em;
      z-index: 0;
    }
    ._sitetop._index .m-belt .signup > ._grid::after {
      border: 2px solid white;
      position: absolute;
      top: 0.35em;
      right: 0.35em;
      bottom: 0.35em;
      left: 0.35em;
      z-index: 1;
    }
    ._sitetop._index .m-belt .signup span {
      font-weight: bold;
    }
    ._sitetop._index .m-belt .signup em {
      font-weight: bold;
      font-size: 1.4em;
      letter-spacing: 0.1em;
      text-shadow: 3px 3px 3px rgba(38, 38, 38, 0.5);
    }
    ._sitetop._index .m-belt .signup i {
      font-family: "Pinyon Script";
      font-size: 1.2em;
      color: yellow;
      rotate: -5deg;
      text-shadow: 3px 3px 3px rgba(38, 38, 38, 0.5);
      position: relative;
      top: -0.25em;
    }
    ._sitetop._index .m-belt form {
      max-width: 40em;
      margin-inline: auto;
      padding: 3em 1em;
    }
    ._sitetop._index .m-belt form > ._grid {
      display: grid;
      grid-template-columns: minmax(4em, 8em) 1fr minmax(3em, 6em);
      gap: 1cqw;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center;
      font-size: 1rem;
    }
    ._sitetop._index .m-belt form dt {
      display: none;
    }
    ._sitetop._index .m-belt form dd :where([type=text], select) {
      width: 100%;
    }
    ._sitetop._index .m-news > ._container {
      max-width: var(--width-max-s);
      margin-inline: auto;
      padding: 10vh 5cqw;
    }
    @container _container (min-width: 501px) {
      ._sitetop._index .m-news > ._container > ._grid {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 3cqw;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
      }
    }
    ._sitetop._index .m-news h2 {
      font-size: 1.35em;
      text-align: center;
      padding: 0.5em;
    }
    ._sitetop._index .m-news li:only-child {
      padding: 0;
    }
    ._sitetop._index .m-news span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    @container _container (max-width: 500px) {
      ._sitetop._index .m-news span {
        width: 100cqw;
      }
    }
    ._sitetop._index .m-about header > ._grid {
      font-size: 1rem;
    }
    @container _container (min-width: 601px) {
      ._sitetop._index .m-about header > ._grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 5.5cqw;
      }
    }
    ._sitetop._index .m-about header :where(strong, p) {
      display: grid;
      -webkit-place-items: center;
      place-items: center;
      font-weight: normal;
      padding: 1.5rem;
      position: relative;
    }
    @container _container (min-width: 601px) {
      ._sitetop._index .m-about header :where(strong, p)::before {
        content: "";
        display: inline-block;
        width: 5cqw;
        height: 100%;
        clip-path: polygon(0 -1%, 0% 100%, 100% 100%);
      }
    }
    ._sitetop._index .m-about header strong {
      font-size: 1.4em;
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    @container _container (min-width: 601px) {
      ._sitetop._index .m-about header strong::before {
        color: var(--color-main-on);
        background-color: var(--color-main);
        position: absolute;
        top: 0;
        right: calc(-5cqw + 1px);
      }
    }
    ._sitetop._index .m-about header p {
      font-size: 0.9em;
      background-color: var(--color-gray-light);
      word-break: keep-all;
    }
    @container _container (min-width: 601px) {
      ._sitetop._index .m-about header p::before {
        background-color: var(--color-gray-light);
        position: absolute;
        top: 0;
        left: calc(-5cqw + 1px);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
      }
    }
    ._sitetop._index .m-about .cards > ._container {
      max-width: var(--width-max-m);
      margin-inline: auto;
      padding: 10vh 3cqw;
    }
    ._sitetop._index .m-about .cards > ._container > ._grid {
      font-size: 1rem;
    }
    @container _container (min-width: 701px) {
      ._sitetop._index .m-about .cards > ._container > ._grid {
        display: grid;
        grid-template-columns: repeat(3, auto);
      }
    }
    ._sitetop._index .m-about .cards li {
      counter-increment: li;
      padding: 1em;
      position: relative;
    }
    ._sitetop._index .m-about .cards li::before {
      content: "0" counter(li);
      display: inline-block;
      font-family: "Pinyon Script";
      font-size: 10cqw;
      color: #F24171;
      position: absolute;
      top: -0.5em;
      left: -0.5em;
      z-index: 1;
    }
    ._sitetop._index .m-about .cards .e-content {
      background-color: transparent;
      border: none;
    }
    ._sitetop._index .m-about .cards .e-content .img {
      border-bottom: none;
    }
    ._sitetop._index .m-about .cards .e-content .excerpt {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 5;
      overflow: hidden;
    }
    ._sitetop._index .m-contents > section {
      position: relative;
    }
    ._sitetop._index .m-contents > section::before {
      content: "";
      display: block;
      background-color: var(--color-gray-light);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
    }
    ._sitetop._index .m-contents > section::after {
      content: "";
      display: block;
      background-color: var(--color-gray-light);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
    }
    ._sitetop._index .m-contents > section::before {
      clip-path: polygon(0 5%, 100% 0%, 100% 95%, 0 100%);
    }
    ._sitetop._index .m-contents > section::after {
      clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
    }
    ._sitetop._index .m-contents .center {
      max-width: var(--width-max);
      margin-inline: auto;
      padding: 5vh 3cqw;
    }
    ._sitetop._index .m-contents .sectionHeader {
      margin-bottom: 3vh;
    }
    ._sitetop._index .m-contents .sectionHeader i {
      display: block;
      font-size: 0.9em;
    }
    ._sitetop._index .m-contents .sectionHeader b {
      display: block;
      font-size: 1.1em;
    }
    ._sitetop._index .m-contents .tab {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(6em, 9em));
      gap: 1cqw;
      margin-bottom: 2vh;
    }
    ._sitetop._index .m-contents .tab:has([value=stc]:checked) ~ .stc {
      display: block;
      animation-name: open;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    ._sitetop._index .m-contents .tab:has([value=stp]:checked) ~ .stp {
      display: block;
      animation-name: open;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    ._sitetop._index .m-contents .tab:has([value=str]:checked) ~ .str {
      display: block;
      animation-name: open;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    ._sitetop._index .m-contents .tab:has([value=blog]:checked) ~ .blog {
      display: block;
      animation-name: open;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    ._sitetop._index .m-contents .tab:has([value=community]:checked) ~ .community {
      display: block;
      animation-name: open;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    ._sitetop._index .m-contents .tab:has([value=event]:checked) ~ .event {
      display: block;
      animation-name: open;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    ._sitetop._index .m-contents .tab:has([value=knowledge]:checked) ~ .knowledge {
      display: block;
      animation-name: open;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
    }
    ._sitetop._index .m-contents .tab ~ section {
      display: none;
      opacity: 0;
      position: relative;
      top: -5vh;
    }
    ._sitetop._index .m-contents .tab label {
      container: label/inline-size;
      position: relative;
      display: block;
      background-color: var(--color-base);
      border: 1px solid var(--color-border-gray);
      border-radius: 3px;
      padding: 0.5em 0.75em;
    }
    ._sitetop._index .m-contents .tab label:has(:disabled) {
      color: var(--color-gray);
      background-color: var(--color-gray-light);
      cursor: auto;
    }
    ._sitetop._index .m-contents .tab label:not(:has(:disabled)):hover {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    ._sitetop._index .m-contents .tab label:has(:checked) {
      color: var(--color-gray-light);
      background-color: var(--color-main);
    }
    ._sitetop._index .m-contents .tab label:has(:checked)::after {
      content: "";
      display: inline-block;
      width: 14cqw;
      aspect-ratio: 1;
      background-color: var(--color-main);
      clip-path: polygon(50% 50%, 0 0, 100% 0);
      position: absolute;
      bottom: -13.86cqw;
      left: 14cqw;
      z-index: 1;
    }
    ._sitetop._index .m-contents .tab input {
      display: none;
    }
    ._sitetop._index .m-contents .tab b {
      display: block;
      font-size: 1.1em;
    }
    ._sitetop._index .m-contents .tab i {
      display: block;
      font-size: 0.8em;
    }
    @container label (max-width: 6em) {
      ._sitetop._index .m-contents .tab span {
        display: none;
      }
    }
    ._sitetop._index .m-contents .contentHeader {
      padding: 2vh 0;
    }
    ._sitetop._index .m-contents .contentHeader .more {
      font-weight: bold;
    }
    ._sitetop._index .m-contents .contentHeader .more::after {
      font-family: "FontAwesome solid";
      content: "\f0a9";
      vertical-align: baseline;
      margin-left: 0.35em;
    }
    ._sitetop._index .m-contents .swiper-pagination {
      margin-top: 1em;
    }
    ._sitetop._index .m-contents .swiper-slide {
      height: auto;
      max-width: 300px;
    }
    ._sitetop._index .m-users {
      background-color: var(--initial-bgColor);
      padding: 10vh 0;
    }
    ._sitetop._index .m-users .sectionHeader {
      padding-bottom: 0;
    }
    ._sitetop._index .m-users .contentHeader {
      max-width: var(--width-max);
      margin-inline: auto;
      padding-right: 3cqw;
      padding-left: 3cqw;
    }
    ._sitetop._index .m-users .swiper {
      position: relative;
    }
    ._sitetop._index .m-users .swiper.static :where(.swiper-button-prev, .swiper-button-next) {
      display: none;
    }
    ._sitetop._index .m-users .swiper-wrapper:is(.static *) {
      -webkit-justify-content: center;
      justify-content: center;
    }
    ._sitetop._index .m-users .swiper-slide {
      width: 10em;
    }
    ._sitetop._index .m-users .e-user img {
      width: 90%;
    }
    ._sitetop._index .m-users .e-user em {
      font-size: 1.2em;
    }
    /* _special */
    /* _user */
    ._user._info :is(._d) .mv:has(img) {
      margin-bottom: max(-5em, -5vh);
    }
  }
}
/* z-index
 *  1:
 *  2:
 *  3:
 *  4:
 *  5:
 *  6:
 *  7:
 *  8: .t-siteHeader .menu
 *  9: .t-siteHeader .visible
 * */