@charset "UTF-8";
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, /* 1 */
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #337ab7;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #337ab7;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 51, 122, 183;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #143149;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #d6e4f1;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #adcae2;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 0.875rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.42857142;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #337ab7;
  --bs-link-color-rgb: 51, 122, 183;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #296292;
  --bs-link-hover-color-rgb: 41, 98, 146;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(51, 122, 183, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #85afd4;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #0a1825;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #1f496e;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #85afd4;
  --bs-link-hover-color: #9dbfdd;
  --bs-link-color-rgb: 133, 175, 212;
  --bs-link-hover-color-rgb: 157, 191, 221;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
h1, .h1 {
  font-size: calc(1.34375rem + 1.125vw);
}
h2, .h2 {
  font-size: calc(1.3rem + 0.6vw);
}
h3, .h3 {
  font-size: calc(1.278125rem + 0.3375vw);
}
h4, .h4 {
  font-size: calc(1.25625rem + 0.075vw);
}
h5, .h5 {
  font-size: 1.09375rem;
}
h6, .h6 {
  font-size: 0.875rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small, .small {
  font-size: 0.875em;
}
mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.09375rem;
  font-weight: 300;
}
.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.09375rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #d6e4f1;
  --bs-table-border-color: #abb6c1;
  --bs-table-striped-bg: #cbd9e5;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #c1cdd9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c6d3df;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #b5b6b7;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #a7b9b1;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #a6c3ca;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #ccc2a4;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #c6acae;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.42857142;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.09375rem;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.765625rem;
}
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #99bddb;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.42857142em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::-moz-placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.42857142em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.42857142em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.42857142em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.42857142em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.42857142em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
  width: 3rem;
  height: calc(1.42857142em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.42857142em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.42857142em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-select:focus {
  border-color: #99bddb;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.765625rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.09375rem;
  border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
  display: block;
  min-height: 1.2499999925rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.21428571em;
  vertical-align: top;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #99bddb;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.form-check-input:checked {
  background-color: #337ab7;
  border-color: #337ab7;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #337ab7;
  border-color: #337ab7;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2399bddb'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  -webkit-appearance: none;
          appearance: none;
  background-color: #337ab7;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-range::-webkit-slider-thumb:active {
  background-color: #c2d7e9;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
       appearance: none;
  background-color: #337ab7;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-range::-moz-range-thumb:active {
  background-color: #c2d7e9;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}
.form-floating > :disabled ~ label::after,
.form-floating > .form-control:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.765625rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.42857142em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.357142855em + 0.1875rem) center;
  background-size: calc(0.71428571em + 0.375rem) calc(0.71428571em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.42857142em + 0.75rem);
  background-position: top calc(0.357142855em + 0.1875rem) right calc(0.357142855em + 0.1875rem);
}
.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.71428571em + 0.375rem) calc(0.71428571em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.42857142em + 0.75rem));
}
.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.765625rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.42857142em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.357142855em + 0.1875rem) center;
  background-size: calc(0.71428571em + 0.375rem) calc(0.71428571em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.42857142em + 0.75rem);
  background-position: top calc(0.357142855em + 0.1875rem) right calc(0.357142855em + 0.1875rem);
}
.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.71428571em + 0.375rem) calc(0.71428571em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.42857142em + 0.75rem));
}
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}
.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.42857142;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #337ab7;
  --bs-btn-border-color: #337ab7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2b689c;
  --bs-btn-hover-border-color: #296292;
  --bs-btn-focus-shadow-rgb: 82, 142, 194;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #296292;
  --bs-btn-active-border-color: #265c89;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #337ab7;
  --bs-btn-disabled-border-color: #337ab7;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}
.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}
.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
  --bs-btn-color: #337ab7;
  --bs-btn-border-color: #337ab7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #337ab7;
  --bs-btn-hover-border-color: #337ab7;
  --bs-btn-focus-shadow-rgb: 51, 122, 183;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #337ab7;
  --bs-btn-active-border-color: #337ab7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #337ab7;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #337ab7;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}
.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}
.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}
.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 82, 142, 194;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.09375rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.765625rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
  transition: opacity 0.15s linear;
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 0.875rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #337ab7;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.765625rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #337ab7;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #337ab7;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3437500009rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.09375rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.09375rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}
.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23143149' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 0.875rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse {
  border-radius: 0;
}
[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2385afd4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2385afd4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #337ab7;
  --bs-pagination-active-border-color: #337ab7;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * -1);
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.09375rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.765625rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.65625rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #337ab7;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
  overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
  width: 100%;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #337ab7;
  --bs-list-group-active-border-color: #337ab7;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
  filter: var(--bs-btn-close-white-filter);
}
[data-bs-theme=dark] .btn-close {
  filter: var(--bs-btn-close-white-filter);
}
.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}
.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.42857142;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.765625rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857142;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.765625rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 0.875rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857142;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/;
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/;
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}
[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
  background-color: #000;
}
[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
  color: #000;
}
.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.42857142;
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
          mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
          mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(41, 98, 146, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(41, 98, 146, var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}
.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}
.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}
.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.object-fit-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.object-fit-fill {
  -o-object-fit: fill !important;
     object-fit: fill !important;
}
.object-fit-scale {
  -o-object-fit: scale-down !important;
     object-fit: scale-down !important;
}
.object-fit-none {
  -o-object-fit: none !important;
     object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: 0.25rem !important;
}
.row-gap-2 {
  row-gap: 0.5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}
.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
       column-gap: 0.25rem !important;
}
.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
       column-gap: 0.5rem !important;
}
.column-gap-3 {
  -moz-column-gap: 1rem !important;
       column-gap: 1rem !important;
}
.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
       column-gap: 1.5rem !important;
}
.column-gap-5 {
  -moz-column-gap: 3rem !important;
       column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.34375rem + 1.125vw) !important;
}
.fs-2 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-3 {
  font-size: calc(1.278125rem + 0.3375vw) !important;
}
.fs-4 {
  font-size: calc(1.25625rem + 0.075vw) !important;
}
.fs-5 {
  font-size: 1.09375rem !important;
}
.fs-6 {
  font-size: 0.875rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.42857142 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25 {
  --bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50 {
  --bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75 {
  --bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100 {
  --bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
* {
  box-sizing: border-box;
}
.creator_body {
  color: #000000;
  transition: z-index 0ms 5.28455ms;
  background: #f2f2f2;
  margin: 0;
}
body {
  color: #000000;
  transition: z-index 0ms 5.28455ms;
  background: #ffffff;
  margin: 0;
}
a {
  text-decoration: none;
  color: #000000;
}
li {
  list-style-type: none;
}
h1, .h1,
h2,
.h2,
h3,
.h3 {
  margin: 0;
}
ul {
  padding: 0;
  margin: 0;
}
pre {
  background-color: transparent;
  border: none;
  padding: 16px 0;
}
p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
見出し

ページ内で見出しとして機能する要素のスタイル群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 1.1
*/
/*
見出し

商品紹介等で利用される、一般的な見出しのスタイルです。

ex [商品詳細ページ　商品見出し部分](http://demo3.ec-cube.net/products/detail/27)

Markup:
.ec-headingTitle マトリョーシカ

Styleguide 1.1.1
*/
.ec-headingTitle {
  text-align: center;
  width: 100%;
  margin-bottom: 60px;
}
.ec-headingTitle h2, .ec-headingTitle .h2 {
  color: #343434;
  text-align: center;
  font-family: "FuturaMedium";
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.1rem;
}
.ec-layoutRole__mainBottom {
  background-color: #f7f4ed;
  padding-top: 147px;
  margin-bottom: 85px;
}
.ec-layoutRole__mainBottom img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.ec-layoutRole__mainBottom img:hover {
  opacity: 0.7;
}
/*
ページヘッダ

各種ページで用いられるページヘッダのデザインです。

ex [利用規約ページ　ページヘッダ部](http://demo3.ec-cube.net/help/agreement)

Markup:
.ec-pageHeader
  h1 利用規約

Styleguide 1.1.2
*/
.ec-pageHeader h1, .ec-pageHeader .h1 {
  margin: 0 0 8px;
  border-bottom: 1px dotted #ccc;
  border-top: 1px solid #ccc;
  padding: 8px 0 12px;
  font-size: 16px;
  font-weight: bold;
}
/*
サブ見出し

利用規約など、文字主体のページで用いられるサブ見出しです。

ex [利用規約ページ サブ見出し部分](http://demo3.ec-cube.net/help/agreement)

Markup:
.ec-heading 第1条 (会員)

Styleguide 1.1.3
*/
.ec-heading {
  margin: 24px 0;
}
/*
サブ見出し(太字)

文字主体のページで用いられるサブ見出しの太字のスタイルです。

ex [プライバシーポリシー サブ見出し部分](http://demo3.ec-cube.net/help/privacy)

Markup:
.ec-heading-bold 個人情報の定義

Styleguide 1.1.4
*/
.ec-heading-bold {
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
}
/*
背景付き見出し

マイページ注文履歴等で用いられる背景付きの見出しです。

ex [ご注文履歴詳細　背景付き見出し部分](http://demo3.ec-cube.net/mypage/history/1063)

Markup:
.ec-rectHeading
  h2 配送情報
.ec-rectHeading
  h2 お支払について

Styleguide 1.1.5
*/
.ec-rectHeading h1, .ec-rectHeading .h1,
.ec-rectHeading h2,
.ec-rectHeading .h2,
.ec-rectHeading h3,
.ec-rectHeading .h3,
.ec-rectHeading h4,
.ec-rectHeading .h4,
.ec-rectHeading h5,
.ec-rectHeading .h5,
.ec-rectHeading h6,
.ec-rectHeading .h6 {
  background: #f3f3f3;
  padding: 8px 12px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}
/*
メッセージ見出し

ユーザが行った操作に対する、完了報告やエラー表示のページで使用される見出しのスタイルです。

ex [注文完了 ログイン後、カートに商品を入れ注文完了まで行う](http://demo3.ec-cube.net/shopping/)

Markup:
.ec-reportHeading
  h2 ご注文ありがとうございました

Styleguide 1.1.6
*/
.ec-reportHeading {
  width: 100%;
  border-top: 1px dotted #ccc;
  margin: 20px 0 30px;
  padding: 0;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}
.ec-reportHeading h1, .ec-reportHeading .h1,
.ec-reportHeading h2,
.ec-reportHeading .h2,
.ec-reportHeading h3,
.ec-reportHeading .h3,
.ec-reportHeading h4,
.ec-reportHeading .h4,
.ec-reportHeading h5,
.ec-reportHeading .h5,
.ec-reportHeading h6,
.ec-reportHeading .h6,
.ec-reportHeading p {
  font-weight: bold;
  font-size: 24px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
文字装飾

文字装飾をするためのスタイル群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 1.2
*/
/*
テキストリンク

テキストリンクのスタイルです。

Markup:
a(href="#").ec-link さくらのクラウド

Styleguide 1.2.1
*/
.ec-link {
  color: #0092C4;
  text-decoration: none;
  cursor: pointer;
}
.ec-link:hover {
  color: #33A8D0;
  text-decoration: none;
}
/*
テキスト（太字）

テキストを太くするためのスタイルです。

Markup:
p.ec-font-bold この季節にぴったりな商品をご用意しました

Styleguide 1.2.2
*/
.ec-font-bold {
  font-weight: bold;
}
/*
テキスト（グレー）

テキストをグレーにするためのスタイルです。

Markup:
p.ec-color-grey 青色が美しい職人が仕上げた吹きガラス

Styleguide 1.2.3
*/
.ec-color-grey {
  color: #9a947e;
}
/*
テキスト（赤）

テキストを赤にするためのスタイルです。

Markup:
p.ec-color-red ¥ 2,728 税込
p.ec-color-accent ¥ 2,728 税込

Styleguide 1.2.4
*/
.ec-color-red {
  color: #DE5D50;
}
.ec-color-accent {
  color: #DE5D50;
}
/*
フォントサイズ

フォントサイズを指定するためのスタイルです。

Markup:
.ec-font-size-1 さわやかな日差しが過ごしやすい季節
.ec-font-size-2 さわやかな日差しが過ごしやすい季節
.ec-font-size-3 さわやかな日差しが過ごしやすい季節
.ec-font-size-4 さわやかな日差しが過ごしやすい季節
.ec-font-size-5 さわやかな日差しが過ごしやすい季節
.ec-font-size-6 さわやかな日差しが過ごしやすい季節


Styleguide 1.2.5
*/
.ec-font-size-1 {
  font-size: 12px;
}
.ec-font-size-2 {
  font-size: 14px;
}
.ec-font-size-3 {
  font-size: 16px;
}
.ec-font-size-4 {
  font-size: 20px;
}
.ec-font-size-5 {
  font-size: 32px;
}
.ec-font-size-6 {
  font-size: 40px;
}
/*
テキスト水平位置

テキストをセンタリングするためのスタイルです。

Markup:
p.ec-text-ac さわやかな日差しが過ごしやすい季節

Styleguide 1.2.6
*/
.ec-text-ac {
  text-align: center;
}
/*
価格テキスト

価格を表示するテキストです。

価格文字にスペースを取るほか、税込み等の表示を小さくする効果もあります。

spanを用いたインライン要素として利用します。

Markup:
div(style="color:#DE5D50;font-size:28px")
    span.ec-price
      span.ec-price__unit ¥
      span.ec-price__price 1,280
      span.ec-price__tax 税込

Styleguide 1.2.7
*/
.ec-price .ec-price__unit {
  font-size: 18px;
  font-weight: bold;
}
.ec-price .ec-price__price {
  display: inline-block;
  padding: 0 0.3em;
  font-size: 18px;
  font-weight: bold;
}
.ec-price .ec-price__tax {
  font-size: 12px;
}
/*
テキストの位置

テキストや、入れ子にしたインライン要素を
「左揃え」「中央揃え」「右揃え」に設定することができます。

Markup:
h3 左揃え
p.text-left
  | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt praesentium repellat sapiente suscipit, unde veniam! Doloribus error, expedita id impedit iusto qui sint totam? Aspernatur error facere possimus quam quos?
br
h3 中央揃え
p.text-center
  | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt praesentium repellat sapiente suscipit, unde veniam! Doloribus error, expedita id impedit iusto qui sint totam? Aspernatur error facere possimus quam quos?
br
h3 右揃え
p.text-right
  | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt praesentium repellat sapiente suscipit, unde veniam! Doloribus error, expedita id impedit iusto qui sint totam? Aspernatur error facere possimus quam quos?

Styleguide 1.2.8
*/
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
/*
メッセージテキスト

ユーザが行った操作に対する、完了報告やエラー表示のページで使用されるテキストのスタイルです。

ex [注文完了 （ログイン後、カートに商品を入れ注文完了まで行う）](http://demo3.ec-cube.net/shopping/)

Markup:
.ec-reportHeading
  h2 ご注文ありがとうございました
p.ec-reportDescription
      | ただいま、ご注文の確認メールをお送りさせていただきました。
      br
      | 万一、ご確認メールが届かない場合は、トラブルの可能性もありますので大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせくださいませ。
      br
      | 今後ともご愛顧賜りますようよろしくお願い申し上げます。


Styleguide 1.2.9
*/
.ec-reportDescription {
  margin-bottom: 32px;
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
}
/*
テキスト下部のスペース

テキストの下に余白を追加することができます。 .ec-para-normalで16pxの余白をつけることができます。

Markup:
p.ec-para-normal 万一、ご確認メールが届かない場合は、トラブルの可能性もありますので大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせくださいませ。
p.ec-para-normal 万一、ご確認メールが届かない場合は、トラブルの可能性もありますので大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせくださいませ。

Styleguide 1.2.10
*/
.ec-para-normal {
  margin-bottom: 16px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
リスト

シンプルなリストを構成するためのスタイル群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 1.3
*/
/*
水平定義リスト

シンプルな定義リストのスタイルを定義します。

dl要素を用いてコーディングします。

ex [当サイトについて　水平定義リスト部分](http://demo3.ec-cube.net/help/about)

Markup:
dl.ec-definitions
    dt 店名
    dd EC-CUBE3 DEMO SHOP
dl.ec-definitions
    dt 会社名
    dd EC-CUBE3
dl.ec-definitions--soft
    dt 所在地
    dd 〒 550-0001

Styleguide 1.3.1
*/
.ec-definitions, .ec-definitions--soft {
  margin: 5px 0;
  display: block;
}
.ec-definitions dt, .ec-definitions--soft dt, .ec-definitions dd, .ec-definitions--soft dd {
  display: inline-block;
  margin: 0;
}
.ec-definitions dt, .ec-definitions--soft dt {
  font-weight: bold;
}
.ec-definitions--soft dt {
  font-weight: normal;
}
/*
下線つき定義リスト

線が添えられた定義リストのスタイルを定義します。

dl要素を用いてコーディングします。

ex [当サイトについて　下線つき定義リスト](http://demo3.ec-cube.net/help/about)

Markup:
.ec-borderedDefs
  dl
    dt 店名
    dd EC-CUBE3 DEMO SHOP
  dl
    dt 会社名
    dd EC-CUBE3
  dl
    dt 所在地
    dd 〒550 - 0001

Styleguide 1.3.2
*/
.ec-borderedDefs {
  width: 100%;
  border-top: 1px dotted #ccc;
  margin-bottom: 16px;
}
.ec-borderedDefs dl {
  display: flex;
  border-bottom: 1px dotted #ccc;
  margin: 0;
  padding: 10px 0 0;
  flex-wrap: wrap;
}
.ec-borderedDefs dt, .ec-borderedDefs dd {
  padding: 0;
}
.ec-borderedDefs dt {
  font-weight: normal;
  width: 100%;
  padding-top: 0;
}
.ec-borderedDefs dd {
  padding: 0;
  width: 100%;
  line-height: 2.5;
}
.ec-borderedDefs p {
  line-height: 1.4;
}
.ec-list-chilled {
  display: table-row;
  border: 0 none;
  padding: 8px 0;
}
.ec-list-chilled dt, .ec-list-chilled dd {
  display: table-cell;
  border-bottom: 1px dotted #ccc;
  padding: 0;
}
.ec-list-chilled dt {
  width: 30%;
}
.ec-list-chilled dd {
  padding: 0;
}
/*
ボーダーリスト

線が添えられたリストを表示します。

ex [当サイトについて　ボーダーリスト](http://demo3.ec-cube.net/help/about)

Markup:
ul.ec-borderedList
  li: p lorem
  li: p lorem
  li: p lorem


Styleguide 1.3.3
*/
.ec-borderedList {
  width: 100%;
  border-top: 0;
  list-style: none;
  padding: 0;
}
.ec-borderedList li {
  border-bottom: 1px dotted #ccc;
}
.ec-list-chilled {
  display: table-row;
  border: 0 none;
  padding: 8px 0;
}
.ec-list-chilled dt, .ec-list-chilled dd {
  display: table-cell;
  border-bottom: 1px dotted #ccc;
  padding: 16px 0;
}
.ec-list-chilled dt {
  width: 30%;
}
.ec-list-chilled dd {
  padding: 16px;
}
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
@font-face {
  font-family: "FuturaMedium";
  src: url("/html/template/default/assets/fonts/FuturaMedium/font.woff2") format("woff2"), url("/html/template/default/assets/fonts/FuturaMedium/font.woff") format("woff");
}
/*
ボタンサイズ

ボタンサイズを変更するスタイル群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 2.1
*/
/*
通常ボタン

インラインの要素としてボタンを定義出来ます。

ex [トップページ　ボタン部分](http://demo3.ec-cube.net/)

Markup:
.ec-inlineBtn 住所検索
.ec-inlineBtn--primary もっと見る
.ec-inlineBtn--action カートに入れる
.ec-inlineBtn--cancel キャンセル

Styleguide 2.1.1
*/
.ec-inlineBtn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  --bs-btn-color: #525263;
  --bs-btn-bg: #F5F7F8;
  --bs-btn-border-color: #ccc;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f7f8f9;
  --bs-btn-hover-border-color: #d1d1d1;
  --bs-btn-focus-shadow-rgb: 186, 186, 188;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f7f9f9;
  --bs-btn-active-border-color: #d1d1d1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #525263;
  --bs-btn-disabled-bg: #F5F7F8;
  --bs-btn-disabled-border-color: #ccc;
}
.ec-inlineBtn:focus, .ec-inlineBtn.focus, .ec-inlineBtn:active:focus, .ec-inlineBtn:active.focus, .ec-inlineBtn.active:focus, .ec-inlineBtn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-inlineBtn:hover, .ec-inlineBtn:focus, .ec-inlineBtn.focus {
  color: #525263;
  text-decoration: none;
}
.ec-inlineBtn:active, .ec-inlineBtn.active {
  outline: 0;
  background-image: none;
}
.ec-inlineBtn.disabled, .ec-inlineBtn[disabled], fieldset[disabled] .ec-inlineBtn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-inlineBtn .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
.ec-inlineBtn--primary {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  --bs-btn-color: #fff;
  --bs-btn-bg: #5CB1B1;
  --bs-btn-border-color: #5CB1B1;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #4e9696;
  --bs-btn-hover-border-color: #4a8e8e;
  --bs-btn-focus-shadow-rgb: 116, 189, 189;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #4a8e8e;
  --bs-btn-active-border-color: #458585;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #5CB1B1;
  --bs-btn-disabled-border-color: #5CB1B1;
}
.ec-inlineBtn--primary:focus, .ec-inlineBtn--primary.focus, .ec-inlineBtn--primary:active:focus, .ec-inlineBtn--primary:active.focus, .ec-inlineBtn--primary.active:focus, .ec-inlineBtn--primary.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-inlineBtn--primary:hover, .ec-inlineBtn--primary:focus, .ec-inlineBtn--primary.focus {
  color: #525263;
  text-decoration: none;
}
.ec-inlineBtn--primary:active, .ec-inlineBtn--primary.active {
  outline: 0;
  background-image: none;
}
.ec-inlineBtn--primary.disabled, .ec-inlineBtn--primary[disabled], fieldset[disabled] .ec-inlineBtn--primary {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-inlineBtn--primary .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
.ec-inlineBtn--action {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  --bs-btn-color: #fff;
  --bs-btn-bg: #DE5D50;
  --bs-btn-border-color: #DE5D50;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bd4f44;
  --bs-btn-hover-border-color: #b24a40;
  --bs-btn-focus-shadow-rgb: 227, 117, 106;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b24a40;
  --bs-btn-active-border-color: #a7463c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #DE5D50;
  --bs-btn-disabled-border-color: #DE5D50;
}
.ec-inlineBtn--action:focus, .ec-inlineBtn--action.focus, .ec-inlineBtn--action:active:focus, .ec-inlineBtn--action:active.focus, .ec-inlineBtn--action.active:focus, .ec-inlineBtn--action.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-inlineBtn--action:hover, .ec-inlineBtn--action:focus, .ec-inlineBtn--action.focus {
  color: #525263;
  text-decoration: none;
}
.ec-inlineBtn--action:active, .ec-inlineBtn--action.active {
  outline: 0;
  background-image: none;
}
.ec-inlineBtn--action.disabled, .ec-inlineBtn--action[disabled], fieldset[disabled] .ec-inlineBtn--action {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-inlineBtn--action .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
.ec-inlineBtn--cancel {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  --bs-btn-color: #fff;
  --bs-btn-bg: #525263;
  --bs-btn-border-color: #525263;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #464654;
  --bs-btn-hover-border-color: #42424f;
  --bs-btn-focus-shadow-rgb: 108, 108, 122;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #42424f;
  --bs-btn-active-border-color: #3e3e4a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #525263;
  --bs-btn-disabled-border-color: #525263;
}
.ec-inlineBtn--cancel:focus, .ec-inlineBtn--cancel.focus, .ec-inlineBtn--cancel:active:focus, .ec-inlineBtn--cancel:active.focus, .ec-inlineBtn--cancel.active:focus, .ec-inlineBtn--cancel.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-inlineBtn--cancel:hover, .ec-inlineBtn--cancel:focus, .ec-inlineBtn--cancel.focus {
  color: #525263;
  text-decoration: none;
}
.ec-inlineBtn--cancel:active, .ec-inlineBtn--cancel.active {
  outline: 0;
  background-image: none;
}
.ec-inlineBtn--cancel.disabled, .ec-inlineBtn--cancel[disabled], fieldset[disabled] .ec-inlineBtn--cancel {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-inlineBtn--cancel .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
/*
ブロックボタン（全幅）

ボタンサイズは em で指定するため、テキストサイズの変更でボタンサイズを変更できます。

ex [商品詳細ページ　カートボタン部分](http://demo3.ec-cube.net/products/detail/30)

Markup:
p: .ec-blockBtn 住所検索
p: .ec-blockBtn--primary もっと見る
p: .ec-blockBtn--action カートに入れる
p: .ec-blockBtn--cancel キャンセル

Styleguide 2.1.2
*/
.ec-blockBtn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  --bs-btn-color: #525263;
  --bs-btn-bg: #F5F7F8;
  --bs-btn-border-color: #ccc;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f7f8f9;
  --bs-btn-hover-border-color: #d1d1d1;
  --bs-btn-focus-shadow-rgb: 186, 186, 188;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f7f9f9;
  --bs-btn-active-border-color: #d1d1d1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #525263;
  --bs-btn-disabled-bg: #F5F7F8;
  --bs-btn-disabled-border-color: #ccc;
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0;
}
.ec-blockBtn:focus, .ec-blockBtn.focus, .ec-blockBtn:active:focus, .ec-blockBtn:active.focus, .ec-blockBtn.active:focus, .ec-blockBtn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-blockBtn:hover, .ec-blockBtn:focus, .ec-blockBtn.focus {
  color: #525263;
  text-decoration: none;
}
.ec-blockBtn:active, .ec-blockBtn.active {
  outline: 0;
  background-image: none;
}
.ec-blockBtn.disabled, .ec-blockBtn[disabled], fieldset[disabled] .ec-blockBtn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-blockBtn .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
.ec-blockBtn--primary {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  --bs-btn-color: #fff;
  --bs-btn-bg: #5CB1B1;
  --bs-btn-border-color: #5CB1B1;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #4e9696;
  --bs-btn-hover-border-color: #4a8e8e;
  --bs-btn-focus-shadow-rgb: 116, 189, 189;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #4a8e8e;
  --bs-btn-active-border-color: #458585;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #5CB1B1;
  --bs-btn-disabled-border-color: #5CB1B1;
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0;
}
.ec-blockBtn--primary:focus, .ec-blockBtn--primary.focus, .ec-blockBtn--primary:active:focus, .ec-blockBtn--primary:active.focus, .ec-blockBtn--primary.active:focus, .ec-blockBtn--primary.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-blockBtn--primary:hover, .ec-blockBtn--primary:focus, .ec-blockBtn--primary.focus {
  color: #525263;
  text-decoration: none;
}
.ec-blockBtn--primary:active, .ec-blockBtn--primary.active {
  outline: 0;
  background-image: none;
}
.ec-blockBtn--primary.disabled, .ec-blockBtn--primary[disabled], fieldset[disabled] .ec-blockBtn--primary {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-blockBtn--primary .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
.ec-blockBtn--action {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  --bs-btn-color: #fff;
  --bs-btn-bg: #DE5D50;
  --bs-btn-border-color: #DE5D50;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bd4f44;
  --bs-btn-hover-border-color: #b24a40;
  --bs-btn-focus-shadow-rgb: 227, 117, 106;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b24a40;
  --bs-btn-active-border-color: #a7463c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #DE5D50;
  --bs-btn-disabled-border-color: #DE5D50;
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0;
}
.ec-blockBtn--action:focus, .ec-blockBtn--action.focus, .ec-blockBtn--action:active:focus, .ec-blockBtn--action:active.focus, .ec-blockBtn--action.active:focus, .ec-blockBtn--action.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-blockBtn--action:hover, .ec-blockBtn--action:focus, .ec-blockBtn--action.focus {
  color: #525263;
  text-decoration: none;
}
.ec-blockBtn--action:active, .ec-blockBtn--action.active {
  outline: 0;
  background-image: none;
}
.ec-blockBtn--action.disabled, .ec-blockBtn--action[disabled], fieldset[disabled] .ec-blockBtn--action {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-blockBtn--action .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
.ec-blockBtn--cancel {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  --bs-btn-color: #fff;
  --bs-btn-bg: #525263;
  --bs-btn-border-color: #525263;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #464654;
  --bs-btn-hover-border-color: #42424f;
  --bs-btn-focus-shadow-rgb: 108, 108, 122;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #42424f;
  --bs-btn-active-border-color: #3e3e4a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #525263;
  --bs-btn-disabled-border-color: #525263;
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0;
}
.ec-blockBtn--cancel:focus, .ec-blockBtn--cancel.focus, .ec-blockBtn--cancel:active:focus, .ec-blockBtn--cancel:active.focus, .ec-blockBtn--cancel.active:focus, .ec-blockBtn--cancel.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-blockBtn--cancel:hover, .ec-blockBtn--cancel:focus, .ec-blockBtn--cancel.focus {
  color: #525263;
  text-decoration: none;
}
.ec-blockBtn--cancel:active, .ec-blockBtn--cancel.active {
  outline: 0;
  background-image: none;
}
.ec-blockBtn--cancel.disabled, .ec-blockBtn--cancel[disabled], fieldset[disabled] .ec-blockBtn--cancel {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-blockBtn--cancel .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
/*
アイコンボタン

SVGアイコンを用いたアイコンボタンです。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>

Styleguide 2.2
*/
/*
アイコンボタン

閉じるなどSVGアイコンを用いたボタン装飾で利用します。

ex [ログイン画面　☓ボタン部分](http://demo3.ec-cube.net/mypage/login)

Markup:
a.ec-closeBtn
  .ec-icon
    img(src='/moc/icon/cross.svg', alt='close')

Styleguide 2.2.1
*/
.ec-closeBtn {
  cursor: pointer;
}
.ec-closeBtn .ec-icon img {
  display: inline-block;
  margin-right: 5px;
  width: 1em;
  height: 1em;
  position: relative;
  top: -1px;
  vertical-align: middle;
}
/*
アイコンボタン(○)

閉じるなどSVGアイコンを用いたボタン装飾で利用します。

ex [ログイン画面　☓ボタン部分](http://demo3.ec-cube.net/mypage/login)



ex [お届け先編集画面　☓ボタン部分](http://demo3.ec-cube.net/mypage/delivery)

Markup:
a.ec-closeBtn--circle
  .ec-icon
    img(src='/moc/icon/cross-white.svg', alt='close')

Styleguide 2.2.2
*/
.ec-closeBtn--circle {
  display: block;
  border: 0 none;
  padding: 0;
  margin: 0;
  text-shadow: none;
  box-shadow: none;
  border-radius: 50%;
  background: #B8BEC4;
  cursor: pointer;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  position: relative;
  text-align: center;
}
.ec-closeBtn--circle .ec-icon img {
  display: block;
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
フォーム部品(テキスト)

テキストや数値の入力項目に関する要素を定義します。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 3.1
*/
/*
フォーム

`.ec-input` 要素は全ての入力項目に関する標準的なコンポーネントクラスです。


ex [会員情報編集画面　フォーム部分](http://demo3.ec-cube.net/mypage/change)

Markup:
p.ec-input
  input(type="number")
p.ec-input
  textarea(rows="6")

Styleguide 3.1.1
*/
.ec-input input[type=radio], .ec-birth input[type=radio], .ec-select input[type=radio], .ec-telInput input[type=radio], .ec-zipInput input[type=radio], .ec-numberInput input[type=radio], .ec-halfInput input[type=radio],
.ec-input input[type=checkbox],
.ec-birth input[type=checkbox],
.ec-select input[type=checkbox],
.ec-telInput input[type=checkbox],
.ec-zipInput input[type=checkbox],
.ec-numberInput input[type=checkbox],
.ec-halfInput input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}
.ec-input input[type=file], .ec-birth input[type=file], .ec-select input[type=file], .ec-telInput input[type=file], .ec-zipInput input[type=file], .ec-numberInput input[type=file], .ec-halfInput input[type=file] {
  display: block;
}
.ec-input input[type=range], .ec-birth input[type=range], .ec-select input[type=range], .ec-telInput input[type=range], .ec-zipInput input[type=range], .ec-numberInput input[type=range], .ec-halfInput input[type=range] {
  display: block;
  width: 100%;
}
.ec-input select[multiple], .ec-birth select[multiple], .ec-select select[multiple], .ec-telInput select[multiple], .ec-zipInput select[multiple], .ec-numberInput select[multiple], .ec-halfInput select[multiple],
.ec-input select[size],
.ec-birth select[size],
.ec-select select[size],
.ec-telInput select[size],
.ec-zipInput select[size],
.ec-numberInput select[size],
.ec-halfInput select[size] {
  height: auto;
}
.ec-input input[type=file]:focus, .ec-birth input[type=file]:focus, .ec-select input[type=file]:focus, .ec-telInput input[type=file]:focus, .ec-zipInput input[type=file]:focus, .ec-numberInput input[type=file]:focus, .ec-halfInput input[type=file]:focus,
.ec-input input[type=radio]:focus,
.ec-birth input[type=radio]:focus,
.ec-select input[type=radio]:focus,
.ec-telInput input[type=radio]:focus,
.ec-zipInput input[type=radio]:focus,
.ec-numberInput input[type=radio]:focus,
.ec-halfInput input[type=radio]:focus,
.ec-input input[type=checkbox]:focus,
.ec-birth input[type=checkbox]:focus,
.ec-select input[type=checkbox]:focus,
.ec-telInput input[type=checkbox]:focus,
.ec-zipInput input[type=checkbox]:focus,
.ec-numberInput input[type=checkbox]:focus,
.ec-halfInput input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-input input, .ec-birth input, .ec-select input, .ec-telInput input, .ec-zipInput input, .ec-numberInput input, .ec-halfInput input {
  display: block;
  width: 100%;
  height: 1rem px12px2 px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-image: none;
  border: 1px solid #ababab;
  border-radius: initial;
  -webkit-appearance: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.ec-input input:focus, .ec-birth input:focus, .ec-select input:focus, .ec-telInput input:focus, .ec-zipInput input:focus, .ec-numberInput input:focus, .ec-halfInput input:focus {
  border-color: #66afe9;
  outline: 0;
}
.ec-input input::-moz-placeholder, .ec-birth input::-moz-placeholder, .ec-select input::-moz-placeholder, .ec-telInput input::-moz-placeholder, .ec-zipInput input::-moz-placeholder, .ec-numberInput input::-moz-placeholder, .ec-halfInput input::-moz-placeholder {
  color: #ababab;
  opacity: 1;
}
.ec-input input:-ms-input-placeholder, .ec-birth input:-ms-input-placeholder, .ec-select input:-ms-input-placeholder, .ec-telInput input:-ms-input-placeholder, .ec-zipInput input:-ms-input-placeholder, .ec-numberInput input:-ms-input-placeholder, .ec-halfInput input:-ms-input-placeholder {
  color: #ababab;
}
.ec-input input::-webkit-input-placeholder, .ec-birth input::-webkit-input-placeholder, .ec-select input::-webkit-input-placeholder, .ec-telInput input::-webkit-input-placeholder, .ec-zipInput input::-webkit-input-placeholder, .ec-numberInput input::-webkit-input-placeholder, .ec-halfInput input::-webkit-input-placeholder {
  color: #ababab;
}
.ec-input input::-ms-expand, .ec-birth input::-ms-expand, .ec-select input::-ms-expand, .ec-telInput input::-ms-expand, .ec-zipInput input::-ms-expand, .ec-numberInput input::-ms-expand, .ec-halfInput input::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ec-input input[disabled], .ec-birth input[disabled], .ec-select input[disabled], .ec-telInput input[disabled], .ec-zipInput input[disabled], .ec-numberInput input[disabled], .ec-halfInput input[disabled], .ec-input input[readonly], .ec-birth input[readonly], .ec-select input[readonly], .ec-telInput input[readonly], .ec-zipInput input[readonly], .ec-numberInput input[readonly], .ec-halfInput input[readonly], fieldset[disabled] .ec-input input, fieldset[disabled] .ec-birth input, fieldset[disabled] .ec-select input, fieldset[disabled] .ec-telInput input, fieldset[disabled] .ec-zipInput input, fieldset[disabled] .ec-numberInput input, fieldset[disabled] .ec-halfInput input {
  opacity: 1;
}
.ec-input input[disabled], .ec-birth input[disabled], .ec-select input[disabled], .ec-telInput input[disabled], .ec-zipInput input[disabled], .ec-numberInput input[disabled], .ec-halfInput input[disabled], fieldset[disabled] .ec-input input, fieldset[disabled] .ec-birth input, fieldset[disabled] .ec-select input, fieldset[disabled] .ec-telInput input, fieldset[disabled] .ec-zipInput input, fieldset[disabled] .ec-numberInput input, fieldset[disabled] .ec-halfInput input {
  cursor: not-allowed;
}
.ec-input select, .ec-birth select, .ec-select select, .ec-telInput select, .ec-zipInput select, .ec-numberInput select, .ec-halfInput select {
  display: block;
  width: 100%;
  height: 1rem px12px2 px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-image: none;
  border: 1px solid #ababab;
  border-radius: initial;
  -webkit-appearance: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.ec-input select:focus, .ec-birth select:focus, .ec-select select:focus, .ec-telInput select:focus, .ec-zipInput select:focus, .ec-numberInput select:focus, .ec-halfInput select:focus {
  border-color: #66afe9;
  outline: 0;
}
.ec-input select::-moz-placeholder, .ec-birth select::-moz-placeholder, .ec-select select::-moz-placeholder, .ec-telInput select::-moz-placeholder, .ec-zipInput select::-moz-placeholder, .ec-numberInput select::-moz-placeholder, .ec-halfInput select::-moz-placeholder {
  color: #ababab;
  opacity: 1;
}
.ec-input select:-ms-input-placeholder, .ec-birth select:-ms-input-placeholder, .ec-select select:-ms-input-placeholder, .ec-telInput select:-ms-input-placeholder, .ec-zipInput select:-ms-input-placeholder, .ec-numberInput select:-ms-input-placeholder, .ec-halfInput select:-ms-input-placeholder {
  color: #ababab;
}
.ec-input select::-webkit-input-placeholder, .ec-birth select::-webkit-input-placeholder, .ec-select select::-webkit-input-placeholder, .ec-telInput select::-webkit-input-placeholder, .ec-zipInput select::-webkit-input-placeholder, .ec-numberInput select::-webkit-input-placeholder, .ec-halfInput select::-webkit-input-placeholder {
  color: #ababab;
}
.ec-input select::-ms-expand, .ec-birth select::-ms-expand, .ec-select select::-ms-expand, .ec-telInput select::-ms-expand, .ec-zipInput select::-ms-expand, .ec-numberInput select::-ms-expand, .ec-halfInput select::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ec-input select[disabled], .ec-birth select[disabled], .ec-select select[disabled], .ec-telInput select[disabled], .ec-zipInput select[disabled], .ec-numberInput select[disabled], .ec-halfInput select[disabled], .ec-input select[readonly], .ec-birth select[readonly], .ec-select select[readonly], .ec-telInput select[readonly], .ec-zipInput select[readonly], .ec-numberInput select[readonly], .ec-halfInput select[readonly], fieldset[disabled] .ec-input select, fieldset[disabled] .ec-birth select, fieldset[disabled] .ec-select select, fieldset[disabled] .ec-telInput select, fieldset[disabled] .ec-zipInput select, fieldset[disabled] .ec-numberInput select, fieldset[disabled] .ec-halfInput select {
  opacity: 1;
}
.ec-input select[disabled], .ec-birth select[disabled], .ec-select select[disabled], .ec-telInput select[disabled], .ec-zipInput select[disabled], .ec-numberInput select[disabled], .ec-halfInput select[disabled], fieldset[disabled] .ec-input select, fieldset[disabled] .ec-birth select, fieldset[disabled] .ec-select select, fieldset[disabled] .ec-telInput select, fieldset[disabled] .ec-zipInput select, fieldset[disabled] .ec-numberInput select, fieldset[disabled] .ec-halfInput select {
  cursor: not-allowed;
}
.ec-input textarea, .ec-birth textarea, .ec-select textarea, .ec-telInput textarea, .ec-zipInput textarea, .ec-numberInput textarea, .ec-halfInput textarea {
  display: block;
  width: 100%;
  height: 1rem px12px2 px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-image: none;
  border: 1px solid #ababab;
  border-radius: initial;
  -webkit-appearance: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.ec-input textarea:focus, .ec-birth textarea:focus, .ec-select textarea:focus, .ec-telInput textarea:focus, .ec-zipInput textarea:focus, .ec-numberInput textarea:focus, .ec-halfInput textarea:focus {
  border-color: #66afe9;
  outline: 0;
}
.ec-input textarea::-moz-placeholder, .ec-birth textarea::-moz-placeholder, .ec-select textarea::-moz-placeholder, .ec-telInput textarea::-moz-placeholder, .ec-zipInput textarea::-moz-placeholder, .ec-numberInput textarea::-moz-placeholder, .ec-halfInput textarea::-moz-placeholder {
  color: #ababab;
  opacity: 1;
}
.ec-input textarea:-ms-input-placeholder, .ec-birth textarea:-ms-input-placeholder, .ec-select textarea:-ms-input-placeholder, .ec-telInput textarea:-ms-input-placeholder, .ec-zipInput textarea:-ms-input-placeholder, .ec-numberInput textarea:-ms-input-placeholder, .ec-halfInput textarea:-ms-input-placeholder {
  color: #ababab;
}
.ec-input textarea::-webkit-input-placeholder, .ec-birth textarea::-webkit-input-placeholder, .ec-select textarea::-webkit-input-placeholder, .ec-telInput textarea::-webkit-input-placeholder, .ec-zipInput textarea::-webkit-input-placeholder, .ec-numberInput textarea::-webkit-input-placeholder, .ec-halfInput textarea::-webkit-input-placeholder {
  color: #ababab;
}
.ec-input textarea::-ms-expand, .ec-birth textarea::-ms-expand, .ec-select textarea::-ms-expand, .ec-telInput textarea::-ms-expand, .ec-zipInput textarea::-ms-expand, .ec-numberInput textarea::-ms-expand, .ec-halfInput textarea::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ec-input textarea[disabled], .ec-birth textarea[disabled], .ec-select textarea[disabled], .ec-telInput textarea[disabled], .ec-zipInput textarea[disabled], .ec-numberInput textarea[disabled], .ec-halfInput textarea[disabled], .ec-input textarea[readonly], .ec-birth textarea[readonly], .ec-select textarea[readonly], .ec-telInput textarea[readonly], .ec-zipInput textarea[readonly], .ec-numberInput textarea[readonly], .ec-halfInput textarea[readonly], fieldset[disabled] .ec-input textarea, fieldset[disabled] .ec-birth textarea, fieldset[disabled] .ec-select textarea, fieldset[disabled] .ec-telInput textarea, fieldset[disabled] .ec-zipInput textarea, fieldset[disabled] .ec-numberInput textarea, fieldset[disabled] .ec-halfInput textarea {
  opacity: 1;
}
.ec-input textarea[disabled], .ec-birth textarea[disabled], .ec-select textarea[disabled], .ec-telInput textarea[disabled], .ec-zipInput textarea[disabled], .ec-numberInput textarea[disabled], .ec-halfInput textarea[disabled], fieldset[disabled] .ec-input textarea, fieldset[disabled] .ec-birth textarea, fieldset[disabled] .ec-select textarea, fieldset[disabled] .ec-telInput textarea, fieldset[disabled] .ec-zipInput textarea, fieldset[disabled] .ec-numberInput textarea, fieldset[disabled] .ec-halfInput textarea {
  cursor: not-allowed;
}
.ec-input input:focus, .ec-birth input:focus, .ec-select input:focus, .ec-telInput input:focus, .ec-zipInput input:focus, .ec-numberInput input:focus, .ec-halfInput input:focus, .ec-input textarea:focus, .ec-birth textarea:focus, .ec-select textarea:focus, .ec-telInput textarea:focus, .ec-zipInput textarea:focus, .ec-numberInput textarea:focus, .ec-halfInput textarea:focus {
  box-shadow: none;
  border-color: #3c8dbc;
}
.ec-input input, .ec-birth input, .ec-select input, .ec-telInput input, .ec-zipInput input, .ec-numberInput input, .ec-halfInput input {
  height: 40px;
}
.ec-input textarea, .ec-birth textarea, .ec-select textarea, .ec-telInput textarea, .ec-zipInput textarea, .ec-numberInput textarea, .ec-halfInput textarea {
  height: auto;
  min-height: 100px;
}
.ec-input p, .ec-birth p, .ec-select p, .ec-telInput p, .ec-zipInput p, .ec-numberInput p, .ec-halfInput p {
  line-height: 1.4;
}
.ec-input .ec-errorMessage, .ec-birth .ec-errorMessage, .ec-select .ec-errorMessage, .ec-telInput .ec-errorMessage, .ec-zipInput .ec-errorMessage, .ec-numberInput .ec-errorMessage, .ec-halfInput .ec-errorMessage {
  margin-bottom: 25px;
  font-size: 12px;
  font-weight: bold;
  color: #de5d50;
}
.error.ec-input input, .error.ec-birth input, .error.ec-select input, .error.ec-telInput input, .error.ec-zipInput input, .error.ec-numberInput input, .error.ec-halfInput input,
.error.ec-input select,
.error.ec-birth select,
.error.ec-select select,
.error.ec-telInput select,
.error.ec-zipInput select,
.error.ec-numberInput select,
.error.ec-halfInput select,
.error.ec-input textarea,
.error.ec-birth textarea,
.error.ec-select textarea,
.error.ec-telInput textarea,
.error.ec-zipInput textarea,
.error.ec-numberInput textarea,
.error.ec-halfInput textarea {
  margin-bottom: 5px;
  border-color: #cf3f34;
  background: #fdf1f0;
}
.ec-checkbox .ec-errorMessage,
.ec-radio .ec-errorMessage {
  margin-bottom: 25px;
  font-size: 12px;
  font-weight: bold;
  color: #de5d50;
}
.error.ec-checkbox input,
.error.ec-checkbox label,
.error.ec-checkbox div,
.error.ec-radio input,
.error.ec-radio label,
.error.ec-radio div {
  border-color: #cf3f34;
  background: #fdf1f0;
}
/*
フォーム（text２つ）

姓名など2つ入力させたい入力項目で使用します。

入力フォームを半分で用意したいときにも利用可能です。

ex [会員情報編集画面　フォーム部分](http://demo3.ec-cube.net/mypage/change)

Markup:
p.ec-halfInput
  input(type="text")
  input(type="text")
p.ec-halfInput
  input(type="text")

Styleguide 3.1.2
*/
.ec-halfInput input[type=text] {
  display: inline-block;
  width: 47%;
  margin-left: 2%;
}
.ec-halfInput .ec-errorMessage {
  display: inline-block;
  width: 47%;
}
.ec-halfInput input[type=text]:first-of-type,
.ec-halfInput .ec-errorMessage:first-of-type {
  margin-left: 0;
}
/*
数量ボタン

数量を表示するための小さなコンポーネントです。

数値表示に最適化するため、数字は右端揃えで表示されます。

ex [商品詳細画面　数量ボタン部分](http://demo3.ec-cube.net/products/detail/27)

Markup:
.ec-numberInput
  span 数量
  input(type="number",value="0")

Styleguide 3.1.3
*/
.ec-numberInput input[type=number] {
  display: inline-block;
  width: auto;
  max-width: 100px;
  text-align: right;
}
/*
郵便番号フォーム

数量を表示するための小さなコンポーネントです。

内部に input 要素を配置してコーディングします。

ex [会員情報編集画面　郵便番号部分](http://demo3.ec-cube.net/mypage/change)

Markup:
.ec-zipInput
  span 〒
  input(type="text")
.ec-zipInputHelp
  a(href="http://www.post.japanpost.jp/zipcode/" target="_blank")
    .ec-zipInputHelp__icon
      .ec-icon
        img(src='/moc/icon/question-white.svg', alt='')
    span 郵便番号検索
.ec-zipAuto
  a.ec-inlineBtn 郵便番号から自動入力

Styleguide 3.1.4
*/
.ec-zipInput {
  display: inline-block;
}
.ec-zipInput input {
  display: inline-block;
  text-align: left;
  width: auto;
  max-width: 9em;
  font-size: 16px;
}
.ec-zipInput span {
  display: inline-block;
  padding: 0 5px 0 3px;
  margin-left: 5px;
}
.ec-zipInputHelp {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 16px;
  vertical-align: baseline;
  line-height: 0;
}
.ec-zipInputHelp .ec-zipInputHelp__icon {
  display: inline-block;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: #525263;
  border-radius: 50%;
  font-size: 13px;
  position: relative;
  top: -6px;
}
.ec-zipInputHelp .ec-zipInputHelp__icon .ec-icon img {
  width: 1em;
  height: 1em;
  position: relative;
  left: 3px;
  top: 3px;
}
.ec-zipInputHelp span {
  margin-left: 8px;
  display: inline-block;
  color: #0092c4;
  vertical-align: 3px;
}
.ec-zipAuto {
  margin-bottom: 16px;
}
.ec-zipAuto .ec-inlineBtn {
  font-weight: normal;
}
/*
電話番号ボタン

数量を表示するための小さなコンポーネントです。

内部に input 要素を配置してコーディングします。

ex [会員情報編集画面　電話番号部分](http://demo3.ec-cube.net/mypage/change)

Markup:
.ec-telInput
  input(type="text")

Styleguide 3.1.5
*/
.ec-telInput input {
  max-width: 12em;
  text-align: left;
}
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
@font-face {
  font-family: "FuturaMedium";
  src: url("/html/template/default/assets/fonts/FuturaMedium/font.woff2") format("woff2"), url("/html/template/default/assets/fonts/FuturaMedium/font.woff") format("woff");
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
フォーム部品(テキスト)

テキストや数値の入力項目に関する要素を定義します。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 3.1
*/
/*
フォーム

`.ec-input` 要素は全ての入力項目に関する標準的なコンポーネントクラスです。


ex [会員情報編集画面　フォーム部分](http://demo3.ec-cube.net/mypage/change)

Markup:
p.ec-input
  input(type="number")
p.ec-input
  textarea(rows="6")

Styleguide 3.1.1
*/
.ec-input input[type=radio], .ec-birth input[type=radio], .ec-select input[type=radio], .ec-halfInput input[type=radio], .ec-numberInput input[type=radio], .ec-zipInput input[type=radio], .ec-telInput input[type=radio],
.ec-input input[type=checkbox],
.ec-birth input[type=checkbox],
.ec-select input[type=checkbox],
.ec-halfInput input[type=checkbox],
.ec-numberInput input[type=checkbox],
.ec-zipInput input[type=checkbox],
.ec-telInput input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}
.ec-input input[type=file], .ec-birth input[type=file], .ec-select input[type=file], .ec-halfInput input[type=file], .ec-numberInput input[type=file], .ec-zipInput input[type=file], .ec-telInput input[type=file] {
  display: block;
}
.ec-input input[type=range], .ec-birth input[type=range], .ec-select input[type=range], .ec-halfInput input[type=range], .ec-numberInput input[type=range], .ec-zipInput input[type=range], .ec-telInput input[type=range] {
  display: block;
  width: 100%;
}
.ec-input select[multiple], .ec-birth select[multiple], .ec-select select[multiple], .ec-halfInput select[multiple], .ec-numberInput select[multiple], .ec-zipInput select[multiple], .ec-telInput select[multiple],
.ec-input select[size],
.ec-birth select[size],
.ec-select select[size],
.ec-halfInput select[size],
.ec-numberInput select[size],
.ec-zipInput select[size],
.ec-telInput select[size] {
  height: auto;
}
.ec-input input[type=file]:focus, .ec-birth input[type=file]:focus, .ec-select input[type=file]:focus, .ec-halfInput input[type=file]:focus, .ec-numberInput input[type=file]:focus, .ec-zipInput input[type=file]:focus, .ec-telInput input[type=file]:focus,
.ec-input input[type=radio]:focus,
.ec-birth input[type=radio]:focus,
.ec-select input[type=radio]:focus,
.ec-halfInput input[type=radio]:focus,
.ec-numberInput input[type=radio]:focus,
.ec-zipInput input[type=radio]:focus,
.ec-telInput input[type=radio]:focus,
.ec-input input[type=checkbox]:focus,
.ec-birth input[type=checkbox]:focus,
.ec-select input[type=checkbox]:focus,
.ec-halfInput input[type=checkbox]:focus,
.ec-numberInput input[type=checkbox]:focus,
.ec-zipInput input[type=checkbox]:focus,
.ec-telInput input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-input input, .ec-birth input, .ec-select input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input {
  display: block;
  width: 100%;
  height: 1rem px12px2 px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-image: none;
  border: 1px solid #ababab;
  border-radius: initial;
  -webkit-appearance: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.ec-input input:focus, .ec-birth input:focus, .ec-select input:focus, .ec-halfInput input:focus, .ec-numberInput input:focus, .ec-zipInput input:focus, .ec-telInput input:focus {
  border-color: #66afe9;
  outline: 0;
}
.ec-input input::-moz-placeholder, .ec-birth input::-moz-placeholder, .ec-select input::-moz-placeholder, .ec-halfInput input::-moz-placeholder, .ec-numberInput input::-moz-placeholder, .ec-zipInput input::-moz-placeholder, .ec-telInput input::-moz-placeholder {
  color: #ababab;
  opacity: 1;
}
.ec-input input:-ms-input-placeholder, .ec-birth input:-ms-input-placeholder, .ec-select input:-ms-input-placeholder, .ec-halfInput input:-ms-input-placeholder, .ec-numberInput input:-ms-input-placeholder, .ec-zipInput input:-ms-input-placeholder, .ec-telInput input:-ms-input-placeholder {
  color: #ababab;
}
.ec-input input::-webkit-input-placeholder, .ec-birth input::-webkit-input-placeholder, .ec-select input::-webkit-input-placeholder, .ec-halfInput input::-webkit-input-placeholder, .ec-numberInput input::-webkit-input-placeholder, .ec-zipInput input::-webkit-input-placeholder, .ec-telInput input::-webkit-input-placeholder {
  color: #ababab;
}
.ec-input input::-ms-expand, .ec-birth input::-ms-expand, .ec-select input::-ms-expand, .ec-halfInput input::-ms-expand, .ec-numberInput input::-ms-expand, .ec-zipInput input::-ms-expand, .ec-telInput input::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ec-input input[disabled], .ec-birth input[disabled], .ec-select input[disabled], .ec-halfInput input[disabled], .ec-numberInput input[disabled], .ec-zipInput input[disabled], .ec-telInput input[disabled], .ec-input input[readonly], .ec-birth input[readonly], .ec-select input[readonly], .ec-halfInput input[readonly], .ec-numberInput input[readonly], .ec-zipInput input[readonly], .ec-telInput input[readonly], fieldset[disabled] .ec-input input, fieldset[disabled] .ec-birth input, fieldset[disabled] .ec-select input, fieldset[disabled] .ec-halfInput input, fieldset[disabled] .ec-numberInput input, fieldset[disabled] .ec-zipInput input, fieldset[disabled] .ec-telInput input {
  opacity: 1;
}
.ec-input input[disabled], .ec-birth input[disabled], .ec-select input[disabled], .ec-halfInput input[disabled], .ec-numberInput input[disabled], .ec-zipInput input[disabled], .ec-telInput input[disabled], fieldset[disabled] .ec-input input, fieldset[disabled] .ec-birth input, fieldset[disabled] .ec-select input, fieldset[disabled] .ec-halfInput input, fieldset[disabled] .ec-numberInput input, fieldset[disabled] .ec-zipInput input, fieldset[disabled] .ec-telInput input {
  cursor: not-allowed;
}
.ec-input select, .ec-birth select, .ec-select select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select {
  display: block;
  width: 100%;
  height: 1rem px12px2 px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-image: none;
  border: 1px solid #ababab;
  border-radius: initial;
  -webkit-appearance: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.ec-input select:focus, .ec-birth select:focus, .ec-select select:focus, .ec-halfInput select:focus, .ec-numberInput select:focus, .ec-zipInput select:focus, .ec-telInput select:focus {
  border-color: #66afe9;
  outline: 0;
}
.ec-input select::-moz-placeholder, .ec-birth select::-moz-placeholder, .ec-select select::-moz-placeholder, .ec-halfInput select::-moz-placeholder, .ec-numberInput select::-moz-placeholder, .ec-zipInput select::-moz-placeholder, .ec-telInput select::-moz-placeholder {
  color: #ababab;
  opacity: 1;
}
.ec-input select:-ms-input-placeholder, .ec-birth select:-ms-input-placeholder, .ec-select select:-ms-input-placeholder, .ec-halfInput select:-ms-input-placeholder, .ec-numberInput select:-ms-input-placeholder, .ec-zipInput select:-ms-input-placeholder, .ec-telInput select:-ms-input-placeholder {
  color: #ababab;
}
.ec-input select::-webkit-input-placeholder, .ec-birth select::-webkit-input-placeholder, .ec-select select::-webkit-input-placeholder, .ec-halfInput select::-webkit-input-placeholder, .ec-numberInput select::-webkit-input-placeholder, .ec-zipInput select::-webkit-input-placeholder, .ec-telInput select::-webkit-input-placeholder {
  color: #ababab;
}
.ec-input select::-ms-expand, .ec-birth select::-ms-expand, .ec-select select::-ms-expand, .ec-halfInput select::-ms-expand, .ec-numberInput select::-ms-expand, .ec-zipInput select::-ms-expand, .ec-telInput select::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ec-input select[disabled], .ec-birth select[disabled], .ec-select select[disabled], .ec-halfInput select[disabled], .ec-numberInput select[disabled], .ec-zipInput select[disabled], .ec-telInput select[disabled], .ec-input select[readonly], .ec-birth select[readonly], .ec-select select[readonly], .ec-halfInput select[readonly], .ec-numberInput select[readonly], .ec-zipInput select[readonly], .ec-telInput select[readonly], fieldset[disabled] .ec-input select, fieldset[disabled] .ec-birth select, fieldset[disabled] .ec-select select, fieldset[disabled] .ec-halfInput select, fieldset[disabled] .ec-numberInput select, fieldset[disabled] .ec-zipInput select, fieldset[disabled] .ec-telInput select {
  opacity: 1;
}
.ec-input select[disabled], .ec-birth select[disabled], .ec-select select[disabled], .ec-halfInput select[disabled], .ec-numberInput select[disabled], .ec-zipInput select[disabled], .ec-telInput select[disabled], fieldset[disabled] .ec-input select, fieldset[disabled] .ec-birth select, fieldset[disabled] .ec-select select, fieldset[disabled] .ec-halfInput select, fieldset[disabled] .ec-numberInput select, fieldset[disabled] .ec-zipInput select, fieldset[disabled] .ec-telInput select {
  cursor: not-allowed;
}
.ec-input textarea, .ec-birth textarea, .ec-select textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea {
  display: block;
  width: 100%;
  height: 1rem px12px2 px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-image: none;
  border: 1px solid #ababab;
  border-radius: initial;
  -webkit-appearance: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.ec-input textarea:focus, .ec-birth textarea:focus, .ec-select textarea:focus, .ec-halfInput textarea:focus, .ec-numberInput textarea:focus, .ec-zipInput textarea:focus, .ec-telInput textarea:focus {
  border-color: #66afe9;
  outline: 0;
}
.ec-input textarea::-moz-placeholder, .ec-birth textarea::-moz-placeholder, .ec-select textarea::-moz-placeholder, .ec-halfInput textarea::-moz-placeholder, .ec-numberInput textarea::-moz-placeholder, .ec-zipInput textarea::-moz-placeholder, .ec-telInput textarea::-moz-placeholder {
  color: #ababab;
  opacity: 1;
}
.ec-input textarea:-ms-input-placeholder, .ec-birth textarea:-ms-input-placeholder, .ec-select textarea:-ms-input-placeholder, .ec-halfInput textarea:-ms-input-placeholder, .ec-numberInput textarea:-ms-input-placeholder, .ec-zipInput textarea:-ms-input-placeholder, .ec-telInput textarea:-ms-input-placeholder {
  color: #ababab;
}
.ec-input textarea::-webkit-input-placeholder, .ec-birth textarea::-webkit-input-placeholder, .ec-select textarea::-webkit-input-placeholder, .ec-halfInput textarea::-webkit-input-placeholder, .ec-numberInput textarea::-webkit-input-placeholder, .ec-zipInput textarea::-webkit-input-placeholder, .ec-telInput textarea::-webkit-input-placeholder {
  color: #ababab;
}
.ec-input textarea::-ms-expand, .ec-birth textarea::-ms-expand, .ec-select textarea::-ms-expand, .ec-halfInput textarea::-ms-expand, .ec-numberInput textarea::-ms-expand, .ec-zipInput textarea::-ms-expand, .ec-telInput textarea::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ec-input textarea[disabled], .ec-birth textarea[disabled], .ec-select textarea[disabled], .ec-halfInput textarea[disabled], .ec-numberInput textarea[disabled], .ec-zipInput textarea[disabled], .ec-telInput textarea[disabled], .ec-input textarea[readonly], .ec-birth textarea[readonly], .ec-select textarea[readonly], .ec-halfInput textarea[readonly], .ec-numberInput textarea[readonly], .ec-zipInput textarea[readonly], .ec-telInput textarea[readonly], fieldset[disabled] .ec-input textarea, fieldset[disabled] .ec-birth textarea, fieldset[disabled] .ec-select textarea, fieldset[disabled] .ec-halfInput textarea, fieldset[disabled] .ec-numberInput textarea, fieldset[disabled] .ec-zipInput textarea, fieldset[disabled] .ec-telInput textarea {
  opacity: 1;
}
.ec-input textarea[disabled], .ec-birth textarea[disabled], .ec-select textarea[disabled], .ec-halfInput textarea[disabled], .ec-numberInput textarea[disabled], .ec-zipInput textarea[disabled], .ec-telInput textarea[disabled], fieldset[disabled] .ec-input textarea, fieldset[disabled] .ec-birth textarea, fieldset[disabled] .ec-select textarea, fieldset[disabled] .ec-halfInput textarea, fieldset[disabled] .ec-numberInput textarea, fieldset[disabled] .ec-zipInput textarea, fieldset[disabled] .ec-telInput textarea {
  cursor: not-allowed;
}
.ec-input input:focus, .ec-birth input:focus, .ec-select input:focus, .ec-halfInput input:focus, .ec-numberInput input:focus, .ec-zipInput input:focus, .ec-telInput input:focus, .ec-input textarea:focus, .ec-birth textarea:focus, .ec-select textarea:focus, .ec-halfInput textarea:focus, .ec-numberInput textarea:focus, .ec-zipInput textarea:focus, .ec-telInput textarea:focus {
  box-shadow: none;
  border-color: #3c8dbc;
}
.ec-input input, .ec-birth input, .ec-select input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input {
  height: 40px;
}
.ec-input textarea, .ec-birth textarea, .ec-select textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea {
  height: auto;
  min-height: 100px;
}
.ec-input p, .ec-birth p, .ec-select p, .ec-halfInput p, .ec-numberInput p, .ec-zipInput p, .ec-telInput p {
  line-height: 1.4;
}
.ec-input .ec-errorMessage, .ec-birth .ec-errorMessage, .ec-select .ec-errorMessage, .ec-halfInput .ec-errorMessage, .ec-numberInput .ec-errorMessage, .ec-zipInput .ec-errorMessage, .ec-telInput .ec-errorMessage {
  margin-bottom: 25px;
  font-size: 12px;
  font-weight: bold;
  color: #de5d50;
}
.error.ec-input input, .error.ec-birth input, .error.ec-select input, .error.ec-halfInput input, .error.ec-numberInput input, .error.ec-zipInput input, .error.ec-telInput input,
.error.ec-input select,
.error.ec-birth select,
.error.ec-select select,
.error.ec-halfInput select,
.error.ec-numberInput select,
.error.ec-zipInput select,
.error.ec-telInput select,
.error.ec-input textarea,
.error.ec-birth textarea,
.error.ec-select textarea,
.error.ec-halfInput textarea,
.error.ec-numberInput textarea,
.error.ec-zipInput textarea,
.error.ec-telInput textarea {
  margin-bottom: 5px;
  border-color: #cf3f34;
  background: #fdf1f0;
}
.ec-checkbox .ec-errorMessage,
.ec-radio .ec-errorMessage {
  margin-bottom: 25px;
  font-size: 12px;
  font-weight: bold;
  color: #de5d50;
}
.error.ec-checkbox input,
.error.ec-checkbox label,
.error.ec-checkbox div,
.error.ec-radio input,
.error.ec-radio label,
.error.ec-radio div {
  border-color: #cf3f34;
  background: #fdf1f0;
}
/*
フォーム（text２つ）

姓名など2つ入力させたい入力項目で使用します。

入力フォームを半分で用意したいときにも利用可能です。

ex [会員情報編集画面　フォーム部分](http://demo3.ec-cube.net/mypage/change)

Markup:
p.ec-halfInput
  input(type="text")
  input(type="text")
p.ec-halfInput
  input(type="text")

Styleguide 3.1.2
*/
.ec-halfInput input[type=text] {
  display: inline-block;
  width: 47%;
  margin-left: 2%;
}
.ec-halfInput .ec-errorMessage {
  display: inline-block;
  width: 47%;
}
.ec-halfInput input[type=text]:first-of-type,
.ec-halfInput .ec-errorMessage:first-of-type {
  margin-left: 0;
}
/*
数量ボタン

数量を表示するための小さなコンポーネントです。

数値表示に最適化するため、数字は右端揃えで表示されます。

ex [商品詳細画面　数量ボタン部分](http://demo3.ec-cube.net/products/detail/27)

Markup:
.ec-numberInput
  span 数量
  input(type="number",value="0")

Styleguide 3.1.3
*/
.ec-numberInput input[type=number] {
  display: inline-block;
  width: auto;
  max-width: 100px;
  text-align: right;
}
/*
郵便番号フォーム

数量を表示するための小さなコンポーネントです。

内部に input 要素を配置してコーディングします。

ex [会員情報編集画面　郵便番号部分](http://demo3.ec-cube.net/mypage/change)

Markup:
.ec-zipInput
  span 〒
  input(type="text")
.ec-zipInputHelp
  a(href="http://www.post.japanpost.jp/zipcode/" target="_blank")
    .ec-zipInputHelp__icon
      .ec-icon
        img(src='/moc/icon/question-white.svg', alt='')
    span 郵便番号検索
.ec-zipAuto
  a.ec-inlineBtn 郵便番号から自動入力

Styleguide 3.1.4
*/
.ec-zipInput {
  display: inline-block;
}
.ec-zipInput input {
  display: inline-block;
  text-align: left;
  width: auto;
  max-width: 9em;
  font-size: 16px;
}
.ec-zipInput span {
  display: inline-block;
  padding: 0 5px 0 3px;
  margin-left: 5px;
}
.ec-zipInputHelp {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 16px;
  vertical-align: baseline;
  line-height: 0;
}
.ec-zipInputHelp .ec-zipInputHelp__icon {
  display: inline-block;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: #525263;
  border-radius: 50%;
  font-size: 13px;
  position: relative;
  top: -6px;
}
.ec-zipInputHelp .ec-zipInputHelp__icon .ec-icon img {
  width: 1em;
  height: 1em;
  position: relative;
  left: 3px;
  top: 3px;
}
.ec-zipInputHelp span {
  margin-left: 8px;
  display: inline-block;
  color: #0092c4;
  vertical-align: 3px;
}
.ec-zipAuto {
  margin-bottom: 16px;
}
.ec-zipAuto .ec-inlineBtn {
  font-weight: normal;
}
/*
電話番号ボタン

数量を表示するための小さなコンポーネントです。

内部に input 要素を配置してコーディングします。

ex [会員情報編集画面　電話番号部分](http://demo3.ec-cube.net/mypage/change)

Markup:
.ec-telInput
  input(type="text")

Styleguide 3.1.5
*/
.ec-telInput input {
  max-width: 12em;
  text-align: left;
}
/*
フォーム部品(その他)

フォーム部品でテキストの入力以外の動作要素を定義します。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>

Styleguide 3.2
*/
/*
ラジオ（水平）

水平に並ぶラジオボタンフィールドです。

各要素をlabelでくくって、コーディングします。

ex [新規会員登録画面　性別選択部分](http://demo3.ec-cube.net/entry)

Markup:
.ec-radio
  label
    input(type="radio")
    span 男性
  label
    input(type="radio")
    span 女性

Styleguide 3.2.2
*/
.ec-radio div {
  display: inline-block;
}
.ec-radio label {
  margin-right: 20px;
}
.ec-radio input {
  margin-right: 10px;
  margin-bottom: 10px;
}
.ec-radio span {
  font-weight: normal;
}
/*
ラジオ(垂直)

垂直に並ぶラジオボタンフィールドです。

各要素をlabelでくくって、コーディングします。

ex [購入画面 お支払方法](http://demo3.ec-cube.net/shopping)

Markup:
.ec-blockRadio
  label
    input(type="radio")
    span 郵便振替
  label
    input(type="radio")
    span 現金書留
  label
    input(type="radio")
    span 銀行振込
  label
    input(type="radio")
    span 代金引換

Styleguide 3.2.3
*/
.ec-blockRadio label {
  display: block;
}
.ec-blockRadio span {
  padding-left: 10px;
  font-weight: normal;
}
/*
セレクトボックス

数量を表示するための小さなコンポーネントです。

数値表示に最適化するため、数字は右端揃えで表示されます。

ex [新規会員登録画面　都道府県選択部分](http://demo3.ec-cube.net/entry)

Markup:
.ec-select
  select
    option 都道府県を選択
    option 北海道
    option 青森県
    option 岩手県
    option ...
.ec-select
  select
    option 選択して下さい
    option 公務員
    option コンサルタント
    option コンピュータ関連技術職
    option コンピュータ関連以外の技術職
    option ...

Styleguide 3.2.4
*/
.ec-selects {
  margin-bottom: 20px;
  border-bottom: 1px dotted #ccc;
}
.ec-select {
  margin-bottom: 16px;
}
.ec-select select {
  display: inline-block;
  width: auto;
  max-width: 100%;
  background-color: rgb(248, 248, 248);
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
}
.ec-select select:focus {
  box-shadow: none;
}
.ec-select label {
  margin-right: 10px;
  font-weight: bold;
}
.ec-select label:nth-child(3) {
  margin-left: 10px;
  font-weight: bold;
}
.ec-select__delivery {
  display: block;
  margin-right: 16px;
}
.ec-select__time {
  display: block;
}
/*
生年月日選択

数量を表示するための小さなコンポーネントです。

数値表示に最適化するため、数字は右端揃えで表示されます。

ex [新規会員登録画面　生年月日選択部分](http://demo3.ec-cube.net/entry)

Markup:
.ec-birth
  select
    option ----
    option 1960
    option 1961
    option 1962
    option ...
  span /
  select
    option --
    option 01
    option 02
    option 03
    option ...
  span /
  select
    option --
    option 01
    option 02
    option 03
    option ...

Styleguide 3.2.5
*/
.ec-birth select {
  display: inline-block;
  width: auto;
  margin: 0 0 10px;
  background-color: rgb(248, 248, 248);
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
}
.ec-birth select:focus {
  box-shadow: none;
}
.ec-birth span {
  margin-left: 5px;
}
/*
チェックボックス （水平）

水平に並ぶチェックボックス フィールドです。

各要素をlabelでくくって、コーディングします。

ex [新規会員登録画面　利用規約](http://demo3.ec-cube.net/entry)

Markup:
.ec-checkbox
  label
    input(type="checkbox")
    span 利用規約に同意する

Styleguide 3.2.6
*/
.ec-checkbox label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 700;
}
.ec-checkbox input {
  margin-bottom: 10px;
}
.ec-checkbox span {
  font-weight: normal;
}
/*
チェックボックス (垂直)

垂直に並ぶチェックボックス フィールドです。

各要素をlabelでくくって、コーディングします。

Markup:
.ec-blockCheckbox
  label
    input(type="checkbox")
    span 利用規約に同意する

Styleguide 3.2.7
*/
.ec-blockCheckbox label {
  display: block;
}
.ec-blockCheckbox span {
  font-weight: normal;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
フォームラベル

フォームのラベルに関する要素を定義します。

sg-wrapper:
<div class="ec-registerRole">
  <div class="ec-off1Grid">
    <div class="ec-off1Grid__cell">
      <div class="ec-borderedDefs">
        <sg-wrapper-content/>
      </div>
    </div>
  </div>
</div>

Styleguide 3.3
*/
/*
ラベル

フォーム要素で利用するラベル要素です。

ex [お問い合わせページ　ラベル部分](http://demo3.ec-cube.net/contact)

Markup:
.ec-borderedDefs
  dl
    dt
      label.ec-label お名前
    dd
      .ec-input
        input(type="text")

Styleguide 3.3.1
*/
.ec-label {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 5px;
}
/*
必須ラベル

必須文字を表示するラベル要素です。

ex [お問い合わせページ　必須ラベル部分](http://demo3.ec-cube.net/contact)


Markup:
.ec-borderedDefs
  dl
    dt
      label.ec-label お名前
        span.ec-required 必須
    dd
      .ec-input
        input(type="text")

Styleguide 3.3.2
*/
.ec-required {
  display: inline-block;
  margin-left: 0.8em;
  vertical-align: 2px;
  color: #DE5D50;
  font-size: 12px;
  font-weight: normal;
}
/*
アイコン

デフォルトテンプレートのアイコンは`.ec-icon`>`img`タグで使用することができます

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>

Markup:
include /assets/tmpl/elements/4.1.icon.pug
div(style="background-color: rgba(130,130,130,.15); padding: 20px;")
  +icon-all

Styleguide 4.1
*/
.ec-icon img {
  max-width: 80px;
  max-height: 80px;
}
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
@font-face {
  font-family: "FuturaMedium";
  src: url("/html/template/default/assets/fonts/FuturaMedium/font.woff2") format("woff2"), url("/html/template/default/assets/fonts/FuturaMedium/font.woff") format("woff");
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
レイアウト

様々なレイアウトを変更する為のスタイル群です。

Styleguide 5.2
*/
/*
画像レイアウト

画像とテキストを水平に並べるレイアウトです。

画像は20%で表示されます。

ex [注文履歴 ログイン後→注文履歴ボタンを押下](http://demo3.ec-cube.net/mypage)

Markup:
.ec-imageGrid
  .ec-imageGrid__img: img(src="http://demo3.ec-cube.net/upload/save_image/0701113537_559351f959620.jpeg")
  .ec-imageGrid__content
    p.ec-font-bold ホーローマグ
    p ¥ 1,728 x 1

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 5.2.1
*/
.ec-imageGrid {
  display: table;
  border-top: 1px dotted #ccc;
  width: 100%;
}
.ec-imageGrid .ec-imageGrid__img {
  display: table-cell;
  padding: 10px;
  width: 100px;
}
.ec-imageGrid .ec-imageGrid__img img {
  width: 100%;
}
.ec-imageGrid .ec-imageGrid__content {
  vertical-align: middle;
  display: table-cell;
}
.ec-imageGrid .ec-imageGrid__content span {
  margin-left: 10px;
}
.ec-imageGrid .ec-imageGrid__content p {
  margin-bottom: 0;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
@font-face {
  font-family: "FuturaMedium";
  src: url("/html/template/default/assets/fonts/FuturaMedium/font.woff2") format("woff2"), url("/html/template/default/assets/fonts/FuturaMedium/font.woff") format("woff");
}
/*
ログイン

主にログインフォームのスタイルを表示します。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 6.1
*/
/*
ログインフォーム

ログインフォームを表示します。

ex [ログイン画面](http://demo3.ec-cube.net/mypage/login)

Markup:
include /assets/tmpl/elements/6.3.login.pug
+ec-login


Styleguide 6.1.1
*/
.ec-login {
  margin: 0 0 20px;
  padding: 30px 13% 20px;
  height: auto;
  background: #F3F4F4;
  box-sizing: border-box;
}
.ec-login .ec-login__icon {
  text-align: center;
}
.ec-login .ec-icon {
  margin-bottom: 10px;
}
.ec-login .ec-icon img {
  width: 90px;
  height: 90px;
  display: inline-block;
}
.ec-login .ec-login__input {
  margin-bottom: 40px;
}
.ec-login .ec-login__input .ec-checkbox span {
  margin-left: 5px;
  font-weight: normal;
}
.ec-login .ec-login__actions {
  color: #fff;
}
.ec-login .ec-login__actions a {
  color: inherit;
  text-decoration: none;
}
.ec-login .ec-login__actions a:hover {
  text-decoration: none;
}
.ec-login .ec-login__link {
  margin-top: 5px;
  margin-left: 0;
}
.ec-login .ec-errorMessage {
  color: #de5d50;
  margin-bottom: 20px;
}
/*
ゲスト購入

ゲスト購入ボタンとそのフォームを表示します。

ex [ゲスト購入画面](http://demo3.ec-cube.net/shopping/login)

Markup:
include /assets/tmpl/elements/6.3.login.pug
+ec-guest
hoge

Styleguide 6.1.2
*/
.ec-guest {
  display: table;
  margin: 0;
  padding: 13%;
  height: auto;
  box-sizing: border-box;
  background: #F3F4F4;
}
.ec-guest .ec-guest__inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.ec-guest .ec-guest__inner p {
  margin-bottom: 16px;
}
.ec-guest .ec-guest__actions {
  display: block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}
.ec-guest .ec-guest__actions a {
  color: inherit;
  text-decoration: none;
}
.ec-guest .ec-guest__actions a:hover {
  text-decoration: none;
}
.ec-guest .ec-guest__icon {
  font-size: 70px;
  text-align: center;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
@font-face {
  font-family: "FuturaMedium";
  src: url("/html/template/default/assets/fonts/FuturaMedium/font.woff2") format("woff2"), url("/html/template/default/assets/fonts/FuturaMedium/font.woff") format("woff");
}
/*
商品掲載

トップページに商品掲載するスタイルガイド群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 7.1
*/
/*
商品アイテム（商品紹介B）

３項目横並びの商品アイテムを表示します。
必要に応じて商品詳細や、キャッチコピーなどを添えることが出来ます。

ex [トップページ　商品紹介部分](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/7.1.itembanner.pug
+ec-displayB

Styleguide 7.1.1
*/
.ec-displayB {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.ec-displayB .ec-displayB__cell {
  width: 100%;
  margin-bottom: 16px;
}
.ec-displayB .ec-displayB__cell a {
  color: inherit;
  text-decoration: none;
}
.ec-displayB .ec-displayB__cell a:hover {
  text-decoration: none;
}
.ec-displayB .ec-displayB__cell:hover {
  text-decoration: none;
}
.ec-displayB .ec-displayB__cell:hover img {
  opacity: 0.8;
}
.ec-displayB .ec-displayB__cell:hover a {
  text-decoration: none;
}
.ec-displayB .ec-displayB__img {
  margin-bottom: 15px;
}
.ec-displayB .ec-displayB__catch {
  margin-bottom: 15px;
  text-decoration: none;
  font-weight: bold;
  color: #9a947e;
}
.ec-displayB .ec-displayB__comment {
  margin-bottom: 14px;
  text-decoration: none;
  color: #525263;
  font-size: 14px;
}
.ec-displayB .ec-displayB__link {
  text-decoration: none;
  font-weight: bold;
  color: #9a947e;
}
/*
商品アイテム（商品紹介C）

４項目横並びの商品アイテムを表示します。

ex [トップページ　商品紹介部分](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/7.1.itembanner.pug
+ec-displayC
p hoge

Styleguide 7.1.2
*/
.ec-displayC {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 24px;
}
.ec-displayC .ec-displayC__cell {
  width: 47%;
}
.ec-displayC .ec-displayC__cell a {
  color: inherit;
  text-decoration: none;
}
.ec-displayC .ec-displayC__cell a:hover {
  text-decoration: none;
}
.ec-displayC .ec-displayC__cell:hover a {
  text-decoration: none;
}
.ec-displayC .ec-displayC__cell:hover img {
  opacity: 0.8;
}
.ec-displayC .ec-displayC__img {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
.ec-displayC .ec-displayC__catch {
  display: block;
  width: 100%;
  font-weight: bold;
  color: #9a947e;
}
.ec-displayC .ec-displayC__title {
  display: block;
  width: 100%;
  color: #525263;
}
.ec-displayC .ec-displayC__price {
  display: block;
  width: 100%;
  font-weight: bold;
  color: #525263;
}
.ec-displayC .ec-displayC__price--sp {
  display: block;
  width: 100%;
  font-weight: bold;
  color: #DE5D50;
}
/*
商品アイテム（商品紹介D）

６項目横並びの商品アイテムを表示します。

ex [トップページ　商品紹介部分](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/7.1.itembanner.pug
+ec-displayD

Styleguide 7.1.3
*/
.ec-displayD {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap-reverse;
}
.ec-displayD .ec-displayD__cell {
  width: 30%;
  margin-bottom: 8px;
}
.ec-displayD .ec-displayD__cell a {
  color: inherit;
  text-decoration: none;
}
.ec-displayD .ec-displayD__cell a:hover {
  text-decoration: none;
}
.ec-displayD .ec-displayD__cell:hover {
  text-decoration: none;
}
.ec-displayD .ec-displayD__cell:hover img {
  opacity: 0.8;
}
.ec-displayD .ec-displayD__img {
  display: block;
  width: 100%;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
@font-face {
  font-family: "FuturaMedium";
  src: url("/html/template/default/assets/fonts/FuturaMedium/font.woff2") format("woff2"), url("/html/template/default/assets/fonts/FuturaMedium/font.woff") format("woff");
}
/*
検索・一覧表示

検索欄や、一覧表示に使用するスタイル群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 7.2
*/
/*
トピックパス

検索結果で表示されるトピックパスのスタイルです。

ex [商品一覧ページ　横並びリスト部分](http://demo3.ec-cube.net/products/list?category_id=&name=)

Markup:
include /assets/tmpl/elements/7.2.search.pug
+ec-topicpath

Styleguide 7.2.1
*/
.ec-topicpath {
  letter-spacing: -0.4em;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px dotted #ccc;
  padding: 10px;
  list-style: none;
  overflow: hidden;
  font-size: 12px;
  color: #0092c4;
}
.ec-topicpath .ec-topicpath__item a {
  color: inherit;
  text-decoration: none;
}
.ec-topicpath .ec-topicpath__item a:hover {
  text-decoration: none;
}
.ec-topicpath .ec-topicpath__divider {
  color: #000;
}
.ec-topicpath .ec-topicpath__item, .ec-topicpath .ec-topicpath__divider, .ec-topicpath .ec-topicpath__item--active {
  display: inline-block;
  min-width: 16px;
  text-align: center;
  position: relative;
  letter-spacing: normal;
}
.ec-topicpath .ec-topicpath__item--active {
  font-weight: bold;
}
.ec-topicpath .ec-topicpath__item--active a {
  color: inherit;
  text-decoration: none;
}
.ec-topicpath .ec-topicpath__item--active a:hover {
  text-decoration: none;
}
/*
ページャ

検索結果で表示される商品一覧のスタイルです。

ex [商品一覧ページ　ページャ部分](http://demo3.ec-cube.net/products/list?category_id=&name=)

Markup:
include /assets/tmpl/elements/7.2.search.pug
+ec-pager

Styleguide 7.2.2
*/
.ec-pager {
  list-style: none;
  list-style-type: none;
  margin: 0 auto;
  padding: 1em 0;
  text-align: center;
  color: #b7b7b7;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 28.8px */
}
.ec-pager .ec-pager__item, .ec-pager .ec-pager__item--active {
  display: inline-block;
  min-width: 29px;
  padding: 0 3px 0 2px;
  text-align: center;
  position: relative;
}
.ec-pager .ec-pager__item a, .ec-pager .ec-pager__item--active a {
  color: inherit;
  text-decoration: none;
}
.ec-pager .ec-pager__item a:hover, .ec-pager .ec-pager__item--active a:hover {
  text-decoration: none;
}
.ec-pager .ec-pager__item a, .ec-pager .ec-pager__item--active a {
  color: inherit;
  display: block;
  line-height: 1.8;
  padding: 5px 1em;
  text-decoration: none;
}
.ec-pager .ec-pager__item a:hover, .ec-pager .ec-pager__item--active a:hover {
  color: inherit;
}
.ec-pager .ec-pager__item--active {
  color: #343434;
}
.ec-pager .ec-pager__item:hover {
  color: #343434;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.bg-load-overlay {
  background: rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  position: fixed;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-around;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  opacity: 1;
}
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
@font-face {
  font-family: "FuturaMedium";
  src: url("/html/template/default/assets/fonts/FuturaMedium/font.woff2") format("woff2"), url("/html/template/default/assets/fonts/FuturaMedium/font.woff") format("woff");
}
/*
カート

ショッピングカートに関するスタイルです。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 7.3
*/
/*
カートヘッダ

購入完了までの手順や、現在の状態を表示します。

ul 要素を用いたリスト要素としてマークアップします。

ex [カートページ　ヘッダ部分](http://demo3.ec-cube.net/cart)

Markup:
include /assets/tmpl/elements/7.3.cart.pug
+ec-progress

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 7.3.1
*/
.ec-progress {
  margin: 0 auto;
  padding: 8px 0 16px;
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 600px;
  list-style: none;
}
.ec-progress .ec-progress__item {
  display: table-cell;
  position: relative;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  z-index: 10;
}
.ec-progress .ec-progress__item:after {
  content: "";
  position: absolute;
  display: block;
  background: #525263;
  width: 100%;
  height: 0.25em;
  top: 1.25em;
  left: 50%;
  margin-left: 1.5em\9 ;
  z-index: -1;
}
.ec-progress .ec-progress__item:last-child:after {
  display: none;
}
.ec-progress .ec-progress__number {
  line-height: 30px;
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  font-size: 12px;
  background: #525263;
  color: #fff;
  top: 0;
  left: 18px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
}
.ec-progress .ec-progress__label {
  font-size: 12px;
}
.ec-progress .is-complete .ec-progress__number {
  background: #5cb1b1;
}
.ec-progress .is-complete .ec-progress__label {
  color: #5cb1b1;
}
/*
カートナビゲーション

カートナビゲーションを表示します。　カートに追加された商品の個数も表示します。

ex [カートページ　ナビゲーション部分](http://demo3.ec-cube.net/cart)

Markup:
include /assets/tmpl/elements/11.2.header.pug
+ec-headerCart

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>


Styleguide 7.3.5
*/
.ec-cartNavi {
  display: inline-block;
  padding: 10px 0 0 20px;
  width: auto;
  color: black;
  background: transparent;
}
.ec-cartNavi .ec-cartNavi__icon {
  display: inline-block;
  font-size: 20px;
  display: inline-block;
  opacity: 1;
  visibility: visible;
  animation: fadeIn 200ms linear 0s;
  position: relative;
}
.ec-cartNavi .ec-cartNavi__badge {
  display: inline-block;
  border-radius: 99999px;
  box-sizing: border-box;
  padding: 5px;
  height: 17px;
  font-size: 10px;
  line-height: 0.7;
  vertical-align: top;
  color: #fff;
  text-align: left;
  white-space: nowrap;
  background-color: #de5d50;
  position: absolute;
  left: 60%;
  top: -10px;
}
.ec-cartNavi .ec-cartNavi__price {
  display: none;
}
.ec-cartNavi.is-active .ec-cartNavi__icon:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.ec-cartNavi.is-active .ec-cartNavi__badge {
  display: none;
}
/*
カートナビゲーションのポップアップ(商品詳細)

カートナビゲーションのポップアップを表示します。カートに追加された商品の詳細が表示されます。

ex [カートページ　ナビゲーション部分](http://demo3.ec-cube.net/cart)

Markup:
div(style="height:350px;")
  // 上記のdivはスタイルガイド都合上、高さをもたせるため設置(mocでは不要)
  .is_active
    .ec-cartNavi
      .ec-cartNavi__icon
        img(src='/moc/icon/cart-dark.svg', alt='close')
      .ec-cartNavi__iconClose
        img(src='/moc/icon/cross-dark.svg', alt='close')
      .ec-cartNavi__badge 1
      .ec-cartNavi__label
        | 合計
        .ec-cartNavi__price ¥1920
    +b.ec-cartNaviIsset
      +e.cart
        +e.cartImage
          img(src='http://demo3.ec-cube.net/upload/save_image/0701104933_5593472d8d179.jpeg')
        +e.cartContent
          +e.cartContentTitle ミニテーブル
          +e.cartContentPrice ¥ 12,960
            +e.cartContentTax 税込
          +e.cartContentNumber 数量：1
      +e.action
        a.ec-blockBtn--action(href="/moc/guest/cart1") カートへ進む
        a.ec-blockBtn.ec-cartNavi--cancel キャンセル

Styleguide 7.3.6
*/
.ec-cartNaviIsset {
  display: none;
  width: 100%;
  text-align: center;
  background: #f8f8f8;
  box-sizing: border-box;
  padding: 16px;
  z-index: 20;
  position: absolute;
  right: 0;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cart {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 16px;
  padding-bottom: 32px;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cart:after {
  content: " ";
  display: table;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cart:after {
  clear: both;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartImage {
  float: left;
  width: 45%;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartImage img {
  width: 100%;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContent {
  float: right;
  width: 55%;
  padding-left: 16px;
  text-align: left;
  box-sizing: border-box;
}
.ec-cartNaviIsset .ec-cartNaviIsset__action .ec-blockBtn--action {
  color: #fff;
  margin-bottom: 8px;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentTitle {
  margin-bottom: 8px;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentPrice {
  font-weight: bold;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentTax {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  margin-left: 2px;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentNumber {
  font-size: 14px;
}
.ec-cartNaviIsset.is-active {
  display: block;
}
/*
カートナビゲーションのポップアップ(商品なし)

カートナビゲーションのポップアップを表示します。商品が登録されていない場合の表示です。

ex [カートページ　ナビゲーション部分](http://demo3.ec-cube.net/cart)

Markup:
div(style="height:170px;")
  // 上記のdivはスタイルガイド都合上、高さをもたせるため設置(mocでは不要)
  .is_active
    .ec-cartNavi
      .ec-cartNavi__icon
        img(src='/moc/icon/cart-dark.svg', alt='cart')
      .ec-cartNavi__iconClose
        img(src='/moc/icon/cross-dark.svg', alt='close')
      .ec-cartNavi__badge 1
      .ec-cartNavi__label
        | 合計
        .ec-cartNavi__price ¥1920
    .ec-cartNaviNull
      .ec-cartNaviNull__message
        p 現在カート内に
          br
          | 商品がございません。
    //+b.ec-cartNaviIsset
    //  +e.cart
    //    +e.cartImage
    //      img(src='http://demo3.ec-cube.net/upload/save_image/0701104933_5593472d8d179.jpeg')
    //    +e.cartContent
    //      +e.cartContentTitle ミニテーブル
    //      +e.cartContentPrice ¥ 12,960
    //        +e.cartContentTax 税込
    //      +e.cartContentNumber 数量：1
    //  +e.action
    //    a.ec-blockBtn--action(href="/moc/guest/cart1") カートへ進む
    //    a.ec-blockBtn キャンセル

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>


Styleguide 7.3.7
*/
.ec-cartNaviNull {
  display: none;
  width: 100%;
  text-align: center;
  background: #f8f8f8;
  box-sizing: border-box;
  padding: 16px;
  z-index: 3;
  position: absolute;
  right: 0;
}
.ec-cartNaviNull .ec-cartNaviNull__message {
  border: 1px solid #d9d9d9;
  padding: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #f99;
}
.ec-cartNaviNull .ec-cartNaviNull__message p {
  margin: 0;
}
.ec-cartNaviNull.is-active {
  display: block;
}
/*
総計

会計時の合計金額、総計を表示します。

ex [カートページ　統計部分](http://demo3.ec-cube.net/cart)

Markup:
include /assets/tmpl/elements/7.3.cart.pug
+ec-totalBox

Styleguide 7.3.8
*/
.ec-totalBox {
  background: #f3f3f3;
  padding: 16px;
  margin-bottom: 16px;
}
.ec-totalBox .ec-totalBox__spec {
  display: flex;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 8px;
}
.ec-totalBox .ec-totalBox__spec dt {
  font-weight: normal;
  text-align: left;
}
.ec-totalBox .ec-totalBox__spec dd {
  text-align: right;
}
.ec-totalBox .ec-totalBox__spec .ec-totalBox .ec-totalBox__spec__specTotal {
  color: #de5d50;
}
.ec-totalBox .ec-totalBox__total {
  border-top: 1px dotted #ccc;
  padding: 8px 0;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
}
.ec-totalBox .ec-totalBox__paymentTotal {
  border-top: 1px dotted #ccc;
  padding: 8px 0;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
}
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price,
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__taxLabel {
  color: #de5d50;
}
.ec-totalBox .ec-totalBox__price {
  margin-left: 16px;
  font-size: 16px;
  font-weight: bold;
}
.ec-totalBox .ec-totalBox__taxLabel {
  margin-left: 8px;
  font-size: 12px;
}
.ec-totalBox .ec-totalBox__taxRate {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 8px;
  font-size: 10px;
}
.ec-totalBox .ec-totalBox__taxRate dt {
  font-weight: normal;
  text-align: left;
  margin-right: 8px;
}
.ec-totalBox .ec-totalBox__taxRate dt::before {
  content: "[ ";
}
.ec-totalBox .ec-totalBox__taxRate dd {
  text-align: right;
}
.ec-totalBox .ec-totalBox__taxRate dd::after {
  content: " ]";
}
.ec-totalBox .ec-totalBox__pointBlock {
  padding: 18px 20px 10px;
  margin-bottom: 10px;
  background: #fff;
}
.ec-totalBox .ec-totalBox__btn {
  color: #fff;
}
.ec-totalBox .ec-totalBox__btn a {
  color: inherit;
  text-decoration: none;
}
.ec-totalBox .ec-totalBox__btn a:hover {
  text-decoration: none;
}
.ec-totalBox .ec-totalBox__btn .ec-blockBtn--action {
  font-size: 16px;
  font-weight: bold;
}
.ec-totalBox .ec-totalBox__btn .ec-blockBtn--cancel {
  margin-top: 8px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
お知らせ

新着情報やバナーなどの掲載項目を紹介していきます。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 8.1
*/
/*
新着情報

新着情報の掲載をします。

ex [トップページ　新着情報部分](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/8.1.info.pug
+ec-news

Styleguide 8.1.1
*/
.ec-news {
  margin-bottom: 16px;
  background: #F8F8F8;
}
.ec-news .ec-news__title {
  font-weight: bold;
  padding: 8px;
  font-size: 16px;
  text-align: center;
}
.ec-news .ec-news__items {
  padding: 0;
  list-style: none;
  border-top: 1px dotted #ccc;
}
/*
折りたたみ項目

折りたたみ項目を掲載します。

ex [トップページ　折りたたみ項目部分](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/8.1.info.pug
+b.ec-news
        +e.title 新着情報
        +e.UL.items
            +e.LI.item
                +b.ec-newsline.is_active
                    +e.info
                        +e.date 2016/09/29
                        +e.comment サイトオープンしました
                        +e.close
                            a.ec-closeBtn--circle
                                span.ec-closeBtn--circle__icon
                                    .ec-icon
                                        img(src='/moc/icon/angle-down-white.svg', alt='')
                    +e.description 一人暮らしからオフィスなどさまざまなシーンで あなたの生活をサポートするグッズをご家庭へお届けします！

Styleguide 8.1.2
*/
.ec-newsline {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0 16px;
}
.ec-newsline .ec-newsline__info {
  width: 100%;
  padding: 16px 0;
}
.ec-newsline .ec-newsline__info:after {
  content: " ";
  display: table;
}
.ec-newsline .ec-newsline__info:after {
  clear: both;
}
.ec-newsline .ec-newsline__date {
  display: inline-block;
  margin-right: 10px;
  float: left;
}
.ec-newsline .ec-newsline__comment {
  display: inline-block;
  float: left;
}
.ec-newsline .ec-newsline__close {
  float: right;
  display: inline-block;
  text-align: right;
}
.ec-newsline .ec-newsline__close .ec-closeBtn--circle {
  display: inline-block;
  width: 25px;
  height: 25px;
  min-width: 25px;
  min-height: 25px;
}
.ec-newsline .ec-newsline__description {
  width: 100%;
  height: 0;
  transition: all 0.2s ease-out;
}
.ec-newsline.is_active .ec-newsline__description {
  height: auto;
  transition: all 0.2s ease-out;
  padding-bottom: 16px;
}
.ec-newsline.is_active .ec-icon img {
  transform: rotateX(180deg);
}
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
@font-face {
  font-family: "FuturaMedium";
  src: url("/html/template/default/assets/fonts/FuturaMedium/font.woff2") format("woff2"), url("/html/template/default/assets/fonts/FuturaMedium/font.woff") format("woff");
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
マイページ

マイページで利用するためのスタイルガイド群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 9.1
*/
/*
マイページ

マイページで表示するメニューリストです。

ul を利用したリスト要素で記述します。

ex [マイページ　メニューリスト部分](http://demo3.ec-cube.net/mypage)

Markup:
include /assets/tmpl/elements/9.1.mypage.pug
+ec-navlist

Styleguide 9.1.1
*/
.ec-navlistRole .ec-navlistRole__navlist {
  display: flex;
  flex-wrap: wrap;
  border-color: #D0D0D0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin-bottom: 32px;
  padding: 0;
  list-style: none;
}
.ec-navlistRole .ec-navlistRole__navlist a {
  color: inherit;
  text-decoration: none;
}
.ec-navlistRole .ec-navlistRole__navlist a:hover {
  text-decoration: none;
}
.ec-navlistRole .ec-navlistRole__item {
  display: flex;
  width: 50%;
  border-color: #D0D0D0;
  border-style: solid;
  border-width: 0 1px 1px 0;
  text-align: center;
  font-weight: bold;
}
.ec-navlistRole .ec-navlistRole__item:hover {
  background: #f5f7f8;
}
.ec-navlistRole .ec-navlistRole__item a {
  margin: auto;
  padding: 16px 10px;
  width: 100%;
  display: inline-block;
}
.ec-navlistRole .active a {
  color: #DE5D50;
}
/*
マイページ（お気に入り機能無効）

マイページで表示するメニューリストです。

ul を利用したリスト要素で記述します。

ex [マイページ　メニューリスト部分](http://demo3.ec-cube.net/mypage)

Markup:
include /assets/tmpl/elements/9.1.mypage.pug
+ec-navlist_noFavorite

Styleguide 9.1.2
*/
/*
Welcome メッセージ

マイページで表示するログイン名の表示コンポーネントです。

ex [マイページ　メニューリスト下部分](http://demo3.ec-cube.net/mypage)

Markup:
include /assets/tmpl/elements/9.1.mypage.pug
+ec-welcomeMsg

Styleguide 9.1.3
*/
.ec-welcomeMsg {
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  margin: 1em 0;
  padding-bottom: 32px;
  text-align: center;
  border-bottom: 1px dotted #ccc;
}
.ec-welcomeMsg:after {
  content: " ";
  display: table;
}
.ec-welcomeMsg:after {
  clear: both;
}
.ec-welcomeMsg textarea {
  /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-welcomeMsg img {
  max-width: 100%;
}
.ec-welcomeMsg html {
  box-sizing: border-box;
}
.ec-welcomeMsg *,
.ec-welcomeMsg *::before,
.ec-welcomeMsg *::after {
  box-sizing: inherit;
}
.ec-welcomeMsg img {
  width: 100%;
}
/*
お気に入り一覧

お気に入り一覧で表示するアイテムの表示コンポーネントです。

ex [マイページ　お気に入り一覧](http://demo3.ec-cube.net/mypage/favorite)

Markup:
include /assets/tmpl/elements/9.1.mypage.pug
+ec-favorite

Styleguide 9.1.4
*/
.ec-favoriteRole .ec-favoriteRole__header {
  margin-bottom: 16px;
}
.ec-favoriteRole .ec-favoriteRole__itemList {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}
.ec-favoriteRole .ec-favoriteRole__itemList a {
  color: inherit;
  text-decoration: none;
}
.ec-favoriteRole .ec-favoriteRole__itemList a:hover {
  text-decoration: none;
}
.ec-favoriteRole .ec-favoriteRole__item {
  margin-bottom: 8px;
  width: 47.5%;
  position: relative;
  box-sizing: border-box;
  padding: 10px;
}
.ec-favoriteRole .ec-favoriteRole__item-image {
  margin-bottom: 10px;
  text-align: center;
}
.ec-favoriteRole .ec-favoriteRole__item img {
  width: auto;
  max-height: 100%;
}
.ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle {
  position: absolute;
  right: 10px;
  top: 10px;
}
.ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle .ec-icon img {
  width: 1em;
  height: 1em;
}
.ec-favoriteRole .ec-favoriteRole__itemThumb {
  display: block;
  height: auto;
  margin-bottom: 8px;
}
.ec-favoriteRole .ec-favoriteRole__itemTitle {
  margin-bottom: 2px;
}
.ec-favoriteRole .ec-favoriteRole__itemPrice {
  font-weight: bold;
  margin-bottom: 0;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
標準セクション

通常のコンテナブロックです。

ex [商品詳細ページ　コンテナ](http://demo3.ec-cube.net/products/detail/33)

Markup:
include /assets/tmpl/elements/11.1.role.pug
+ec-roleRole

Styleguide 11.1
*/
.ec-role {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-role:after {
  content: " ";
  display: table;
}
.ec-role:after {
  clear: both;
}
.ec-role textarea {
  /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-role img {
  max-width: 100%;
}
.ec-role html {
  box-sizing: border-box;
}
.ec-role *,
.ec-role *::before,
.ec-role *::after {
  box-sizing: inherit;
}
.ec-role img {
  width: 100%;
}
/*
マイページセクション

マイページ専用のコンテナブロックです。

ex [マイページ　コンテナ](http://demo3.ec-cube.net/mypage)

Markup:
include /assets/tmpl/elements/11.1.role.pug
+ec-mypageRole

Styleguide 11.1.2
*/
.ec-mypageRole {
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
}
.ec-mypageRole:after {
  content: " ";
  display: table;
}
.ec-mypageRole:after {
  clear: both;
}
.ec-mypageRole textarea {
  /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-mypageRole img {
  max-width: 100%;
}
.ec-mypageRole html {
  box-sizing: border-box;
}
.ec-mypageRole *,
.ec-mypageRole *::before,
.ec-mypageRole *::after {
  box-sizing: inherit;
}
.ec-mypageRole img {
  width: 100%;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
@font-face {
  font-family: "FuturaMedium";
  src: url("/html/template/default/assets/fonts/FuturaMedium/font.woff2") format("woff2"), url("/html/template/default/assets/fonts/FuturaMedium/font.woff") format("woff");
}
* {
  box-sizing: border-box;
}
#footer_top {
  display: flex;
  justify-content: center;
  background: black;
  font-family: "Inter", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}
#footer_top img {
  display: none;
}
#footer_top p {
  color: white;
  text-align: center;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem; /* 266.667% */
  margin: 1.5rem 0.5rem;
}
#footer_sitemap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#footer_bottom {
  border-top: 2px solid #000000;
  background-color: #000000;
  padding: 0.5rem 0;
  font-family: "Inter", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}
#footer_bottom p {
  color: var(--color-white, #fff);
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
トップページ

トップページ スライド部に関する Project コンポーネントを定義します。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/12.1.slider.pug
+ec-sliderRole

Styleguide 12.1
*/
.ec-sliderRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  margin-bottom: 24px;
}
.ec-sliderRole:after {
  content: " ";
  display: table;
}
.ec-sliderRole:after {
  clear: both;
}
.ec-sliderRole textarea {
  /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-sliderRole img {
  max-width: 100%;
}
.ec-sliderRole html {
  box-sizing: border-box;
}
.ec-sliderRole *,
.ec-sliderRole *::before,
.ec-sliderRole *::after {
  box-sizing: inherit;
}
.ec-sliderRole img {
  width: 100%;
}
.ec-sliderRole ul {
  padding: 0;
  list-style: none;
}
.ec-sliderItemRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  margin-bottom: 24px;
}
.ec-sliderItemRole:after {
  content: " ";
  display: table;
}
.ec-sliderItemRole:after {
  clear: both;
}
.ec-sliderItemRole textarea {
  /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-sliderItemRole img {
  max-width: 100%;
}
.ec-sliderItemRole html {
  box-sizing: border-box;
}
.ec-sliderItemRole *,
.ec-sliderItemRole *::before,
.ec-sliderItemRole *::after {
  box-sizing: inherit;
}
.ec-sliderItemRole img {
  width: 100%;
}
.ec-sliderItemRole ul {
  padding: 0;
  list-style: none;
}
.ec-sliderItemRole .item_nav {
  display: none;
}
.ec-sliderItemRole .slideThumb {
  margin-bottom: 25px;
  width: 33%;
  opacity: 0.8;
  cursor: pointer;
}
.ec-sliderItemRole .slideThumb:focus {
  outline: none;
}
.ec-sliderItemRole .slideThumb:hover {
  opacity: 1;
}
.ec-sliderItemRole .slideThumb img {
  width: 80%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
アイキャッチ

トップページ アイキャッチ部に関する Project コンポーネントを定義します。

ex [トップページスライダー直下 アイキャッチ部](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/12.2.eyecatch.pug
+ec-eyecatchRole

Styleguide 12.2
*/
.ec-eyecatchRole {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
  /* Deprecated https://github.com/EC-CUBE/ec-cube/pull/4220 */
}
.ec-eyecatchRole .ec-eyecatchRole__image {
  display: block;
  margin-bottom: 40px;
  width: 100%;
  height: 100%;
}
.ec-eyecatchRole .ec-eyecatchRole__intro {
  color: black;
}
.ec-eyecatchRole .ec-eyecatchRole__introEnTitle {
  margin-bottom: 0.8em;
  font-size: 16px;
  font-weight: normal;
}
.ec-eyecatchRole .ec-eyecatchRole__introTitle {
  margin-bottom: 0.8em;
  font-size: 24px;
  font-weight: bold;
}
.ec-eyecatchRole .ec-eyecatchRole__introDescriptiron {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 2;
}
.ec-eyecatchRole .ec-eyecatchRole__introDescription {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 2;
}
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
@font-face {
  font-family: "FuturaMedium";
  src: url("/html/template/default/assets/fonts/FuturaMedium/font.woff2") format("woff2"), url("/html/template/default/assets/fonts/FuturaMedium/font.woff") format("woff");
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
ボタン

トップページで使用されているボタンのスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.3
*/
/*
通常ボタン

インラインの要素としてボタンを定義出来ます。

Markup:
.ec-inlineBtn--top more

Styleguide 12.3.1
*/
.ec-inlineBtn--top {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  --bs-btn-color: white;
  --bs-btn-bg: black;
  --bs-btn-border-color: black;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: black;
  --bs-btn-hover-border-color: black;
  --bs-btn-focus-shadow-rgb: 38, 38, 38;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: black;
  --bs-btn-active-border-color: black;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: black;
  --bs-btn-disabled-border-color: black;
}
.ec-inlineBtn--top:focus, .ec-inlineBtn--top.focus, .ec-inlineBtn--top:active:focus, .ec-inlineBtn--top:active.focus, .ec-inlineBtn--top.active:focus, .ec-inlineBtn--top.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-inlineBtn--top:hover, .ec-inlineBtn--top:focus, .ec-inlineBtn--top.focus {
  color: #525263;
  text-decoration: none;
}
.ec-inlineBtn--top:active, .ec-inlineBtn--top.active {
  outline: 0;
  background-image: none;
}
.ec-inlineBtn--top.disabled, .ec-inlineBtn--top[disabled], fieldset[disabled] .ec-inlineBtn--top {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-inlineBtn--top .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
/*
ロングボタン（全幅）

ロングタイプのボタンです。

Markup:
.ec-blockBtn--top 商品一覧へ

Styleguide 2.1.2
*/
.ec-blockBtn--top {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  --bs-btn-color: white;
  --bs-btn-bg: black;
  --bs-btn-border-color: black;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: black;
  --bs-btn-hover-border-color: black;
  --bs-btn-focus-shadow-rgb: 38, 38, 38;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: black;
  --bs-btn-active-border-color: black;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: black;
  --bs-btn-disabled-border-color: black;
  display: block;
  height: 56px;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0;
}
.ec-blockBtn--top:focus, .ec-blockBtn--top.focus, .ec-blockBtn--top:active:focus, .ec-blockBtn--top:active.focus, .ec-blockBtn--top.active:focus, .ec-blockBtn--top.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-blockBtn--top:hover, .ec-blockBtn--top:focus, .ec-blockBtn--top.focus {
  color: #525263;
  text-decoration: none;
}
.ec-blockBtn--top:active, .ec-blockBtn--top.active {
  outline: 0;
  background-image: none;
}
.ec-blockBtn--top.disabled, .ec-blockBtn--top[disabled], fieldset[disabled] .ec-blockBtn--top {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-blockBtn--top .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
/*
見出し

トップページで使用されている見出しのスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.4
*/
/*
横並び見出し

横並びの見出しです。

Markup:
.ec-secHeading
  span.ec-secHeading__en TOPIC
  span.ec-secHeading__line |
  span.ec-secHeading__ja 特集

Styleguide 12.4.1
*/
.ec-secHeading {
  margin-bottom: 15px;
  color: black;
}
.ec-secHeading .ec-secHeading__en {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.2em;
}
.ec-secHeading .ec-secHeading__line {
  display: inline-block;
  margin: 0 20px;
  width: 1px;
  height: 14px;
  background: black;
}
.ec-secHeading .ec-secHeading__ja {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0.15em;
  vertical-align: 2px;
}
/*
縦並び見出し

縦並びの見出しです。

Markup:
.ec-secHeading--tandem
  span.ec-secHeading__en TOPIC
  span.ec-secHeading__line |
  span.ec-secHeading__ja 特集

Styleguide 12.4.2
*/
.ec-secHeading--tandem {
  margin-bottom: 15px;
  color: black;
  text-align: center;
}
.ec-secHeading--tandem .ec-secHeading__en {
  display: block;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.2em;
}
.ec-secHeading--tandem .ec-secHeading__line {
  display: block;
  margin: 13px auto;
  width: 20px;
  height: 1px;
  background: black;
}
.ec-secHeading--tandem .ec-secHeading__ja {
  display: block;
  margin-bottom: 30px;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0.15em;
  vertical-align: 2px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
トピック（アイテム2列）

トップページで使用されているトピックのスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.5.1
*/
.ec-topicRole {
  padding: 40px 0;
  background: #F8F8F8;
}
.ec-topicRole .ec-topicRole__list {
  display: flex;
  flex-wrap: wrap;
}
.ec-topicRole .ec-topicRole__listItem {
  margin-bottom: 20px;
  width: 100%;
  height: auto;
}
.ec-topicRole .ec-topicRole__listItemTitle {
  margin-top: 0.5em;
  font-size: 14px;
  color: black;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
カテゴリ（アイテム4列 スマホの時は2列）

トップページで使用されているアイテムリストのスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.6.1
*/
.ec-newItemRole {
  padding: 40px 0;
}
.ec-newItemRole .ec-newItemRole__list {
  display: flex;
  flex-wrap: wrap;
}
.ec-newItemRole .ec-newItemRole__listItem {
  margin-bottom: 4%;
  width: 48%;
  height: auto;
}
.ec-newItemRole .ec-newItemRole__listItem:not(:first-child) a {
  color: black;
}
.ec-newItemRole .ec-newItemRole__listItem:nth-child(odd) {
  margin-right: 4%;
}
.ec-newItemRole .ec-newItemRole__listItemHeading {
  margin-top: calc(45% - 20px);
}
.ec-newItemRole .ec-newItemRole__listItemTitle {
  margin: 8px 0;
  font-size: 14px;
  font-weight: bold;
}
.ec-newItemRole .ec-newItemRole__listItemPrice {
  font-size: 12px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
カテゴリ（アイテム3列）

トップページで使用されているカテゴリのスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.7.1
*/
.ec-categoryRole {
  padding: 40px 0;
  color: black;
  background: #F8F8F8;
}
.ec-categoryRole .ec-categoryRole__list {
  display: flex;
  flex-wrap: wrap;
}
.ec-categoryRole .ec-categoryRole__listItem {
  margin-bottom: 20px;
  width: 100%;
  height: auto;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
見出し

トップページで使用されている新着情報のスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.8.1
*/
.ec-newsRole {
  padding: 40px 0 0;
}
.ec-newsRole .ec-newsRole__news {
  box-sizing: border-box;
}
.ec-newsRole .ec-newsRole__newsItem {
  width: 100%;
}
.ec-newsRole .ec-newsRole__newsItem:not(:last-of-type) {
  border-bottom: 1px solid #ccc;
}
.ec-newsRole .ec-newsRole__newsItem:last-of-type {
  margin-bottom: 20px;
}
.ec-newsRole .ec-newsRole__newsHeading {
  cursor: pointer;
}
.ec-newsRole .ec-newsRole__newsDate {
  display: block;
  margin: 15px 0 5px;
  font-size: 12px;
  color: black;
}
.ec-newsRole .ec-newsRole__newsColumn {
  display: flex;
}
.ec-newsRole .ec-newsRole__newsTitle {
  display: inline-block;
  margin-bottom: 10px;
  width: 90%;
  font-size: 14px;
  font-weight: bold;
  color: #7D7D7D;
  line-height: 1.6;
}
.ec-newsRole .ec-newsRole__newsClose {
  display: inline-block;
  width: 10%;
  position: relative;
}
.ec-newsRole .ec-newsRole__newsCloseBtn {
  display: inline-block;
  margin-left: auto;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  color: white;
  text-align: center;
  background: black;
  cursor: pointer;
  position: absolute;
  right: 5px;
}
.ec-newsRole .ec-newsRole__newsDescription {
  display: none;
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.4;
  overflow: hidden;
}
.ec-newsRole .ec-newsRole__newsDescription a {
  color: #0092C4;
}
.ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription {
  margin: 0 0 10px;
}
.ec-newsRole__newsItem.is_active .ec-newsRole__newsCloseBtn i {
  display: inline-block;
  transform: rotateX(180deg) translateY(2px);
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
見出し

トップページで使用されているカレンダーのスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.9.1
*/
/* 背景や文字の色調整 */
.ec-calendar {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.ec-calendar__month {
  border-collapse: collapse;
  margin-top: 30px;
}
.ec-calendar__month th, .ec-calendar__month td {
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
.ec-calendar .ec-calendar__title {
  border: 0;
}
.ec-calendar .ec-calendar__sun {
  background: #F8F8F8;
  color: #DE5D50;
}
.ec-calendar .ec-calendar__mon, .ec-calendar .ec-calendar__tue, .ec-calendar .ec-calendar__wed, .ec-calendar .ec-calendar__thu, .ec-calendar .ec-calendar__fri {
  background: #F8F8F8;
  color: #333;
}
.ec-calendar .ec-calendar__sat {
  background: #F8F8F8;
  color: #5CB1B1;
}
.ec-calendar .ec-calendar__day {
  background: #FFF;
  color: #333;
}
.ec-calendar .ec-calendar__holiday {
  background: #FFF;
  color: #DE5D50 !important;
}
.ec-calendar .ec-calendar__today {
  color: #333;
  position: relative;
  z-index: 1;
}
.ec-calendar .ec-calendar__today::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #FFFDE7;
  transform: translate(-50%, -50%);
  z-index: -1;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
検索ラベル

商品一覧 ヘッダー部 に関する Project コンポーネントを定義します。

ex [商品一覧 ヘッダー部](http://demo3.ec-cube.net/products/list)

Markup:
include /assets/tmpl/elements/13.1.searchnav.pug
+ec-searchnavRole__topicpath
+ec-searchnavRole__info

Styleguide 13.1

*/
.ec-searchnavRole {
  margin-bottom: 0;
  padding: 0;
}
.ec-searchnavRole .ec-searchnavRole__infos {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  display: flex;
  border-top: 0;
  margin-bottom: 16px;
  padding-top: 5px;
  flex-direction: column;
}
.ec-searchnavRole .ec-searchnavRole__infos:after {
  content: " ";
  display: table;
}
.ec-searchnavRole .ec-searchnavRole__infos:after {
  clear: both;
}
.ec-searchnavRole .ec-searchnavRole__infos textarea {
  /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-searchnavRole .ec-searchnavRole__infos img {
  max-width: 100%;
}
.ec-searchnavRole .ec-searchnavRole__infos html {
  box-sizing: border-box;
}
.ec-searchnavRole .ec-searchnavRole__infos *,
.ec-searchnavRole .ec-searchnavRole__infos *::before,
.ec-searchnavRole .ec-searchnavRole__infos *::after {
  box-sizing: inherit;
}
.ec-searchnavRole .ec-searchnavRole__infos img {
  width: 100%;
}
.ec-searchnavRole .ec-searchnavRole__counter {
  margin-bottom: 16px;
  width: 100%;
}
.ec-searchnavRole .ec-searchnavRole__actions {
  text-align: right;
  width: 100%;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
@font-face {
  font-family: "FuturaMedium";
  src: url("/html/template/default/assets/fonts/FuturaMedium/font.woff2") format("woff2"), url("/html/template/default/assets/fonts/FuturaMedium/font.woff") format("woff");
}
/*
商品一覧

商品一覧 に関する Project コンポーネントを定義します。

SP版２列、PC版４列の特殊グリッドを構成します。

Markup:
include /assets/tmpl/elements/13.2.shelf.pug
+b.ec-shelfRole
  +ec-shelfGrid

Styleguide 13.2

*/
.ec-shelfRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-shelfRole:after {
  content: " ";
  display: table;
}
.ec-shelfRole:after {
  clear: both;
}
.ec-shelfRole textarea {
  /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-shelfRole img {
  max-width: 100%;
}
.ec-shelfRole html {
  box-sizing: border-box;
}
.ec-shelfRole *,
.ec-shelfRole *::before,
.ec-shelfRole *::after {
  box-sizing: inherit;
}
.ec-shelfRole img {
  width: 100%;
}
/*
商品一覧グリッド

商品一覧 で使用するグリッドコンポーネントです。

SP版２列、PC版４列の特殊グリッドを構成します。

Markup:
include /assets/tmpl/elements/13.2.shelf.pug
+b.ec-shelfRole
  +ec-shelfGrid

Styleguide 13.2.1

*/
.ec-shelfGrid {
  display: flex;
  margin-left: 0;
  margin-right: 0;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}
.ec-shelfGrid a {
  color: inherit;
  text-decoration: none;
}
.ec-shelfGrid a:hover {
  text-decoration: none;
}
.ec-shelfGrid .ec-shelfGrid__item {
  margin-bottom: 36px;
  width: 50%;
  display: flex;
  flex-direction: column;
}
.ec-shelfGrid .ec-shelfGrid__item-image {
  margin-bottom: 10px;
  text-align: center;
}
.ec-shelfGrid .ec-shelfGrid__item img {
  width: auto;
  max-height: 100%;
}
.ec-shelfGrid .ec-shelfGrid__item .ec-productRole__btn {
  margin-top: auto;
  margin-bottom: 15px;
}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
  padding-right: 8px;
}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
  padding-left: 8px;
}
.ec-shelfGrid .ec-shelfGrid__title {
  margin-bottom: 7px;
}
.ec-shelfGrid .ec-shelfGrid__plice {
  font-weight: bold;
}
/*
13.2.2 商品一覧グリッド（中央寄せ）

商品一覧 で使用するグリッドコンポーネントです。

SP版２列、PC版４列の特殊グリッドを構成します。
商品のあまりはセンタリングされ、中央に表示されます。

Markup:
include /assets/tmpl/elements/13.2.shelf.pug
+b.ec-shelfRole
  +ec-shelfGridCenter

Styleguide 13.2.2

*/
.ec-shelfGridCenter {
  display: flex;
  margin-left: 0;
  margin-right: 0;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  justify-content: center;
}
.ec-shelfGridCenter a {
  color: inherit;
  text-decoration: none;
}
.ec-shelfGridCenter a:hover {
  text-decoration: none;
}
.ec-shelfGridCenter .ec-shelfGridCenter__item {
  margin-bottom: 36px;
  width: 50%;
}
.ec-shelfGridCenter .ec-shelfGridCenter__item-image {
  margin-bottom: 10px;
  text-align: center;
}
.ec-shelfGridCenter .ec-shelfGridCenter__item img {
  width: auto;
  max-height: 100%;
}
.ec-shelfGridCenter .ec-shelfGridCenter__item .ec-productRole__btn {
  margin-top: auto;
  padding-top: 1em;
}
.ec-shelfGridCenter .ec-shelfGridCenter__item:nth-child(odd) {
  padding-right: 8px;
}
.ec-shelfGridCenter .ec-shelfGridCenter__item:nth-child(even) {
  padding-left: 8px;
}
.ec-shelfGridCenter .ec-shelfGridCenter__title {
  margin-bottom: 7px;
}
.ec-shelfGridCenter .ec-shelfGridCenter__plice {
  font-weight: bold;
}
/*
商品一覧フッター

商品一覧 フッター に関する Project コンポーネントを定義します。

ex [商品一覧 ページャ部](http://demo3.ec-cube.net/products/list)

Markup:
include /assets/tmpl/elements/13.3.pager.pug
+ec-pagerRole

Styleguide 13.3

*/
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
カート追加モーダル

カート追加モーダルに関する Project コンポーネントを定義します。

ex [商品一覧、商品詳細](http://demo3.ec-cube.net/products/list)

+ec-modal

Styleguide 13.4

*/
.ec-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
}
.ec-modal.small {
  width: 30%;
}
.ec-modal.full {
  width: 100%;
  height: 100%;
}
.ec-modal .ec-modal-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
}
.ec-modal .ec-modal-wrap {
  position: relative;
  border-radius: 2px;
  border: 1px solid #333;
  background-color: #fff;
  width: 90%;
  margin: 20px;
  padding: 40px 5px;
}
.ec-modal .ec-modal-close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 20px;
  height: 30px;
  width: 20px;
}
.ec-modal .ec-modal-close:hover {
  color: #4b5361;
}
.ec-modal .ec-modal-box {
  text-align: center;
}
.ec-modal .ec-role {
  margin-top: 20px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
商品詳細

商品詳細ページに関する Project コンポーネントを定義します。

ex [商品詳細ページ](http://demo3.ec-cube.net/products/detail/18)


Markup:
include /assets/tmpl/elements/14.1.product.pug
+ec-productSimpleRole

Styleguide 14.1
*/
.ec-productRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-productRole:after {
  content: " ";
  display: table;
}
.ec-productRole:after {
  clear: both;
}
.ec-productRole textarea {
  /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-productRole img {
  max-width: 100%;
}
.ec-productRole html {
  box-sizing: border-box;
}
.ec-productRole *,
.ec-productRole *::before,
.ec-productRole *::after {
  box-sizing: inherit;
}
.ec-productRole img {
  width: 100%;
}
.ec-productRole .ec-productRole__img {
  margin-right: 0;
  margin-bottom: 20px;
}
.ec-productRole .ec-productRole__profile {
  margin-left: 0;
}
.ec-productRole .ec-productRole__title .ec-headingTitle {
  font-size: 20px;
}
.ec-productRole .ec-productRole__tags {
  margin-top: 16px;
  padding: 0;
  padding-bottom: 16px;
  border-bottom: 1px dotted #ccc;
}
.ec-productRole .ec-productRole__tag {
  display: inline-block;
  padding: 2px 5px;
  list-style: none;
  font-size: 80%;
  color: #525263;
  border: solid 1px #D7DADD;
  border-radius: 3px;
  background-color: #F5F7F8;
}
.ec-productRole .ec-productRole__priceRegular {
  padding-top: 14px;
}
.ec-productRole .ec-productRole__priceRegularTax {
  margin-left: 5px;
  font-size: 10px;
}
.ec-productRole .ec-productRole__price {
  color: #DE5D50;
  font-size: 28px;
  padding: 0;
  border-bottom: 0;
}
.ec-productRole .ec-productRole__code {
  padding: 14px 0;
  border-bottom: 1px dotted #ccc;
}
.ec-productRole .ec-productRole__category {
  padding: 14px 0;
  border-bottom: 1px dotted #ccc;
}
.ec-productRole .ec-productRole__category a {
  color: #33A8D0;
}
.ec-productRole .ec-productRole__category ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ec-productRole .ec-productRole__actions {
  padding: 14px 0;
}
.ec-productRole .ec-productRole__actions .ec-select select {
  height: 40px;
  max-width: 100%;
  min-width: 100%;
}
.ec-productRole .ec-productRole__btn {
  width: 100%;
  margin-bottom: 10px;
}
.ec-productRole .ec-productRole__description {
  margin-bottom: 16px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
@font-face {
  font-family: "FuturaMedium";
  src: url("/html/template/default/assets/fonts/FuturaMedium/font.woff2") format("woff2"), url("/html/template/default/assets/fonts/FuturaMedium/font.woff") format("woff");
}
/*
カート

カート 注文詳細 に関する Project コンポーネントを定義します。

ex [カートページ](http://demo3.ec-cube.net/shopping)

(カート内に商品がある状態でアクセス)

Markup:
include /assets/tmpl/elements/15.1.cart.pug
+ec-cartRole

Styleguide 15.1

*/
.ec-cartRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.ec-cartRole:after {
  content: " ";
  display: table;
}
.ec-cartRole:after {
  clear: both;
}
.ec-cartRole textarea {
  /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-cartRole img {
  max-width: 100%;
}
.ec-cartRole html {
  box-sizing: border-box;
}
.ec-cartRole *,
.ec-cartRole *::before,
.ec-cartRole *::after {
  box-sizing: inherit;
}
.ec-cartRole img {
  width: 100%;
}
.ec-cartRole::before {
  display: none;
}
.ec-cartRole .ec-cartRole__progress {
  width: 100%;
  text-align: center;
}
.ec-cartRole .ec-cartRole__error {
  width: 100%;
  text-align: center;
}
.ec-cartRole .ec-cartRole__error .ec-alert-warning {
  max-width: 80%;
  display: inline-block;
}
.ec-cartRole .ec-cartRole__totalText {
  margin-bottom: 0;
  padding: 16px 0 6px;
  width: 100%;
  text-align: center;
  font-weight: normal;
}
.ec-cartRole .ec-cartRole__cart {
  margin: 0;
  width: 100%;
}
.ec-cartRole .ec-cartRole__actions {
  text-align: right;
  width: 100%;
}
.ec-cartRole .ec-cartRole__total {
  padding: 15px 0 30px;
  font-weight: bold;
  font-size: 16px;
}
.ec-cartRole .ec-cartRole__totalAmount {
  margin-left: 30px;
  color: #de5d50;
  font-size: 16px;
}
.ec-cartRole .ec-blockBtn--action {
  margin-bottom: 10px;
}
/*
カート商品表示枠（テーブルヘッダ）

カート内の商品をを表示するテーブル枠です。

ex [カートページ　テーブル部分(カート内に商品がある状態でアクセス)](http://demo3.ec-cube.net/cart)

Markup:
include /assets/tmpl/elements/15.1.cart.pug
+ec-cartTable

sg-wrapper:
<div class="ec-cartRole">
  <sg-wrapper-content/>
</div>

Styleguide 15.1.2
*/
.ec-cartTable {
  display: table;
  border-top: 1px dotted #ccc;
  width: 100%;
}
/*
カート商品表示枠（テーブルヘッダ）

カート内の商品を表示するテーブルのヘッダです。
スマホでは非表示となります。

ex [カートページ　カートテーブルヘッダ部分(カート内に商品がある状態でアクセス)](http://demo3.ec-cube.net/cart)


Markup:
include /assets/tmpl/elements/15.1.cart.pug
.ec-cartTable
  +ec-cartHeader

sg-wrapper:
<div class="ec-cartRole">
  <sg-wrapper-content/>
</div>


Styleguide 15.1.3
*/
.ec-cartHeader {
  display: none;
  width: 100%;
  background: #F4F3F0;
}
.ec-cartHeader .ec-cartHeader__label {
  display: table-cell;
  padding: 16px;
  text-align: center;
  background: #F4F3F0;
  overflow-x: hidden;
  font-weight: bold;
}
.ec-cartCompleteRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-cartCompleteRole:after {
  content: " ";
  display: table;
}
.ec-cartCompleteRole:after {
  clear: both;
}
.ec-cartCompleteRole textarea {
  /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-cartCompleteRole img {
  max-width: 100%;
}
.ec-cartCompleteRole html {
  box-sizing: border-box;
}
.ec-cartCompleteRole *,
.ec-cartCompleteRole *::before,
.ec-cartCompleteRole *::after {
  box-sizing: inherit;
}
.ec-cartCompleteRole img {
  width: 100%;
}
/*
カート内商品

カート内のアイテムを表示するテーブル行です。
スマホでは非表示となります。

ex [カートページ　テーブル部分](http://demo3.ec-cube.net/cart)

(カート内に商品がある状態でアクセス)

Markup:
include /assets/tmpl/elements/15.1.cart.pug
.ec-cartTable
  +ec-cartRow

sg-wrapper:
<div class="ec-cartRole">
  <sg-wrapper-content/>
</div>


Styleguide 15.1.4
*/
.ec-cartRow {
  display: table-row;
}
.ec-cartRow .ec-cartRow__delColumn {
  border-bottom: 1px dotted #ccc;
  text-align: center;
  display: table-cell;
  width: 14%;
  vertical-align: middle;
}
.ec-cartRow .ec-cartRow__delColumn .ec-icon img {
  width: 1.5em;
  height: 1.5em;
}
.ec-cartRow .ec-cartRow__contentColumn {
  border-bottom: 1px dotted #ccc;
  padding: 10px 0;
  display: table;
}
.ec-cartRow .ec-cartRow__img {
  display: table-cell;
  width: 40%;
  vertical-align: middle;
  padding-right: 10px;
}
.ec-cartRow .ec-cartRow__summary {
  display: table-cell;
  margin-left: 5px;
  font-weight: bold;
  vertical-align: middle;
  width: 46%;
}
.ec-cartRow .ec-cartRow__summary .ec-cartRow__name {
  margin-bottom: 5px;
}
.ec-cartRow .ec-cartRow__summary .ec-cartRow__sutbtotalSP {
  display: block;
  font-weight: normal;
}
.ec-cartRow .ec-cartRow__amountColumn {
  display: table-cell;
  border-bottom: 1px dotted #ccc;
  vertical-align: middle;
  text-align: center;
  width: 20%;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount {
  display: none;
  margin-bottom: 10px;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP {
  display: block;
  margin-bottom: 10px;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpDown {
  display: flex;
  justify-content: center;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton {
  margin: 0 2px;
  display: inline-block;
  border: 2px solid #c9c9c9;
  border-radius: 50%;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  cursor: pointer;
  line-height: 40px;
  vertical-align: middle;
  position: relative;
  text-align: center;
  background: #fff;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton .ec-cartRow__amountUpButton__icon img {
  display: block;
  margin-left: -0.4em;
  width: 0.8em;
  height: 0.8em;
  position: absolute;
  top: 28%;
  left: 50%;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
  margin: 0 2px;
  display: inline-block;
  border: 2px solid #c9c9c9;
  border-radius: 50%;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  cursor: pointer;
  line-height: 40px;
  vertical-align: middle;
  position: relative;
  text-align: center;
  background: #fff;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton .ec-cartRow__amountDownButton__icon img, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled .ec-cartRow__amountDownButton__icon img {
  display: block;
  margin-left: -0.4em;
  width: 0.8em;
  height: 0.8em;
  position: absolute;
  top: 28%;
  left: 50%;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
  cursor: default;
}
.ec-cartRow .ec-cartRow__subtotalColumn {
  display: none;
  border-bottom: 1px dotted #ccc;
  text-align: right;
  width: 16.66666667%;
}
/*
カート内商品(商品が１の場合)

商品が１の場合はカート商品を減らす「-」ボタンの無効化状態になります。

ex [カートページ　テーブル部分](http://demo3.ec-cube.net/cart)

(カート内に商品がある状態でアクセス)

Markup:
include /assets/tmpl/elements/15.1.cart.pug
.ec-cartTable
  +ec-cartRowOnly

sg-wrapper:
<div class="ec-cartRole">
  <sg-wrapper-content/>
</div>


Styleguide 15.1.5
*/
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
  cursor: default;
}
/*
アラート

カート内の商品に問題があることを示す警告メッセージです。

ex [マイページ　カート](http://demo3.ec-cube.net/cart)

(カート内に商品がある状態でアクセス)

Markup:
include /assets/tmpl/elements/15.1.cart.pug
.ec-cartRole
  .ec-cartRole__cart
    +ec-alert-warning

Styleguide 15.1.6
*/
.ec-alert-warning {
  width: 100%;
  padding: 10px;
  text-align: center;
  background: #F99;
  margin-bottom: 20px;
}
.ec-alert-warning .ec-alert-warning__icon {
  display: inline-block;
  margin-right: 1rem;
  width: 20px;
  height: 20px;
  color: #fff;
  fill: #fff;
  vertical-align: top;
}
.ec-alert-warning .ec-alert-warning__text {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  position: relative;
}
/*
アラート(空)

カートが空であることを示す警告メッセージです。

ex [マイページ　カート](http://demo3.ec-cube.net/cart)

(カート内に商品がある状態でアクセス)

Markup:
include /assets/tmpl/elements/15.1.cart.pug
.ec-off3Grid
        .ec-off3Grid__cell
            +ec-alert-warningEnpty

Styleguide 15.1.7
*/
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
@font-face {
  font-family: "FuturaMedium";
  src: url("/html/template/default/assets/fonts/FuturaMedium/font.woff2") format("woff2"), url("/html/template/default/assets/fonts/FuturaMedium/font.woff") format("woff");
}
/*
注文内容確認

カート内 注文内容確認に関する Project コンポーネントを定義します。

ex [マイページ　注文詳細](http://demo3.ec-cube.net/shopping)

Markup:
include /assets/tmpl/elements/15.2.order.pug
+ec-orderRole

Styleguide 15.2
*/
.ec-orderRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  display: flex;
  flex-direction: column;
  margin-top: 0;
}
.ec-orderRole:after {
  content: " ";
  display: table;
}
.ec-orderRole:after {
  clear: both;
}
.ec-orderRole textarea {
  /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-orderRole img {
  max-width: 100%;
}
.ec-orderRole html {
  box-sizing: border-box;
}
.ec-orderRole *,
.ec-orderRole *::before,
.ec-orderRole *::after {
  box-sizing: inherit;
}
.ec-orderRole img {
  width: 100%;
}
.ec-orderRole .ec-inlineBtn {
  font-weight: normal;
}
.mypage .ec-orderRole .ec-inlineBtn {
  font-weight: bold;
}
.ec-orderRole .ec-orderRole__detail {
  padding: 0;
  width: 100%;
}
.ec-orderRole .ec-orderRole__summary {
  width: 100%;
}
.ec-orderRole .ec-orderRole__summary .ec-inlineBtn {
  display: inline-block;
}
.ec-orderRole .ec-borderedList {
  margin-bottom: 20px;
  border-top: 1px dotted #ccc;
}
/*
注文履歴詳細 オーダ情報

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　オーダ情報](http://demo3.ec-cube.net/mypage)
(要ログイン → 詳細を見るボタン押下)

Markup:
include /assets/tmpl/elements/15.2.order.pug
+ec-orderInfo

Styleguide 15.2.1
*/
.ec-orderOrder {
  margin-bottom: 30px;
}
.ec-orderOrder .ec-orderOrder__items {
  border-bottom: 1px dotted #ccc;
  border-top: 1px dotted #ccc;
}
/*
注文履歴詳細 お客様情報

マイページ 注文詳細部に関する Project コンポーネントを定義します。

ex [マイページ　オーダ情報(要ログイン → 詳細を見るボタン押下)](http://demo3.ec-cube.net/mypage)

Markup:
include /assets/tmpl/elements/15.2.order.pug
+ec-orderAccount

Styleguide 15.2.2
*/
.ec-orderAccount {
  margin-bottom: 30px;
}
.ec-orderAccount p {
  margin-bottom: 0;
}
.ec-orderAccount:after {
  content: " ";
  display: table;
}
.ec-orderAccount:after {
  clear: both;
}
.ec-orderAccount .ec-orderAccount__change {
  display: inline-block;
  margin-left: 10px;
  float: right;
}
.ec-orderAccount .ec-orderAccount__account {
  margin-bottom: 16px;
}
/*
注文詳細 配送情報

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　配送情報(要ログイン → 詳細を見るボタン押下)](http://demo3.ec-cube.net/mypage)

Markup:
include /assets/tmpl/elements/15.2.order.pug
+ec-orderDelivery

Styleguide 15.2.3
*/
.ec-orderDelivery .ec-orderDelivery__title {
  padding: 16px 0 17px;
  font-weight: bold;
  font-size: 18px;
  position: relative;
}
.ec-orderDelivery .ec-orderDelivery__change {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}
.ec-orderDelivery .ec-orderDelivery__items {
  border-bottom: 1px dotted #ccc;
  border-top: 1px dotted #ccc;
}
.ec-orderDelivery .ec-orderDelivery__address {
  margin: 10px 0 18px;
}
.ec-orderDelivery .ec-orderDelivery__address p {
  margin: 0;
}
/*
注文履歴詳細 支払情報

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　支払情報(要ログイン → 詳細を見るボタン押下)](http://demo3.ec-cube.net/mypage)

Markup:
.ec-orderRole
  .ec-orderPayment
    .ec-rectHeading
      h2 お支払方法
    p 支払方法： 郵便振替

Styleguide 15.2.4
*/
/*
注文履歴詳細 お問い合わせ

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　お問い合わせ(要ログイン → 詳細を見るボタン押下)](http://demo3.ec-cube.net/mypage)

Markup:
.ec-orderRole
  .ec-orderConfirm
    .ec-rectHeading
      h2 お問い合わせ
    p 記載なし

Styleguide 15.2.5
*/
.ec-orderConfirm {
  margin-bottom: 20px;
}
.ec-orderConfirm .ec-input textarea, .ec-orderConfirm .ec-halfInput textarea, .ec-orderConfirm .ec-numberInput textarea, .ec-orderConfirm .ec-zipInput textarea, .ec-orderConfirm .ec-telInput textarea, .ec-orderConfirm .ec-select textarea, .ec-orderConfirm .ec-birth textarea {
  height: 96px;
}
/*
お届け先の複数指定

お届け先の複数指定に関するコンポーネントを定義します。

ex [マイページ　お届け先の複数指定](http://demo3.ec-cube.net/shopping/shipping_multiple)
(商品購入画面 → 「お届け先を追加する」を押下)

Markup:
include /assets/tmpl/elements/15.2.order.pug
+ec-orderAddAddress

Styleguide 15.2.6
*/
.ec-AddAddress {
  padding: 0 10px;
}
.ec-AddAddress .ec-AddAddress__info {
  margin-bottom: 32px;
  text-align: center;
  font-size: 16px;
}
.ec-AddAddress .ec-AddAddress__add {
  border-top: 1px solid #f4f4f4;
  padding-top: 20px;
  margin-bottom: 20px;
}
.ec-AddAddress .ec-AddAddress__item {
  display: table;
  padding: 16px;
  background: #f4f4f4;
  margin-bottom: 16px;
}
.ec-AddAddress .ec-AddAddress__itemThumb {
  display: table-cell;
  min-width: 160px;
  width: 20%;
}
.ec-AddAddress .ec-AddAddress__itemThumb img {
  width: 100%;
}
.ec-AddAddress .ec-AddAddress__itemtContent {
  display: table-cell;
  vertical-align: middle;
  padding-left: 16px;
  font-size: 16px;
}
.ec-AddAddress .ec-AddAddress__itemtTitle {
  font-weight: bold;
  margin-bottom: 10px;
}
.ec-AddAddress .ec-AddAddress__itemtSize {
  margin-bottom: 10px;
}
.ec-AddAddress .ec-AddAddress__select {
  margin-bottom: 5px;
}
.ec-AddAddress .ec-AddAddress__selectAddress {
  display: block;
}
.ec-AddAddress .ec-AddAddress__selectAddress label {
  font-size: 16px;
  font-weight: normal;
}
.ec-AddAddress .ec-AddAddress__selectAddress select {
  min-width: 100%;
}
.ec-AddAddress .ec-AddAddress__selectNumber {
  display: block;
}
.ec-AddAddress .ec-AddAddress__selectNumber label {
  font-size: 16px;
  font-weight: normal;
}
.ec-AddAddress .ec-AddAddress__selectNumber input {
  display: inline-block;
  margin-left: 10px;
  width: 80px;
}
.ec-AddAddress .ec-AddAddress__actions .ec-blockBtn--action {
  margin-bottom: 8px;
}
.ec-AddAddress .ec-AddAddress__new {
  margin-bottom: 20px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
@font-face {
  font-family: "FuturaMedium";
  src: url("/html/template/default/assets/fonts/FuturaMedium/font.woff2") format("woff2"), url("/html/template/default/assets/fonts/FuturaMedium/font.woff") format("woff");
}
/*
注文履歴一覧

マイページ 注文履歴部に関する Project コンポーネントを定義します。

ex [マイページ　注文履歴一覧](http://demo3.ec-cube.net/mypage)
(要ログイン)

Markup:
include /assets/tmpl/elements/16.1.history.pug
+ec-historyRole

Styleguide 16.1
*/
.ec-historyRole .ec-historyRole__contents {
  padding-top: 1em;
  padding-bottom: 16px;
  border-top: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  color: #525263;
}
.ec-historyRole .ec-historyRole__header {
  width: 100%;
}
.ec-historyRole .ec-historyRole__detail {
  border-top: 1px dotted #ccc;
  width: 100%;
}
.ec-historyRole .ec-historyRole__detail .ec-imageGrid:nth-of-type(1) {
  border-top: none;
}
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailTitle {
  margin-bottom: 8px;
  font-size: 1rem;
  font-weight: bold;
}
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice {
  margin-bottom: 8px;
  font-size: 1rem;
  font-weight: bold;
}
/*
注文履歴一覧 規格

マイページ 注文履歴内アイテムの規格を定義します。

ex [マイページ　注文履歴一覧](http://demo3.ec-cube.net/mypage)
(要ログイン)

Markup:
include /assets/tmpl/elements/16.1.history.pug
+ec-historyRole-option

Styleguide 16.1.1
*/
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailOption {
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 0.5rem;
  font-size: 1.6rem;
}
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailOption::after {
  display: inline-block;
  padding-left: 0.5rem;
  content: "/";
  font-weight: bold;
}
/*
注文履歴一覧ヘッダ

注文履歴一覧で使用するヘッダのコンポーネントを定義します。

ex [マイページ　注文履歴一覧ヘッダ](http://demo3.ec-cube.net/mypage)
(要ログイン)

Markup:
include /assets/tmpl/elements/16.1.history.pug
+ec-historyHeader
p hofe

Styleguide 16.1.2
*/
.ec-historyListHeader .ec-historyListHeader__date {
  font-weight: bold;
  font-size: 16px;
}
.ec-historyListHeader .ec-historyListHeader__action {
  margin: 16px 0;
}
.ec-historyListHeader .ec-historyListHeader__action a {
  font-size: 12px;
  font-weight: normal;
}
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
@font-face {
  font-family: "FuturaMedium";
  src: url("/html/template/default/assets/fonts/FuturaMedium/font.woff2") format("woff2"), url("/html/template/default/assets/fonts/FuturaMedium/font.woff") format("woff");
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
注文履歴詳細

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　注文詳細](http://demo3.ec-cube.net/mypage)
(要ログイン → 詳細を見るボタン押下)

Markup:
include /assets/tmpl/elements/16.2.historyDetail.pug
+ec-historyDetailRole

Styleguide 16.2
*/
/*
注文履歴詳細 メール履歴

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　メール履歴](http://demo3.ec-cube.net/mypage)
(要ログイン → 詳細を見るボタン押下)

Markup:
include /assets/tmpl/elements/16.2.historyDetail.pug
+ec-historyDetailMail

Styleguide 16.2.5
*/
.ec-orderMails .ec-orderMails__item {
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}
.ec-orderMails .ec-orderMails__time {
  margin: 0;
}
.ec-orderMails .ec-orderMails__body {
  display: none;
}
/*
注文履歴詳細 メール履歴個別

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　メール履歴個別](http://demo3.ec-cube.net/mypage)
(要ログイン → 詳細を見るボタン押下)

Markup:
include /assets/tmpl/elements/16.2.historyDetail.pug
+ec-historyDetailMailHistory

Styleguide 16.2.6
*/
.ec-orderMail {
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 16px;
}
.ec-orderMail .ec-orderMail__time {
  margin: 0;
}
.ec-orderMail .ec-orderMail__body {
  display: none;
}
.ec-orderMail .ec-orderMail__time {
  margin-bottom: 4px;
}
.ec-orderMail .ec-orderMail__link {
  margin-bottom: 4px;
}
.ec-orderMail .ec-orderMail__link a {
  color: #0092C4;
  text-decoration: none;
  cursor: pointer;
}
.ec-orderMail .ec-orderMail__link a:hover {
  color: #33A8D0;
}
.ec-orderMail .ec-orderMail__close a {
  color: #0092C4;
  text-decoration: none;
  cursor: pointer;
}
.ec-orderMail .ec-orderMail__close a:hover {
  color: #33A8D0;
}
/*
住所一覧

カート 注文詳細 に関する Project コンポーネントを定義します。

ex [マイページ内 お届け先編集](http://demo3.ec-cube.net/mypage/delivery)

Markup:
include /assets/tmpl/elements/17.1.address.pug
+ec-addressList
+ec-addressRole

sg-wrapper:
<div class="ec-addressRole">
  <sg-wrapper-content/>
</div>

Styleguide 17.1

*/
.ec-addressRole .ec-addressRole__item {
  border-top: 1px dotted #ccc;
}
.ec-addressRole .ec-addressRole__actions {
  margin-top: 32px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #ccc;
}
.ec-addressList .ec-addressList__item {
  display: table;
  width: 100%;
  position: relative;
  border-bottom: 1px dotted #ccc;
}
.ec-addressList .ec-addressList__remove {
  vertical-align: middle;
  padding: 16px;
  text-align: center;
}
.ec-addressList .ec-addressList__remove .ec-icon img {
  width: 1em;
  height: 1em;
}
.ec-addressList .ec-addressList__address {
  display: table-cell;
  vertical-align: middle;
  padding: 16px;
  margin-right: 4em;
  width: 80%;
}
.ec-addressList .ec-addressList__action {
  position: relative;
  vertical-align: middle;
  text-align: right;
  top: 27px;
  padding-right: 10px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
パスワードリセット

カート 注文詳細 に関する Project コンポーネントを定義します。

ex [パスワードリセット画面](http://demo3.ec-cube.net/forgot)

(カート内に商品がある状態でアクセス)

Markup:
include /assets/tmpl/elements/18.1.password.pug
+ec-passwordRole

Styleguide 18.1

*/
.ec-forgotRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-forgotRole:after {
  content: " ";
  display: table;
}
.ec-forgotRole:after {
  clear: both;
}
.ec-forgotRole textarea {
  /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-forgotRole img {
  max-width: 100%;
}
.ec-forgotRole html {
  box-sizing: border-box;
}
.ec-forgotRole *,
.ec-forgotRole *::before,
.ec-forgotRole *::after {
  box-sizing: inherit;
}
.ec-forgotRole img {
  width: 100%;
}
.ec-forgotRole .ec-forgotRole__intro {
  font-size: 16px;
}
.ec-forgotRole .ec-forgotRole__form {
  margin-bottom: 16px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
会員登録

新規会員登録 に関する Project コンポーネントを定義します。

ex [新規会員登録画面　会員登録](http://demo3.ec-cube.net/entry)

Markup:
include /assets/tmpl/elements/19.1.register.pug
+ec-registerRole

Styleguide 19.1

*/
.ec-registerRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-registerRole:after {
  content: " ";
  display: table;
}
.ec-registerRole:after {
  clear: both;
}
.ec-registerRole textarea {
  /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-registerRole img {
  max-width: 100%;
}
.ec-registerRole html {
  box-sizing: border-box;
}
.ec-registerRole *,
.ec-registerRole *::before,
.ec-registerRole *::after {
  box-sizing: inherit;
}
.ec-registerRole img {
  width: 100%;
}
.ec-registerRole .ec-registerRole__actions {
  padding-top: 20px;
  text-align: center;
}
.ec-registerRole .ec-registerRole__actions p {
  margin-bottom: 16px;
}
.ec-registerRole .ec-blockBtn--action {
  margin-bottom: 16px;
}
.ec-registerCompleteRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-registerCompleteRole:after {
  content: " ";
  display: table;
}
.ec-registerCompleteRole:after {
  clear: both;
}
.ec-registerCompleteRole textarea {
  /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-registerCompleteRole img {
  max-width: 100%;
}
.ec-registerCompleteRole html {
  box-sizing: border-box;
}
.ec-registerCompleteRole *,
.ec-registerCompleteRole *::before,
.ec-registerCompleteRole *::after {
  box-sizing: inherit;
}
.ec-registerCompleteRole img {
  width: 100%;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
お客様情報の入力

ログインせずゲストとして商品を購入する際の、お客様情報の入力 に関する Project コンポーネントを定義します。

ex [カートSTEP2 お客様情報の入力(ゲスト購入)](http://demo3.ec-cube.net/shopping/nonmember)

Markup:
include /assets/tmpl/elements/19.3.customer.pug
+ec-customerRole
hoge

Styleguide 19.3

*/
.ec-customerRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-customerRole:after {
  content: " ";
  display: table;
}
.ec-customerRole:after {
  clear: both;
}
.ec-customerRole textarea {
  /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-customerRole img {
  max-width: 100%;
}
.ec-customerRole html {
  box-sizing: border-box;
}
.ec-customerRole *,
.ec-customerRole *::before,
.ec-customerRole *::after {
  box-sizing: inherit;
}
.ec-customerRole img {
  width: 100%;
}
.ec-customerRole .ec-customerRole__actions {
  padding-top: 20px;
}
.ec-customerRole .ec-blockBtn--action {
  margin-bottom: 10px;
}
.ec-contactConfirmRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-contactConfirmRole:after {
  content: " ";
  display: table;
}
.ec-contactConfirmRole:after {
  clear: both;
}
.ec-contactConfirmRole textarea {
  /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-contactConfirmRole img {
  max-width: 100%;
}
.ec-contactConfirmRole html {
  box-sizing: border-box;
}
.ec-contactConfirmRole *,
.ec-contactConfirmRole *::before,
.ec-contactConfirmRole *::after {
  box-sizing: inherit;
}
.ec-contactConfirmRole img {
  width: 100%;
}
.ec-contactConfirmRole .ec-contactConfirmRole__actions {
  padding-top: 20px;
}
.ec-contactConfirmRole .ec-blockBtn--action {
  margin-bottom: 16px;
}
.ec-contactCompleteRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-contactCompleteRole:after {
  content: " ";
  display: table;
}
.ec-contactCompleteRole:after {
  clear: both;
}
.ec-contactCompleteRole textarea {
  /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-contactCompleteRole img {
  max-width: 100%;
}
.ec-contactCompleteRole html {
  box-sizing: border-box;
}
.ec-contactCompleteRole *,
.ec-contactCompleteRole *::before,
.ec-contactCompleteRole *::after {
  box-sizing: inherit;
}
.ec-contactCompleteRole img {
  width: 100%;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.bg-load-overlay {
  background: rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  position: fixed;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-around;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  opacity: 1;
}
/*
404ページ

404 エラー画面で使用するページコンポーネントです。

ex [404エラー画面](http://demo3.ec-cube.net/404)

Markup:
include /assets/tmpl/elements/20.1.404.pug
+ec-404Role

Styleguide 20.1

*/
.ec-404Role {
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  height: 100vh;
  background-color: #f2f2f2;
  text-align: center;
  box-sizing: border-box;
}
.ec-404Role textarea {
  /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-404Role img {
  max-width: 100%;
}
.ec-404Role html {
  box-sizing: border-box;
}
.ec-404Role *,
.ec-404Role *::before,
.ec-404Role *::after {
  box-sizing: inherit;
}
.ec-404Role img {
  width: 100%;
}
.ec-404Role .ec-404Role__icon img {
  width: 1em;
  height: 1em;
}
.ec-404Role .ec-404Role__title {
  font-weight: bold;
  font-size: 25px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
会員情報編集完了

会員情報編集完了で使用するページコンポーネントです。

ex [会員情報編集完了](http://demo3.ec-cube.net/mypage/change_complete)

Markup:
include /assets/tmpl/elements/22.1.editComplete.pug
+ec-userEditCompleteRole

Styleguide 22.1

*/
.ec-userEditCompleteRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  text-align: center;
  padding: 0 16px;
}
.ec-userEditCompleteRole:after {
  content: " ";
  display: table;
}
.ec-userEditCompleteRole:after {
  clear: both;
}
.ec-userEditCompleteRole textarea {
  /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-userEditCompleteRole img {
  max-width: 100%;
}
.ec-userEditCompleteRole html {
  box-sizing: border-box;
}
.ec-userEditCompleteRole *,
.ec-userEditCompleteRole *::before,
.ec-userEditCompleteRole *::after {
  box-sizing: inherit;
}
.ec-userEditCompleteRole img {
  width: 100%;
}
.ec-userEditCompleteRole .ec-userEditCompleteRole__title {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 24px;
}
.ec-userEditCompleteRole .ec-userEditCompleteRole__description {
  margin-bottom: 32px;
  font-size: 16px;
}
/* Variables */
.yen-sign {
  font-size: 0.75em;
  margin-right: 0.1em;
}
/* Base Layout */
.ec-estimateRole {
  max-width: 100%;
  padding: 20px;
  background: #e6f0f3;
}
.ec-estimateItem {
  max-width: 100%;
  padding: 20px;
  background: #cce5ee;
}
/* Step Sections */
.step-section {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 40px;
  margin-top: 40px;
}
.step-section.step-section--full-width {
  max-width: 1000px;
}
.step-header {
  width: 100%;
  padding: 1.5rem;
  border-bottom: 1px solid #edf2f7;
  border-radius: 12px 12px 0 0;
  box-sizing: border-box;
  margin-bottom: 20px;
  max-width: none;
}
.step-header h2, .step-header .h2 {
  text-align: center;
  margin: 0 0 1rem;
  padding: 0;
  font-size: 2rem;
  font-weight: 600;
  color: #333;
}
.step-header h2:first-of-type, .step-header .h2:first-of-type {
  font-size: 1rem;
  margin: 0 0 0.5rem;
}
.step-header-item {
  padding: 24px;
  margin-bottom: 2rem;
}
.step-header-item h2, .step-header-item .h2 {
  text-align: center;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}
.step-description {
  color: #666666;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.4;
}
.step-content {
  padding: 20px;
}
/* Category Navigation */
.category-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 30px;
}
.category-button {
  display: flex;
  align-items: center;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 50px;
  padding: 10px 16px;
  border: 2px solid #4a90e2;
  color: #4a90e2;
  font-size: 13px;
  gap: 8px;
  font-weight: 500;
  box-shadow: 0 2px 4px rgba(74, 144, 226, 0.1);
}
.category-button:hover {
  background: #f7fafc;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(74, 144, 226, 0.2);
}
.category-button.active {
  background: linear-gradient(135deg, #1854b3 0%, #02277d 100%);
  color: #fff;
  border-color: #02277d;
}
.category-button.compact {
  gap: 4px;
  padding: 4px 10px;
  border: 1px solid #ddd;
  border-radius: 12px;
  color: #666;
  font-size: 0.8rem;
  font-weight: normal;
  box-shadow: none;
}
.category-button.compact:hover {
  background: #f5f5f5;
  border-color: #ccc;
  transform: none;
  box-shadow: none;
}
.category-button.compact .check-icon {
  font-size: 0.7rem;
}
.check-icon {
  display: none;
  font-size: 16px;
  line-height: 1;
  margin-right: 5px;
}
.category-button.active .check-icon {
  display: inline-block;
}
/* Products Grid */
.products-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  padding: 20px 0;
  width: 100%;
  margin: 0;
  max-width: none;
}
.product-item {
  background: #fff;
  border-radius: 12px;
  overflow: visible;
  cursor: pointer;
  transition: all 0.3s ease;
}
.product-item:hover {
  transform: translateY(-4px);
}
.product-image {
  position: relative;
  padding-top: 100%;
  background: #fff;
  border-radius: 8px;
  cursor: pointer;
}
.product-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background: #fff;
}
.product-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #333333;
  height: 100%;
  width: 100%;
  padding: 0.5rem 0.5rem;
  /* 企画セレクトボックスエリア */
  /* 数量コントロールコンテナ */
}
.product-info h6, .product-info .h6 {
  font-size: 14px;
  color: #333;
  line-height: 1.4;
  text-align: center;
}
.product-item .product-info {
  padding: 8px 4px;
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.product-item .product-info h6, .product-item .product-info .h6 {
  margin: 0 0 8px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #333;
  line-height: 1.4;
  min-height: 1em;
  max-height: 2.8em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  flex-shrink: 0;
}
.product-info .product-unit-price {
  text-align: right;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin: 0 0 4px;
  padding-right: 4px;
  font-family: "Helvetica Neue", sans-serif;
}
.product-info.compact {
  padding: 8px 4px;
  text-align: center;
}
.product-info.compact h6, .product-info.compact .h6 {
  margin: 0 0 4px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #333;
  line-height: 1.3;
  height: 2.6em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.product-info .product-options {
  min-height: 68px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  padding: 0 4px;
  flex-shrink: 0;
}
.product-info .product-options .product-option-select {
  font-size: 12px;
  padding: 0 8px;
  height: 32px;
  border: 1px solid #ddd;
  border-radius: 6px;
  width: 100%;
  background-color: #fff;
  color: #333;
  cursor: pointer;
}
.product-info .product-options .product-option-select:focus {
  border-color: #999;
  outline: none;
}
.product-info .quantity-controls {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  margin-top: auto;
}
.quantity-input {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 8px;
}
.quantity-input.simple {
  display: block;
  margin-top: 4px;
}
.quantity-input.simple input {
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  padding: 4px 8px;
  text-align: right;
}
.quantity-input input.product-quantity {
  width: 5rem !important;
  height: 2.5rem;
  text-align: center;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  padding: 0;
  font-size: 1.1rem;
  font-weight: 600;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
  margin: 0;
  background: #fff;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.quantity-input input.product-quantity::-webkit-outer-spin-button, .quantity-input input.product-quantity::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity-input input.product-quantity:focus {
  border-color: #4caf50;
  outline: none;
  box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.1);
  transform: scale(1.02);
}
.check-mark {
  position: absolute;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 1;
  top: 8px !important;
  right: 8px !important;
  width: 24px !important;
  height: 24px !important;
  background: linear-gradient(135deg, #1854b3 0%, #02277d 100%) !important;
  text-align: center;
  line-height: 24px !important;
  box-shadow: 0 2px 8px rgba(24, 84, 179, 0.3);
}
.check-mark i {
  font-size: 12px;
  color: white;
  line-height: 1;
}
.product-item .check-mark {
  top: 0.5rem;
  right: 0.5rem;
  width: 1.2rem;
  height: 1.2rem;
  background: #4caf50;
}
.product-item .check-mark i {
  font-size: 0.8rem;
}
/* Selected Items */
.step-content-item {
  padding: 20px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
.selected-item {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
  margin: 0 0 20px 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.selected-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.selected-item.composing {
  opacity: 0.7;
}
.selected-item-card {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.remove-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #e5ded0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  color: #666;
  padding: 0;
  line-height: 1;
}
.selected-item-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
  background: #f5f5f5;
  border-radius: 8px 8px 0 0;
}
.selected-item-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.selected-item-info {
  flex: 1;
  width: 100%;
}
.selected-item-info h3, .selected-item-info .h3 {
  font-size: 16px;
  margin: 0 0 15px 0;
  color: #333;
}
.quantity-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.quantity-label {
  font-size: 14px;
  color: #666;
}
#selected-items .selected-item-card {
  gap: 10px;
}
/* Form Styles */
.form-container {
  max-width: 600px;
  margin: 0 auto;
  padding: 40px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.form-group {
  margin-bottom: 20px;
}
.form-control {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  font-size: 14px;
  transition: all 0.3s ease;
}
.form-control:focus {
  border-color: #1854b3;
  outline: none;
  box-shadow: 0 0 0 3px rgba(24, 84, 179, 0.2);
  transform: scale(1.02);
}
.form-control:hover {
  border-color: #02277d;
}
/* Upload Area */
.upload-area {
  position: relative;
  width: 100%;
  min-height: 200px;
  border: 2px dashed #1854b3;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: linear-gradient(135deg, rgba(24, 84, 179, 0.1) 0%, rgba(2, 39, 125, 0.1) 100%);
  cursor: pointer;
  transition: all 0.3s ease;
}
.upload-area:hover {
  background: linear-gradient(135deg, rgba(24, 84, 179, 0.15) 0%, rgba(2, 39, 125, 0.15) 100%);
  border-color: #02277d;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(24, 84, 179, 0.2);
}
.upload-icon {
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
}
.upload-icon svg {
  width: 100%;
  height: 100%;
  fill: #1854b3;
}
.upload-text {
  color: #1854b3;
  font-size: 16px;
  text-align: center;
  margin: 0;
  font-weight: 500;
}
.file-input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.preview-area {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.preview-container {
  position: relative;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
}
.preview-image {
  max-width: 100%;
  max-height: 260px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
  display: block;
}
.preview-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.preview-container:hover .preview-overlay {
  opacity: 1;
}
.change-image-text {
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}
.change-image-text svg {
  width: 24px;
  height: 24px;
  color: white;
}
.change-image-button {
  padding: 8px 16px;
  background: #fff;
  border: 2px solid #000;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
}
.change-image-button:hover {
  background: #f7fafc;
}
/* Submit Button */
.submit-button {
  background: linear-gradient(135deg, #1854b3 0%, #02277d 100%);
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 16px rgba(24, 84, 179, 0.3);
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 16px;
  margin-top: 40px;
  font-size: 16px;
  font-weight: bold;
  opacity: 1;
}
.submit-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}
.submit-button:hover {
  background: linear-gradient(135deg, #124388 0%, #001f5c 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(24, 84, 179, 0.4);
}
.submit-button:hover:before {
  left: 100%;
}
.submit-button:active {
  transform: translateY(0);
  box-shadow: 0 4px 15px rgba(24, 84, 179, 0.3);
}
.submit-button.detailed {
  display: block;
  font-size: 1.1rem;
  font-weight: 600;
  padding: 16px 40px;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 0.5px;
}
.submit-button:disabled, .submit-button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  background: linear-gradient(135deg, #cccccc 0%, #999999 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.submit-button:disabled:before, .submit-button.disabled:before {
  display: none;
}
.submit-button:disabled:hover, .submit-button.disabled:hover {
  transform: none;
  background: linear-gradient(135deg, #cccccc 0%, #999999 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
/* 商品詳細モーダル */
.modal-container.modal-product .product-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.3s;
  display: none;
}
.modal-container.modal-product .product-modal.is-show {
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-container.modal-product .modal-content {
  position: absolute;
  width: 90%;
  max-width: 1000px;
  background: #fff;
  border-radius: 12px;
  padding: 40px;
  max-height: 80vh;
  overflow-y: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-container.modal-product .modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: none;
  border: none;
  font-size: 24px;
  color: #333;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-container.modal-product .modal-body {
  display: flex;
  gap: 40px;
}
.modal-container.modal-product .product-images {
  flex: 0 0 50%;
}
.modal-container.modal-product .product-images .main-image img {
  width: 100%;
  height: auto;
}
.modal-container.modal-product .product-images .thumbnail-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 20px;
}
.modal-container.modal-product .product-images .thumbnail img {
  width: 100%;
  height: auto;
  cursor: pointer;
}
.modal-container.modal-product .product-details {
  flex: 1;
}
.modal-container.modal-product .product-details h2, .modal-container.modal-product .product-details .h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 24px;
}
.modal-container.modal-product .product-details .detail-section {
  margin-bottom: 32px;
}
.modal-container.modal-product .product-details .detail-section h3, .modal-container.modal-product .product-details .detail-section .h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 16px;
}
.modal-container.modal-product .product-details .detail-section p {
  margin-bottom: 16px;
  line-height: 1.6;
}
.modal-container.modal-product .product-details .detail-section dl dt {
  margin-bottom: 8px;
}
.modal-container.modal-product .product-details .detail-section dl dd {
  margin-bottom: 16px;
}
/* 見積もり依頼モーダル */
.modal-container.modal-estimate {
  /* ローディング状態 */
  /* 完了状態 */
}
.modal-container.modal-estimate .modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.modal-container.modal-estimate .modal-content {
  background: white;
  padding: 40px;
  border-radius: 16px;
  text-align: center;
  max-width: 90%;
  width: 400px;
}
.modal-container.modal-estimate .loading-state .loading-spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  animation: spin 1s linear infinite;
  margin: 0 auto 20px;
}
.modal-container.modal-estimate .loading-state .loading-text {
  font-size: 18px;
  margin: 0;
}
.modal-container.modal-estimate .complete-state .complete-icon {
  margin-bottom: 24px;
}
.modal-container.modal-estimate .complete-state .complete-content .complete-title {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 16px;
}
.modal-container.modal-estimate .complete-state .complete-content .complete-email {
  font-size: 16px;
  margin: 0 0 8px;
}
.modal-container.modal-estimate .complete-state .complete-content .complete-message {
  font-size: 14px;
  color: #666;
  margin: 0 0 24px;
}
.modal-container.modal-estimate .complete-state .complete-content .top-button {
  display: inline-block;
  background: #333;
  color: white;
  padding: 12px 24px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
  transition: opacity 0.3s;
}
.modal-container.modal-estimate .complete-state .complete-content .top-button:hover {
  opacity: 0.8;
  color: white;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.more-button {
  background: linear-gradient(135deg, #1854b3 0%, #02277d 100%);
  color: white;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(24, 84, 179, 0.3);
  display: block;
  width: 200px;
  margin: 30px auto 0;
  padding: 12px;
  border-radius: 25px;
  text-align: center;
  font-weight: 500;
}
.more-button:hover {
  background: linear-gradient(135deg, #124388 0%, #001f5c 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(24, 84, 179, 0.4);
}
.more-button:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(24, 84, 179, 0.3);
}
.more-button.compact {
  display: inline-block;
  width: auto;
  padding: 8px 20px;
  border-radius: 16px;
  font-size: 0.85rem;
  margin: 12px 0 0 0;
  font-weight: normal;
}
/* 選択商品画像拡大モーダル */
.modal-container.modal-selected-preview .selected-preview-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 1000;
  opacity: 0;
  transition: opacity 0.3s;
}
.modal-container.modal-selected-preview .selected-preview-modal.is-show {
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-container.modal-selected-preview .modal-content {
  background: white;
  padding: 40px;
  border-radius: 16px;
  text-align: center;
  max-width: 90%;
  width: 800px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-container.modal-selected-preview .modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  border: none;
  font-size: 20px;
  color: #333;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-container.modal-selected-preview .modal-body {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-container.modal-selected-preview .preview-image-container {
  width: 100%;
}
.modal-container.modal-selected-preview .preview-image-container img {
  max-width: 100%;
  max-height: 70vh;
  -o-object-fit: contain;
     object-fit: contain;
}
/* プレースホルダーのスタイル */
::-moz-placeholder {
  color: #999 !important;
  opacity: 0.7 !important;
}
::placeholder {
  color: #999 !important;
  opacity: 0.7 !important;
}
/* ローディングメッセージのスタイル */
.loading-message {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 15px 30px;
  border-radius: 5px;
  z-index: 9999;
  font-size: 1rem;
}
/* プレビューアクションのスタイル */
.preview-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.change-image-text,
.delete-image-text {
  display: flex;
  align-items: center;
  gap: 8px;
  color: white;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px 16px;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.change-image-text:hover,
.delete-image-text:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.delete-image-text {
  color: #ff4444;
}
.delete-image-text:hover {
  background-color: rgba(255, 68, 68, 0.1);
}
.step-content {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  max-width: none;
}
/* ロゴアップロードエリアのスタイル */
/* 商品カードのスタイル（詳細版） */
.product-wrap {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 260px;
}
.product-item {
  position: relative;
  cursor: pointer;
  padding: 12px 12px 0;
  width: 100%;
}
.product-image {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 6px;
  background: #f8f8f8;
}
.product-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.product-item:hover .product-image img {
  transform: scale(1.05);
}
.quantity-btn {
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid #6c757d;
  background: transparent;
  color: #6c757d;
  font-size: 1rem;
  font-weight: 600;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.3s ease;
  padding: 0;
  position: relative;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.quantity-btn:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: transparent;
  border-radius: 50%;
  transition: all 0.3s ease;
  z-index: -1;
}
.quantity-btn .btn-text {
  display: block;
  transform: translateY(-1px);
  transition: transform 0.3s ease;
}
.quantity-btn.minus .btn-text {
  transform: translateY(0px);
}
.quantity-btn:hover {
  background: #6c757d;
  color: white;
  border-color: #6c757d;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(108, 117, 125, 0.25);
}
.quantity-btn:hover:before {
  background: rgba(108, 117, 125, 0.1);
}
.quantity-btn:active {
  background: #5a6268;
  border-color: #5a6268;
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(108, 117, 125, 0.3);
}
.quantity-btn.minus {
  border-color: #dc3545;
  color: #dc3545;
}
.quantity-btn.minus:hover {
  background: #dc3545;
  border-color: #dc3545;
  color: white;
  box-shadow: 0 4px 8px rgba(220, 53, 69, 0.25);
}
.quantity-btn.minus:hover:before {
  background: rgba(220, 53, 69, 0.1);
}
.quantity-btn.minus:active {
  background: #c82333;
  border-color: #c82333;
}
.quantity-btn:disabled, .quantity-btn.disabled {
  opacity: 0.4;
  cursor: not-allowed;
  border-color: #dee2e6;
  color: #adb5bd;
  background: #f8f9fa;
  transform: none;
  box-shadow: none;
}
.quantity-btn:disabled:hover, .quantity-btn.disabled:hover {
  opacity: 0.4;
  cursor: not-allowed;
  border-color: #dee2e6;
  color: #adb5bd;
  background: #f8f9fa;
  transform: none;
  box-shadow: none;
}
.quantity-btn:disabled:hover:before, .quantity-btn.disabled:hover:before {
  background: transparent;
}
.quantity-btn:disabled:active, .quantity-btn.disabled:active {
  opacity: 0.4;
  cursor: not-allowed;
  border-color: #dee2e6;
  color: #adb5bd;
  background: #f8f9fa;
  transform: none;
  box-shadow: none;
}
.quantity-btn:disabled.minus, .quantity-btn.disabled.minus {
  border-color: #dee2e6;
  color: #adb5bd;
  background: #f8f9fa;
}
.quantity-btn:disabled.minus:hover, .quantity-btn.disabled.minus:hover {
  border-color: #dee2e6;
  color: #adb5bd;
  background: #f8f9fa;
  box-shadow: none;
}
.quantity-btn:disabled.minus:hover:before, .quantity-btn.disabled.minus:hover:before {
  background: transparent;
}
.quantity-btn:disabled.minus:active, .quantity-btn.disabled.minus:active {
  border-color: #dee2e6;
  color: #adb5bd;
  background: #f8f9fa;
}
/* スマホ専用のquantity-btnスタイル */
/* カテゴリーナビゲーションのスタイル（詳細版） */
.category-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
/* もっと見るボタンのスタイル（詳細版） */
/* 数量情報表示のスタイル */
.max-quantity,
.quantity-info {
  font-size: 0.8rem;
  color: #666;
  margin: 8px 0 4px;
  text-align: center;
}
/* レスポンシブ対応 */
/* 送信ボタンのスタイル（詳細版） */
/* 送信ボタンセクションのスタイル */
.submit-section {
  background: transparent;
  padding: 0;
  padding-bottom: 2rem;
}
.submit-container {
  max-width: 300px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
/* 選択中のアイテムセクションのスタイル */
.ec-estimateItem {
  background: #f8f9fa;
  border-top: 1px solid #e9ecef;
  border-bottom: 1px solid #e9ecef;
  padding: 2rem 0;
  display: none;
}
.step-section-item {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box;
}
/* 選択済み商品のレイアウト */
#selected-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  padding: 20px 0;
  width: 100%;
  margin: 0;
  max-width: none;
}
.selected-item-card {
  position: relative;
  cursor: pointer;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.selected-item-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
  margin: 0;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
  background: #f8f8f8;
}
.selected-item-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.selected-item-image:hover img {
  transform: scale(1.05);
}
.remove-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 50%;
  background: white;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  z-index: 2;
  backdrop-filter: blur(4px);
  opacity: 0.8;
}
.remove-btn:hover {
  background: rgba(0, 0, 0, 0.1);
  opacity: 1;
}
.remove-btn:active {
  transform: scale(0.95);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.selected-item-info {
  padding: 12px;
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.selected-item-info h3, .selected-item-info .h3 {
  margin: 0 0 8px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #333;
  line-height: 1.4;
  min-height: 1em;
  max-height: 2.8em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.quantity-wrapper {
  margin-top: 8px;
}
.quantity-display {
  display: inline-block;
  background: linear-gradient(135deg, #1854b3 0%, #02277d 100%);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 15px rgba(24, 84, 179, 0.25);
  border: 2px solid rgba(255, 255, 255, 0.2);
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(10px);
  width: 100%;
}
/* ================================================
   3カラムレイアウト（リデザイン）
   ================================================ */
/* ページ全体のレイアウト制約を解除 */
.estimate_page .ec-layoutRole__contents,
.estimate_page .ec-layoutRole__main,
.estimate_page .ec-layoutRole__mainWithColumn,
.estimate_page .ec-layoutRole__mainBetweenColumn {
  max-width: 100%;
  padding: 0;
  margin: 0;
}
/* 3カラムレイアウトコンテナ */
.estimate-layout {
  display: flex;
  width: 100%;
  min-height: calc(100vh - 128px);
  background: #f5f5f5;
}
/* 左サイドバー: カテゴリ一覧 */
.estimate-layout__sidebar-left {
  width: 200px;
  flex-shrink: 0;
  padding: 80px 0 40px 48px;
}
.estimate-layout__sidebar-left .category-nav {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0;
  margin: 0;
  padding: 0;
  overflow-x: visible;
}
.estimate-layout__sidebar-left .category-nav__indicator {
  display: none;
}
.estimate-layout__sidebar-left .category-button {
  display: block;
  width: 100%;
  text-align: left;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  line-height: 2.8;
  box-shadow: none;
  cursor: pointer;
  transition: color 0.3s ease, opacity 0.2s ease;
  white-space: nowrap;
  position: relative;
}
.estimate-layout__sidebar-left .category-button::before {
  content: "";
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%) scaleY(0);
  width: 3px;
  height: 60%;
  background: #4a90e2;
  border-radius: 2px;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.estimate-layout__sidebar-left .category-button:hover {
  opacity: 0.6;
  background: transparent;
  transform: none;
  box-shadow: none;
}
.estimate-layout__sidebar-left .category-button.active {
  color: #4a90e2;
}
.estimate-layout__sidebar-left .category-button.active::before {
  opacity: 1;
  transform: translateY(-50%) scaleY(1);
}
.estimate-layout__sidebar-left .category-button .check-icon {
  display: none !important;
}
/* センターエリア: 商品グリッド */
.estimate-layout__center {
  flex: 1;
  min-width: 0;
  padding: 40px 32px;
}
.estimate-layout__center .center-category-title {
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 280%;
  letter-spacing: 0.72px;
  margin: 0;
}
.estimate-layout__center .products-grid {
  grid-template-columns: repeat(auto-fill, minmax(200px, 260px));
  gap: 32px;
  padding: 0;
}
.estimate-layout__center .product-wrap {
  border-radius: 16px;
  overflow: visible;
  box-shadow: none;
  background: transparent;
}
.estimate-layout__center .product-item {
  padding: 0;
  background: transparent;
}
.estimate-layout__center .product-item:hover {
  transform: none;
}
.estimate-layout__center .product-item:hover .product-image img {
  transform: none;
}
.estimate-layout__center .product-image {
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  height: auto;
  padding: 12px;
  padding-top: 12px;
  aspect-ratio: 1/1;
}
.estimate-layout__center .product-image img {
  position: static;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.estimate-layout__center .product-info {
  padding: 0 0 12px;
}
.estimate-layout__center .product-info h6, .estimate-layout__center .product-info .h6 {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.42px;
  text-align: left;
  margin: 8px 0;
  max-height: none;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  overflow: visible;
}
.estimate-layout__center .product-info .product-options {
  min-height: 76px;
  padding: 0;
  gap: 6px;
}
.estimate-layout__center .product-info .product-options .product-option-select {
  font-size: 12px;
  padding: 0 10px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
}
.estimate-layout__center .product-info .quantity-controls {
  margin-top: 0;
}
.estimate-layout__center .quantity-info {
  font-size: 12px;
  font-weight: 300;
  text-align: center;
  color: #000;
  letter-spacing: 0.36px;
}
.estimate-layout__center .quantity-input {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-top: 8px;
}
.estimate-layout__center .quantity-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  flex-shrink: 0;
  padding: 0;
}
.estimate-layout__center .quantity-btn .btn-text {
  font-size: 16px;
  font-weight: 400;
  color: #333;
  line-height: 1;
  transition: color 0.2s;
}
.estimate-layout__center .quantity-btn:hover {
  background: #ccc;
}
.estimate-layout__center .product-wrap.active .quantity-btn {
  background: #fff;
}
.estimate-layout__center .product-wrap.active .quantity-btn .btn-text {
  color: #000;
}
.estimate-layout__center .product-wrap.active .quantity-btn:hover {
  background: #f0f0f0;
}
.estimate-layout__center input.product-quantity {
  width: 82px !important;
  height: 40px;
  border: none;
  border-radius: 8px;
  background: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  text-align: center;
  padding: 4px 14px;
  margin: 0 8px;
  box-shadow: inset -1px 1px 2px 0 rgba(214, 214, 214, 0.2), inset 1px -1px 2px 0 rgba(214, 214, 214, 0.2), inset -1px -1px 2px 0 rgba(255, 255, 255, 0.9), inset 1px 1px 3px 0 rgba(214, 214, 214, 0.9);
}
.estimate-layout__center input.product-quantity:focus {
  outline: none;
  box-shadow: inset -1px 1px 2px 0 rgba(214, 214, 214, 0.2), inset 1px -1px 2px 0 rgba(214, 214, 214, 0.2), inset -1px -1px 2px 0 rgba(255, 255, 255, 0.9), inset 1px 1px 3px 0 rgba(214, 214, 214, 0.9);
}
/* 右サイドバー: 選択中のアイテム */
.sidebar-right__submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  height: 60px;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.2s;
}
.sidebar-right__submit-btn:hover {
  opacity: 0.8;
}
.sidebar-right__submit-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.sidebar-right__submit-btn svg {
  flex-shrink: 0;
}
/* レスポンシブ: タブレット以下 */
/* ================================================
   お客様情報入力セクション
   ================================================ */
.customer-info-section {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: calc(100vh - 128px);
  padding: 80px 20px;
}
.customer-info-card {
  width: 732px;
  max-width: 100%;
  background: #fff;
  border-radius: 32px;
  border: 1px solid #eee;
  padding: 60px 80px 80px;
  box-sizing: border-box;
}
.customer-info-back {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  font-size: 14px;
  color: #666;
  cursor: pointer;
  padding: 0;
  margin-bottom: 32px;
  transition: color 0.2s;
}
.customer-info-back:hover {
  color: #333;
}
.customer-info-back svg {
  flex-shrink: 0;
}
.customer-info-title {
  font-family: "Noto Sans JP", "Inter", sans-serif;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  color: #444;
  margin: 0 0 16px;
  line-height: 1.5;
}
.customer-info-subtitle {
  font-family: "Noto Sans JP", "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #444;
  line-height: 1.5;
  margin: 0 0 48px;
}
.customer-info-fields {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 40px;
}
.customer-info-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.customer-info-label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.8);
  letter-spacing: 1.12px;
  line-height: 1.6;
}
.customer-info-input {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  background: #f8f8f8;
  border: none;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  box-sizing: border-box;
  outline: none;
  transition: box-shadow 0.2s;
}
.customer-info-input:focus {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.customer-info-input::-moz-placeholder {
  color: #cecece;
  font-weight: 500;
}
.customer-info-input::placeholder {
  color: #cecece;
  font-weight: 500;
}
.customer-info-input.is-invalid {
  box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.3);
}
.invalid-feedback {
  display: block;
  font-size: 12px;
  color: #dc3545;
  margin-top: 4px;
}
.customer-info-honorific {
  margin-bottom: 32px;
}
.customer-info-honorific-label {
  font-family: "Noto Sans JP", "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #444;
  white-space: nowrap;
}
.honorific-row {
  display: flex;
  align-items: center;
  gap: 16px;
}
.honorific-name-input {
  width: 202px;
  height: 46px;
  background: #f6f6f6;
  border-radius: 4px;
  flex-shrink: 0;
}
.customer-type-radio-group {
  display: flex;
  gap: 16px;
  align-items: center;
}
.customer-type-radio {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #5f6368;
  cursor: pointer;
  white-space: nowrap;
}
.customer-type-radio input[type=radio] {
  width: 20px;
  height: 20px;
  accent-color: #e64335;
  margin: 0;
}
.honorific-radio-group {
  display: flex;
  gap: 16px;
  align-items: center;
}
.honorific-radio {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #5f6368;
  cursor: pointer;
  white-space: nowrap;
}
.honorific-radio input[type=radio] {
  width: 20px;
  height: 20px;
  accent-color: #333;
  margin: 0;
}
.customer-info-terms {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  margin: 0 0 24px;
  line-height: 24px;
}
.customer-info-terms a {
  color: #0082d9;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
.customer-info-terms a:hover {
  text-decoration: none;
}
.customer-info-submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 318px;
  height: 60px;
  margin: 0 auto 40px;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.2s;
}
.customer-info-submit-btn:hover {
  opacity: 0.8;
}
.customer-info-submit-btn:disabled, .customer-info-submit-btn.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.customer-info-note {
  font-family: "Noto Sans JP", "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #000;
  line-height: 1.5;
  margin: 0 0 16px;
}
/* ================================================
   見積完了ページ
   ================================================ */
.estimate-complete-section {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: calc(100vh - 128px);
  padding: 80px 20px;
}
.estimate-complete-card {
  width: 732px;
  max-width: 100%;
  background: #fff;
  border-radius: 32px;
  border: 1px solid #eee;
  padding: 80px 80px;
  box-sizing: border-box;
  text-align: center;
}
.estimate-complete-icon {
  margin-bottom: 40px;
}
.estimate-complete-title {
  font-family: "Noto Sans JP", "Inter", sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #444;
  line-height: 1.5;
  margin: 0 0 24px;
}
.estimate-complete-message {
  font-family: "Noto Sans JP", "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #444;
  line-height: 1.8;
  margin: 0 0 48px;
}
.estimate-complete-message p {
  margin: 0;
}
.estimate-complete-message strong {
  font-weight: 700;
}
.estimate-complete-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 318px;
  max-width: 100%;
  height: 60px;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.2s;
}
.estimate-complete-btn:hover {
  opacity: 0.8;
  color: #fff;
  text-decoration: none;
}
/* 商品一覧の詳細リンク */
.ep-detail-link {
  display: inline-block;
  font-size: 0.75rem;
  color: #000;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.ep-detail-link:hover {
  opacity: 0.6;
}
/* ================================================
   見積商品詳細ページ
   ================================================ */
.ep-detail {
  background: #fff;
  padding: 60px 20px;
  min-height: 60vh;
}
.ep-detail__container {
  display: flex;
  max-width: 1080px;
  margin: 0 auto;
  gap: 60px;
}
.ep-detail__left {
  width: 55%;
  flex-shrink: 0;
}
.ep-detail__main-slider {
  width: 100%;
  background: #f5f5f5;
  overflow: hidden;
}
.ep-detail__main-slider:not(.slick-initialized) .ep-detail__slide:not(:first-child) {
  display: none;
}
.ep-detail__main-slider .slick-prev,
.ep-detail__main-slider .slick-next {
  z-index: 1;
  width: 40px;
  height: 40px;
}
.ep-detail__main-slider .slick-prev::before,
.ep-detail__main-slider .slick-next::before {
  font-size: 20px;
  color: #000;
  opacity: 0.4;
}
.ep-detail__main-slider .slick-prev:hover::before,
.ep-detail__main-slider .slick-next:hover::before {
  opacity: 1;
}
.ep-detail__main-slider .slick-prev {
  left: 12px;
}
.ep-detail__main-slider .slick-next {
  right: 12px;
}
.ep-detail__slide img {
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
  background: #f5f5f5;
}
.ep-detail__thumbnails {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.ep-detail__thumbnail {
  width: calc(25% - 6px);
  cursor: pointer;
  border: 2px solid transparent;
  overflow: hidden;
  transition: border-color 0.2s ease;
  text-align: center;
}
.ep-detail__thumbnail.active {
  border-color: #000;
}
.ep-detail__thumbnail:hover {
  border-color: #999;
}
.ep-detail__thumbnail img {
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  background: #f5f5f5;
}
.ep-detail__color-name {
  display: block;
  font-size: 10px;
  color: #000;
  padding: 4px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0.02em;
}
.ep-detail__right {
  flex: 1;
  min-width: 0;
}
.ep-detail__product-name {
  font-size: 1.25rem;
  font-weight: 400;
  color: #000;
  margin: 0 0 32px;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.ep-detail__options {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #e0e0e0;
}
.ep-detail__option-group {
  margin-bottom: 16px;
}
.ep-detail__option-group:last-child {
  margin-bottom: 0;
}
.ep-detail__option-label {
  display: block;
  font-size: 0.75rem;
  font-weight: 400;
  color: #000;
  margin-bottom: 6px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.ep-detail__option-select,
.ep-detail__processing-select {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #000;
  border-radius: 0;
  font-size: 13px;
  background: #fff;
  color: #000;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23000' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
}
.ep-detail__option-select:focus,
.ep-detail__processing-select:focus {
  border-color: #000;
  outline: none;
  box-shadow: 0 0 0 1px #000;
}
.ep-detail__processing-toggles {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ep-detail__processing-toggle-btn {
  padding: 8px 14px;
  border: 1px solid #222;
  background: #fff;
  color: #444;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: opacity 0.2s ease;
  border-radius: 4px;
  opacity: 0.3;
}
.ep-detail__processing-toggle-btn:hover {
  opacity: 0.6;
}
.ep-detail__processing-toggle-btn.active {
  opacity: 1;
}
.processing-group-toggles {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 4px;
}
.processing-toggle-btn {
  padding: 6px 12px;
  border: 1px solid #222;
  background: #fff;
  color: #444;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: opacity 0.2s ease;
  border-radius: 4px;
  opacity: 0.3;
}
.processing-toggle-btn:hover {
  opacity: 0.6;
}
.processing-toggle-btn.active {
  opacity: 1;
}
.ep-detail__quantity {
  margin-bottom: 24px;
}
.ep-detail__qty-controls {
  display: flex;
  align-items: center;
  gap: 0;
}
.ep-detail__qty-btn {
  width: 44px;
  height: 44px;
  background: #fff;
  border: 1px solid #000;
  color: #000;
  font-size: 1.1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ep-detail__qty-btn:hover:not(.disabled) {
  background: #000;
  color: #fff;
}
.ep-detail__qty-btn.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.ep-detail__qty-input {
  width: 80px;
  height: 44px;
  border: 1px solid #000;
  border-left: none;
  border-right: none;
  text-align: center;
  font-size: 14px;
  color: #000;
  background: #fff;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}
.ep-detail__qty-input::-webkit-outer-spin-button, .ep-detail__qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ep-detail__qty-input:focus {
  outline: none;
  box-shadow: 0 0 0 1px #000 inset;
}
.ep-detail__qty-note {
  font-size: 0.7rem;
  color: #000;
  margin-top: 6px;
  opacity: 0.5;
}
.ep-detail__price-area {
  margin-bottom: 24px;
  padding: 20px 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.ep-detail__price-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 8px;
}
.ep-detail__price-row:last-child {
  margin-bottom: 0;
}
.ep-detail__price-row--total {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e0e0e0;
}
.ep-detail__price-row--grand {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e0e0e0;
}
.ep-detail__price-label {
  font-size: 0.75rem;
  color: #000;
  letter-spacing: 0.06em;
}
.ep-detail__price-unit,
.ep-detail__price-subtotal,
.ep-detail__price-tax,
.ep-detail__price-total {
  font-size: 1.1rem;
  font-weight: 400;
  color: #000;
  letter-spacing: 0.02em;
}
.ep-detail__price-subtotal {
  font-size: 1.3rem;
}
.ep-detail__price-yen {
  font-size: 0.7em;
  margin-right: 1px;
}
.ep-detail__price-row--grand .ep-detail__price-label {
  font-weight: 700;
}
.ep-detail__price-total {
  font-size: 1.5rem;
  font-weight: 700;
}
.ep-detail__add-btn {
  display: block;
  width: 100%;
  padding: 18px;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 0;
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  cursor: pointer;
  transition: background 0.2s ease;
  margin-bottom: 40px;
}
.ep-detail__add-btn:hover {
  background: #333;
}
.ep-detail__add-btn:disabled {
  background: #ccc;
  cursor: not-allowed;
}
.ep-detail__sections {
  border-top: 1px solid #e0e0e0;
}
.ep-detail__section {
  border-bottom: 1px solid #e0e0e0;
}
.ep-detail__section-heading {
  font-size: 0.8rem;
  font-weight: 400;
  color: #000;
  padding: 20px 0;
  margin: 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  letter-spacing: 0.06em;
}
.ep-detail__toggle-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}
.collapsed .ep-detail__toggle-icon {
  transform: rotate(-45deg);
}
.ep-detail__section-content {
  font-size: 0.8rem;
  color: #000;
  line-height: 2;
  padding-bottom: 20px;
}
.ep-detail__section-content img {
  max-width: 100%;
  height: auto;
}
/* ================================================
   Header: Estimate items icon (replaces cart icon)
   ================================================ */
.to-estimate-items img {
  width: 29px;
  height: auto;
}
.estimate-items-count {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 17px;
  height: 17px;
  background-color: #c03434;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 99%;
  color: #fff;
  font-size: 0.625rem;
  font-weight: 700;
  pointer-events: none;
}
/* Submit button area (moved from sidebar-right) */
.estimate-submit-area {
  margin-top: 24px;
  padding: 0 20px 40px;
  text-align: center;
}
/* Hide cart-nav in SP nav on estimate pages */
body[id^=page_estimate_] .cart-nav {
  display: none !important;
}
/* ================================================
   Selected Items Page
   ================================================ */
.estimate-si {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
}
.estimate-si__header {
  margin-bottom: 24px;
}
.estimate-si__back-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.875rem;
  color: #666;
  margin-bottom: 16px;
  text-decoration: none;
}
.estimate-si__back-link:hover {
  color: #333;
}
.estimate-si__title {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}
.estimate-si__empty {
  text-align: center;
  padding: 60px 20px;
}
.estimate-si__empty p {
  font-size: 1rem;
  color: #888;
  margin-bottom: 24px;
}
.estimate-si__start-btn {
  display: inline-block;
  padding: 12px 32px;
  background-color: #000;
  color: #fff;
  border-radius: 4px;
  font-size: 1rem;
  text-decoration: none;
}
.estimate-si__start-btn:hover {
  opacity: 0.8;
  color: #fff;
}
.estimate-si__item {
  position: relative;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 12px;
}
.estimate-si__remove-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  border: none;
  background: #f0f0f0;
  border-radius: 50%;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.estimate-si__remove-btn:hover {
  background: #ddd;
}
.estimate-si__item-header {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}
.estimate-si__item-image {
  display: block;
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}
.estimate-si__item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.estimate-si__item-name h3, .estimate-si__item-name .h3 {
  font-size: 0.9375rem;
  font-weight: 600;
  margin: 0;
}
.estimate-si__detail-row {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
  font-size: 0.875rem;
}
.estimate-si__detail-row--subtotal {
  border-top: 1px solid #eee;
  padding-top: 8px;
  margin-top: 4px;
  font-weight: 600;
}
.estimate-si__detail-label {
  color: #666;
}
.estimate-si__summary {
  background: #f8f8f8;
  border-radius: 8px;
  padding: 16px;
  margin-top: 20px;
}
.estimate-si__summary-row {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  font-size: 0.875rem;
}
.estimate-si__summary-row--total {
  border-top: 1px solid #ddd;
  padding-top: 12px;
  margin-top: 8px;
  font-size: 1.125rem;
  font-weight: 700;
}
.estimate-si__actions {
  margin-top: 24px;
  text-align: center;
}
.estimate-si__continue-btn {
  display: inline-block;
  padding: 14px 40px;
  background-color: #000;
  color: #fff;
  border-radius: 4px;
  font-size: 1rem;
  text-decoration: none;
  width: 100%;
  text-align: center;
}
.estimate-si__continue-btn:hover {
  opacity: 0.8;
  color: #fff;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
@font-face {
  font-family: "FuturaMedium";
  src: url("/html/template/default/assets/fonts/FuturaMedium/font.woff2") format("woff2"), url("/html/template/default/assets/fonts/FuturaMedium/font.woff") format("woff");
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.bg-load-overlay {
  background: rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  position: fixed;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-around;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  opacity: 1;
}
/*  */
/* header */
/*  */
#header_holiday {
  display: flex;
  flex-direction: column;
  background-color: #e54f0e;
  height: 4.5rem;
  width: 100%;
  justify-content: center;
  align-items: center;
}
#header_holiday h2, #header_holiday .h2 {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.2px;
  margin-top: 1rem;
}
#header_holiday a {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration: underline;
  letter-spacing: 1.6px;
  margin-top: 0.3rem;
  margin-bottom: 1rem;
}
#header_free_shipping {
  display: flex;
  background-color: #fff;
  height: 40px;
  width: 100%;
  justify-content: center;
  align-items: center;
}
#header_free_shipping p {
  color: #000;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.4px;
}
#header_main_top {
  padding: 0 34px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 88px;
}
.creator {
  background-color: #fff;
}
.customer {
  background-color: #eee9dd;
}
.header_logo_top {
  display: flex;
  align-items: center;
  height: 100%;
  z-index: 10;
  margin-left: 0;
}
.header_logo_top .logo_beside {
  height: 20px;
}
.header_logo_top .logo_beside_sp {
  height: 12px;
  display: none;
}
#header_links_top {
  display: flex;
  align-items: center;
  z-index: 10;
}
#header_links_top li {
  position: relative;
  list-style-type: none;
  margin-left: 8px;
  margin-right: 0px;
}
#header_links_top li .name {
  font-size: 0.75rem;
}
#header_links_top li button img,
#header_links_top li a img {
  width: 29px;
  height: auto;
}
#header_links_top li p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.4px;
}
#header_links_top li .cart-count {
  position: absolute;
  top: -2px;
  left: -6px;
  width: 17px;
  height: 17px;
  background-color: #c03434;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 99%;
  color: #fff;
  font-size: 0.625rem;
  font-weight: 700;
  pointer-events: none;
}
.menu {
  display: none;
  position: absolute;
  padding: 16px;
  margin-top: 10px;
  right: 0;
  white-space: nowrap;
  background-color: #fff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.18);
  border-radius: 2px;
  font-size: 0.75rem;
  line-height: 1.6;
}
.menu a,
.menu button {
  display: block;
  color: #000000;
}
.menu a:not(:last-child),
.menu button:not(:last-child) {
  margin-bottom: 4px;
}
.menu.no-item {
  text-align: center;
}
.menu.no-item .icon {
  margin-bottom: 8px;
}
.menu.cart .cart-item {
  margin-bottom: 8px;
  padding: 8px;
  background-color: #fdfdfd;
}
.menu.cart .cart-item .top,
.menu.cart .cart-item .bottom {
  display: flex;
}
.menu.cart .cart-item .top {
  margin-bottom: 8px;
}
.menu.cart .cart-item .top .product-image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 77px;
  width: 70px;
  background-color: #eee;
  margin-right: 4px;
}
.menu.cart .cart-item .top .product-image img {
  width: 100%;
  height: auto;
}
.menu.cart .cart-item .bottom {
  justify-content: space-between;
}
.menu.cart .cart-item .bottom a {
  color: #2d599b;
}
.menu.cart .to-cart {
  padding: 8px;
  width: 238px;
  background-color: #ea4b35;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fdfdfd;
  font-size: 1rem;
  line-height: 1.625;
}
* {
  box-sizing: border-box;
}
.section-header, .pickup-section .pickup-section__header, #item_list_top .item_list_header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 100px;
}
.section-header--steps {
  margin-bottom: 60px;
}
.section-header--reason {
  margin-bottom: 91px;
}
.section-subtitle, .pickup-section .pickup-section__subtitle, #item_list_top .item_list_subtitle {
  color: #909090;
  text-align: center;
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1rem;
  letter-spacing: 0.42px;
  text-transform: capitalize;
  margin: 0;
}
.section-main-title, .pickup-section .pickup-section__title, #item_list_top .item_list_main_title {
  color: #1e1e1e;
  text-align: center;
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 32px;
  font-weight: 860;
  line-height: 1rem;
  letter-spacing: 6.4px;
  text-transform: uppercase;
  margin: 0;
}
#headline .headline__top {
  position: relative;
  background-color: #ffffff;
  width: 100%;
  min-height: 552px;
  overflow: hidden;
}
#headline .headline__content {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 100px 8rem;
  gap: 5rem;
}
#headline .headline__text-section {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 600px;
}
#headline .headline__subtitle {
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 2px;
  color: #000000;
  margin: 0 0 8px 0;
}
#headline .headline__title {
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-weight: 700;
  font-size: 44px;
  line-height: 1.4;
  letter-spacing: 8.8px;
  color: #1e1e1e;
  margin: 0 0 40px 0;
  white-space: nowrap;
}
#headline .headline__cta-label {
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0.56px;
  color: #222222;
  margin: 0 0 12px 0;
  width: 369px;
  text-align: center;
}
#headline .headline__cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 27.409px;
  width: 369px;
  height: 70px;
  border-radius: 8px;
  background: #222222;
  color: #ffffff;
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2px;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}
#headline .headline__cta-button:hover {
  background: #333333;
  transform: translateY(-2px);
}
#headline .headline__cta-button:active {
  transform: translateY(0);
}
#headline .headline__image-section {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 431px;
  height: 427px;
}
#headline .headline__image-section .headline__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
#headline .headline_top__image,
#headline .headline_top__text,
#headline .headline_top__button,
#headline .kv-figma-copy {
  display: none;
}
#headline .kv-figma-btn .btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem;
  min-width: 280px;
  height: 4rem;
  border-radius: 0.5rem;
  background: linear-gradient(135deg, #1854b3 0%, #02277d 100%);
  color: #ffffff;
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.18px;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 4px 1rem rgba(0, 114, 255, 0.25);
  border: none;
  cursor: pointer;
}
#headline .kv-figma-btn .btn-primary:hover {
  background: linear-gradient(135deg, #009de0 0%, #005ce6 100%);
  box-shadow: 0 6px 20px rgba(0, 114, 255, 0.35);
  transform: translateY(-2px);
}
#headline .kv-figma-btn .btn-primary:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 114, 255, 0.3);
}
#item_list_top {
  position: relative;
  background: #f5f5f5;
  padding: 100px 8rem 167px;
  margin: 0 auto;
  width: 100%;
}
#item_list_top .item_list_header {
  align-items: flex-start;
}
#item_list_top .item_list_subtitle {
  text-align: left;
}
#item_list_top .item_list_main_title {
  text-align: left;
}
#item_list_top .category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: 1.5rem;
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}
#item_list_top .category-card {
  display: flex;
  flex-direction: column;
  aspect-ratio: 1;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
#item_list_top .category-card:hover {
  opacity: 0.85;
}
#item_list_top .category-card__image {
  flex: 1;
  min-height: 0;
  margin: 16px 16px 0;
}
#item_list_top .category-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
#item_list_top .category-card__info {
  padding: 8px 16px 16px;
}
#item_list_top .category-card__name-en {
  color: #999;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 2px;
}
#item_list_top .category-card__name {
  color: #1e1e1e;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.4;
  margin: 0;
}
.quick-estimate-section {
  background: #f5f5f5;
  padding: 0 8rem 100px;
}
.quick-estimate-section .quick-estimate__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  padding-top: 3rem;
}
.quick-estimate-section .quick-estimate__subtitle {
  color: #1e1e1e;
  text-align: center;
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2.4px;
  margin-top: 1.5rem;
}
.quick-estimate-section .quick-estimate__title {
  color: #1e1e1e;
  text-align: center;
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}
.quick-estimate-section .quick-estimate__desc {
  color: #1e1e1e;
  text-align: center;
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: -0.13px;
  margin: 1rem 0 1.5rem 0;
}
.quick-estimate-section .quick-estimate__btn-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 1rem;
  margin-bottom: 0;
}
.quick-estimate-section .quick-estimate__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 27.409px;
  width: 406px;
  height: 5rem;
  border-radius: 1rem;
  background: #000000;
  color: #ffffff;
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2px;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 4px 1rem rgba(24, 84, 179, 0.25);
  border: none;
  cursor: pointer;
}
.quick-estimate-section .quick-estimate__btn:hover {
  background: linear-gradient(90deg, #0e3f99 0%, #01206a 100%);
  box-shadow: 0 6px 20px rgba(24, 84, 179, 0.35);
  transform: translateY(-2px);
}
.quick-estimate-section .quick-estimate__btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(24, 84, 179, 0.3);
}
.quick-estimate-section .all-products-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13.704px;
  padding: 0 27.409px;
  width: 406px;
  height: 5rem;
  border-radius: 1rem;
  background: #000000;
  color: #ffffff;
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2px;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
}
.quick-estimate-section .all-products-button:hover {
  background: #333333;
  transform: translateY(-2px);
  box-shadow: 0 4px 1rem rgba(0, 0, 0, 0.25);
}
.quick-estimate-section .all-products-button:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.pickup-section {
  padding: 100px 8rem;
  background: #ffffff;
}
.pickup-section .pickup-section__header {
  align-items: flex-start;
}
.pickup-section .pickup-section__subtitle {
  text-align: left;
}
.pickup-section .pickup-section__title {
  text-align: left;
}
.pickup-section .pickup-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
.pickup-section .pickup-card {
  position: relative;
  display: block;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 3/2;
  text-decoration: none;
  color: inherit;
  transition: opacity 0.3s ease;
}
.pickup-section .pickup-card:hover {
  opacity: 0.85;
}
.pickup-section .pickup-card__image {
  width: 100%;
  height: 100%;
}
.pickup-section .pickup-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.pickup-section .pickup-card__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.4));
}
.pickup-section .pickup-card__text {
  display: flex;
  flex-direction: column;
}
.pickup-section .pickup-card__name-en {
  color: rgba(255, 255, 255, 0.8);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
}
.pickup-section .pickup-card__name {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
}
.pickup-section .pickup-card__arrow {
  color: #ffffff;
  font-size: 18px;
}
#item_list__nameValueReview {
  color: #343434;
  font-size: 0.75rem;
  line-height: 1.6;
}
#item_list__nameValueReview .item_list__review {
  color: #343434;
}
#item_list__nameValueReview .item_list__review span {
  padding-left: 8px;
}
.estimate {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: 1rem;
  padding: 4rem 2rem 5rem;
  background: linear-gradient(135deg, #1854b3 0%, #02277d 100%);
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}
.estimate .estimate-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
.estimate .estimate-content .estimate-text {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
}
.estimate .estimate-content .estimate-text span {
  color: #ffffff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.4rem;
  text-align: center;
}
.estimate .estimate-content .estimate-text span .small-jp {
  font-size: 1.2rem;
}
.estimate .estimate-content .estimate-button .btn-estimate {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  width: 30rem;
  height: 5rem;
  border-radius: 4px;
  background: #ffffff;
  color: var(--color-accent-3, #0e3f99);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.18px;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}
.estimate .estimate-content .estimate-button .btn-estimate:hover {
  background: #f8f9fa;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
.estimate .estimate-content .estimate-button .btn-estimate:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.link {
  border-radius: var(--radius-4, 4px);
  background: linear-gradient(135deg, #4dd987 0%, #06c755 100%);
  color: var(--color-white, #fff);
  text-align: center;
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.4px;
  padding: 1rem 2rem;
  margin-top: 1rem;
  max-width: 17.5rem;
}
.steps {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #e1e1e1;
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}
.steps .steps__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 64px 2rem 80px;
  max-width: 800px;
  margin: 0 auto;
}
.steps .steps__lead {
  color: #707070;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0 0 20px 0;
}
.steps .steps__heading {
  color: #1e1e1e;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.6;
  letter-spacing: 1px;
  margin: 0 0 32px 0;
}
.steps .steps__description {
  color: #4a4a4a;
  font-size: 15px;
  font-weight: 400;
  line-height: 2;
  margin: 0;
}
.sp-only {
  display: none;
}
.reason-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  background: #e7f0f3;
  padding: 90px 108px;
  box-sizing: border-box;
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}
.reason-section .reason__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 57px;
}
.reason-section .reason__subtitle {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.42px;
  color: #000000;
  margin: 0;
}
.reason-section .reason__main-title {
  font-family: Jost, Inter, "Noto Sans JP", sans-serif;
  font-size: 68px;
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -3.4px;
  color: #1e1e1e;
  text-transform: uppercase;
  margin: 0;
}
.reason-section .reason__container {
  display: flex;
  flex-direction: row;
  gap: 36px;
  justify-content: center;
  max-width: 1180px;
  width: 100%;
}
.reason-section .reason__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
  border-radius: 1rem;
  padding: 38px 24px;
  flex: 1 1 0;
  max-width: 369px;
  box-sizing: border-box;
}
.reason-section .reason__label {
  color: #052c83;
  text-align: left;
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.165px;
  margin: 0 0 29px 0;
  width: 100%;
}
.reason-section .reason__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 160px;
  margin-bottom: 29px;
}
.reason-section .reason__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.reason-section .reason__title {
  color: #052c83;
  text-align: center;
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.264px;
  margin: 0 0 29px 0;
}
.reason-section .reason__desc {
  color: #222222;
  text-align: center;
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  margin: 0;
}
.about-section {
  background: #ffffff;
  padding: 90px 108px;
  font-family: Inter, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}
.about-section .about-section__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 57px;
}
.about-section .about-section__subtitle {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.42px;
  color: #000000;
  margin: 0;
}
.about-section .about-section__title {
  font-family: Jost, Inter, "Noto Sans JP", sans-serif;
  font-size: 68px;
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -3.4px;
  color: #1e1e1e;
  text-transform: uppercase;
  margin: 0;
}
.about-section .about-section__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}
.about-card {
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  overflow: hidden;
}
.about-card .about-card__inner {
  padding: 32px;
}
.about-card .about-card__label {
  display: flex;
  align-items: center;
  gap: 0;
  margin-bottom: 8px;
}
.about-card .about-card__label-ja {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 0.42px;
  color: #000000;
}
.about-card .about-card__label-en {
  font-family: Jost, Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #999999;
}
.about-card .about-card__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.72px;
  color: #000000;
  margin: 0 0 24px 0;
}
.about-card .about-card__image {
  width: 100%;
  aspect-ratio: 327/220;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
}
.about-card .about-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.about-card .about-card__desc {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.42px;
  color: #000000;
  margin: 0;
}
/* Product Modal Styles */
.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.modal-container.is-show {
  opacity: 1;
  visibility: visible;
}
.product-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.product-modal.is-show {
  opacity: 1;
  visibility: visible;
}
.product-modal .modal-content {
  background: white;
  border-radius: 8px;
  padding: 0;
  max-width: 90vw;
  max-height: 90vh;
  overflow: hidden;
  position: relative;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  z-index: 10000;
}
.product-modal .modal-close {
  position: absolute;
  top: 1rem;
  right: 15px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #666;
  z-index: 10001;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.product-modal .modal-close:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #333;
}
.modal-body {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
.left-section {
  width: 50%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.right-section {
  width: 50%;
  padding: 20px;
  overflow-y: auto;
  max-height: 80vh;
}
.main-image {
  width: 100%;
  height: 300px;
  border-radius: 8px;
  overflow: hidden;
  background: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.thumbnail-list {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  padding: 5px 0;
}
.thumbnail-list .thumbnail {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
.thumbnail-list .thumbnail:hover {
  transform: scale(1.05);
}
.thumbnail-list .thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-details h2, .product-details .h2 {
  margin: 0 0 20px 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #333;
}
.product-details .detail-section {
  margin-bottom: 20px;
}
.product-details .detail-section h3, .product-details .detail-section .h3 {
  margin: 0 0 1rem 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #444;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 5px;
}
.product-details .detail-section > div {
  font-size: 0.9rem;
  line-height: 1.5;
  color: #666;
}
.product-details .detail-section > div p {
  margin: 0 0 1rem 0;
}
* {
  box-sizing: border-box;
}
#item_category_list ul li {
  list-style-type: none;
}
#item_list ul li {
  list-style-type: none;
}
.mainContents {
  width: 100%;
  padding: 128px 24px 160px;
}
.mainContents_useFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  width: 100%;
  margin: auto;
}
.mainContents__left {
  position: relative;
  max-width: 532px;
  width: 100%;
  border-radius: 4px;
  padding: 16px 21px 24px;
  background-color: #ffffff;
}
.mainContents__left h1, .mainContents__left .h1 {
  position: absolute;
  top: -32px;
  left: 0;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.6;
  color: #000000;
  margin-top: -16px;
}
#mainContents__left__cartList ul {
  flex-direction: column;
}
#mainContents__left__cartList ul li {
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  width: 100%;
  padding: 32px 0px 32px 16px;
  border-bottom: solid 1px #f5f1e6;
}
#mainContents__left__cartList ul li:nth-last-child(1) {
  border-bottom: none;
}
#mainContents__left__cartList ul li .design-image-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#mainContents__left__cartList ul li a.download-design-image {
  margin-top: 8px;
  color: #2d599b;
  font-size: 0.75rem;
}
#mainContents__left__cartList ul li img {
  width: 96px;
  margin-right: 8px;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
#mainContents__left__cartList__productDetail {
  margin: auto 0;
}
#mainContents__left__cartList__productDetail p {
  font-size: 0.75rem;
  line-height: 1.6;
  color: #000000;
}
#mainContents__left__cartList__productDetail p:nth-child(1) {
  font-size: 0.875rem;
}
#mainContents__left__cartList__productDetail button {
  font-size: 0.75rem;
  line-height: 1.6;
  color: #2d599b;
  background-color: white;
  border: none;
  padding: 0;
}
#mainContents__left__cartList__productDetail button:hover {
  opacity: 0.7;
}
#mainContents__left__cartList__valueCountDelete {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 45%;
  margin: auto;
  margin-right: 0;
}
#mainContents__left__cartList__valueCountDelete p {
  flex-shrink: 0;
  font-size: 0.75rem;
  line-height: 1.6;
  color: #000000;
  margin: auto 0;
}
#mainContents__left__cartList__valueCountDelete .select-wrapper {
  display: flex;
  gap: 4px;
  min-width: 95px;
}
#mainContents__left__cartList__valueCountDelete .select-wrapper label {
  flex-shrink: 0;
  font-size: 0.75rem;
  line-height: 1.6;
  color: #000000;
  margin: auto 0;
}
#mainContents__left__cartList__valueCountDelete .select-wrapper select {
  width: 100%;
  height: 31px;
  cursor: pointer;
  padding-left: 8px;
}
#mainContents__left__cartList__valueCountDelete .remove-product {
  display: block;
  font-size: 0.75rem;
  line-height: 1.6;
  color: #2d599b;
  border: none;
  width: 45%;
  text-align: left;
}
#mainContents__left__cartList__valueCountDelete .remove-product:hover {
  opacity: 0.7;
}
#mainContents__left__coupon {
  margin-bottom: 40px;
}
#mainContents__left__coupon #apply-coupon {
  display: flex;
  padding: 16px 16px 0 16px;
  gap: 8px;
}
#mainContents__left__coupon #apply-coupon p {
  width: 50%;
  font-size: 0.75rem;
  line-height: 1.6;
  display: flex;
  color: #000000;
  padding-top: 8px;
}
#mainContents__left__coupon #apply-coupon .ec-input, #mainContents__left__coupon #apply-coupon .ec-halfInput, #mainContents__left__coupon #apply-coupon .ec-numberInput, #mainContents__left__coupon #apply-coupon .ec-zipInput, #mainContents__left__coupon #apply-coupon .ec-telInput, #mainContents__left__coupon #apply-coupon .ec-select, #mainContents__left__coupon #apply-coupon .ec-birth {
  width: 150%;
}
#mainContents__left__coupon #apply-coupon .ec-input input, #mainContents__left__coupon #apply-coupon .ec-halfInput input, #mainContents__left__coupon #apply-coupon .ec-numberInput input, #mainContents__left__coupon #apply-coupon .ec-zipInput input, #mainContents__left__coupon #apply-coupon .ec-telInput input, #mainContents__left__coupon #apply-coupon .ec-select input, #mainContents__left__coupon #apply-coupon .ec-birth input {
  width: 100%;
  height: 31px;
  border: 1px solid #ababab;
  padding-left: 8px;
}
#mainContents__left__coupon #apply-coupon button {
  width: 50%;
  height: 31px;
  border: 1px solid #000000;
  font-size: 0.75rem;
  line-height: 1.6;
  text-align: center;
  color: #000000;
}
#mainContents__left__coupon #apply-coupon button:hover {
  opacity: 0.7;
}
#mainContents__left__coupon #apply-coupon button .show-sp {
  display: none;
}
#mainContents__left__coupon #apply-coupon button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#mainContents__left__coupon .no-cart-notice {
  font-size: 0.75rem;
  line-height: 1.6;
  padding-left: 23%;
}
#mainContents__left__coupon .mainContents__about__coupon {
  display: block;
  font-size: 0.75rem;
  line-height: 1.6;
  color: #2d599b;
  padding-left: 23%;
}
#mainContents__left__coupon .mainContents__about__coupon:hover {
  opacity: 0.7;
}
#mainContents__left__totalPrice {
  border-top: 1px solid #969696;
  padding-top: 16px;
}
#mainContents__left__totalPrice p {
  font-size: 0.75rem;
  line-height: 1.6;
  text-align: right;
  color: #000000;
}
#mainContents__left__totalPrice p .price {
  display: inline-block;
  width: 70px;
}
.mainContents__right {
  max-width: 318px;
  width: 100%;
  height: 29.028%;
  background-color: #ffffff;
  padding: 24px;
}
.mainContents__right .mainContents__right__container {
  width: 100%;
  max-width: 244px;
  margin: 0 auto;
}
.mainContents__right p {
  font-size: 0.75rem;
  line-height: 1.6;
  color: #000000;
  margin: 0;
  margin-bottom: 4px;
}
.mainContents__right p:nth-of-type(3) {
  font-size: 0.75rem;
  line-height: 1.6;
  text-align: center;
  color: #2d599b;
  cursor: pointer;
}
.mainContents__right p:nth-of-type(3):hover {
  opacity: 0.7;
}
.mainContents__right p:nth-of-type(4) {
  width: 100%;
  height: 1px;
  background-color: #000000;
  margin: 0;
}
.mainContents__right p a {
  color: #2d599b;
}
.mainContents__right p a:hover {
  opacity: 0.7;
}
.mainContents__right .link-to-product-list {
  font-size: 0.75rem;
  line-height: 1.6;
  text-align: center;
  margin: 24px 0 0;
  cursor: pointer;
}
.mainContents__right .link-to-product-list a {
  color: #2d599b;
}
.mainContents__right .link-to-product-list a:hover {
  opacity: 0.7;
}
.mainContents__right .input-wrapper label {
  font-size: 0.75rem;
  line-height: 1.6;
  margin-bottom: 0;
}
.mainContents__right .input-wrapper input {
  font-size: 0.75rem;
  line-height: 1.6;
}
.mainContents__right .input-wrapper.password {
  position: relative;
}
.mainContents__right .input-wrapper.password i {
  position: absolute;
  top: 41.5px;
  right: 11px;
  transform: translateY(-50%);
}
.mainContents__right .input-wrapper:not(:first-child) {
  margin-top: 8px;
}
.mainContents__right .input-wrapper.input {
  align-items: center;
}
.mainContents__right button {
  width: 100%;
  height: 42px;
  font-size: 1rem;
  line-height: 1.6;
  margin-left: auto;
  text-align: center;
  color: #ffffff;
  background-color: #ea4b35;
  border: 1px solid #000000;
}
.mainContents__right button:nth-of-type(1) {
  margin-top: 16px;
}
.mainContents__right button.pay-as-guest {
  margin: 0;
}
.mainContents__right button:nth-of-type(2) {
  margin: 8px 0 24px;
}
.mainContents__right button:nth-of-type(3) {
  margin-top: 24px;
}
.mainContents__right button:hover {
  opacity: 0.7;
}
.mainContents__right #entry-button {
  margin-bottom: 44px;
}
.mainContents__right .cart-google-button-wrapper {
  display: flex;
  justify-content: center;
  margin: 8px 0 24px;
}
.form-wrapper {
  position: relative;
}
.form-wrapper i {
  position: absolute;
  top: 8px;
  right: 5px;
}
.no-cart-items {
  padding: 32px 16px;
}
.creator_cart_modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.creator_cart_modal #modalTitle {
  color: #ea4335;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
  margin-top: 20px; /* 下に少し余白を追加 */
}
.creator_cart_modal #modalSubTitle {
  color: #ea4335;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 20px;
}
.creator_cart_modal #modalContents {
  color: #5e5e5e;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  margin-bottom: 30px;
}
.creator_cart_modal .modal-content {
  background-color: #fff;
  text-align: center;
  width: 40%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 37px 40px;
  border-radius: 4px;
}
.creator_cart_modal .modal-content #modalMessage {
  margin-top: 42px;
}
.creator_cart_modal .modal-content #modalMessage a {
  border-bottom: 1px solid #ea4335;
}
.creator_cart_modal .modal-content #modalMessage p {
  font-weight: 600;
}
.creator_cart_modal .modal-content button {
  width: 135px;
  height: 40px;
  border-radius: 4px;
}
.creator_cart_modal .modal-content .button_container {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 3px; /* ボタンの周囲に余白を追加 */
  border-radius: 4px; /* 角を丸める */
  margin-top: 20px; /* ボタンコンテナの上に余白を追加 */
}
.creator_cart_modal .modal-content .button_container button {
  font-weight: 600;
}
.creator_cart_modal #creator_cart_deleteButton {
  border-radius: 4px;
  background: #ea4335;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
.creator_cart_modal #creator_cart_cancelButton {
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #000000;
  color: #343434;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.creator_cart_modal .close-icon-container {
  display: flex;
  justify-content: center;
  position: absolute;
  top: -15px;
  right: -15px;
  width: 38px;
  aspect-ratio: 1/1;
  background-color: #ffffff;
  border-radius: 50%;
  align-items: center;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.creator_cart_modal .close-icon-container img {
  width: 40%;
  height: 40%;
}
* {
  box-sizing: border-box;
}
#item_category_list ul li {
  list-style-type: none;
}
#item_list ul li {
  list-style-type: none;
}
#main_contents {
  padding: 80px 0 160px;
  margin: 0 auto;
}
#main_contents form h1, #main_contents form .h1 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.6;
  text-align: center;
  color: #343434;
  margin-bottom: 16px;
  padding: 0;
}
#register_contents {
  padding: 64px 116px;
  margin: 0 auto;
  text-align: left;
  width: 100%;
  max-width: 532px;
}
#form_email p {
  font-size: 0.75rem;
  line-height: 1.6;
  color: #000000;
  margin: 0;
}
#form_email input {
  margin-bottom: 8px;
  width: 100%;
  height: 31px;
}
#form_password {
  position: relative;
}
#form_password p {
  font-size: 0.75rem;
  line-height: 1.6;
  color: #000000;
  margin: 0;
}
#form_password input {
  width: 100%;
  height: 31px;
}
#form_password i {
  position: absolute;
  top: 27.5px;
  right: 11px;
}
#register_form {
  max-width: 300px;
  margin: 0 auto;
}
#register_btn {
  margin: 60px auto 0;
  max-width: 300px;
}
#register_btn p {
  font-size: 0.6rem;
  line-height: 1.6;
  text-align: center;
  color: #000000;
}
#register_btn p span a {
  color: #2d599b;
}
#register_btn button {
  border-radius: 4px;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.6;
  text-align: center;
  color: #fdfdfd;
  background: #ea4b35;
  border: none;
  width: 100%;
  padding: 8px 0;
}
#register_btn button:hover {
  opacity: 0.7;
}
#product_main {
  width: 100%;
  background-color: #f7f4ed;
}
#product_main_contents {
  display: flex;
  width: 100%;
  max-width: 984px;
  padding: 80px 24px 100px;
  margin: 0 auto;
  -moz-column-gap: 1.656%;
       column-gap: 1.656%;
}
#product_main_contents_left {
  width: 100%;
  max-width: 532px;
}
#product_main_contents_left .slide.slick-initialized.slick-slider {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
}
#product_main_contents_left .size-comment {
  text-align: center;
  margin-top: 4px;
  font-size: 12px;
  color: #343434;
}
.slide__navigation {
  width: 100%;
  margin-top: 16px;
  position: relative;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
  justify-content: start;
}
.slide__navigation .item {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  aspect-ratio: 1;
  width: 23.85%;
  height: auto;
  padding: 0;
}
.slide__navigation .item.is-empty {
  max-width: 100px;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.slide__navigation .item.loading {
  opacity: 0.5;
}
.slide__navigation .item.loading:before {
  z-index: 1;
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #3498db;
  animation: spinner 0.6s linear infinite;
}
.slide__navigation .item::before {
  display: block;
  content: "";
}
.slide__navigation .item img {
  position: absolute;
  aspect-ratio: 1;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.slide__navigation .current::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  aspect-ratio: 1;
  height: 100%;
  width: auto;
  content: "";
  opacity: 0.5;
  background: #000;
}
.price_area {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.price_area .price {
  display: flex;
  align-items: flex-start;
  color: #0f1111;
  font-size: 1.75rem;
  line-height: normal;
}
.price_area .price .price02-en {
  font-size: 0.75rem;
  line-height: normal;
  margin-top: 0.4rem;
}
.price_area .price .price02-default {
  line-height: normal;
}
#product_main_contents_right {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 380px;
}
.heart_container {
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
}
.heart_container img {
  background-color: #ffffff;
  border: 0.5px solid #ababab;
  border-radius: 4px;
  width: 40px;
  height: 40px;
}
.heart_container p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
}
.heart_container input {
  display: none;
}
.heart_container button {
  text-align: center;
  padding: 0;
  width: 100%;
  height: 40px;
}
.heart_container button:hover {
  opacity: 0.7;
}
.heart_container label {
  width: 100%;
  display: inline;
}
#products_name_value_review p {
  font-family: "Noto Sans JP", sans-serif;
}
#products_name_value_review p.product_name {
  color: #343434;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 36px; /* 150% */
  margin: 0;
}
#products_name_value_review p.price, #products_name_value_review p.sale_limit_min {
  color: #343434;
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 400;
}
#products_name_value_review p.review {
  color: #343434;
  font-size: 0.75rem;
}
#products_name_value_review p.review span:nth-of-type(1) {
  margin-right: 8px;
}
#products_name_value_review p.products_review_sale_text {
  font-weight: 700;
  color: #c03434;
}
#products_name_value_review p.products_review_sale_value span.line-through {
  text-decoration: line-through;
}
#products_name_value_review span.tax_included {
  color: #5e5e5e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
}
#product_name_value_review label span {
  color: #000000;
  font-family: "Roboto";
  font-size: 0.75rem;
  line-height: 1.6;
  display: flex;
  align-items: center;
}
#product_name_value_review label span:nth-child(2) {
  margin: 0 8px 0 4px;
}
.selectBox {
  -moz-column-gap: 8px;
       column-gap: 8px;
  margin-bottom: 25px;
}
.selectBox .form-label {
  color: #343434;
  font-size: 0.8125rem;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.selectBox .form-select {
  border: 1px solid #ffffff;
  border-radius: 4px;
}
.selectBox .selectBox_size {
  width: 75%;
  font-size: 0.75rem;
  line-height: 1.6;
  color: #ababab;
  padding-left: 8px;
  text-overflow: ellipsis;
  height: 31px;
}
.selectBox .selectBox_count {
  width: 23%;
  font-size: 0.75rem;
  line-height: 1.6;
  padding-left: 8px;
  height: 31px;
}
.selectBox .preview-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.selectBox .preview-wrapper .preview-image {
  display: none;
  max-height: 200px;
  margin: 0 auto;
  margin-top: 10px;
}
.selectBox .preview-wrapper .remove-image {
  display: none;
  margin: 0 auto;
  margin-top: 10px;
  color: #ea4b35;
  font-size: 0.75rem;
  cursor: pointer;
}
.disabled {
  opacity: 0.3;
  cursor: inherit;
}
.stock_is_limited {
  margin-top: 10px;
}
#designBtn_and_addCart {
  display: flex;
  flex-direction: column;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 4px;
}
#designBtn_and_addCart form {
  width: 49%;
}
#line_url {
  display: flex;
  flex-direction: column;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 4px;
}
#line_url form {
  width: 49%;
}
#lineBtn,
#designBtn,
#addCart {
  height: 42px;
  line-height: 1.6;
  text-align: center;
  border-radius: 4px;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
#lineBtn:hover,
#designBtn:hover,
#addCart:hover {
  opacity: 0.7;
}
#lineBtn:disabled,
#designBtn:disabled,
#addCart:disabled {
  opacity: 0.3;
  cursor: inherit;
}
#designBtn {
  width: 90%;
  font-size: 0.95rem;
  background-color: #ea4b35;
  border: none;
  color: #fff;
  margin: 0 auto;
  margin-top: 24px;
}
#addCart {
  width: 90%;
  font-size: 0.8125rem;
  background: rgb(52, 52, 52);
  color: #ffffff;
  margin: 0 auto;
  margin-top: 30px;
}
#addCart.upload-image-cart {
  width: 90%;
  margin: 0 auto;
  margin-top: 24px;
  background-color: #ea4b35;
  color: #ffffff;
}
#lineBtn {
  width: 90%;
  font-size: 0.8rem;
  background-color: #ffffff;
  border: 1px solid #06c755;
  color: #000000;
  margin: 0 auto;
  margin-bottom: 20px;
}
#lineBtn img {
  margin-right: 8px;
  vertical-align: middle;
}
.add-cart-confirmation {
  text-align: center;
  font-size: 12px;
}
#design_caveat .design_caveat_bd {
  background-color: #ffffff;
  margin-bottom: 20px;
}
#design_caveat .design_caveat_bd .design_caveat_text {
  margin: 25px;
}
#design_caveat .design_caveat_bd .design_caveat_text a {
  color: #ea4b35;
}
#design_caveat .design_caveat_bd .design_caveat_text h2, #design_caveat .design_caveat_bd .design_caveat_text .h2 {
  font-size: 1rem;
  font-family: "Noto Sans JP", sans-serif;
  color: #343434;
  margin-top: 25px;
}
#design_caveat .design_caveat_bd .design_caveat_text p {
  font-size: 0.857rem;
  font-family: "Noto Sans JP", sans-serif;
  color: #343434;
  margin-top: 25px;
}
#design_caveat .alcohol_coution {
  display: flex;
  flex-direction: column;
  padding: 16px 0;
  gap: 4px;
}
#design_caveat .alcohol_coution p {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
}
#design_caveat .design_caveat_border {
  border-bottom: 0.5px solid #b7b7b7;
}
#designBtn_and_addCart_description {
  color: #ea4b35;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 166.667% */
  margin-top: 8px;
  margin-bottom: 16px;
}
.tabs {
  font-family: "Noto Sans JP", sans-serif;
  margin-top: 64px;
  padding-bottom: 2.778vw;
  width: 100%;
}
.tabs input:checked + .tab_item {
  border-bottom: 2px solid #343434;
  color: #343434;
}
.tab_item {
  font-family: "Noto Sans JP", sans-serif;
  height: 40px;
  border-bottom: 2px solid #d4c2c2;
  font-weight: 700;
  line-height: 1.6;
  font-size: 1rem;
  color: #343434;
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
}
.tab_item:nth-of-type(1) {
  width: 28%;
}
.tab_item:nth-of-type(2) {
  width: 44%;
}
.tab_item:nth-of-type(3) {
  width: 28%;
}
.tab_item:hover {
  opacity: 0.75;
  cursor: pointer;
}
input[name=tab_item] {
  display: none;
}
.tab_content {
  display: none;
  padding-top: 24px;
  clear: both;
  width: 100%;
}
.tab_content .total-ratings {
  margin-top: 16px;
  font-size: 0.75rem;
}
.tab_content .total-ratings .title {
  font-weight: 700;
}
.tab_content .total-ratings .ratings-row {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.tab_content .total-ratings .ratings-row .bar {
  height: 12px;
  width: 100%;
  position: relative;
  display: inline-block;
  background-color: #eee;
}
.tab_content .total-ratings .ratings-row .bar .ratio {
  position: absolute;
  height: 12px;
  background-color: #343434;
}
.tab_content .total-ratings .ratings-row .description {
  gap: 5px;
  width: 15%;
  flex-shrink: 0;
  text-align: right;
}
.tab_content .total-ratings .ratings-row .description .percentage {
  display: inline-block;
  width: 46%;
}
.tab_content .reviews {
  margin-top: 24px;
}
.tab_content .reviews .review:not(:first-child) {
  margin-top: 24px;
}
.tab_content .reviews .review .reviewer {
  margin-top: 4px;
}
.tab_content .reviews .review .review-description,
.tab_content .reviews .review .review-text {
  margin-top: 16px;
}
.tab_content .reviews .review .review-text {
  white-space: pre-wrap;
}
.tab_content .reviews hr {
  background-color: #ababab;
  height: 1px;
  border: none;
}
#all:checked ~ #all_content {
  display: block;
}
#programming:checked ~ #programming_content {
  display: block;
}
#design:checked ~ #design_content {
  display: block;
}
.tabs_bottom {
  margin: 0;
}
.slide {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 584px;
}
.slide .item {
  position: relative;
  height: 100%;
}
.slide .item::before {
  padding-top: 39%;
  content: "";
  position: relative;
  overflow: hidden;
}
.slide .item.loading {
  display: none;
}
.slide .item img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide > .slick-list {
  position: relative;
  height: 100%;
}
.slide > .slick-list > .slick-track {
  position: relative;
  height: 100%;
}
.slide > .slick-list > .slick-track > .slick-slide > div {
  position: relative;
  aspect-ratio: 1;
  width: 100%;
  height: auto;
}
.slide > .slick-list > .slick-track > .slick-slide > div img {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-txtsp {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #343434;
}
.c-txtsp :nth-child(2) {
  margin-top: 24px;
}
.c-txtsp .image-wrap {
  display: block;
  width: 100%;
}
.c-txtsp .image-wrap img {
  width: 100%;
}
.product_detail_description {
  padding-bottom: 24px;
  margin-top: 16px;
  border-top: 0.5px solid #b7b7b7;
  border-bottom: 0.5px solid #b7b7b7;
}
.product_detail_description h2, .product_detail_description .h2 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 36px; /* 300% */
  margin-bottom: 16px;
  margin-top: 30px;
}
.product_detail_description p {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 200% */
}
/**
 * 評価の星マーク
 *
 * https://blog.universe-web.jp/5659/
 */
.star {
  font-family: "Font Awesome 5 Free";
  font-size: 0.75rem;
  letter-spacing: 4px;
  margin-right: -4px;
}
.star:before {
  font-weight: 900;
}
.star:after {
  font-weight: 400;
}
.star[data-rate="0.0"]:before {
  content: "";
}
.star[data-rate="0.5"]:before {
  content: "\f5c0";
}
.star[data-rate="1.0"]:before {
  content: "\f005";
}
.star[data-rate="1.5"]:before {
  content: "\f005\f5c0";
}
.star[data-rate="2.0"]:before {
  content: "\f005\f005";
}
.star[data-rate="2.5"]:before {
  content: "\f005\f005\f5c0";
}
.star[data-rate="3.0"]:before {
  content: "\f005\f005\f005";
}
.star[data-rate="3.5"]:before {
  content: "\f005\f005\f005\f5c0";
}
.star[data-rate="4.0"]:before {
  content: "\f005\f005\f005\f005";
}
.star[data-rate="4.5"]:before {
  content: "\f005\f005\f005\f005\f5c0";
}
.star[data-rate="5.0"]:before {
  content: "\f005\f005\f005\f005\f005";
}
.star[data-rate="0.0"]:after {
  content: "\f005\f005\f005\f005\f005";
}
.star[data-rate="0.5"]:after {
  content: "\f005\f005\f005\f005";
}
.star[data-rate="1.0"]:after {
  content: "\f005\f005\f005\f005";
}
.star[data-rate="1.5"]:after {
  content: "\f005\f005\f005";
}
.star[data-rate="2.0"]:after {
  content: "\f005\f005\f005";
}
.star[data-rate="2.5"]:after {
  content: "\f005\f005";
}
.star[data-rate="3.0"]:after {
  content: "\f005\f005";
}
.star[data-rate="3.5"]:after {
  content: "\f005";
}
.star[data-rate="4.0"]:after {
  content: "\f005";
}
.star[data-rate="4.5"]:after {
  content: "";
}
.star[data-rate="5.0"]:after {
  content: "";
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.creator_product_datail_modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.creator_product_datail_modal #modalTitle {
  color: #ea4335;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
  margin-top: 20px; /* 下に少し余白を追加 */
}
.creator_product_datail_modal #modalSubTitle {
  color: #ea4335;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 20px;
}
.creator_product_datail_modal #modalContents {
  color: #5e5e5e;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  margin-bottom: 30px;
}
.creator_product_datail_modal .modal-content {
  background-color: #fff;
  text-align: center;
  width: 40%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 37px 40px;
  border-radius: 4px;
}
.creator_product_datail_modal .modal-content #modalMessage {
  margin-top: 42px;
}
.creator_product_datail_modal .modal-content #modalMessage a {
  border-bottom: 1px solid #ea4335;
}
.creator_product_datail_modal .modal-content #modalMessage p {
  font-weight: 600;
}
.creator_product_datail_modal .modal-content button {
  width: 135px;
  height: 40px;
  border-radius: 4px;
}
.creator_product_datail_modal .modal-content .button_container {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 3px; /* ボタンの周囲に余白を追加 */
  border: 2px solid #d9d9d9; /* 枠線を追加 */
  border-radius: 4px; /* 角を丸める */
  margin-top: 20px; /* ボタンコンテナの上に余白を追加 */
}
.creator_product_datail_modal .modal-content .button_container button {
  font-weight: 600;
}
.creator_product_datail_modal #creator_design_list_confirmButton {
  border-radius: 4px;
  background: #ea4335;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
.creator_product_datail_modal #creator_design_list_cancelButton {
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #000000;
  color: #343434;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.creator_product_datail_modal .close-icon-container {
  display: flex;
  justify-content: center;
  position: absolute;
  top: -15px;
  right: -15px;
  width: 38px;
  aspect-ratio: 1/1;
  background-color: #ffffff;
  border-radius: 50%;
  align-items: center;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.creator_product_datail_modal .close-icon-container img {
  width: 40%;
  height: 40%;
}
.progress-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.progress-modal-content {
  position: relative;
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 500px;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.progress-modal-header {
  margin-bottom: 20px;
  text-align: center;
}
.progress-modal-header h4, .progress-modal-header .h4 {
  margin: 0;
  color: #333;
}
.progress-bar-container {
  margin: 20px 0;
}
.progress-bar-wrapper {
  width: 100%;
  height: 20px;
  background-color: #f5f5f5;
  border-radius: 10px;
  overflow: hidden;
}
.progress-bar-inner {
  width: 0%;
  height: 100%;
  background-color: #4caf50;
  border-radius: 10px;
  transition: width 0.3s ease;
  position: relative;
}
.progress-bar-inner.indeterminate {
  width: 50%;
  animation: progress-bar-indeterminate 1.5s infinite linear;
}
.progress-message {
  text-align: center;
  color: #666;
  margin-top: 10px;
}
@keyframes progress-bar-indeterminate {
  0% {
    left: -50%;
  }
  100% {
    left: 100%;
  }
}
#product_item_category_list {
  background-color: #f7f4ed;
  color: #f7f4ed;
  padding: 64px 0 52px 0;
  display: inline;
}
#product_item_category_list .product_item_category_list__wrap {
  background-color: #ffffff;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 40px;
  padding: 0;
  text-align: center;
  margin-bottom: 120px;
  margin-left: 56px;
  margin-right: 56px;
}
#product_item_category_list .product_item_category_list__wrap .product_item_category_list_wrap__list {
  list-style-type: none;
  width: 176px;
  margin-bottom: 12px;
  text-align: center;
}
#product_item_category_list .product_item_category_list__wrap .product_item_category_list_wrap__list .item_category_text {
  color: #343434;
  text-align: center;
  margin-top: 8px;
  font-size: 1rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  white-space: normal;
}
#product_item_category_list .product_item_category_list__wrap .product_item_category_list_wrap__list.is-empty {
  width: 176px;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.product_item_category_img {
  max-height: 189px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 11px;
}
.product_item_category_img:hover {
  opacity: 0.7;
}
.product_item_category_img .item_category_img {
  width: 100%;
}
#item_list {
  background-color: #f7f4ed;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 84px;
}
#item_list .item_list__wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
#item_list .item_list__wrap .item_list_wrap__list {
  position: relative;
  list-style-type: none;
  width: 100%;
  max-width: 302px;
  margin: 0 20px 46px 20px;
}
#item_list .item_list__wrap .item_list_wrap__list.is-empty {
  width: 302px;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.artist_info_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
  margin-bottom: 60px;
}
.artist_info_wrap .artist_info {
  display: flex;
  align-items: center;
  justify-content: space-around;
  max-width: 900px;
}
.artist_info_wrap .artist_info .artist_content_text {
  max-width: 800px;
}
.artist_info_wrap .artist_info .artist_content_text h1, .artist_info_wrap .artist_info .artist_content_text .h1 {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.6px;
}
.artist_info_wrap .artist_info .artist_content_text p {
  margin-top: 30px;
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.artist_info_wrap .artist_info .artist_image img {
  margin-left: 44px;
  border: 1px solid #d9d9d9;
  width: 174px;
  height: auto;
}
.artist_info_wrap .sns_icons {
  margin-top: 20px;
  display: flex;
  align-items: flex-start; /* 左寄せに変更 */
  justify-content: start; /* 上寄せに変更 */
  width: -moz-fit-content;
  width: fit-content; /* コンテナの幅を内容に合わせる */
  margin-left: 0; /* 左端に揃えるためのマージン */
}
.artist_info_wrap .sns_icons img {
  width: 30px;
  height: 30px;
  flex-shrink: 0; /* アイコンのサイズを維持 */
}
.section_title {
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}
.section_title h3, .section_title .h3 {
  color: #343434;
  font-size: 2.2857rem;
  font-family: "FuturaMedium";
  letter-spacing: 0.11rem;
}
.section_title p {
  color: #b6b6b6;
  font-size: 0.8571rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  letter-spacing: 0.085rem;
}
#item_menu {
  background-color: #f7f4ed;
  padding-top: 80px;
}
#item_menu_color {
  background-color: #f7f4ed;
  padding-top: 30px;
}
#current_item_img {
  background-color: #000000;
  width: 100%;
  aspect-ratio: 1440/400;
}
#current_item_img img {
  width: 100%;
  height: 100%;
}
.appeal {
  display: none;
}
.appeal .content {
  align-items: center;
  margin: 1.5rem;
}
.appeal .content h2, .appeal .content .h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #222222;
}
.appeal .content p {
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 400;
  color: #222222;
}
/* 特徴セクション */
.features {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #f9f9f9;
  padding: 20px;
  text-align: center;
}
.features .separator {
  padding: 0 1rem;
}
.features .feature-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.features .feature-item img {
  padding-right: 20px;
}
.features .feature-item p {
  font-size: 1rem;
  font-weight: 500;
}
.features .highlight {
  color: #ff4500;
  font-weight: bold;
}
.product-container {
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  background-color: #fff7f5;
}
/* ヘッダー部分 */
.product-header {
  text-align: center;
  margin-bottom: 30px;
}
.product-header h2, .product-header .h2 {
  padding-top: 7rem;
  font-size: 1rem;
  color: #e74c3c;
  margin: 0;
  font-weight: 600;
}
.product-header p {
  padding-bottom: 3rem;
  font-size: 3rem;
  color: #343434;
  font-weight: bold;
  margin: 5px 0 0;
}
/* 商品リスト */
.product-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-bottom: 8rem;
  width: 100%;
}
.item_list__img__product {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
.item_list__img__product:hover {
  opacity: 0.7;
}
.product-list ul {
  display: flex;
  justify-content: center;
  width: 100%;
  list-style: none;
  margin: 0 2rem;
  flex-wrap: wrap;
  gap: 20px;
}
.product-list ul .item_list_wrap__list {
  width: 30%;
  height: auto;
  overflow: hidden;
}
.product-list ul #product_list__img {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  aspect-ratio: 1/1;
}
#item_description {
  width: 100%;
  align-items: end; /* 縦方向 */
  text-align: center;
  padding: 40px 0;
  max-width: 574px;
  margin: 0 auto;
}
#item_description h1, #item_description .h1 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.6;
  color: #343434;
  margin: 0;
}
#item_description p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  color: #000000;
  margin-top: 24px;
  text-align: left;
}
#item_description a {
  text-decoration: underline;
}
#product_item_list__img {
  width: 302px;
  position: relative;
}
#product_item_list__img input {
  display: none;
}
#product_item_list__img span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 32px;
  text-align: center;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.6;
  color: #ffffff;
  display: flex;
  align-items: center;
}
#product_item_list__img .product_sold_out {
  background-color: #ababab;
}
#product_item_list__img .product_on_sale {
  background-color: #c03434;
}
#product_item_list__img .item_list__img__heart {
  width: 22px;
  height: 22px;
  filter: drop-shadow(2px 2px 2px #ababab);
}
.item_list__heart {
  position: absolute;
  top: 0;
  left: 0;
  margin: 10px;
}
.item_list__value {
  font-size: 0.75rem;
}
* {
  box-sizing: border-box;
}
#page_shopping button.submit,
#page_creator_shopping button.submit,
#page_shopping_redirect_to button.submit,
#page_creator_shopping_redirect_to button.submit {
  width: 100%;
  height: 42px;
  font-size: 1rem;
  color: #fdfdfd;
  background-color: #ea4b35;
  border: none;
  cursor: pointer;
}
#page_shopping button.submit:hover,
#page_creator_shopping button.submit:hover,
#page_shopping_redirect_to button.submit:hover,
#page_creator_shopping_redirect_to button.submit:hover {
  opacity: 0.75;
}
#page_shopping .customer_data,
#page_creator_shopping .customer_data,
#page_shopping_redirect_to .customer_data,
#page_creator_shopping_redirect_to .customer_data {
  background-color: #f2f2f2;
  padding: 80px 0 160px;
}
#page_shopping .customer_data__container,
#page_creator_shopping .customer_data__container,
#page_shopping_redirect_to .customer_data__container,
#page_creator_shopping_redirect_to .customer_data__container {
  width: 100%;
  max-width: 922px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
#page_shopping .customer_data__container__left,
#page_creator_shopping .customer_data__container__left,
#page_shopping_redirect_to .customer_data__container__left,
#page_creator_shopping_redirect_to .customer_data__container__left {
  width: 100%;
  max-width: 532px;
}
#page_shopping .customer_data__container__right,
#page_creator_shopping .customer_data__container__right,
#page_shopping_redirect_to .customer_data__container__right,
#page_creator_shopping_redirect_to .customer_data__container__right {
  width: 100%;
  max-width: 318px;
  margin-top: 39px;
}
#page_shopping .customer_data__container__right__list,
#page_creator_shopping .customer_data__container__right__list,
#page_shopping_redirect_to .customer_data__container__right__list,
#page_creator_shopping_redirect_to .customer_data__container__right__list {
  width: 100%;
  background: #ffffff;
  border-radius: 4px;
  padding: 24px 22px;
  margin-bottom: 8px;
}
#page_shopping .customer_data__container__right__list p,
#page_creator_shopping .customer_data__container__right__list p,
#page_shopping_redirect_to .customer_data__container__right__list p,
#page_creator_shopping_redirect_to .customer_data__container__right__list p {
  text-align: center;
  font-weight: 700;
  font-size: 0.75rem;
}
#page_shopping .customer_data__container__right__list ul,
#page_creator_shopping .customer_data__container__right__list ul,
#page_shopping_redirect_to .customer_data__container__right__list ul,
#page_creator_shopping_redirect_to .customer_data__container__right__list ul {
  display: flex;
  margin-bottom: 4px;
}
#page_shopping .customer_data__container__right__list ul li,
#page_creator_shopping .customer_data__container__right__list ul li,
#page_shopping_redirect_to .customer_data__container__right__list ul li,
#page_creator_shopping_redirect_to .customer_data__container__right__list ul li {
  font-size: 0.75rem;
}
#page_shopping .customer_data__container__right__list ul li:first-child,
#page_creator_shopping .customer_data__container__right__list ul li:first-child,
#page_shopping_redirect_to .customer_data__container__right__list ul li:first-child,
#page_creator_shopping_redirect_to .customer_data__container__right__list ul li:first-child {
  width: 81.85%;
}
#page_shopping .customer_data__container__right__list ul li:last-child:not(#customer_data__container__right__list__not),
#page_creator_shopping .customer_data__container__right__list ul li:last-child:not(#customer_data__container__right__list__not),
#page_shopping_redirect_to .customer_data__container__right__list ul li:last-child:not(#customer_data__container__right__list__not),
#page_creator_shopping_redirect_to .customer_data__container__right__list ul li:last-child:not(#customer_data__container__right__list__not) {
  width: 18.15%;
  text-align: right;
}
#page_shopping .customer_data__container__right__list ul li:last-child:not(#customer_data__container__right__list__not).not-confirm-fee,
#page_creator_shopping .customer_data__container__right__list ul li:last-child:not(#customer_data__container__right__list__not).not-confirm-fee,
#page_shopping_redirect_to .customer_data__container__right__list ul li:last-child:not(#customer_data__container__right__list__not).not-confirm-fee,
#page_creator_shopping_redirect_to .customer_data__container__right__list ul li:last-child:not(#customer_data__container__right__list__not).not-confirm-fee {
  width: 100%;
}
#page_shopping .customer_data__container__right__list ul.total-price,
#page_creator_shopping .customer_data__container__right__list ul.total-price,
#page_shopping_redirect_to .customer_data__container__right__list ul.total-price,
#page_creator_shopping_redirect_to .customer_data__container__right__list ul.total-price {
  padding: 24px 0;
}
#page_shopping .customer_data__container__right__list ul.total-price li,
#page_creator_shopping .customer_data__container__right__list ul.total-price li,
#page_shopping_redirect_to .customer_data__container__right__list ul.total-price li,
#page_creator_shopping_redirect_to .customer_data__container__right__list ul.total-price li {
  font-size: 1rem;
  font-weight: 700;
}
#page_shopping .customer_data__container__right__list ul.total-price li:last-child,
#page_creator_shopping .customer_data__container__right__list ul.total-price li:last-child,
#page_shopping_redirect_to .customer_data__container__right__list ul.total-price li:last-child,
#page_creator_shopping_redirect_to .customer_data__container__right__list ul.total-price li:last-child {
  text-align: right;
}
#page_shopping .customer_data__container__right__list .check_alcohol,
#page_creator_shopping .customer_data__container__right__list .check_alcohol,
#page_shopping_redirect_to .customer_data__container__right__list .check_alcohol,
#page_creator_shopping_redirect_to .customer_data__container__right__list .check_alcohol {
  margin-bottom: 8px;
}
#page_shopping .customer_data__container__right__list .divider,
#page_creator_shopping .customer_data__container__right__list .divider,
#page_shopping_redirect_to .customer_data__container__right__list .divider,
#page_creator_shopping_redirect_to .customer_data__container__right__list .divider {
  margin-top: 24px;
  width: 100%;
  border-top: 1px solid #000000;
}
#page_shopping .customer_data__container__right__list button,
#page_creator_shopping .customer_data__container__right__list button,
#page_shopping_redirect_to .customer_data__container__right__list button,
#page_creator_shopping_redirect_to .customer_data__container__right__list button {
  width: 100%;
  height: 42px;
  font-size: 1rem;
  color: #fdfdfd;
  background-color: #ea4b35;
  border: none;
  cursor: pointer;
}
#page_shopping .customer_data__container__right__list button:hover,
#page_creator_shopping .customer_data__container__right__list button:hover,
#page_shopping_redirect_to .customer_data__container__right__list button:hover,
#page_creator_shopping_redirect_to .customer_data__container__right__list button:hover {
  opacity: 0.75;
}
#page_shopping .customer_data__container__right__caveat,
#page_creator_shopping .customer_data__container__right__caveat,
#page_shopping_redirect_to .customer_data__container__right__caveat,
#page_creator_shopping_redirect_to .customer_data__container__right__caveat {
  margin-top: 30px;
}
#page_shopping .customer_data__container__right__caveat p,
#page_creator_shopping .customer_data__container__right__caveat p,
#page_shopping_redirect_to .customer_data__container__right__caveat p,
#page_creator_shopping_redirect_to .customer_data__container__right__caveat p {
  font-size: 0.714rem;
  font-family: "Noto Sans JP", sans-serif;
  color: #434343;
  line-height: 16px;
}
#page_shopping #customer_data__container__right__list__not,
#page_creator_shopping #customer_data__container__right__list__not,
#page_shopping_redirect_to #customer_data__container__right__list__not,
#page_creator_shopping_redirect_to #customer_data__container__right__list__not {
  width: 100%;
}
#page_shopping .customer_data__container__left__top,
#page_creator_shopping .customer_data__container__left__top,
#page_shopping_redirect_to .customer_data__container__left__top,
#page_creator_shopping_redirect_to .customer_data__container__left__top {
  width: 100%;
  border: 3px solid #f5f1e6;
  border-radius: 4px;
  padding: 24px 21px;
  margin-bottom: 8px;
}
#page_shopping .customer_data__container__left__top h2, #page_shopping .customer_data__container__left__top .h2,
#page_creator_shopping .customer_data__container__left__top h2,
#page_creator_shopping .customer_data__container__left__top .h2,
#page_shopping_redirect_to .customer_data__container__left__top h2,
#page_shopping_redirect_to .customer_data__container__left__top .h2,
#page_creator_shopping_redirect_to .customer_data__container__left__top h2,
#page_creator_shopping_redirect_to .customer_data__container__left__top .h2 {
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 16px;
}
#page_shopping .register_address,
#page_creator_shopping .register_address,
#page_shopping_redirect_to .register_address,
#page_creator_shopping_redirect_to .register_address {
  width: 100%;
  border: 3px solid #f5f1e6;
  border-radius: 4px;
  padding: 24px 21px;
  margin-bottom: 8px;
}
#page_shopping .register_address h1, #page_shopping .register_address .h1,
#page_creator_shopping .register_address h1,
#page_creator_shopping .register_address .h1,
#page_shopping_redirect_to .register_address h1,
#page_shopping_redirect_to .register_address .h1,
#page_creator_shopping_redirect_to .register_address h1,
#page_creator_shopping_redirect_to .register_address .h1 {
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 16px;
}
#page_shopping .register_address ul,
#page_creator_shopping .register_address ul,
#page_shopping_redirect_to .register_address ul,
#page_creator_shopping_redirect_to .register_address ul {
  width: 100%;
  display: flex;
  margin-bottom: 8px;
}
#page_shopping .register_address ul li,
#page_creator_shopping .register_address ul li,
#page_shopping_redirect_to .register_address ul li,
#page_creator_shopping_redirect_to .register_address ul li {
  font-size: 0.75rem;
}
#page_shopping .register_address ul li:first-child,
#page_creator_shopping .register_address ul li:first-child,
#page_shopping_redirect_to .register_address ul li:first-child,
#page_creator_shopping_redirect_to .register_address ul li:first-child {
  width: 31.02%;
}
#page_shopping .register_address ul li:first-child:not(.register_address__list__not),
#page_creator_shopping .register_address ul li:first-child:not(.register_address__list__not),
#page_shopping_redirect_to .register_address ul li:first-child:not(.register_address__list__not),
#page_creator_shopping_redirect_to .register_address ul li:first-child:not(.register_address__list__not) {
  padding-top: 6px;
}
#page_shopping .register_address ul li:last-child,
#page_creator_shopping .register_address ul li:last-child,
#page_shopping_redirect_to .register_address ul li:last-child,
#page_creator_shopping_redirect_to .register_address ul li:last-child {
  width: 68.98%;
  height: 31px;
  font-size: 0.75rem;
}
#page_shopping .register_address ul li input,
#page_creator_shopping .register_address ul li input,
#page_shopping_redirect_to .register_address ul li input,
#page_creator_shopping_redirect_to .register_address ul li input {
  font-size: 0.75rem;
  width: 100%;
  max-width: 81px;
  height: 100%;
  border: 1px solid #ababab;
  padding-left: 8px;
}
#page_shopping .register_address ul:nth-of-type(n + 2) li input,
#page_creator_shopping .register_address ul:nth-of-type(n + 2) li input,
#page_shopping_redirect_to .register_address ul:nth-of-type(n + 2) li input,
#page_creator_shopping_redirect_to .register_address ul:nth-of-type(n + 2) li input {
  max-width: 338px;
}
#page_shopping .register_address ul:nth-of-type(3) li,
#page_creator_shopping .register_address ul:nth-of-type(3) li,
#page_shopping_redirect_to .register_address ul:nth-of-type(3) li,
#page_creator_shopping_redirect_to .register_address ul:nth-of-type(3) li {
  position: relative;
}
#page_shopping .register_address ul:nth-of-type(3) li input:first-child,
#page_creator_shopping .register_address ul:nth-of-type(3) li input:first-child,
#page_shopping_redirect_to .register_address ul:nth-of-type(3) li input:first-child,
#page_creator_shopping_redirect_to .register_address ul:nth-of-type(3) li input:first-child {
  max-width: 81px;
}
#page_shopping .register_address ul:nth-of-type(3) li button,
#page_creator_shopping .register_address ul:nth-of-type(3) li button,
#page_shopping_redirect_to .register_address ul:nth-of-type(3) li button,
#page_creator_shopping_redirect_to .register_address ul:nth-of-type(3) li button {
  width: 100%;
  max-width: 81px;
  height: 31px;
  font-size: 0.75rem;
  background-color: #ffffff;
  border: 1px solid #000000;
  cursor: pointer;
}
#page_shopping .register_address ul:nth-of-type(3) li p,
#page_creator_shopping .register_address ul:nth-of-type(3) li p,
#page_shopping_redirect_to .register_address ul:nth-of-type(3) li p,
#page_creator_shopping_redirect_to .register_address ul:nth-of-type(3) li p {
  position: absolute;
  top: 33px;
  left: 0;
  font-size: 0.75rem;
  color: #2d599b;
  cursor: pointer;
}
#page_shopping .register_address ul:nth-of-type(3) li p:hover,
#page_creator_shopping .register_address ul:nth-of-type(3) li p:hover,
#page_shopping_redirect_to .register_address ul:nth-of-type(3) li p:hover,
#page_creator_shopping_redirect_to .register_address ul:nth-of-type(3) li p:hover {
  opacity: 0.6;
}
#page_shopping .register_address ul:nth-of-type(4),
#page_creator_shopping .register_address ul:nth-of-type(4),
#page_shopping_redirect_to .register_address ul:nth-of-type(4),
#page_creator_shopping_redirect_to .register_address ul:nth-of-type(4) {
  margin-top: 30px;
  margin-bottom: 0;
}
#page_shopping .register_address ul:nth-of-type(4) li:first-child,
#page_creator_shopping .register_address ul:nth-of-type(4) li:first-child,
#page_shopping_redirect_to .register_address ul:nth-of-type(4) li:first-child,
#page_creator_shopping_redirect_to .register_address ul:nth-of-type(4) li:first-child {
  margin-bottom: 8px;
}
#page_shopping .shopping_caveat p,
#page_creator_shopping .shopping_caveat p,
#page_shopping_redirect_to .shopping_caveat p,
#page_creator_shopping_redirect_to .shopping_caveat p {
  color: #434343;
  margin-top: 4px;
  font-size: 0.675rem;
}
#page_shopping .invoices_flag_wrapper,
#page_creator_shopping .invoices_flag_wrapper,
#page_shopping_redirect_to .invoices_flag_wrapper,
#page_creator_shopping_redirect_to .invoices_flag_wrapper {
  display: flex;
  gap: 8px;
}
#page_shopping .customer_data__container__left__middle__address,
#page_creator_shopping .customer_data__container__left__middle__address,
#page_shopping_redirect_to .customer_data__container__left__middle__address,
#page_creator_shopping_redirect_to .customer_data__container__left__middle__address {
  width: 100%;
  border-radius: 4px;
  padding: 24px 21px;
  margin-bottom: 8px;
  background-color: #ffffff;
}
#page_shopping .customer_data__container__left__middle__address p,
#page_creator_shopping .customer_data__container__left__middle__address p,
#page_shopping_redirect_to .customer_data__container__left__middle__address p,
#page_creator_shopping_redirect_to .customer_data__container__left__middle__address p {
  padding-bottom: 4px;
}
#page_shopping .customer_data__container__left__middle__address p:first-child,
#page_creator_shopping .customer_data__container__left__middle__address p:first-child,
#page_shopping_redirect_to .customer_data__container__left__middle__address p:first-child,
#page_creator_shopping_redirect_to .customer_data__container__left__middle__address p:first-child {
  font-size: 1rem;
}
#page_shopping .customer_data__container__left__middle__address p:nth-of-type(2),
#page_creator_shopping .customer_data__container__left__middle__address p:nth-of-type(2),
#page_shopping_redirect_to .customer_data__container__left__middle__address p:nth-of-type(2),
#page_creator_shopping_redirect_to .customer_data__container__left__middle__address p:nth-of-type(2) {
  font-size: 0.75rem;
}
#page_shopping .customer_data__container__left__middle__address .shipping-form-item,
#page_creator_shopping .customer_data__container__left__middle__address .shipping-form-item,
#page_shopping_redirect_to .customer_data__container__left__middle__address .shipping-form-item,
#page_creator_shopping_redirect_to .customer_data__container__left__middle__address .shipping-form-item {
  margin-bottom: 8px;
}
#page_shopping .customer_data__container__left__middle__address .shipping-form-item:last-child,
#page_creator_shopping .customer_data__container__left__middle__address .shipping-form-item:last-child,
#page_shopping_redirect_to .customer_data__container__left__middle__address .shipping-form-item:last-child,
#page_creator_shopping_redirect_to .customer_data__container__left__middle__address .shipping-form-item:last-child {
  margin-bottom: initial;
}
#page_shopping .customer_data__container__left__middle__address .shipping-form-item .notice,
#page_creator_shopping .customer_data__container__left__middle__address .shipping-form-item .notice,
#page_shopping_redirect_to .customer_data__container__left__middle__address .shipping-form-item .notice,
#page_creator_shopping_redirect_to .customer_data__container__left__middle__address .shipping-form-item .notice {
  margin-top: 4px;
  font-size: 0.675rem;
}
#page_shopping .customer_data__container__left__middle__address li,
#page_creator_shopping .customer_data__container__left__middle__address li,
#page_shopping_redirect_to .customer_data__container__left__middle__address li,
#page_creator_shopping_redirect_to .customer_data__container__left__middle__address li {
  display: flex;
  gap: 8px;
  margin: 16px 0;
}
#page_shopping .customer_data__container__left__middle__address li img,
#page_creator_shopping .customer_data__container__left__middle__address li img,
#page_shopping_redirect_to .customer_data__container__left__middle__address li img,
#page_creator_shopping_redirect_to .customer_data__container__left__middle__address li img {
  width: 96px;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
#page_shopping .customer_data__container__left__middle__address li div,
#page_creator_shopping .customer_data__container__left__middle__address li div,
#page_shopping_redirect_to .customer_data__container__left__middle__address li div,
#page_creator_shopping_redirect_to .customer_data__container__left__middle__address li div {
  width: 100%;
}
#page_shopping .customer_data__container__left__middle__address li p.price,
#page_creator_shopping .customer_data__container__left__middle__address li p.price,
#page_shopping_redirect_to .customer_data__container__left__middle__address li p.price,
#page_creator_shopping_redirect_to .customer_data__container__left__middle__address li p.price {
  font-size: 0.75rem;
  line-height: 1.6;
  color: #000000;
  margin: 0;
}
#page_shopping .customer_data__container__left__middle__address li p.price span,
#page_creator_shopping .customer_data__container__left__middle__address li p.price span,
#page_shopping_redirect_to .customer_data__container__left__middle__address li p.price span,
#page_creator_shopping_redirect_to .customer_data__container__left__middle__address li p.price span {
  margin-left: 12px;
}
#page_shopping .customer_data__container__left__middle__address select,
#page_creator_shopping .customer_data__container__left__middle__address select,
#page_shopping_redirect_to .customer_data__container__left__middle__address select,
#page_creator_shopping_redirect_to .customer_data__container__left__middle__address select {
  width: -moz-fit-content;
  width: fit-content;
  height: 31px;
  font-size: 0.75rem;
  border: 1px solid #ababab;
  padding-left: 8px;
}
#page_shopping .customer_data__container__left__middle__payment,
#page_creator_shopping .customer_data__container__left__middle__payment,
#page_shopping_redirect_to .customer_data__container__left__middle__payment,
#page_creator_shopping_redirect_to .customer_data__container__left__middle__payment {
  width: 100%;
  border-radius: 4px;
  padding: 24px 21px;
  margin-bottom: 8px;
  background-color: #ffffff;
}
#page_shopping .customer_data__container__left__middle__payment h1, #page_shopping .customer_data__container__left__middle__payment .h1,
#page_creator_shopping .customer_data__container__left__middle__payment h1,
#page_creator_shopping .customer_data__container__left__middle__payment .h1,
#page_shopping_redirect_to .customer_data__container__left__middle__payment h1,
#page_shopping_redirect_to .customer_data__container__left__middle__payment .h1,
#page_creator_shopping_redirect_to .customer_data__container__left__middle__payment h1,
#page_creator_shopping_redirect_to .customer_data__container__left__middle__payment .h1 {
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 16px;
}
#page_shopping .customer_data__container__left__bottom,
#page_creator_shopping .customer_data__container__left__bottom,
#page_shopping_redirect_to .customer_data__container__left__bottom,
#page_creator_shopping_redirect_to .customer_data__container__left__bottom {
  width: 100%;
  border: 3px solid #f5f1e6;
  border-radius: 4px;
  padding: 24px 19px 40px;
  margin-bottom: 8px;
}
#page_shopping .customer_data__container__left__orderConfirmed,
#page_creator_shopping .customer_data__container__left__orderConfirmed,
#page_shopping_redirect_to .customer_data__container__left__orderConfirmed,
#page_creator_shopping_redirect_to .customer_data__container__left__orderConfirmed {
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 16px;
}
#page_shopping .customer_data__container__left__top__list,
#page_creator_shopping .customer_data__container__left__top__list,
#page_shopping_redirect_to .customer_data__container__left__top__list,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list {
  margin-top: 8px;
  width: 100%;
}
#page_shopping .customer_data__container__left__top__list ul,
#page_creator_shopping .customer_data__container__left__top__list ul,
#page_shopping_redirect_to .customer_data__container__left__top__list ul,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul {
  width: 100%;
  display: flex;
  margin-bottom: 8px;
}
#page_shopping .customer_data__container__left__top__list ul li,
#page_creator_shopping .customer_data__container__left__top__list ul li,
#page_shopping_redirect_to .customer_data__container__left__top__list ul li,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul li {
  font-size: 0.75rem;
}
#page_shopping .customer_data__container__left__top__list ul li:first-child,
#page_creator_shopping .customer_data__container__left__top__list ul li:first-child,
#page_shopping_redirect_to .customer_data__container__left__top__list ul li:first-child,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul li:first-child {
  width: 31.02%;
}
#page_shopping .customer_data__container__left__top__list ul li:first-child:not(#customer_data__container__left__top__list__not),
#page_creator_shopping .customer_data__container__left__top__list ul li:first-child:not(#customer_data__container__left__top__list__not),
#page_shopping_redirect_to .customer_data__container__left__top__list ul li:first-child:not(#customer_data__container__left__top__list__not),
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul li:first-child:not(#customer_data__container__left__top__list__not) {
  padding-top: 6px;
}
#page_shopping .customer_data__container__left__top__list ul li:last-child,
#page_creator_shopping .customer_data__container__left__top__list ul li:last-child,
#page_shopping_redirect_to .customer_data__container__left__top__list ul li:last-child,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul li:last-child {
  width: 68.98%;
  font-size: 0.75rem;
}
#page_shopping .customer_data__container__left__top__list ul li input,
#page_shopping .customer_data__container__left__top__list ul li select,
#page_creator_shopping .customer_data__container__left__top__list ul li input,
#page_creator_shopping .customer_data__container__left__top__list ul li select,
#page_shopping_redirect_to .customer_data__container__left__top__list ul li input,
#page_shopping_redirect_to .customer_data__container__left__top__list ul li select,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul li input,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul li select {
  height: 31px;
  font-size: 0.75rem;
  width: 100%;
  max-width: 81px;
  border: 1px solid #ababab;
  padding-left: 8px;
}
#page_shopping .customer_data__container__left__top__list ul:nth-of-type(1) .individual_or_corporation_tab,
#page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(1) .individual_or_corporation_tab,
#page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(1) .individual_or_corporation_tab,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(1) .individual_or_corporation_tab {
  display: flex;
  gap: 4px;
  width: 68.98%;
}
#page_shopping .customer_data__container__left__top__list ul:nth-of-type(1) .individual_or_corporation_tab .individual_or_corporation,
#page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(1) .individual_or_corporation_tab .individual_or_corporation,
#page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(1) .individual_or_corporation_tab .individual_or_corporation,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(1) .individual_or_corporation_tab .individual_or_corporation {
  width: 100%;
  max-width: 81px;
  height: 31px;
  background-color: #ffffff;
  font-size: 0.75rem;
  line-height: 1.6;
  text-align: center;
  display: block;
  float: left;
  transition: all 0.2s ease;
  padding-top: 6px;
  border: 1px solid #000000;
}
#page_shopping .customer_data__container__left__top__list ul:nth-of-type(1) input:checked + .individual_or_corporation,
#page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(1) input:checked + .individual_or_corporation,
#page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(1) input:checked + .individual_or_corporation,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(1) input:checked + .individual_or_corporation {
  background-color: #ffffff;
  border: solid 1px #c03434;
  color: #c03434;
  font-weight: 700;
}
#page_shopping .customer_data__container__left__top__list ul:nth-of-type(n + 3) li input,
#page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(n + 3) li input,
#page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(n + 3) li input,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(n + 3) li input {
  max-width: 338px;
}
#page_shopping .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li, #page_shopping .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li,
#page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li,
#page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li,
#page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li,
#page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li {
  position: relative;
}
#page_shopping .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li input:first-child, #page_shopping .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li input:first-child,
#page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li input:first-child,
#page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li input:first-child,
#page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li input:first-child,
#page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li input:first-child,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li input:first-child,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li input:first-child {
  max-width: 81px;
}
#page_shopping .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li button, #page_shopping .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li button,
#page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li button,
#page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li button,
#page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li button,
#page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li button,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li button,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li button {
  width: 100%;
  max-width: 81px;
  height: 31px;
  font-size: 0.75rem;
  background-color: #ffffff;
  border: 1px solid #000000;
  cursor: pointer;
}
#page_shopping .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li a, #page_shopping .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li a,
#page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li a,
#page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li a,
#page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li a,
#page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li a,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li a,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li a {
  font-size: 0.75rem;
  color: #2d599b;
  cursor: pointer;
}
#page_shopping .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li a:hover, #page_shopping .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li a:hover,
#page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li a:hover,
#page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li a:hover,
#page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li a:hover,
#page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li a:hover,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li a:hover,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li a:hover {
  opacity: 0.6;
}
#page_shopping .customer_data__container__left__top__list .right-button,
#page_creator_shopping .customer_data__container__left__top__list .right-button,
#page_shopping_redirect_to .customer_data__container__left__top__list .right-button,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list .right-button {
  text-align: right;
  margin-bottom: 8px;
}
#page_shopping .customer_data__container__left__top__list .right-button a,
#page_creator_shopping .customer_data__container__left__top__list .right-button a,
#page_shopping_redirect_to .customer_data__container__left__top__list .right-button a,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list .right-button a {
  font-size: 0.625rem;
  color: #2d599b;
  cursor: pointer;
}
#page_shopping .customer_data__container__left__top__list .right-button a:hover,
#page_creator_shopping .customer_data__container__left__top__list .right-button a:hover,
#page_shopping_redirect_to .customer_data__container__left__top__list .right-button a:hover,
#page_creator_shopping_redirect_to .customer_data__container__left__top__list .right-button a:hover {
  opacity: 0.7;
  color: #2d599b;
}
#page_shopping input[name="_shopping_order[individual_or_corporation]"],
#page_shopping input[name="_shopping_order[shipping_individual_or_corporation]"],
#page_creator_shopping input[name="_shopping_order[individual_or_corporation]"],
#page_creator_shopping input[name="_shopping_order[shipping_individual_or_corporation]"],
#page_shopping_redirect_to input[name="_shopping_order[individual_or_corporation]"],
#page_shopping_redirect_to input[name="_shopping_order[shipping_individual_or_corporation]"],
#page_creator_shopping_redirect_to input[name="_shopping_order[individual_or_corporation]"],
#page_creator_shopping_redirect_to input[name="_shopping_order[shipping_individual_or_corporation]"] {
  position: fixed;
  opacity: 0;
  pointer-events: none;
}
#page_shopping #register_address_hide,
#page_creator_shopping #register_address_hide,
#page_shopping_redirect_to #register_address_hide,
#page_creator_shopping_redirect_to #register_address_hide {
  display: none;
}
#page_shopping .payment_top,
#page_creator_shopping .payment_top,
#page_shopping_redirect_to .payment_top,
#page_creator_shopping_redirect_to .payment_top {
  margin-top: 16px;
  width: 100%;
}
#page_shopping .payment_top__useFlex,
#page_creator_shopping .payment_top__useFlex,
#page_shopping_redirect_to .payment_top__useFlex,
#page_creator_shopping_redirect_to .payment_top__useFlex {
  display: flex;
}
#page_shopping .payment_top__selectPayment,
#page_creator_shopping .payment_top__selectPayment,
#page_shopping_redirect_to .payment_top__selectPayment,
#page_creator_shopping_redirect_to .payment_top__selectPayment {
  font-size: 0.75rem;
  width: 100%;
  max-width: 31.14%;
  padding-top: 4px;
}
#page_shopping .payment_top__credit,
#page_creator_shopping .payment_top__credit,
#page_shopping_redirect_to .payment_top__credit,
#page_creator_shopping_redirect_to .payment_top__credit {
  width: 100%;
}
#page_shopping .payment_top__credit ul,
#page_creator_shopping .payment_top__credit ul,
#page_shopping_redirect_to .payment_top__credit ul,
#page_creator_shopping_redirect_to .payment_top__credit ul {
  display: flex;
  width: 100%;
  margin-bottom: 8px;
}
#page_shopping .payment_top__credit ul li:first-child,
#page_creator_shopping .payment_top__credit ul li:first-child,
#page_shopping_redirect_to .payment_top__credit ul li:first-child,
#page_creator_shopping_redirect_to .payment_top__credit ul li:first-child {
  width: 100%;
  max-width: 31.5%;
  padding-top: 6px;
  font-size: 0.75rem;
}
#page_shopping .payment_top__credit ul li:last-child,
#page_creator_shopping .payment_top__credit ul li:last-child,
#page_shopping_redirect_to .payment_top__credit ul li:last-child,
#page_creator_shopping_redirect_to .payment_top__credit ul li:last-child {
  width: 100%;
}
#page_shopping .payment_top__credit ul li:last-child select,
#page_creator_shopping .payment_top__credit ul li:last-child select,
#page_shopping_redirect_to .payment_top__credit ul li:last-child select,
#page_creator_shopping_redirect_to .payment_top__credit ul li:last-child select {
  width: 100%;
  height: 31px;
  border: 1px solid #ababab;
  padding-left: 8px;
  color: #ababab;
}
#page_shopping .payment_top__credit ul:nth-of-type(2) li:last-child,
#page_creator_shopping .payment_top__credit ul:nth-of-type(2) li:last-child,
#page_shopping_redirect_to .payment_top__credit ul:nth-of-type(2) li:last-child,
#page_creator_shopping_redirect_to .payment_top__credit ul:nth-of-type(2) li:last-child {
  display: flex;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
#page_shopping .payment_top__credit ul:nth-of-type(2) li:last-child input,
#page_creator_shopping .payment_top__credit ul:nth-of-type(2) li:last-child input,
#page_shopping_redirect_to .payment_top__credit ul:nth-of-type(2) li:last-child input,
#page_creator_shopping_redirect_to .payment_top__credit ul:nth-of-type(2) li:last-child input {
  max-width: 80.75px;
  width: 100%;
  height: 31px;
  border: 1px solid #ababab;
  padding-left: 8px;
}
#page_shopping .payment_top__credit ul:nth-of-type(3) li:last-child,
#page_creator_shopping .payment_top__credit ul:nth-of-type(3) li:last-child,
#page_shopping_redirect_to .payment_top__credit ul:nth-of-type(3) li:last-child,
#page_creator_shopping_redirect_to .payment_top__credit ul:nth-of-type(3) li:last-child {
  display: flex;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
#page_shopping .payment_top__credit ul:nth-of-type(3) li:last-child input,
#page_creator_shopping .payment_top__credit ul:nth-of-type(3) li:last-child input,
#page_shopping_redirect_to .payment_top__credit ul:nth-of-type(3) li:last-child input,
#page_creator_shopping_redirect_to .payment_top__credit ul:nth-of-type(3) li:last-child input {
  max-width: 80.75px;
  width: 100%;
  height: 31px;
  border: 1px solid #ababab;
  padding-left: 8px;
}
#page_shopping .payment_top__credit ul:nth-of-type(4) li:last-child input,
#page_creator_shopping .payment_top__credit ul:nth-of-type(4) li:last-child input,
#page_shopping_redirect_to .payment_top__credit ul:nth-of-type(4) li:last-child input,
#page_creator_shopping_redirect_to .payment_top__credit ul:nth-of-type(4) li:last-child input {
  width: 100%;
  height: 31px;
  border: 1px solid #ababab;
  padding-left: 8px;
}
#page_shopping .payment_top__credit ul:nth-of-type(4) li:last-child p,
#page_creator_shopping .payment_top__credit ul:nth-of-type(4) li:last-child p,
#page_shopping_redirect_to .payment_top__credit ul:nth-of-type(4) li:last-child p,
#page_creator_shopping_redirect_to .payment_top__credit ul:nth-of-type(4) li:last-child p {
  font-size: 0.75rem;
  color: #2d599b;
}
#page_shopping .payment_top__credit ul:nth-of-type(4) li:last-child p:hover,
#page_creator_shopping .payment_top__credit ul:nth-of-type(4) li:last-child p:hover,
#page_shopping_redirect_to .payment_top__credit ul:nth-of-type(4) li:last-child p:hover,
#page_creator_shopping_redirect_to .payment_top__credit ul:nth-of-type(4) li:last-child p:hover {
  cursor: pointer;
  opacity: 0.6;
}
#page_shopping .payment_top__gmo p,
#page_creator_shopping .payment_top__gmo p,
#page_shopping_redirect_to .payment_top__gmo p,
#page_creator_shopping_redirect_to .payment_top__gmo p {
  font-size: 0.75rem;
  padding-left: 31.25%;
}
#page_shopping .payment_top__banking p,
#page_creator_shopping .payment_top__banking p,
#page_shopping_redirect_to .payment_top__banking p,
#page_creator_shopping_redirect_to .payment_top__banking p {
  font-size: 0.75rem;
  padding-left: 31.25%;
  padding-bottom: 0;
}
#page_shopping #customer_data__left__cartList ul:first-child,
#page_creator_shopping #customer_data__left__cartList ul:first-child,
#page_shopping_redirect_to #customer_data__left__cartList ul:first-child,
#page_creator_shopping_redirect_to #customer_data__left__cartList ul:first-child {
  flex-direction: column;
  padding: 0;
  margin: 0;
}
#page_shopping #customer_data__left__cartList ul:first-child li,
#page_creator_shopping #customer_data__left__cartList ul:first-child li,
#page_shopping_redirect_to #customer_data__left__cartList ul:first-child li,
#page_creator_shopping_redirect_to #customer_data__left__cartList ul:first-child li {
  display: flex;
  gap: 8px;
  list-style-type: none;
  background-color: #ffffff;
  padding: 32px 16px;
  border-top: solid 1px #f5f1e6;
}
#page_shopping #customer_data__left__cartList ul:first-child li:first-child,
#page_creator_shopping #customer_data__left__cartList ul:first-child li:first-child,
#page_shopping_redirect_to #customer_data__left__cartList ul:first-child li:first-child,
#page_creator_shopping_redirect_to #customer_data__left__cartList ul:first-child li:first-child {
  border-top: none;
}
#page_shopping #customer_data__left__cartList ul:first-child li img,
#page_creator_shopping #customer_data__left__cartList ul:first-child li img,
#page_shopping_redirect_to #customer_data__left__cartList ul:first-child li img,
#page_creator_shopping_redirect_to #customer_data__left__cartList ul:first-child li img {
  width: 96px;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
#page_shopping #customer_data__left__cartList ul:first-child li .price span,
#page_creator_shopping #customer_data__left__cartList ul:first-child li .price span,
#page_shopping_redirect_to #customer_data__left__cartList ul:first-child li .price span,
#page_creator_shopping_redirect_to #customer_data__left__cartList ul:first-child li .price span {
  margin-left: 12px;
}
#page_shopping #customer_data__left__cartList ul:nth-of-type(2),
#page_creator_shopping #customer_data__left__cartList ul:nth-of-type(2),
#page_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2),
#page_creator_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  gap: 8px;
  padding: 16px;
  padding-bottom: 0;
}
#page_shopping #customer_data__left__cartList ul:nth-of-type(2) li:first-child,
#page_creator_shopping #customer_data__left__cartList ul:nth-of-type(2) li:first-child,
#page_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:first-child,
#page_creator_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:first-child {
  width: 20%;
  font-size: 0.75rem;
}
#page_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2),
#page_creator_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2),
#page_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2),
#page_creator_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2) {
  width: 63.5%;
}
#page_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2) input,
#page_creator_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2) input,
#page_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2) input,
#page_creator_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2) input {
  width: 100%;
  height: 31px;
  border: 1px solid #ababab;
  padding-left: 8px;
}
#page_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2) p,
#page_creator_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2) p,
#page_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2) p,
#page_creator_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2) p {
  font-size: 0.75rem;
  margin-top: 4px;
  color: #2d599b;
  cursor: pointer;
}
#page_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2) p:hover,
#page_creator_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2) p:hover,
#page_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2) p:hover,
#page_creator_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2) p:hover {
  opacity: 0.6;
}
#page_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3),
#page_creator_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3),
#page_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3),
#page_creator_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3) {
  width: 16.5%;
}
#page_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3) button,
#page_creator_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3) button,
#page_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3) button,
#page_creator_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3) button {
  width: 100%;
  height: 31px;
  background-color: #ffffff;
  border: 1px solid #000000;
  cursor: pointer;
}
#page_shopping #customer_data__left__cartList .customer_data__about__coupon,
#page_creator_shopping #customer_data__left__cartList .customer_data__about__coupon,
#page_shopping_redirect_to #customer_data__left__cartList .customer_data__about__coupon,
#page_creator_shopping_redirect_to #customer_data__left__cartList .customer_data__about__coupon {
  font-size: 0.75rem;
  line-height: 1.6;
  color: #2d599b;
  padding-left: 23%;
}
#page_shopping #customer_data__left__cartList .customer_data__about__coupon:hover,
#page_creator_shopping #customer_data__left__cartList .customer_data__about__coupon:hover,
#page_shopping_redirect_to #customer_data__left__cartList .customer_data__about__coupon:hover,
#page_creator_shopping_redirect_to #customer_data__left__cartList .customer_data__about__coupon:hover {
  opacity: 0.7;
}
#page_shopping #customer_data__left__cartList .coupon-info,
#page_creator_shopping #customer_data__left__cartList .coupon-info,
#page_shopping_redirect_to #customer_data__left__cartList .coupon-info,
#page_creator_shopping_redirect_to #customer_data__left__cartList .coupon-info {
  padding: 0 16px;
}
#page_shopping #customer_data__left__cartList__productDetail,
#page_creator_shopping #customer_data__left__cartList__productDetail,
#page_shopping_redirect_to #customer_data__left__cartList__productDetail,
#page_creator_shopping_redirect_to #customer_data__left__cartList__productDetail {
  width: 100%;
  padding: 16px 0;
}
#page_shopping #customer_data__left__cartList__productDetail p,
#page_creator_shopping #customer_data__left__cartList__productDetail p,
#page_shopping_redirect_to #customer_data__left__cartList__productDetail p,
#page_creator_shopping_redirect_to #customer_data__left__cartList__productDetail p {
  font-size: 0.75rem;
  line-height: 1.6;
  color: #000000;
  margin: 0;
}
#page_shopping #customer_data__left__cartList__productDetail button,
#page_creator_shopping #customer_data__left__cartList__productDetail button,
#page_shopping_redirect_to #customer_data__left__cartList__productDetail button,
#page_creator_shopping_redirect_to #customer_data__left__cartList__productDetail button {
  font-size: 0.75rem;
  line-height: 1.6;
  color: #2d599b;
  background-color: white;
  border: none;
  padding: 0;
}
#page_shopping #customer_data__left__cartList__valueCountDelete,
#page_creator_shopping #customer_data__left__cartList__valueCountDelete,
#page_shopping_redirect_to #customer_data__left__cartList__valueCountDelete,
#page_creator_shopping_redirect_to #customer_data__left__cartList__valueCountDelete {
  display: flex;
  margin: 3vw 0 0 auto;
}
#page_shopping #customer_data__left__cartList__valueCountDelete p:first-child,
#page_creator_shopping #customer_data__left__cartList__valueCountDelete p:first-child,
#page_shopping_redirect_to #customer_data__left__cartList__valueCountDelete p:first-child,
#page_creator_shopping_redirect_to #customer_data__left__cartList__valueCountDelete p:first-child {
  font-size: 0.75rem;
  line-height: 1.6;
  color: #000000;
  padding: 0 0.556vw;
  margin-top: 5px;
}
#page_shopping .payment_tabs,
#page_creator_shopping .payment_tabs,
#page_shopping_redirect_to .payment_tabs,
#page_creator_shopping_redirect_to .payment_tabs {
  width: 100%;
  max-width: 68.86%;
  margin: 0 auto;
  position: relative;
}
#page_shopping .payment_tabs label:nth-of-type(1),
#page_creator_shopping .payment_tabs label:nth-of-type(1),
#page_shopping_redirect_to .payment_tabs label:nth-of-type(1),
#page_creator_shopping_redirect_to .payment_tabs label:nth-of-type(1) {
  width: 100%;
  max-width: 39%;
}
#page_shopping .payment_tabs label:nth-of-type(2),
#page_creator_shopping .payment_tabs label:nth-of-type(2),
#page_shopping_redirect_to .payment_tabs label:nth-of-type(2),
#page_creator_shopping_redirect_to .payment_tabs label:nth-of-type(2) {
  width: 100%;
  max-width: 28.2%;
}
#page_shopping .payment_tabs label:nth-of-type(3),
#page_creator_shopping .payment_tabs label:nth-of-type(3),
#page_shopping_redirect_to .payment_tabs label:nth-of-type(3),
#page_creator_shopping_redirect_to .payment_tabs label:nth-of-type(3) {
  width: 100%;
  max-width: 28.2%;
}
#page_shopping .payment_tab_item,
#page_creator_shopping .payment_tab_item,
#page_shopping_redirect_to .payment_tab_item,
#page_creator_shopping_redirect_to .payment_tab_item {
  width: 33.3333333333%;
  height: 31px;
  background-color: #ffffff;
  font-size: 0.75rem;
  line-height: 1.6;
  text-align: center;
  display: block;
  float: left;
  transition: all 0.2s ease;
  padding-top: 6px;
  margin: 0 2px;
  border: 1px solid #000000;
  cursor: pointer;
}
#page_shopping .payment_tab_item:hover,
#page_creator_shopping .payment_tab_item:hover,
#page_shopping_redirect_to .payment_tab_item:hover,
#page_creator_shopping_redirect_to .payment_tab_item:hover {
  opacity: 0.75;
}
#page_shopping input[name=payment_tab_item],
#page_creator_shopping input[name=payment_tab_item],
#page_shopping_redirect_to input[name=payment_tab_item],
#page_creator_shopping_redirect_to input[name=payment_tab_item] {
  display: none;
}
#page_shopping input[name="_shopping_order[Payment]"],
#page_creator_shopping input[name="_shopping_order[Payment]"],
#page_shopping_redirect_to input[name="_shopping_order[Payment]"],
#page_creator_shopping_redirect_to input[name="_shopping_order[Payment]"] {
  display: none;
}
#page_shopping .payment_tab_content,
#page_creator_shopping .payment_tab_content,
#page_shopping_redirect_to .payment_tab_content,
#page_creator_shopping_redirect_to .payment_tab_content {
  margin-top: 8px;
  padding: 0;
  clear: both;
  overflow: hidden;
  width: 100%;
}
#page_shopping .payment_top input:checked + .payment_tab_item,
#page_creator_shopping .payment_top input:checked + .payment_tab_item,
#page_shopping_redirect_to .payment_top input:checked + .payment_tab_item,
#page_creator_shopping_redirect_to .payment_top input:checked + .payment_tab_item {
  background-color: #ffffff;
  border: 1px solid #c03434;
  color: #c03434;
  font-weight: 700;
}
#page_shopping #button_list,
#page_creator_shopping #button_list,
#page_shopping_redirect_to #button_list,
#page_creator_shopping_redirect_to #button_list {
  position: absolute;
  top: 5vw;
  right: 0;
}
#page_shopping #button_one,
#page_shopping #button_two,
#page_shopping #button_three,
#page_creator_shopping #button_one,
#page_creator_shopping #button_two,
#page_creator_shopping #button_three,
#page_shopping_redirect_to #button_one,
#page_shopping_redirect_to #button_two,
#page_shopping_redirect_to #button_three,
#page_creator_shopping_redirect_to #button_one,
#page_creator_shopping_redirect_to #button_two,
#page_creator_shopping_redirect_to #button_three {
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: rgb(255, 165, 165);
  border-radius: 10px;
  margin-bottom: 4px;
  cursor: pointer;
}
#page_shopping .customer_data_second,
#page_creator_shopping .customer_data_second,
#page_shopping_redirect_to .customer_data_second,
#page_creator_shopping_redirect_to .customer_data_second {
  display: none;
}
#page_shopping .customer_data_three,
#page_creator_shopping .customer_data_three,
#page_shopping_redirect_to .customer_data_three,
#page_creator_shopping_redirect_to .customer_data_three {
  display: none;
}
#page_shopping .customer_data_second__container__left,
#page_creator_shopping .customer_data_second__container__left,
#page_shopping_redirect_to .customer_data_second__container__left,
#page_creator_shopping_redirect_to .customer_data_second__container__left {
  width: 100%;
  padding: 24px 22px;
  border-radius: 4px;
  margin-bottom: 8px;
  background-color: #ffffff;
}
#page_shopping .customer_data_second__container__left h2, #page_shopping .customer_data_second__container__left .h2,
#page_creator_shopping .customer_data_second__container__left h2,
#page_creator_shopping .customer_data_second__container__left .h2,
#page_shopping_redirect_to .customer_data_second__container__left h2,
#page_shopping_redirect_to .customer_data_second__container__left .h2,
#page_creator_shopping_redirect_to .customer_data_second__container__left h2,
#page_creator_shopping_redirect_to .customer_data_second__container__left .h2 {
  font-size: 1rem;
  margin-bottom: 16px;
}
#page_shopping .customer_data_second__container__left ul,
#page_creator_shopping .customer_data_second__container__left ul,
#page_shopping_redirect_to .customer_data_second__container__left ul,
#page_creator_shopping_redirect_to .customer_data_second__container__left ul {
  display: flex;
}
#page_shopping .customer_data_second__container__left ul li,
#page_creator_shopping .customer_data_second__container__left ul li,
#page_shopping_redirect_to .customer_data_second__container__left ul li,
#page_creator_shopping_redirect_to .customer_data_second__container__left ul li {
  font-size: 0.75rem;
}
#page_shopping .customer_data_second__container__left ul li:first-child,
#page_creator_shopping .customer_data_second__container__left ul li:first-child,
#page_shopping_redirect_to .customer_data_second__container__left ul li:first-child,
#page_creator_shopping_redirect_to .customer_data_second__container__left ul li:first-child {
  width: 31%;
}
#page_shopping .customer_data_second__container__left ul li:nth-child(2),
#page_creator_shopping .customer_data_second__container__left ul li:nth-child(2),
#page_shopping_redirect_to .customer_data_second__container__left ul li:nth-child(2),
#page_creator_shopping_redirect_to .customer_data_second__container__left ul li:nth-child(2) {
  margin-bottom: 8px;
  width: 69%;
}
#page_shopping .customer_data_second__container__left ul .is_empty:first-child,
#page_creator_shopping .customer_data_second__container__left ul .is_empty:first-child,
#page_shopping_redirect_to .customer_data_second__container__left ul .is_empty:first-child,
#page_creator_shopping_redirect_to .customer_data_second__container__left ul .is_empty:first-child {
  margin: 0;
}
#page_shopping .customer_data_second__container__left ul.right-button,
#page_creator_shopping .customer_data_second__container__left ul.right-button,
#page_shopping_redirect_to .customer_data_second__container__left ul.right-button,
#page_creator_shopping_redirect_to .customer_data_second__container__left ul.right-button {
  font-size: 0.625rem;
}
#page_shopping .customer_data_second__container__left ul.right-button .change_delivery_address,
#page_creator_shopping .customer_data_second__container__left ul.right-button .change_delivery_address,
#page_shopping_redirect_to .customer_data_second__container__left ul.right-button .change_delivery_address,
#page_creator_shopping_redirect_to .customer_data_second__container__left ul.right-button .change_delivery_address {
  width: 100%;
  display: flex;
  justify-content: end;
}
#page_shopping .customer_data_second__container__left ul.right-button .change_delivery_address a,
#page_creator_shopping .customer_data_second__container__left ul.right-button .change_delivery_address a,
#page_shopping_redirect_to .customer_data_second__container__left ul.right-button .change_delivery_address a,
#page_creator_shopping_redirect_to .customer_data_second__container__left ul.right-button .change_delivery_address a {
  text-align: right;
  font-size: 0.625rem;
  color: #2d599b;
  cursor: pointer;
}
#page_shopping .customer_data_second__container__left ul.right-button .change_delivery_address a:hover,
#page_creator_shopping .customer_data_second__container__left ul.right-button .change_delivery_address a:hover,
#page_shopping_redirect_to .customer_data_second__container__left ul.right-button .change_delivery_address a:hover,
#page_creator_shopping_redirect_to .customer_data_second__container__left ul.right-button .change_delivery_address a:hover {
  opacity: 0.7;
  color: #2d599b;
}
#page_shopping .customer_data_three__container__left,
#page_creator_shopping .customer_data_three__container__left,
#page_shopping_redirect_to .customer_data_three__container__left,
#page_creator_shopping_redirect_to .customer_data_three__container__left {
  width: 100%;
  padding: 24px 22px;
  border-radius: 4px;
  margin-bottom: 8px;
  background-color: #ffffff;
}
#page_shopping .customer_data_three__container__left h1, #page_shopping .customer_data_three__container__left .h1,
#page_creator_shopping .customer_data_three__container__left h1,
#page_creator_shopping .customer_data_three__container__left .h1,
#page_shopping_redirect_to .customer_data_three__container__left h1,
#page_shopping_redirect_to .customer_data_three__container__left .h1,
#page_creator_shopping_redirect_to .customer_data_three__container__left h1,
#page_creator_shopping_redirect_to .customer_data_three__container__left .h1 {
  font-size: 1rem;
  margin-bottom: 16px;
}
#page_shopping .customer_data_three__container__left ul,
#page_creator_shopping .customer_data_three__container__left ul,
#page_shopping_redirect_to .customer_data_three__container__left ul,
#page_creator_shopping_redirect_to .customer_data_three__container__left ul {
  display: flex;
}
#page_shopping .customer_data_three__container__left ul li,
#page_creator_shopping .customer_data_three__container__left ul li,
#page_shopping_redirect_to .customer_data_three__container__left ul li,
#page_creator_shopping_redirect_to .customer_data_three__container__left ul li {
  font-size: 0.75rem;
}
#page_shopping .customer_data_three__container__left ul li:first-child,
#page_creator_shopping .customer_data_three__container__left ul li:first-child,
#page_shopping_redirect_to .customer_data_three__container__left ul li:first-child,
#page_creator_shopping_redirect_to .customer_data_three__container__left ul li:first-child {
  width: 31%;
}
#page_shopping .customer_data_three__container__left ul li:nth-child(2),
#page_creator_shopping .customer_data_three__container__left ul li:nth-child(2),
#page_shopping_redirect_to .customer_data_three__container__left ul li:nth-child(2),
#page_creator_shopping_redirect_to .customer_data_three__container__left ul li:nth-child(2) {
  margin-bottom: 8px;
  width: 69%;
}
#page_shopping .customer_data_three__container__left ul .is_empty:first-child,
#page_creator_shopping .customer_data_three__container__left ul .is_empty:first-child,
#page_shopping_redirect_to .customer_data_three__container__left ul .is_empty:first-child,
#page_creator_shopping_redirect_to .customer_data_three__container__left ul .is_empty:first-child {
  margin: 0;
}
#page_shopping .customer_data_three__container__left div.address_radio,
#page_creator_shopping .customer_data_three__container__left div.address_radio,
#page_shopping_redirect_to .customer_data_three__container__left div.address_radio,
#page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio {
  width: 100%;
}
#page_shopping .customer_data_three__container__left div.address_radio:nth-of-type(n + 2),
#page_creator_shopping .customer_data_three__container__left div.address_radio:nth-of-type(n + 2),
#page_shopping_redirect_to .customer_data_three__container__left div.address_radio:nth-of-type(n + 2),
#page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio:nth-of-type(n + 2) {
  margin-top: 16px;
}
#page_shopping .customer_data_three__container__left div.address_radio.not-last,
#page_creator_shopping .customer_data_three__container__left div.address_radio.not-last,
#page_shopping_redirect_to .customer_data_three__container__left div.address_radio.not-last,
#page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio.not-last {
  padding-bottom: 16px;
  border-bottom: solid 1px #f5f1e6;
}
#page_shopping .customer_data_three__container__left div.address_radio .address_radio_input,
#page_creator_shopping .customer_data_three__container__left div.address_radio .address_radio_input,
#page_shopping_redirect_to .customer_data_three__container__left div.address_radio .address_radio_input,
#page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio .address_radio_input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
}
#page_shopping .customer_data_three__container__left div.address_radio .address_radio_text,
#page_creator_shopping .customer_data_three__container__left div.address_radio .address_radio_text,
#page_shopping_redirect_to .customer_data_three__container__left div.address_radio .address_radio_text,
#page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio .address_radio_text {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 0.75rem;
}
#page_shopping .customer_data_three__container__left div.address_radio .address_radio_text::before,
#page_creator_shopping .customer_data_three__container__left div.address_radio .address_radio_text::before,
#page_shopping_redirect_to .customer_data_three__container__left div.address_radio .address_radio_text::before,
#page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio .address_radio_text::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  border-radius: 50%;
  border: 1px solid #ababab;
  width: 16px;
  height: 16px;
}
#page_shopping .customer_data_three__container__left div.address_radio .address_radio_text::after,
#page_creator_shopping .customer_data_three__container__left div.address_radio .address_radio_text::after,
#page_shopping_redirect_to .customer_data_three__container__left div.address_radio .address_radio_text::after,
#page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio .address_radio_text::after {
  content: "";
  display: block;
  position: absolute;
  right: 3px;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #ababab;
}
#page_shopping .customer_data_three__container__left div.address_radio .address_radio_text.address_active::after,
#page_creator_shopping .customer_data_three__container__left div.address_radio .address_radio_text.address_active::after,
#page_shopping_redirect_to .customer_data_three__container__left div.address_radio .address_radio_text.address_active::after,
#page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio .address_radio_text.address_active::after {
  background-color: #c03434;
}
#page_shopping .customer_data_three__container__left div.address_radio .address_radio_text.address_active::before,
#page_creator_shopping .customer_data_three__container__left div.address_radio .address_radio_text.address_active::before,
#page_shopping_redirect_to .customer_data_three__container__left div.address_radio .address_radio_text.address_active::before,
#page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio .address_radio_text.address_active::before {
  border: 1px solid #c03434;
}
#page_shopping .customer_data_three__container__left div.address_radio ul,
#page_creator_shopping .customer_data_three__container__left div.address_radio ul,
#page_shopping_redirect_to .customer_data_three__container__left div.address_radio ul,
#page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio ul {
  display: flex;
}
#page_shopping .customer_data_three__container__left div.address_radio ul .add_delivery_address,
#page_creator_shopping .customer_data_three__container__left div.address_radio ul .add_delivery_address,
#page_shopping_redirect_to .customer_data_three__container__left div.address_radio ul .add_delivery_address,
#page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio ul .add_delivery_address {
  width: 100%;
  display: flex;
  justify-content: end;
  margin-top: 16px;
}
#page_shopping .customer_data_three__container__left div.address_radio ul .add_delivery_address a,
#page_creator_shopping .customer_data_three__container__left div.address_radio ul .add_delivery_address a,
#page_shopping_redirect_to .customer_data_three__container__left div.address_radio ul .add_delivery_address a,
#page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio ul .add_delivery_address a {
  font-size: 0.625rem;
  color: #2d599b;
  cursor: pointer;
}
#page_shopping .customer_data_three__container__left div.address_radio ul .add_delivery_address a:hover,
#page_creator_shopping .customer_data_three__container__left div.address_radio ul .add_delivery_address a:hover,
#page_shopping_redirect_to .customer_data_three__container__left div.address_radio ul .add_delivery_address a:hover,
#page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio ul .add_delivery_address a:hover {
  opacity: 0.7;
  color: #2d599b;
}
#page_shopping .customer_data_three__container__left div.address_radio ul .change_delivery_address,
#page_creator_shopping .customer_data_three__container__left div.address_radio ul .change_delivery_address,
#page_shopping_redirect_to .customer_data_three__container__left div.address_radio ul .change_delivery_address,
#page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio ul .change_delivery_address {
  width: 100%;
  display: flex;
  justify-content: end;
}
#page_shopping .customer_data_three__container__left div.address_radio ul .change_delivery_address a,
#page_creator_shopping .customer_data_three__container__left div.address_radio ul .change_delivery_address a,
#page_shopping_redirect_to .customer_data_three__container__left div.address_radio ul .change_delivery_address a,
#page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio ul .change_delivery_address a {
  font-size: 0.625rem;
  color: #2d599b;
  cursor: pointer;
}
#page_shopping .customer_data_three__container__left div.address_radio ul .change_delivery_address a:hover,
#page_creator_shopping .customer_data_three__container__left div.address_radio ul .change_delivery_address a:hover,
#page_shopping_redirect_to .customer_data_three__container__left div.address_radio ul .change_delivery_address a:hover,
#page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio ul .change_delivery_address a:hover {
  opacity: 0.7;
  color: #2d599b;
}
#page_shopping #customer_data_three__container__left__button,
#page_creator_shopping #customer_data_three__container__left__button,
#page_shopping_redirect_to #customer_data_three__container__left__button,
#page_creator_shopping_redirect_to #customer_data_three__container__left__button {
  display: flex;
  justify-content: center;
}
#page_shopping #customer_data_three__container__left__button button,
#page_creator_shopping #customer_data_three__container__left__button button,
#page_shopping_redirect_to #customer_data_three__container__left__button button,
#page_creator_shopping_redirect_to #customer_data_three__container__left__button button {
  width: 100%;
  max-width: 300px;
  font-size: 1rem;
  height: 42px;
  color: #fdfdfd;
  background-color: #ea4b35;
  margin-top: 8px;
  cursor: pointer;
}
#page_shopping #customer_data_three__container__left__button button:hover,
#page_creator_shopping #customer_data_three__container__left__button button:hover,
#page_shopping_redirect_to #customer_data_three__container__left__button button:hover,
#page_creator_shopping_redirect_to #customer_data_three__container__left__button button:hover {
  opacity: 0.75;
}
#page_shopping .select_credit_method label,
#page_creator_shopping .select_credit_method label,
#page_shopping_redirect_to .select_credit_method label,
#page_creator_shopping_redirect_to .select_credit_method label {
  position: relative;
  height: 31px;
  background-color: #ffffff;
  font-size: 0.75rem;
  line-height: 1.6;
  text-align: center;
  display: block;
  transition: all 0.2s ease;
  padding-top: 6px;
  margin: 10px 2px;
  border: 1px solid #000000;
  cursor: pointer;
}
#page_shopping .select_credit_method label:hover,
#page_creator_shopping .select_credit_method label:hover,
#page_shopping_redirect_to .select_credit_method label:hover,
#page_creator_shopping_redirect_to .select_credit_method label:hover {
  opacity: 0.75;
}
#page_shopping .select_credit_method label ::after,
#page_creator_shopping .select_credit_method label ::after,
#page_shopping_redirect_to .select_credit_method label ::after,
#page_creator_shopping_redirect_to .select_credit_method label ::after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(135deg);
}
#page_shopping .select_credit_method input[type=radio],
#page_creator_shopping .select_credit_method input[type=radio],
#page_shopping_redirect_to .select_credit_method input[type=radio],
#page_creator_shopping_redirect_to .select_credit_method input[type=radio] {
  display: none;
}
#page_shopping .ec-rectHeading .select_credit_method input:checked + label,
#page_creator_shopping .ec-rectHeading .select_credit_method input:checked + label,
#page_shopping_redirect_to .ec-rectHeading .select_credit_method input:checked + label,
#page_creator_shopping_redirect_to .ec-rectHeading .select_credit_method input:checked + label {
  background-color: #ffffff;
  border: 1px solid #c03434;
  color: #c03434;
  font-weight: 700;
}
#page_shopping .ec-rectHeading .select_credit_method input:checked + label ::after,
#page_creator_shopping .ec-rectHeading .select_credit_method input:checked + label ::after,
#page_shopping_redirect_to .ec-rectHeading .select_credit_method input:checked + label ::after,
#page_creator_shopping_redirect_to .ec-rectHeading .select_credit_method input:checked + label ::after {
  transform: rotate(315deg);
}
* {
  box-sizing: border-box;
}
.shopping_confirm_container {
  height: 300px;
  padding: 88px 0;
}
.shopping_confirm_container .loader,
.shopping_confirm_container .loader:before,
.shopping_confirm_container .loader:after {
  background: #c03434;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.shopping_confirm_container .loader {
  color: #c03434;
  text-indent: -9999em;
  margin: 0 auto;
  position: relative;
  font-size: 11px;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.shopping_confirm_container .loader:before,
.shopping_confirm_container .loader:after {
  position: absolute;
  top: 0;
  content: "";
}
.shopping_confirm_container .loader:before {
  left: -1.5em;
  animation-delay: -0.32s;
}
.shopping_confirm_container .loader:after {
  left: 1.5em;
}
@keyframes load1 {
  0%, 80%, 100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
.complete_message {
  padding: 80px 0 160px;
  margin: 0 auto;
  max-width: 532px;
  text-align: center;
}
.complete_message h1, .complete_message .h1 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.6;
  color: #343434;
  margin: 0 0 16px;
}
.complete_message__middle {
  margin: 0 auto;
  padding: 24px 22px;
  border-radius: 4px;
  line-height: 1.6;
  text-align: left;
  background-color: #ffffff;
}
.complete_message__middle p:first-child {
  margin: 0;
  margin-bottom: 48px;
}
.complete_message__middle p:nth-of-type(2) {
  margin: 0;
  margin-bottom: 16px;
}
#complete_message__middle__orderNumber {
  text-align: center;
}
#complete_message__middle__orderNumber label {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.6;
  margin: 0;
}
.complete_message__middle__btnContainer {
  max-width: 532px;
  width: 100%;
  display: flex;
  gap: 4px 8px;
}
.complete_message__bottom {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
.complete_message__bottom a {
  width: 100%;
  max-width: 262px;
  height: 42px;
  display: grid;
  font-size: 1rem;
  line-height: 1.625;
}
.complete_message__bottom a:hover {
  opacity: 0.7;
}
.complete_message__bottom a .primary {
  background-color: #ea4b35;
  color: #fdfdfd;
  font-weight: 700;
}
.complete_message__bottom a .secondary {
  border: 1px solid #000000;
}
* {
  box-sizing: border-box;
}
.contact_form {
  padding: 80px 0 160px;
}
.contact_form h1, .contact_form .h1 {
  text-align: center;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.6;
  color: #343434;
  margin-bottom: 16px;
}
.contact_form_container {
  width: 100%;
  max-width: 532px;
  margin: 0 auto;
  padding: 24px 20.5px;
  border: 3px solid #f5f1e6;
  border-radius: 4px;
}
.contact_form_container__top {
  margin: 0;
}
.contact_form__name__container {
  display: flex;
  width: 100%;
  margin-top: 16px;
}
.contact_form__name__container input {
  width: 100%;
  max-width: 383px;
  height: 31px;
  max-width: 81px;
}
.contact_form__email__container {
  display: flex;
  width: 100%;
  width: 100%;
}
.contact_form__email__container input {
  width: 100%;
  max-width: 383px;
  height: 31px;
}
.contact_form__telnumber__container {
  display: flex;
  width: 100%;
}
.contact_form__telnumber__container input {
  width: 100%;
  max-width: 383px;
  height: 31px;
}
.contact_form__faqdetail__container {
  display: flex;
  width: 100%;
}
.contact_form__faqdetail__container textarea {
  width: 100%;
  height: 122px;
  resize: none;
}
#contact_form__left__name {
  width: 30%;
}
#contact_form__left__name p {
  font-size: 12px;
  padding-top: 6px;
  margin-bottom: 16px;
}
#contact_form__left__email {
  width: 30%;
}
#contact_form__left__email p {
  font-size: 12px;
  padding-top: 6px;
  margin-bottom: 16px;
}
#contact_form__left__telnumber {
  width: 30%;
}
#contact_form__left__telnumber p {
  font-size: 12px;
  padding-top: 6px;
  margin-bottom: 16px;
}
#contact_form__left__faqdetail {
  width: 30%;
}
#contact_form__left__faqdetail p {
  font-size: 12px;
  padding-top: 6px;
  margin-bottom: 16px;
}
#contact_form__right__name {
  width: 70%;
  display: flex;
  gap: 4px;
}
#contact_form__right__email {
  width: 70%;
}
#contact_form__right__telnumber {
  width: 70%;
}
#contact_form__right__faqdetail {
  width: 70%;
}
.contact_form_submit_btn {
  width: 100%;
  max-width: 532px;
  margin: 0 auto;
  margin-top: 24px;
  text-align: center;
}
.contact_form_submit_btn button {
  padding: 8px 0;
  max-width: 300px;
  width: 100%;
  font-weight: 700;
  line-height: 1.6;
  color: #fdfdfd;
  background-color: #ea4b35;
  border: none;
  cursor: pointer;
}
.contact_form_submit_btn button:hover {
  opacity: 0.7;
}
.contact_form_submit_btn p {
  text-align: center;
  margin-top: 8px;
  font-size: 12px;
}
* {
  box-sizing: border-box;
}
.complete_contact_message {
  padding: 80px 0 160px;
  margin: 0 auto;
  max-width: 532px;
  text-align: center;
}
.complete_contact_message h1, .complete_contact_message .h1 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.6;
  color: #343434;
  margin: 0 0 16px;
}
.complete_contact_message__middle {
  margin: 0 auto 32px;
  padding: 24px 22px;
  border: 3px solid #f5f1e6;
  border-radius: 4px;
  line-height: 1.6;
  text-align: left;
}
.complete_contact_message__middle p:first-child {
  margin-bottom: 48px;
}
.complete_contact_message__middle__btnContainer {
  max-width: 532px;
  width: 100%;
  display: flex;
  gap: 4px 8px;
}
#complete_contact_message__bottom__btnContainer {
  margin-top: 24px;
}
#complete_contact_message__bottom__btnContainer button {
  width: 50%;
  max-width: 262px;
  height: 42px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}
#complete_contact_message__bottom__btnContainer button:hover {
  opacity: 0.7;
}
#complete_contact_message__bottom__btnContainer button:nth-of-type(1) {
  border: none;
  background-color: #c03434;
  color: #fdfdfd;
}
.complete_contact_message__bottom p {
  font-size: 0.75rem;
  margin: 8px 0 0;
}
#mypage_button_list {
  position: absolute;
  top: 0;
  right: 0;
}
#mypage_button_list button {
  background-color: rgb(255, 166, 166);
  border-radius: 10px;
  border: 1px solid #ffffff;
  color: #fdfdfd;
}
.mypage_wrapper {
  background-color: #f2f2f2;
  padding: 118px 0 160px;
}
.mypage_container {
  width: 100%;
  max-width: 736px;
  margin: 0 auto;
  display: flex;
  gap: 24px;
}
.mypage_right_container {
  width: 72.28%;
  position: relative;
}
.mypage_right_container h1, .mypage_right_container .h1 {
  position: absolute;
  top: -40px;
  left: 0;
  font-size: 1.25rem;
}
.mypage_right_container h2, .mypage_right_container .h2 {
  font-size: 1rem;
  margin-bottom: 16px;
}
.mypage_right_container li {
  font-size: 0.75rem;
}
.mt-16 {
  margin-top: 16px;
}
.mypage_right_container__button {
  display: flex;
  justify-content: flex-end;
}
.mypage_right_container__button a,
.mypage_right_container__button button {
  font-size: 0.625rem;
  color: #2d599b;
  border: none;
  cursor: pointer;
}
.mypage_right_container__button a:hover,
.mypage_right_container__button button:hover {
  opacity: 0.7;
}
#invisible_password {
  font-size: 0.625rem;
}
#add_new_card {
  font-size: 0.625rem;
  margin-top: 8px;
}
.mypage_right_container__delivery {
  border-radius: 4px;
  padding: 24px 22px;
  margin-bottom: 8px;
  background-color: #ffffff;
}
.mypage_right_container__delivery .no_delivery_address p {
  font-size: 0.75rem;
  text-align: center;
}
.mypage_right_container__delivery label {
  width: 100%;
}
.mypage_right_container__delivery label:nth-of-type(n + 2) {
  padding-top: 8px;
  border-top: 1px solid #f5f1e6;
}
.mypage_right_container__delivery ul {
  display: flex;
}
.mypage_right_container__delivery ul li.head {
  width: 31.02%;
}
.mypage_right_container__delivery ul li.body {
  width: 68.98%;
}
.mypage_right_container__inf {
  border-radius: 4px;
  padding: 24px 22px;
  margin-bottom: 8px;
  background-color: #ffffff;
}
.mypage_right_container__inf li {
  font-size: 0.75rem;
  margin-bottom: 8px;
}
.mypage_right_container__inf ul {
  display: flex;
}
.mypage_right_container__inf ul li:first-child {
  width: 31.02%;
}
.mypage_right_container__inf ul li:last-child {
  width: 68.98%;
}
.mypage_right_container__change__inf {
  display: none;
  border: 3px solid #f5f1e6;
  border-radius: 4px;
  padding: 24px 22px;
  margin-bottom: 8px;
}
.mypage_right_container__change__inf ul {
  display: flex;
  margin-bottom: 8px;
}
.mypage_right_container__change__inf ul li input,
.mypage_right_container__change__inf ul li select {
  font-size: 0.75rem;
  width: 100%;
  height: 31px;
  padding-left: 8px;
  border: 1px solid #ababab;
}
.mypage_right_container__change__inf ul li:first-child {
  width: 31.02%;
  padding-top: 8px;
}
.mypage_right_container__change__inf ul li:last-child {
  width: 68.98%;
}
.mypage_right_container__change__inf ul.individual_or_corporation .individual_or_corporation_tab {
  display: flex;
  gap: 4px;
  width: 68.98%;
}
.mypage_right_container__change__inf ul.individual_or_corporation .individual_or_corporation_tab input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
}
.mypage_right_container__change__inf ul.individual_or_corporation .individual_or_corporation_tab .individual_or_corporation {
  width: 100%;
  max-width: 81px;
  height: 31px;
  background-color: #ffffff;
  font-size: 0.75rem;
  line-height: 1.6;
  text-align: center;
  display: block;
  float: left;
  transition: all 0.2s ease;
  padding-top: 6px;
  border: 1px solid #000000;
}
.mypage_right_container__change__inf ul.individual_or_corporation input:checked + .individual_or_corporation {
  background-color: #ffffff;
  border: solid 1px #ea4b35;
  color: #ea4b35;
  font-weight: 700;
}
.mypage_right_container__change__inf ul.name li input {
  max-width: 81px;
}
.mypage_right_container__change__inf ul.postal_code li input {
  max-width: 81px;
}
.mypage_right_container__change__inf ul.postal_code li a {
  font-size: 0.75rem;
  color: #2d599b;
  cursor: pointer;
}
.mypage_right_container__change__inf ul.postal_code li a:hover {
  opacity: 0.6;
}
.mypage_right_container__change__inf ul.prefecture {
  margin: 8px 0;
}
.mypage_right_container__change__inf ul.prefecture li:last-child select {
  max-width: 81px;
}
.mypage_right_container__change__inf ul.addr02 li.head {
  padding: 0;
}
.mypage_right_container__change__inf ul.addr02 li p:first-child {
  width: 100%;
  height: 24px;
  font-size: 0.75rem;
  padding: 0;
}
.mypage_right_container__change__inf ul.addr02 li p:last-child {
  font-size: 0.75rem;
  color: #2d599b;
}
.mypage_right_container__change__inf ul.email li p {
  font-size: 0.625rem;
}
.mypage_right_container__credit {
  border-radius: 4px;
  padding: 24px 22px;
  margin-bottom: 8px;
  background-color: #ffffff;
}
.mypage_right_container__credit .title {
  display: flex;
  justify-content: space-between;
}
.mypage_right_container__credit ul {
  display: flex;
  margin-top: 8px;
}
.mypage_right_container__credit ul li:first-child {
  width: 31.02%;
}
.mypage_right_container__credit .add-card-field {
  margin-top: 32px;
}
.mypage_right_container__credit .add-card-field ul li input,
.mypage_right_container__credit .add-card-field ul li select {
  font-size: 0.75rem;
  width: 100%;
  height: 31px;
  padding-left: 8px;
  border: 1px solid #ababab;
}
.mypage_right_container__credit .add-card-field ul li:first-child {
  width: 31.02%;
  padding-top: 8px;
}
.mypage_right_container__credit .add-card-field ul li:last-child {
  width: 68.98%;
}
.mypage_right_container__credit .add-card-field ul.expire_month select {
  display: inline-block;
  width: auto;
  max-width: 100%;
}
.mypage_right_container__credit .divider {
  margin: 24px 0;
  width: 100%;
  border-top: 1px solid #f5f1e6;
}
.mypage_right_container__magazine {
  border-radius: 4px;
  padding: 24px 22px;
  margin-bottom: 8px;
  background-color: #ffffff;
}
.mypage_right_container__magazine label {
  width: 100%;
  cursor: pointer;
}
.mypage_right_container__magazine label:nth-of-type(1) {
  margin-bottom: 10px;
}
.mypage_right_container__magazine label .mail_magazine_radio_input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
}
.mypage_right_container__magazine label .mail_magazine_radio_input:checked {
  width: 32px;
  height: 32px;
}
.mypage_right_container__magazine label .mail_magazine_radio_input:checked + .mail_magazine_radio_text::before {
  border: 1px solid #ea4b35;
}
.mypage_right_container__magazine label .mail_magazine_radio_input:checked + .mail_magazine_radio_text::after {
  background-color: #ea4b35;
}
.mypage_right_container__magazine label .mail_magazine_radio_text::before {
  content: "";
  position: absolute;
  right: -1px;
  display: block;
  border-radius: 50%;
  border: 1px solid #ababab;
  width: 16px;
  height: 16px;
}
.mypage_right_container__magazine label .mail_magazine_radio_text::after {
  content: "";
  position: absolute;
  right: 2px;
  display: block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #ababab;
}
.mypage_right_container__magazine label .mail_magazine_radio_text {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 0.75rem;
}
.customer_address {
  padding-bottom: 16px;
}
.customer_address ul {
  margin-bottom: 8px;
}
.customer_address:last-child {
  padding-top: 16px;
  padding-bottom: 0;
}
.customer_address .address_radio_input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
}
.customer_address .address_radio_text {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 0.75rem;
}
.customer_address_edit .title {
  font-size: 0.75rem;
  margin-bottom: 8px;
}
.customer_address_edit ul {
  display: flex;
  margin-bottom: 8px;
}
.customer_address_edit ul li input,
.customer_address_edit ul li select {
  font-size: 0.75rem;
  width: 100%;
  height: 31px;
  padding-left: 8px;
  border: 1px solid #ababab;
}
.customer_address_edit ul li:first-child {
  width: 31.02%;
  padding-top: 8px;
}
.customer_address_edit ul li:last-child {
  width: 68.98%;
}
.customer_address_edit ul.individual_or_corporation .individual_or_corporation_tab {
  display: flex;
  gap: 4px;
  width: 68.98%;
}
.customer_address_edit ul.individual_or_corporation .individual_or_corporation_tab input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
}
.customer_address_edit ul.individual_or_corporation .individual_or_corporation_tab .individual_or_corporation {
  width: 100%;
  max-width: 81px;
  height: 31px;
  background-color: #ffffff;
  font-size: 0.75rem;
  line-height: 1.6;
  text-align: center;
  display: block;
  float: left;
  transition: all 0.2s ease;
  padding-top: 6px;
  border: 1px solid #000000;
}
.customer_address_edit ul.individual_or_corporation input:checked + .individual_or_corporation {
  background-color: #ffffff;
  border: solid 1px #ea4b35;
  color: #ea4b35;
  font-weight: 700;
}
.customer_address_edit ul.name li input {
  max-width: 81px;
}
.customer_address_edit ul.postal_code li input {
  max-width: 81px;
}
.customer_address_edit ul.postal_code li a {
  font-size: 0.75rem;
  color: #2d599b;
  cursor: pointer;
}
.customer_address_edit ul.postal_code li a:hover {
  opacity: 0.6;
}
.customer_address_edit ul.prefecture {
  margin: 8px 0;
}
.customer_address_edit ul.prefecture li:last-child select {
  max-width: 81px;
}
.customer_address_edit ul.addr02 li.head {
  padding: 0;
}
.customer_address_edit ul.addr02 li p:first-child {
  width: 100%;
  height: 24px;
  font-size: 0.75rem;
  padding: 0;
}
.customer_address_edit ul.addr02 li p:last-child {
  font-size: 0.75rem;
  color: #2d599b;
}
.submit_button {
  display: flex;
  justify-content: center;
}
.submit_button button {
  width: 300px;
  height: 42px;
  font-size: 1rem;
  color: #fdfdfd;
  background-color: #ea4b35;
  border: none;
  margin-top: 8px;
  cursor: pointer;
}
.submit_button button:hover {
  opacity: 0.7;
}
.ec-errorMessage {
  font-size: 12px;
  font-weight: bold;
  color: #de5d50;
}
#password-reset {
  color: #2d599b;
}
#password-reset:hover {
  opacity: 0.6;
}
* {
  box-sizing: border-box;
}
.mypage_mydesign_container {
  width: 100%;
  max-width: 736px;
  margin: 118px auto 160px;
  display: flex;
  gap: 24px;
}
.mypage_mydesign_right_container {
  display: none;
  width: 72.28%;
  position: relative;
  border: 3px solid #f5f1e6;
  border-radius: 4px;
  padding: 24px 22px;
  margin-bottom: 8px;
}
.mypage_mydesign_right_container h1, .mypage_mydesign_right_container .h1 {
  position: absolute;
  top: -40px;
  left: 0;
  font-size: 1.25rem;
}
.mypage_mydesign_right_container_second {
  display: none;
  width: 72.28%;
  position: relative;
  border: 3px solid #f5f1e6;
  border-radius: 4px;
  padding: 24px 22px;
  margin-bottom: 8px;
  height: 125px;
}
.mypage_mydesign_right_container_second h1, .mypage_mydesign_right_container_second .h1 {
  position: absolute;
  top: -40px;
  left: 0;
  font-size: 1.25rem;
}
.mypage_mydesign_right_container_second p:nth-of-type(1) {
  font-size: 1rem;
}
.mypage_mydesign_right_container_second p:nth-of-type(2) {
  font-size: 0.75rem;
  text-align: center;
  margin: 8px 0;
}
.mypage_mydesign_right_container__list:nth-child(n+3) {
  border-top: solid 1px #f5f1e6;
}
.mypage_mydesign_right_container__list h2, .mypage_mydesign_right_container__list .h2 {
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 8px;
}
.mypage_mydesign_right_container__list ul {
  display: flex;
  gap: 8px;
  padding: 32px 16px;
  width: 100%;
  background-color: #ffffff;
}
.mypage_mydesign_right_container__list ul li {
  width: 33.14%;
  font-size: 0.75rem;
}
.mypage_mydesign_right_container__list ul li:nth-of-type(3) p {
  margin-bottom: 67px;
}
.mypage_mydesign_right_container__list ul li p {
  text-align: right;
  margin-bottom: 67px;
}
.mypage_mydesign_right_container__list:last-child ul {
  padding-bottom: 24px;
}
.mypage_mydesign_right_container__list__button {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.mypage_mydesign_right_container__list__button button {
  color: #2d599b;
  font-size: 0.75rem;
  background-color: #ffffff;
  border: none;
  cursor: pointer;
}
.mypage_mydesign_right_container__list__button button:hover {
  opacity: 0.75;
}
.mypage_mydesign_right_container__list__useFlex {
  display: flex;
  gap: 8px;
  width: 100%;
  max-width: 306px;
}
.mypage_mydesign_right_container__list__useFlex li:nth-of-type(1) {
  width: 100%;
  max-width: 31.37%;
}
.mypage_mydesign_right_container__list__useFlex li:nth-of-type(1) img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mypage_mydesign_right_container__list__useFlex li:nth-of-type(2) {
  width: 100%;
  max-width: 66.01%;
  font-size: 1rem;
}
.mypage_mydesign_right_container__button_list {
  position: absolute;
  top: 0;
  right: 0;
}
.mypage_mydesign_right_container__button_list button {
  width: 33%;
  color: #fdfdfd;
  background-color: rgb(255, 180, 180);
  border: none;
  border-radius: 10px;
}
.mypage_mydesign_right_container_second__button {
  display: flex;
  justify-content: flex-end;
}
.mypage_mydesign_right_container_second__button button {
  font-size: 0.625rem;
  color: #2d599b;
  border: 3px solid #f5f1e6;
  border: none;
  cursor: pointer;
  opacity: 0.75;
}
#pen {
  margin: 0 0 6px 8px;
  cursor: pointer;
}
#pen:hover {
  opacity: 0.75;
}
.mypage_favorite_container {
  width: 100%;
  max-width: 736px;
  margin: 0 auto;
  display: flex;
  gap: 24px;
}
.mypage_favorite_right_container {
  width: 72.28%;
  position: relative;
  border-radius: 4px;
  padding: 24px 22px;
  margin-bottom: 8px;
}
.mypage_favorite_right_container h1, .mypage_favorite_right_container .h1 {
  position: absolute;
  top: -40px;
  left: 0;
  font-size: 20px;
}
.mypage_favorite_right_container p {
  text-align: center;
  font-size: 0.75rem;
  margin-bottom: 8px;
}
.mypage_favorite_right_container hr {
  background-color: #f5f1e6;
  height: 1px;
  border: none;
  opacity: 1;
  margin: 0;
}
.mypage_favorite_right_container.not_favorite_item {
  height: 125px;
}
.mypage_favorite_right_container__list:nth-child(n+3) {
  border-top: solid 1px #f5f1e6;
}
.mypage_favorite_right_container__list h2, .mypage_favorite_right_container__list .h2 {
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 8px;
}
.mypage_favorite_right_container__list ul {
  display: flex;
  gap: 8px;
  padding: 32px 24px;
  width: 100%;
  background-color: #ffffff;
}
.mypage_favorite_right_container__list ul li {
  width: 33.14%;
  font-size: 0.75rem;
}
.mypage_favorite_right_container__list ul li:nth-of-type(3) p {
  margin-bottom: 67px;
}
.mypage_favorite_right_container__list__button {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: 96px;
  gap: 8px;
}
.mypage_favorite_right_container__list__button button,
.mypage_favorite_right_container__list__button a {
  color: #2d599b;
  font-size: 0.75rem;
  background-color: #ffffff;
  border: none;
  cursor: pointer;
}
.mypage_favorite_right_container__list__button button:hover,
.mypage_favorite_right_container__list__button a:hover {
  opacity: 0.75;
}
.mypage_favorite_right_container__list__useFlex {
  display: flex;
  gap: 8px;
  width: 100%;
  max-width: 306px;
}
.mypage_favorite_right_container__list__useFlex li:nth-of-type(1) {
  width: 100%;
  max-width: 31.37%;
}
.mypage_favorite_right_container__list__useFlex li:nth-of-type(1) img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mypage_favorite_right_container__list__useFlex li:nth-of-type(2) {
  width: 100%;
  max-width: 66.01%;
  font-size: 1rem;
  padding-top: 14px;
}
.mypage_favorite_right_container__list__useFlex li:nth-of-type(2) p {
  font-size: 0.75rem;
  line-height: 1.6;
}
.mypage_favorite_right_container__button_list {
  position: absolute;
  top: 0;
  right: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.mypage_favorite_right_container__button_list button {
  width: 33%;
  color: #fdfdfd;
  background-color: rgb(255, 180, 180);
  border: none;
  border-radius: 10px;
}
.mypage_favorite_right_container_second {
  height: 125px;
}
.mypage_favorite_right_container_second p:nth-of-type(1) {
  font-size: 1rem;
}
.mypage_favorite_right_container_second p:nth-of-type(2) {
  font-size: 0.75rem;
  text-align: center;
  margin-bottom: 14px;
}
.mypage_favorite_right_container_second__button {
  display: flex;
  justify-content: flex-end;
}
.mypage_favorite_right_container_second__button button {
  font-size: 0.625rem;
  color: #2d599b;
  border: 3px solid #f5f1e6;
  border: none;
  cursor: pointer;
}
.mypage_favorite_right_container_second__button button:hover {
  opacity: 0.75;
}
.right_side_button {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.right_side_button button,
.right_side_button a {
  font-size: 0.625rem;
  color: #2d599b;
  border: none;
  cursor: pointer;
}
.creator_favorite_modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.creator_favorite_modal #modalTitle {
  color: #ea4335;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
  margin-top: 20px; /* 下に少し余白を追加 */
}
.creator_favorite_modal #modalSubTitle {
  color: #ea4335;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 20px;
}
.creator_favorite_modal #modalContents {
  color: #5e5e5e;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  margin-bottom: 30px;
}
.creator_favorite_modal .modal-content {
  background-color: #fff;
  text-align: center;
  width: 40%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 37px 40px;
  border-radius: 4px;
}
.creator_favorite_modal .modal-content #modalMessage {
  margin-top: 42px;
}
.creator_favorite_modal .modal-content #modalMessage a {
  border-bottom: 1px solid #ea4335;
}
.creator_favorite_modal .modal-content #modalMessage p {
  font-weight: 600;
}
.creator_favorite_modal .modal-content button {
  width: 135px;
  height: 40px;
  border-radius: 4px;
}
.creator_favorite_modal .modal-content .button_container {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 3px; /* ボタンの周囲に余白を追加 */
  border-radius: 4px; /* 角を丸める */
  margin-top: 20px; /* ボタンコンテナの上に余白を追加 */
}
.creator_favorite_modal .modal-content .button_container button {
  font-weight: 600;
}
.creator_favorite_modal #creator_favorite_deleteButton {
  border-radius: 4px;
  background: #ea4335;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
.creator_favorite_modal #creator_favorite_cancelButton {
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #000000;
  color: #343434;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.creator_favorite_modal .close-icon-container {
  display: flex;
  justify-content: center;
  position: absolute;
  top: -15px;
  right: -15px;
  width: 38px;
  aspect-ratio: 1/1;
  background-color: #ffffff;
  border-radius: 50%;
  align-items: center;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.creator_favorite_modal .close-icon-container img {
  width: 40%;
  height: 40%;
}
.mypage_cancel_membership_container {
  width: 100%;
  max-width: 736px;
  margin: 0 auto;
  display: flex;
  gap: 24px;
}
.mypage_cancel_membership_right_container {
  line-height: 1.6;
  width: 72.28%;
  position: relative;
  border-radius: 4px;
  padding: 24px 22px;
  background-color: #ffffff;
  display: inline-block;
  margin-bottom: 40px;
}
.mypage_cancel_membership_right_container h1, .mypage_cancel_membership_right_container .h1 {
  position: absolute;
  top: -40px;
  left: 0;
  font-size: 20px;
}
.mypage_cancel_membership_right_container h2, .mypage_cancel_membership_right_container .h2 {
  font-size: 1rem;
  margin-bottom: 8px;
}
.mypage_cancel_membership_right_container h2:first-child, .mypage_cancel_membership_right_container .h2:first-child {
  margin-bottom: 16px;
}
.mypage_cancel_membership_right_container p {
  font-size: 0.75rem;
  margin-bottom: 16px;
}
.mypage_cancel_membership_right_container__list__button {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.mypage_cancel_membership_right_container__list__button button:hover {
  opacity: 0.7;
}
.mypage_cancel_membership_right_container__list__button button {
  width: 100%;
  max-width: 300px;
  height: 42px;
  font-size: 1rem;
  color: #fdfdfd;
  background-color: #ea4b35;
}
.mypage_cancel_membership_container {
  width: 100%;
  max-width: 736px;
  margin: 0 auto;
  display: flex;
  gap: 24px;
}
.mypage_cancel_membership_right_container__second {
  width: 100%;
  position: relative;
  padding: 15px 0px;
}
.mypage_cancel_membership_right_container__second h1, .mypage_cancel_membership_right_container__second .h1 {
  position: absolute;
  top: -48px;
  left: 240px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #c03434;
}
.mypage_cancel_membership_right_container__second__list {
  width: 100%;
  max-width: 532px;
  border-radius: 4px;
  padding: 24px 22px;
  margin: 0 auto;
  background-color: #ffffff;
}
.mypage_cancel_membership_right_container__second__list p {
  font-size: 1rem;
  text-align: left;
}
.mypage_cancel_membership_right_container__second__list p:nth-of-type(1) {
  margin-bottom: 24px;
}
.mypage_cancel_membership_right_container__second__button {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.mypage_cancel_membership_right_container__second__button button {
  width: 100%;
  max-width: 300px;
  font-size: 1rem;
  height: 42px;
  color: #fdfdfd;
  background-color: #ea4b35;
}
.mypage_cancel_membership_right_container__second__button button:hover {
  opacity: 0.7;
}
* {
  box-sizing: border-box;
}
.mypage_order_list_container {
  width: 100%;
  max-width: 736px;
  margin: 0 auto;
  display: flex;
  gap: 24px;
}
.mypage_order_list_right_container {
  width: 72.28%;
}
.mypage_order_list_right_container h1, .mypage_order_list_right_container .h1 {
  position: absolute;
  top: -40px;
  left: 0;
  font-size: 1.25rem;
  font-weight: 700;
}
.mypage_order_list_right_container h2, .mypage_order_list_right_container .h2 {
  font-weight: 400;
  font-size: 1rem;
}
.mypage_order_list_right_container hr {
  background-color: #f5f1e6;
  height: 1px;
  border: none;
  opacity: 1;
  margin: 0;
}
.mypage_order_list_right_container p.not_items {
  font-size: 0.75rem;
  text-align: center;
  margin-bottom: 16px;
}
.mypage_order_list_right_container__before_sending,
.mypage_order_list_right_container__after_sending {
  width: 100%;
  position: relative;
  border-radius: 4px;
  padding: 24px 22px;
  margin-bottom: 8px;
}
.mypage_order_list_right_container__list {
  padding: 24px 16px;
  margin: 16px 0;
  width: 100%;
  background-color: #ffffff;
}
.mypage_order_list_right_container__list:last-child {
  margin-bottom: 0;
}
.mypage_order_list_right_container__list__top {
  display: flex;
  margin-bottom: 8px;
}
.mypage_order_list_right_container__list__top__right {
  margin-left: auto;
}
.mypage_order_list_right_container__list__top__right__order_date ul,
.mypage_order_list_right_container__list__top__right__order_number ul {
  display: flex;
  width: 145px;
}
.mypage_order_list_right_container__list__top__right__order_date ul li,
.mypage_order_list_right_container__list__top__right__order_number ul li {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
}
.mypage_order_list_right_container__list__top__right__order_date ul li:nth-of-type(1),
.mypage_order_list_right_container__list__top__right__order_number ul li:nth-of-type(1) {
  width: 42%;
}
.mypage_order_list_right_container__list__top__right__order_date ul li:nth-of-type(2),
.mypage_order_list_right_container__list__top__right__order_number ul li:nth-of-type(2) {
  margin: 0 0 0 auto;
}
.mypage_order_list_right_container__list__middle {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.mypage_order_list_right_container__list__middle ul {
  display: flex;
  gap: 8px;
  padding: 16px 0 8px;
}
.mypage_order_list_right_container__list__middle ul:nth-of-type(n + 2) {
  padding: 0 0 8px;
}
.mypage_order_list_right_container__list__middle ul li img {
  width: 96px;
  height: 105px;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
.mypage_order_list_right_container__list__middle ul li:nth-of-type(2) {
  padding-top: 5px;
}
.mypage_order_list_right_container__list__middle ul li p {
  font-size: 0.75rem;
  line-height: 1.6;
}
.mypage_order_list_right_container__list__middle ul .design-image-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mypage_order_list_right_container__list__middle ul .download-design-image {
  margin-top: 8px;
  font-size: 0.675rem;
  color: #2d599b;
  cursor: pointer;
}
.mypage_order_list_right_container__list__middle ul .download-design-image:hover {
  opacity: 0.7;
}
.mypage_order_list_right_container__bottom {
  display: flex;
  padding-top: 8px;
}
.mypage_order_list_right_container__bottom__left {
  width: 39%;
}
.mypage_order_list_right_container__bottom__left ul {
  display: flex;
}
.mypage_order_list_right_container__bottom__left ul li {
  font-size: 0.75rem;
}
.mypage_order_list_right_container__bottom__left ul li:nth-of-type(1) {
  width: 62px;
}
.mypage_order_list_right_container__bottom__right {
  display: flex;
  flex-direction: column;
  margin-left: auto;
}
.mypage_order_list_right_container__bottom__right a,
.mypage_order_list_right_container__bottom__right button {
  background-color: #ffffff;
  color: #2d599b;
  font-size: 0.75rem;
  border: none;
  text-align: right;
  padding: 0;
  margin: auto 0 0 0;
}
.mypage_order_list_right_container__bottom__right a:hover,
.mypage_order_list_right_container__bottom__right button:hover {
  opacity: 0.7;
}
#getting_ready_2 {
  padding: 0;
}
#getting_ready_2_p {
  padding: 0;
}
#redline_2_1 {
  height: 2px;
  background-color: #c03434;
}
#redline_2_2 {
  left: 32px;
}
.mypage_order_list_button {
  position: absolute;
  top: 0;
  right: 0;
}
.mypage_order_list_button button {
  font-size: 1rem;
  width: 50px;
  border: none;
  background-color: #ffa4a4;
  color: #fdfdfd;
  text-align: center;
}
.mypage_order_list_right_container__second {
  display: none;
  width: 72.28%;
}
.mypage_order_list_right_container__second h1, .mypage_order_list_right_container__second .h1 {
  position: absolute;
  top: -40px;
  left: 0;
  font-size: 1.25rem;
}
.mypage_order_list_right_container__second h2, .mypage_order_list_right_container__second .h2 {
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 16px;
}
.mypage_order_list_right_container__second p {
  font-size: 0.75rem;
  text-align: center;
  margin-bottom: 16px;
}
* {
  box-sizing: border-box;
}
.mypage_order_cancel_container {
  width: 100%;
  max-width: 736px;
  margin: 0 auto;
  display: flex;
  gap: 24px;
}
.mypage_order_cancel_right_container {
  width: 72.28%;
  border: 3px solid #f5f1e6;
  border-radius: 4px;
  padding: 24px 22px;
  margin-bottom: 8px;
  position: relative;
}
.mypage_order_cancel_right_container.cancel {
  height: 140px;
}
.mypage_order_cancel_right_container h1, .mypage_order_cancel_right_container .h1 {
  position: absolute;
  top: -40px;
  left: 0;
  font-size: 1.25rem;
}
.mypage_order_cancel_right_container h2, .mypage_order_cancel_right_container .h2 {
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 16px;
}
.mypage_order_cancel_right_container p.text {
  text-align: center;
  height: 31px;
  line-height: 1.6;
  margin-bottom: 8px;
}
.mypage_order_cancel_right_container div.to-history {
  display: flex;
  justify-content: flex-end;
}
.mypage_order_cancel_right_container div.to-history a {
  font-size: 0.75rem;
  color: #2d599b;
  border: none;
  cursor: pointer;
}
.mypage_order_cancel_right_container div.to-history a:hover {
  opacity: 0.75;
}
.mypage_order_cancel_right_container__list {
  width: 100%;
  background-color: #ffffff;
  padding: 24px 16px;
}
.mypage_order_cancel_right_container__list__top {
  display: flex;
  padding-bottom: 8px;
  border-bottom: 1px solid #000000;
}
.mypage_order_cancel_right_container__list__top p {
  font-size: 0.75rem;
}
.mypage_order_cancel_right_container__list__top button {
  font-size: 0.75rem;
  color: #2d599b;
  background-color: #ffffff;
  margin-left: auto;
  border: none;
  cursor: pointer;
}
.mypage_order_cancel_right_container__list__top button:hover {
  opacity: 0.75;
}
.mypage_order_cancel_right_container__list__middle {
  padding: 8px 0;
}
.mypage_order_cancel_right_container__list__middle ul {
  display: flex;
  margin: 8px 0;
}
.mypage_order_cancel_right_container__list__middle ul li:first-child {
  width: 21.18%;
}
.mypage_order_cancel_right_container__list__middle ul li:first-child img {
  padding-right: 8px;
  width: 100%;
}
.mypage_order_cancel_right_container__list__middle ul li:nth-of-type(2) {
  width: 39%;
}
.mypage_order_cancel_right_container__list__middle ul li:nth-of-type(2) p {
  font-size: 0.75rem;
  line-height: 1.6;
}
.mypage_order_cancel_right_container__list__middle ul li:nth-of-type(2) .buying_a_lot {
  font-size: 0.625rem;
}
.mypage_order_cancel_right_container__list__middle ul li:nth-of-type(3) {
  width: 39.5%;
  position: relative;
  margin: auto 0;
  padding-left: 65px;
}
.mypage_order_cancel_right_container__list__middle ul li:nth-of-type(3) label {
  position: absolute;
  top: 5px;
  right: 0;
}
.mypage_order_cancel_right_container__list__middle hr {
  background-color: #f5f1e6;
  height: 1px;
  border: none;
  opacity: 1;
  margin: 0;
}
.order_cancel_checkbox {
  display: none;
}
.mypage_order_cancel_right_container__list__bottom {
  border-top: 1px solid #000000;
  padding: 24px 0 0;
}
.mypage_order_cancel_right_container__list__bottom__button {
  display: flex;
  justify-content: center;
}
.mypage_order_cancel_right_container__list__bottom__button button {
  width: 100%;
  max-width: 300px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6;
  color: #fdfdfd;
  border: none;
  background-color: #ea4b35;
  padding: 8px 0;
}
.mypage_order_cancel_right_container__list__bottom__button button:hover {
  opacity: 0.7;
}
.order_cancel_select_box select {
  border: 1px solid #ababab;
  width: 100%;
  max-width: 86px;
  height: 31px;
  cursor: pointer;
  padding-left: 8px;
}
.mypage_order_cancel_button {
  position: absolute;
  top: 0;
  right: 0;
}
.mypage_order_cancel_button button {
  font-size: 1rem;
  width: 50px;
  border: none;
  background-color: #ffa4a4;
  color: #fdfdfd;
  text-align: center;
}
.creator_order_modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.creator_order_modal #modalTitle {
  color: #ea4335;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
  margin-top: 20px; /* 下に少し余白を追加 */
}
.creator_order_modal #modalSubTitle {
  color: #ea4335;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 20px;
}
.creator_order_modal #modalContents {
  color: #5e5e5e;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  margin-bottom: 30px;
}
.creator_order_modal .modal-content {
  background-color: #fff;
  text-align: center;
  width: 40%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 37px 40px;
  border-radius: 4px;
}
.creator_order_modal .modal-content #modalMessage {
  margin-top: 42px;
}
.creator_order_modal .modal-content #modalMessage a {
  border-bottom: 1px solid #ea4335;
}
.creator_order_modal .modal-content #modalMessage p {
  font-weight: 600;
}
.creator_order_modal .modal-content button {
  width: 135px;
  height: 40px;
  border-radius: 4px;
}
.creator_order_modal .modal-content .button_container {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 3px; /* ボタンの周囲に余白を追加 */
  border-radius: 4px; /* 角を丸める */
  margin-top: 20px; /* ボタンコンテナの上に余白を追加 */
}
.creator_order_modal .modal-content .button_container button {
  font-weight: 600;
}
.creator_order_modal #creator_order_deleteButton {
  border-radius: 4px;
  background: #ea4335;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
.creator_order_modal #creator_order_cancelButton {
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #000000;
  color: #343434;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.creator_order_modal .close-icon-container {
  display: flex;
  justify-content: center;
  position: absolute;
  top: -15px;
  right: -15px;
  width: 38px;
  aspect-ratio: 1/1;
  background-color: #ffffff;
  border-radius: 50%;
  align-items: center;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.creator_order_modal .close-icon-container img {
  width: 40%;
  height: 40%;
}
.creator_warning_modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.creator_warning_modal #warningModalTitle {
  color: #ea4335;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
  margin-top: 20px; /* 下に少し余白を追加 */
}
.creator_warning_modal #warningModalMessage {
  color: #5e5e5e;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 30px;
}
.creator_warning_modal .modal-content {
  background-color: #fff;
  text-align: center;
  width: 40%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column; /* Stack the buttons vertically */
  justify-content: center;
  align-items: center;
  padding: 37px 40px;
  border-radius: 4px;
}
.creator_warning_modal .modal-content button {
  width: 135px;
  height: 40px;
  border-radius: 4px;
  font-weight: 600;
  margin-top: 10px; /* Add space between buttons */
}
.creator_warning_modal #warningModalCloseButton {
  background: #ea4335;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
.creator_warning_modal .close-icon-container {
  display: flex;
  justify-content: center;
  position: absolute;
  top: -15px;
  right: -15px;
  width: 38px;
  aspect-ratio: 1/1;
  background-color: #ffffff;
  border-radius: 50%;
  align-items: center;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.creator_warning_modal .close-icon-container img {
  width: 40%;
  height: 40%;
}
* {
  box-sizing: border-box;
}
.mypage_order_detail_container {
  width: 100%;
  max-width: 736px;
  margin: 0 auto;
  display: flex;
  gap: 24px;
}
.mypage_order_detail_right_container {
  width: 72.28%;
  background-color: #ffffff;
  border: 3px solid #f5f1e6;
  border-radius: 4px;
  padding: 24px 22px;
  position: relative;
}
.mypage_order_detail_right_container h1, .mypage_order_detail_right_container .h1 {
  position: absolute;
  top: -40px;
  left: 0;
  font-size: 1.25rem;
  font-weight: 700;
}
.mypage_order_detail_right_container h2, .mypage_order_detail_right_container .h2 {
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 16px;
}
.mypage_order_detail_right_container__list__top ul {
  display: flex;
  margin-bottom: 8px;
}
.mypage_order_detail_right_container__list__top ul li {
  font-size: 0.75rem;
}
.mypage_order_detail_right_container__list__top ul li:nth-of-type(1) {
  width: 31%;
}
.mypage_order_detail_right_container__list__middle {
  padding-bottom: 8px;
}
.mypage_order_detail_right_container__list__middle ul {
  display: flex;
  background-color: #ffffff;
  gap: 8px;
  padding: 24px 16px;
  margin: 8px 0;
}
.mypage_order_detail_right_container__list__middle ul li:nth-of-type(1) {
  width: 96px;
}
.mypage_order_detail_right_container__list__middle ul li:nth-of-type(1) img {
  width: 100%;
}
.mypage_order_detail_right_container__list__middle ul li:nth-of-type(2) {
  padding-top: 5px;
}
.mypage_order_detail_right_container__list__middle ul li:nth-of-type(2) p {
  font-size: 0.75rem;
  line-height: 1.6;
}
.mypage_order_detail_right_container__list__middle ul li:nth-of-type(3) {
  display: flex;
  justify-content: flex-end;
  width: 41.88%;
}
.mypage_order_detail_right_container__list__middle ul li:nth-of-type(3) p,
.mypage_order_detail_right_container__list__middle ul li:nth-of-type(3) a {
  margin-top: auto;
  background-color: #ffffff;
  font-size: 0.75rem;
  border: none;
  text-align: right;
  padding: 0;
}
.mypage_order_detail_right_container__list__middle ul li:nth-of-type(3) a {
  color: #2d599b;
  cursor: pointer;
}
.mypage_order_detail_right_container__list__middle ul li:nth-of-type(3) a:hover {
  opacity: 0.75;
}
.mypage_order_detail_right_container__list__middle ul li .design-image-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mypage_order_detail_right_container__list__middle ul li .download-design-image {
  margin-top: 8px;
  font-size: 0.675rem;
  color: #2d599b;
  cursor: pointer;
}
.mypage_order_detail_right_container__list__middle ul li .download-design-image:hover {
  opacity: 0.7;
}
.mypage_order_detail_right_container__list__middle hr {
  background-color: #f5f1e6;
  height: 1px;
  border: none;
  opacity: 1;
  margin: 0;
}
.mypage_order_detail_right_container__list__bottom {
  padding-top: 16px;
  border-top: 1px solid #969696;
}
.mypage_order_detail_right_container__list__bottom__total_price ul {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.mypage_order_detail_right_container__list__bottom__total_price ul li {
  font-size: 0.75rem;
}
.mypage_order_detail_right_container__list__bottom__total_price ul li:first-child {
  width: 60px;
}
.mypage_order_detail_right_container__list__bottom__total_price ul li:nth-of-type(2) {
  text-align: center;
  width: 14px;
}
.mypage_order_detail_right_container__list__bottom__total_price ul li:nth-of-type(3) {
  text-align: right;
  width: 48.92px;
}
.mypage_order_detail_right_container_button {
  position: absolute;
  top: 0;
  right: 0;
}
.mypage_order_detail_right_container_button button {
  width: 33%;
  color: #fdfdfd;
  background-color: rgb(255, 180, 180);
  border: none;
  border-radius: 10px;
}
#order_detail_status {
  margin-bottom: 16px;
}
#order_detail_status ul {
  gap: 6px;
  justify-content: center;
}
#order_detail_status ul li:nth-of-type(1) label {
  left: 41.5px;
}
#order_detail_status ul li:nth-of-type(2) label {
  left: 24px;
}
#order_detail_status ul li:nth-of-type(3) label {
  left: 24px;
}
#order_detail_status ul li:nth-of-type(4) label {
  left: 16px;
}
#order_detail_status p {
  font-size: 0.5625rem;
}
#order_detail_status label {
  top: 12px;
}
.reorder-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 42px;
  line-height: 1.6;
  border-radius: 4px;
  font-weight: 500;
  font-size: 0.95rem;
  font-family: "Noto Sans JP", sans-serif;
  background-color: #ea4b35;
  border: none;
  color: #fff;
  margin: 0 auto;
  margin-top: 24px;
}
.reorder-button:hover {
  color: #fff;
  opacity: 0.75;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
レビュー投稿

レビュー投稿で使用するページコンポーネントです。
ex [レビュー投稿](http://localhost:8080/mypage/review_post/1)

*/
#page_mypage_review_post .main,
#page_creator_mypage_review_post .main {
  padding: 80px 0 160px;
  max-width: 532px;
  margin: 0 auto;
}
#page_mypage_review_post .main h1, #page_mypage_review_post .main .h1,
#page_creator_mypage_review_post .main h1,
#page_creator_mypage_review_post .main .h1 {
  color: #343434;
  font-size: 1.25rem;
  line-height: 1.6;
  text-align: center;
  font-weight: 700;
}
#page_mypage_review_post .main form,
#page_creator_mypage_review_post .main form {
  margin-top: 16px;
}
#page_mypage_review_post .main form .input-field,
#page_creator_mypage_review_post .main form .input-field {
  margin-top: 16px;
  border: 3px solid #f5f1e6;
  border-radius: 4px;
  padding: 24px 22px;
}
#page_mypage_review_post .main form .input-field h2, #page_mypage_review_post .main form .input-field .h2,
#page_creator_mypage_review_post .main form .input-field h2,
#page_creator_mypage_review_post .main form .input-field .h2 {
  font-size: 1rem;
  line-height: 1.625;
  padding-bottom: 8px;
}
#page_mypage_review_post .main form .input-field .input-wrapper,
#page_creator_mypage_review_post .main form .input-field .input-wrapper {
  display: flex;
}
#page_mypage_review_post .main form .input-field .input-wrapper label,
#page_creator_mypage_review_post .main form .input-field .input-wrapper label {
  width: 30%;
  font-size: 0.75rem;
  line-height: 1.6;
  margin-bottom: 0;
}
#page_mypage_review_post .main form .input-field .input-wrapper input,
#page_mypage_review_post .main form .input-field .input-wrapper textarea,
#page_creator_mypage_review_post .main form .input-field .input-wrapper input,
#page_creator_mypage_review_post .main form .input-field .input-wrapper textarea {
  font-size: 0.75rem;
  line-height: 1.6;
}
#page_mypage_review_post .main form .input-field .input-wrapper textarea,
#page_creator_mypage_review_post .main form .input-field .input-wrapper textarea {
  height: 124px;
  resize: none;
}
#page_mypage_review_post .main form .input-field .input-wrapper:not(:first-child),
#page_creator_mypage_review_post .main form .input-field .input-wrapper:not(:first-child) {
  margin-top: 8px;
}
#page_mypage_review_post .main form .input-field .input-wrapper.input,
#page_creator_mypage_review_post .main form .input-field .input-wrapper.input {
  align-items: center;
}
#page_mypage_review_post .main form .input-field .input-wrapper .ratings-field,
#page_creator_mypage_review_post .main form .input-field .input-wrapper .ratings-field {
  width: 100%;
}
#page_mypage_review_post .main form .input-field .input-wrapper .ratings-field .size,
#page_creator_mypage_review_post .main form .input-field .input-wrapper .ratings-field .size {
  font-size: 0.9rem;
}
#page_mypage_review_post .main form .submit,
#page_creator_mypage_review_post .main form .submit {
  border: initial;
  border-radius: initial;
  margin: 24px auto 0;
  padding: 8px;
  max-width: 300px;
  background-color: #ea4b35;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fdfdfd;
  font-size: 1rem;
  line-height: 1.625;
  font-weight: 700;
}
#page_mypage_review_post .main form .submit:hover,
#page_creator_mypage_review_post .main form .submit:hover {
  opacity: 0.7;
}
#breadcrumbs {
  margin-bottom: 0;
  background-color: #ffffff;
  width: 100%;
  padding: 16px 56px;
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid #f7f4ed;
}
#breadcrumbs li {
  display: inline-block;
  list-style: none;
}
#breadcrumbs li:not(:first-child) {
  margin-left: 6px;
}
#breadcrumbs li:not(:last-child) {
  margin-right: 4px;
}
#breadcrumbs li a {
  text-decoration: underline;
  color: #5e5e5e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  text-decoration-line: underline;
}
#breadcrumbs li span {
  color: #5e5e5e;
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
#breadcrumbs .arrow {
  font-size: 0.5rem;
  color: #5e5e5e;
  display: block;
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 4px;
}
.mypage_left_container {
  width: 24.45%;
}
.mypage_left_container div {
  width: 100%;
  margin-bottom: 8px;
}
.mypage_left_container div:not(.mypage_left_container__customer__data) {
  padding-top: 8px;
}
.mypage_left_container div:nth-of-type(n + 2) {
  border-top: 1px solid #969696;
}
.mypage_left_container h1, .mypage_left_container .h1 {
  font-weight: 500;
  font-size: 1rem;
  margin-bottom: 8px;
}
.mypage_left_container p {
  font-size: 0.75rem;
  height: 31px;
  padding-top: 7px;
  cursor: pointer;
}
.mypage_left_container p:hover {
  opacity: 0.75;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
レビュー投稿完了

レビュー投稿完了で使用するページコンポーネントです。
ex [レビュー投稿完了](http://localhost:8080/mypage/review_post/complete)

*/
#page_mypage_review_post_complete .main,
#page_creator_mypage_review_post_complete .main {
  padding: 80px 0 160px;
  max-width: 532px;
  margin: 0 auto;
}
#page_mypage_review_post_complete .main h1, #page_mypage_review_post_complete .main .h1,
#page_creator_mypage_review_post_complete .main h1,
#page_creator_mypage_review_post_complete .main .h1 {
  color: #c03434;
  font-size: 1.25rem;
  line-height: 1.6;
  text-align: center;
  font-weight: 700;
}
#page_mypage_review_post_complete .main .text-field,
#page_creator_mypage_review_post_complete .main .text-field {
  margin-top: 16px;
  border: 3px solid #f5f1e6;
  border-radius: 4px;
  padding: 24px 22px;
}
#page_mypage_review_post_complete .main .text-field p,
#page_creator_mypage_review_post_complete .main .text-field p {
  font-size: 1rem;
  line-height: 1.6;
}
#page_mypage_review_post_complete .main .text-field p:not(:first-child),
#page_creator_mypage_review_post_complete .main .text-field p:not(:first-child) {
  margin-top: 32px;
}
#page_mypage_review_post_complete .main button,
#page_creator_mypage_review_post_complete .main button {
  border: initial;
  border-radius: initial;
  margin: 24px auto 0;
  padding: 8px;
  max-width: 300px;
  background-color: #ea4b35;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fdfdfd;
  font-size: 1rem;
  line-height: 1.625;
  font-weight: 700;
}
#page_mypage_review_post_complete .main button:hover,
#page_creator_mypage_review_post_complete .main button:hover {
  opacity: 0.7;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
メールアドレス確認メール送信画面

メールアドレス確認メール送信画面で使用するページコンポーネントです。
ex [メールアドレス確認メール送信画面](http://localhost:8080/mypage/send-verification-email)

*/
#page_mypage_send_verification_email .main {
  padding: 80px 0 160px;
  max-width: 532px;
  margin: 0 auto;
}
#page_mypage_send_verification_email .main h1, #page_mypage_send_verification_email .main .h1 {
  color: #343434;
  font-size: 1.25rem;
  line-height: 1.6;
  text-align: center;
  font-weight: 700;
}
#page_mypage_send_verification_email .main .text-field {
  margin-top: 16px;
  padding: 24px 22px;
  border: solid 3px #f5f1e6;
  border-radius: 4px;
}
#page_mypage_send_verification_email .main .text-field p {
  font-size: 1rem;
  line-height: 1.6;
}
#page_mypage_send_verification_email .main .text-field p:not(:first-child) {
  margin-top: 32px;
}
#page_mypage_send_verification_email .main .button-field {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
#page_mypage_send_verification_email .main .button-field a {
  max-width: 262px;
  width: 100%;
  display: grid;
}
#page_mypage_send_verification_email .main .button-field a:hover {
  opacity: 0.7;
}
#page_mypage_send_verification_email .main .button-field a button {
  border: initial;
  border-radius: initial;
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1.625;
}
#page_mypage_send_verification_email .main .button-field a .primary {
  background-color: #c03434;
  color: #fdfdfd;
  font-weight: 700;
}
#page_mypage_send_verification_email .main .button-field a .secondary {
  border: 1px solid #000000;
}
.help_agreement_main_container {
  margin: 80px 0 160px;
  text-align: center;
}
.help_agreement_main_container__top {
  width: 100%;
  max-width: 433px;
  margin: 0 auto 16px;
}
.help_agreement_main_container__top h1, .help_agreement_main_container__top .h1 {
  font-weight: 700;
  font-size: 1.25rem;
  color: #343434;
  margin-bottom: 16px;
}
.help_agreement_main_container__top p {
  font-size: 0.75rem;
  text-align: left;
}
.help_agreement_divider {
  width: 100%;
  max-width: 433px;
  margin: 0 auto 16px;
  text-align: left;
}
.help_agreement_divider h1, .help_agreement_divider .h1 {
  font-size: 1rem;
  margin-bottom: 16px;
}
.help_agreement_divider p {
  display: flex;
  text-align: left;
  margin-bottom: 4px;
  font-size: 12px;
}
.help_agreement_divider p span:last-child {
  padding-left: 8px;
}
.help_agreement_divider__useFlex {
  display: flex;
}
.help_agreement_divider__useFlex p:first-child {
  margin-left: 15px;
}
.help_about {
  width: 100%;
  max-width: 532px;
  margin: 80px auto 160px;
}
.help_about h1, .help_about .h1 {
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  color: #c03434;
  margin-bottom: 16px;
}
.help_about__container {
  max-width: 532px;
  width: 100%;
  border: 8px solid #f5f1e6;
  border-radius: 4px;
  padding: 56px 97px;
}
.help_about__container__list {
  width: 100%;
  margin: 0 auto;
}
.help_about__container__list ul {
  width: 100%;
  display: flex;
  margin: 0;
  padding: 8px 0;
  border-bottom: 1px solid #f5f1e6;
}
.help_about__container__list ul:last-child {
  border: none;
}
.help_about__container__list ul li {
  list-style-type: none;
}
.help_about__container__list ul li:first-child {
  width: 40%;
  font-weight: 700;
  font-size: 12px;
}
.help_about__container__list ul li:last-child {
  width: 60%;
  font-size: 12px;
}
.help_about__container__usePadding {
  padding-top: 10px;
}
* {
  box-sizing: border-box;
}
.privacy_policy {
  width: 100%;
  max-width: 433px;
  height: 100%;
  min-height: calc(100vh - 320px);
  margin: 0 auto;
  padding: 80px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.privacy_policy .privacy_policy_title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #c03434;
  text-align: center;
}
.privacy_policy .privacy_policy_description {
  font-size: 0.75rem;
}
.privacy_policy .privacy_policy_content .privacy_policy_content_title {
  font-size: 1rem;
}
.privacy_policy .privacy_policy_content div ul {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.privacy_policy .privacy_policy_content div ul li {
  display: flex;
  gap: 8px;
}
.privacy_policy .privacy_policy_content div ul li p {
  font-size: 0.75rem;
}
.privacy_policy .privacy_policy_content div ul li p a {
  text-decoration: underline;
  color: #c03434;
}
#login-modal .content {
  margin: 0 auto;
  padding: 40px;
}
#login-modal .modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
}
#login-modal .modal .modal__bg {
  background-color: rgba(0, 0, 0, 0.24);
  height: 100vh;
  position: absolute;
  width: 100%;
}
#login-modal .modal .modal__content {
  max-width: 532px;
  width: 100%;
  background-color: #fdfdfd;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  padding: 22px 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#login-modal .modal .modal__content .head {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  line-height: 1.6;
}
#login-modal .modal .modal__content .head p {
  margin: 0 auto;
}
#login-modal .modal .modal__content .main {
  padding: 64px 80px;
}
#login-modal .modal .modal__content .main .input-wrapper label {
  font-size: 0.75rem;
  line-height: 1.6;
  margin-bottom: 0;
}
#login-modal .modal .modal__content .main .input-wrapper input {
  font-size: 0.75rem;
  line-height: 1.6;
}
#login-modal .modal .modal__content .main .input-wrapper.password {
  position: relative;
}
#login-modal .modal .modal__content .main .input-wrapper.password i {
  position: absolute;
  top: 41.5px;
  right: 11px;
  transform: translateY(-50%);
}
#login-modal .modal .modal__content .main .input-wrapper:not(:first-child) {
  margin-top: 8px;
}
#login-modal .modal .modal__content .main .input-wrapper.input {
  align-items: center;
}
#login-modal .modal .modal__content .main .btn {
  padding: 8px;
  width: 100%;
  border-radius: initial;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1.625;
}
#login-modal .modal .modal__content .main .submit {
  border: initial;
  margin-top: 24px;
  background-color: #ea4b35;
  color: #fdfdfd;
  font-weight: 700;
}
#login-modal .modal .modal__content .main .password-reset {
  display: block;
  text-align: center;
  color: #2d599b;
  font-size: 0.625rem;
  line-height: 1.6;
}
#login-modal .modal .modal__content .main hr {
  margin: 24px 0;
  background-color: #969696;
  height: 1px;
  border: none;
}
#login-modal .modal .modal__content .main .google-button-wrapper,
#login-modal .modal .modal__content .main .sp-google-button-wrapper {
  display: flex;
  justify-content: center;
}
#login-modal .modal .modal__content .main .sp-google-button-wrapper {
  display: none;
}
#registration-modal .content {
  margin: 0 auto;
  padding: 40px;
}
#registration-modal .modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
}
#registration-modal .modal .modal__bg {
  background-color: rgba(0, 0, 0, 0.24);
  height: 100vh;
  position: absolute;
  width: 100%;
}
#registration-modal .modal .modal__content {
  max-width: 532px;
  width: 100%;
  background-color: #fdfdfd;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  padding: 22px 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#registration-modal .modal .modal__content .head {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  line-height: 1.6;
}
#registration-modal .modal .modal__content .head p {
  margin: 0 auto;
}
#registration-modal .modal .modal__content .main {
  padding: 56px 80px 48px;
}
#registration-modal .modal .modal__content .main .btn {
  padding: 8px;
  width: 100%;
  border: 1px solid #dadce0;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 500;
  line-height: 1.625;
}
#registration-modal .modal .modal__content .main .btn:not(:last-child) {
  margin-bottom: 8px;
}
#registration-modal .modal .modal__content .main .btn:hover {
  border-color: #d2e3fc;
  background-color: #f8faff;
}
#registration-modal .modal .modal__content .main .submit {
  border: initial;
  margin-top: 24px;
  background-color: #ea4b35;
  color: #fdfdfd;
  font-weight: 700;
}
#registration-modal .modal .modal__content .main .google-button-wrapper,
#registration-modal .modal .modal__content .main .sp-google-button-wrapper {
  display: flex;
  justify-content: center;
}
#registration-modal .modal .modal__content .main .sp-google-button-wrapper {
  display: none;
}
#sp-nav {
  z-index: 9999;
  position: fixed;
  left: 100%;
  height: 100%;
  width: 72%;
  transition: all 0.3s ease;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 47px 25px 100px;
  background-color: #fff;
  line-height: 1.6;
}
#sp-nav.active {
  left: 28%;
}
#sp-nav.wider {
  width: 90%;
}
#sp-nav.wider.active {
  left: 10%;
}
#sp-nav hr {
  background-color: #969696;
  height: 1px;
  border: none;
  margin: 8px 0;
}
#sp-nav .mypage-nav {
  display: none;
}
#sp-nav .mypage-nav a,
#sp-nav .mypage-nav button {
  display: block;
}
#sp-nav .mypage-nav a {
  color: #000000;
}
#sp-nav .mypage-nav .customer-links {
  font-size: 1rem;
  font-weight: 500;
}
#sp-nav .mypage-nav .customer-links button {
  color: #ea4b35;
}
#sp-nav .mypage-nav .public-links {
  font-size: 1rem;
  font-weight: 500;
}
#sp-nav .mypage-nav .mypage-links h3, #sp-nav .mypage-nav .mypage-links .h3 {
  margin-bottom: 8px;
  font-size: 1rem;
  font-weight: 500;
}
#sp-nav .mypage-nav .mypage-links a {
  font-size: 0.75rem;
  padding: 6px 0;
}
#sp-nav .design-nav,
#sp-nav .favorite-nav {
  display: none;
}
#sp-nav .design-nav .no-item,
#sp-nav .favorite-nav .no-item {
  text-align: center;
}
#sp-nav .design-nav .no-item .icon,
#sp-nav .favorite-nav .no-item .icon {
  margin-bottom: 8px;
}
#sp-nav .cart-nav {
  display: none;
}
#sp-nav .cart-nav .cart .cart-item {
  margin-bottom: 8px;
  padding: 8px;
  background-color: #fdfdfd;
}
#sp-nav .cart-nav .cart .cart-item .top,
#sp-nav .cart-nav .cart .cart-item .bottom {
  display: flex;
}
#sp-nav .cart-nav .cart .cart-item .top {
  margin-bottom: 8px;
}
#sp-nav .cart-nav .cart .cart-item .top .product-image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 77px;
  width: 70px;
  background-color: #eee;
  margin-right: 4px;
}
#sp-nav .cart-nav .cart .cart-item .top .product-image img {
  width: 100%;
  height: auto;
}
#sp-nav .cart-nav .cart .cart-item .bottom {
  justify-content: space-between;
}
#sp-nav .cart-nav .cart .cart-item .bottom a {
  color: #2d599b;
}
#sp-nav .cart-nav .cart .to-cart {
  padding: 8px;
  width: 100%;
  background-color: #ea4b35;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fdfdfd;
  font-size: 1rem;
  line-height: 1.625;
}
#sp-nav .cart-nav .no-item {
  text-align: center;
}
#sp-nav .cart-nav .no-item .icon {
  margin-bottom: 8px;
}
.sp-nav__bg.active {
  background-color: rgba(0, 0, 0, 0.24);
  height: 100vh;
  position: absolute;
  width: 100%;
}
body.active {
  height: 100%;
  overflow: hidden;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
パスワード再設定メール送信画面

パスワード再設定メール送信画面で使用するページコンポーネントです。
ex [パスワード再設定メール送信画面](http://localhost:8080/forgot)

*/
#page_forgot .main {
  padding: 80px 0 160px;
  max-width: 532px;
  margin: 0 auto;
}
#page_forgot .main h1, #page_forgot .main .h1 {
  color: #343434;
  font-size: 1.25rem;
  line-height: 1.6;
  text-align: center;
  font-weight: 700;
}
#page_forgot .main form {
  margin-top: 16px;
}
#page_forgot .main form .input-field {
  margin-top: 16px;
  background-color: #f5f1e6;
  padding: 64px 116px;
}
#page_forgot .main form .input-field h2, #page_forgot .main form .input-field .h2 {
  font-size: 1rem;
  line-height: 1.625;
}
#page_forgot .main form .input-field .input-wrapper label {
  font-size: 0.75rem;
  line-height: 1.6;
  margin-bottom: 0;
}
#page_forgot .main form .input-field .input-wrapper input {
  font-size: 0.75rem;
  line-height: 1.6;
}
#page_forgot .main form .input-field .input-wrapper:not(:first-child) {
  margin-top: 8px;
}
#page_forgot .main form .input-field .input-wrapper.input {
  align-items: center;
}
#page_forgot .main form .submit {
  border: initial;
  border-radius: initial;
  margin: 24px auto 0;
  padding: 8px;
  background-color: #ea4b35;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fdfdfd;
  font-size: 1rem;
  line-height: 1.625;
  font-weight: 700;
}
#page_forgot .main form .submit:hover {
  opacity: 0.7;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
パスワード再設定メール送信完了画面

パスワード再設定メール送信完了画面で使用するページコンポーネントです。
ex [パスワード再設定メール送信完了画面](http://localhost:8080/forgot/complete)

*/
#page_forgot_complete .main {
  padding: 80px 0 160px;
  max-width: 532px;
  margin: 0 auto;
}
#page_forgot_complete .main h1, #page_forgot_complete .main .h1 {
  color: #343434;
  font-size: 1.25rem;
  line-height: 1.6;
  text-align: center;
  font-weight: 700;
}
#page_forgot_complete .main .text-field {
  margin-top: 16px;
  border: 3px solid #f5f1e6;
  padding: 24px 22px;
}
#page_forgot_complete .main .text-field p {
  font-size: 1rem;
  line-height: 1.6;
}
#page_forgot_complete .main .text-field p:not(:first-child) {
  margin-top: 32px;
}
#page_forgot_complete .main .button-field {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
#page_forgot_complete .main .button-field a {
  width: 100%;
  max-width: 262px;
  height: 42px;
  display: grid;
  font-size: 1rem;
  line-height: 1.625;
}
#page_forgot_complete .main .button-field a:hover {
  opacity: 0.7;
}
#page_forgot_complete .main .button-field a button {
  border-radius: unset;
}
#page_forgot_complete .main .button-field .primary {
  background-color: #c03434;
  color: #fdfdfd;
  font-weight: 700;
}
#page_forgot_complete .main .button-field .secondary {
  border: 1px solid #000000;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
パスワード再設定画面

パスワード再設定画面で使用するページコンポーネントです。
ex [パスワード再設定画面](http://localhost:8080/forgot)

*/
#page_forgot_reset .main {
  padding: 80px 0 160px;
  max-width: 532px;
  margin: 0 auto;
}
#page_forgot_reset .main h1, #page_forgot_reset .main .h1 {
  color: #343434;
  font-size: 1.25rem;
  line-height: 1.6;
  text-align: center;
  font-weight: 700;
}
#page_forgot_reset .main form {
  margin-top: 16px;
}
#page_forgot_reset .main form .input-field {
  margin-top: 16px;
  background-color: #f5f1e6;
  padding: 64px 116px;
}
#page_forgot_reset .main form .input-field h2, #page_forgot_reset .main form .input-field .h2 {
  font-size: 1rem;
  line-height: 1.625;
}
#page_forgot_reset .main form .input-field .input-wrapper label {
  font-size: 0.75rem;
  line-height: 1.6;
  margin-bottom: 0;
}
#page_forgot_reset .main form .input-field .input-wrapper input {
  font-size: 0.75rem;
  line-height: 1.6;
}
#page_forgot_reset .main form .input-field .input-wrapper.password {
  position: relative;
}
#page_forgot_reset .main form .input-field .input-wrapper.password i {
  position: absolute;
  top: 41.5px;
  right: 11px;
  transform: translateY(-50%);
}
#page_forgot_reset .main form .input-field .input-wrapper:not(:first-child) {
  margin-top: 8px;
}
#page_forgot_reset .main form .input-field .input-wrapper.input {
  align-items: center;
}
#page_forgot_reset .main form .submit {
  border: initial;
  border-radius: initial;
  margin: 24px auto 0;
  padding: 8px;
  background-color: #ea4b35;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fdfdfd;
  font-size: 1rem;
  line-height: 1.625;
  font-weight: 700;
}
* {
  box-sizing: border-box;
}
.order_status_block ul {
  display: flex;
  gap: 16px;
}
.order_status_block ul li {
  position: relative;
}
.order_status_block ul li p {
  padding-top: 4px;
  font-size: 0.625rem;
}
.order_status_block ul li p.checked {
  padding-top: 0px;
}
.order_status_block ul li img {
  z-index: 1;
  padding-top: 4px;
}
.order_status_block ul li img.checked {
  padding-top: 0px;
}
.order_status_block ul li label {
  height: 1px;
  width: 46px;
  background-color: #ababab;
  position: absolute;
}
.order_status_block ul li label.red {
  height: 2px;
  background-color: #c03434;
}
.order_status_block ul li:nth-of-type(1) label {
  top: 12px;
  left: 42px;
}
.order_status_block ul li:nth-of-type(2) label {
  top: 12px;
  left: 28px;
}
.order_status_block ul li:nth-of-type(3) label {
  top: 12px;
  left: 33px;
}
.order_status_block ul li:nth-of-type(4) label {
  top: 12px;
  left: 28px;
}
.order_status_block h3, .order_status_block .h3 {
  font-size: 1rem;
  font-weight: 700;
}
.order_status_block .mypage_order_list_right_container__list__top__left__useFlex {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
}
#creator-entry {
  display: flex;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
#creator-entry .logo-area {
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
#creator-entry .logo-area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 2;
}
#creator-entry .logo-area img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: relative;
  z-index: 1;
}
#creator-entry .entry-area {
  width: 100%;
  max-width: 500px;
  padding: 50px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#creator-entry .entry-area .form-wrapper {
  width: 100%;
  max-width: 400px;
}
#creator-entry .entry-area .title {
  font-weight: 700;
  font-size: 1.25rem;
  text-align: center;
  margin-bottom: 12px;
}
#creator-entry .entry-area .form {
  margin-top: 35px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#creator-entry .entry-area .form .label-wrapper {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#creator-entry .entry-area .form .label-wrapper .error {
  color: #ea4b35;
  font-size: 0.6875rem;
}
#creator-entry .entry-area .form label {
  margin-bottom: 0;
  color: #5e5e5e;
  font-size: 0.875rem;
}
#creator-entry .entry-area .form input {
  height: 52px;
  border: none;
  border-radius: 4px;
  background-color: #f6f6f6;
  width: 100%;
  font-size: 1rem;
  padding: 0 15px;
}
#creator-entry .entry-area .form input.is-invalid {
  border: 1px solid #ea4b35;
  color: #ea4b35;
}
#creator-entry .entry-area .form .password {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
#creator-entry .entry-area .form .password #eye {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 3;
  font-size: 1.125rem;
}
#creator-entry .entry-area .form .term {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
#creator-entry .entry-area .form .term a {
  color: #5e5e5e;
  text-decoration: underline;
}
#creator-entry .entry-area .form .submit-wrapper {
  margin-top: 15px;
  width: 100%;
}
#creator-entry .entry-area .form .submit-wrapper .submit {
  height: 52px;
  width: 100%;
  padding: 13px;
  background-color: #ea4b35;
  border-radius: 4px;
  color: #ffffff;
  font-weight: 700;
  font-size: 0.9375rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
#creator-entry .entry-area .form .submit-wrapper .submit:hover {
  background-color: #e43018;
}
#creator-entry .entry-area .login {
  margin-top: 15px;
  color: #5e5e5e;
  font-size: 14px;
  text-align: center;
}
#creator-entry .entry-area .login a {
  margin-left: 8px;
  color: #5e5e5e;
  text-decoration: underline;
}
#creator-entry .entry-area .login a:hover {
  text-decoration: none;
}
#creator-entry .entry-area .divider {
  width: 100%;
  border-top: 1px solid #d3d3d3;
  margin-top: 30px;
}
#creator-entry .entry-area .google-button-wrapper,
#creator-entry .entry-area .sp-google-button-wrapper {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  width: 100%;
}
#creator-entry .entry-area .sp-google-button-wrapper {
  display: none;
}
#creator-login {
  display: flex;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
#creator-login .logo-area {
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
#creator-login .logo-area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 2;
}
#creator-login .logo-area img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: relative;
  z-index: 1;
}
#creator-login .login-area {
  width: 100%;
  max-width: 500px;
  padding: 50px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#creator-login .login-area .form-wrapper {
  width: 100%;
  max-width: 400px;
}
#creator-login .login-area .title {
  font-weight: 700;
  font-size: 1.25rem;
  text-align: center;
  margin-bottom: 12px;
}
#creator-login .login-area .form {
  margin-top: 35px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#creator-login .login-area .form .label-wrapper {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#creator-login .login-area .form .label-wrapper .error {
  color: #ea4b35;
  font-size: 0.6875rem;
}
#creator-login .login-area .form label {
  margin-bottom: 0;
  color: #5e5e5e;
  font-size: 0.875rem;
}
#creator-login .login-area .form input {
  height: 52px;
  border: none;
  border-radius: 4px;
  background-color: #f6f6f6;
  width: 100%;
  font-size: 1rem;
  padding: 0 15px;
}
#creator-login .login-area .form input.is-invalid {
  border: 1px solid #ea4b35;
  color: #ea4b35;
}
#creator-login .login-area .form .password {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
#creator-login .login-area .form .password #eye {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 3;
  font-size: 1.125rem;
}
#creator-login .login-area .form .term {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
#creator-login .login-area .form .term a {
  color: #5e5e5e;
  text-decoration: underline;
}
#creator-login .login-area .form .submit-wrapper {
  margin-top: 15px;
  width: 100%;
}
#creator-login .login-area .form .submit-wrapper .submit {
  height: 52px;
  width: 100%;
  padding: 13px;
  background-color: #ea4b35;
  border-radius: 4px;
  color: #ffffff;
  font-weight: 700;
  font-size: 0.9375rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
#creator-login .login-area .form .submit-wrapper .submit:hover {
  background-color: #e43018;
}
#creator-login .login-area .link {
  margin-top: 10px;
  display: block;
  color: #5e5e5e;
  text-align: center;
  font-size: 0.875rem;
  text-decoration: underline;
}
#creator-login .login-area .divider {
  width: 100%;
  border-top: 1px solid #d3d3d3;
  margin-top: 30px;
}
#creator-login .login-area .google-button-wrapper,
#creator-login .login-area .sp-google-button-wrapper {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  width: 100%;
}
#creator-login .login-area .sp-google-button-wrapper {
  display: none;
}
body {
  font-family: "Arial", sans-serif;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.consensus-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  /* スマホ対応 */
}
.consensus-overlay .consensus-container {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  max-width: 500px;
  width: 100%;
}
.consensus-overlay .box {
  padding: 20px;
}
.consensus-overlay .title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}
.consensus-overlay .notion-link-container {
  text-align: center;
  margin-bottom: 20px;
}
.consensus-overlay .notion-link {
  color: #0070f3;
  text-decoration: none;
  font-weight: bold;
}
.consensus-overlay .notion-link:hover {
  text-decoration: underline;
}
.consensus-overlay .check_box {
  text-align: center;
  margin-top: 20px;
}
.consensus-overlay .crimes_consensus_form {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.consensus-overlay .crimes_consensus_form label {
  margin-left: 10px;
  font-size: 14px;
}
.consensus-overlay .crimes_consensus_button {
  text-align: center;
}
.consensus-overlay .btn-ec-conversion {
  background-color: #ea4335;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.consensus-overlay .btn-ec-conversion:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
.consensus-overlay .btn-ec-conversion:hover:not(:disabled) {
  background-color: #ea4335;
}
.creator_sidebar {
  position: fixed;
  top: 70px;
  width: 205px;
  height: calc(100vh - 50px);
  overflow-y: auto;
  background-color: white;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  font-size: 13px;
}
.creator_sidebar nav {
  margin-top: 10px;
}
.creator_sidebar ul li {
  display: flex;
  align-items: center;
  padding: 8px 15px;
}
.creator_sidebar ul li a {
  display: flex;
  align-items: center;
  padding: 8px 15px;
  text-decoration: none;
  color: #000000;
  width: 100%;
}
.creator_sidebar ul li img {
  margin-left: 10px;
}
.creator_sidebar ul li .creator_sidebar_icon {
  content: "";
  display: inline-block;
  border: solid #babcbe;
  border-width: 0 2px 2px 0;
  padding: 3px;
  transform: rotate(-45deg);
  transition: transform 0.3s;
  cursor: pointer;
}
.creator_sidebar ul li .creator_sidebar_icon.active {
  transform: rotate(45deg);
}
.creator_sidebar ul li.active, .creator_sidebar ul li.active-sub {
  background-color: #f0f0f0;
  color: #000000;
}
.creator_sidebar ul li.active a, .creator_sidebar ul li.active-sub a {
  background-color: transparent;
}
.creator_sidebar ul #transfer-request-trigger {
  cursor: pointer;
}
.creator_sidebar ul #transfer-request-trigger a {
  justify-content: space-between;
}
.creator_sidebar .creator_sidebar_sub_menu {
  display: none;
  list-style: none;
  padding-left: 0;
  left: 0;
  top: 100%;
  width: 100%;
}
.creator_sidebar .creator_sidebar_sub_menu li {
  padding: 5px 0;
}
.creator_sidebar .creator_sidebar_sub_menu a {
  margin-left: 40px;
}
.creator_sidebar .creator_sidebar_sub_menu.show {
  display: block;
}
.creator_sidebar ul li span {
  display: inline-block;
  margin-left: auto;
  padding: 1px 6px;
  font-size: 10px;
  font-weight: bold;
  border-radius: 8px;
  color: white;
  white-space: nowrap;
}
.creator_sidebar ul li span.status-public {
  background-color: #28a745;
}
.creator_sidebar ul li span.status-private {
  background-color: #dc3545;
}
.sub-content {
  flex-grow: 1;
}
.mall-content {
  flex-grow: 1;
}
.creator_home_container {
  margin-top: 130px;
  width: 86%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
}
.creator_home_container .title_text {
  text-align: center;
  margin-bottom: 25px;
  font-size: 20px;
}
.creator_home_container .title_text.hidden {
  display: none;
}
.creator_home_container .creator_home_top_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #f1f3f4;
}
.creator_home_container .creator_home_top_container.hidden {
  display: none;
}
.creator_home_container .creator_home_top_container .box {
  background-color: #ffffff;
  width: 49%;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 116px;
  position: relative;
  padding: 24px;
}
.creator_home_container .creator_home_top_container .box.pc {
  display: flex;
}
.creator_home_container .creator_home_top_container .box.sp {
  display: none;
}
.creator_home_container .creator_home_top_container .box.section_disabled {
  background-color: #343434 !important;
  opacity: 0.7;
}
.creator_home_container .creator_home_top_container .box.section_disabled .box_link {
  pointer-events: none;
  background-color: #343434 !important;
  opacity: 0.7;
}
.creator_home_container .creator_home_top_container .box.highlight {
  background-color: #ffffff;
}
.creator_home_container .creator_home_top_container .box.highlight .box_link {
  pointer-events: auto;
}
.creator_home_container .creator_home_top_container .box .box_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.creator_home_container .creator_home_top_container .box .box_title {
  margin: 0;
  font-size: 16px;
  display: flex;
}
.creator_home_container .creator_home_top_container .box .box_detail {
  margin: 0;
  flex-grow: 1;
  margin-top: 10px;
  width: 60%;
}
.creator_home_container .creator_home_top_container .box .box_link {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-decoration: none;
  color: #343434;
  padding: 5px 10px;
  border-radius: 4px;
  right: 0px;
}
.creator_home_container .creator_home_top_container .box .box_link.pc {
  display: block;
  background-color: #f1f3f4;
  margin-right: 15px;
}
.creator_home_container .creator_home_top_container .box .box_link.sp {
  display: none;
}
.creator_home_container #header_holiday {
  width: 100%;
  height: auto;
}
.creator_home_container .home_content_chart {
  margin-top: 30px;
}
.creator_home_container .home_content_chart .chart_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.creator_home_container .home_content_chart .chart_container .chart_box {
  padding-top: 0px;
  background-color: #ffffff;
  width: 49%;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.creator_home_container .home_content_chart .chart_container .chart_box .chart_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  width: 100%;
}
.creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content .quantity,
.creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content #total_price_all_time,
.creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content #total_pv_all_time {
  margin-left: 8px;
}
.creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content span {
  color: #606060;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 250% */
  text-transform: capitalize;
}
.creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content img {
  height: 16px;
  width: 16px;
  margin-left: 2px;
}
.creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content .transfer_button {
  padding: 10px 20px;
  background-color: #ea4335;
  border-radius: 2px;
}
.creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content .transfer_button p {
  color: #ffffff;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 100%;
  height: 100%;
}
.creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content .transfer_button a {
  width: 100%;
  height: 100%;
}
.creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content .transfer_button.pc {
  display: inline-block;
  height: 36px;
  width: 100px;
  margin-left: 36px;
  border-radius: 4px;
  align-items: center;
  justify-items: center;
}
.creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content .tooltip_container {
  position: relative;
  display: inline-block;
}
.creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content .tooltip {
  visibility: hidden;
  width: 180px;
  background-color: #5f6368;
  color: #ffffff;
  text-align: center;
  border-radius: 4px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  transform: translateX(-10%);
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 10px;
}
.creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content .tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #5f6368 transparent transparent transparent;
}
.creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content .tooltip_container:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
.creator_home_container .home_content_chart .chart_container .chart_box .chart_header .right_content .transfer_button {
  background-color: #ea4335;
  border-radius: 4px;
}
.creator_home_container .home_content_chart .chart_container .chart_box .chart_header .right_content .transfer_button p {
  color: #ffffff;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.creator_home_container .home_content_chart .chart_container .chart_box .chart_header .right_content .transfer_button.sp {
  display: none;
  width: 110px;
  height: 38px;
}
.creator_home_container .home_content_chart .chart_container .chart_box .chart_header .right_content .chart_filter {
  padding: 5px 2%;
  border-radius: 4px;
  width: 84px;
  height: 40px;
  border: 0px solid #606060;
  color: #606060;
  text-align: right;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.creator_home_container .home_content_chart .chart_container .chart_box canvas {
  margin-top: 20px;
}
.creator_home_container .additional_boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 45px 0;
}
.creator_home_container .additional_boxes .additional_box {
  background-color: #ffffff;
  color: #535353;
  height: 116px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
  border-radius: 4px;
  position: relative;
  text-decoration: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.creator_home_container .additional_boxes .additional_box.single {
  width: 100%;
}
.creator_home_container .additional_boxes .additional_title {
  display: flex;
  align-items: center;
  color: #535353;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 125% */
  margin-bottom: 5px;
}
.creator_home_container .additional_boxes .additional_title img {
  margin-right: 5px;
  width: 22px;
  height: 20px;
}
.creator_home_container .additional_boxes .additional_description {
  color: #535353;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 166.667% */
  font-size: 12px;
  width: 65%;
  margin-top: 12px;
}
.creator_home_container .additional_boxes .box_image {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 10px;
}
.main_creator_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  height: 70px;
  box-sizing: border-box;
}
.main_creator_header .main_creator_header_logo {
  margin-left: 15px;
  display: flex;
}
.main_creator_header .main_creator_header_logo img {
  height: 21px;
  margin-right: 5px;
}
.main_creator_header .main_creator_header_buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  box-sizing: border-box;
}
.main_creator_header .main_creator_header_buttons .btn {
  padding: 10px 20px;
  margin: 0 10px;
  border: none;
  cursor: pointer;
  text-align: center;
}
.main_creator_header .main_creator_header_buttons .btn-product-create {
  background-color: #ea4b35;
  color: #ffffff;
  order: 2;
}
.main_creator_header .main_creator_header_buttons .btn-view-site {
  background-color: #343434;
  color: #ffffff;
  order: 1;
}
.main_creator_header .creator_icon {
  order: 3;
  position: relative;
}
.main_creator_header .creator_icon img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #5f6368;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 2px;
}
.main_creator_header .dropdown_content {
  display: none;
  position: absolute;
  right: 0;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  margin-top: 15px;
  background-color: #ffffff;
}
.main_creator_header .dropdown_content a,
.main_creator_header .dropdown_content button {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.status-container {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.status-private, .status-public {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  padding: 1px 4px;
  font-size: 10px;
  font-weight: bold;
  border-radius: 8px;
  color: white;
  white-space: nowrap;
}
.status-public {
  background-color: #28a745;
  padding: 8px 10px;
}
.status-private {
  background-color: #dc3545;
  padding: 8px 10px;
}
.not_design_list_container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  text-align: center;
  flex-direction: column;
  font-weight: 600;
}
.not_design_list_container p {
  font-size: 14px;
  margin-bottom: 10px;
  color: #343434;
}
.not_design_list_container a {
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ea4b35;
  width: 302px;
  height: 50px;
  color: #ffffff;
  text-decoration: none;
  border-radius: 5px;
}
.creator_design_list_container {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  margin-top: 70px;
  width: 100%;
}
.creator_design_list_container .product_unpublish {
  background-color: #babcbe;
  color: #ffffff;
  font-size: 11px;
  font-family: "Noto Sans JP", sans-serif;
}
.creator_design_list_container .product_publish {
  background-color: #ea4335;
  color: #ffffff;
  font-size: 11px;
  font-family: "Noto Sans JP", sans-serif;
}
.creator_design_list_container .product_publish a {
  color: #ffffff;
}
.creator_design_list_container .product_discontinued {
  background-color: #000000;
  color: #ffffff;
  font-size: 11px;
  font-family: "Noto Sans JP", sans-serif;
}
.creator_design_list_container button {
  cursor: pointer;
}
.creator_design_list_container .design_list_header_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  height: 40px;
  margin: 28px 30px;
}
.creator_design_list_container .design_list_header_container .sp_title {
  font-weight: 700;
  font-size: 12px;
}
.creator_design_list_container .design_list_header_container .status_change_button_containers {
  font-family: "Noto Sans JP", sans-serif;
  display: none;
  align-items: center;
  gap: 10px;
}
.creator_design_list_container .design_list_header_container .status_change_button_containers .status_change_button_title {
  color: #5e5e5e;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.creator_design_list_container .design_list_header_container .status_change_button_containers span {
  margin-right: 10px;
}
.creator_design_list_container .design_list_header_container .status_change_button_containers button {
  width: 94px;
  height: 40px;
  border-radius: 4px;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}
.creator_design_list_container .design_list_header_container .status_change_button_containers .publish_all_button {
  background-color: #ea4335;
  color: #ffffff;
}
.creator_design_list_container .design_list_header_container .status_change_button_containers .unpublish_all_button {
  background-color: #babcbe;
  color: #ffffff;
}
.creator_design_list_container .design_list_header_container .status_change_button_containers .delete_all_button {
  background-color: #ffffff;
  border: 1px solid #babcbe;
  color: #5e5e5e;
}
.creator_design_list_container .design_list_header_container .status_change_button_containers .cancel_all_button {
  border-radius: 4px;
  background: #ebebf0;
  width: 100%;
  height: 40px;
}
.creator_design_list_container .design_list_header_container .status_change_button_containers img {
  margin: 0 10px;
}
.creator_design_list_container .design_list_header_container .filter_containers {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  cursor: pointer;
}
.creator_design_list_container .design_list_header_container .filter_containers span {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  flex-shrink: 0;
  line-height: 160%;
}
.creator_design_list_container .design_list_header_container .filter_containers p {
  color: #5e5e5e;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 19.2px */
}
.creator_design_list_container .design_list_header_container .filter_containers .line_image {
  margin: 0px 20px;
}
.creator_design_list_container .design_list_header_container .filter_containers .filter_container {
  display: flex;
  align-items: center;
  border: 1px solid #5e5e5e;
  padding: 8px 10px;
  border-radius: 4px;
}
.creator_design_list_container .design_list_header_container .filter_containers .filter_container img {
  height: 18px;
  width: 18px;
  margin-right: 4px;
}
.creator_design_list_container .design_product_detail.pseudo.sp {
  border: 2px dashed #babcbe;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  width: 90%;
  margin-left: 5%;
  border-radius: 4px;
  height: 80px;
  margin-top: 20px;
  margin-bottom: 20px;
  cursor: pointer;
  display: none;
}
.creator_design_list_container .design_product_detail.pseudo.sp:hover {
  background-color: #ebebeb;
}
.creator_design_list_container .design_product_detail.pseudo.sp .description {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.creator_design_list_container .design_product_detail.pseudo.sp .description p {
  margin: 10px 0;
}
.creator_design_list_container .design_product_detail.pseudo.sp .description .pseudo_text {
  font-size: 14px;
  font-weight: 600;
  color: #babcbe;
  padding-left: 5px;
  font-family: "Noto Sans JP", sans-serif;
}
.creator_design_list_container .design_product_detail.pseudo.sp .description img {
  width: 20px;
  height: 20px;
}
.creator_design_list_container .design_list_container {
  display: grid;
  grid-template-columns: repeat(auto-fill, 220px);
  gap: 20px;
  padding: 0 16px;
  width: 100%;
  justify-content: left;
}
.creator_design_list_container .design_list_container .design_product_detail {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: white;
  border-radius: 4px;
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  width: 220px;
}
.creator_design_list_container .design_list_container .design_product_detail.pseudo {
  display: flex;
  border: 2px dashed #d9d9d9;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  cursor: pointer;
}
.creator_design_list_container .design_list_container .design_product_detail.pseudo .description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.creator_design_list_container .design_list_container .design_product_detail.pseudo .description p {
  margin: 10px 0;
  word-wrap: break-word;
  word-break: break-all;
}
.creator_design_list_container .design_list_container .design_product_detail.pseudo .description .pseudo_text {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #babcbe;
}
.creator_design_list_container .design_list_container .design_product_detail.pseudo .description img {
  width: 24px;
  height: 24px;
}
.creator_design_list_container .design_list_container .design_product_detail.pseudo.pc {
  display: none;
}
.creator_design_list_container .design_list_container .design_product_detail.pseudo.pc:hover {
  background-color: #ebebeb;
}
.creator_design_list_container .design_list_container .design_product_detail .description {
  padding: 0 20px;
  flex-grow: 1;
}
.creator_design_list_container .design_list_container .design_product_detail .description .description_Weight {
  font-weight: 600;
}
.creator_design_list_container .design_list_container .design_product_detail .description .product_common, .creator_design_list_container .design_list_container .design_product_detail .description .product_colors,
.creator_design_list_container .design_list_container .design_product_detail .description .product_sizes,
.creator_design_list_container .design_list_container .design_product_detail .description .product_date,
.creator_design_list_container .design_list_container .design_product_detail .description .product_sale_period,
.creator_design_list_container .design_list_container .design_product_detail .description .product_price,
.creator_design_list_container .design_list_container .design_product_detail .description .product_item_badge {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 11px;
  font-weight: 300;
  width: 100%;
  margin-bottom: 8px;
}
.creator_design_list_container .design_list_container .design_product_detail .description .product_item_badge {
  margin-bottom: 20px;
}
.creator_design_list_container .design_list_container .design_product_detail .description .product_name {
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
  width: 100%;
}
.creator_design_list_container .design_list_container .design_product_detail .description .preview_image {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.creator_design_list_container .design_list_container .design_product_detail .product_pv {
  display: flex;
  padding: 0 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 11px;
  font-weight: 300;
  width: 100%;
  margin-top: 14px;
  margin-bottom: 0px;
}
.creator_design_list_container .design_list_container .design_product_detail .status_button_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  padding: 0px 20px 20px 20px;
}
.creator_design_list_container .design_list_container .design_product_detail .status_button_container .publish_button_container {
  margin-top: 10px;
}
.creator_design_list_container .design_list_container .design_product_detail .status_button_container .publish_button_container,
.creator_design_list_container .design_list_container .design_product_detail .status_button_container .edit_button_container {
  width: 100%;
  height: 40px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.creator_design_list_container .design_list_container .design_product_detail .status_button_container .publish_button_container button,
.creator_design_list_container .design_list_container .design_product_detail .status_button_container .edit_button_container button {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
}
.creator_design_list_container .design_list_container .design_product_detail .status_button_container .edit_button_container {
  border: 1px solid #babcbe;
  border-radius: 4px;
}
.creator_design_list_container .design_list_container .design_product_detail .status_button_container .edit_button_container button {
  color: #5e5e5e;
}
.creator_design_list_container .design_list_container .design_product_header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 11px;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
}
.creator_design_list_container .design_list_container .design_product_header .menu-icon {
  position: relative;
}
.creator_design_list_container .design_list_container .design_product_header .menu-icon .menu-content {
  display: none;
  position: absolute;
  transform: translateX(-67%);
  width: 183px;
  height: 151px;
  background-color: #343434;
  color: white;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 4px;
  z-index: 1000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.creator_design_list_container .design_list_container .design_product_header .menu-icon .menu-content p,
.creator_design_list_container .design_list_container .design_product_header .menu-icon .menu-content a {
  margin: 5px 0;
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 25%;
  text-align: center;
}
.creator_design_list_container .design_list_container .design_product_header .menu-icon .menu-content a {
  color: white;
  text-decoration: none;
}
.creator_design_list_container .design_list_container .design_product_header span:first-child {
  text-align: left;
  flex: 1;
}
.creator_design_list_container .design_list_container .design_product_header span:nth-child(2) {
  width: 90px;
  height: 22px;
  text-align: center;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  border-radius: 4px;
  color: #ffffff;
}
.creator_design_list_container .design_list_container .design_product_header span:last-child {
  text-align: right;
  flex: 1;
  cursor: pointer;
}
.creator_design_list_container .design_list_container .design_product_header span .checkbox-container {
  position: relative;
}
.creator_design_list_container .design_list_container .design_product_header span input[type=checkbox] {
  display: none;
}
.creator_design_list_container .design_list_container .design_product_header span input[type=checkbox] + label {
  width: 20px;
  height: 20px;
  border: 2px solid #d9d9d9;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.creator_design_list_container .design_list_container .design_product_header span input[type=checkbox]:checked + label {
  background-color: #ea4335;
}
.creator_design_list_container .design_list_container .design_product_header span input[type=checkbox]:checked + label::after {
  content: "✔";
  color: white;
  font-size: 9px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.creator_design_list_modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.creator_design_list_modal #modalTitle {
  color: #ea4335;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
}
.creator_design_list_modal #modalSubTitle {
  color: #ea4335;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 20px;
}
.creator_design_list_modal #modalContents {
  color: #5e5e5e;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  margin-bottom: 30px;
}
.creator_design_list_modal .modal-content {
  background-color: #fff;
  text-align: center;
  width: 40%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 37px 40px;
  border-radius: 4px;
}
.creator_design_list_modal .modal-content #modalMessage {
  margin-top: 42px;
}
.creator_design_list_modal .modal-content #modalMessage a {
  border-bottom: 1px solid #ea4335;
}
.creator_design_list_modal .modal-content #modalMessage p {
  font-weight: 600;
}
.creator_design_list_modal .modal-content button {
  width: 135px;
  height: 40px;
  border-radius: 4px;
}
.creator_design_list_modal .modal-content .button_container {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.creator_design_list_modal .modal-content .button_container button {
  font-weight: 600;
}
.creator_design_list_modal #creator_design_list_confirmButton {
  border-radius: 4px;
  background: #ea4335;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
.creator_design_list_modal #creator_design_list_cancelButton {
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #000000;
  color: #343434;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.creator_design_list_modal .close-icon-container {
  display: flex;
  justify-content: center;
  position: absolute;
  top: -15px;
  right: -15px;
  width: 38px;
  aspect-ratio: 1/1;
  background-color: #ffffff;
  border-radius: 50%;
  align-items: center;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.creator_design_list_modal .close-icon-container img {
  width: 40%;
  height: 40%;
}
.body-color-container {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
}
.body-color-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e0e0e0;
  margin-top: -5px;
  margin-bottom: 5px;
}
.color-dot {
  width: 14px;
  height: 14px;
}
.discontinued {
  background-color: #f1dfdf !important;
  border: 2px solid #ea4335 !important;
}
.discontinued-notice {
  color: red;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}
.discontinued-message {
  color: red;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}
.main-container {
  width: 100%;
  box-sizing: border-box;
}
body {
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  box-sizing: border-box;
}
.select-body-main-container {
  margin-top: 70px;
  width: 100%;
  padding: 0 30px;
  font-size: 12px;
}
.sp-select-body-title-container,
.select-body-main-container {
  color: #343434;
}
.sp-select-body-title-container {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
  width: 100%;
  background-color: #f2f2f2;
  padding-top: 85px;
  padding-bottom: 34px;
}
.sp-select-body-title-container .select_body_title {
  font-size: 14px;
  font-weight: 500;
}
.sp-select-body-title-container .title_description {
  font-size: 12px;
  font-weight: 400;
  margin-top: 10px;
}
.pc-select-body-title-container {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-family: "Noto Sans JP", sans-serif;
}
.pc-select-body-title-container .select_body_title {
  font-size: 14px;
  font-weight: 500;
  margin-top: 36px;
  margin-bottom: 10px;
}
.pc-select-body-title-container .title_description {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 400;
}
.select-body-select-options {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 12px;
  font-weight: 500;
  margin: auto;
  width: 93%;
}
.filter_containers {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  cursor: pointer;
}
.filter_containers span {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  flex-shrink: 0;
  line-height: 160%;
}
.filter_containers p {
  color: #5e5e5e;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 19.2px */
}
.filter_containers .line_image {
  margin: 0px 20px;
}
.filter_containers .filter_container {
  display: flex;
  align-items: center;
  border: 1px solid #5e5e5e;
  padding: 8px 10px;
  border-radius: 4px;
}
.filter_containers .filter_container img {
  height: 18px;
  width: 18px;
  margin-right: 4px;
}
.select-body-list-container {
  margin-top: 40px;
}
.select-body-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 220px);
  gap: 20px;
  width: 100%;
  margin-top: 30px;
}
.inner_list_container {
  background-color: white;
  border-radius: 4px;
  overflow: hidden;
  transition: transform 0.2s;
  width: 100%;
  box-sizing: border-box;
}
.inner_list_container:hover {
  transform: scale(1.05);
}
.body-item {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.body-image {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.body-info {
  padding: 16px;
  font-family: "Noto Sans JP", sans-serif;
}
.body-info .body-name {
  font-size: 13px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  line-height: 16px;
}
.body-info .body-size,
.body-info .body-color,
.body-info .body-price,
.body-info .body-delivery-date {
  font-weight: 400;
  font-size: 11px;
  color: #343434;
  margin-top: 2px;
  width: 100%;
  margin-bottom: 5px;
}
.body-info .size-value,
.body-info .color-value,
.body-info .price-value,
.body-info .date-value {
  font-weight: 600;
}
.body-color-container {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
}
.body-color-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e0e0e0;
  margin-top: -5px;
  margin-bottom: 5px;
}
.color-dot {
  width: 14px;
  height: 14px;
}
#sort-and-filter-modal .modal {
  display: none;
  height: 100vh;
  position: fixed;
  inset: 0;
  width: 100%;
}
#sort-and-filter-modal .modal .modal__bg {
  background-color: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}
#sort-and-filter-modal .content {
  max-width: 532px;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  color: #5e5e5e;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#sort-and-filter-modal .header {
  width: 100%;
  padding: 5px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 2;
  border-bottom: 1px solid #ccc;
  background-color: white;
}
#sort-and-filter-modal .header .close {
  color: black;
  font-size: 16px;
  margin-left: auto;
  cursor: pointer;
  margin-right: 5px;
}
#sort-and-filter-modal .container {
  padding: 0 10px;
  max-height: 500px;
  overflow-y: scroll;
}
#sort-and-filter-modal .select-container {
  color: #babcbe;
}
#sort-and-filter-modal .select-container div {
  margin-top: 10px;
}
#sort-and-filter-modal .sub-container {
  margin: 0 30px;
  padding: 10px;
}
#sort-and-filter-modal .sub-container.sort {
  margin-top: 10px;
}
#sort-and-filter-modal .section-header, #sort-and-filter-modal #item_list_top .item_list_header, #item_list_top #sort-and-filter-modal .item_list_header, #sort-and-filter-modal .pickup-section .pickup-section__header, .pickup-section #sort-and-filter-modal .pickup-section__header {
  margin-top: 5px;
  color: #343434;
}
#sort-and-filter-modal .section-header.choice, #sort-and-filter-modal #item_list_top .choice.item_list_header, #item_list_top #sort-and-filter-modal .choice.item_list_header, #sort-and-filter-modal .pickup-section .choice.pickup-section__header, .pickup-section #sort-and-filter-modal .choice.pickup-section__header {
  margin-top: 10px;
}
#sort-and-filter-modal .checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#sort-and-filter-modal .checkbox:checked + label {
  color: #343434;
}
#sort-and-filter-modal .checkbox:checked + label::before {
  content: "✔";
  display: inline-block;
  text-align: center;
}
#sort-and-filter-modal .checkbox + label {
  position: relative;
  padding-left: 10px;
  cursor: pointer;
}
#sort-and-filter-modal .checkbox + label::before {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: 10px;
  vertical-align: middle;
}
#sort-and-filter-modal .modal-buttons {
  position: sticky;
  bottom: 0;
  background: #fff;
  padding: 10px 20px;
  border-top: 1px solid #ccc;
  display: flex;
  gap: 10px;
}
#sort-and-filter-modal .modal-buttons button {
  padding: 5px;
  color: #fff;
  font-size: 16px;
  border: none;
  cursor: pointer;
  width: 100%;
  height: 48px;
}
#sort-and-filter-modal .modal-buttons button:nth-child(1) {
  background: none;
  color: black;
  border: 1px solid black;
}
#sort-and-filter-modal .modal-buttons button:nth-child(2) {
  background: #343434;
  color: white;
}
/* 全体のボックスサイズをborder-boxに設定 */
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* HTMLとボディの初期設定 */
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden; /* 横スクロールバーを非表示にする */
}
.main-container {
  width: 100%;
  max-width: 100vw; /* 最大幅をビューポートの幅に設定 */
  margin: 0 auto; /* 中央寄せ */
  padding: 0; /* パディングの調整 */
}
/* .back_to_select_bodyクラスの調整 */
.back_to_select_body {
  display: none;
}
.back_to_select_body.back {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 71px;
  width: 100vw; /* 修正部分 */
  height: 56px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #cecece;
  padding: 0 16px;
}
.back-button {
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.back-button img {
  margin-right: 8px;
}
.back-button span {
  font-size: 14px;
  font-weight: 500;
  color: #343434;
}
.product-name.sp {
  font-size: 20px;
  font-weight: 700;
  width: 90%;
  margin: 15px auto;
}
.select-color-container {
  display: grid;
  margin: 50px auto;
  width: 80%;
  gap: 40px;
  grid-template-columns: 1fr 1fr;
}
.product-name {
  color: #000;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 140% */
  text-transform: capitalize;
}
.select-color-container.edit {
  margin: 100px auto;
}
.image-gallery,
.select-color-product-details {
  width: 100%;
}
.main-image {
  width: 384px;
}
.image-gallery .main-image {
  position: relative;
}
.prev-arrow,
.next-arrow {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #999999;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.prev-arrow::before,
.next-arrow::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid transparent;
}
.prev-arrow::before {
  border-width: 5px 10px 5px 0;
  border-right-color: #999999;
  margin-left: -2px;
}
.prev-arrow {
  left: 10px;
}
.next-arrow::before {
  border-width: 5px 0 5px 10px;
  border-left-color: #999999;
  margin-right: -2px;
}
.next-arrow {
  right: 10px;
}
.main-image img {
  width: 384px; /* 修正: 親要素に収まるように幅を100%に設定 */
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.thumbnail-images {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-start;
  margin-top: 10px;
}
.thumbnail-images img {
  width: calc(25% - 5px);
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  border-radius: 4px;
}
.thumbnail-images img.active {
  filter: brightness(30%);
}
.select-color-product-details {
  font-size: 12px;
  font-weight: 500;
}
.description,
.price,
.size,
.delivery {
  font-size: 18px;
}
.description {
  color: #343434;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  letter-spacing: 0.42px;
}
.color-options-title {
  color: #343434;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 30px;
}
.product-name,
.price,
.delivery,
.color-options-title,
.color-options,
.border {
  margin-bottom: 24px;
}
.border {
  border-bottom: 1px solid #ccc;
}
.border.none {
  display: none;
}
.design-button {
  border-radius: 4px;
  background-color: #ea4b35;
  color: white;
  padding: 15px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom: 25px;
  font-size: 18px;
  height: 60px;
}
.design-button + .size-chart {
  padding-top: 10px;
}
.color-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.color-option {
  width: calc(20% - 10px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.color-option img {
  width: 100%;
  height: auto;
  cursor: pointer;
  aspect-ratio: 1/1;
}
.color-option p {
  margin-top: 5px;
  font-size: 0.75em;
}
.color-options img.active {
  border: 1px solid #ea4335;
}
.size-chart {
  margin-top: 20px;
  font-size: 12px;
  font-weight: 500;
  color: #343434;
  min-height: 150px;
}
.size-chart.has {
  margin-bottom: 100px;
}
.size-chart table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  color: #343434;
}
.size-chart th,
.size-chart td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
table.sample {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.8em;
}
table.sample td {
  border-width: 1px 0;
  border-style: solid;
  padding: 0.3em;
  text-align: center;
}
.size-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 20px 0 40px;
}
.size-container .size-over {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.size-container .size-button {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #d9d9d9;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: center;
}
.size-container .size-button.out-of-stock {
  background-color: #f3f3f3;
  color: #888;
}
.size-container .size-stock {
  display: none;
  color: #ff0000;
  font-size: 12px;
  text-align: center;
  width: 60px;
}
.size-container .out-of-stock + .size-stock {
  display: block;
}
.design_edit_header_container {
  display: block;
  margin-top: 100px;
  font-weight: 500;
}
.design_edit_header_container p {
  text-align: center;
}
.design_edit_container {
  margin: 30px auto;
  background-color: #ffffff;
  padding: 20px;
  font-weight: 500;
}
.design_edit_fullscreen_overlay {
  display: none;
}
.design_edit_main_container .form_group.price input {
  height: 40px;
}
.design_edit_main_container .size_comment input::-moz-placeholder, .design_edit_main_container .youtube_url input::-moz-placeholder, .design_edit_main_container .item_badge input::-moz-placeholder, .design_edit_main_container .name input::-moz-placeholder, .design_edit_main_container .creator_description_detail textarea::-moz-placeholder {
  color: #cecece;
  opacity: 1;
}
.design_edit_main_container .size_comment input::placeholder,
.design_edit_main_container .youtube_url input::placeholder,
.design_edit_main_container .item_badge input::placeholder,
.design_edit_main_container .name input::placeholder,
.design_edit_main_container .creator_description_detail textarea::placeholder {
  color: #cecece;
  opacity: 1;
}
.design_edit_main_container .date_container {
  align-items: center;
  display: flex;
  gap: 10px;
  flex-direction: row;
  width: 60%;
}
.design_edit_main_container .date_container .limited_class {
  width: 50%;
}
.design_edit_main_container .date_container .date_separator {
  display: inline-block;
}
.design_edit_main_container .form_group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 25px;
}
.design_edit_main_container .form_group label {
  flex: 0 0 40%;
  text-align: left;
}
.design_edit_main_container .form_group input {
  height: 46px;
}
.design_edit_main_container .form_group textarea {
  min-height: 140px;
}
.design_edit_main_container .form_group input,
.design_edit_main_container .form_group textarea,
.design_edit_main_container .form_group select,
.design_edit_main_container .form_group .image_content {
  background-color: #f6f6f6;
  margin-top: 10;
  border: none;
}
.design_edit_main_container .form_group .image_content {
  background-color: transparent;
  font-size: 10px;
}
.design_edit_main_container .form_group .image_content .download-link {
  cursor: pointer;
  background-color: #ea4335;
  color: #ffffff;
  padding: 5px;
  border-radius: 9999px;
  font-size: 9px;
}
.design_edit_main_container .form_group .image_gallery {
  flex: 1 0 60%;
  display: flex;
  flex-direction: column;
  font-size: 14px;
}
.design_edit_main_container .form_group .image_gallery .color-item {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  cursor: pointer;
}
.design_edit_main_container .form_group .image_gallery .color-item.out-of-stock-color {
  background-color: #f0f0f0;
  border-color: #ccc;
}
.design_edit_main_container .form_group .image_gallery .color-item.out-of-stock-color .size-buttons,
.design_edit_main_container .form_group .image_gallery .color-item.out-of-stock-color .size-button {
  background-color: transparent;
  border-color: transparent;
}
.design_edit_main_container .form_group .image_gallery .color-item.out-of-stock-color .preview_button {
  display: none;
}
.design_edit_main_container .form_group .image_gallery .color-item.active {
  border: 1px solid #f5841f;
}
.design_edit_main_container .form_group .image_gallery .color-item img {
  width: 120px;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 20px;
}
.design_edit_main_container .form_group .image_gallery .color-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: gray;
  opacity: 0.5;
  z-index: 1;
}
.design_edit_main_container .form_group .image_gallery .color-item .product_image_color {
  position: relative;
  z-index: 0;
}
.design_edit_main_container .form_group .image_gallery .color-item .out-of-stock-message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 14px;
  z-index: 1;
  text-align: center;
  white-space: nowrap;
}
.design_edit_main_container .form_group .image_gallery .color-item .color-info {
  flex-grow: 1;
}
.design_edit_main_container .form_group .image_gallery .color-item .color-name {
  font-weight: bold;
  margin-bottom: 10px;
}
.design_edit_main_container .form_group .image_gallery .color-item .size-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.design_edit_main_container .form_group .image_gallery .color-item .size-button {
  width: 50px;
  height: 50px;
  padding: 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  text-align: center;
}
.design_edit_main_container .form_group .image_gallery .color-item .size-button.out-of-stock {
  position: relative;
  background-color: #f8f8f8;
  border-color: #e0e0e0;
}
.design_edit_main_container .form_group .image_gallery .color-item .size-button.out-of-stock::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10%;
  width: 120%;
  height: 1px;
  background-color: #999;
  transform: translateY(-50%) rotate(-45deg);
}
.design_edit_main_container .form_group .image_gallery .color-item .preview_button {
  position: absolute;
  bottom: 15px;
  left: 100px;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 10;
  background-color: #ffffff;
}
.design_edit_main_container .form_group .image_gallery .color-item .preview_button img {
  width: 20px;
  height: 20px;
  display: block;
  margin: 2px auto;
}
.design_edit_main_container .form_group .price_container {
  display: flex;
  margin-top: 10px;
  font-size: 10px;
}
.design_edit_main_container .form_group .price_container #profit {
  color: #f5841f;
}
.design_edit_main_container .form_group .price_container .titles_row,
.design_edit_main_container .form_group .price_container .values_row {
  display: flex;
  margin-bottom: 5px;
}
.design_edit_main_container .form_group .price_container .titles_row span,
.design_edit_main_container .form_group .price_container .values_row span {
  flex: 1;
  flex-basis: 20%;
  word-wrap: break-word;
}
.design_edit_main_container .form_group .price_container .titles_row {
  color: #babcbe;
}
.design_edit_main_container .form_group .price_container .titles_row .price_columns_name {
  min-width: 22%;
}
.design_edit_main_container .form_group .price_container .titles_row .price_columns_hyphen {
  color: #ffffff;
}
.design_edit_main_container .form_group .price_container .values_row .price_value {
  min-width: 22%;
}
.design_edit_main_container .form_group .price_container .values_row .price_value.tax,
.design_edit_main_container .form_group .price_container .values_row #cost_price {
  color: #babcbe;
}
.design_edit_main_container .form_group .price_container .values_row span {
  display: flex;
}
.design_edit_main_container .product-filepond-button,
.design_edit_main_container .filepond--label-action {
  background-color: #343434;
  color: #ffffff;
  padding: 5px;
  border-radius: 9999px;
  font-size: 8;
  text-decoration: none;
  margin: 2px;
  width: 125px;
  text-align: center;
}
.creator_design_edit_submit_button {
  width: 100%;
  text-align: center;
  background-color: #ffffff;
  padding: 20 0;
}
.creator_design_edit_submit_button .overlay_button {
  border: 1px solid #ea4335;
  color: #ea4335;
}
.creator_design_edit_submit_button #submit_button {
  background-color: #ea4335;
  color: #ffffff;
}
.creator_design_edit_submit_button button {
  height: 48px;
  width: 16%;
  margin: 5px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
}
.creator_design_edit_submit_button button.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.design_edit_preview_modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9);
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  display: none;
}
.design_edit_preview_modal .preview-content {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.design_edit_preview_modal .image-container {
  position: relative;
  display: inline-block;
  max-width: 90%;
  max-height: 80vh;
}
.design_edit_preview_modal .close-button {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  color: #000;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 10;
}
.design_edit_preview_modal .close-button::after {
  content: "×";
}
.design_edit_preview_modal #preview-image {
  display: block;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.design_edit_preview_modal .overlay-link {
  margin: 0;
}
.main_creator_design_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  height: 56px;
}
.profile-registration-header {
  color: #5e5e5e;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 40px;
}
.alert.alert-success.creator_profile_register {
  text-align: center;
  width: 66%;
  margin: 0 auto 30px auto;
  font-size: 14px;
  font-weight: 500;
}
.profile-register-button {
  border-top: 1px solid #cecece;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: #ffffff;
  padding: 20 0;
  z-index: 100;
}
.profile-register-button button {
  background-color: #ea4335;
  color: #ffffff;
  width: 29%;
  height: 50px;
  padding: 10px;
  border-radius: 4px;
}
.profile-register-button button.active {
  opacity: 1;
}
.profile-register-button button.disabled {
  opacity: 0.5;
}
.profile-section-area {
  background-color: #ffffff;
  padding: 40px 44px;
  margin-bottom: 40px;
}
.profile-register-container {
  margin: 150px auto;
  font-size: 14px;
  font-weight: 500;
  color: #5e5e5e;
  position: relative;
  width: 100%;
  padding: 0;
}
.profile-register-sub-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.profile-register-sub-container .section,
.profile-register-sub-container .image-section {
  display: flex;
  width: 100%;
  margin-bottom: 40px;
  align-items: center;
  justify-content: space-between;
}
.profile-register-sub-container .section .profile-section-content,
.profile-register-sub-container .image-section .profile-section-content {
  flex: 0 0 60%;
  text-align: right;
}
.profile-register-sub-container .section .profile-section-content input,
.profile-register-sub-container .section .profile-section-content textarea,
.profile-register-sub-container .image-section .profile-section-content input,
.profile-register-sub-container .image-section .profile-section-content textarea {
  background-color: #f5f5f5;
  border: none;
  border-radius: 4px;
}
.profile-register-sub-container .section .profile-section-content input,
.profile-register-sub-container .image-section .profile-section-content input {
  height: 46px;
}
.profile-register-sub-container .section .profile-section-content textarea,
.profile-register-sub-container .image-section .profile-section-content textarea {
  min-height: 100px;
}
.profile-register-sub-container .section .profile-section-content .mb-3,
.profile-register-sub-container .image-section .profile-section-content .mb-3 {
  margin-bottom: 0 !important;
}
.profile-register-sub-container .section .profile-section-content legend,
.profile-register-sub-container .image-section .profile-section-content legend {
  display: none;
}
.profile-register-sub-container .image-section .profile-section-content {
  flex: 0 0 60%;
  text-align: left;
}
.profile-register-sub-container .creator-profile-hr {
  visibility: hidden;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.profile-register-sub-container .horizontal-line {
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  margin: 30px 0;
  left: 0;
}
.profile-register-sub-container .custom-switch .form-check-input {
  width: 55px;
  height: 34px;
  background-color: #e9ecef;
  border-radius: 1rem;
  border: 1px solid #adb5bd;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.profile-register-sub-container .custom-switch .form-check-input:checked {
  background-color: #fd0d0d;
  border-color: #fd0d0d;
}
.profile-register-sub-container .custom-switch .form-check-input:focus {
  box-shadow: 0 0 0 0.2rem rgba(253, 13, 13, 0.25);
}
.profile-register-sub-container .custom-switch .form-check-label {
  margin-bottom: 0;
}
.profile-register-sub-container form {
  width: 100%;
}
.profile-register-sub-container form label {
  display: none;
}
.profile-register-sub-container form .profile-tag-form .profile-section-content {
  background-color: #f5f5f5;
  border-radius: 4px;
}
.profile-register-sub-container form .profile-tag-form .profile-section-content .tag-input-container {
  display: flex;
  margin-top: 20px;
}
.profile-register-sub-container form .profile-tag-form .profile-section-content input {
  flex-grow: 1;
  margin-right: 10px;
  padding: 8px;
  border-radius: 4px;
  border: none;
  background-color: #f5f5f5;
  outline: none;
}
.profile-register-sub-container form .profile-tag-form .profile-section-content button {
  padding: 10px 20px;
  background-color: #343434;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.profile-register-sub-container form .profile-tag-form .profile-section-content #tags-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 15px;
}
.profile-register-sub-container form .profile-tag-form .profile-section-content #tags-container .tag {
  margin: 5px;
  background-color: white;
  padding: 5px 10px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  height: 43px;
}
.profile-register-sub-container form .profile-tag-form .profile-section-content #tags-container .tag button {
  margin-left: 10px;
  background: none;
  border: none;
  color: gray;
  cursor: pointer;
}
.profile-register-sub-container form .invalid-feedback {
  display: block;
  margin-top: 0.5rem;
  color: red;
  font-size: 12px;
}
.profile-register-sub-container form .profile-location-display-form #creator_product_location_display {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}
.profile-register-sub-container form .profile-location-display-form #creator_product_location_display .form-check {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.profile-register-sub-container form .profile-location-display-form #creator_product_location_display .form-check input {
  height: 20px;
  width: 20px;
  margin-right: 4px;
  margin-bottom: 2px;
  border-radius: 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #e9ecef;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.profile-register-sub-container form .profile-location-display-form #creator_product_location_display .form-check input:checked {
  background-color: #ea4b35;
  border-color: #ea4b35;
}
.profile-register-sub-container form .profile-location-display-form #creator_product_location_display .form-check input:checked + .slider {
  background-color: #ea4b35;
}
.profile-register-sub-container form .profile-location-display-form .form-check-label.required {
  display: block;
}
.profile-register-sub-container form .profile-store-display-type-form {
  display: flex;
}
.profile-register-sub-container form .profile-store-display-type-form #creator_product_store_display_type {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
}
.profile-register-sub-container form .profile-store-display-type-form #creator_product_store_display_type .form-check {
  display: flex;
  align-items: center;
  margin-left: 30px;
}
.profile-register-sub-container form .profile-store-display-type-form #creator_product_store_display_type .form-check input {
  height: 20px;
  width: 20px;
  margin-right: 4px;
  margin-bottom: 2px;
  border-radius: 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #e9ecef;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.profile-register-sub-container form .profile-store-display-type-form #creator_product_store_display_type .form-check input:checked {
  background-color: #ea4b35;
  border-color: #ea4b35;
}
.profile-register-sub-container form .profile-store-display-type-form #creator_product_store_display_type .form-check input:checked + .slider {
  background-color: #ea4b35;
}
.profile-register-sub-container form .profile-store-display-type-form .form-check-label.required {
  display: block;
}
.profile-register-sub-container form .profile-display-form .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.profile-register-sub-container form .profile-display-form .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.profile-register-sub-container form .profile-display-form .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 34px;
}
.profile-register-sub-container form .profile-display-form .switch .slider::before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
.profile-register-sub-container form .profile-display-form .switch input:checked + .slider {
  background-color: #ea4b35;
}
.profile-register-sub-container form .profile-display-form .switch input:focus + .slider {
  box-shadow: 0 0 1px red;
}
.profile-register-sub-container form .profile-display-form .switch input:checked + .slider::before {
  transform: translateX(26px);
}
.profile-register-sub-container form .profile-display-form .switch .slider:active::before {
  width: 30px;
}
.profile-register-sub-container form .profile-main-color-form label,
.profile-register-sub-container form .profile-text-color-form label,
.profile-register-sub-container form .profile-sns-id-form label {
  font-size: 0.9em;
  margin-bottom: 0px;
  text-align: left;
}
.profile-register-sub-container form .profile-main-color-form label,
.profile-register-sub-container form .profile-text-color-form label {
  display: block;
}
.profile-register-sub-container form .profile-section-content.ec-input, .profile-register-sub-container form .profile-section-content.ec-halfInput, .profile-register-sub-container form .profile-section-content.ec-numberInput, .profile-register-sub-container form .profile-section-content.ec-zipInput, .profile-register-sub-container form .profile-section-content.ec-telInput, .profile-register-sub-container form .profile-section-content.ec-select, .profile-register-sub-container form .profile-section-content.ec-birth {
  display: flex;
  align-items: center;
  width: 100%;
}
.profile-register-sub-container form .input-area {
  display: flex;
  flex-direction: column;
  width: 60%;
  margin-left: auto;
  text-align: right;
}
.profile-register-sub-container form .input-area .profile-section-content {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.profile-register-sub-container form .input-area .profile-brand-input,
.profile-register-sub-container form .input-area .profile-font-type {
  width: 50%;
}
.profile-register-sub-container form .input-area .profile-font-type {
  position: relative;
}
.profile-register-sub-container form .input-area .profile-font-type::after {
  content: "";
  position: absolute;
  top: 35%;
  right: 20px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(45deg);
}
.profile-register-sub-container form .input-area select.form-select {
  font-size: 1rem;
  padding: 0.75rem 1.25rem;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -moz-appearance: none;
       appearance: none;
  background-color: #fff;
  -webkit-appearance: none;
  appearance: none;
}
.profile-register-sub-container form .url-prefix {
  white-space: nowrap;
  margin-right: 4px;
  font-size: 14px;
}
.profile-register-sub-container form .store-url-input {
  flex-grow: 1;
  height: 40px;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.profile-register-sub-container form .profile-colors-form .profile-section-content {
  display: flex;
  justify-content: space-between;
}
.profile-register-sub-container form .profile-colors-form .profile-section-content .color-form {
  width: 48%;
}
.profile-register-sub-container form .profile-colors-form .profile-section-content .color-form input {
  width: 100%;
  padding: 8px;
  border-radius: 4px;
  cursor: pointer;
  border: 2px solid #d9d9d9;
}
.profile-register-sub-container form .profile-sns-id-form .profile-section-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.profile-register-sub-container form .profile-sns-id-form .profile-section-content .sns_form_title {
  display: flex;
}
.profile-register-sub-container form .profile-sns-id-form .profile-section-content .sns_form_title img {
  margin-right: 5px;
}
.profile-register-sub-container form .profile-sns-id-form .profile-section-content input {
  margin-top: 10px;
}
.profile-register-sub-container form .profile-sns-id-form .profile-section-content > div {
  width: 48%;
  margin: 2px 1%;
  margin-bottom: 20px !important;
}
.profile-register-sub-container form .profile-sns-id-form .profile-section-content > div:nth-child(5) {
  margin-right: auto;
}
.profile-register-sub-container form .filepond--drop-label {
  min-height: 114px;
}
.profile-register-sub-container form .filepond--drop-label label {
  text-align: center;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.profile-register-sub-container form .filepond--drop-label label div {
  font-size: 11px !important;
  font-weight: 500 !important;
}
.profile-register-sub-container form .filepond--label-action {
  background-color: #5f6368;
  color: #ffffff;
  padding: 5px;
  border-radius: 4px;
  font-size: 8;
  text-decoration: none;
  margin: 2px;
  width: 125px;
  text-align: center;
  font-size: 12;
  font-weight: 500;
}
.profile-register-sub-container input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  transition: border-color 0.3s ease;
  position: relative;
}
.profile-register-sub-container input[type=radio]:checked::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e64335;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.profile-register-sub-container input[type=radio]:checked::after {
  content: "";
  display: block;
  width: 6px; /* 内側の円の大きさ */
  height: 6px; /* 内側の円の大きさ */
  border-radius: 50%;
  background: #fff; /* 内側の円の色を背景色に */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.profile-register-sub-container input[type=radio]:checked {
  border-color: #e64335;
  background-color: #e64335;
}
.sp-original-input-container {
  justify-content: flex-end;
}
.sp-alpha,
.sp-choose,
.sp-design-register .sp-original-input-container input,
.sp-design-register .sp-original-input-container input,
.sp-add-on {
  display: none !important;
}
.creator-profile-sp-container .sp-input {
  display: none;
}
.sp-design-register {
  display: flex;
  flex-direction: column;
}
.sp-design-register .creator-image-grid {
  margin-top: 30px;
}
.sp-design-register .creator-image-grid .profile-section-content {
  margin-top: 10px;
}
.preview-content {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #bdbdbd;
  border-radius: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.preview-content #preview-text {
  font-size: 18px;
  text-align: center;
  width: 100%;
  padding: 12px;
}
.title-area {
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: space-between;
  flex: 0 0 32%;
}
.title-area .profile-section-title {
  color: #5e5e5e;
  font-size: 1.1em;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  text-align: left;
  line-height: normal;
}
.title-area .profile-section-sub-title {
  color: #babcbe;
  font-size: 0.8em;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: left;
  align-items: start;
  margin-top: 2px;
}
.product-id-guide {
  background-color: #f9f9f9;
  border: 1px solid #e0e0e0;
  padding: 1rem;
  border-radius: 8px;
  font-family: Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #333;
  max-width: 500px;
  margin-top: 1.5rem;
}
.product-id-guide .product-id-guide-title {
  font-weight: bold;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: #444;
}
.product-id-guide .url-example {
  background-color: #efefef;
  padding: 2px 4px;
  border-radius: 4px;
  word-break: break-all;
}
.product-id-guide .highlight {
  color: #d6336c;
  font-weight: bold;
}
.outer-creator_transfer_history-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 66%;
  margin: auto;
  margin-top: 130px;
  font-size: 12px;
}
.container-base, .creator_transfer_history-container, .additional-container {
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 100%;
}
.additional-container {
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.additional-container .additional-sub-container {
  display: flex;
  gap: 10px;
  align-items: center;
}
.additional-container a {
  border: 2px solid red;
  color: white;
  padding: 8px 12px;
  background-color: #ea4b35;
  text-decoration: none;
  padding: 5px;
  border-radius: 5px;
}
.additional-container .current-balance {
  margin-bottom: 0;
}
.creator_transfer_history-container {
  margin-top: 20px;
  height: 560px;
  display: flex;
  flex-direction: column;
}
.creator_transfer_history-container .creator_transfer_history-header {
  margin-bottom: 20px;
  text-align: center;
  flex-shrink: 0;
}
.creator_transfer_history-container .creator_transfer_history-header h5, .creator_transfer_history-container .creator_transfer_history-header .h5 {
  font-size: 16px;
}
.creator_transfer_history-container .creator_transfer_history-options {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 20px;
  flex-shrink: 0;
}
.creator_transfer_history-container .creator_transfer_history-options select,
.creator_transfer_history-container .creator_transfer_history-options button {
  margin-left: 10px;
}
.creator_transfer_history-container .creator_transfer_history-options button {
  display: flex;
  align-items: center;
}
.creator_transfer_history-container .creator_transfer_history-options button img {
  width: 13.5px;
  height: 9px;
  margin-right: 2px;
}
.creator_transfer_history-container .creator_transfer_history-options #filterButton,
.creator_transfer_history-container .creator_transfer_history-options select {
  background-color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border: none;
  padding: 5px 5px;
  cursor: pointer;
}
.creator_transfer_history-container .creator_transfer_history-list {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.creator_transfer_history-container .creator_transfer_history-list .list-row-container {
  flex-grow: 1;
}
.creator_transfer_history-container .creator_transfer_history-list .list-header {
  flex-shrink: 0;
  background: white;
  z-index: 1;
  position: sticky;
  top: 0;
}
.creator_transfer_history-container .creator_transfer_history-list .list-header,
.creator_transfer_history-container .creator_transfer_history-list .list-row {
  display: flex;
  width: 100%;
}
.creator_transfer_history-container .creator_transfer_history-list .header-item,
.creator_transfer_history-container .creator_transfer_history-list .row-item {
  flex: 1;
  padding: 8px;
  text-align: left;
}
.creator_transfer_history-container .creator_transfer_history-list .row-item.status-pending {
  color: #ea4335;
}
.creator_transfer_history-container .creator_transfer_history-list .row-item.status-processing {
  color: #5f6368;
}
.creator_transfer_history-container .creator_transfer_history-list .row-item.status-completed {
  color: #000000;
}
.creator_transfer_history-container .creator_transfer_history-list .row-item-button {
  text-align: right;
}
.creator_transfer_history-container .creator_transfer_history-list .list-header .header-item {
  border-bottom: 2px solid #ccc;
  position: sticky;
  top: 0;
  z-index: 10;
}
.creator_transfer_history-container .creator_transfer_history-list .detail-button {
  padding: 2px 16px;
  border: 1px solid black;
  background-color: white;
  color: black;
  cursor: pointer;
  border-radius: 5px;
  outline: none;
}
.transfer-detail-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
}
.transfer-detail-modal .transfer-detail-modal-content {
  background-color: #fefefe;
  padding: 30px;
  border: 1px solid #888;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  width: 30%;
  left: 35vw;
  top: 25vh;
}
.transfer-detail-modal .transfer-detail-info {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.transfer-detail-modal .transfer-detail-info .info-labels {
  flex-grow: 1;
  padding-right: 20px;
}
.transfer-detail-modal .transfer-detail-info .info-values {
  flex-grow: 0;
  white-space: nowrap;
}
.transfer-detail-modal .transfer-detail-info .info-values p {
  text-align: right;
}
.transfer-detail-modal .transfer-detail-info .info-labels p,
.transfer-detail-modal .transfer-detail-info .info-values p {
  margin-bottom: 10px;
}
.transfer-detail-modal .bank-info {
  display: flex;
  align-items: flex-start;
  width: 100%;
  justify-content: flex-end;
}
.transfer-detail-modal .bank-info .transfer-destination {
  position: absolute;
  left: 30px;
  bottom: 100px;
}
.transfer-detail-modal .bank-info .info-labels,
.transfer-detail-modal .bank-info .info-values {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.transfer-detail-modal .bank-info .info-labels {
  padding-right: 20px;
}
.transfer-detail-modal .bank-info .info-labels p,
.transfer-detail-modal .bank-info .info-values p {
  margin-bottom: 10px;
}
.transfer-detail-modal .bank-info .info-labels p {
  text-align: left;
}
.transfer-detail-modal .bank-info .info-values p {
  text-align: right;
}
.transfer-detail-modal .transfer-detail-modal-close-button {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: white;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
}
.transfer-detail-modal .transfer-detail-modal-close-button:hover,
.transfer-detail-modal .transfer-detail-modal-close-button:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.bank-account-register-header {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 80px;
}
.bank-account-register-header p {
  font-size: 1.2em;
}
.bank-account-register-header .sp-bank-account-register-header {
  display: none;
}
.bank-account-register-container {
  margin: 50px auto;
  background-color: white;
  padding: 20px;
}
.bank-account-register-container .sp-form-hr {
  display: none;
}
.bank-account-register-container .bank-account-register-sub-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.bank-account-register-container .bank-account-register-sub-container form {
  width: 75%;
}
.bank-account-register-container .bank-account-register-sub-container .form-title {
  width: 100%;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 51px;
  font-size: 1.1em;
}
.bank-account-register-container .bank-account-register-sub-container .form-group {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
}
.bank-account-register-container .bank-account-register-sub-container .form-group label {
  width: auto;
  flex-basis: 30%; /* ラベルの基本幅を30%に設定 */
  text-align: left;
}
.bank-account-register-container .bank-account-register-sub-container .form-group .input-row {
  display: flex;
  align-items: center;
  width: 100%;
}
.bank-account-register-container .bank-account-register-sub-container .form-group input,
.bank-account-register-container .bank-account-register-sub-container .form-group select {
  width: 60%;
  margin-left: auto;
}
.bank-account-register-container .bank-account-register-sub-container .form-group .error-message {
  margin-left: auto; /* エラーメッセージがinputフィールドの右に整列します */
  width: 60%; /* エラーメッセージの幅をinputフィールドと同じに設定 */
  color: red;
}
.bank-account-register-container .bank-account-register-sub-container .notice {
  margin-top: 20px;
  color: #5e5e5e;
  font-size: 0.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: capitalize;
}
.bank-account-register-container .bank-account-register-sub-container .bank-account-register-button-container button {
  display: block;
  width: 200px;
  margin: 20px auto;
  padding: 10px 0;
  font-size: 16px;
  color: white;
  background-color: #ea4b35;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.bank-account-register-container .bank-account-register-sub-container .bank-account-register-button-container .button-error {
  opacity: 0.4;
}
.bank-account-header {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 80px;
}
.bank-account-header p {
  font-size: 1.2em;
}
.bank-account-header .additional-bank-account-header-info {
  display: none;
}
.bank-account-container {
  margin: 50px auto;
  background-color: white;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
}
.bank-account-container .bank-account-sub-container {
  width: 68%;
}
.bank-account-container .bank-account-sub-container .container-title {
  text-align: center;
  margin-bottom: 51px;
  font-size: 1.1em;
}
.bank-account-container .account-details {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.bank-account-container .labels,
.bank-account-container .values {
  display: flex;
  flex-direction: column;
}
.bank-account-container .labels {
  align-items: flex-start;
}
.bank-account-container .values {
  align-items: flex-end;
}
.bank-account-container .labels p,
.bank-account-container .values p {
  margin-bottom: 45px;
}
.bank-account-container .disclaimer {
  width: 100%;
  color: #666;
}
.bank-account-container .disclaimer .notice {
  margin-top: 20px;
  color: #5e5e5e;
  font-size: 0.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: capitalize;
}
.bank-account-container .edit-link {
  display: block;
  margin-top: 20px;
  text-align: center;
  width: 50%;
  background-color: black;
  color: white;
  padding: 10px 0;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
}
.transfer-request-header {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 100px;
  font-size: 20px;
  font-weight: 300;
}
.transfer-request-header .transfer-request-header-content {
  display: none;
  font-size: 12px;
  font-weight: 400;
}
.transfer-request-container {
  font-size: 14px;
  margin: 50px auto;
  background-color: white;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  font-weight: 400;
}
.transfer-request-container .transfer-request-sub-container {
  width: 68%;
}
.transfer-request-container .transfer-request-sub-container .container-title {
  text-align: center;
  margin-bottom: 51px;
}
.transfer-request-container .transfer-request-sub-container .container-sub-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 35px;
  font-weight: 600;
}
.transfer-request-container .transfer-request-sub-container .container-sub-title span {
  font-weight: 600;
}
.transfer-request-container .transfer-request-sub-container .container-sub-title .edit-button {
  background-color: transparent;
  border: 1px solid black;
  color: black;
  padding: 5px 15px;
  cursor: pointer;
}
.transfer-request-container .transfer-request-sub-container .container-sub-title .edit-button:hover {
  background-color: #f8f8f8;
}
.transfer-request-container .transfer-request-sub-container .transfer-details,
.transfer-request-container .transfer-request-sub-container .bank-info-details {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.transfer-request-container .transfer-request-sub-container .transfer-request-hr {
  margin-bottom: 60px;
}
.transfer-request-container .transfer-request-sub-container .labels,
.transfer-request-container .transfer-request-sub-container .values {
  display: flex;
  flex-direction: column;
}
.transfer-request-container .transfer-request-sub-container .labels {
  align-items: flex-start;
}
.transfer-request-container .transfer-request-sub-container .values {
  align-items: flex-end;
}
.transfer-request-container .transfer-request-sub-container .labels p,
.transfer-request-container .transfer-request-sub-container .values p {
  margin-bottom: 45px;
}
.transfer-request-container .transfer-request-sub-container .disclaimer {
  width: 100%;
  color: #666;
  text-align: center;
  font-size: 11px;
}
.transfer-request-container .transfer-request-sub-container .edit-link {
  display: block;
  margin-top: 20px;
  text-align: center;
  width: 50%;
  background-color: #ea4b35;
  color: white;
  padding: 10px 0;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
}
.transfer-request-container .transfer-request-sub-container .transfer-request-button-hr {
  display: none;
}
.transfer-request-success-header {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 120px;
  font-size: 20px;
  font-weight: 300;
}
.transfer-request-success-container {
  margin: 50px auto;
  background-color: white;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
}
.transfer-request-success-container .transfer-request-success-sub-container {
  width: 68%;
}
.transfer-request-success-container .transfer-request-success-sub-container p {
  text-align: center;
}
.transfer-request-success-container .transfer-request-success-sub-container .transfer-request-success-title {
  font-weight: 600;
  font-size: 16px;
}
.transfer-request-success-container .transfer-request-success-sub-container .transfer-date {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 500;
}
.transfer-request-success-container .home-link {
  display: block;
  margin-top: 55px;
  text-align: center;
  width: 50%;
  background-color: black;
  color: white;
  padding: 10px 0;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  font-weight: 600;
}
.outer-creator_sales_history-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80%;
  margin: auto;
  margin-top: 130px;
  font-size: 12px;
  color: #5e5e5e;
}
.sales-container-base, .creator_sales_history-container, .additional-sales-container {
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 100%;
}
.additional-sales-container {
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.additional-sales-container .additional-sales-sub-container {
  display: flex;
  gap: 10px;
  align-items: center;
}
.additional-sales-container a {
  border: 2px solid red;
  color: white;
  background-color: #ea4b35;
  text-decoration: none;
  padding: 5px;
  border-radius: 5px;
}
.additional-sales-container span {
  flex-wrap: wrap;
  display: flex;
}
.additional-sales-container .current-balance {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
}
.creator_sales_history-container {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.creator_sales_history-container .creator_sales_history-options {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 20px;
  flex-shrink: 0;
}
.creator_sales_history-container .creator_sales_history-options select,
.creator_sales_history-container .creator_sales_history-options button {
  margin-left: 10px;
}
.creator_sales_history-container .creator_sales_history-options select span,
.creator_sales_history-container .creator_sales_history-options button span {
  margin-left: 2px;
}
.creator_sales_history-container .creator_sales_history-options select img,
.creator_sales_history-container .creator_sales_history-options button img {
  height: 9px;
  width: 13.5px;
}
.creator_sales_history-container .creator_sales_history-options button {
  display: flex;
  align-items: center;
}
.creator_sales_history-container .creator_sales_history-options #filterButton,
.creator_sales_history-container .creator_sales_history-options select {
  background-color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border: none;
  padding: 5px 5px;
  cursor: pointer;
}
.creator_sales_history-container .creator_sales_history-header {
  margin-bottom: 10px;
  margin-top: 20px;
  text-align: center;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 600;
}
.creator_sales_history-container .creator_sales_history-list {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.creator_sales_history-container .creator_sales_history-list .list-static-header {
  display: none;
}
.creator_sales_history-container .creator_sales_history-list .list-row-container-hr {
  display: none;
}
.creator_sales_history-container .creator_sales_history-list .list-header {
  flex-shrink: 0;
  background: white;
  z-index: 1;
  top: 0;
}
.creator_sales_history-container .creator_sales_history-list .large-width {
  flex: 3;
  text-align: left;
}
.creator_sales_history-container .creator_sales_history-list .small-width {
  flex: 0.8;
  text-align: right;
}
.creator_sales_history-container .creator_sales_history-list .nomal-width {
  text-align: left;
  flex: 1;
}
.creator_sales_history-container .creator_sales_history-list .list-header,
.creator_sales_history-container .creator_sales_history-list .list-row {
  display: flex;
  width: 100%;
}
.creator_sales_history-container .creator_sales_history-list .header-item,
.creator_sales_history-container .creator_sales_history-list .row-item {
  padding: 8px;
}
.creator_sales_history-container .creator_sales_history-list .header-item a,
.creator_sales_history-container .creator_sales_history-list .row-item a {
  border-bottom: 2px solid #ccc;
}
.creator_sales_history-container .creator_sales_history-list .list-header .header-item {
  border-bottom: 2px solid #ccc;
  position: sticky;
  top: 0;
  z-index: 10;
}
.creator_sales_history-container .creator_sales_history-list .pagenation-container {
  margin-bottom: 80px;
}
.creator_sales_history-container .creator_sales_history-list .pagination {
  text-align: center;
  margin-top: 20px;
  display: block;
}
.creator_sales_history-container .creator_sales_history-list .pagination span {
  display: inline;
  margin: 0 5px;
}
.creator_sales_history-container .creator_sales_history-list .pagination .current {
  font-weight: bold;
  color: #cecece;
}
.creator_sales_history-container .creator_sales_history-list .pagination .first,
.creator_sales_history-container .creator_sales_history-list .pagination .last {
  display: none;
}
.creator_sales_history-container .creator_sales_history-list .pagination-container.sp {
  display: none;
}
.creator-mall-product-detail-container {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  margin-top: 100px;
  width: 100%;
  max-width: 920px;
}
.creator-mall-product-detail-add-cart-container {
  display: flex;
  gap: 16px;
}
.creator-mall-product-detail-left-container {
  max-width: 524px;
  width: 100%;
}
.creator-mall-product-detail-left-container .creator-mall-product-detail-brand-name.sp {
  display: none; /* PCでは非表示 */
}
.creator-mall-product-detail-left-container .product-detail-size-comment {
  margin-top: 8px;
  margin-bottom: 20px;
  color: #5e5e5e;
  text-align: left;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
}
.creator-mall-product-detail-left-container .product-thumbnails {
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: start;
  gap: 8px;
  margin-right: -8px;
}
.creator-mall-product-detail-left-container .product-thumbnails .product-thumbnail-container {
  position: relative;
  display: flex;
  width: calc(20% - 8px);
  aspect-ratio: 1;
}
.creator-mall-product-detail-left-container .product-thumbnails .product-thumbnail-container .product-thumbnail-image {
  width: 100%;
  display: block;
  aspect-ratio: 1/1;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.creator-mall-product-detail-left-container .product-thumbnails .product-thumbnail-container .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(217, 217, 217, 0.5);
  display: none;
  z-index: 1;
}
.creator-mall-product-detail-left-container .product-thumbnails .product-thumbnail-container.loading {
  position: relative;
  opacity: 0.5;
}
.creator-mall-product-detail-left-container .product-thumbnails .product-thumbnail-container.loading:before {
  z-index: 1;
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #3498db;
  animation: spinner 0.6s linear infinite;
}
.creator-mall-product-detail-left-container .product-thumbnails .product-thumbnail-container.active .image-overlay {
  display: block;
}
.creator-mall-product-detail-left-container .product-detail-large-container .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(217, 217, 217, 0.5);
  display: none;
  z-index: 1;
}
.creator-mall-product-detail-left-container .product-detail-large-container.loading {
  position: relative;
  opacity: 0.5;
}
.creator-mall-product-detail-left-container .product-detail-large-container.loading:before {
  z-index: 1;
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px; /* Larger spinner for large image */
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 50%;
  border: 4px solid transparent; /* Adjusted for larger spinner */
  border-top-color: #3498db;
  animation: spinner 0.6s linear infinite;
}
.creator-mall-product-detail-left-container .product-detail-large-container.active .image-overlay {
  display: block;
}
.creator-mall-product-detail-left-container .product-detail-large-image-container {
  width: 100%;
  margin: auto;
}
.creator-mall-product-detail-left-container .product-detail-large-image-container .product-detail-large-image-sub-container {
  position: relative;
}
.creator-mall-product-detail-left-container .product-detail-large-image-container .product-detail-large-image {
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.creator-mall-product-detail-left-container .product-detail-large-image-container .navigation-left,
.creator-mall-product-detail-left-container .product-detail-large-image-container .navigation-right {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.creator-mall-product-detail-left-container .product-detail-large-image-container .navigation-left {
  margin-left: 2%;
}
.creator-mall-product-detail-left-container .product-detail-large-image-container .navigation-right {
  margin-right: 2%;
  right: 0;
}
.creator-mall-product-detail-left-container .product-detail-large-image-container .heart-icon-container {
  position: absolute;
  bottom: 0;
  right: 10px;
}
.creator-mall-product-detail-left-container .product-detail-large-image-container .heart-icon-container .creator-mall-product-detail-heart {
  border-radius: 50%;
}
.creator-mall-product-detail-left-container .product-detail-large-image-container .heart-icon-container .creator-mall-product-detail-heart img {
  border-radius: 50%;
  filter: drop-shadow(0 0 0.25rem rgb(145, 143, 143));
}
.creator-mall-product-detail-left-container .product-detail-large-image-container .creator-mall-product-list-gallery-icon-container {
  display: none;
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 36px;
  height: 36px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.creator-mall-product-detail-left-container .video-container {
  height: 292px;
}
.creator-mall-product-detail-left-container .video-container iframe {
  width: 95%;
  height: 100%;
}
.creator-mall-product-detail-left-container .video-container.sp {
  display: none;
  margin-top: 80px;
}
.creator-mall-product-detail-left-container .video-container.sp iframe {
  width: 100%;
  height: 200px;
}
.creator-mall-product-detail-right-container {
  flex: 1;
}
.creator-mall-product-detail-right-container .right-container-form {
  color: #343434;
}
.creator-mall-product-detail-right-container .right-container-form .delivery-notice {
  color: #5e5e5e;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 12px;
  text-align: center;
}
.creator-mall-product-detail-right-container .creator-mall-product-detail-brand-name {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: start;
  background-color: inherit;
  border-radius: 4px;
}
.creator-mall-product-detail-right-container .creator-mall-product-detail-brand-name img {
  height: 50px;
  width: 50px;
  margin: 10px;
  border-radius: 50%;
}
.creator-mall-product-detail-right-container .creator-mall-product-detail-brand-name.sp {
  display: none;
}
.creator-mall-product-detail-right-container hr {
  color: #343434;
  height: 1px;
  margin: 1rem 0;
}
.creator-mall-product-detail-right-container .creator-mall-product-name {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.3rem;
  text-transform: capitalize;
}
.creator-mall-product-detail-right-container .limited-time-sale p {
  margin-top: 40px;
  border: 1px solid #ea4b35;
  color: #ea4b35;
  padding: 10px;
  border-radius: 4px;
  display: inline-block;
  font-size: 11px;
  text-align: left;
  width: 100%;
  font-weight: bold;
}
.creator-mall-product-detail-right-container .creator-mall-product-detail-price {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.6px;
}
.creator-mall-product-detail-right-container .creator-mall-product-detail-delivery-duration {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.42px;
}
.creator-mall-product-detail-right-container .creator-mall-product-name {
  margin-top: 20px;
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
}
.creator-mall-product-detail-right-container .creator-mall-product-detail-price,
.creator-mall-product-detail-right-container .creator-mall-product-detail-delivery-duration {
  color: #343434;
  margin-top: 15px;
  font-family: "Noto Sans JP", sans-serif;
}
.creator-mall-product-detail-right-container .form-images {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 0.5rem;
}
.creator-mall-product-detail-right-container .form-images .classcategory1-square {
  width: 5rem;
  aspect-ratio: 1;
  margin-right: 10px;
  text-align: center;
}
.creator-mall-product-detail-right-container .form-images .classcategory1-square img {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 4px;
  cursor: pointer;
}
.creator-mall-product-detail-right-container .form-images .classcategory1-square img.active {
  border: 1px solid #ea4335;
}
.creator-mall-product-detail-right-container .form-images .classcategory1-square p {
  margin-top: 4px;
  font-size: 1rem;
  font-weight: 500;
  font-family: Helvetica;
  color: #343434;
}
.creator-mall-product-detail-right-container .classcategory2-container {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.creator-mall-product-detail-right-container .classcategory2-container .classcategory2-square {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5rem;
  aspect-ratio: 1;
  background-color: #ffffff;
  border-radius: 4px;
  color: #343434;
  text-align: center;
  font-family: Helvetica;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 56px; /* 466.667% */
  text-transform: uppercase;
  cursor: pointer;
}
.creator-mall-product-detail-right-container .classcategory2-container .classcategory2-square.loading {
  position: relative;
  opacity: 0.5;
}
.creator-mall-product-detail-right-container .classcategory2-container .classcategory2-square.loading:before {
  z-index: 1;
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #3498db;
  animation: spinner 0.6s linear infinite;
}
.creator-mall-product-detail-right-container .classcategory2-container .classcategory2-square.active {
  border: 1px solid #ea4335;
}
.creator-mall-product-detail-right-container .form-title {
  color: #343434;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.creator-mall-product-detail-right-container .creator-mall-product-detail-button {
  width: 100%;
  margin-top: 25px;
  background-color: #ea4b35;
  padding: 22px;
  color: white;
  height: 70px;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
  line-height: normal;
}
.creator-mall-product-detail-right-container .description-tabs {
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #cecece;
}
.creator-mall-product-detail-right-container .description-tabs .tab {
  flex-grow: 1;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  color: #aaa;
  border-bottom: 1px solid #cecece;
}
.creator-mall-product-detail-right-container .description-tabs .tab.active {
  color: #333;
  border-bottom: 2px solid #343434;
}
.creator-mall-product-detail-right-container .tab-content {
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  min-height: 150px;
}
.creator-mall-product-detail-right-container .tab-content .tab-panel p {
  margin-bottom: 5px;
}
.creator-mall-product-detail-right-container .tab-content .tab-panel table {
  font-size: 10px;
}
.creator-mall-product-detail-right-container .tab-content .tab-panel table th,
.creator-mall-product-detail-right-container .tab-content .tab-panel table td {
  border-width: 1px 0 !important;
  border-style: solid !important;
}
.creator-mall-product-detail-right-container .alcohol-main-container {
  margin-top: 25px;
}
.creator-mall-product-detail-right-container .alcohol-main-container .alcohol-container {
  margin-top: 20px;
}
.creator-mall-product-detail-right-container .alcohol-main-container .alcohol-container p {
  font-size: 14px;
}
.creator-mall-product-detail-right-container .alcohol-main-container .alcohol-container .alcohol-text1 {
  color: #343434;
}
.creator-mall-product-detail-right-container #product-description {
  margin-top: 30px;
}
#size-chart {
  margin-top: 20px;
}
#size-chart table {
  width: 100%;
  border-collapse: collapse;
}
#size-chart table th,
#size-chart table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
.full-width-line {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  border: none;
  height: 1px;
  background-color: #cecece;
  margin-top: 40px;
}
.creator-mall-product-list-container-title {
  font-family: Helvetica Neue;
  margin-left: 10px;
  margin-top: 100px;
  font-size: 20px;
  font-weight: 500;
  color: #30332a;
}
.creator-mall-product-list-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin: 60px 0 70px 0;
}
.creator-mall-product-list-container .product-item {
  flex: 0 0 25%;
  box-sizing: border-box;
  padding: 10px;
  display: flex;
  flex-direction: column;
}
.creator-mall-product-list-container .product-item .product-item-brand-name,
.creator-mall-product-list-container .product-item .product-item-price {
  font-size: 14px;
}
.creator-mall-product-list-container .product-item .product-item-name {
  font-size: 12px;
}
.creator-mall-product-list-container .product-item img {
  width: 100%;
  aspect-ratio: 1/1;
}
.creator-mall-product-list-container .product-item .product-item-image-container {
  position: relative;
}
.creator-mall-product-list-container .product-item .product-item-image-container .creator-mall-product-list-heart-icon-container {
  position: absolute;
  right: 5px;
  bottom: 0;
  border-radius: 50%;
}
.creator-mall-product-list-container .product-item .product-item-image-container .creator-mall-product-list-heart-icon-container .creator-mall-product-list-heart img {
  border-radius: 50%;
}
.creator-mall-product-list-container .product-item .creator-mall-item-details {
  display: flex;
  align-items: center;
}
.creator-mall-product-list-container .product-item .creator-mall-item-details .details_info {
  flex: 7;
}
.creator-mall-product-list-container .product-item .creator-mall-item-details .alcohol_info {
  flex: 2;
  text-align: center;
}
.creator-mall-product-list-container .product-item .creator-mall-item-details .alcohol_info .alcohol-label {
  align-self: flex-end;
  font-size: 12px;
  font-weight: 500;
  background-color: #ea4b35;
  color: #ffffff;
  margin: 5px 0;
  border-radius: 4px;
  aspect-ratio: 36/20;
  padding: 5px;
}
.pagenation-container {
  margin-bottom: 80px;
}
.pagination {
  text-align: center;
  margin-top: 20px;
  display: block;
}
.pagination span {
  display: inline;
  margin: 0 5px;
}
.pagination .current {
  font-weight: bold;
  color: #cecece;
}
.pagination .first,
.pagination .last {
  display: none;
}
.creator_mall_product_detail_footer_container {
  width: 100%;
}
.creator_mall_product_detail_footer_container .profile_image {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 132px;
  height: 132px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  border-radius: 50%;
}
.creator_mall_product_detail_footer_container .background_container {
  width: 100%;
  top: 550px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300;
}
.creator_mall_product_detail_footer_container .background_container .profile_text {
  text-align: center;
  margin-top: 90px;
  width: 50%;
  padding-bottom: 40;
}
.creator_mall_product_detail_footer_container .background_container .profile_text .creator_profile_name {
  font-size: 18px;
  font-weight: 700;
  word-break: break-word;
}
.creator_mall_product_detail_footer_container .background_container .profile_text .creator_profile_intro {
  font-size: 13px;
  font-weight: 400;
  word-break: break-word;
}
.creator_mall_product_detail_footer_container .background_container .profile_text p,
.creator_mall_product_detail_footer_container .background_container .profile_text .creator_profile_name {
  margin-bottom: 15px;
}
.creator-mall-product-detail-gallery-modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1050;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
}
.creator-mall-product-detail-gallery-modal .gallery-content {
  background: white;
  padding: 20px;
  position: relative;
  overflow-y: auto;
}
.creator-mall-product-detail-gallery-modal .gallery-content .gallery-image-container {
  margin-left: -50vw;
  margin-right: -50vw;
  border: none;
  height: 2px;
  background-color: #cecece;
  margin-top: 20px;
}
.creator-mall-product-detail-gallery-modal #closeGallery {
  position: absolute;
  top: 10px;
  right: 10px;
}
.creator_description {
  padding: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  margin-bottom: 16px;
}
.creator_description h3, .creator_description .h3 {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}
.creator_description p {
  line-height: 1.6;
  margin-bottom: 8px;
}
.creator_description div {
  margin-bottom: 8px;
}
.creator_description div.highlight {
  background-color: #fffae5;
  padding: 8px;
  border-left: 4px solid #ffcc00;
}
.social-share-container {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.share-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  height: 44px;
  background-color: #ececec;
  color: #000000;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s;
  box-shadow: none;
}
.share-button:hover {
  background-color: #f0f0f0;
  transform: none;
  box-shadow: none;
}
.share-button:active {
  transform: none;
  box-shadow: none;
}
.share-button img {
  width: 20px;
  height: 20px;
  opacity: 1;
}
.copy-url-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 44px;
  background-color: #ececec;
  color: #000000;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  transition: background-color 0.2s;
  box-shadow: none;
}
.copy-url-button:hover {
  background-color: #f0f0f0;
  transform: none;
  box-shadow: none;
}
.copy-url-button:active {
  transform: none;
  box-shadow: none;
}
.copy-url-button img {
  width: 20px;
  height: 20px;
  opacity: 1;
}
.mall-campaign-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 33.7px;
  margin-top: 71px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 16px;
}
.creator-mall-top-header-container {
  margin-top: 120px;
  position: relative;
}
.creator-mall-top-header-container .scroll-container-wrapper {
  overflow-x: auto;
  white-space: nowrap;
  background-color: #ffffff;
  padding-top: 58px;
}
.creator-mall-top-header-container .scroll-container {
  display: flex;
  flex-wrap: nowrap;
}
.creator-mall-top-header-container .scroll-item {
  box-sizing: border-box;
  overflow: hidden;
  height: 324px;
  position: relative;
}
.creator-mall-top-header-container .scroll-item img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  padding: 10px;
  border-radius: 4px;
}
.creator-mall-top-header-container .scroll-item p {
  position: absolute;
  padding-left: 20px;
  margin: 0;
  color: #ffffff;
}
.creator-mall-top-header-container .scroll-item .title {
  bottom: 40px;
  font-size: 20px;
}
.creator-mall-top-header-container .scroll-item .description {
  bottom: 20px;
  font-size: 12px;
}
.creator-mall-top-header-container .pagination-dots {
  text-align: center;
  background-color: #ffffff;
  padding-bottom: 28px;
  padding-top: 10px;
}
.creator-mall-top-header-container .pagination-dots .dot {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  background-color: #f2f2f2;
  border-radius: 50%;
  transition: background-color 0.5s ease;
}
.creator-mall-top-header-container .pagination-dots .dot.active {
  background-color: #343434;
}
.creator-mall-top-header-container::-webkit-scrollbar {
  display: none;
}
.creator-mall-container {
  width: 100%;
}
.creator-mall-container .inner-title {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: capitalize;
  line-height: 78px;
  margin-top: 70px;
  margin-bottom: 35px;
  letter-spacing: 1px;
}
.creator-mall-container img {
  border-radius: 4px;
}
.creator-mall-container .creator-mall-sub-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  margin-top: 70px;
}
.creator-mall-container .creator-mall-sub-container .dropdown-item {
  margin-bottom: 70px;
}
.creator-mall-container .creator-mall-sub-container a.dropdown-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 288px;
  height: 44px;
  margin: 20px auto;
  border: 1px solid #5e5e5e;
  border-radius: 4px;
  padding: 0;
  background-color: transparent;
  color: #000000;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: #5e5e5e;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  text-align: center;
  margin-bottom: 70px;
}
.creator-mall-container .creator-mall-sub-container .creator-mall-top-items-container {
  width: 100%;
}
.creator-mall-container .creator-mall-sub-container .creator-mall-top-items-container .creator-mall-top-item-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 70px;
}
.creator-mall-container .creator-mall-sub-container .creator-mall-top-creator-container {
  width: 100%;
  background-color: #e5e5e5;
}
.creator-mall-container .creator-mall-sub-container .creator-mall-top-creator-container .creator-card-list-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, 210px);
  gap: 20px;
  justify-content: left;
  margin: 0 auto;
  margin-bottom: 60px;
  width: 80%;
}
.creator-mall-container .creator-mall-sub-container .creator-mall-top-magazines-container {
  width: 100vw;
  background-color: #ffffff;
}
.creator-mall-container .creator-mall-sub-container .creator-mall-top-magazines-container .creator-mall-top-magazines-sub-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  font-size: 20px;
  margin: 0 auto;
  padding: 20px 0;
}
.creator-mall-container .creator-mall-sub-container .creator-mall-top-magazines-container .creator-mall-top-magazines-sub-container .creator-mall-top-magazine-container {
  display: flex;
  flex-direction: column;
  margin: 10px;
  min-height: 292px;
  border-radius: 4px;
  overflow: hidden;
}
.creator-mall-container .creator-mall-sub-container .creator-mall-top-magazines-container .creator-mall-top-magazines-sub-container .creator-mall-top-magazine-container img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
.creator-mall-container .creator-mall-sub-container .creator-mall-top-magazines-container .creator-mall-top-magazines-sub-container .creator-mall-top-magazine-container p {
  margin-top: 15px;
  margin-left: 5%;
  overflow-wrap: break-word;
  word-break: break-all;
  text-align: center;
}
.mall_header_container.creator {
  position: fixed;
}
.mall_header_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #ffffff;
  top: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  height: 70px;
}
.mall_header_container .mall_header_inner_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.mall_header_container .mall_header_inner_container .mall_header_menu_section {
  margin-left: 15px;
}
.mall_header_container .mall_header_inner_container .mall_header_menu_section img {
  height: 14px;
  width: 21px;
  cursor: pointer;
}
.mall_header_container .mall_header_center_section {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.mall_header_container .mall_header_center_section img {
  width: 240px;
  height: 56px;
}
.mall_header_container .mall_header_center_section a {
  font-size: 20px;
  font-weight: 700;
}
.mall_header_container .mall_header_right_section {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}
.mall_header_container .mall_header_right_section img {
  height: 23.33px;
  width: 23.33px;
  margin-left: 15px;
}
.mall_header_container .mall_header_right_section .for_creator {
  height: 40px;
  width: 122px;
}
.mall_header_container .mall_header_right_section .register_and_login_container {
  position: relative;
}
.mall_header_container .mall_header_right_section #register_and_login_options {
  display: none;
  background-color: #fff;
  position: absolute;
  top: 52px;
  right: 200px;
  padding: 10px;
  border: 1px solid #ccc;
  z-index: 1000;
}
.mall_header_container .mall_header_right_section #register_and_login_options a {
  display: block;
  margin: 5px 0;
  color: #333;
  text-decoration: none;
}
.mall_header_container .mall_header_right_section #register_and_login_options a:hover {
  text-decoration: underline;
}
.mall_header_container .mall_header_right_section .register_and_login {
  cursor: pointer;
}
.mall_header_container .mall_header_right_section .cart_container {
  position: relative; /* 相対配置 */
  display: flex;
  align-items: center;
}
.mall_header_container .mall_header_right_section .cart_container .cart_count {
  position: absolute; /* 絶対配置 */
  top: -5px;
  right: -10px;
  background-color: red;
  color: white;
  border-radius: 50%;
  padding: 2px 6px;
  font-size: 12px;
}
.mall_header_side_menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 28%;
  height: 100%;
  background-color: #ffffff;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
  z-index: 2000;
  display: none;
  font-size: 14px;
  color: #343434;
}
.mall_header_side_menu .side_menu_header {
  display: flex;
  justify-content: flex-start;
  padding: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.mall_header_side_menu .side_menu_header .mall_header_close_icon {
  height: 16.33px;
  width: 16.33px;
  cursor: pointer;
}
.mall_header_side_menu .login_register {
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  padding: 15px 0;
  position: relative;
}
.mall_header_side_menu .login_register a {
  margin-left: 5px;
}
.mall_header_side_menu .login_register_button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 5%;
}
.mall_header_side_menu .login_register_button .login,
.mall_header_side_menu .login_register_button .register {
  flex: 1;
  text-align: center;
  padding: 30px 0;
  position: relative;
}
.mall_header_side_menu .login_register_button .login {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 50%;
  transform: translateX(2%);
}
.mall_header_side_menu .login_register_button .register {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  right: 0;
  transform: translateX(-2%);
}
.mall_header_side_menu .login_register_button .separator {
  height: 100%;
  width: 1px;
  background-color: #ccc;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.mall_header_side_menu .account-info {
  padding: 20px;
}
.mall_header_side_menu .account-info .accordion-title {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  width: 100%;
}
.mall_header_side_menu .account-info .account-section {
  padding-left: 0;
}
.mall_header_side_menu .account-info .account-section .accordion-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  width: 100%;
}
.mall_header_side_menu .account-info .account-section .accordion-icon {
  transition: transform 0.3s;
  display: inline-block;
  width: 20px;
  text-align: right;
  transform: rotate(90deg); /* 初期状態で右向きに設定 */
  height: 5px;
}
.mall_header_side_menu .account-info .account-section .accordion-sub-content {
  display: none;
  padding-left: 20px;
  padding-bottom: 10px;
}
.mall_header_side_menu .account-info .account-section .accordion-sub-content p {
  margin: 10px 0;
}
.mall_header_side_menu .insta_in_menu {
  width: 100%;
  text-align: center;
  align-items: center;
}
#mall_header_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: none;
}
.accordion-icon.expanded {
  transform: rotate(180deg) !important; /* クリック時に下向きに設定 */
}
.service_mall_footer .mall_footer_container {
  background-color: #343434;
  color: #f6f4ed;
  width: 100%;
  height: 208px;
  display: flex;
  padding: 20px;
  box-sizing: border-box;
}
.service_mall_footer .mall_footer_left_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 2;
}
.service_mall_footer .mall_footer_left_container a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.service_mall_footer .mall_footer_dummy_container {
  flex-grow: 1;
}
.service_mall_footer .mall_footer_right_container {
  display: flex;
  flex-grow: 1;
  padding-top: 35px;
}
.service_mall_footer .right_container_first,
.service_mall_footer .right_container_second,
.service_mall_footer .right_container_third {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  margin-right: 5%;
}
.service_mall_footer .right_container_first p,
.service_mall_footer .right_container_second p,
.service_mall_footer .right_container_third p {
  margin-bottom: 5px;
}
.service_mall_footer .right_container_first p a,
.service_mall_footer .right_container_second p a,
.service_mall_footer .right_container_third p a {
  color: #f6f4ed;
  font-size: 12px;
}
.service_mall_footer .mall_footer_company_container {
  color: #5e5e5e;
  height: 36px;
  background-color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
}
body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
.mall_footer {
  width: 100%;
  background-color: #f2f2f2;
  color: #f6f4ed;
  font-family: "Noto Sans JP", sans-serif;
}
.first_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 40px 0;
  border-top: 1px solid #cecece;
  justify-content: space-between;
}
.width_wrapper {
  width: 66%;
}
.confirm_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  gap: 20px;
  text-align: center;
  margin-bottom: 18px;
}
.confirm_list a {
  color: #343434;
  font-size: 14px;
  text-decoration: none;
}
.all_rights {
  color: #333333;
  text-align: left;
  align-items: start;
  font-family: "Helvetica Neue";
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
  line-height: 158.119%;
  letter-spacing: 0.4px;
  opacity: 0.1;
}
.info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.separator {
  font-size: 14px;
  color: #5e5e5e;
  text-align: center;
  margin: 0 10px;
  display: inline-block;
}
/* スマホ表示用 */
.header_main_image {
  width: 100%;
  aspect-ratio: 3/1;
  margin-top: 0px;
}
.header_main_image .dummy_color {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
}
.header_main_image .dummy_color .back_color {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.header_main_image .main_image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header_main_image.no_image {
  aspect-ratio: 1440/280;
}
.creator_mall_creator_detail_footer_container {
  margin-top: 70px;
}
.creator_mall_creator_detail_header_container,
.creator_mall_creator_detail_footer_container {
  width: 100%;
}
.creator_mall_creator_detail_header_container .profile_image,
.creator_mall_creator_detail_footer_container .profile_image {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 132px;
  height: 132px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  border-radius: 50%;
}
.creator_mall_creator_detail_header_container .background_container,
.creator_mall_creator_detail_footer_container .background_container {
  width: 100%;
  top: 550px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300;
}
.creator_mall_creator_detail_header_container .background_container .profile_text,
.creator_mall_creator_detail_footer_container .background_container .profile_text {
  text-align: center;
  margin-top: 90px;
  width: 50%;
  padding-bottom: 40;
}
.creator_mall_creator_detail_header_container .background_container .profile_text .creator_profile_name,
.creator_mall_creator_detail_footer_container .background_container .profile_text .creator_profile_name {
  font-size: 18px;
  font-weight: 700;
  word-break: break-word;
}
.creator_mall_creator_detail_header_container .background_container .profile_text .creator_profile_intro,
.creator_mall_creator_detail_footer_container .background_container .profile_text .creator_profile_intro {
  font-size: 13px;
  font-weight: 400;
  word-break: break-word;
}
.creator_mall_creator_detail_header_container .background_container .profile_text p,
.creator_mall_creator_detail_header_container .background_container .profile_text .creator_profile_name,
.creator_mall_creator_detail_footer_container .background_container .profile_text p,
.creator_mall_creator_detail_footer_container .background_container .profile_text .creator_profile_name {
  margin-bottom: 15px;
}
.banner-area input {
  margin-top: 1.5rem;
}
.creator_mall_banner img.banner {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border-radius: 2px;
}
.creator_mall_banner a:hover img.banner {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
}
.creator_mall_banner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  gap: 1rem;
  margin: 0 auto;
  margin-top: 4rem;
}
.creator_mall_banner a {
  flex: 1;
  width: 50%;
}
.creator_mall_banner img {
  width: 100%;
  height: auto;
}
.creator_mall_creator_detail_lists_container.other {
  margin-bottom: 100px;
}
.creator_mall_creator_detail_lists_container {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  margin-top: 35px;
  width: 90%;
  color: #343434;
  margin-bottom: 20px;
}
.creator_mall_creator_detail_lists_container .sort_and_list_title_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4rem;
  margin-bottom: 1.5rem;
}
.creator_mall_creator_detail_lists_container .sort_and_list_title_container .all_items {
  font-size: 20px;
  font-weight: 500;
}
.creator_mall_creator_detail_lists_container .sort_and_list_title_container .filter_containers {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  cursor: pointer;
}
.creator_mall_creator_detail_lists_container .sort_and_list_title_container .filter_containers span {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  flex-shrink: 0;
  line-height: 160%;
}
.creator_mall_creator_detail_lists_container .sort_and_list_title_container .filter_containers p {
  color: #5e5e5e;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 19.2px */
}
.creator_mall_creator_detail_lists_container .sort_and_list_title_container .filter_containers .line_image {
  margin: 0px 20px;
}
.creator_mall_creator_detail_lists_container .sort_and_list_title_container .filter_containers .filter_container {
  display: flex;
  align-items: center;
  border: 1px solid #5e5e5e;
  padding: 8px 10px;
  border-radius: 4px;
}
.creator_mall_creator_detail_lists_container .sort_and_list_title_container .filter_containers .filter_container img {
  height: 18px;
  width: 18px;
  margin-right: 4px;
}
.creator_mall_creator_detail_lists_container .pagination_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin-bottom: 70px;
}
.creator_mall_creator_detail_lists_container .pagination_container .product_detail_container {
  width: calc(25% - 15px);
  margin-bottom: 20px;
}
.creator_mall_creator_detail_lists_container .pagination_container .product_detail_container .creator_mall_product_list_heart_icon_container {
  position: relative;
}
.creator_mall_creator_detail_lists_container .pagination_container .product_detail_container .creator_mall_product_list_heart_icon_container .design_products_preview_image {
  width: 100%;
  height: 75%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.creator_mall_creator_detail_lists_container .pagination_container .product_detail_container .creator_mall_product_list_heart_icon_container .creator_mall_product_list_form_container {
  position: absolute;
  right: 5px;
  bottom: -5px;
  position: absolute;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.creator_mall_creator_detail_lists_container .pagination_container .product_detail_container .creator_mall_product_list_heart_icon_container .creator_mall_product_list_heart {
  background: none;
  border: none;
  padding: 0;
}
.creator_mall_creator_detail_lists_container .pagination_container .product_detail_container .creator_mall_product_list_heart_icon_container .creator_mall_product_list_heart img {
  height: 34px;
  width: 34px;
  border-radius: 4px;
}
.creator_mall_creator_detail_lists_container .pagination_container .product_detail_container p {
  margin: 5 0;
  font-weight: 400;
  font-size: 14px;
}
.creator_mall_creator_detail_lists_container .pagination_container .product_detail_container .brand_name {
  font-weight: 600;
}
.creator_mall_creator_detail_lists_container .pagination_container .product_detail_container .product_name {
  font-size: 12px;
}
.creator_mall_creator_detail_lists_container .pagination_container .product_detail_container .creator-mall-creator-details {
  display: flex;
  align-items: center;
}
.creator_mall_creator_detail_lists_container .pagination_container .product_detail_container .creator-mall-creator-details .details_info {
  flex: 7;
}
.creator_mall_creator_detail_lists_container .pagination_container .product_detail_container .creator-mall-creator-details .alcohol_info {
  flex: 2;
  text-align: center;
}
.creator_mall_creator_detail_lists_container .pagination_container .product_detail_container .creator-mall-creator-details .alcohol_info .alcohol-label {
  align-self: flex-end;
  font-size: 12px;
  font-weight: 500;
  background-color: #ea4b35;
  color: #ffffff;
  margin: 5px 0;
  border-radius: 4px;
  aspect-ratio: 36/20;
  padding: 5px;
}
.creator_mall_creator_detail_lists_container .pagination_controls.more a {
  padding: 11px 23px;
  border: 1px solid #5e5e5e;
}
.creator_mall_creator_detail_lists_container .pagination_controls {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.creator_mall_creator_detail_lists_container .pagination {
  display: flex;
  list-style: none;
  padding: 0;
}
.creator_mall_creator_detail_lists_container .pagination .previous,
.creator_mall_creator_detail_lists_container .pagination .next {
  display: none;
}
.creator_mall_creator_detail_lists_container .pagination .page,
.creator_mall_creator_detail_lists_container .pagination .current {
  padding-right: 7px;
  padding-left: 7px;
  color: #cecece;
}
.creator_mall_creator_detail_lists_container .pagination .current a:link,
.creator_mall_creator_detail_lists_container .pagination .current a:visited {
  color: #000000;
}
.creator_mall_creator_detail_lists_container .pagination li {
  margin: 0 5px;
}
.creator_mall_creator_detail_lists_container .pagination li a,
.creator_mall_creator_detail_lists_container .pagination li span {
  display: block;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-decoration: none;
  color: #333;
}
.creator_mall_creator_detail_lists_container .pagination li a:hover,
.creator_mall_creator_detail_lists_container .pagination li span:hover {
  background-color: #f0f0f0;
}
.creator_mall_creator_detail_lists_container .pagination li.active span {
  background-color: #007bff;
  color: white;
  border-color: #007bff;
}
.site-closed-message {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #f8f9fa;
  text-align: center;
}
.site-closed-message h1, .site-closed-message .h1 {
  font-size: 3rem;
  color: #333;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.site-closed-message-isowner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  background-color: #f8f9fa;
  text-align: center;
}
.site-closed-message-isowner h1, .site-closed-message-isowner .h1 {
  font-size: 3rem;
  color: #333;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.mall_creator_list_container {
  width: 100vw;
  background-color: #e5e5e5;
  padding: 11px;
  margin-top: 71px;
  font-size: 20px;
}
.mall_creator_list_container .list_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  color: #30332a;
  margin-bottom: 20px;
  padding: 10px;
}
.mall_creator_list_container .list_header .creator_title {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: capitalize;
  line-height: 78px;
  margin-top: 70px;
  margin-bottom: 35px;
  letter-spacing: 1px;
}
.mall_creator_list_container .list_header .sort {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 34px;
  border: 1px solid #30332a;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
}
.mall_creator_list_container .list_header .sort img {
  margin-right: 5px;
  width: 18px;
  height: 12px;
}
.mall_creator_list_container .creator-card-list-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, 210px);
  gap: 20px;
  justify-content: left;
  margin: 0 auto;
  margin-bottom: 60px;
  width: 70%;
}
.mall_creator_list_container .pagination_controls {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  font-size: 15px;
  margin-bottom: 25px;
}
.mall_creator_list_container .pagination {
  display: flex;
  list-style: none;
  padding: 0;
}
.mall_creator_list_container .pagination .previous,
.mall_creator_list_container .pagination .next {
  display: none;
}
.mall_creator_list_container .pagination .page,
.mall_creator_list_container .pagination .current {
  padding-right: 7px;
  padding-left: 7px;
}
.mall_creator_list_container .pagination .page a:link,
.mall_creator_list_container .pagination .page a:visited {
  color: #cecece;
}
.mall_creator_list_container .pagination .current a:link,
.mall_creator_list_container .pagination .current a:visited {
  color: #000000;
}
.mall_creator_list_container .pagination li {
  margin: 0 5px;
}
.mall_creator_list_container .pagination li a,
.mall_creator_list_container .pagination li span {
  display: block;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-decoration: none;
  color: #333;
}
.mall_creator_list_container .pagination li a:hover,
.mall_creator_list_container .pagination li span:hover {
  background-color: #f0f0f0;
}
.mall_creator_list_container .pagination li.active span {
  background-color: #007bff;
  color: white;
  border-color: #007bff;
}
.mall_creator_magazine_container {
  width: 100vw;
  background-color: #ffffff;
  color: #343434;
  padding-top: 100px;
}
.mall_creator_magazine_container .inner-title {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: capitalize;
  line-height: 78px;
  margin-top: 70px;
  margin-bottom: 35px;
  letter-spacing: 1px;
}
.mall_creator_magazine_container .mall_creator_magazine_inner_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  font-size: 20px;
  margin: 0 auto;
  padding: 20px 0;
}
.mall_creator_magazine_container .mall_creator_magazine_inner_container .magazine {
  display: flex;
  flex-direction: column;
  margin: 10px;
  min-height: 292px;
  border-radius: 4px;
  overflow: hidden;
}
.mall_creator_magazine_container .mall_creator_magazine_inner_container .magazine img {
  width: 100%;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
}
.mall_creator_magazine_container .mall_creator_magazine_inner_container .magazine p {
  margin-top: 15px;
  margin-left: 5%;
  overflow-wrap: break-word;
  word-break: break-all;
  text-align: center;
  font-size: 14px;
}
@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .creator_home_container .home_content_chart .chart_container {
    background-color: #f1f3f4;
  }
  .creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content .quantity,
  .creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content #total_price_all_time,
  .creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content #total_pv_all_time {
    margin-left: 10px;
  }
  .creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content #total_price_all_time,
  .creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content #total_pv_all_time,
  .creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content .quantity {
    font-size: 24px;
    font-weight: 600;
  }
  .creator_design_list_container .design_list_header_container .sp_title {
    display: none;
  }
  .creator_design_list_container .design_list_header_container #cancel-all {
    display: none;
  }
  .creator_design_list_container .design_list_container .design_product_detail.pseudo.pc {
    display: flex;
  }
  .main-container .sub-content {
    margin-left: 200px;
  }
  .main-container .sub-content.no-sidebar {
    margin-left: 0 !important;
  }
  .sp-select-body-title-container {
    display: none;
  }
  .product-name.sp {
    display: none;
  }
  .design-button.sp,
  .sp_hr_in_select_color,
  .button-container {
    display: none;
  }
  .design_edit_main_container .sp_border {
    display: none;
  }
  .design_edit_main_container .form_group .product_image_wrapper {
    position: relative;
    display: inline-block;
  }
  .design_edit_main_container .form_group .product_image_wrapper img {
    display: block;
    width: 160px;
    height: 160px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
  }
  .design_edit_main_container .form_group .product_image_wrapper:hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
  }
  .design_edit_main_container .form_group .product_image_wrapper:hover .overlay_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #5f6368;
    font-size: 1.2em;
    text-align: center;
    padding: 25px 0;
    font-size: 12px;
  }
  .design_edit_main_container .form_group .overlay_content {
    display: none;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
    padding: 20px 0;
  }
  .design_edit_main_container .form_group .overlay_content .adjust_container {
    margin-top: 10px;
  }
  .design_edit_main_container .form_group .overlay_content > * {
    background-color: #ffffff;
    width: 85%;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
    height: calc(33% - 6px);
    margin-bottom: 10px;
  }
  .design_edit_main_container .form_group .overlay_content button,
  .design_edit_main_container .form_group .overlay_content a {
    width: 100%;
    padding: 10px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    background: none;
  }
  .design_edit_main_container .form_group .overlay_content .overlay_button {
    background: none;
    font-weight: 500;
  }
  .design_edit_main_container .form_group .overlay_content .overlay_button button {
    padding-bottom: 0;
  }
  .design_edit_main_container .form_group input,
  .design_edit_main_container .form_group textarea,
  .design_edit_main_container .form_group select,
  .design_edit_main_container .form_group .image_content {
    flex: 1 0 60%;
  }
  .design_edit_main_container .form_group .price_container {
    flex-direction: column;
    width: 60%;
  }
  .design_edit_main_container .form_group .price_container .titles_row,
  .design_edit_main_container .form_group .price_container .values_row {
    align-items: center;
    justify-content: space-between;
  }
  .design_edit_main_container .form_group .price_container .titles_row span,
  .design_edit_main_container .form_group .price_container .values_row span {
    text-align: center;
  }
  .design_edit_main_container .form_group .price_container .values_row span {
    align-items: center;
    justify-content: center;
  }
  .design_edit_container {
    width: 66%;
  }
  .overlay_image {
    display: none !important;
  }
  .design_edit_container .filepond--root {
    margin-top: 10;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 10px;
  }
  .design_edit_container .filepond--item {
    flex: 1 0 calc(25% - 10px);
    max-width: calc(25% - 10px);
    box-sizing: border-box;
    padding-top: calc(25% - 10px);
    height: 0;
  }
  .design_edit_container .filepond--file-action-button {
    width: 25%;
    height: 25%;
  }
  .design_edit_container .filepond--file-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .design_edit_container .filepond--image-preview-wrapper,
  .design_edit_container .filepond--image-preview,
  .design_edit_container .filepond--image-clip,
  .design_edit_container .filepond--image-canvas-wrapper,
  .design_edit_container rect {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .design_edit_container .filepond--image-clip canvas {
    aspect-ratio: 1/1 !important;
    width: 100% !important;
    height: 100% !important;
  }
  .design_edit_container .filepond--image-canvas-wrapper {
    transform: unset !important;
  }
  .design_edit_container .filepond--credits {
    display: none;
  }
  .design_edit_container .filepond--drop-label label {
    font-size: 10px;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: absolute;
  }
  .design_edit_container .filepond--hopper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .profile-register-container {
    width: 66%;
    min-width: 500px;
    padding-bottom: 0;
  }
  .profile-register-sub-container form .profile-location-display-form #creator_product_location_display {
    justify-content: flex-end;
  }
  .profile-register-sub-container form .profile-location-display-form #creator_product_location_display .form-check {
    margin-left: 30px;
  }
  .profile-register-sub-container form .profile-store-display-type-form #creator_product_store_display_type {
    justify-content: flex-end;
  }
  .bank-account-register-container .bank-account-register-sub-container .form-group label::before {
    content: "必須";
    display: inline-block;
    padding: 3px 4px;
    margin-right: 10px;
    color: white;
    font-size: 0.7em;
    text-align: center;
    background-color: #ea4b35;
  }
  .bank-account-register-container {
    width: 900px;
    max-width: 900px;
  }
  .bank-account-container {
    width: 700px;
    max-width: 700px;
  }
  .transfer-request-container {
    width: 66%;
  }
  .transfer-request-success-container {
    width: 66%;
    max-width: 850px;
  }
  .creator-mall-top-header-container .scroll-item {
    flex: 0 0 50%;
  }
  .creator-mall-container .creator-mall-sub-container .creator-mall-top-magazines-container .creator-mall-top-magazines-sub-container {
    width: 600px;
  }
  .creator-mall-container .creator-mall-sub-container .creator-mall-top-magazines-container .creator-mall-top-magazines-sub-container .creator-mall-top-magazine-container {
    width: calc(50% - 20px);
  }
  .mall_creator_list_container {
    margin-top: 71px;
    padding-top: 100px;
  }
  .mall_creator_list_container .list_header {
    width: 600px;
  }
  .mall_creator_magazine_container .mall_creator_magazine_inner_container {
    width: 600px;
  }
  .mall_creator_magazine_container .mall_creator_magazine_inner_container .magazine {
    width: calc(50% - 20px);
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .color-option {
    width: calc(25% - 9px);
  }
  .transfer-detail-modal .transfer-detail-modal-content {
    width: 330px;
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  .design_edit_main_container .form_group .overlay_content .overlay_button {
    font-weight: 600;
  }
}
@media only screen and (min-width: 768px) {
  .ec-pageHeader h1, .ec-pageHeader .h1 {
    border-top: none;
    border-bottom: 1px solid #ccc;
    margin: 10px 16px 48px;
    padding: 8px;
    font-size: 32px;
    font-weight: bold;
  }
  .ec-heading-bold {
    font-size: 18px;
  }
  .ec-reportHeading {
    border-top: 0;
    font-size: 32px;
  }
  .ec-reportHeading h1, .ec-reportHeading .h1,
  .ec-reportHeading h2,
  .ec-reportHeading .h2,
  .ec-reportHeading h3,
  .ec-reportHeading .h3,
  .ec-reportHeading h4,
  .ec-reportHeading .h4,
  .ec-reportHeading h5,
  .ec-reportHeading .h5,
  .ec-reportHeading h6,
  .ec-reportHeading .h6,
  .ec-reportHeading p {
    font-size: 32px;
  }
  .ec-price .ec-price__unit {
    font-size: 1em;
  }
  .ec-price .ec-price__price {
    font-size: 1em;
  }
  .ec-price .ec-price__tax {
    font-size: 0.57em;
  }
  .ec-borderedDefs dl {
    flex-wrap: nowrap;
    padding: 15px 0 4px;
  }
  .ec-borderedDefs dt {
    padding-top: 14px;
    width: 30%;
  }
  .ec-borderedDefs dd {
    width: 70%;
    line-height: 3;
  }
  .ec-list-chilled dt, .ec-list-chilled dd {
    padding: 16px 0;
  }
  .ec-list-chilled dd {
    padding: 16px;
  }
  .ec-borderedList {
    border-top: 1px dotted #ccc;
  }
  .ec-input input, .ec-birth input, .ec-select input, .ec-telInput input, .ec-zipInput input, .ec-numberInput input, .ec-halfInput input {
    font-size: 0.875rem;
  }
  .ec-input select, .ec-birth select, .ec-select select, .ec-telInput select, .ec-zipInput select, .ec-numberInput select, .ec-halfInput select {
    font-size: 0.875rem;
  }
  .ec-input textarea, .ec-birth textarea, .ec-select textarea, .ec-telInput textarea, .ec-zipInput textarea, .ec-numberInput textarea, .ec-halfInput textarea {
    font-size: 0.875rem;
  }
  .ec-halfInput input[type=text] {
    margin-left: 15px;
    width: 45%;
  }
  .ec-halfInput .ec-errorMessage {
    margin-left: 15px;
    width: 45%;
  }
  .ec-input input, .ec-birth input, .ec-select input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input {
    font-size: 0.875rem;
  }
  .ec-input select, .ec-birth select, .ec-select select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select {
    font-size: 0.875rem;
  }
  .ec-input textarea, .ec-birth textarea, .ec-select textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea {
    font-size: 0.875rem;
  }
  .ec-halfInput input[type=text] {
    margin-left: 15px;
    width: 45%;
  }
  .ec-halfInput .ec-errorMessage {
    margin-left: 15px;
    width: 45%;
  }
  .ec-select__delivery {
    display: inline-block;
  }
  .ec-select__time {
    display: inline-block;
  }
  .ec-birth select {
    margin: 0 8px 10px;
  }
  .ec-required {
    margin-left: 1em;
  }
  .ec-imageGrid .ec-imageGrid__img {
    padding: 10px;
    width: 130px;
  }
  .ec-login {
    margin: 0 16px;
    padding: 30px 13% 60px;
  }
  .ec-login .ec-login__link {
    margin-left: 20px;
  }
  .ec-guest {
    height: 100%;
    margin: 0 16px;
  }
  .ec-displayB {
    flex-direction: row;
  }
  .ec-displayB .ec-displayB__cell {
    width: 31.4466%;
    margin-bottom: 0;
  }
  .ec-displayC .ec-displayC__cell {
    width: 22.8775%;
  }
  .ec-displayD {
    box-sizing: border-box;
    flex-wrap: nowrap;
  }
  .ec-displayD .ec-displayD__cell {
    width: 14.3083%;
    margin-bottom: 16px;
  }
  .ec-topicpath {
    padding: 30px 0 10px;
    border: 0;
    font-size: 16px;
  }
  .ec-progress {
    margin-bottom: 30px;
    padding: 0;
  }
  .ec-progress .ec-progress__number {
    line-height: 42px;
    width: 42px;
    height: 42px;
    font-size: 20px;
  }
  .ec-cartNaviWrap {
    position: relative;
  }
  .ec-cartNavi {
    display: flex;
    justify-content: space-between;
    border-radius: 99999px;
    box-sizing: border-box;
    padding: 12px 17px 10px;
    width: auto;
    min-width: 140px;
    height: 44px;
    white-space: nowrap;
    cursor: pointer;
    background: #f8f8f8;
  }
  .ec-cartNavi .ec-cartNavi__badge {
    display: inline-block;
    min-width: 17px;
    position: relative;
    left: 0;
    top: 0;
  }
  .ec-cartNavi .ec-cartNavi__price {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
  }
  .ec-cartNavi.is-active .ec-cartNavi__badge {
    display: none;
  }
  .ec-cartNaviIsset {
    margin-top: 10px;
    min-width: 256px;
    max-width: 256px;
  }
  .ec-cartNaviIsset::before {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8.5px 10px 8.5px;
    border-color: transparent transparent #f8f8f8 transparent;
    position: absolute;
    top: -9px;
  }
  .ec-cartNaviNull {
    margin-top: 10px;
    min-width: 256px;
    max-width: 256px;
  }
  .ec-cartNaviNull::before {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8.5px 10px 8.5px;
    border-color: transparent transparent #f8f8f8 transparent;
    position: absolute;
    top: -9px;
  }
  .ec-totalBox .ec-totalBox__price {
    font-size: 24px;
  }
  .ec-totalBox .ec-totalBox__taxLabel {
    font-size: 14px;
  }
  .ec-totalBox .ec-totalBox__taxRate {
    font-size: 12px;
  }
  .ec-news {
    margin-right: 3%;
  }
  .ec-news {
    margin-bottom: 32px;
  }
  .ec-news .ec-news__title {
    padding: 16px;
    text-align: left;
    font-size: 24px;
  }
  .ec-navlistRole .ec-navlistRole__navlist {
    flex-wrap: nowrap;
  }
  .ec-welcomeMsg {
    padding-left: 26px;
    padding-right: 26px;
  }
  .ec-favoriteRole .ec-favoriteRole__item {
    width: 25%;
  }
  .ec-mypageRole {
    padding-left: 26px;
    padding-right: 26px;
  }
  .ec-mypageRole .ec-pageHeader h1, .ec-mypageRole .ec-pageHeader .h1 {
    margin: 10px 0 48px;
    padding: 8px 0 18px;
  }
  .ec-sliderItemRole .item_nav {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .ec-eyecatchRole {
    flex-wrap: nowrap;
  }
  .ec-eyecatchRole .ec-eyecatchRole__image {
    order: 2;
  }
  .ec-eyecatchRole .ec-eyecatchRole__intro {
    padding-right: 5%;
    order: 1;
  }
  .ec-eyecatchRole .ec-eyecatchRole__introEnTitle {
    margin-top: 45px;
  }
  .ec-eyecatchRole .ec-eyecatchRole__introTitle {
    margin-bottom: 1em;
    font-size: 26px;
  }
  .ec-eyecatchRole .ec-eyecatchRole__introDescriptiron {
    margin-bottom: 30px;
  }
  .ec-eyecatchRole .ec-eyecatchRole__introDescription {
    margin-bottom: 30px;
  }
  .ec-blockBtn--top {
    max-width: 260px;
  }
  .ec-topicRole {
    padding: 60px 0;
  }
  .ec-topicRole .ec-topicRole__list {
    flex-wrap: nowrap;
  }
  .ec-topicRole .ec-topicRole__listItem {
    width: 50%;
  }
  .ec-topicRole .ec-topicRole__listItem:not(:last-of-type) {
    margin-right: 30px;
  }
  .ec-topicRole .ec-topicRole__listItemTitle {
    margin-top: 1em;
  }
  .ec-newItemRole {
    padding: 60px 0;
  }
  .ec-newItemRole .ec-newItemRole__list {
    flex-wrap: nowrap;
  }
  .ec-newItemRole .ec-newItemRole__listItem {
    margin-bottom: 15px;
    width: 25%;
  }
  .ec-newItemRole .ec-newItemRole__listItem:not(:last-of-type) {
    margin-right: 30px;
  }
  .ec-newItemRole .ec-newItemRole__listItem:nth-child(odd) {
    margin-right: 30px;
  }
  .ec-newItemRole .ec-newItemRole__listItemTitle {
    margin: 20px 0 10px;
  }
  .ec-categoryRole {
    padding: 60px 0;
  }
  .ec-categoryRole .ec-categoryRole__list {
    flex-wrap: nowrap;
  }
  .ec-categoryRole .ec-categoryRole__listItem {
    width: 33.3333333333%;
  }
  .ec-categoryRole .ec-categoryRole__listItem:not(:last-of-type) {
    margin-right: 30px;
  }
  .ec-newsRole {
    padding: 60px 0 0;
  }
  .ec-newsRole .ec-newsRole__news {
    border: 16px solid #F8F8F8;
    padding: 20px 30px;
  }
  .ec-newsRole .ec-newsRole__newsItem:last-of-type {
    margin-bottom: 0;
  }
  .ec-newsRole .ec-newsRole__newsItem {
    padding: 20px 0;
  }
  .ec-newsRole .ec-newsRole__newsHeading {
    display: flex;
  }
  .ec-newsRole .ec-newsRole__newsDate {
    display: inline-block;
    margin: 0;
    min-width: 120px;
    font-size: 14px;
  }
  .ec-newsRole .ec-newsRole__newsColumn {
    display: inline-flex;
    min-width: calc(100% - 120px);
  }
  .ec-newsRole .ec-newsRole__newsTitle {
    margin-bottom: 0;
    line-height: 1.8;
  }
  .ec-newsRole .ec-newsRole__newsDescription {
    margin: 20px 0 0;
    line-height: 1.8;
  }
  .ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription {
    margin: 20px 0 0;
  }
  .ec-searchnavRole {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
  }
  .ec-searchnavRole:after {
    content: " ";
    display: table;
  }
  .ec-searchnavRole:after {
    clear: both;
  }
  .ec-searchnavRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif;
  }
  .ec-searchnavRole img {
    max-width: 100%;
  }
  .ec-searchnavRole html {
    box-sizing: border-box;
  }
  .ec-searchnavRole *,
  .ec-searchnavRole *::before,
  .ec-searchnavRole *::after {
    box-sizing: inherit;
  }
  .ec-searchnavRole img {
    width: 100%;
  }
  .ec-searchnavRole .ec-searchnavRole__infos {
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #ccc;
    padding-top: 16px;
    flex-direction: row;
  }
  .ec-searchnavRole .ec-searchnavRole__counter {
    margin-bottom: 0;
    width: 50%;
  }
  .ec-searchnavRole .ec-searchnavRole__actions {
    width: 50%;
  }
  .ec-shelfGrid {
    margin-left: -16px;
    margin-right: -16px;
  }
  .ec-shelfGrid .ec-shelfGrid__item {
    padding: 0 16px;
    width: 25%;
  }
  .ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
    padding: 0 16px;
  }
  .ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
    padding: 0 16px;
  }
  .ec-shelfGridCenter {
    margin-left: -16px;
    margin-right: -16px;
  }
  .ec-shelfGridCenter .ec-shelfGridCenter__item {
    padding: 0 16px;
    width: 25%;
  }
  .ec-shelfGridCenter .ec-shelfGridCenter__item:nth-child(odd) {
    padding: 0 16px;
  }
  .ec-shelfGridCenter .ec-shelfGridCenter__item:nth-child(even) {
    padding: 0 16px;
  }
  .ec-modal .ec-modal-wrap {
    padding: 40px 10px;
    width: 50%;
    margin: 20px auto;
  }
  .ec-productRole .ec-productRole__img {
    margin-right: 16px;
    margin-bottom: 0;
  }
  .ec-productRole .ec-productRole__profile {
    margin-left: 16px;
  }
  .ec-productRole .ec-productRole__title .ec-headingTitle {
    font-size: 32px;
  }
  .ec-productRole .ec-productRole__price {
    padding: 14px 0;
    border-bottom: 1px dotted #ccc;
  }
  .ec-productRole .ec-productRole__actions .ec-select select {
    min-width: 350px;
    max-width: 350px;
  }
  .ec-productRole .ec-productRole__btn {
    width: 60%;
    margin-bottom: 16px;
    min-width: 350px;
  }
  .ec-cartRole .ec-cartRole__totalText {
    margin-bottom: 30px;
    padding: 0;
  }
  .ec-cartRole .ec-cartRole__cart {
    margin: 0 10%;
  }
  .ec-cartRole .ec-cartRole__actions {
    width: 30%;
    margin-right: 10%;
  }
  .ec-cartRole .ec-cartRole__totalAmount {
    font-size: 24px;
  }
  .ec-cartTable {
    border-top: none;
  }
  .ec-cartHeader {
    display: table-row;
  }
  .ec-cartRow .ec-cartRow__delColumn {
    width: 8.3333333%;
  }
  .ec-cartRow .ec-cartRow__delColumn .ec-icon img {
    width: 1em;
    height: 1em;
  }
  .ec-cartRow .ec-cartRow__contentColumn {
    display: table-cell;
  }
  .ec-cartRow .ec-cartRow__img {
    display: inline-block;
    min-width: 80px;
    max-width: 100px;
    padding-right: 0;
  }
  .ec-cartRow .ec-cartRow__summary {
    display: inline-block;
    width: calc(100% - 130px);
    margin-left: 20px;
    vertical-align: middle;
  }
  .ec-cartRow .ec-cartRow__summary .ec-cartRow__sutbtotalSP {
    display: none;
  }
  .ec-cartRow .ec-cartRow__amountColumn {
    width: 16.66666667%;
  }
  .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount {
    display: block;
  }
  .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP {
    display: none;
  }
  .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpDown {
    display: block;
  }
  .ec-cartRow .ec-cartRow__subtotalColumn {
    display: table-cell;
  }
  .ec-orderRole {
    margin-top: 20px;
    flex-direction: row;
  }
  .ec-orderRole .ec-orderRole__detail {
    padding: 0 16px;
    width: 66.66666%;
  }
  .ec-orderRole .ec-orderRole__summary {
    width: 33.33333%;
    padding: 0 16px;
  }
  .ec-orderRole .ec-orderRole__summary .ec-inlineBtn {
    display: none;
  }
  .ec-orderRole .ec-borderedList {
    border-top: none;
  }
  .ec-orderConfirm {
    margin-bottom: 0;
  }
  .ec-AddAddress {
    margin: 0 10%;
  }
  .ec-AddAddress .ec-AddAddress__selectAddress {
    display: inline-block;
  }
  .ec-AddAddress .ec-AddAddress__selectAddress select {
    min-width: 350px;
  }
  .ec-AddAddress .ec-AddAddress__selectNumber {
    display: inline-block;
    margin-left: 30px;
  }
  .ec-AddAddress .ec-AddAddress__actions {
    width: 33.3333%;
    min-width: 250px;
    margin: 0 auto;
  }
  .ec-historyRole .ec-historyRole__contents {
    flex-direction: row;
  }
  .ec-historyRole .ec-historyRole__header {
    width: 33.3333%;
  }
  .ec-historyRole .ec-historyRole__detail {
    width: 66.6666%;
    border-top: none;
  }
  .ec-historyListHeader .ec-historyListHeader__date {
    font-weight: bold;
    font-size: 20px;
  }
  .ec-historyListHeader .ec-historyListHeader__action a {
    font-size: 14px;
  }
  .ec-customerRole .ec-blockBtn--action {
    margin-bottom: 16px;
  }
  .ec-userEditCompleteRole .ec-userEditCompleteRole__title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #header_main_top .logo_beside {
    width: 90px;
  }
  #header_main_top {
    height: 64px;
    padding: 0 16px;
  }
  .heart_container button {
    font-size: 1.5vw;
  }
  .heart_container button .pc-only {
    display: none;
  }
  .selectBox {
    flex-direction: column;
    gap: 4px;
  }
  .selectBox .selectBox_size {
    width: 100%;
  }
  .selectBox .selectBox_count {
    width: 100%;
  }
  #designBtn_and_addCart form {
    width: 100%;
  }
  #line_url form {
    width: 100%;
  }
  #designBtn_and_addCart_description {
    font-size: 0.875rem;
  }
  .tab_item {
    line-height: 2.4;
  }
  .tab_item:nth-of-type(1) {
    width: 100%;
  }
  .tab_item:nth-of-type(2) {
    width: 100%;
  }
  .tab_item:nth-of-type(3) {
    width: 100%;
  }
  .tabs_bottom {
    font-size: 0.75rem;
  }
  .c-txtsp {
    font-size: 0.75rem;
  }
  #page_shopping .payment_top__credit ul li:first-child,
  #page_creator_shopping .payment_top__credit ul li:first-child,
  #page_shopping_redirect_to .payment_top__credit ul li:first-child,
  #page_creator_shopping_redirect_to .payment_top__credit ul li:first-child {
    width: 31.25%;
    max-width: initial;
  }
  #page_shopping .payment_top__credit ul li:last-child,
  #page_creator_shopping .payment_top__credit ul li:last-child,
  #page_shopping_redirect_to .payment_top__credit ul li:last-child,
  #page_creator_shopping_redirect_to .payment_top__credit ul li:last-child {
    width: 68.75%;
  }
  #page_shopping .payment_tabs label:nth-of-type(1),
  #page_creator_shopping .payment_tabs label:nth-of-type(1),
  #page_shopping_redirect_to .payment_tabs label:nth-of-type(1),
  #page_creator_shopping_redirect_to .payment_tabs label:nth-of-type(1) {
    max-width: 48%;
  }
  #page_shopping .payment_tabs label:nth-of-type(2),
  #page_creator_shopping .payment_tabs label:nth-of-type(2),
  #page_shopping_redirect_to .payment_tabs label:nth-of-type(2),
  #page_creator_shopping_redirect_to .payment_tabs label:nth-of-type(2) {
    max-width: 48%;
  }
  #page_shopping .payment_tabs label:nth-of-type(3),
  #page_creator_shopping .payment_tabs label:nth-of-type(3),
  #page_shopping_redirect_to .payment_tabs label:nth-of-type(3),
  #page_creator_shopping_redirect_to .payment_tabs label:nth-of-type(3) {
    max-width: 48%;
  }
  #page_shopping .payment_tab_item,
  #page_creator_shopping .payment_tab_item,
  #page_shopping_redirect_to .payment_tab_item,
  #page_creator_shopping_redirect_to .payment_tab_item {
    margin: 2px 2px;
  }
  #page_shopping .payment_tab_content,
  #page_creator_shopping .payment_tab_content,
  #page_shopping_redirect_to .payment_tab_content,
  #page_creator_shopping_redirect_to .payment_tab_content {
    width: 100%;
    top: 76px;
    left: -45%;
  }
}
@media screen and (min-width: 768px) {
  .ec-calendar {
    flex-direction: row;
    margin-left: -30px;
  }
  .ec-calendar__month {
    margin-top: 0;
    margin-left: 30px;
  }
  .products-grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 260px));
    gap: 24px;
  }
  #selected-items {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
@media (min-width: 950px) {
  .creator-mall-container .creator-mall-sub-container .creator-mall-top-magazines-container .creator-mall-top-magazines-sub-container {
    width: 800px;
  }
  .mall_creator_list_container .list_header {
    width: 800px;
  }
  .mall_creator_magazine_container .mall_creator_magazine_inner_container {
    width: 800px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1001px) {
  .transfer-detail-modal .transfer-detail-modal-content {
    width: 500px;
  }
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.1875rem;
  }
  h2, .h2 {
    font-size: 1.75rem;
  }
  h3, .h3 {
    font-size: 1.53125rem;
  }
  h4, .h4 {
    font-size: 1.3125rem;
  }
  legend {
    font-size: 1.5rem;
  }
  .display-1 {
    font-size: 5rem;
  }
  .display-2 {
    font-size: 4.5rem;
  }
  .display-3 {
    font-size: 4rem;
  }
  .display-4 {
    font-size: 3.5rem;
  }
  .display-5 {
    font-size: 3rem;
  }
  .display-6 {
    font-size: 2.5rem;
  }
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
  .modal-xl {
    --bs-modal-width: 1140px;
  }
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .fs-1 {
    font-size: 2.1875rem !important;
  }
  .fs-2 {
    font-size: 1.75rem !important;
  }
  .fs-3 {
    font-size: 1.53125rem !important;
  }
  .fs-4 {
    font-size: 1.3125rem !important;
  }
  .creator-mall-top-header-container .scroll-item {
    flex: 0 0 36%;
  }
  .creator-mall-container .creator-mall-sub-container .creator-mall-top-magazines-container .creator-mall-top-magazines-sub-container {
    width: 920px;
  }
  .creator-mall-container .creator-mall-sub-container .creator-mall-top-magazines-container .creator-mall-top-magazines-sub-container .creator-mall-top-magazine-container {
    width: calc(33.333% - 20px);
  }
  .mall_creator_list_container .list_header {
    width: 920px;
  }
  .mall_creator_magazine_container .mall_creator_magazine_inner_container {
    width: 920px;
  }
  .mall_creator_magazine_container .mall_creator_magazine_inner_container .magazine {
    width: calc(33.333% - 20px);
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media screen and (max-width: 1024px) {
  .estimate-layout {
    flex-wrap: wrap;
  }
  .estimate-layout__sidebar-left {
    width: 100%;
    padding: 8px 0;
    order: 1;
  }
  .estimate-layout__sidebar-left .category-nav {
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 0;
    padding: 0 16px 4px;
  }
  .estimate-layout__sidebar-left .category-nav__indicator {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 0;
    background-color: #000;
    transition: left 0.3s ease, width 0.3s ease;
    pointer-events: none;
  }
  .estimate-layout__sidebar-left .category-button {
    flex-shrink: 0;
    white-space: nowrap;
    display: inline-block;
    width: auto;
    padding: 8px 16px 12px;
    border: none;
    border-radius: 0;
    font-size: 14px;
    line-height: 1.4;
    gap: 0;
    box-shadow: none;
    background: transparent;
    color: #999;
    cursor: pointer;
    transition: color 0.3s ease;
  }
  .estimate-layout__sidebar-left .category-button.active {
    background: transparent;
    color: #000;
    font-weight: 700;
  }
  .estimate-layout__center {
    width: 100%;
    order: 2;
    padding: 20px;
  }
  .estimate-layout__center .center-category-title {
    display: none;
  }
  .estimate-layout__center .products-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .estimate-layout__center .product-wrap {
    background: #fff;
    border-radius: 12px;
    max-width: none;
  }
  .estimate-layout__center .product-info {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 768px) {
  .creator_design_list_container .design_list_header_container .status_change_button_containers {
    display: flex;
    flex-direction: column;
    justify-content: left;
    padding: 16px 20px;
  }
  .creator_design_list_container .design_list_header_container .status_change_button_containers .status_change_button_title {
    font-size: 12px;
  }
  .creator_design_list_container .design_list_header_container .status_change_button_containers button {
    width: 30%;
  }
  .creator_design_list_container .design_list_container .design_product_detail .description .product_common, .creator_design_list_container .design_list_container .design_product_detail .description .product_colors,
  .creator_design_list_container .design_list_container .design_product_detail .description .product_sizes,
  .creator_design_list_container .design_list_container .design_product_detail .description .product_date,
  .creator_design_list_container .design_list_container .design_product_detail .description .product_sale_period,
  .creator_design_list_container .design_list_container .design_product_detail .description .product_price,
  .creator_design_list_container .design_list_container .design_product_detail .description .product_item_badge {
    margin-bottom: 10px;
  }
  .creator_design_list_container .design_list_container .design_product_detail .description .product_item_badge {
    margin-bottom: 10px;
  }
  .creator_design_list_container .design_list_container .design_product_detail .description .product_name {
    margin-bottom: 10px;
  }
  .creator_design_list_container .design_list_container .design_product_detail .product_pv {
    margin-bottom: 10px;
  }
  .creator-mall-product-detail-left-container .product-detail-large-image-container {
    width: 100%;
    padding: 16px 16px 0 16px;
  }
  .creator-mall-product-detail-right-container .alcohol-main-container .alcohol-container {
    width: 94%;
    margin-left: 4%;
  }
  .creator-mall-product-list-container-title {
    font-size: 16px;
    width: 92%;
    margin: auto;
    padding-left: 12px;
  }
  .creator-mall-product-list-container .product-item {
    flex: 0 0 50%;
    padding: 3px;
  }
  .creator-mall-product-list-container .product-item-image-container .creator-mall-product-list-heart-icon-container {
    right: 5px !important;
    bottom: -10px !important;
  }
  .creator-mall-product-list-container .product-item-image-container .creator-mall-product-list-form-container {
    width: 34px;
    height: 34px;
  }
  .creator_mall_product_detail_footer_container .profile_image {
    width: 80px;
    height: 80px;
  }
  .creator_mall_product_detail_footer_container .background_container {
    min-height: 240;
    top: 180px;
  }
  .creator_mall_product_detail_footer_container .background_container .profile_text {
    width: 100%;
    padding: 0 16px;
    margin-top: 30px;
  }
  .header_main_image.no_image {
    aspect-ratio: 390/130;
  }
  .creator_mall_creator_detail_footer_container {
    margin-top: 40px;
  }
  .creator_mall_creator_detail_header_container .profile_image,
  .creator_mall_creator_detail_footer_container .profile_image {
    width: 80px;
    height: 80px;
  }
  .creator_mall_creator_detail_header_container .background_container,
  .creator_mall_creator_detail_footer_container .background_container {
    min-height: 240;
    top: 180px;
  }
  .creator_mall_creator_detail_header_container .background_container .profile_text,
  .creator_mall_creator_detail_footer_container .background_container .profile_text {
    width: 100%;
    padding: 0 16px;
    margin-top: 30px;
  }
  .creator_mall_creator_detail_lists_container {
    width: 100%;
    margin-top: 0px;
  }
  .creator_mall_creator_detail_lists_container .pagination_container {
    padding: 11px;
    width: 100%;
  }
  .creator_mall_creator_detail_lists_container .pagination_container .product_detail_container {
    width: calc(50% - 8px);
  }
}
@media screen and (max-width: 768px) {
  .form-container {
    padding: 20px;
  }
  .step-section-item {
    padding: 0 20px;
  }
  #selected-items {
    grid-template-columns: repeat(2, 1fr);
  }
  .submit-section {
    padding-bottom: 1rem;
  }
  .submit-container {
    padding: 0;
  }
  .submit-button {
    font-size: 1rem;
    padding: 14px 30px;
    max-width: 100%;
  }
  .customer-info-section {
    padding: 40px 16px;
  }
  .customer-info-card {
    padding: 40px 24px 48px;
    border-radius: 16px;
  }
  .customer-info-title {
    font-size: 24px;
  }
  .customer-info-subtitle {
    font-size: 14px;
    margin-bottom: 32px;
  }
  .honorific-row {
    flex-wrap: wrap;
    gap: 12px;
  }
  .honorific-name-input {
    width: 100%;
  }
  .customer-info-submit-btn {
    width: 100%;
    max-width: 318px;
  }
  .estimate-complete-section {
    padding: 40px 16px;
  }
  .estimate-complete-card {
    padding: 48px 24px;
    border-radius: 16px;
  }
  .estimate-complete-title {
    font-size: 24px;
  }
  .estimate-complete-message {
    font-size: 14px;
  }
  .estimate-complete-btn {
    width: 100%;
    max-width: 318px;
  }
  .social-share-container {
    margin: 0;
    gap: 8px;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767px) {
  .ec-headingTitle {
    margin-bottom: 37px;
  }
  .ec-headingTitle h2, .ec-headingTitle .h2 {
    font-size: 1.25rem;
    letter-spacing: 0.0625rem;
  }
  .modal-container.modal-product .modal-content {
    padding: 20px;
    width: 95%;
    max-height: 95vh;
  }
  .modal-container.modal-product .modal-body {
    flex-direction: column;
    gap: 24px;
  }
  .modal-container.modal-product .product-images {
    flex: none;
  }
  .modal-container.modal-product .modal-close {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: #fff;
    z-index: 10001;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  .creator_cart_modal .modal-content {
    width: 80%;
  }
  .creator_product_datail_modal .modal-content {
    width: 80%;
  }
  .features {
    flex-flow: column;
    align-items: start;
  }
  .features .separator {
    display: none;
  }
  .features .feature-item p {
    font-size: 0.8rem;
    line-height: 1.6;
  }
  .product-header h2, .product-header .h2 {
    padding-top: 2rem;
    font-size: 0.8rem;
  }
  .product-header p {
    font-size: 1.625rem;
    padding-bottom: 2rem;
  }
  .product-list {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 2rem;
  }
  .product-list #product_item_list__img {
    width: 200px;
  }
  .creator_favorite_modal .modal-content {
    width: 80%;
  }
  .creator_order_modal .modal-content {
    width: 80%;
  }
  .creator_warning_modal .modal-content {
    width: 80%;
  }
  .creator_home_container {
    width: 90%;
    margin-bottom: 180px;
    margin-top: 90px;
  }
  .creator_home_container .creator_home_top_container .box.pc {
    display: none;
  }
  .creator_home_container .creator_home_top_container .box.sp {
    display: flex;
  }
  .creator_home_container .creator_home_top_container .box {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  .creator_home_container .creator_home_top_container .box .box_title {
    font-size: 14px;
  }
  .creator_home_container .creator_home_top_container .box .box_detail {
    width: auto;
  }
  .creator_home_container .creator_home_top_container .box .box_link.pc {
    display: none;
  }
  .creator_home_container .creator_home_top_container .box .box_link.sp {
    display: block;
  }
  .creator_home_container .home_content_chart .chart_container .chart_box {
    width: 100%;
    box-shadow: none;
    padding: 15px 5%;
  }
  .creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content {
    margin-bottom: 10px;
  }
  .creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content #total_price_all_time,
  .creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content #total_pv_all_time,
  .creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content .quantity {
    font-size: 18px;
  }
  .creator_home_container .home_content_chart .chart_container .chart_box .chart_header .left_content .transfer_button.pc {
    display: none;
  }
  .creator_home_container .home_content_chart .chart_container .chart_box .chart_header .right_content {
    width: 110px;
    height: 38px;
  }
  .creator_home_container .home_content_chart .chart_container .chart_box .chart_header .right_content .transfer_button.sp {
    height: 38px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-weight: 600;
    font-size: 14;
  }
  .creator_home_container .home_content_chart .chart_container .chart_box .chart_header .right_content .chart_filter {
    display: none;
  }
  .creator_home_container .home_content_chart {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 10;
  }
  .creator_home_container .home_content_chart .chart,
  .creator_home_container .home_content_chart canvas {
    display: none !important;
  }
  .creator_home_container .additional_boxes .additional_box {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding: 16px;
  }
  .creator_home_container .additional_boxes .additional_box.single {
    width: 100%;
  }
  .creator_home_container .additional_boxes .additional_title {
    font-size: 14px;
  }
  .creator_home_container .additional_boxes .additional_description {
    width: 95%;
  }
  .creator_home_top_container,
  .chart_container,
  .additional_boxes {
    flex-direction: column;
  }
  .creator_home_top_container .box,
  .additional_box {
    width: 100%;
    margin-bottom: 20px;
  }
  .main_creator_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: #ffffff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    height: 60px;
    box-sizing: border-box;
  }
  .main_creator_header .main_creator_header_logo {
    margin-left: 5px;
    display: flex;
  }
  .main_creator_header .main_creator_header_logo img {
    height: 18px;
    margin-right: 5px;
  }
  .main_creator_header .main_creator_header_buttons {
    display: none;
  }
  .main_creator_header .main_creator_header_menu_ber {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    box-sizing: border-box;
  }
  .main_creator_header .menu-toggle {
    justify-content: space-around;
    align-items: center;
    width: 24px;
    height: 16px;
    cursor: pointer;
  }
  .main_creator_header .menu-dropdown {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 90%;
    background-color: white;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1002;
    height: 100vh;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
  }
  .main_creator_header .link_container_wrapper {
    flex: 1;
    overflow-y: auto;
    height: calc(100vh - 350px); /* 100vh から .button_container_in_creator_header の高さ分を引く */
  }
  .main_creator_header .link_container {
    margin: 8px 0;
  }
  .main_creator_header .link_container a {
    width: 100%;
  }
  .main_creator_header .accordion-content {
    display: none;
    padding-left: 20px;
  }
  .main_creator_header .accordion-content a {
    padding: 8px 0;
  }
  .main_creator_header .menu-dropdown .accordion-content a {
    display: block;
    padding: 5px 0;
    color: black;
    text-decoration: none;
  }
  .main_creator_header .close-button {
    justify-content: flex-end;
    display: flex;
    padding: 10px;
  }
  .main_creator_header .top-line {
    width: 100%;
    border-color: #ccc;
  }
  .main_creator_header a,
  .main_creator_header button {
    display: flex;
    width: 100%;
    padding: 10px;
    text-align: left;
    border: none;
    background: none;
    color: black;
    text-decoration: none;
  }
  .main_creator_header a span,
  .main_creator_header button span {
    padding-right: 35px;
    padding-left: 5px;
  }
  .main_creator_header .accordion-arrow {
    transition: transform 0.3s ease;
  }
  .main_creator_header .accordion-toggle.active .accordion-arrow {
    transform: rotate(90deg);
  }
  .main_creator_header .button_container_in_creator_header {
    position: fixed;
    bottom: 0;
    width: 90%;
    padding: 10px;
    background-color: white;
    font-weight: 600;
    z-index: 1003;
  }
  .main_creator_header .button_container_in_creator_header .mall-check,
  .main_creator_header .button_container_in_creator_header .product-create,
  .main_creator_header .button_container_in_creator_header .logout {
    margin-top: 7px;
    margin-bottom: 7px;
    width: 100%;
    padding: 15px;
    display: flex;
    justify-content: center;
  }
  .main_creator_header .button_container_in_creator_header .mall-check {
    background-color: #343434;
    color: white;
  }
  .main_creator_header .button_container_in_creator_header .product-create {
    color: white;
    background-color: #ea4b35;
    border: none;
  }
  .main_creator_header .button_container_in_creator_header .logout {
    background-color: transparent;
    color: lightgray;
    border: 1px solid lightgray;
    margin-bottom: 20px;
  }
  .main_creator_header .button_container_in_creator_header hr {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  .main_creator_header .menu-dropdown-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1001;
  }
  .not_design_list_container a {
    width: 76%;
  }
  .creator_design_list_container {
    margin-top: 60px;
  }
  .creator_design_list_container .design_list_header_container {
    margin: 30px 16px;
  }
  .creator_design_list_container .design_product_detail.pseudo.sp {
    display: flex;
  }
  .creator_design_list_container .design_list_container {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .creator_design_list_container .design_list_container .design_product_detail {
    width: 100%;
  }
  .creator_design_list_modal .modal-content {
    width: 80%;
  }
  .design_list_header_container .status_change_button_containers {
    position: fixed;
    bottom: 0;
    width: 100%;
    aspect-ratio: 390/163;
    background-color: #ffffff;
    z-index: 1000;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    left: 0;
  }
  .design_list_header_container .status_change_button_containers .action_buttons {
    width: 100%;
  }
  .design_list_header_container .status_change_button_containers .publish_all_button {
    margin-left: 0;
    width: 30%;
  }
  .design_list_header_container .status_change_button_containers span {
    width: 100%;
    order: 1;
    text-align: left;
    margin-left: 5%;
  }
  .design_list_header_container .status_change_button_containers button {
    width: 25vw;
  }
  .design_list_header_container .status_change_button_containers button,
  .design_list_header_container .status_change_button_containers img {
    order: 2;
    display: inline-block;
  }
  .main-container .sidebar {
    display: none;
  }
  .select-body-main-container {
    width: 100%;
    margin-top: 0px;
    padding: 0 16px;
  }
  .pc-select-body-title-container {
    display: none;
  }
  .select-body-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .back_to_select_body.back {
    margin-top: 61px;
  }
  .design-select-list {
    margin-bottom: 100px;
  }
  .select-color-container {
    width: 100%;
    margin: 0 auto;
    padding: 0 16px; /* スマートフォンでのパディングを追加 */
    grid-template-columns: unset;
  }
  .product-name.pc {
    display: none;
  }
  .product-name {
    font-size: 18px;
    margin: 10px 0;
  }
  .main-image {
    width: 100%;
  }
  .main-image img {
    width: 100%;
  }
  .main-image img {
    width: 100%;
    box-sizing: border-box;
  }
  .thumbnail-images {
    display: none;
  }
  .select-color-product-details .product-name {
    margin: 10px 0;
  }
  .button-container {
    position: fixed;
    bottom: 0;
    background-color: white;
    text-align: center;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    border-top: 1px solid #cecece;
    height: 92px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .design-button.pc,
  .sp_hr_in_select_color.none {
    display: none;
  }
  .sp_hr_in_select_color {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  .design-button {
    width: 100%;
    margin: 0 16px;
    margin-bottom: 0;
  }
  .color-option {
    width: calc(33% - 10px);
  }
  .design_edit_header_container {
    margin-top: 80px;
    font-weight: 600;
  }
  .design_edit_container {
    font-weight: 600;
    margin-bottom: 95px;
  }
  .design_edit_main_container .sp_border {
    width: 100vw;
    margin-left: -50vw;
    position: relative;
    left: 50%;
    border: none;
    height: 1px;
    background-color: #cecece;
  }
  .design_edit_main_container .date_container {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    font-size: 12px;
  }
  .design_edit_main_container .form_group .price_container {
    width: 100%;
    justify-content: space-between;
    font-size: 12px;
  }
  .design_edit_main_container .form_group .price_container .titles_row,
  .design_edit_main_container .form_group .price_container .values_row {
    flex-direction: column;
  }
  .design_edit_main_container .form_group .price_container .titles_row span,
  .design_edit_main_container .form_group .price_container .values_row span {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .design_edit_main_container .form_group .price_container .titles_row .price_columns_name.pad {
    padding-top: 27px;
    padding-bottom: 30px;
  }
  .design_edit_main_container .form_group .price_container .titles_row .price_columns_hyphen {
    display: none;
  }
  .design_edit_main_container .form_group .price_container .titles_row span {
    text-align: left;
  }
  .design_edit_main_container .form_group .price_container .values_row input {
    width: 100px;
  }
  .design_edit_main_container .form_group .price_container .values_row .price_hyphen {
    display: none;
  }
  .design_edit_main_container .form_group .price_container .values_row span {
    align-items: center;
  }
  .design_edit_main_container .form_group .price_container .values_row span {
    justify-content: end;
  }
  .creator_design_edit_submit_button {
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 1px solid #cecece;
  }
  .creator_design_edit_submit_button button {
    width: 44%;
    height: 60px;
  }
  .design_edit_container {
    width: 100%;
  }
  .design_edit_main_container .top_image_title {
    display: none;
  }
  .design_edit_main_container .product_image_wrapper {
    position: relative;
  }
  .design_edit_main_container .product_image_wrapper img.product_image {
    width: 100%;
    height: auto;
  }
  .design_edit_main_container .product_image_wrapper img.overlay_image {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 32px;
    height: auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
  }
  .design_edit_main_container .form_group {
    flex-direction: column;
    align-items: flex-start;
  }
  .design_edit_main_container .form_group label {
    margin-right: 0;
    margin-bottom: 5px;
    flex: none;
  }
  .design_edit_main_container .form_group input,
  .design_edit_main_container .form_group textarea,
  .design_edit_main_container .form_group select {
    width: 100%;
    min-width: 0;
  }
  .design_edit_main_container .form_group input {
    height: 48px;
  }
  .design_edit_main_container .form_group textarea {
    min-height: 280px;
  }
  .design_edit_main_container .form_group .image_gallery {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .design_edit_main_container .form_group .image_gallery .color-item {
    flex: 0 0 calc(100% - 10px);
    max-width: calc(100% - 10px);
    margin: 5px;
    cursor: pointer;
  }
  .design_edit_main_container .form_group .image_gallery .color-item .color-name {
    font-weight: bold;
    margin-bottom: 10px;
  }
  .design_edit_main_container .overlay_content {
    display: none !important;
  }
  .design_edit_main_container .design_edit_preview_modal {
    display: none !important;
  }
  .design_edit_fullscreen_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    justify-content: center;
    align-items: flex-end;
  }
  .design_edit_fullscreen_overlay .button_container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
  }
  .design_edit_fullscreen_overlay .overlay_action_button {
    width: 100%;
    padding: 15px;
    margin: 0;
    background-color: #ffffff;
    border: none;
    color: #000000;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
  }
  .design_edit_fullscreen_overlay .overlay_action_button button {
    color: #000000;
    font-weight: normal;
  }
  .design_edit_fullscreen_overlay .overlay_action_button:first-child {
    border-bottom: 1px solid #d9d9d9;
  }
  .design_edit_fullscreen_overlay .cancel-button {
    margin-top: 5px;
  }
  .design_edit_preview_modal .image-container img {
    width: 100%;
  }
  #creator-design-main-upload-zone,
  #creator-design-upload-zone {
    width: 100%;
  }
  .design_edit_container .filepond--root {
    margin-top: 10;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 10px;
  }
  .design_edit_container .filepond--item {
    flex: 1 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
    box-sizing: border-box;
    padding-top: calc(50% - 10px);
    height: 0;
  }
  .design_edit_container .filepond--file-action-button {
    width: 25%;
    height: 25%;
  }
  .design_edit_container .filepond--file-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .design_edit_container .filepond--image-preview-wrapper,
  .design_edit_container .filepond--image-preview,
  .design_edit_container .filepond--image-clip,
  .design_edit_container .filepond--image-canvas-wrapper,
  .design_edit_container rect {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .design_edit_container .filepond--image-clip canvas {
    aspect-ratio: 1/1 !important;
    width: 100% !important;
    height: 100% !important;
  }
  .design_edit_container .filepond--image-canvas-wrapper {
    transform: unset !important;
  }
  .design_edit_container .filepond--credits {
    display: none;
  }
  .design_edit_container .filepond--drop-label label {
    font-size: 10px;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: absolute;
  }
  .design_edit_container .filepond--hopper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .profile-registration-header {
    font-size: 18px;
    font-weight: 700;
  }
  .alert.alert-success.creator_profile_register {
    width: 100%;
    margin: 0 auto 20px auto;
  }
  .profile-register-button {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 16px 0;
  }
  .profile-register-button button {
    width: 90%;
    height: 60px;
  }
  .profile-section-area {
    padding: 16px 20px;
  }
  .profile-register-container {
    width: 100%;
    padding: 0;
    margin-bottom: 120px;
  }
  .profile-register-sub-container .section,
  .profile-register-sub-container .image-section {
    flex-flow: column;
    margin-bottom: 35px;
  }
  .profile-register-sub-container .section .profile-section-content,
  .profile-register-sub-container .image-section .profile-section-content {
    width: 100%;
  }
  .profile-register-sub-container .section .profile-section-content input,
  .profile-register-sub-container .image-section .profile-section-content input {
    height: 48px;
  }
  .profile-register-sub-container .section .profile-section-content textarea,
  .profile-register-sub-container .image-section .profile-section-content textarea {
    min-height: 124px;
  }
  .profile-register-sub-container form .profile-main-color-form {
    margin-bottom: 20px;
  }
  .profile-register-sub-container form .profile-main-color-form .mb-3,
  .profile-register-sub-container form .profile-text-color-form .mb-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .profile-register-sub-container form .input-area {
    /* スマートフォンサイズ */
    width: 100%; /* スマートフォンの場合は幅を100%に */
    margin-left: 0; /* 中央揃えや左揃えにしたい場合 */
    text-align: left; /* テキストを左揃え */
  }
  .profile-register-sub-container form .profile-colors-form .profile-section-content {
    flex-flow: column;
  }
  .profile-register-sub-container form .profile-colors-form .profile-section-content .color-form {
    width: 95%;
  }
  .profile-register-sub-container form .profile-colors-form .profile-section-content .color-form input {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #d9d9d9;
  }
  .profile-register-sub-container form .profile-sns-id-form .profile-section-content {
    flex-flow: column;
  }
  .profile-register-sub-container form .profile-sns-id-form .profile-section-content > div {
    width: 100%;
  }
  .creator-profile-sp-container {
    left: 0 !important;
    width: 100% !important;
  }
  .sp-palette-container {
    width: 100% !important;
  }
  .sp-palette {
    max-width: none !important;
  }
  .sp-palette .sp-thumb-el {
    width: 9% !important;
    height: 16px !important;
  }
  .sp-picker-container {
    width: 100% !important;
  }
  .sp-button-container {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
  .sp-cancel,
  .sp-choose {
    display: none !important;
  }
  .section.profile-is-show-brand-form {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .title-area {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .title-area .profile-section-title {
    text-align: left;
    width: 100%;
    margin: 2px 0;
    flex-flow: nowrap;
  }
  .title-area .profile-section-sub-title {
    flex: 0 0 50%;
    text-align: right;
    flex-flow: nowrap;
    margin: 0;
  }
  .outer-creator_transfer_history-container {
    width: 100%;
  }
  .transfer-detail-modal .transfer-detail-modal-content {
    width: 90%;
    transform: none;
    left: 5%;
  }
  .outer-creator_transfer_history-container {
    margin-top: 50px;
    padding-bottom: 100px;
  }
  .outer-creator_transfer_history-container .creator_transfer_history-container {
    background-color: transparent;
    height: 84vh;
    box-shadow: none;
  }
  .outer-creator_transfer_history-container .creator_transfer_history-options {
    margin-bottom: 12px;
    border-top: gray solid 1px;
    padding-top: 28px;
  }
  .outer-creator_transfer_history-container .creator_transfer_history-header-container {
    display: flex;
    align-items: center;
  }
  .outer-creator_transfer_history-container .additional-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    justify-content: space-between;
    background-color: white;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
  }
  .outer-creator_transfer_history-container .list-header {
    display: none !important;
  }
  .outer-creator_transfer_history-container .sp-list-row-container .list-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    margin: 12px 0;
    cursor: pointer;
  }
  .outer-creator_transfer_history-container .sp-list-row-container .list-row:hover {
    background-color: #f1f1f1;
  }
  .outer-creator_transfer_history-container .sp-list-row-container .row-item-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .outer-creator_transfer_history-container .sp-list-row-container .row-item-status-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .outer-creator_transfer_history-container .sp-list-row-container .detail-button {
    height: 32px;
    line-height: 32px;
    border: none;
  }
  .bank-account-register-header .sp-bank-account-register-header {
    display: block;
    font-size: 1em;
    margin-top: 10px;
  }
  .bank-account-register-container {
    margin: 0;
    padding-bottom: 0;
  }
  .bank-account-register-container .sp-form-hr {
    display: block !important;
    width: 100vw;
    margin-left: -20px;
  }
  .bank-account-register-container .pc-form-hr {
    display: none;
  }
  .bank-account-register-container .bank-account-register-sub-container .form-title {
    display: none;
  }
  .bank-account-register-container .bank-account-register-sub-container form {
    width: 100% !important;
  }
  .bank-account-register-container .bank-account-register-sub-container form .notice {
    font-size: 0.9em;
  }
  .bank-account-register-container .bank-account-register-sub-container form .bank-account-register-button-container {
    margin-top: 60px;
  }
  .bank-account-register-container .bank-account-register-sub-container form .bank-account-register-button-container button {
    width: 100%;
  }
  .bank-account-register-container .bank-account-register-sub-container .form-group .input-row {
    flex-direction: column;
    align-items: unset !important;
  }
  .bank-account-register-container .bank-account-register-sub-container .form-group .input-row label {
    margin-bottom: 15px;
    display: flex;
  }
  .bank-account-register-container .bank-account-register-sub-container .form-group .input-row label::after {
    content: "必須";
    display: inline-block;
    padding: 3px 4px;
    margin-left: 10px;
    color: white;
    font-size: 0.7em;
    text-align: center;
    background-color: #ea4b35;
  }
  .bank-account-register-container .bank-account-register-sub-container .form-group select,
  .bank-account-register-container .bank-account-register-sub-container .form-group input {
    width: 100% !important;
    height: 45px;
  }
  .bank-account-register-container .bank-account-register-sub-container .form-group .error-message {
    width: 100%;
    margin-left: 0;
  }
  .additional-bank-account-header-info {
    display: block !important;
    font-size: 1em !important;
    margin-top: 10px;
  }
  .bank-account-container {
    margin: 0;
    padding-top: 30px;
    height: 80vh;
  }
  .bank-account-container .bank-account-sub-container {
    width: 95%;
  }
  .bank-account-container .bank-account-sub-container .labels p,
  .bank-account-container .bank-account-sub-container .values p {
    margin-bottom: 25px;
  }
  .bank-account-container .bank-account-sub-container .container-title {
    display: none;
  }
  .bank-account-container .bank-account-sub-container .edit-link {
    position: fixed;
    bottom: 0;
    transform: translateX(-2.5%);
    padding: 15px;
    margin-bottom: 5%;
    width: 90%;
  }
  .transfer-request-header {
    font-size: 14px;
  }
  .transfer-request-header .transfer-request-header-content {
    display: block !important;
    margin-top: 10px;
  }
  .transfer-request-container {
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 30px;
    margin-top: 30px;
  }
  .transfer-request-container .transfer-request-sub-container {
    width: 100%;
  }
  .transfer-request-container .transfer-request-sub-container .container-title {
    display: none;
  }
  .transfer-request-container .transfer-request-sub-container .transfer-request-hr {
    margin-bottom: 25px;
  }
  .transfer-request-container .transfer-request-sub-container .labels p,
  .transfer-request-container .transfer-request-sub-container .values p {
    margin-bottom: 35px;
  }
  .transfer-request-container .transfer-request-button-hr {
    display: block !important;
    width: 100vw;
    margin-left: -20px;
  }
  .transfer-request-container .edit-link {
    width: 100% !important;
    margin-bottom: 20px;
    padding: 15px !important;
  }
  .transfer-request-success-header {
    display: none;
  }
  .transfer-request-success-container {
    margin: 0;
    height: 100vh;
    justify-content: center;
    align-items: center;
  }
  .transfer-request-success-container .home-link {
    width: 150px;
  }
  .outer-creator_sales_history-container {
    font-size: 14px;
    width: 100%;
  }
  .additional-sales-container .current-balance {
    font-size: 18px;
    font-weight: 500;
  }
  .creator_sales_history-container .creator_sales_history-header {
    font-size: 14px;
  }
  .outer-creator_sales_history-container {
    margin-top: 50px;
  }
  .outer-creator_sales_history-container .creator_sales_history-container {
    background-color: transparent;
    height: 84vh;
    box-shadow: none;
    padding: 0;
  }
  .outer-creator_sales_history-container .creator_sales_history-container .creator_sales_history-header-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 8px;
    padding-left: 8px;
    margin-bottom: 10px;
  }
  .outer-creator_sales_history-container .creator_sales_history-container .creator_sales_history-header-container .creator_sales_history-options {
    width: auto;
    margin-bottom: 0;
  }
  .outer-creator_sales_history-container .creator_sales_history-container .creator_sales_history-list .list-header {
    display: none;
  }
  .outer-creator_sales_history-container .creator_sales_history-container .creator_sales_history-list .list-row-container {
    background-color: white;
    padding-top: 15px;
    padding-right: 8px;
    padding-left: 8px;
  }
  .outer-creator_sales_history-container .creator_sales_history-container .creator_sales_history-list .list-row-container .list-row-container-hr {
    display: block;
  }
  .outer-creator_sales_history-container .creator_sales_history-container .creator_sales_history-list .list-row-container .list-row-sub-container {
    display: flex;
    align-items: stretch;
  }
  .outer-creator_sales_history-container .creator_sales_history-container .creator_sales_history-list .list-row-container .list-row-sub-container .list-static-header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
  }
  .outer-creator_sales_history-container .creator_sales_history-container .creator_sales_history-list .list-row-container .list-row-sub-container .list-row {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
  }
  .outer-creator_sales_history-container .creator_sales_history-container .creator_sales_history-list .pagination-container.pc {
    display: none !important;
  }
  .outer-creator_sales_history-container .creator_sales_history-container .creator_sales_history-list .pagination-container.sp {
    display: block;
  }
  .outer-creator_sales_history-container .additional-sales-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    justify-content: space-between;
    font-size: 12px;
  }
  .outer-creator_sales_history-container .creator_sales_history-list .list-row-container {
    padding-bottom: 12vh;
  }
  .outer-creator_sales_history-container .creator_sales_history-list .list-row-container .list-row {
    flex-direction: column;
    align-items: flex-end;
  }
  .outer-creator_sales_history-container .creator_sales_history-list .list-row-container .list-row .large-width {
    flex: 1;
  }
  .outer-creator_sales_history-container .creator_sales_history-list .list-row-container .list-row .small-width {
    flex: 1;
  }
  .outer-creator_sales_history-container .creator_sales_history-list .list-row-container .list-row .nomal-width {
    flex: 1;
  }
  .creator-mall-product-detail-left-container .creator-mall-product-detail-brand-name.sp {
    display: flex; /* スマホでは表示 */
    align-items: center;
    justify-content: start;
    height: 70px;
    background-color: inherit;
  }
  .creator-mall-product-detail-left-container .creator-mall-product-detail-brand-name.sp img {
    height: 50px;
    width: 50px;
    margin: 10px;
    border-radius: 50%;
  }
  .creator-mall-product-detail-left-container .creator-mall-product-detail-brand-name.sp span {
    text-align: center;
    font-family: "Helvetica Neue";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .creator-mall-product-detail-left-container .product-detail-size-comment {
    font-size: 11px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0px;
  }
  .full-width-line {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .creator-mall-product-detail-container {
    margin-top: 61px;
  }
  .creator-mall-product-detail-add-cart-container {
    flex-direction: column-reverse;
    gap: 1rem;
  }
  .creator-mall-product-detail-left-container {
    order: 2;
    max-width: none;
  }
  .creator-mall-product-detail-left-container .product-thumbnails {
    visibility: hidden;
    position: absolute;
  }
  .creator-mall-product-detail-right-container {
    order: 1;
    padding: 0 16px;
  }
  .creator-mall-product-detail-right-container .creator-mall-product-detail-delivery-duration {
    margin-bottom: 25px !important;
  }
  .creator-mall-product-detail-right-container .limited-time-sale p {
    margin-top: 20px;
  }
  .creator-mall-product-detail-right-container .creator-mall-product-name {
    margin-top: 0;
  }
  .creator-mall-product-detail-right-container .creator-mall-product-detail-price,
  .creator-mall-product-detail-right-container .creator-mall-product-detail-delivery-duration {
    margin-top: 0;
  }
  .creator-mall-product-detail-right-container .right-container-form .delivery-notice {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .creator-mall-product-detail-right-container .description-tabs {
    font-size: 13px;
  }
  .creator-mall-product-detail-right-container .tab-panel {
    font-size: 12px;
  }
  .creator-mall-product-detail-right-container .tab-panel table {
    font-size: 12px;
  }
  .creator-mall-product-detail-right-container #creator_mall_add_cart_quantity {
    margin-top: 8px;
  }
  .creator-mall-product-detail-right-container .creator-mall-product-detail-brand-name.sp {
    display: flex;
  }
  .creator-mall-product-detail-right-container .creator-mall-product-detail-brand-name {
    display: none;
  }
  .creator-mall-product-list-container {
    width: 92%;
    margin: 38px 16px 70px 16px;
  }
  .mall-campaign-container {
    margin-top: 61px;
    font-size: 13px;
    height: 26px;
  }
  .creator-mall-top-header-container {
    margin-top: 0px;
  }
  .creator-mall-top-header-container .scroll-container-wrapper {
    padding-top: 10px;
  }
  .creator-mall-top-header-container .scroll-item {
    height: 180px;
    flex: 0 0 75%;
  }
  .creator-mall-top-header-container .scroll-item .title {
    font-size: 15px;
  }
  .creator-mall-top-header-container .scroll-item .description {
    font-size: 10px;
  }
  .creator-mall-top-header-container .pagination-dots {
    padding-top: 0px;
    padding-bottom: 5px;
  }
  .creator-mall-top-header-container .pagination-dots .dot {
    width: 6px;
    height: 6px;
    margin-top: 0px;
  }
  .creator-mall-container .inner-title {
    font-size: 14px;
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .creator-mall-container .creator-mall-sub-container {
    width: 100%;
    margin-top: 60px;
  }
  .creator-mall-container .creator-mall-sub-container a.dropdown-item {
    width: 240px;
    height: 50px;
  }
  .creator-mall-container .creator-mall-sub-container .creator-mall-top-items-container .creator-mall-top-item-container {
    padding: 11px;
    width: 100%;
  }
  .creator-mall-container .creator-mall-sub-container .creator-mall-top-creator-container .creator-card-list-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    width: 100%;
    padding: 0 16px;
  }
  .creator-mall-container .creator-mall-sub-container .creator-mall-top-magazines-container .creator-mall-top-magazines-sub-container {
    font-size: 10px;
  }
  .creator-mall-container .creator-mall-sub-container .creator-mall-top-magazines-container .creator-mall-top-magazines-sub-container .creator-mall-top-magazine-container {
    width: calc(50% - 20px);
    min-height: 150px;
  }
  .creator-mall-container .creator-mall-sub-container .creator-mall-top-magazines-container .creator-mall-top-magazines-sub-container .creator-mall-top-magazine-container img {
    height: 107px;
  }
  .creator-mall-container .creator-mall-sub-container .creator-mall-top-magazines-container .creator-mall-top-magazines-sub-container .creator-mall-top-magazine-container p {
    font-size: 16px;
  }
  .mall_header_container {
    height: 60px;
  }
  .mall_header_container .mall_header_center_section img {
    width: 151px;
    height: 35px;
  }
  .mall_header_container .mall_header_center_section a {
    font-size: 14px;
    width: 101px;
  }
  .mall_header_container .mall_header_right_section .human,
  .mall_header_container .mall_header_right_section .heart,
  .mall_header_container .mall_header_right_section .for_creator,
  .mall_header_container .mall_header_right_section .register_and_login {
    display: none;
  }
  .mall_header_side_menu {
    width: 100%;
  }
  .service_mall_footer .mall_footer_container {
    flex-direction: column;
    height: auto;
    align-items: center;
  }
  .service_mall_footer .mall_footer_left_container,
  .service_mall_footer .mall_footer_right_container {
    flex-grow: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    flex-direction: column;
    text-align: center;
  }
  .service_mall_footer .right_container_first {
    display: none;
  }
  .service_mall_footer .right_container_second,
  .service_mall_footer .right_container_third {
    margin-left: 0;
    margin-right: 0;
    align-items: center;
  }
  .service_mall_footer .right_container_second p,
  .service_mall_footer .right_container_third p {
    text-align: center;
  }
  .first_container {
    align-items: start;
    padding: 0;
  }
  .width_wrapper {
    width: 100%;
  }
  .separator {
    display: none;
  }
  .confirm_list {
    text-align: left;
    flex-direction: column;
    padding: 30px 16px;
    margin: 0;
  }
  .info {
    padding: 0 16px;
    margin-bottom: 12px;
  }
  .creator_mall_creator_detail_lists_container .pagination_controls.more a {
    padding: 11px 10%;
  }
  .product_detail_container .design_products_preview_image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .mall_creator_list_container {
    margin-top: 61px;
    padding-top: 35px;
  }
  .mall_creator_list_container .list_header {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .mall_creator_list_container .list_header .creator_title {
    font-size: 14px;
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .mall_creator_list_container .list_header .sort {
    margin-top: 30px;
  }
  .mall_creator_list_container .creator-card-list-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    width: 100%;
    padding: 0 16px;
  }
  .mall_creator_magazine_container .inner-title {
    font-size: 14px;
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .mall_creator_magazine_container .mall_creator_magazine_inner_container {
    font-size: 10px;
  }
  .mall_creator_magazine_container .mall_creator_magazine_inner_container .magazine {
    width: calc(50% - 20px);
    min-height: 150px;
  }
  .mall_creator_magazine_container .mall_creator_magazine_inner_container .magazine img {
    height: 107px;
  }
  .mall_creator_magazine_container .mall_creator_magazine_inner_container .magazine p {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .ec-input input, .ec-birth input, .ec-select input, .ec-telInput input, .ec-zipInput input, .ec-numberInput input, .ec-halfInput input,
  .ec-input textarea,
  .ec-birth textarea,
  .ec-select textarea,
  .ec-telInput textarea,
  .ec-zipInput textarea,
  .ec-numberInput textarea,
  .ec-halfInput textarea {
    font-size: 1rem !important;
  }
  .ec-input input, .ec-birth input, .ec-select input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input,
  .ec-input textarea,
  .ec-birth textarea,
  .ec-select textarea,
  .ec-halfInput textarea,
  .ec-numberInput textarea,
  .ec-zipInput textarea,
  .ec-telInput textarea {
    font-size: 1rem !important;
  }
  #footer_top {
    flex-direction: column;
    justify-content: left;
    padding: 1.5rem;
  }
  #footer_top img {
    display: block;
    width: 5rem;
    height: auto;
    aspect-ratio: 83/32;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
  }
  #footer_top p {
    margin: 0.75rem 0;
    font-size: 0.75rem;
    text-align: left;
    font-weight: 500;
  }
  #footer_sitemap {
    width: 100%;
    flex-direction: column;
    justify-content: start;
    margin: 0 auto;
  }
  #footer_bottom p {
    font-size: 11px;
  }
  .to-estimate-items img {
    width: 27px;
  }
  .estimate-items-count {
    top: -3px;
    right: -3px;
    width: 12px;
    height: 12px;
    font-size: 8px;
  }
  #header_holiday {
    height: auto;
  }
  #header_holiday h2, #header_holiday .h2 {
    margin-top: 0.8rem;
    font-size: 0.725rem;
    letter-spacing: 1px;
  }
  #header_holiday a {
    margin-bottom: 0.8rem;
    font-size: 0.7rem;
    letter-spacing: 1.2px;
  }
  #header_free_shipping p {
    font-size: 0.625rem;
    line-height: 13px; /* 130% */
    letter-spacing: 1px;
  }
  #header_main_top {
    height: 64px;
    padding: 0 16px;
  }
  .header_logo_top .logo_beside {
    display: none;
  }
  .header_logo_top .logo_beside_sp {
    display: block;
  }
  #header_links_top {
    margin-right: 0;
  }
  #header_links_top li {
    margin-left: 4px;
  }
  #header_links_top li .name {
    font-size: 0.5rem;
  }
  #header_links_top li button img,
  #header_links_top li a img {
    width: 27px;
  }
  #header_links_top li p {
    font-size: 0.5625rem;
  }
  #header_links_top li .cart-count {
    top: 0px;
    left: -4px;
    width: 12px;
    height: 12px;
    font-size: 8px;
  }
  .section-header, .pickup-section .pickup-section__header, #item_list_top .item_list_header {
    gap: 1rem;
    margin-bottom: 40px;
  }
  .section-header--steps {
    margin-bottom: 28px;
  }
  .section-header--reason {
    margin-bottom: 24px;
  }
  .section-subtitle, .pickup-section .pickup-section__subtitle, #item_list_top .item_list_subtitle {
    font-size: 13px;
    line-height: 1rem;
    letter-spacing: 0.39px;
  }
  .section-main-title, .pickup-section .pickup-section__title, #item_list_top .item_list_main_title {
    font-size: 28px;
    letter-spacing: 5.6px;
    line-height: 1rem;
  }
  #headline .headline__top {
    min-height: auto;
  }
  #headline .headline__content {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 60px 20px;
    gap: 0;
  }
  #headline .headline__text-section {
    width: 100%;
    max-width: 100%;
    align-items: flex-start;
    text-align: left;
    display: contents;
  }
  #headline .headline__subtitle {
    font-size: 14px;
    letter-spacing: 1.4px;
    order: 1;
    margin-bottom: 0.5rem;
  }
  #headline .headline__title {
    font-size: 28px;
    letter-spacing: 0;
    margin-bottom: 2.5rem;
    order: 2;
    white-space: normal;
  }
  #headline .headline__cta {
    width: 100%;
    margin-bottom: 0.5rem;
    order: 4;
  }
  #headline .headline__cta-label {
    font-size: 12px;
    letter-spacing: 0.48px;
    width: 100%;
    max-width: 360px;
    margin-bottom: 0.25rem;
  }
  #headline .headline__cta-button {
    width: 100%;
    max-width: 360px;
    height: 60px;
    padding: 0 27.409px;
    font-size: 1rem;
    letter-spacing: 1.6px;
  }
  #headline .headline__image-section {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    order: 3;
    margin-bottom: 2.5rem;
  }
  #headline .kv-figma-btn .btn-primary {
    min-width: 240px;
    height: 48px;
    padding: 12px 24px;
    font-size: 1rem;
    letter-spacing: 0.1rem;
  }
  #item_list_top {
    padding: 5rem 1rem;
  }
  #item_list_top .category-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  #item_list_top .category-card__info {
    padding: 6px 12px 12px;
  }
  #item_list_top .category-card__name-en {
    font-size: 10px;
  }
  #item_list_top .category-card__name {
    font-size: 15px;
  }
  .quick-estimate-section {
    padding: 0 1rem 4rem;
  }
  .quick-estimate-section .quick-estimate__inner {
    gap: 1rem;
  }
  .quick-estimate-section .quick-estimate__subtitle {
    font-size: 13px;
    letter-spacing: 1.3px;
    margin-top: 0;
  }
  .quick-estimate-section .quick-estimate__title {
    font-size: 24px;
    line-height: 1.4;
  }
  .quick-estimate-section .quick-estimate__desc {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.154px;
    font-weight: 400;
    margin: 0;
  }
  .quick-estimate-section .quick-estimate__btn-area {
    gap: 0;
    margin-bottom: 0;
  }
  .quick-estimate-section .quick-estimate__btn {
    width: 256.509px;
    height: 48.66px;
    padding: 0 27.409px;
    font-size: 1rem;
    letter-spacing: 1.6px;
    border-radius: 8px;
  }
  .quick-estimate-section .all-products-button {
    width: 100%;
    max-width: 358px;
    height: 60px;
    padding: 0 20px;
    font-size: 1rem;
    letter-spacing: 1.6px;
    border-radius: 8px;
  }
  .pickup-section {
    padding: 5rem 1rem;
  }
  .pickup-section .pickup-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #item_list__nameValueReview .item_list__review span {
    padding-left: 4px;
    font-size: 0.6rem;
  }
  .estimate {
    padding: 3rem;
    gap: 1.5rem;
  }
  .estimate .estimate-content .estimate-text span .small-jp {
    font-size: 1.5rem;
  }
  .estimate .estimate-content .estimate-text span {
    font-size: 2rem;
    letter-spacing: 0.1rem;
  }
  .estimate .estimate-content .estimate-button .btn-estimate {
    width: 80vw;
    height: 4rem;
    padding: 0 1.5rem;
    font-size: 1rem;
    letter-spacing: 0.1rem;
  }
  .link {
    width: 100%;
    max-width: 100%;
  }
  .steps .steps__content {
    padding: 40px 1.25rem 48px;
  }
  .steps .steps__lead {
    font-size: 13px;
    margin-bottom: 16px;
  }
  .steps .steps__heading {
    font-size: 22px;
    margin-bottom: 24px;
  }
  .steps .steps__description {
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
  }
  .steps .steps__description br {
    display: none;
  }
  .sp-only {
    display: inline;
  }
  .reason-section {
    padding: 5rem 1rem;
  }
  .reason-section .reason__header {
    margin-bottom: 32px;
  }
  .reason-section .reason__main-title {
    font-size: 48px;
    letter-spacing: -2px;
  }
  .reason-section .reason__container {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 16px;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
    justify-content: flex-start;
  }
  .reason-section .reason__card {
    min-width: 280px;
    max-width: 280px;
    padding: 28px 20px;
    gap: 20px;
    flex-shrink: 0;
    scroll-snap-align: start;
  }
  .reason-section .reason__label {
    font-size: 15px;
    margin: 0;
  }
  .reason-section .reason__icon {
    width: 160px;
    height: 160px;
    margin-bottom: 0;
  }
  .reason-section .reason__title {
    font-size: 24px;
    margin: 0;
  }
  .reason-section .reason__desc {
    font-size: 14px;
  }
  .about-section {
    padding: 60px 1rem;
  }
  .about-section .about-section__header {
    margin-bottom: 32px;
  }
  .about-section .about-section__title {
    font-size: 48px;
    letter-spacing: -2px;
  }
  .about-section .about-section__cards {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 16px;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
  }
  .about-card {
    min-width: 280px;
    max-width: 280px;
    flex-shrink: 0;
    scroll-snap-align: start;
  }
  .about-card .about-card__inner {
    padding: 24px;
  }
  .about-card .about-card__title {
    font-size: 20px;
    margin-bottom: 16px;
  }
  .about-card .about-card__image {
    margin-bottom: 16px;
  }
  .product-modal .modal-content {
    max-width: 95vw;
    max-height: 95vh;
  }
  .modal-body {
    flex-direction: column;
  }
  .left-section {
    width: 100%;
    padding: 15px;
  }
  .right-section {
    width: 100%;
    padding: 15px;
    max-height: none;
  }
  .main-image {
    height: 250px;
  }
  .product-details h2, .product-details .h2 {
    font-size: 1.3rem;
  }
  .mainContents {
    padding: 106px 24px 80px;
  }
  .mainContents_useFlex {
    gap: 8px;
  }
  #mainContents__left__cartList__valueCountDelete {
    margin: 8px 0 0;
    width: 100%;
  }
  #mainContents__left__cartList__valueCountDelete .remove-product {
    width: 20%;
    text-align: center;
  }
  #mainContents__left__coupon #apply-coupon {
    flex-direction: column;
    background: none;
    text-align: center;
    margin: 0 auto;
    padding: 0;
  }
  #mainContents__left__coupon #apply-coupon p {
    font-size: 1rem;
  }
  #mainContents__left__coupon #apply-coupon .ec-input, #mainContents__left__coupon #apply-coupon .ec-halfInput, #mainContents__left__coupon #apply-coupon .ec-numberInput, #mainContents__left__coupon #apply-coupon .ec-zipInput, #mainContents__left__coupon #apply-coupon .ec-telInput, #mainContents__left__coupon #apply-coupon .ec-select, #mainContents__left__coupon #apply-coupon .ec-birth {
    width: 100%;
  }
  #mainContents__left__coupon #apply-coupon button {
    width: 100%;
  }
  #mainContents__left__coupon #apply-coupon button {
    width: 100%;
    height: 42px;
    line-height: 1.6;
  }
  #mainContents__left__coupon #apply-coupon button .show-sp {
    display: inline;
  }
  #mainContents__left__coupon .no-cart-notice {
    padding-left: 0;
    text-align: center;
  }
  #mainContents__left__coupon .mainContents__about__coupon {
    padding-left: 0;
    text-align: center;
  }
  #mainContents__left__totalPrice p {
    margin-top: 8px;
  }
  .mainContents__right {
    max-width: 532px;
    padding: 24px;
  }
  .mainContents__right .input-wrapper.input {
    align-items: initial;
  }
  #main_contents {
    padding: 64px 7.5% 80px;
  }
  #register_contents {
    border-radius: 4px;
    padding: 64px 5.5%;
  }
  #product_main_contents {
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 64px 24px 84px;
  }
  #product_main_contents_left {
    width: 100%;
    padding: 0;
    margin-bottom: 24px;
    max-width: initial;
  }
  .slide__navigation {
    margin: 12px 0 0;
    gap: 1.25vw;
  }
  .slide__navigation .item {
    width: 23.5%;
  }
  .slide__navigation .item.is-empty {
    max-width: 16vw;
  }
  #product_main_contents_right {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
  .heart_container button {
    font-size: 1rem;
  }
  .heart_container button .pc-only {
    display: none;
  }
  #products_name_value_review p {
    line-height: 1.6;
  }
  #products_name_value_review p.price, #products_name_value_review p.sale_limit_min {
    font-size: 1.5rem;
    line-height: 36px;
  }
  .selectBox {
    margin-bottom: 24px;
  }
  .selectBox .selectBox_size {
    width: 66%;
    padding-left: 8px;
  }
  .selectBox .selectBox_count {
    width: 32%;
  }
  #designBtn_and_addCart {
    margin-top: 0;
  }
  #designBtn_and_addCart form {
    width: 100%;
  }
  #line_url {
    margin-top: 0;
  }
  #line_url form {
    width: 100%;
  }
  #lineBtn,
  #designBtn,
  #addCart {
    width: 100%;
    max-width: initial;
    height: 42px;
    line-height: 1.6;
  }
  #designBtn_and_addCart_description {
    font-size: 0.75rem;
    line-height: 1.6;
    margin-bottom: 22px;
  }
  .tab_item {
    padding-bottom: 1.563vw;
  }
  .slide {
    max-width: 85vw;
    height: 92.988vw;
    margin: 0 auto;
  }
  .slide .item img {
    max-width: 85vw;
    height: 92.988vw;
  }
  .c-txtsp {
    font-size: 0.875rem;
  }
  #product_item_category_list .product_item_category_list__wrap {
    gap: 10%;
    margin-bottom: 50px;
  }
  #product_item_category_list .product_item_category_list__wrap .product_item_category_list_wrap__list {
    width: 148px;
  }
  #product_item_category_list .product_item_category_list__wrap .product_item_category_list_wrap__list .item_category_text {
    margin-top: 4px;
    font-size: 0.5rem;
    inline-size: 100%;
  }
  #product_item_category_list .product_item_category_list__wrap .product_item_category_list_wrap__list.is-empty {
    width: 148px;
  }
  .product_item_category_img {
    width: 148px;
    margin-bottom: 4px;
  }
  #item_list {
    padding-bottom: 50px;
  }
  #item_list .item_list__wrap {
    margin: 0 auto;
  }
  #item_list .item_list__wrap .sp_hide {
    display: none;
  }
  #item_list .item_list__wrap .item_list_wrap__list {
    width: 138px;
    max-width: 138px;
    margin: 0 2% 2%;
  }
  #item_list .item_list__wrap .item_list_wrap__list.is-empty {
    width: 138px;
  }
  .artist_info_wrap {
    flex-direction: column;
    width: 100%;
  }
  .artist_info_wrap .artist_info {
    flex-direction: column;
    max-width: none;
    padding: 16px;
  }
  .artist_info_wrap .artist_info .artist_content_text {
    width: 100%;
    max-width: none;
    margin: 0 auto;
  }
  .artist_info_wrap .artist_info .artist_content_text h1, .artist_info_wrap .artist_info .artist_content_text .h1 {
    text-align: center;
    font-size: 1.5rem;
    letter-spacing: 1.2px;
  }
  .artist_info_wrap .artist_info .artist_content_text p {
    font-size: 0.75rem;
    line-height: 18px;
  }
  .artist_info_wrap .artist_info .artist_image img {
    margin-left: 0;
    display: block;
    margin-top: 20px;
  }
  .artist_info_wrap .sns_icons img {
    justify-content: flex-start;
    width: 24px;
    height: 24px;
  }
  .section_title {
    margin-bottom: 0;
  }
  .section_title h3, .section_title .h3 {
    font-size: 1.428rem;
    letter-spacing: 0.07rem;
  }
  .section_title p {
    font-size: 0.7142rem;
    letter-spacing: 0.071rem;
  }
  #item_menu {
    padding-top: 60px;
  }
  #current_item_img {
    overflow: hidden;
    aspect-ratio: 320/200;
    position: relative;
  }
  #current_item_img img {
    width: auto;
    position: absolute;
    top: 0;
    right: -65px;
    height: 100%;
  }
  .appeal {
    display: flex;
  }
  .product-list ul .item_list_wrap__list {
    width: 100%;
    margin-bottom: 40px;
  }
  .product-list ul #product_list__img {
    width: 100%;
    height: auto;
  }
  #item_description {
    padding: 40px 7.5%;
  }
  #item_description h1, #item_description .h1 {
    font-size: 1rem;
  }
  #item_description p {
    font-size: 0.75rem;
    margin-top: 16px;
    text-align: left;
  }
  #product_item_list__img .item_list__img__heart {
    width: 15px;
    height: 15px;
  }
  .item_list__heart {
    margin: 6px;
  }
  .item_list__value {
    font-size: 12px;
  }
  #page_shopping .customer_data,
  #page_creator_shopping .customer_data,
  #page_shopping_redirect_to .customer_data,
  #page_creator_shopping_redirect_to .customer_data {
    padding: 20vw 0 25vw;
  }
  #page_shopping .customer_data__container,
  #page_creator_shopping .customer_data__container,
  #page_shopping_redirect_to .customer_data__container,
  #page_creator_shopping_redirect_to .customer_data__container {
    flex-direction: column;
    padding: 0;
    width: 85vw;
  }
  #page_shopping .customer_data__container__left,
  #page_creator_shopping .customer_data__container__left,
  #page_shopping_redirect_to .customer_data__container__left,
  #page_creator_shopping_redirect_to .customer_data__container__left {
    max-width: 85vw;
  }
  #page_shopping .customer_data__container__right,
  #page_creator_shopping .customer_data__container__right,
  #page_shopping_redirect_to .customer_data__container__right,
  #page_creator_shopping_redirect_to .customer_data__container__right {
    max-width: 85vw;
    margin: 0;
  }
  #page_shopping .customer_data__container__right__list,
  #page_creator_shopping .customer_data__container__right__list,
  #page_shopping_redirect_to .customer_data__container__right__list,
  #page_creator_shopping_redirect_to .customer_data__container__right__list {
    padding: 24px 16px;
  }
  #page_shopping .customer_data__container__right__list ul li:first-child,
  #page_creator_shopping .customer_data__container__right__list ul li:first-child,
  #page_shopping_redirect_to .customer_data__container__right__list ul li:first-child,
  #page_creator_shopping_redirect_to .customer_data__container__right__list ul li:first-child {
    width: 55.688vw;
  }
  #page_shopping .customer_data__container__right__list ul li:last-child,
  #page_creator_shopping .customer_data__container__right__list ul li:last-child,
  #page_shopping_redirect_to .customer_data__container__right__list ul li:last-child,
  #page_creator_shopping_redirect_to .customer_data__container__right__list ul li:last-child {
    text-align: right;
  }
  #page_shopping .customer_data__container__right__list ul li:last-child:not(#customer_data__container__right__list__not),
  #page_creator_shopping .customer_data__container__right__list ul li:last-child:not(#customer_data__container__right__list__not),
  #page_shopping_redirect_to .customer_data__container__right__list ul li:last-child:not(#customer_data__container__right__list__not),
  #page_creator_shopping_redirect_to .customer_data__container__right__list ul li:last-child:not(#customer_data__container__right__list__not) {
    width: 100%;
  }
  #page_shopping .customer_data__container__left__top,
  #page_creator_shopping .customer_data__container__left__top,
  #page_shopping_redirect_to .customer_data__container__left__top,
  #page_creator_shopping_redirect_to .customer_data__container__left__top {
    padding: 24px 16px;
  }
  #page_shopping .customer_data__container__left__top h2, #page_shopping .customer_data__container__left__top .h2,
  #page_creator_shopping .customer_data__container__left__top h2,
  #page_creator_shopping .customer_data__container__left__top .h2,
  #page_shopping_redirect_to .customer_data__container__left__top h2,
  #page_shopping_redirect_to .customer_data__container__left__top .h2,
  #page_creator_shopping_redirect_to .customer_data__container__left__top h2,
  #page_creator_shopping_redirect_to .customer_data__container__left__top .h2 {
    margin-bottom: 8px;
    font-size: 0.875rem;
  }
  #page_shopping .register_address,
  #page_creator_shopping .register_address,
  #page_shopping_redirect_to .register_address,
  #page_creator_shopping_redirect_to .register_address {
    padding: 24px 16px;
  }
  #page_shopping .register_address h1, #page_shopping .register_address .h1,
  #page_creator_shopping .register_address h1,
  #page_creator_shopping .register_address .h1,
  #page_shopping_redirect_to .register_address h1,
  #page_shopping_redirect_to .register_address .h1,
  #page_creator_shopping_redirect_to .register_address h1,
  #page_creator_shopping_redirect_to .register_address .h1 {
    margin-bottom: 8px;
    font-size: 0.875rem;
  }
  #page_shopping .register_address ul,
  #page_creator_shopping .register_address ul,
  #page_shopping_redirect_to .register_address ul,
  #page_creator_shopping_redirect_to .register_address ul {
    flex-direction: column;
    -moz-column-gap: 2.5vw;
         column-gap: 2.5vw;
  }
  #page_shopping .register_address ul li:first-child,
  #page_creator_shopping .register_address ul li:first-child,
  #page_shopping_redirect_to .register_address ul li:first-child,
  #page_creator_shopping_redirect_to .register_address ul li:first-child {
    width: 100%;
  }
  #page_shopping .register_address ul li:first-child:not(.register_address__list__not),
  #page_creator_shopping .register_address ul li:first-child:not(.register_address__list__not),
  #page_shopping_redirect_to .register_address ul li:first-child:not(.register_address__list__not),
  #page_creator_shopping_redirect_to .register_address ul li:first-child:not(.register_address__list__not) {
    padding: 0;
  }
  #page_shopping .register_address ul li:last-child,
  #page_creator_shopping .register_address ul li:last-child,
  #page_shopping_redirect_to .register_address ul li:last-child,
  #page_creator_shopping_redirect_to .register_address ul li:last-child {
    width: 100%;
  }
  #page_shopping .register_address ul li input,
  #page_creator_shopping .register_address ul li input,
  #page_shopping_redirect_to .register_address ul li input,
  #page_creator_shopping_redirect_to .register_address ul li input {
    font-size: 1rem;
  }
  #page_shopping .register_address ul:nth-of-type(1) li input,
  #page_creator_shopping .register_address ul:nth-of-type(1) li input,
  #page_shopping_redirect_to .register_address ul:nth-of-type(1) li input,
  #page_creator_shopping_redirect_to .register_address ul:nth-of-type(1) li input {
    width: 49.125%;
    max-width: initial;
  }
  #page_shopping .register_address ul:nth-of-type(n + 2) li input,
  #page_creator_shopping .register_address ul:nth-of-type(n + 2) li input,
  #page_shopping_redirect_to .register_address ul:nth-of-type(n + 2) li input,
  #page_creator_shopping_redirect_to .register_address ul:nth-of-type(n + 2) li input {
    max-width: initial;
  }
  #page_shopping .register_address ul:nth-of-type(3) li input:first-child,
  #page_creator_shopping .register_address ul:nth-of-type(3) li input:first-child,
  #page_shopping_redirect_to .register_address ul:nth-of-type(3) li input:first-child,
  #page_creator_shopping_redirect_to .register_address ul:nth-of-type(3) li input:first-child {
    width: 49.125%;
    max-width: initial;
  }
  #page_shopping .register_address ul:nth-of-type(3) li button,
  #page_creator_shopping .register_address ul:nth-of-type(3) li button,
  #page_shopping_redirect_to .register_address ul:nth-of-type(3) li button,
  #page_creator_shopping_redirect_to .register_address ul:nth-of-type(3) li button {
    width: 49.125%;
    max-width: initial;
  }
  #page_shopping .register_address ul:nth-of-type(3) li p,
  #page_creator_shopping .register_address ul:nth-of-type(3) li p,
  #page_shopping_redirect_to .register_address ul:nth-of-type(3) li p,
  #page_creator_shopping_redirect_to .register_address ul:nth-of-type(3) li p {
    top: 32px;
  }
  #page_shopping .register_address ul:nth-of-type(4),
  #page_creator_shopping .register_address ul:nth-of-type(4),
  #page_shopping_redirect_to .register_address ul:nth-of-type(4),
  #page_creator_shopping_redirect_to .register_address ul:nth-of-type(4) {
    margin-top: 32px;
  }
  #page_shopping .customer_data__container__left__middle__address,
  #page_creator_shopping .customer_data__container__left__middle__address,
  #page_shopping_redirect_to .customer_data__container__left__middle__address,
  #page_creator_shopping_redirect_to .customer_data__container__left__middle__address {
    padding: 24px 16px;
  }
  #page_shopping .customer_data__container__left__middle__address .shipping-form-item .notice,
  #page_creator_shopping .customer_data__container__left__middle__address .shipping-form-item .notice,
  #page_shopping_redirect_to .customer_data__container__left__middle__address .shipping-form-item .notice,
  #page_creator_shopping_redirect_to .customer_data__container__left__middle__address .shipping-form-item .notice {
    display: block;
  }
  #page_shopping .customer_data__container__left__middle__payment,
  #page_creator_shopping .customer_data__container__left__middle__payment,
  #page_shopping_redirect_to .customer_data__container__left__middle__payment,
  #page_creator_shopping_redirect_to .customer_data__container__left__middle__payment {
    padding: 24px 16px;
  }
  #page_shopping .customer_data__container__left__middle__payment h1, #page_shopping .customer_data__container__left__middle__payment .h1,
  #page_creator_shopping .customer_data__container__left__middle__payment h1,
  #page_creator_shopping .customer_data__container__left__middle__payment .h1,
  #page_shopping_redirect_to .customer_data__container__left__middle__payment h1,
  #page_shopping_redirect_to .customer_data__container__left__middle__payment .h1,
  #page_creator_shopping_redirect_to .customer_data__container__left__middle__payment h1,
  #page_creator_shopping_redirect_to .customer_data__container__left__middle__payment .h1 {
    margin-bottom: 8px;
    font-size: 0.875rem;
  }
  #page_shopping .customer_data__container__left__bottom,
  #page_creator_shopping .customer_data__container__left__bottom,
  #page_shopping_redirect_to .customer_data__container__left__bottom,
  #page_creator_shopping_redirect_to .customer_data__container__left__bottom {
    padding: 5vw;
  }
  #page_shopping .customer_data__container__left__orderConfirmed,
  #page_creator_shopping .customer_data__container__left__orderConfirmed,
  #page_shopping_redirect_to .customer_data__container__left__orderConfirmed,
  #page_creator_shopping_redirect_to .customer_data__container__left__orderConfirmed {
    font-size: 5vw;
  }
  #page_shopping .customer_data__container__left__top__list ul,
  #page_creator_shopping .customer_data__container__left__top__list ul,
  #page_shopping_redirect_to .customer_data__container__left__top__list ul,
  #page_creator_shopping_redirect_to .customer_data__container__left__top__list ul {
    flex-direction: column;
    -moz-column-gap: 2.5vw;
         column-gap: 2.5vw;
  }
  #page_shopping .customer_data__container__left__top__list ul li:first-child,
  #page_creator_shopping .customer_data__container__left__top__list ul li:first-child,
  #page_shopping_redirect_to .customer_data__container__left__top__list ul li:first-child,
  #page_creator_shopping_redirect_to .customer_data__container__left__top__list ul li:first-child {
    width: 100%;
  }
  #page_shopping .customer_data__container__left__top__list ul li:first-child:not(#customer_data__container__left__top__list__not),
  #page_creator_shopping .customer_data__container__left__top__list ul li:first-child:not(#customer_data__container__left__top__list__not),
  #page_shopping_redirect_to .customer_data__container__left__top__list ul li:first-child:not(#customer_data__container__left__top__list__not),
  #page_creator_shopping_redirect_to .customer_data__container__left__top__list ul li:first-child:not(#customer_data__container__left__top__list__not) {
    padding: 0;
  }
  #page_shopping .customer_data__container__left__top__list ul li:last-child,
  #page_creator_shopping .customer_data__container__left__top__list ul li:last-child,
  #page_shopping_redirect_to .customer_data__container__left__top__list ul li:last-child,
  #page_creator_shopping_redirect_to .customer_data__container__left__top__list ul li:last-child {
    width: 100%;
  }
  #page_shopping .customer_data__container__left__top__list ul li input,
  #page_shopping .customer_data__container__left__top__list ul li select,
  #page_creator_shopping .customer_data__container__left__top__list ul li input,
  #page_creator_shopping .customer_data__container__left__top__list ul li select,
  #page_shopping_redirect_to .customer_data__container__left__top__list ul li input,
  #page_shopping_redirect_to .customer_data__container__left__top__list ul li select,
  #page_creator_shopping_redirect_to .customer_data__container__left__top__list ul li input,
  #page_creator_shopping_redirect_to .customer_data__container__left__top__list ul li select {
    font-size: 1rem;
  }
  #page_shopping .customer_data__container__left__top__list ul:nth-of-type(1) .individual_or_corporation_tab,
  #page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(1) .individual_or_corporation_tab,
  #page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(1) .individual_or_corporation_tab,
  #page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(1) .individual_or_corporation_tab {
    width: 100%;
  }
  #page_shopping .customer_data__container__left__top__list ul:nth-of-type(1) .individual_or_corporation_tab .individual_or_corporation,
  #page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(1) .individual_or_corporation_tab .individual_or_corporation,
  #page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(1) .individual_or_corporation_tab .individual_or_corporation,
  #page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(1) .individual_or_corporation_tab .individual_or_corporation {
    width: 49%;
    max-width: initial;
  }
  #page_shopping .customer_data__container__left__top__list ul:nth-of-type(2) li input,
  #page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(2) li input,
  #page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(2) li input,
  #page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(2) li input {
    width: 49.125%;
    max-width: initial;
  }
  #page_shopping .customer_data__container__left__top__list ul:nth-of-type(n + 3) li input,
  #page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(n + 3) li input,
  #page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(n + 3) li input,
  #page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(n + 3) li input {
    max-width: initial;
  }
  #page_shopping .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li input:first-child, #page_shopping .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li input:first-child,
  #page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li input:first-child,
  #page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li input:first-child,
  #page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li input:first-child,
  #page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li input:first-child,
  #page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li input:first-child,
  #page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li input:first-child {
    width: 49.125%;
    max-width: initial;
  }
  #page_shopping .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li button, #page_shopping .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li button,
  #page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li button,
  #page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li button,
  #page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li button,
  #page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li button,
  #page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li button,
  #page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li button {
    width: 49.125%;
    max-width: initial;
  }
  #page_shopping .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li a, #page_shopping .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li a,
  #page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li a,
  #page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li a,
  #page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li a,
  #page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li a,
  #page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(6).postal_code-form li a,
  #page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(7).postal_code-form li a {
    top: 32px;
  }
  #page_shopping .customer_data__container__left__top__list ul:nth-of-type(7) select,
  #page_creator_shopping .customer_data__container__left__top__list ul:nth-of-type(7) select,
  #page_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(7) select,
  #page_creator_shopping_redirect_to .customer_data__container__left__top__list ul:nth-of-type(7) select {
    max-width: initial;
  }
  #page_shopping .payment_top,
  #page_creator_shopping .payment_top,
  #page_shopping_redirect_to .payment_top,
  #page_creator_shopping_redirect_to .payment_top {
    flex-direction: column;
  }
  #page_shopping .payment_top__useFlex,
  #page_creator_shopping .payment_top__useFlex,
  #page_shopping_redirect_to .payment_top__useFlex,
  #page_creator_shopping_redirect_to .payment_top__useFlex {
    flex-direction: column;
  }
  #page_shopping .payment_top__selectPayment,
  #page_creator_shopping .payment_top__selectPayment,
  #page_shopping_redirect_to .payment_top__selectPayment,
  #page_creator_shopping_redirect_to .payment_top__selectPayment {
    margin: 0;
    max-width: initial;
  }
  #page_shopping .payment_top__credit ul,
  #page_creator_shopping .payment_top__credit ul,
  #page_shopping_redirect_to .payment_top__credit ul,
  #page_creator_shopping_redirect_to .payment_top__credit ul {
    flex-direction: column;
  }
  #page_shopping .payment_top__credit ul li:first-child,
  #page_creator_shopping .payment_top__credit ul li:first-child,
  #page_shopping_redirect_to .payment_top__credit ul li:first-child,
  #page_creator_shopping_redirect_to .payment_top__credit ul li:first-child {
    max-width: initial;
  }
  #page_shopping .payment_top__credit ul li:last-child select,
  #page_creator_shopping .payment_top__credit ul li:last-child select,
  #page_shopping_redirect_to .payment_top__credit ul li:last-child select,
  #page_creator_shopping_redirect_to .payment_top__credit ul li:last-child select {
    font-size: 1rem;
  }
  #page_shopping .payment_top__credit ul:first-child li:first-child,
  #page_creator_shopping .payment_top__credit ul:first-child li:first-child,
  #page_shopping_redirect_to .payment_top__credit ul:first-child li:first-child,
  #page_creator_shopping_redirect_to .payment_top__credit ul:first-child li:first-child {
    max-width: initial;
  }
  #page_shopping .payment_top__credit ul:nth-of-type(2) li:last-child input,
  #page_creator_shopping .payment_top__credit ul:nth-of-type(2) li:last-child input,
  #page_shopping_redirect_to .payment_top__credit ul:nth-of-type(2) li:last-child input,
  #page_creator_shopping_redirect_to .payment_top__credit ul:nth-of-type(2) li:last-child input {
    font-size: 1rem;
  }
  #page_shopping .payment_top__credit ul:nth-of-type(3) li:last-child input,
  #page_creator_shopping .payment_top__credit ul:nth-of-type(3) li:last-child input,
  #page_shopping_redirect_to .payment_top__credit ul:nth-of-type(3) li:last-child input,
  #page_creator_shopping_redirect_to .payment_top__credit ul:nth-of-type(3) li:last-child input {
    font-size: 1rem;
  }
  #page_shopping .payment_top__credit ul:nth-of-type(4) li:last-child input,
  #page_creator_shopping .payment_top__credit ul:nth-of-type(4) li:last-child input,
  #page_shopping_redirect_to .payment_top__credit ul:nth-of-type(4) li:last-child input,
  #page_creator_shopping_redirect_to .payment_top__credit ul:nth-of-type(4) li:last-child input {
    font-size: 1rem;
  }
  #page_shopping .payment_top__gmo p,
  #page_creator_shopping .payment_top__gmo p,
  #page_shopping_redirect_to .payment_top__gmo p,
  #page_creator_shopping_redirect_to .payment_top__gmo p {
    padding: 0;
  }
  #page_shopping .payment_top__banking p,
  #page_creator_shopping .payment_top__banking p,
  #page_shopping_redirect_to .payment_top__banking p,
  #page_creator_shopping_redirect_to .payment_top__banking p {
    padding: 0;
  }
  #page_shopping #customer_data__left__cartList ul:first-child li,
  #page_creator_shopping #customer_data__left__cartList ul:first-child li,
  #page_shopping_redirect_to #customer_data__left__cartList ul:first-child li,
  #page_creator_shopping_redirect_to #customer_data__left__cartList ul:first-child li {
    padding: 16px 8px;
  }
  #page_shopping #customer_data__left__cartList ul:nth-of-type(2),
  #page_creator_shopping #customer_data__left__cartList ul:nth-of-type(2),
  #page_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2),
  #page_creator_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) {
    padding: 0;
    flex-direction: column;
  }
  #page_shopping #customer_data__left__cartList ul:nth-of-type(2) li:first-child,
  #page_creator_shopping #customer_data__left__cartList ul:nth-of-type(2) li:first-child,
  #page_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:first-child,
  #page_creator_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:first-child {
    width: 100%;
  }
  #page_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2),
  #page_creator_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2),
  #page_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2),
  #page_creator_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2) {
    width: 100%;
    text-align: center;
  }
  #page_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2) input,
  #page_creator_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2) input,
  #page_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2) input,
  #page_creator_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(2) input {
    margin: 0 auto;
  }
  #page_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3),
  #page_creator_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3),
  #page_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3),
  #page_creator_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3) {
    width: 100%;
    text-align: center;
  }
  #page_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3) button,
  #page_creator_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3) button,
  #page_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3) button,
  #page_creator_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3) button {
    margin: 0 auto;
    font-size: 0;
    height: 42px;
  }
  #page_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3) button:before,
  #page_creator_shopping #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3) button:before,
  #page_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3) button:before,
  #page_creator_shopping_redirect_to #customer_data__left__cartList ul:nth-of-type(2) li:nth-of-type(3) button:before {
    font-size: 1rem;
    content: "クーポンコードを適用";
  }
  #page_shopping #customer_data__left__cartList .customer_data__about__coupon,
  #page_creator_shopping #customer_data__left__cartList .customer_data__about__coupon,
  #page_shopping_redirect_to #customer_data__left__cartList .customer_data__about__coupon,
  #page_creator_shopping_redirect_to #customer_data__left__cartList .customer_data__about__coupon {
    padding-left: 0;
    text-align: center;
    width: 100%;
  }
  #page_shopping .payment_tabs,
  #page_creator_shopping .payment_tabs,
  #page_shopping_redirect_to .payment_tabs,
  #page_creator_shopping_redirect_to .payment_tabs {
    max-width: initial;
  }
  #page_shopping .payment_tabs label:nth-of-type(1),
  #page_creator_shopping .payment_tabs label:nth-of-type(1),
  #page_shopping_redirect_to .payment_tabs label:nth-of-type(1),
  #page_creator_shopping_redirect_to .payment_tabs label:nth-of-type(1) {
    font-size: 0;
    width: 31.5%;
    max-width: initial;
  }
  #page_shopping .payment_tabs label:nth-of-type(1):before,
  #page_creator_shopping .payment_tabs label:nth-of-type(1):before,
  #page_shopping_redirect_to .payment_tabs label:nth-of-type(1):before,
  #page_creator_shopping_redirect_to .payment_tabs label:nth-of-type(1):before {
    font-size: 0.75rem;
    content: "クレジット";
  }
  #page_shopping .payment_tabs label:nth-of-type(2),
  #page_creator_shopping .payment_tabs label:nth-of-type(2),
  #page_shopping_redirect_to .payment_tabs label:nth-of-type(2),
  #page_creator_shopping_redirect_to .payment_tabs label:nth-of-type(2) {
    width: 31.5%;
    max-width: initial;
  }
  #page_shopping .payment_tabs label:nth-of-type(3),
  #page_creator_shopping .payment_tabs label:nth-of-type(3),
  #page_shopping_redirect_to .payment_tabs label:nth-of-type(3),
  #page_creator_shopping_redirect_to .payment_tabs label:nth-of-type(3) {
    width: 31.5%;
    max-width: initial;
  }
  #page_shopping .payment_tab_item,
  #page_creator_shopping .payment_tab_item,
  #page_shopping_redirect_to .payment_tab_item,
  #page_creator_shopping_redirect_to .payment_tab_item {
    margin: 0 0.6125vw;
  }
  #page_shopping .payment_tab_content,
  #page_creator_shopping .payment_tab_content,
  #page_shopping_redirect_to .payment_tab_content,
  #page_creator_shopping_redirect_to .payment_tab_content {
    width: 74.375vw;
    top: 5vw;
    left: -11.6vw;
  }
  #page_shopping .customer_data_second__container__left,
  #page_creator_shopping .customer_data_second__container__left,
  #page_shopping_redirect_to .customer_data_second__container__left,
  #page_creator_shopping_redirect_to .customer_data_second__container__left {
    padding: 24px 17px;
  }
  #page_shopping .customer_data_second__container__left h2, #page_shopping .customer_data_second__container__left .h2,
  #page_creator_shopping .customer_data_second__container__left h2,
  #page_creator_shopping .customer_data_second__container__left .h2,
  #page_shopping_redirect_to .customer_data_second__container__left h2,
  #page_shopping_redirect_to .customer_data_second__container__left .h2,
  #page_creator_shopping_redirect_to .customer_data_second__container__left h2,
  #page_creator_shopping_redirect_to .customer_data_second__container__left .h2 {
    margin-bottom: 2px;
  }
  #page_shopping .customer_data_second__container__left ul,
  #page_creator_shopping .customer_data_second__container__left ul,
  #page_shopping_redirect_to .customer_data_second__container__left ul,
  #page_creator_shopping_redirect_to .customer_data_second__container__left ul {
    flex-direction: column;
  }
  #page_shopping .customer_data_second__container__left ul li:first-child,
  #page_creator_shopping .customer_data_second__container__left ul li:first-child,
  #page_shopping_redirect_to .customer_data_second__container__left ul li:first-child,
  #page_creator_shopping_redirect_to .customer_data_second__container__left ul li:first-child {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 6px;
  }
  #page_shopping .customer_data_second__container__left ul li:nth-child(2),
  #page_creator_shopping .customer_data_second__container__left ul li:nth-child(2),
  #page_shopping_redirect_to .customer_data_second__container__left ul li:nth-child(2),
  #page_creator_shopping_redirect_to .customer_data_second__container__left ul li:nth-child(2) {
    width: 100%;
  }
  #page_shopping .customer_data_second__container__left ul.right-button .change_delivery_address,
  #page_creator_shopping .customer_data_second__container__left ul.right-button .change_delivery_address,
  #page_shopping_redirect_to .customer_data_second__container__left ul.right-button .change_delivery_address,
  #page_creator_shopping_redirect_to .customer_data_second__container__left ul.right-button .change_delivery_address {
    margin: 0;
  }
  #page_shopping .customer_data_three__container__left,
  #page_creator_shopping .customer_data_three__container__left,
  #page_shopping_redirect_to .customer_data_three__container__left,
  #page_creator_shopping_redirect_to .customer_data_three__container__left {
    padding: 24px 17px;
  }
  #page_shopping .customer_data_three__container__left h1, #page_shopping .customer_data_three__container__left .h1,
  #page_creator_shopping .customer_data_three__container__left h1,
  #page_creator_shopping .customer_data_three__container__left .h1,
  #page_shopping_redirect_to .customer_data_three__container__left h1,
  #page_shopping_redirect_to .customer_data_three__container__left .h1,
  #page_creator_shopping_redirect_to .customer_data_three__container__left h1,
  #page_creator_shopping_redirect_to .customer_data_three__container__left .h1 {
    margin-bottom: 8px;
  }
  #page_shopping .customer_data_three__container__left ul,
  #page_creator_shopping .customer_data_three__container__left ul,
  #page_shopping_redirect_to .customer_data_three__container__left ul,
  #page_creator_shopping_redirect_to .customer_data_three__container__left ul {
    flex-direction: column;
  }
  #page_shopping .customer_data_three__container__left ul li:first-child,
  #page_creator_shopping .customer_data_three__container__left ul li:first-child,
  #page_shopping_redirect_to .customer_data_three__container__left ul li:first-child,
  #page_creator_shopping_redirect_to .customer_data_three__container__left ul li:first-child {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 6px;
  }
  #page_shopping .customer_data_three__container__left ul li:nth-child(2),
  #page_creator_shopping .customer_data_three__container__left ul li:nth-child(2),
  #page_shopping_redirect_to .customer_data_three__container__left ul li:nth-child(2),
  #page_creator_shopping_redirect_to .customer_data_three__container__left ul li:nth-child(2) {
    width: 100%;
  }
  #page_shopping .customer_data_three__container__left div.address_radio.not-last,
  #page_creator_shopping .customer_data_three__container__left div.address_radio.not-last,
  #page_shopping_redirect_to .customer_data_three__container__left div.address_radio.not-last,
  #page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio.not-last {
    padding-bottom: 0;
  }
  #page_shopping .customer_data_three__container__left div.address_radio ul,
  #page_creator_shopping .customer_data_three__container__left div.address_radio ul,
  #page_shopping_redirect_to .customer_data_three__container__left div.address_radio ul,
  #page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio ul {
    flex-direction: column;
  }
  #page_shopping .customer_data_three__container__left div.address_radio ul .add_delivery_address,
  #page_creator_shopping .customer_data_three__container__left div.address_radio ul .add_delivery_address,
  #page_shopping_redirect_to .customer_data_three__container__left div.address_radio ul .add_delivery_address,
  #page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio ul .add_delivery_address {
    margin-bottom: 0;
    margin-top: 0;
  }
  #page_shopping .customer_data_three__container__left div.address_radio ul .change_delivery_address,
  #page_creator_shopping .customer_data_three__container__left div.address_radio ul .change_delivery_address,
  #page_shopping_redirect_to .customer_data_three__container__left div.address_radio ul .change_delivery_address,
  #page_creator_shopping_redirect_to .customer_data_three__container__left div.address_radio ul .change_delivery_address {
    margin-bottom: 8px;
    margin-top: 0;
  }
  .complete_message {
    max-width: initial;
    padding: 64px 7.5vw 80px;
    margin: 0;
  }
  .complete_message h1, .complete_message .h1 {
    font-size: 5vw;
  }
  .complete_message__middle {
    padding: 7.5vw 5vw;
  }
  .complete_message__middle p:first-child {
    font-size: 4.125vw;
    margin-bottom: 3.75vw;
  }
  .complete_message__middle p:nth-of-type(2) {
    font-size: 4.125vw;
  }
  #complete_message__middle__orderNumber label {
    font-size: 5vw;
  }
  .complete_message__bottom {
    gap: 4px;
  }
  .complete_message__bottom a {
    max-width: unset;
  }
  .contact_form {
    width: 100%;
    padding: 64px 24px;
  }
  .contact_form h1, .contact_form .h1 {
    font-size: 6.25vw;
  }
  .contact_form_container {
    padding: 24px 17px;
  }
  .contact_form_container__top {
    font-size: 4.375vw;
  }
  .contact_form__name__container {
    flex-direction: column;
    margin-bottom: 2.5vw;
    margin-top: 2.5vw;
  }
  .contact_form__name__container input {
    max-width: initial;
    height: 9.688vw;
    font-size: 4.375vw;
  }
  .contact_form__email__container {
    flex-direction: column;
    margin-bottom: 2.5vw;
  }
  .contact_form__email__container input {
    max-width: initial;
    height: 9.688vw;
    font-size: 4.375vw;
  }
  .contact_form__telnumber__container {
    flex-direction: column;
    margin-bottom: 2.5vw;
  }
  .contact_form__telnumber__container input {
    max-width: initial;
    height: 9.688vw;
    font-size: 4.375vw;
  }
  .contact_form__faqdetail__container {
    flex-direction: column;
    margin-bottom: 2.5vw;
  }
  .contact_form__faqdetail__container textarea {
    max-width: initial;
    height: 9.688vw;
    font-size: 4.375vw;
    padding: 2.5vw;
    height: 38.125vw;
  }
  #contact_form__left__name {
    width: 100%;
  }
  #contact_form__left__name p {
    font-size: 3.75vw;
    padding: 0;
    margin: 0 0 0.625vw;
  }
  #contact_form__left__email {
    width: 100%;
  }
  #contact_form__left__email p {
    font-size: 3.75vw;
    padding: 0;
    margin: 0 0 0.625vw;
  }
  #contact_form__left__telnumber {
    width: 100%;
  }
  #contact_form__left__telnumber p {
    font-size: 3.75vw;
    padding: 0;
    margin: 0 0 0.625vw;
  }
  #contact_form__left__faqdetail {
    width: 100%;
  }
  #contact_form__left__faqdetail p {
    font-size: 3.75vw;
    padding: 0;
    margin: 0 0 0.625vw;
  }
  #contact_form__right__name {
    width: 100%;
    display: flex;
    gap: 1.25vw;
  }
  #contact_form__right__email {
    width: 100%;
    display: flex;
  }
  #contact_form__right__telnumber {
    width: 100%;
    display: flex;
  }
  #contact_form__right__faqdetail {
    width: 100%;
    display: flex;
  }
  .contact_form_submit_btn button {
    max-width: initial;
  }
  .contact_form_submit_btn p {
    width: 100%;
    font-size: 3.75vw;
  }
  .complete_contact_message {
    max-width: initial;
    padding: 20vw 7.5vw 25vw;
    margin: 0;
  }
  .complete_contact_message h1, .complete_contact_message .h1 {
    font-size: 5vw;
  }
  .complete_contact_message__middle {
    margin: 0 auto 24px;
    padding: 7.5vw 5vw;
  }
  .complete_contact_message__middle p {
    font-size: 4.125vw;
  }
  #complete_contact_message__bottom__btnContainer button {
    font-size: 5vw;
    width: 100%;
    height: 13.125vw;
    max-width: initial;
  }
  #complete_contact_message__bottom__btnContainer button:nth-of-type(1) {
    margin-bottom: 1.25vw;
  }
  .complete_contact_message__bottom p {
    font-size: 3.75vw;
  }
  .mypage_wrapper {
    padding: 102px 0 80px;
  }
  .mypage_container {
    width: 100%;
    max-width: initial;
    padding: 0 24px;
    display: block;
  }
  .mypage_right_container {
    width: 100%;
  }
  .mypage_right_container h1, .mypage_right_container .h1 {
    font-size: 1rem;
    top: -35px;
  }
  .mypage_right_container h2, .mypage_right_container .h2 {
    font-size: 0.875rem;
    margin-bottom: 8px;
  }
  #invisible_password {
    letter-spacing: 0.06em;
  }
  #add_new_card {
    letter-spacing: 0.06em;
    margin-bottom: 6px;
    margin-top: 6px;
  }
  .mypage_right_container__delivery {
    padding: 24px 17px;
  }
  .mypage_right_container__delivery ul {
    flex-direction: column;
  }
  .mypage_right_container__delivery ul li.head {
    width: 100%;
  }
  .mypage_right_container__delivery ul li.body {
    width: 100%;
  }
  .mypage_right_container__inf {
    padding: 24px 17px;
  }
  .mypage_right_container__inf li {
    margin-bottom: 8px;
  }
  .mypage_right_container__inf ul {
    flex-direction: column;
  }
  .mypage_right_container__inf ul li:first-child {
    width: 100%;
  }
  .mypage_right_container__inf ul li:first-child:nth-child(2n+1) {
    margin-top: 8px;
  }
  .mypage_right_container__inf ul li:last-child {
    width: 100%;
  }
  .mypage_right_container__change__inf {
    padding: 24px 17px;
  }
  .mypage_right_container__change__inf ul {
    flex-direction: column;
  }
  .mypage_right_container__change__inf ul li input,
  .mypage_right_container__change__inf ul li select {
    width: 99%;
    font-size: 1rem;
  }
  .mypage_right_container__change__inf ul li:first-child {
    margin: 0;
    width: 100%;
  }
  .mypage_right_container__change__inf ul li:last-child {
    margin: 0;
    width: 100%;
  }
  .mypage_right_container__change__inf ul.individual_or_corporation .individual_or_corporation_tab {
    width: 100%;
  }
  .mypage_right_container__change__inf ul.individual_or_corporation .individual_or_corporation_tab .individual_or_corporation {
    width: 49%;
    max-width: initial;
  }
  .mypage_right_container__change__inf ul.name li input {
    width: 49.1%;
    max-width: initial;
  }
  .mypage_right_container__change__inf ul.postal_code li input {
    width: 49.1%;
    max-width: initial;
  }
  .mypage_right_container__change__inf ul.postal_code li a {
    top: 32px;
  }
  .mypage_right_container__change__inf ul.prefecture li:last-child select {
    width: 49.1%;
    max-width: initial;
  }
  .mypage_right_container__change__inf ul.addr02 li p:last-child {
    font-size: 0.625rem;
  }
  .mypage_right_container__credit {
    padding: 24px 17px;
  }
  .mypage_right_container__credit ul {
    flex-direction: column;
  }
  .mypage_right_container__credit ul li:first-child {
    width: 100%;
  }
  .mypage_right_container__credit ul li:first-child:nth-child(2n+1) {
    margin-top: 8px;
  }
  .mypage_right_container__credit .add-card-field ul li input,
  .mypage_right_container__credit .add-card-field ul li select {
    width: 99%;
    font-size: 1rem;
  }
  .mypage_right_container__credit .add-card-field ul li:first-child {
    width: 100%;
  }
  .mypage_right_container__credit .add-card-field ul li:first-child:nth-child(2n+1) {
    padding-top: 8px;
  }
  .mypage_right_container__credit .add-card-field ul li:last-child {
    width: 100%;
  }
  .mypage_right_container__magazine {
    padding: 24px 17px;
  }
  .mypage_right_container__magazine h2, .mypage_right_container__magazine .h2 {
    margin-bottom: 6px;
  }
  .mypage_right_container__magazine label:nth-of-type(1) {
    margin-bottom: 4px;
  }
  .customer_address_edit ul {
    flex-direction: column;
  }
  .customer_address_edit ul li input,
  .customer_address_edit ul li select {
    width: 99%;
    font-size: 1rem;
  }
  .customer_address_edit ul li:first-child {
    width: 100%;
  }
  .customer_address_edit ul li:first-child:nth-child(2n+1) {
    padding-top: 8px;
  }
  .customer_address_edit ul li:last-child {
    width: 100%;
  }
  .customer_address_edit ul.individual_or_corporation .individual_or_corporation_tab {
    width: 100%;
  }
  .customer_address_edit ul.individual_or_corporation .individual_or_corporation_tab .individual_or_corporation {
    width: 49%;
    max-width: initial;
  }
  .customer_address_edit ul.name li input {
    width: 49.1%;
    max-width: initial;
  }
  .customer_address_edit ul.postal_code li input {
    width: 49.1%;
    max-width: initial;
  }
  .customer_address_edit ul.postal_code li a {
    top: 32px;
  }
  .customer_address_edit ul.prefecture li:last-child select {
    width: 49.1%;
    max-width: initial;
  }
  .customer_address_edit ul.addr02 li p:last-child {
    font-size: 0.625rem;
  }
  .mypage_mydesign_container {
    width: 100%;
    max-width: initial;
    margin: 102px 0 80px;
    padding: 0 24px;
  }
  .mypage_mydesign_right_container {
    width: 100%;
    padding: 24px 17px;
  }
  .mypage_mydesign_right_container h1, .mypage_mydesign_right_container .h1 {
    font-size: 1rem;
  }
  .mypage_mydesign_right_container_second {
    width: 100%;
    padding: 24px 17px;
  }
  .mypage_mydesign_right_container_second h1, .mypage_mydesign_right_container_second .h1 {
    font-size: 1rem;
  }
  .mypage_mydesign_right_container_second p:nth-of-type(1) {
    font-size: 0.875rem;
    margin-bottom: 8px;
  }
  .mypage_mydesign_right_container__list h2, .mypage_mydesign_right_container__list .h2 {
    font-size: 0.875rem;
    margin-bottom: 0;
  }
  .mypage_mydesign_right_container__list ul {
    flex-direction: column;
    gap: 16px;
    padding: 16px 8px;
  }
  .mypage_mydesign_right_container__list ul li {
    display: flex;
    width: 100%;
  }
  .mypage_mydesign_right_container__list ul li p {
    margin: 0;
    width: 62.18%;
    font-size: 0.625rem;
    text-align: left;
  }
  .mypage_mydesign_right_container__list:last-child ul {
    padding-bottom: 8px;
  }
  .mypage_mydesign_right_container__list__button {
    max-width: 33%;
    gap: 16px;
  }
  .mypage_mydesign_right_container__list__button button {
    padding: 0;
  }
  .mypage_mydesign_right_container__list__useFlex {
    gap: 4px;
  }
  .mypage_mydesign_right_container__list__useFlex li:nth-of-type(2) {
    font-size: 0.75rem;
  }
  #pen {
    height: 14px;
  }
  .mypage_favorite_container {
    width: 100%;
    max-width: initial;
    padding: 0 24px;
  }
  .mypage_favorite_right_container {
    width: 100%;
    padding: 24px 16px;
  }
  .mypage_favorite_right_container__list h2, .mypage_favorite_right_container__list .h2 {
    margin-bottom: 8px;
  }
  .mypage_favorite_right_container__list ul {
    flex-direction: column;
    gap: 8px;
    padding: 8px;
  }
  .mypage_favorite_right_container__list ul li:nth-of-type(3) p {
    margin: 0;
    width: 62.18%;
    font-size: 0.625rem;
  }
  .mypage_favorite_right_container__list ul li {
    width: 100%;
  }
  .mypage_favorite_right_container__list__button {
    margin: 0;
  }
  .mypage_favorite_right_container__list__button button,
  .mypage_favorite_right_container__list__button a {
    padding: 0;
  }
  .mypage_favorite_right_container__list__useFlex {
    gap: 4px;
  }
  .mypage_favorite_right_container__list__useFlex li:nth-of-type(2) {
    font-size: 0.75rem;
    padding: 0;
  }
  .mypage_favorite_right_container_second {
    height: 133px;
  }
  .mypage_favorite_right_container_second p:nth-of-type(1) {
    margin-bottom: 8px;
  }
  .mypage_favorite_right_container_second p:nth-of-type(2) {
    margin-bottom: 8px;
  }
  .mypage_cancel_membership_container {
    width: 100%;
    max-width: initial;
    padding: 0 24px;
  }
  .mypage_cancel_membership_right_container {
    width: 100%;
    padding: 24px 16px;
  }
  .mypage_cancel_membership_right_container h2, .mypage_cancel_membership_right_container .h2 {
    font-size: 0.875rem;
  }
  .mypage_cancel_membership_right_container p {
    margin-bottom: 8px;
  }
  .mypage_cancel_membership_container {
    width: 100%;
    max-width: initial;
    padding: 0 24px;
  }
  .mypage_cancel_membership_right_container__second h1, .mypage_cancel_membership_right_container__second .h1 {
    width: 100%;
    top: -40px;
    left: 0;
    text-align: center;
  }
  .mypage_cancel_membership_right_container__second__list {
    padding: 24px 16px;
  }
  .mypage_cancel_membership_right_container__second__list p {
    font-size: 0.875rem;
  }
  .mypage_cancel_membership_right_container__second__button button {
    max-width: initial;
  }
  .mypage_order_list_container {
    max-width: initial;
    padding: 0 24px;
  }
  .mypage_order_list_right_container {
    width: 100%;
  }
  .mypage_order_list_right_container h1, .mypage_order_list_right_container .h1 {
    font-size: 1rem;
  }
  .mypage_order_list_right_container h2, .mypage_order_list_right_container .h2 {
    font-size: 0.875rem;
  }
  .mypage_order_list_right_container__before_sending,
  .mypage_order_list_right_container__after_sending {
    padding: 24px 17px;
  }
  .mypage_order_list_right_container__list {
    margin: 8px 0;
    padding: 8px;
  }
  .mypage_order_list_right_container__list__top {
    flex-direction: column;
  }
  .mypage_order_list_right_container__list__top__right {
    margin: 8px auto 0 0;
  }
  .mypage_order_list_right_container__list__middle ul {
    gap: 4px;
  }
  .mypage_order_list_right_container__list__middle ul li img {
    width: 70px;
    height: 77px;
  }
  .mypage_order_list_right_container__list__middle ul li:nth-of-type(2) {
    padding: 0;
  }
  .mypage_order_list_right_container__bottom {
    flex-direction: column;
  }
  .mypage_order_list_right_container__bottom__left {
    width: 100%;
    margin: 0;
  }
  .mypage_order_list_right_container__bottom__right {
    width: 100%;
    margin: 0;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 8px;
  }
  .mypage_order_list_right_container__bottom__right a,
  .mypage_order_list_right_container__bottom__right button {
    font-size: 0.675rem;
  }
  .mypage_order_list_right_container__second {
    width: 100%;
  }
  .mypage_order_list_right_container__second h1, .mypage_order_list_right_container__second .h1 {
    font-size: 1rem;
  }
  .mypage_order_list_right_container__second h2, .mypage_order_list_right_container__second .h2 {
    font-size: 0.875rem;
  }
  .mypage_order_cancel_container {
    max-width: initial;
    padding: 0 24px;
  }
  .mypage_order_cancel_right_container {
    width: 100%;
    padding: 24px 17px;
  }
  .mypage_order_cancel_right_container h1, .mypage_order_cancel_right_container .h1 {
    font-size: 1rem;
  }
  .mypage_order_cancel_right_container h2, .mypage_order_cancel_right_container .h2 {
    font-size: 0.875rem;
    margin-bottom: 8px;
  }
  .mypage_order_cancel_right_container__list {
    padding: 8px;
  }
  .mypage_order_cancel_right_container__list__top {
    flex-direction: column;
  }
  .mypage_order_cancel_right_container__list__middle {
    padding: 0;
  }
  .mypage_order_cancel_right_container__list__middle ul {
    flex-wrap: wrap;
  }
  .mypage_order_cancel_right_container__list__middle ul li:first-child {
    width: 70px;
  }
  .mypage_order_cancel_right_container__list__middle ul li:first-child img {
    padding-right: 4px;
  }
  .mypage_order_cancel_right_container__list__middle ul li:nth-of-type(2) {
    width: 63.5%;
    padding: 0;
  }
  .mypage_order_cancel_right_container__list__middle ul li:nth-of-type(3) {
    width: 100%;
    padding: 0;
    margin: 8px 0 0;
  }
  .order_cancel_select_box select {
    display: block;
    margin: 0 30px 0 auto;
  }
  .mypage_order_detail_container {
    max-width: initial;
    padding: 0 24px;
  }
  .mypage_order_detail_right_container {
    width: 100%;
    padding: 24px 17px;
  }
  .mypage_order_detail_right_container h1, .mypage_order_detail_right_container .h1 {
    font-size: 1rem;
  }
  .mypage_order_detail_right_container h2, .mypage_order_detail_right_container .h2 {
    font-size: 0.875rem;
    margin-bottom: 8px;
  }
  .mypage_order_detail_right_container__list__top ul {
    flex-direction: column;
  }
  .mypage_order_detail_right_container__list__top ul li:nth-of-type(1) {
    width: 100%;
  }
  .mypage_order_detail_right_container__list__top ul li:nth-of-type(2) {
    margin: 6px 0;
  }
  .mypage_order_detail_right_container__list__middle {
    padding: 0;
  }
  .mypage_order_detail_right_container__list__middle ul {
    gap: 4px;
    flex-wrap: wrap;
    padding: 8px;
  }
  .mypage_order_detail_right_container__list__middle ul li:nth-of-type(2) {
    padding: 0;
  }
  .mypage_order_detail_right_container__list__middle ul li:nth-of-type(3) {
    width: 100%;
  }
  .mypage_order_detail_right_container__list__middle ul li:nth-of-type(3) p,
  .mypage_order_detail_right_container__list__middle ul li:nth-of-type(3) a {
    margin-top: 4px;
  }
  .mypage_order_detail_right_container__list__bottom {
    padding-top: 8px;
  }
  #order_detail_status ul li:nth-of-type(4) label {
    left: 24px;
  }
  #order_detail_status label {
    width: 45px;
  }
  #page_mypage_review_post .main,
  #page_creator_mypage_review_post .main {
    padding: 64px 0 80px;
  }
  #page_mypage_review_post .main h1, #page_mypage_review_post .main .h1,
  #page_creator_mypage_review_post .main h1,
  #page_creator_mypage_review_post .main .h1 {
    font-size: 1rem;
  }
  #page_mypage_review_post .main form,
  #page_creator_mypage_review_post .main form {
    padding: 0 24px;
  }
  #page_mypage_review_post .main form .input-field h2, #page_mypage_review_post .main form .input-field .h2,
  #page_creator_mypage_review_post .main form .input-field h2,
  #page_creator_mypage_review_post .main form .input-field .h2 {
    font-size: 0.875rem;
  }
  #page_mypage_review_post .main form .input-field .input-wrapper,
  #page_creator_mypage_review_post .main form .input-field .input-wrapper {
    flex-direction: column;
  }
  #page_mypage_review_post .main form .input-field .input-wrapper label,
  #page_creator_mypage_review_post .main form .input-field .input-wrapper label {
    width: 50%;
  }
  #page_mypage_review_post .main form .input-field .input-wrapper.input,
  #page_creator_mypage_review_post .main form .input-field .input-wrapper.input {
    align-items: initial;
  }
  #page_mypage_review_post .main form .input-field .input-wrapper .ratings-field .size,
  #page_creator_mypage_review_post .main form .input-field .input-wrapper .ratings-field .size {
    font-size: 1.4rem;
  }
  #page_mypage_review_post .main form .submit,
  #page_creator_mypage_review_post .main form .submit {
    max-width: initial;
  }
  #breadcrumbs {
    padding: 8px 5%;
    align-items: center;
  }
  #breadcrumbs li span {
    font-size: 0.625rem;
    padding-bottom: 4px;
  }
  #breadcrumbs .arrow {
    margin-bottom: 0px;
  }
  .mypage_left_container {
    display: none;
  }
  #page_mypage_review_post_complete .main,
  #page_creator_mypage_review_post_complete .main {
    padding: 64px 24px 80px;
  }
  #page_mypage_review_post_complete .main h1, #page_mypage_review_post_complete .main .h1,
  #page_creator_mypage_review_post_complete .main h1,
  #page_creator_mypage_review_post_complete .main .h1 {
    font-size: 1rem;
  }
  #page_mypage_review_post_complete .main .text-field,
  #page_creator_mypage_review_post_complete .main .text-field {
    padding: 24px 17px;
  }
  #page_mypage_review_post_complete .main .text-field p,
  #page_creator_mypage_review_post_complete .main .text-field p {
    font-size: 0.875rem;
  }
  #page_mypage_review_post_complete .main button,
  #page_creator_mypage_review_post_complete .main button {
    max-width: initial;
  }
  #page_mypage_send_verification_email .main {
    padding: 64px 24px 80px;
  }
  #page_mypage_send_verification_email .main h1, #page_mypage_send_verification_email .main .h1 {
    font-size: 1rem;
  }
  #page_mypage_send_verification_email .main .text-field {
    padding: 24px 17px;
  }
  #page_mypage_send_verification_email .main .text-field p {
    font-size: 0.875rem;
  }
  #page_mypage_send_verification_email .main .button-field {
    gap: 4px;
  }
  #page_mypage_send_verification_email .main .button-field a {
    max-width: none;
  }
  #page_mypage_send_verification_email .main .button-field a button {
    flex: initial;
  }
  .help_agreement_main_container {
    margin: 20vw 0 25vw;
  }
  .help_agreement_main_container__top {
    max-width: 85vw;
    margin: 0 7.5vw 16px;
  }
  .help_agreement_divider {
    max-width: 85vw;
    margin: 0 7.5vw 16px;
  }
  .help_about {
    width: 85vw;
    margin: 64px auto 80px;
  }
  .help_about h1, .help_about .h1 {
    font-size: 6.25vw;
    margin-bottom: 5vw;
  }
  .help_about__container {
    padding: 56px 9px;
  }
  .help_about__container__list {
    max-width: initial;
  }
  .help_about__container__list ul {
    flex-direction: column;
    padding: 5vw 0;
  }
  .help_about__container__list ul li:first-child {
    width: 100%;
    font-size: 3.75vw;
  }
  .help_about__container__list ul li:last-child {
    width: 100%;
    font-size: 3.75vw;
  }
  .help_about__container__usePadding {
    padding: 0;
  }
  .privacy_policy {
    padding: 24px;
  }
  #login-modal .modal .modal__content {
    padding: 16px;
    width: 85%;
  }
  #login-modal .modal .modal__content .head {
    font-size: 1rem;
  }
  #login-modal .modal .modal__content .main {
    padding: 64px 0 48px;
  }
  #login-modal .modal .modal__content .main .input-wrapper.input {
    max-width: 300px;
    margin: 8px auto;
  }
  #login-modal .modal .modal__content .main .btn {
    font-size: 0.75rem;
    max-width: 300px;
    margin: 24px auto;
  }
  #login-modal .modal .modal__content .main .google-button-wrapper {
    display: none;
  }
  #login-modal .modal .modal__content .main .sp-google-button-wrapper {
    display: flex;
  }
  #registration-modal .modal .modal__content {
    padding: 16px;
    width: 85%;
  }
  #registration-modal .modal .modal__content .head {
    font-size: 1rem;
  }
  #registration-modal .modal .modal__content .main {
    padding: 64px 0 48px;
  }
  #registration-modal .modal .modal__content .main .btn {
    font-size: 0.75rem;
    max-width: 300px;
    margin: 0 auto;
  }
  #registration-modal .modal .modal__content .main .google-button-wrapper {
    display: none;
  }
  #registration-modal .modal .modal__content .main .sp-google-button-wrapper {
    display: flex;
  }
  #page_forgot .main {
    padding: 64px 0 80px;
  }
  #page_forgot .main h1, #page_forgot .main .h1 {
    font-size: 1rem;
  }
  #page_forgot .main form {
    padding: 0 24px;
  }
  #page_forgot .main form .input-field h2, #page_forgot .main form .input-field .h2 {
    font-size: 0.875rem;
  }
  #page_forgot .main form .input-field {
    padding: 64px 16px;
  }
  #page_forgot .main form .input-field .input-wrapper.input {
    align-items: initial;
  }
  #page_forgot_complete .main {
    padding: 64px 24px 80px;
  }
  #page_forgot_complete .main h1, #page_forgot_complete .main .h1 {
    font-size: 1rem;
  }
  #page_forgot_complete .main .text-field {
    padding: 24px 17px;
  }
  #page_forgot_complete .main .text-field p {
    font-size: 0.875rem;
  }
  #page_forgot_complete .main .button-field {
    gap: 4px;
  }
  #page_forgot_complete .main .button-field a {
    max-width: unset;
  }
  #page_forgot_reset .main {
    padding: 64px 0 80px;
  }
  #page_forgot_reset .main h1, #page_forgot_reset .main .h1 {
    font-size: 1rem;
  }
  #page_forgot_reset .main form {
    padding: 0 24px;
  }
  #page_forgot_reset .main form .input-field h2, #page_forgot_reset .main form .input-field .h2 {
    font-size: 0.875rem;
  }
  #page_forgot_reset .main form .input-field {
    padding: 64px 16px;
  }
  #page_forgot_reset .main form .input-field .input-wrapper.input {
    align-items: initial;
  }
  .order_status_block ul {
    justify-content: center;
    gap: 8px;
    margin: 0 -18px;
  }
  .order_status_block ul li label {
    width: 39px;
  }
  #creator-entry .entry-area {
    width: 90%;
    max-width: 350px;
    padding: 35px 25px;
  }
  #creator-entry .entry-area .form-wrapper {
    max-width: 320px;
  }
  #creator-entry .entry-area .form {
    gap: 28px;
  }
  #creator-entry .entry-area .form input {
    height: 56px;
  }
  #creator-entry .entry-area .form .submit-wrapper {
    margin-top: 10px;
  }
  #creator-entry .entry-area .form .submit-wrapper .submit {
    height: 56px;
    padding: 12px;
  }
  #creator-entry .entry-area .login {
    font-size: 14px;
  }
  #creator-entry .entry-area .google-button-wrapper {
    display: none;
  }
  #creator-entry .entry-area .sp-google-button-wrapper {
    display: flex;
  }
  #creator-login .login-area {
    width: 90%;
    max-width: 350px;
    padding: 35px 25px;
  }
  #creator-login .login-area .form-wrapper {
    max-width: 320px;
  }
  #creator-login .login-area .form {
    gap: 28px;
  }
  #creator-login .login-area .form input {
    height: 56px;
  }
  #creator-login .login-area .form .submit-wrapper {
    margin-top: 10px;
  }
  #creator-login .login-area .form .submit-wrapper .submit {
    height: 56px;
    padding: 12px;
  }
  #creator-login .login-area .google-button-wrapper {
    display: none;
  }
  #creator-login .login-area .sp-google-button-wrapper {
    display: flex;
  }
  #sort-and-filter-modal .container {
    max-height: calc(100vh - 34px);
  }
  .creator-mall-product-detail-right-container hr {
    margin: 0.5rem 0;
  }
  .creator_mall_banner {
    flex-direction: column;
    margin-top: 2rem;
  }
  .creator_mall_banner a {
    width: 100%;
  }
  .creator_mall_creator_detail_lists_container .sort_and_list_title_container {
    padding: 4%;
    margin-top: 2rem;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .category-nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 5px;
    margin-bottom: 25px;
  }
  .category-nav::-webkit-scrollbar {
    height: 4px;
  }
  .category-nav::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .category-nav::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 2px;
  }
  .category-button {
    flex-shrink: 0;
    white-space: nowrap;
  }
  .quantity-input {
    gap: 0.4rem;
    margin-top: 12px;
  }
  .quantity-input input.product-quantity {
    width: calc(100% - 2rem * 2 - 0.4rem * 2) !important;
    height: 28px;
    font-size: 1rem;
    border-radius: 8px;
    border-width: 2px;
    border-color: #e0e0e0;
  }
  .quantity-input input.product-quantity:focus {
    border-color: #6c757d;
    box-shadow: 0 0 0 3px rgba(108, 117, 125, 0.15), inset 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  .quantity-btn {
    width: 2rem;
    height: 2rem;
    font-size: 16px;
    border-width: 1px;
    border-radius: 50%;
  }
  .quantity-btn:before {
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 50%;
  }
  .quantity-btn .btn-text {
    transform: translateY(-1px);
  }
  .quantity-btn.minus .btn-text {
    transform: translateY(0px);
  }
  .quantity-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(108, 117, 125, 0.3);
  }
  .quantity-btn.minus:hover {
    box-shadow: 0 6px 12px rgba(220, 53, 69, 0.3);
  }
  .quantity-btn:active {
    transform: translateY(-1px);
  }
  .ep-detail__container {
    flex-direction: column;
    gap: 32px;
  }
  .ep-detail__left {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .consensus-overlay .consensus-container {
    padding: 15px;
  }
  .consensus-overlay .box {
    padding: 15px;
  }
  .consensus-overlay .title {
    font-size: 20px;
  }
  .consensus-overlay .btn-ec-conversion {
    width: 100%;
    padding: 10px;
  }
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media only screen and (max-width: 525px) {
  .mainContents__left {
    padding: 24px 17px;
  }
  #mainContents__left__cartList ul li {
    padding: 16px 0 16px 8px;
  }
  #mainContents__left__cartList ul li img {
    margin-right: 4px;
  }
  #mainContents__left__cartList__productDetail {
    width: 64%;
  }
  #mainContents__left__coupon {
    margin-bottom: 24px;
  }
  #mainContents__left__coupon #apply-coupon p {
    font-size: 0.75rem;
  }
  #mainContents__left__coupon #apply-coupon button {
    height: 42px;
  }
  #mainContents__left__coupon #apply-coupon button .show-sp {
    display: inline;
  }
  #mainContents__left__coupon .no-cart-notice {
    font-size: 0.625rem;
  }
  #mainContents__left__coupon .mainContents__about__coupon {
    font-size: 0.625rem;
  }
  .slide__navigation {
    margin: 8px 0 0;
    gap: 1.25vw;
  }
  #products_name_value_review p.product_name {
    font-size: 1rem;
  }
  #product_name_value_review label {
    font-size: 0.75rem;
  }
  .tab_item {
    font-size: 0.875rem;
    line-height: -2.4;
  }
  .tabs_bottom {
    font-size: 0.75rem;
  }
  #product_item_category_list .product_item_category_list__wrap .product_item_category_list_wrap__list {
    width: 124px;
    text-align: left;
  }
  #product_item_category_list .product_item_category_list__wrap .product_item_category_list_wrap__list.is-empty {
    width: 124px;
    text-align: left;
  }
  .product_item_category_img {
    width: 124px;
    margin-bottom: 2px;
  }
  #page_shopping .customer_data__container__left__middle__address li img,
  #page_creator_shopping .customer_data__container__left__middle__address li img,
  #page_shopping_redirect_to .customer_data__container__left__middle__address li img,
  #page_creator_shopping_redirect_to .customer_data__container__left__middle__address li img {
    width: 70px;
  }
  #page_shopping #customer_data__left__cartList ul:first-child li img,
  #page_creator_shopping #customer_data__left__cartList ul:first-child li img,
  #page_shopping_redirect_to #customer_data__left__cartList ul:first-child li img,
  #page_creator_shopping_redirect_to #customer_data__left__cartList ul:first-child li img {
    width: 70px;
  }
  #page_shopping #customer_data__left__cartList .customer_data__about__coupon,
  #page_creator_shopping #customer_data__left__cartList .customer_data__about__coupon,
  #page_shopping_redirect_to #customer_data__left__cartList .customer_data__about__coupon,
  #page_creator_shopping_redirect_to #customer_data__left__cartList .customer_data__about__coupon {
    font-size: 0.625rem;
  }
  #page_shopping #customer_data__left__cartList__productDetail,
  #page_creator_shopping #customer_data__left__cartList__productDetail,
  #page_shopping_redirect_to #customer_data__left__cartList__productDetail,
  #page_creator_shopping_redirect_to #customer_data__left__cartList__productDetail {
    padding: 0;
  }
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
  .form-select {
    transition: none;
  }
  .form-switch .form-check-input {
    transition: none;
  }
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
  .form-floating > label {
    transition: none;
  }
  .btn {
    transition: none;
  }
  .fade {
    transition: none;
  }
  .collapsing {
    transition: none;
  }
  .collapsing.collapse-horizontal {
    transition: none;
  }
  .nav-link {
    transition: none;
  }
  .navbar-toggler {
    transition: none;
  }
  .accordion-button {
    transition: none;
  }
  .accordion-button::after {
    transition: none;
  }
  .page-link {
    transition: none;
  }
  .progress-bar {
    transition: none;
  }
  .progress-bar-animated {
    animation: none;
  }
  .modal.fade .modal-dialog {
    transition: none;
  }
  .carousel-item {
    transition: none;
  }
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
  .offcanvas {
    transition: none;
  }
  .icon-link > .bi {
    transition: none;
  }
  .ec-input input, .ec-birth input, .ec-select input, .ec-telInput input, .ec-zipInput input, .ec-numberInput input, .ec-halfInput input {
    transition: none;
  }
  .ec-input select, .ec-birth select, .ec-select select, .ec-telInput select, .ec-zipInput select, .ec-numberInput select, .ec-halfInput select {
    transition: none;
  }
  .ec-input textarea, .ec-birth textarea, .ec-select textarea, .ec-telInput textarea, .ec-zipInput textarea, .ec-numberInput textarea, .ec-halfInput textarea {
    transition: none;
  }
  .ec-input input, .ec-birth input, .ec-select input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input {
    transition: none;
  }
  .ec-input select, .ec-birth select, .ec-select select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select {
    transition: none;
  }
  .ec-input textarea, .ec-birth textarea, .ec-select textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea {
    transition: none;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}/*# sourceMappingURL=style.css.map */