@charset "UTF-8";
/* foundation style */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

/* Grouping content
   ========================================================================== */
/**
 * 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-size: 1em; /* 2 */
  font-family: monospace, monospace; /* 1 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 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 */
}

/**
 * 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-size: 1em; /* 2 */
  font-family: monospace, monospace; /* 1 */
}

/**
 * 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 {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0; /* 2 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  font-family: inherit; /* 1 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible; /* 1 */
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none; /* 1 */
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * 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 {
  padding: 0;
  border-style: none;
}

/**
 * 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;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 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 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  color: inherit; /* 2 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
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 in Chrome and Safari on macOS.
 */
[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 Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

html {
  box-sizing: border-box;
  overscroll-behavior: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-overflow-scrolling: touch;
}

body {
  overscroll-behavior: none;
}

*,
::before,
::after {
  box-sizing: inherit;
}

header {
  z-index: 2;
  position: relative;
}

body, main, footer, aside {
  z-index: 1;
  position: relative;
}

section {
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
}

ul, ol, li, dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

p, dl {
  margin: 0;
}

dt {
  display: inline;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

strong {
  font-size: 1.15em;
}

hr {
  margin: 0;
  border: none;
}

iframe {
  border: none;
}

button {
  padding: 0;
  border-width: 0;
  background-color: transparent;
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
  cursor: pointer;
  touch-action: manipulation;
}

input::-moz-focus-inner {
  margin: 0;
  padding: 0;
  border: 0;
}

summary {
  list-style: none; /* 矢印を消す */
}

summary::-webkit-details-marker {
  display: none; /* Safari用に矢印を非表示 */
}

html {
  font-size: 62.5%;
}

body {
  background-color: #fff;
  color: #000000;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  letter-spacing: 0;
  word-wrap: break-word;
}

img, svg {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

[data-ruby] {
  position: relative;
}
[data-ruby]::before {
  position: absolute;
  top: -1em;
  left: -100%;
  width: 300%;
  content: attr(data-ruby);
  font-size: 0.5em;
  line-height: 1;
  letter-spacing: 0.2em;
  text-align: center;
}

:root {
  --c-black: #000000;
  --c-white: #fff;
  --c-gray: #adadad;
  --c-light-gray: #ececec;
  --c-red: #e60012;
  --c-blue: #0e67ae;
  --c-green: #1aaeb8;
  --c-yellow: #fabe00;
  --c-orange: #ed6c00;
  --bc-black: #000000;
  --bc-white: #fff;
  --bc-gray: #adadad;
  --bc-light-gray: #ececec;
  --bc-red: #e60012;
  --bc-blue: #0e67ae;
  --bc-green: #1aaeb8;
  --bc-yellow: #fabe00;
  --bc-orange: #ed6c00;
  --fs-xs: 1rem;
  --fs-s: 1.2rem;
  --fs-m: 1.6rem;
  --fs-l: 1.8rem;
  --fs-xl: 2rem;
  --fs-base: 1.4rem;
  --fw-s: 100;
  --fw-m: 400;
  --fw-l: 700;
  --fw-xl: 900;
  --fw-base: 400;
  --lh-0: 0;
  --lh-s: 1;
  --lh-m: 2;
  --lh-l: 3;
  --lh-base: 1.5;
  --ls-s: 0.0125em;
  --ls-m: 0.05em;
  --ls-l: 0.075em;
  --ls-base: 0.025em;
  --space-0: 0;
  --space-xxs: 0.5rem;
  --space-xs: 1rem;
  --space-s: 2rem;
  --space-m: 3rem;
  --space-l: 4rem;
  --space-xl: 5rem;
  --space-xxl: 6rem;
  --space-1e: 1em;
  --family-sans-serif: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --family-base: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --slick-dot-size: 10px;
  --slick-dot-color: #adadad;
  --slick-dot-active: #e60012;
}

.l-body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  letter-spacing: 0.02em;
}

.l-header {
  position: relative;
}

.l-bg-top {
  background: url("../img/bg-base.jpg") no-repeat top center/95%;
}

.l-global-nav {
  display: flex;
  z-index: 100;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  padding: 0 1%;
  padding: 0 2%;
  gap: 5px;
}
.l-global-nav__list {
  display: flex;
  flex-direction: column;
  width: 75%;
  padding: 1%;
}
.l-global-nav__list {
  /* purgecss start ignore */
}
.l-global-nav__list .nav-bar__item {
  padding: 1%;
}
.l-global-nav__list .nav-bar__item:nth-child(2) {
  width: 70%;
}
.l-global-nav__list {
  /* purgecss end ignore */
}

.l-main {
  flex-grow: 1;
  width: 100%;
}
.l-main .pager {
  margin-top: min(40px, 3.33333vw);
}

.l-footer {
  position: relative;
  position: relative;
  padding-top: min(80px, 6.66667vw);
  padding-bottom: min(80px, 6.66667vw);
  background-color: #f2f2f2;
  font-size: 1.2rem;
}
.l-footer .outline {
  margin-top: min(48px, 4vw);
  margin-bottom: min(10px, 0.83333vw);
}

#top .l-global-nav {
  z-index: 1000;
  position: fixed;
  top: var(--global-nav-space-y);
  right: var(--global-nav-space-x);
}
#top .hamburger-menu__content {
  margin-right: var(--global-nav-space-x);
}

#special {
  background: url("../img/bg-base.jpg");
}

body:not(#top) .l-header {
  display: flex;
  position: sticky;
  top: 0;
  flex-direction: column;
  justify-content: space-between;
  padding: calc(var(--global-nav-space-y) + 6px) var(--global-nav-space-x);
  background-color: #000000;
}
body:not(#top) .l-header__logo {
  flex-grow: 1;
  max-width: 100%;
  padding: 2%;
  text-align: center;
}
body:not(#top) .l-main {
  margin-top: min(45px, 3.75vw);
  margin-bottom: min(59px, 4.91667vw);
}

body:not(#top, #all) {
  background: url("../img/bg-base.jpg") repeat-y center/100%;
  background-attachment: fixed;
}
body:not(#top, #all) .l-main__nav {
  height: 100%;
  padding: min(20px, 1.66667vw) 2em min(20px, 1.66667vw) 1em;
  overflow-y: auto;
}

.logo {
  display: inline-block;
  height: 100%;
  margin: 0;
  padding-right: 5%;
  background: #fff;
}
.logo img {
  width: 35%;
  transition: transform 0.25s ease-in-out;
}
.logo img:hover, .logo img:focus {
  transform: scale(0.95);
}

.bullets > * {
  padding-left: 1em;
  text-indent: -1em;
}

.text-link {
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-underline-offset: 0.15em;
  word-break: break-all;
  transition: color 0.15s ease-in-out;
}
.text-link:hover, .text-link:focus {
  color: #e60012;
}

.icon {
  position: relative;
  vertical-align: middle;
}
.icon::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-size: 100%;
  content: "";
  vertical-align: middle;
}
.icon--x {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23fff%22>%3Cpath%20d%3D%22M18.244%202.25h3.308l-7.227%208.26%208.502%2011.24H16.17l-5.214-6.817L4.99%2021.75H1.68l7.73-8.835L1.254%202.25H8.08l4.713%206.231zm-1.161%2017.52h1.833L7.084%204.126H5.117z%22%2F%3E</svg>');
  background-repeat: no-repeat;
}
.icon--film::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23fff%22>%3Cpath%20d%3D%22m21.75%2C0v1.86h-1.87V0H4.12v1.86h-1.87V0H0v18.61h2.25v-1.86h1.87v1.86h15.75v-1.86h1.87v1.86h2.25V0h-2.25ZM4.12%2C13.9h-1.87v-2.98h1.87v2.98Zm0-6.21h-1.87v-2.98h1.87v2.98Zm10.93%2C1.32l-5.97%2C3.59s-.1.03-.14%2C0c-.04-.02-.07-.07-.07-.12v-7.17c0-.05.03-.1.07-.12.04-.02.1-.02.14%2C0l5.97%2C3.59s.07.07.07.12-.03.1-.07.12Zm6.69%2C4.89h-1.87v-2.98h1.87v2.98Zm0-6.21h-1.87v-2.98h1.87v2.98Z%22%2F%3E</svg>');
  background-repeat: no-repeat;
}
.icon--category::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23fff%22>%3Cpath%20d%3D%22m18.57%2C10.05c-2.9-2.9-5.81-5.8-8.71-8.7-.7-.7-1.54-1.12-2.5-1.31-.04%2C0-.08-.02-.12-.04H1.4C.68.17.22.6%2C0%2C1.29v6.1c.1.33.19.66.31.98.21.53.52%2C1%2C.93%2C1.41%2C2.91%2C2.9%2C5.82%2C5.81%2C8.72%2C8.72.32.32.66.58%2C1.1.68h.52c.47-.09.82-.36%2C1.15-.69%2C1.94-1.95%2C3.89-3.89%2C5.83-5.84.82-.82.82-1.79%2C0-2.61ZM4.04%2C5.67c-.88%2C0-1.56-.69-1.56-1.58%2C0-.89.7-1.6%2C1.56-1.58.89.01%2C1.57.71%2C1.57%2C1.61%2C0%2C.85-.71%2C1.55-1.58%2C1.55Zm19.4%2C4.41c-2.86-2.88-5.73-5.75-8.62-8.61-.32-.32-.69-.6-1.06-.85-.51-.34-1.11-.51-1.71-.62h-3c.44.13.89.25%2C1.33.41.52.19.95.5%2C1.35.89%2C2.94%2C2.94%2C5.89%2C5.88%2C8.85%2C8.81.45.45.66.98.51%2C1.62-.08.36-.29.64-.55.89-1.85%2C1.85-3.7%2C3.71-5.55%2C5.56-.08.08-.15.16-.24.26.32.34.64.63%2C1.08.75h.67c.45-.11.79-.39%2C1.11-.71%2C1.92-1.93%2C3.84-3.85%2C5.76-5.77.28-.28.52-.58.63-.96v-.78c-.18-.3-.32-.64-.55-.89Z%22%2F%3E</svg>');
  background-repeat: no-repeat;
}
.icon--all::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23fff%22>%3Cpath%20d%3D%22m1.06%2C12.71c.96-2.18%2C1.93-4.35%2C2.86-6.54.26-.6.59-.86%2C1.27-.85%2C4.32.03%2C8.64.02%2C12.96.01.76%2C0%2C.87-.11.87-.86%2C0-1.23%2C0-2.45%2C0-3.68%2C0-.29-.02-.57-.23-.8h-7.47c-.26.42-.54.84-.78%2C1.27-.23.4-.55.55-1.01.55-2.81-.01-5.62-.01-8.43-.01C.41%2C1.81.01%2C2.02.01%2C2.55-.02%2C3.73.01%2C9.31.01%2C12.9c.52.45.78.4%2C1.04-.19Zm22.06-5.99c-.18%2C0-.36%2C0-.53%2C0-4.82%2C0-15.85.02-16.54%2C0-.52-.02-.88.16-1.08.66-.28.69-.61%2C1.36-.91%2C2.04-1.19%2C2.72-2.37%2C5.44-3.56%2C8.15-.12.28-.24.56-.08.88.22.23.48.21.73.21%2C5.76%2C0%2C11.53%2C0%2C17.29%2C0%2C.51%2C0%2C.77-.21.97-.66%2C1.47-3.39%2C2.96-6.77%2C4.44-10.15.36-.82.17-1.12-.71-1.15Z%22%2F%3E</svg>');
  background-repeat: no-repeat;
}
.icon--square::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23000000%22>%3Crect%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%221.09%22%20ry%3D%221.09%22%2F%3E</svg>');
  background-size: 80%;
  background-repeat: no-repeat;
}
.icon--c-red-film::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23e60012%22>%3Cpath%20d%3D%22m21.75%2C0v1.86h-1.87V0H4.12v1.86h-1.87V0H0v18.61h2.25v-1.86h1.87v1.86h15.75v-1.86h1.87v1.86h2.25V0h-2.25ZM4.12%2C13.9h-1.87v-2.98h1.87v2.98Zm0-6.21h-1.87v-2.98h1.87v2.98Zm10.93%2C1.32l-5.97%2C3.59s-.1.03-.14%2C0c-.04-.02-.07-.07-.07-.12v-7.17c0-.05.03-.1.07-.12.04-.02.1-.02.14%2C0l5.97%2C3.59s.07.07.07.12-.03.1-.07.12Zm6.69%2C4.89h-1.87v-2.98h1.87v2.98Zm0-6.21h-1.87v-2.98h1.87v2.98Z%22%2F%3E</svg>');
  background-repeat: no-repeat;
}
.icon--c-red-category::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23e60012%22>%3Cpath%20d%3D%22m18.57%2C10.05c-2.9-2.9-5.81-5.8-8.71-8.7-.7-.7-1.54-1.12-2.5-1.31-.04%2C0-.08-.02-.12-.04H1.4C.68.17.22.6%2C0%2C1.29v6.1c.1.33.19.66.31.98.21.53.52%2C1%2C.93%2C1.41%2C2.91%2C2.9%2C5.82%2C5.81%2C8.72%2C8.72.32.32.66.58%2C1.1.68h.52c.47-.09.82-.36%2C1.15-.69%2C1.94-1.95%2C3.89-3.89%2C5.83-5.84.82-.82.82-1.79%2C0-2.61ZM4.04%2C5.67c-.88%2C0-1.56-.69-1.56-1.58%2C0-.89.7-1.6%2C1.56-1.58.89.01%2C1.57.71%2C1.57%2C1.61%2C0%2C.85-.71%2C1.55-1.58%2C1.55Zm19.4%2C4.41c-2.86-2.88-5.73-5.75-8.62-8.61-.32-.32-.69-.6-1.06-.85-.51-.34-1.11-.51-1.71-.62h-3c.44.13.89.25%2C1.33.41.52.19.95.5%2C1.35.89%2C2.94%2C2.94%2C5.89%2C5.88%2C8.85%2C8.81.45.45.66.98.51%2C1.62-.08.36-.29.64-.55.89-1.85%2C1.85-3.7%2C3.71-5.55%2C5.56-.08.08-.15.16-.24.26.32.34.64.63%2C1.08.75h.67c.45-.11.79-.39%2C1.11-.71%2C1.92-1.93%2C3.84-3.85%2C5.76-5.77.28-.28.52-.58.63-.96v-.78c-.18-.3-.32-.64-.55-.89Z%22%2F%3E</svg>');
  background-repeat: no-repeat;
}
.icon--c-red-all::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23e60012%22>%3Cpath%20d%3D%22m1.06%2C12.71c.96-2.18%2C1.93-4.35%2C2.86-6.54.26-.6.59-.86%2C1.27-.85%2C4.32.03%2C8.64.02%2C12.96.01.76%2C0%2C.87-.11.87-.86%2C0-1.23%2C0-2.45%2C0-3.68%2C0-.29-.02-.57-.23-.8h-7.47c-.26.42-.54.84-.78%2C1.27-.23.4-.55.55-1.01.55-2.81-.01-5.62-.01-8.43-.01C.41%2C1.81.01%2C2.02.01%2C2.55-.02%2C3.73.01%2C9.31.01%2C12.9c.52.45.78.4%2C1.04-.19Zm22.06-5.99c-.18%2C0-.36%2C0-.53%2C0-4.82%2C0-15.85.02-16.54%2C0-.52-.02-.88.16-1.08.66-.28.69-.61%2C1.36-.91%2C2.04-1.19%2C2.72-2.37%2C5.44-3.56%2C8.15-.12.28-.24.56-.08.88.22.23.48.21.73.21%2C5.76%2C0%2C11.53%2C0%2C17.29%2C0%2C.51%2C0%2C.77-.21.97-.66%2C1.47-3.39%2C2.96-6.77%2C4.44-10.15.36-.82.17-1.12-.71-1.15Z%22%2F%3E</svg>');
  background-repeat: no-repeat;
}

.icon-button {
  display: grid;
  position: relative;
  place-items: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #fff;
  transition: 0.4s;
  transition: transform 0.25s ease-in-out;
}
.icon-button:hover, .icon-button:focus {
  transform: scale(0.95);
}
.icon-button::before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  content: "";
}
.icon-button--cart {
  background-color: #fff;
  color: #000000;
}
.icon-button--cart::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23000000%22>%3Cpath%20d%3D%22M10%2019.5c0%20.829-.672%201.5-1.5%201.5s-1.5-.671-1.5-1.5c0-.828.672-1.5%201.5-1.5s1.5.672%201.5%201.5zm3.5-1.5c-.828%200-1.5.671-1.5%201.5s.672%201.5%201.5%201.5%201.5-.671%201.5-1.5c0-.828-.672-1.5-1.5-1.5zm1.336-5l1.977-7h-16.813l2.938%207h11.898zm4.969-10l-3.432%2012h-12.597l.839%202h13.239l3.474-12h1.929l.743-2h-4.195z%22%2F%3E</svg>');
  background-position: center calc(50% + 2px);
  background-size: 70%;
  background-repeat: no-repeat;
}
.icon-button--hamburger {
  background-color: #e60012;
  color: #fff;
}
.icon-button--hamburger::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23fff%22>%3Cpath%20d%3D%22M24%206h-24v-4h24v4zm0%204h-24v4h24v-4zm0%208h-24v4h24v-4z%22%2F%3E</svg>');
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
}
.icon-button--X::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23adadad%22>%3Cpath%20d%3D%22M18.244%202.25h3.308l-7.227%208.26%208.502%2011.24H16.17l-5.214-6.817L4.99%2021.75H1.68l7.73-8.835L1.254%202.25H8.08l4.713%206.231zm-1.161%2017.52h1.833L7.084%204.126H5.117z%22%2F%3E</svg>');
  background-position: center;
  background-size: 70%;
  background-repeat: no-repeat;
}
.icon-button--line::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23adadad%22>%3Cpath%20d%3D%22M19%2024h-14c-2.761%200-5-2.239-5-5v-14c0-2.761%202.239-5%205-5h14c2.762%200%205%202.239%205%205v14c0%202.761-2.238%205-5%205zm1-12.508c0-3.58-3.589-6.492-8-6.492s-8%202.912-8%206.492c0%203.209%202.846%205.897%206.691%206.405.26.056.615.172.704.395.081.202.053.519.026.723l-.114.685c-.035.202-.161.791.693.431.854-.36%204.607-2.713%206.286-4.645h-.001c1.16-1.271%201.715-2.561%201.715-3.994zm-10.978%202.067h-2.242l-.108-.043v-.001l-.001-.001-.003-.003-.044-.107v-3.486c0-.086.07-.156.156-.156h.562c.085%200%20.155.07.155.156v2.768h1.525c.086%200%20.155.07.155.156v.561c0%20.086-.069.156-.155.156zm8.314%200h-2.242l-.108-.043-.004-.005-.044-.107v-3.486l.044-.107.004-.005.108-.044h2.242c.086%200%20.155.07.155.156v.561c0%20.086-.069.156-.155.156h-1.525v.589h1.525c.086%200%20.155.07.155.156v.561c0%20.086-.069.156-.155.156h-1.525v.589h1.525c.086%200%20.155.07.155.156v.561c0%20.086-.069.156-.155.156zm-6.961%200h-.562c-.086%200-.156-.069-.156-.155v-3.486c0-.086.07-.156.156-.156h.562c.086%200%20.155.07.155.156v3.486c0%20.085-.069.155-.155.155zm1.418%200h-.561c-.086%200-.156-.069-.156-.155v-3.486c0-.086.07-.156.156-.156h.561l.013.001.015.002.009.002.015.004.005.002.014.006.013.008.008.005.012.01.003.003.01.011.013.015%201.597%202.158v-2.071c0-.086.07-.156.156-.156h.561c.086%200%20.156.07.156.156v3.486c0%20.085-.07.155-.156.155h-.561l-.04-.005-.002-.001-.016-.005-.007-.003-.012-.006-.01-.006-.001-.001-.04-.039-1.599-2.16v2.071c0%20.085-.07.155-.156.155z%22%2F%3E</svg>');
  background-position: center;
  background-size: 70%;
  background-repeat: no-repeat;
}

.button-arrow {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  justify-content: center;
  padding: 1em;
  background-color: #e60012;
  color: #fff;
  font-weight: 700;
  font-size: clamp(1.2rem, 1rem + 0.533vw, 1.4rem);
  transition: transform 0.25s ease-in-out;
}
.button-arrow::before, .button-arrow::after {
  content: "";
}
.button-arrow--type-bk {
  background-color: #000000;
  color: #fff;
}

.button-thumbnail {
  position: relative;
}
.button-thumbnail::after {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(130deg, transparent 25%, rgba(255, 255, 255, 0.5) 45%, transparent 50%, rgba(255, 255, 255, 0.5) 70%, transparent 75%);
  background-size: 600% 100%;
  content: "";
  mix-blend-mode: screen;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.button-thumbnail {
  /* ホバー時に光る */
}
.button-thumbnail:hover::after, .button-thumbnail:focus::after {
  opacity: 1;
}

.button-x {
  display: grid;
  position: relative;
  grid-template-columns: 1.5em auto;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5em 1em 0.65em;
  gap: 0.5em;
  background-color: #000000;
  color: #fff;
}
.button-x::before {
  width: 1.5em;
  height: 1.5em;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23fff%22>%3Cpath%20d%3D%22M18.244%202.25h3.308l-7.227%208.26%208.502%2011.24H16.17l-5.214-6.817L4.99%2021.75H1.68l7.73-8.835L1.254%202.25H8.08l4.713%206.231zm-1.161%2017.52h1.833L7.084%204.126H5.117z%22%2F%3E</svg>');
  background-repeat: no-repeat;
  content: "";
}
.button-x::after {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(130deg, transparent 25%, rgba(255, 255, 255, 0.5) 45%, transparent 50%, rgba(255, 255, 255, 0.5) 70%, transparent 75%);
  background-size: 600% 100%;
  content: "";
  mix-blend-mode: screen;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.button-x:hover::after, .button-x:focus::after {
  opacity: 1;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding: 2%;
}

.bg1 {
  background-color: #ececec;
}

.bg2 {
  background-image: radial-gradient(#ececec 1px, transparent 2px), radial-gradient(#ececec 1px, transparent 2px);
  background-position: 0 0, 5.5px 5.5px;
  background-size: 11px 11px;
}

.grid {
  --gap:min(35px,2.91667vw) min(22px,1.83333vw);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gap);
}

.nav-bar {
  width: 242px;
}
.nav-bar__list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: min(35px, 4.66667vw);
  padding: 2%;
}
.nav-bar__heading {
  color: #e60012;
  font-weight: 700;
  font-size: 1.8rem;
}
.nav-bar__heading::before {
  margin-right: 0.25em;
}
.nav-bar__item .nav-btn-top {
  width: 100%;
  height: 100%;
}
.nav-bar__button {
  display: table;
  position: relative;
  width: 100%;
  padding: 0.35em 0.25em;
  word-wrap: break-word;
  transform: translateX(-1em);
  transition: transform 0.25s ease-in-out, color 0.15s 0.1s ease-in-out;
}
.nav-bar__button::before {
  display: table-cell;
  width: 1em;
  height: 1em;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23e60012%22>%3Cpath%20d%3D%22M5%203l3.057-3%2011.943%2012-11.943%2012-3.057-3%209-9z%22%2F%3E</svg>');
  background-position: top 0.5em center;
  background-size: 80%;
  background-repeat: no-repeat;
  content: "";
  vertical-align: middle;
  white-space: nowrap;
}
.nav-bar__button:hover, .nav-bar__button:focus {
  transform: translateX(0);
  outline-offset: -2px;
  color: #e60012;
}

.pager {
  padding-top: 1em;
  padding-bottom: 1em;
}
.pager__list {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
}
.pager__item, .pager__number {
  display: inline-grid;
  place-items: center;
}
.pager__number {
  width: 2em;
  height: 2em;
  margin: 0.3em;
  padding-bottom: 1px;
  border-radius: 50%;
  background-color: #e60012;
  color: #fff;
  font-size: 1.6rem;
  transition: 0.2s;
}
.pager__number:hover, .pager__number:focus {
  background-color: rgb(255, 106, 106);
}
.pager__number.is-active {
  border: 1px solid currentColor;
  background-color: transparent;
  color: #e60012;
  pointer-events: none;
}
.pager__number--first {
  margin-left: 0.6em;
}
.pager__number--last {
  margin-right: 0.6em;
}
.pager__arrow {
  display: inline-grid;
  position: relative;
  place-items: center;
  width: 1.2em;
  height: 1.2em;
  margin: 0.3em 0.4em;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23e60012%22>%3Cpath%20d%3D%22M5%203l3.057-3%2011.943%2012-11.943%2012-3.057-3%209-9z%22%2F%3E</svg>');
  background-position: center;
  background-size: 80%;
  background-repeat: no-repeat;
}
.pager__arrow:hover, .pager__arrow:focus {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23ed6c00%22>%3Cpath%20d%3D%22M5%203l3.057-3%2011.943%2012-11.943%2012-3.057-3%209-9z%22%2F%3E</svg>');
  background-repeat: no-repeat;
}
.pager__arrow::before {
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  width: calc(100% + 1em);
  height: calc(100% + 1em);
  transform: scale(0);
  content: "";
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
}
.pager__arrow--double {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23e60012%22>%3Cpath%20d%3D%22M0%203.795l2.995-2.98%2011.132%2011.185-11.132%2011.186-2.995-2.981%208.167-8.205-8.167-8.205zm18.04%208.205l-8.167%208.205%202.995%202.98%2011.132-11.185-11.132-11.186-2.995%202.98%208.167%208.206z%22%2F%3E</svg>');
  background-repeat: no-repeat;
}
.pager__arrow--double:hover, .pager__arrow--double:focus {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23ed6c00%22>%3Cpath%20d%3D%22M0%203.795l2.995-2.98%2011.132%2011.185-11.132%2011.186-2.995-2.981%208.167-8.205-8.167-8.205zm18.04%208.205l-8.167%208.205%202.995%202.98%2011.132-11.185-11.132-11.186-2.995%202.98%208.167%208.206z%22%2F%3E</svg>');
  background-repeat: no-repeat;
}
.pager__arrow--left {
  transform: rotate(180deg);
}

.copy li {
  display: inline-block;
}
.copy li:not(:last-child) {
  margin-right: 1em;
}

.modal-inline__head {
  margin-bottom: 1em;
  padding-top: 1em;
  border-bottom: solid 1px currentColor;
  font-weight: 700;
}

.sub-heading {
  font-size: 1.2em;
}

.list--dots > li {
  padding-left: 1em;
  text-indent: -1em;
}
.list--dots > li::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23000000%22>%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%2F%3E</svg>');
  background-position: top 0.5em center;
  background-size: 30%;
  background-repeat: no-repeat;
  content: "";
}

.mark-square::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23000000%22>%3Crect%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%221.09%22%20ry%3D%221.09%22%2F%3E</svg>');
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  content: "";
  vertical-align: middle;
}

a {
  word-break: break-all;
}

.skip-link {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  clip-path: inset(50%);
}
.skip-link:focus {
  position: fixed;
  top: 10px;
  left: 10px;
  width: auto;
  height: auto;
  clip: auto;
  display: inline-grid;
  z-index: 100;
  gap: 1em;
  clip-path: none;
}
.skip-link:focus::before {
  display: none;
}

.hamburger-menu__button {
  transition: transform 0.25s ease-in-out;
}
.hamburger-menu__button:hover, .hamburger-menu__button:focus {
  transform: scale(0.95);
}
.hamburger-menu__button.is-active::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23fff%22>%3Cpath%20d%3D%22M24%2020.188l-8.315-8.209%208.2-8.282-3.697-3.697-8.212%208.318-8.31-8.203-3.666%203.666%208.321%208.24-8.206%208.313%203.666%203.666%208.237-8.318%208.285%208.203z%22%2F%3E</svg>');
  background-repeat: no-repeat;
}
.hamburger-menu__overlay:not(.is-active) {
  transform: translateX(100%);
}
.hamburger-menu__overlay:not(.is-active) .hamburger-menu__scroll {
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.hamburger-menu__overlay {
  display: block;
  z-index: -1;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  padding: calc(var(--global-nav-space-y) * 2 + var(--global-nav-button)) min(45px, 3.75vw) min(45px, 3.75vw);
  background-color: #fff;
  transition: transform 0.25s ease-in-out;
}
.hamburger-menu__scroll {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.footer__share {
  padding-top: min(16px, 1.33333vw);
  padding-bottom: min(16px, 1.33333vw);
}
.footer__info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: min(64px, 5.33333vw);
  padding-bottom: min(55px, 4.58333vw);
}
.footer__nav__list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1em;
  padding-bottom: 1em;
}
.footer__nav__item {
  position: relative;
  min-width: 0;
  word-wrap: break-word;
  flex: 0 0 auto;
  max-width: auto;
}
.footer__nav__item:not(:last-child)::after {
  margin-right: 1em;
  margin-left: 1em;
  content: "|";
}
.footer__nav__button {
  display: inline-block;
  padding: 0.25em;
  transition: color 0.25s ease-in-out;
}
.footer__nav__button:hover, .footer__nav__button:focus {
  color: #fabe00;
}
.footer__banners {
  display: grid;
  grid-auto-flow: column;
  margin-bottom: 3%;
  gap: min(16px, 1.33333vw);
}
.footer__banner {
  display: block;
  max-width: 176px;
}

.share {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: flex-end;
  gap: min(15px, 1.25vw);
  font-weight: 700;
  font-size: 1.6rem;
}

.caution__button {
  display: inline-grid;
  padding: 0.25em 0.5em;
  font-weight: 400;
  cursor: pointer;
}
.caution__button::before {
  display: none;
}
.caution[open] .caution__button::after {
  transform: rotate(180deg);
}
.caution__panel {
  padding-top: 1em;
  padding-bottom: 1em;
}

.product-section__head {
  display: flex;
  justify-content: center;
  margin-bottom: min(40px, 3.33333vw);
  padding: 0.5em 1em;
  color: var(--c-black);
  font-style: italic;
  font-weight: 900;
  font-size: clamp(23px, 2300px * 1vw / 750px, 35px);
  font-size: 1.8rem;
}
.product-section__head2 {
  margin-bottom: -3% !important;
}
.product-section__heading {
  justify-self: center;
  line-height: 1.2;
}
.product-section__heading::before {
  margin-right: 0.25em;
}
.product-section__heading small {
  display: block;
  font-size: 80%;
  text-align: center;
}
.product-section__item {
  display: grid;
}
.product-section__new {
  position: relative;
}
.product-section__new::before {
  display: flex;
  z-index: 100;
  position: absolute;
  width: min(75px, 10vw);
  height: min(75px, 10vw);
  inset: min(-7px, -0.93333vw) min(-7px, -0.93333vw) auto auto;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 47 47">%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22rgb%28223%2C%2028%2C%2050%29%22%20d%3D%22M23.501%2C0.000%20C36.479%2C0.000%2047.000%2C10.521%2047.000%2C23.499%20C47.000%2C36.477%2036.479%2C46.998%2023.501%2C46.998%20C10.523%2C46.998%200.002%2C36.477%200.002%2C23.499%20C0.002%2C10.521%2010.523%2C0.000%2023.501%2C0.000%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22rgb%28255%2C%20255%2C%20255%29%22%20d%3D%22M38.504%2C29.977%20L36.229%2C29.977%20L34.097%2C21.657%20L31.978%2C29.977%20L29.703%2C29.977%20L26.661%2C19.603%20L28.611%2C19.603%20L30.834%2C27.832%20L32.966%2C19.603%20L35.241%2C19.603%20L37.373%2C27.832%20L39.596%2C19.603%20L41.547%2C19.603%20L38.504%2C29.977%20ZM19.368%2C19.603%20L25.946%2C19.603%20L25.946%2C21.280%20L21.201%2C21.280%20L21.201%2C23.802%20L25.530%2C23.802%20L25.530%2C25.440%20L21.201%2C25.440%20L21.201%2C28.300%20L26.115%2C28.300%20L26.115%2C29.977%20L19.368%2C29.977%20L19.368%2C19.603%20ZM10.463%2C22.164%20L10.463%2C29.977%20L8.630%2C29.977%20L8.630%2C19.603%20L10.814%2C19.603%20L15.871%2C27.416%20L15.871%2C19.603%20L17.704%2C19.603%20L17.704%2C29.977%20L15.520%2C29.977%20L10.463%2C22.164%20Z%22%2F%3E</svg>');
  background-repeat: no-repeat;
  content: "";
  font-weight: 400;
  font-size: 12px;
  pointer-events: none;
}
.product-section__button {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.product-section__button__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5em 1em;
}
.product-section__button__label {
  padding: 0.25em 1em;
  background-color: #fabe00;
  font-size: 0.65em;
}
.product-section__button__thumbnail {
  display: block;
  order: -1;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  border: solid 1px rgb(223.25, 223.25, 223.25);
}
.product-section--categories .product-section__head, .product-section--news .product-section__head {
  --c-light-gray:rgb(210.5, 210.5, 210.5);
  justify-content: initial;
  margin-bottom: min(32px, 2.66667vw);
  padding: min(25px, 2.08333vw);
  border: solid 1px var(--c-light-gray);
}
.product-section--categories .product-section__heading, .product-section--news .product-section__heading {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5em;
  word-break: break-all;
}
.product-section--categories .product-section__heading__logo, .product-section--news .product-section__heading__logo {
  flex-shrink: 0;
  width: min(200px, 16.66667vw);
}
.product-section__products {
  --gap:min(17.5px,1.45833vw) min(11px,0.91667vw);
  display: flex;
  flex-wrap: wrap;
  padding: 1%;
  gap: 0;
  border: solid 5px #adadad;
  background: #fff;
}

.product {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: var(--gap);
  word-wrap: break-word;
  flex: 0 0 100%;
  max-width: 100%;
}
.product__name {
  margin-top: 1%;
  font-weight: 700;
  text-align: center;
}
.product__price {
  text-align: end;
}
.product__bottom {
  margin-top: auto;
}
.product__thumbnail {
  order: -1;
  margin-bottom: 1em;
}
.product__image {
  display: block;
  width: 100%;
  margin: auto;
  border: solid 2px #adadad;
}
.product--new {
  position: relative;
}
.product--new::before {
  display: flex;
  z-index: 100;
  position: absolute;
  width: min(75px, 10vw);
  height: min(75px, 10vw);
  inset: 0 0 auto auto;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 47 47">%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22rgb%28223%2C%2028%2C%2050%29%22%20d%3D%22M23.501%2C0.000%20C36.479%2C0.000%2047.000%2C10.521%2047.000%2C23.499%20C47.000%2C36.477%2036.479%2C46.998%2023.501%2C46.998%20C10.523%2C46.998%200.002%2C36.477%200.002%2C23.499%20C0.002%2C10.521%2010.523%2C0.000%2023.501%2C0.000%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22rgb%28255%2C%20255%2C%20255%29%22%20d%3D%22M38.504%2C29.977%20L36.229%2C29.977%20L34.097%2C21.657%20L31.978%2C29.977%20L29.703%2C29.977%20L26.661%2C19.603%20L28.611%2C19.603%20L30.834%2C27.832%20L32.966%2C19.603%20L35.241%2C19.603%20L37.373%2C27.832%20L39.596%2C19.603%20L41.547%2C19.603%20L38.504%2C29.977%20ZM19.368%2C19.603%20L25.946%2C19.603%20L25.946%2C21.280%20L21.201%2C21.280%20L21.201%2C23.802%20L25.530%2C23.802%20L25.530%2C25.440%20L21.201%2C25.440%20L21.201%2C28.300%20L26.115%2C28.300%20L26.115%2C29.977%20L19.368%2C29.977%20L19.368%2C19.603%20ZM10.463%2C22.164%20L10.463%2C29.977%20L8.630%2C29.977%20L8.630%2C19.603%20L10.814%2C19.603%20L15.871%2C27.416%20L15.871%2C19.603%20L17.704%2C19.603%20L17.704%2C29.977%20L15.520%2C29.977%20L10.463%2C22.164%20Z%22%2F%3E</svg>');
  background-repeat: no-repeat;
  /* purgecss ignore current */
  content: "";
  font-weight: 400;
  font-size: 12px;
  pointer-events: none;
}

.hero {
  padding: 6.66667vw min(90px, 7.5vw);
  border-top: 3px solid #000000;
  border-right: 3px solid #000000;
  border-left: 3px solid #000000;
  text-align: center;
}
.hero__logo {
  margin-right: auto;
  margin-left: auto;
  padding: 0 !important;
  background: none;
  text-align: center;
}

.sales-catch {
  --bg-deco:50px;
  --fs-xl:1.2em;
  position: relative;
  padding: 0.3em 0.2em;
  background-color: #000000;
  color: #fff;
  font-weight: 900;
  font-weight: 900;
  font-size: clamp(30px, 3000px * 1vw / 750px, 55px);
  line-height: 0.9;
  letter-spacing: 0.2em;
  text-align: center;
}
.sales-catch__container {
  padding: 0;
}

.intro {
  padding: 3% 0;
  background: rgba(173, 173, 173, 0.2);
  font-size: clamp(15px, 1500px * 1vw / 1200px, 18px);
}
.intro .ship-date {
  margin-bottom: 3%;
  font-weight: 700;
  font-size: clamp(14px, 1700px * 1vw / 1200px, 20px);
  line-height: 1.7;
  letter-spacing: 0.05em;
  text-align: center;
}
.intro .ship-date li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 2%;
}
.intro .ship-date span {
  margin-top: 2%;
  margin-right: 0.4em;
  padding: 0 0.5%;
  background: #e60012;
  color: #fff;
}
.intro .intro-txt {
  padding: 3%;
}
.intro .intro-txt h2 {
  font-weight: 700;
}
.intro .intro-txt__top {
  margin-bottom: 1%;
  font-weight: 500;
}

.main-map {
  margin: 3% 0;
  border: 5px solid rgba(173, 173, 173, 0.2);
}

.announce {
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}
.announce__button {
  display: flex;
  justify-content: center;
  max-width: 1000px;
  margin: auto;
  padding: 0.35em 1em 0.45em;
  border: solid 2px currentColor;
  background-color: var(--c-white);
  color: var(--c-red);
  font-weight: 700;
  transition: background-color 0.25s, transform 0.25s;
}
.announce__button:hover, .announce__button:focus {
  background-color: var(--c-red);
  color: var(--c-white);
}
.announce__button:active, .announce__button:focus-within {
  transform: scale(0.98);
}

.news {
  padding-top: 3.91667vw;
  padding-bottom: 3.91667vw;
}
.news__container {
  max-width: 1087px;
}
.news__heading {
  display: inline-block;
  font-weight: 700;
  font-size: var(--fs-xl);
}
.news__heading::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.15em;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23000000%22>%3Cpath%20fill-rule%3D%22evenodd%22%20%20d%3D%22M0.755%2C4.756%20C0.885%2C4.690%201.030%2C4.655%201.175%2C4.655%20C1.371%2C4.655%201.557%2C4.716%201.715%2C4.831%20L4.160%2C6.595%20L22.051%2C0.778%20C22.143%2C0.748%2022.239%2C0.733%2022.336%2C0.733%20C22.532%2C0.733%2022.719%2C0.794%2022.878%2C0.910%20C23.117%2C1.082%2023.258%2C1.361%2023.258%2C1.655%20L23.258%2C19.583%20C23.258%2C19.876%2023.117%2C20.156%2022.878%2C20.330%20C22.719%2C20.444%2022.531%2C20.504%2022.336%2C20.504%20C22.239%2C20.504%2022.143%2C20.490%2022.051%2C20.459%20L4.161%2C14.643%20L1.715%2C16.407%20C1.557%2C16.522%201.371%2C16.583%201.175%2C16.583%20C1.030%2C16.583%200.885%2C16.548%200.755%2C16.482%20C0.445%2C16.322%200.252%2C16.008%200.252%2C15.661%20L0.252%2C5.578%20C0.252%2C5.230%200.445%2C4.915%200.755%2C4.756%20ZM2.097%2C13.857%20L3.460%2C12.873%20C3.618%2C12.759%203.805%2C12.699%203.1000%2C12.699%20C4.097%2C12.699%204.194%2C12.714%204.286%2C12.744%20L21.413%2C18.313%20L21.413%2C2.925%20L4.286%2C8.493%20C4.194%2C8.524%204.097%2C8.539%203.1000%2C8.539%20C3.805%2C8.539%203.618%2C8.479%203.460%2C8.364%20L2.097%2C7.381%20L2.097%2C13.857%20Z%22%20%2F%3E</svg>');
  background-position: center;
  background-size: auto 90%;
  background-repeat: no-repeat;
  content: "";
  vertical-align: middle;
}
.news__scroll-y {
  height: 220px;
  overflow-y: auto;
}
.news__list {
  padding: min(8px, 0.66667vw) min(30px, 2.5vw);
  font-weight: 700;
  letter-spacing: 0.08em;
}
.news__item {
  display: grid;
  padding-top: 1.07143em;
  padding-bottom: 1.07143em;
  gap: 0.5em;
  border-bottom: solid 1px currentColor;
}
.news__button {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--c-black);
  transition: color 0.25s ease-in-out;
}
.news__button:not([tabindex="-1"]):hover, .news__button:not([tabindex="-1"]):focus {
  color: var(--c-red);
}
.news__button[tabindex="-1"] {
  pointer-events: none;
}

.categories__nav {
  --button-size:270px;
  --gutter:min(18px,1.5vw);
  max-width: calc(var(--button-size) * 3 + var(--gutter) * 2);
  margin-top: min(75px, 6.25vw);
  margin-right: auto;
  margin-left: auto;
}
.categories__nav__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(18px, calc(18px / 1200px * 100vw));
}
.categories__nav__item:last-child:nth-child(odd) {
  grid-column: span 2;
}
.categories__nav__button {
  grid-template-columns: 1fr auto 1fr;
  min-height: 100%;
  padding: 1em;
  font-weight: 700;
  font-size: clamp(1.2rem, 1rem + 0.533vw, 1.4rem);
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
}
.categories__nav__button:hover, .categories__nav__button:focus {
  transform: scale(0.95);
}
.categories__nav__button__text {
  display: flex;
  line-height: 1;
}
.categories__nav__button__text::before {
  position: absolute;
  width: 1.25em;
  inset: 0 auto 0 -1.5em;
}

.film {
  padding-top: min(75px, 6.25vw);
  padding-bottom: min(75px, 6.25vw);
}

.category {
  padding-top: min(75px, 6.25vw);
  padding-bottom: min(175px, 14.33333vw);
}

.team-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
  font-weight: 700;
  font-size: 1.6rem;
}
.team-menu__item {
  padding: 1% 4%;
  transition: transform 0.25s ease-in-out;
}
.team-menu__item:hover, .team-menu__item:focus {
  transform: scale(0.95);
}
.team-menu__item a {
  display: flex;
  align-items: center;
}
.team-menu__item span {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.2em;
  background: #e60012;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.product-region {
  margin-top: 4%;
  padding: 2%;
  border: solid 5px #adadad;
  background: #fff;
}
.product-region__title {
  color: #373737;
  font-weight: 900;
  font-size: clamp(18px, 1800px * 1vw / 750px, 25px);
  font-size: 1.8rem;
  text-align: center;
  cursor: pointer;
}
.product-region__content {
  margin-top: 2%;
  padding-top: 4%;
  padding-bottom: 3%;
  border-top: 5px solid #adadad;
}

/* purgecss start ignore */
#team-hokkaido {
  border: solid 5px #c277af;
}
#team-hokkaido .product-region__title {
  color: #662e58;
}
#team-hokkaido .product-region__content {
  border-top: 5px solid #c277af;
}

#team-tohoku {
  border: solid 5px #00b9ef;
}
#team-tohoku .product-region__title {
  color: #0877a5;
}
#team-tohoku .product-region__content {
  border-top: 5px solid #00b9ef;
}

#team-kanto {
  border: solid 5px #ec6d88;
}
#team-kanto .product-region__title {
  color: #b42543;
}
#team-kanto .product-region__content {
  border-top: 5px solid #ec6d88;
}

#team-tyube {
  border: solid 5px #9dc914;
}
#team-tyube .product-region__title {
  color: #2a8507;
}
#team-tyube .product-region__content {
  border-top: 5px solid #9dc914;
}

#team-kinki {
  border: solid 5px #f5ac22;
}
#team-kinki .product-region__title {
  color: #cc6705;
}
#team-kinki .product-region__content {
  border-top: 5px solid #f5ac22;
}

#team-sikoku {
  border: solid 5px #9082bd;
}
#team-sikoku .product-region__title {
  color: #433082;
}
#team-sikoku .product-region__content {
  border-top: 5px solid #9082bd;
}

#team-kyushu {
  border: solid 5px #ff5297;
}
#team-kyushu .product-region__title {
  color: #df1e6b;
}
#team-kyushu .product-region__content {
  border-top: 5px solid #ff5297;
}

/* purgecss end ignore */
.select-group {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.select-group__item {
  display: flex;
  align-items: center;
  margin: 0.25em;
  gap: 0.5em;
}
.select-group label {
  flex-shrink: 0;
  white-space: nowrap;
}

.direct-cartadd {
  display: flex;
  position: relative;
  width: 100%;
}
.direct-cartadd ~ * {
  margin-top: var(--space-xxs);
}
.direct-cartadd__status {
  position: absolute;
  max-width: 80%;
  margin: auto;
  inset: -1em 0 auto;
  padding: 0.75em 0.5em;
  transform: translateY(-90%);
  color: #fff;
  line-height: 1.4;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
}
.direct-cartadd__status::after {
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
  inset: auto 0 0;
  transform: translateY(95%);
  border-top: 0.6em solid currentColor;
  border-right: 0.4em solid transparent;
  border-left: 0.4em solid transparent;
  content: "";
  pointer-events: none;
}
.direct-cartadd__status.is-success {
  transform: translateY(-100%);
  background-color: #1aaeb8;
  color: #000000;
  opacity: 1;
  pointer-events: all;
}
.direct-cartadd__status.is-success::after {
  color: #1aaeb8;
}
.direct-cartadd__status.is-error {
  transform: translateY(-100%);
  background-color: #e60012;
  opacity: 1;
  pointer-events: all;
}
.direct-cartadd__status.is-error::after {
  color: #e60012;
}
.direct-cartadd__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0.75em 1em;
  background-color: #e60012;
  color: #fff;
  font-weight: 700;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
}
.direct-cartadd__btn:hover, .direct-cartadd__btn:focus {
  transform: scale(0.95);
}
.direct-cartadd__btn:disabled {
  background-color: #adadad;
  color: #fff;
  opacity: 0.85;
  pointer-events: none;
}
.direct-cartadd__btn:disabled::after {
  display: flex;
  z-index: 2;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #adadad;
  content: "購入できません";
  text-shadow: none;
}

.direct-link {
  width: 85%;
  margin-inline: auto;
  padding: 0.75em 1em;
  background: #000000;
  color: #fff;
  font-weight: 700;
}

.modaal-content-container {
  padding: 0;
}

.slick-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}

.slick-control {
  display: inline-flex;
  position: relative;
  left: 50%;
  align-items: center;
  justify-content: center;
  padding-top: var(--slick-dot-size);
  padding-bottom: var(--slick-dot-size);
  transform: translateX(-50%);
  line-height: 1;
}
.slick-control .slick-autoplay-toggle-button {
  margin-right: 0.75em;
}

.slick-autoplay-toggle-button, .slick-dots {
  display: grid;
  position: initial;
  grid-auto-columns: var(--slick-dot-size);
  grid-auto-flow: column;
  place-items: center;
  gap: 0.75em;
}

.slick-slider.slick-dotted {
  margin-bottom: 0;
}

.slick-dots {
  justify-content: center;
  margin-top: 1%;
}
.slick-dots li {
  display: block;
  margin: 0;
}
.slick-dots li button {
  width: var(--slick-dot-size);
  height: var(--slick-dot-size);
  margin: 0;
  border-radius: 50%;
}

.slick-dot-icon {
  display: flex;
  width: 100%;
  height: 100%;
  border: solid 1px #e60012;
  border-radius: 50%;
  background-color: #e60012;
  opacity: initial;
}
.slick-dot-icon::before {
  display: none;
}

.slick-active .slick-dot-icon {
  background-color: transparent;
}

.slick-dots li button .slick-dot-icon {
  opacity: 1;
}

.slick-autoplay-toggle-button .slick-pause-icon:before, .slick-autoplay-toggle-button .slick-play-icon:before {
  display: none;
}

.slick-autoplay-toggle-button .slick-pause-icon, .slick-autoplay-toggle-button .slick-play-icon {
  display: block;
  width: calc(var(--slick-dot-size) * 1.75);
  height: calc(var(--slick-dot-size) * 1.75);
}

.slick-autoplay-toggle-button .slick-pause-icon {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 -960 960 960"%20fill%3D%22%23adadad%22>%3Cpath%20d%3D%22M360-320h80v-320h-80v320Zm160%200h80v-320h-80v320ZM480-80q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z%22%2F%3E</svg>');
  background-repeat: no-repeat;
}

.slick-autoplay-toggle-button .slick-play-icon {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 -960 960 960"%20fill%3D%22%23adadad%22>%3Cpath%20d%3D%22m380-300%20280-180-280-180v360ZM480-80q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z%22%2F%3E</svg>');
  background-repeat: no-repeat;
}

.js-slider[data-type=main] .slick-list {
  background-color: #000000;
}
.js-slider[data-type=main] .slick-slide {
  width: 750px;
}
.js-slider[data-type=main] .slick-slide a {
  display: inline-block;
  position: relative;
  outline-offset: -3px;
  pointer-events: none;
}
.js-slider[data-type=main] .slick-slide.slick-active a {
  pointer-events: painted;
}
.js-slider[data-type=main] .slick-slide.slick-active a::after {
  display: none;
}
.js-slider[data-type=main] .slick-slide > div {
  display: flex;
}

.select2-container--default .select2-selection--single {
  box-sizing: content-box;
  position: relative;
  border-radius: 0;
  text-align: center;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  max-width: 20vw;
  padding-right: calc(20px + 0.5em);
  padding-left: calc(8px + 0.5em);
}

.u-d-b {
  display: block !important;
}

.u-d-n {
  display: none !important;
}

.u-d-i {
  display: inline !important;
}

.u-d-ib {
  display: inline-block !important;
}

.u-d-t {
  display: table !important;
}

.u-d-f {
  display: flex !important;
}

.u-d-if {
  display: inline-flex !important;
}

.u-d-g {
  display: grid !important;
}
.u-fs-10p {
  font-size: 10% !important;
}

.u-fs-15p {
  font-size: 15% !important;
}

.u-fs-20p {
  font-size: 20% !important;
}

.u-fs-25p {
  font-size: 25% !important;
}

.u-fs-30p {
  font-size: 30% !important;
}

.u-fs-35p {
  font-size: 35% !important;
}

.u-fs-40p {
  font-size: 40% !important;
}

.u-fs-45p {
  font-size: 45% !important;
}

.u-fs-50p {
  font-size: 50% !important;
}

.u-fs-55p {
  font-size: 55% !important;
}

.u-fs-60p {
  font-size: 60% !important;
}

.u-fs-65p {
  font-size: 65% !important;
}

.u-fs-70p {
  font-size: 70% !important;
}

.u-fs-75p {
  font-size: 75% !important;
}

.u-fs-80p {
  font-size: 80% !important;
}

.u-fs-85p {
  font-size: 85% !important;
}

.u-fs-90p {
  font-size: 90% !important;
}

.u-fs-95p {
  font-size: 95% !important;
}

.u-fs-100p {
  font-size: 100% !important;
}

.u-fs-xxs {
  font-size: var(--fs-xxs, 1rem) !important;
}

.u-fs-xs {
  font-size: var(--fs-xs, 1.2rem) !important;
}

.u-fs-s {
  font-size: var(--fs-s, 1.4rem) !important;
}

.u-fs-m {
  font-size: var(--fs-m, 1.6rem) !important;
}

.u-fs-l {
  font-size: var(--fs-l, 2rem) !important;
}

.u-fs-xl {
  font-size: var(--fs-xl, 2.2rem) !important;
}

.u-fs-xxl {
  font-size: var(--fs-xxl, 3rem) !important;
}

.u-fs-base {
  font-size: var(--fs-base, 1.4rem) !important;
}
.u-fsy-i {
  font-style: italic !important;
}

.u-fsy-n {
  font-style: normal !important;
}
.u-lh-i {
  line-height: inherit !important;
}

.u-lh-10 {
  line-height: 0.1 !important;
}

.u-lh-20 {
  line-height: 0.2 !important;
}

.u-lh-30 {
  line-height: 0.3 !important;
}

.u-lh-40 {
  line-height: 0.4 !important;
}

.u-lh-50 {
  line-height: 0.5 !important;
}

.u-lh-60 {
  line-height: 0.6 !important;
}

.u-lh-70 {
  line-height: 0.7 !important;
}

.u-lh-80 {
  line-height: 0.8 !important;
}

.u-lh-90 {
  line-height: 0.9 !important;
}

.u-lh-100 {
  line-height: 1 !important;
}

.u-lh-110 {
  line-height: 1.1 !important;
}

.u-lh-120 {
  line-height: 1.2 !important;
}

.u-lh-130 {
  line-height: 1.3 !important;
}

.u-lh-140 {
  line-height: 1.4 !important;
}

.u-lh-150 {
  line-height: 1.5 !important;
}

.u-lh-160 {
  line-height: 1.6 !important;
}

.u-lh-170 {
  line-height: 1.7 !important;
}

.u-lh-180 {
  line-height: 1.8 !important;
}

.u-lh-190 {
  line-height: 1.9 !important;
}

.u-lh-200 {
  line-height: 2 !important;
}

.u-lh-0 {
  line-height: var(--lh-0, 0) !important;
}

.u-lh-s {
  line-height: var(--lh-s, 1) !important;
}

.u-lh-m {
  line-height: var(--lh-m, 2) !important;
}

.u-lh-l {
  line-height: var(--lh-l, 3) !important;
}

.u-lh-base {
  line-height: var(--lh-base, 1.5) !important;
}
.u-ta-r {
  text-align: right !important;
}

.u-ta-l {
  text-align: left !important;
}

.u-ta-c {
  text-align: center !important;
}

.u-ta-j {
  text-align: justify !important;
}
.u-va-tb {
  vertical-align: text-bottom !important;
}

.u-va-base {
  vertical-align: baseline !important;
}

.u-va-md {
  vertical-align: middle !important;
}

.u-va-top {
  vertical-align: top !important;
}

.u-va-tt {
  vertical-align: text-top !important;
}
.u-td-lt {
  text-decoration: line-through !important;
}

.u-td-ul {
  text-decoration: underline !important;
}
.u-w-auto {
  width: auto !important;
}

.u-w-10 {
  width: 10% !important;
}

.u-w-20 {
  width: 20% !important;
}

.u-w-30 {
  width: 30% !important;
}

.u-w-40 {
  width: 40% !important;
}

.u-w-50 {
  width: 50% !important;
}

.u-w-60 {
  width: 60% !important;
}

.u-w-70 {
  width: 70% !important;
}

.u-w-80 {
  width: 80% !important;
}

.u-w-90 {
  width: 90% !important;
}

.u-w-100 {
  width: 100% !important;
}
.u-mw-auto {
  max-width: auto !important;
}

.u-mw-10 {
  max-width: 10% !important;
}

.u-mw-20 {
  max-width: 20% !important;
}

.u-mw-30 {
  max-width: 30% !important;
}

.u-mw-40 {
  max-width: 40% !important;
}

.u-mw-50 {
  max-width: 50% !important;
}

.u-mw-60 {
  max-width: 60% !important;
}

.u-mw-70 {
  max-width: 70% !important;
}

.u-mw-80 {
  max-width: 80% !important;
}

.u-mw-90 {
  max-width: 90% !important;
}

.u-mw-100 {
  max-width: 100% !important;
}

.u-mw-none {
  max-width: none !important;
}
.u-h-auto {
  height: auto !important;
}

.u-h-10 {
  height: 10% !important;
}

.u-h-20 {
  height: 20% !important;
}

.u-h-30 {
  height: 30% !important;
}

.u-h-40 {
  height: 40% !important;
}

.u-h-50 {
  height: 50% !important;
}

.u-h-60 {
  height: 60% !important;
}

.u-h-70 {
  height: 70% !important;
}

.u-h-80 {
  height: 80% !important;
}

.u-h-90 {
  height: 90% !important;
}

.u-h-100 {
  height: 100% !important;
}
.u-p-0 {
  padding: var(--space-0, 0) !important;
}

.u-p-xxs {
  padding: var(--space-xxs, 0.5rem) !important;
}

.u-p-xs {
  padding: var(--space-xs, 1rem) !important;
}

.u-p-s {
  padding: var(--space-s, 2rem) !important;
}

.u-p-m {
  padding: var(--space-m, 3rem) !important;
}

.u-p-l {
  padding: var(--space-l, 4rem) !important;
}

.u-p-xl {
  padding: var(--space-xl, 5rem) !important;
}

.u-p-xxl {
  padding: var(--space-xxl, 6rem) !important;
}

.u-p-1e {
  padding: var(--space-1e, 1em) !important;
}

.u-pt-0 {
  padding-top: var(--space-0, 0) !important;
}

.u-pt-xxs {
  padding-top: var(--space-xxs, 0.5rem) !important;
}

.u-pt-xs {
  padding-top: var(--space-xs, 1rem) !important;
}

.u-pt-s {
  padding-top: var(--space-s, 2rem) !important;
}

.u-pt-m {
  padding-top: var(--space-m, 3rem) !important;
}

.u-pt-l {
  padding-top: var(--space-l, 4rem) !important;
}

.u-pt-xl {
  padding-top: var(--space-xl, 5rem) !important;
}

.u-pt-xxl {
  padding-top: var(--space-xxl, 6rem) !important;
}

.u-pt-1e {
  padding-top: var(--space-1e, 1em) !important;
}

.u-pr-0 {
  padding-right: var(--space-0, 0) !important;
}

.u-pr-xxs {
  padding-right: var(--space-xxs, 0.5rem) !important;
}

.u-pr-xs {
  padding-right: var(--space-xs, 1rem) !important;
}

.u-pr-s {
  padding-right: var(--space-s, 2rem) !important;
}

.u-pr-m {
  padding-right: var(--space-m, 3rem) !important;
}

.u-pr-l {
  padding-right: var(--space-l, 4rem) !important;
}

.u-pr-xl {
  padding-right: var(--space-xl, 5rem) !important;
}

.u-pr-xxl {
  padding-right: var(--space-xxl, 6rem) !important;
}

.u-pr-1e {
  padding-right: var(--space-1e, 1em) !important;
}

.u-pb-0 {
  padding-bottom: var(--space-0, 0) !important;
}

.u-pb-xxs {
  padding-bottom: var(--space-xxs, 0.5rem) !important;
}

.u-pb-xs {
  padding-bottom: var(--space-xs, 1rem) !important;
}

.u-pb-s {
  padding-bottom: var(--space-s, 2rem) !important;
}

.u-pb-m {
  padding-bottom: var(--space-m, 3rem) !important;
}

.u-pb-l {
  padding-bottom: var(--space-l, 4rem) !important;
}

.u-pb-xl {
  padding-bottom: var(--space-xl, 5rem) !important;
}

.u-pb-xxl {
  padding-bottom: var(--space-xxl, 6rem) !important;
}

.u-pb-1e {
  padding-bottom: var(--space-1e, 1em) !important;
}

.u-pl-0 {
  padding-left: var(--space-0, 0) !important;
}

.u-pl-xxs {
  padding-left: var(--space-xxs, 0.5rem) !important;
}

.u-pl-xs {
  padding-left: var(--space-xs, 1rem) !important;
}

.u-pl-s {
  padding-left: var(--space-s, 2rem) !important;
}

.u-pl-m {
  padding-left: var(--space-m, 3rem) !important;
}

.u-pl-l {
  padding-left: var(--space-l, 4rem) !important;
}

.u-pl-xl {
  padding-left: var(--space-xl, 5rem) !important;
}

.u-pl-xxl {
  padding-left: var(--space-xxl, 6rem) !important;
}

.u-pl-1e {
  padding-left: var(--space-1e, 1em) !important;
}

.u-px-0 {
  padding-right: var(--space-0, 0) !important;
  padding-left: var(--space-0, 0) !important;
}

.u-px-xxs {
  padding-right: var(--space-xxs, 0.5rem) !important;
  padding-left: var(--space-xxs, 0.5rem) !important;
}

.u-px-xs {
  padding-right: var(--space-xs, 1rem) !important;
  padding-left: var(--space-xs, 1rem) !important;
}

.u-px-s {
  padding-right: var(--space-s, 2rem) !important;
  padding-left: var(--space-s, 2rem) !important;
}

.u-px-m {
  padding-right: var(--space-m, 3rem) !important;
  padding-left: var(--space-m, 3rem) !important;
}

.u-px-l {
  padding-right: var(--space-l, 4rem) !important;
  padding-left: var(--space-l, 4rem) !important;
}

.u-px-xl {
  padding-right: var(--space-xl, 5rem) !important;
  padding-left: var(--space-xl, 5rem) !important;
}

.u-px-xxl {
  padding-right: var(--space-xxl, 6rem) !important;
  padding-left: var(--space-xxl, 6rem) !important;
}

.u-px-1e {
  padding-right: var(--space-1e, 1em) !important;
  padding-left: var(--space-1e, 1em) !important;
}

.u-py-0 {
  padding-top: var(--space-0, 0) !important;
  padding-bottom: var(--space-0, 0) !important;
}

.u-py-xxs {
  padding-top: var(--space-xxs, 0.5rem) !important;
  padding-bottom: var(--space-xxs, 0.5rem) !important;
}

.u-py-xs {
  padding-top: var(--space-xs, 1rem) !important;
  padding-bottom: var(--space-xs, 1rem) !important;
}

.u-py-s {
  padding-top: var(--space-s, 2rem) !important;
  padding-bottom: var(--space-s, 2rem) !important;
}

.u-py-m {
  padding-top: var(--space-m, 3rem) !important;
  padding-bottom: var(--space-m, 3rem) !important;
}

.u-py-l {
  padding-top: var(--space-l, 4rem) !important;
  padding-bottom: var(--space-l, 4rem) !important;
}

.u-py-xl {
  padding-top: var(--space-xl, 5rem) !important;
  padding-bottom: var(--space-xl, 5rem) !important;
}

.u-py-xxl {
  padding-top: var(--space-xxl, 6rem) !important;
  padding-bottom: var(--space-xxl, 6rem) !important;
}

.u-py-1e {
  padding-top: var(--space-1e, 1em) !important;
  padding-bottom: var(--space-1e, 1em) !important;
}
.u-m-auto {
  margin: auto !important;
}

.u-m-0 {
  margin: var(--space-0, 0) !important;
}

.u-m-xxs {
  margin: var(--space-xxs, 0.5rem) !important;
}

.u-m-xs {
  margin: var(--space-xs, 1rem) !important;
}

.u-m-s {
  margin: var(--space-s, 2rem) !important;
}

.u-m-m {
  margin: var(--space-m, 3rem) !important;
}

.u-m-l {
  margin: var(--space-l, 4rem) !important;
}

.u-m-xl {
  margin: var(--space-xl, 5rem) !important;
}

.u-m-xxl {
  margin: var(--space-xxl, 6rem) !important;
}

.u-m-1e {
  margin: var(--space-1e, 1em) !important;
}

.u-mt-auto {
  margin-top: auto !important;
}

.u-mt-0 {
  margin-top: var(--space-0, 0) !important;
}

.u-mt-xxs {
  margin-top: var(--space-xxs, 0.5rem) !important;
}

.u-mt-xs {
  margin-top: var(--space-xs, 1rem) !important;
}

.u-mt-s {
  margin-top: var(--space-s, 2rem) !important;
}

.u-mt-m {
  margin-top: var(--space-m, 3rem) !important;
}

.u-mt-l {
  margin-top: var(--space-l, 4rem) !important;
}

.u-mt-xl {
  margin-top: var(--space-xl, 5rem) !important;
}

.u-mt-xxl {
  margin-top: var(--space-xxl, 6rem) !important;
}

.u-mt-1e {
  margin-top: var(--space-1e, 1em) !important;
}

.u-mr-auto {
  margin-right: auto !important;
}

.u-mr-0 {
  margin-right: var(--space-0, 0) !important;
}

.u-mr-xxs {
  margin-right: var(--space-xxs, 0.5rem) !important;
}

.u-mr-xs {
  margin-right: var(--space-xs, 1rem) !important;
}

.u-mr-s {
  margin-right: var(--space-s, 2rem) !important;
}

.u-mr-m {
  margin-right: var(--space-m, 3rem) !important;
}

.u-mr-l {
  margin-right: var(--space-l, 4rem) !important;
}

.u-mr-xl {
  margin-right: var(--space-xl, 5rem) !important;
}

.u-mr-xxl {
  margin-right: var(--space-xxl, 6rem) !important;
}

.u-mr-1e {
  margin-right: var(--space-1e, 1em) !important;
}

.u-mb-auto {
  margin-bottom: auto !important;
}

.u-mb-0 {
  margin-bottom: var(--space-0, 0) !important;
}

.u-mb-xxs {
  margin-bottom: var(--space-xxs, 0.5rem) !important;
}

.u-mb-xs {
  margin-bottom: var(--space-xs, 1rem) !important;
}

.u-mb-s {
  margin-bottom: var(--space-s, 2rem) !important;
}

.u-mb-m {
  margin-bottom: var(--space-m, 3rem) !important;
}

.u-mb-l {
  margin-bottom: var(--space-l, 4rem) !important;
}

.u-mb-xl {
  margin-bottom: var(--space-xl, 5rem) !important;
}

.u-mb-xxl {
  margin-bottom: var(--space-xxl, 6rem) !important;
}

.u-mb-1e {
  margin-bottom: var(--space-1e, 1em) !important;
}

.u-ml-auto {
  margin-left: auto !important;
}

.u-ml-0 {
  margin-left: var(--space-0, 0) !important;
}

.u-ml-xxs {
  margin-left: var(--space-xxs, 0.5rem) !important;
}

.u-ml-xs {
  margin-left: var(--space-xs, 1rem) !important;
}

.u-ml-s {
  margin-left: var(--space-s, 2rem) !important;
}

.u-ml-m {
  margin-left: var(--space-m, 3rem) !important;
}

.u-ml-l {
  margin-left: var(--space-l, 4rem) !important;
}

.u-ml-xl {
  margin-left: var(--space-xl, 5rem) !important;
}

.u-ml-xxl {
  margin-left: var(--space-xxl, 6rem) !important;
}

.u-ml-1e {
  margin-left: var(--space-1e, 1em) !important;
}

.u-mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.u-mx-0 {
  margin-right: var(--space-0, 0) !important;
  margin-left: var(--space-0, 0) !important;
}

.u-mx-xxs {
  margin-right: var(--space-xxs, 0.5rem) !important;
  margin-left: var(--space-xxs, 0.5rem) !important;
}

.u-mx-xs {
  margin-right: var(--space-xs, 1rem) !important;
  margin-left: var(--space-xs, 1rem) !important;
}

.u-mx-s {
  margin-right: var(--space-s, 2rem) !important;
  margin-left: var(--space-s, 2rem) !important;
}

.u-mx-m {
  margin-right: var(--space-m, 3rem) !important;
  margin-left: var(--space-m, 3rem) !important;
}

.u-mx-l {
  margin-right: var(--space-l, 4rem) !important;
  margin-left: var(--space-l, 4rem) !important;
}

.u-mx-xl {
  margin-right: var(--space-xl, 5rem) !important;
  margin-left: var(--space-xl, 5rem) !important;
}

.u-mx-xxl {
  margin-right: var(--space-xxl, 6rem) !important;
  margin-left: var(--space-xxl, 6rem) !important;
}

.u-mx-1e {
  margin-right: var(--space-1e, 1em) !important;
  margin-left: var(--space-1e, 1em) !important;
}

.u-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.u-my-0 {
  margin-top: var(--space-0, 0) !important;
  margin-bottom: var(--space-0, 0) !important;
}

.u-my-xxs {
  margin-top: var(--space-xxs, 0.5rem) !important;
  margin-bottom: var(--space-xxs, 0.5rem) !important;
}

.u-my-xs {
  margin-top: var(--space-xs, 1rem) !important;
  margin-bottom: var(--space-xs, 1rem) !important;
}

.u-my-s {
  margin-top: var(--space-s, 2rem) !important;
  margin-bottom: var(--space-s, 2rem) !important;
}

.u-my-m {
  margin-top: var(--space-m, 3rem) !important;
  margin-bottom: var(--space-m, 3rem) !important;
}

.u-my-l {
  margin-top: var(--space-l, 4rem) !important;
  margin-bottom: var(--space-l, 4rem) !important;
}

.u-my-xl {
  margin-top: var(--space-xl, 5rem) !important;
  margin-bottom: var(--space-xl, 5rem) !important;
}

.u-my-xxl {
  margin-top: var(--space-xxl, 6rem) !important;
  margin-bottom: var(--space-xxl, 6rem) !important;
}

.u-my-1e {
  margin-top: var(--space-1e, 1em) !important;
  margin-bottom: var(--space-1e, 1em) !important;
}

.u-nm-0 {
  margin: calc(var(--space-0, 0) * -1) !important;
}

.u-nm-xxs {
  margin: calc(var(--space-xxs, 0.5rem) * -1) !important;
}

.u-nm-xs {
  margin: calc(var(--space-xs, 1rem) * -1) !important;
}

.u-nm-s {
  margin: calc(var(--space-s, 2rem) * -1) !important;
}

.u-nm-m {
  margin: calc(var(--space-m, 3rem) * -1) !important;
}

.u-nm-l {
  margin: calc(var(--space-l, 4rem) * -1) !important;
}

.u-nm-xl {
  margin: calc(var(--space-xl, 5rem) * -1) !important;
}

.u-nm-xxl {
  margin: calc(var(--space-xxl, 6rem) * -1) !important;
}

.u-nm-1e {
  margin: calc(var(--space-1e, 1em) * -1) !important;
}

.u-nmt-0 {
  margin-top: calc(var(--space-0, 0) * -1) !important;
}

.u-nmt-xxs {
  margin-top: calc(var(--space-xxs, 0.5rem) * -1) !important;
}

.u-nmt-xs {
  margin-top: calc(var(--space-xs, 1rem) * -1) !important;
}

.u-nmt-s {
  margin-top: calc(var(--space-s, 2rem) * -1) !important;
}

.u-nmt-m {
  margin-top: calc(var(--space-m, 3rem) * -1) !important;
}

.u-nmt-l {
  margin-top: calc(var(--space-l, 4rem) * -1) !important;
}

.u-nmt-xl {
  margin-top: calc(var(--space-xl, 5rem) * -1) !important;
}

.u-nmt-xxl {
  margin-top: calc(var(--space-xxl, 6rem) * -1) !important;
}

.u-nmt-1e {
  margin-top: calc(var(--space-1e, 1em) * -1) !important;
}

.u-nmr-0 {
  margin-right: calc(var(--space-0, 0) * -1) !important;
}

.u-nmr-xxs {
  margin-right: calc(var(--space-xxs, 0.5rem) * -1) !important;
}

.u-nmr-xs {
  margin-right: calc(var(--space-xs, 1rem) * -1) !important;
}

.u-nmr-s {
  margin-right: calc(var(--space-s, 2rem) * -1) !important;
}

.u-nmr-m {
  margin-right: calc(var(--space-m, 3rem) * -1) !important;
}

.u-nmr-l {
  margin-right: calc(var(--space-l, 4rem) * -1) !important;
}

.u-nmr-xl {
  margin-right: calc(var(--space-xl, 5rem) * -1) !important;
}

.u-nmr-xxl {
  margin-right: calc(var(--space-xxl, 6rem) * -1) !important;
}

.u-nmr-1e {
  margin-right: calc(var(--space-1e, 1em) * -1) !important;
}

.u-nmb-0 {
  margin-bottom: calc(var(--space-0, 0) * -1) !important;
}

.u-nmb-xxs {
  margin-bottom: calc(var(--space-xxs, 0.5rem) * -1) !important;
}

.u-nmb-xs {
  margin-bottom: calc(var(--space-xs, 1rem) * -1) !important;
}

.u-nmb-s {
  margin-bottom: calc(var(--space-s, 2rem) * -1) !important;
}

.u-nmb-m {
  margin-bottom: calc(var(--space-m, 3rem) * -1) !important;
}

.u-nmb-l {
  margin-bottom: calc(var(--space-l, 4rem) * -1) !important;
}

.u-nmb-xl {
  margin-bottom: calc(var(--space-xl, 5rem) * -1) !important;
}

.u-nmb-xxl {
  margin-bottom: calc(var(--space-xxl, 6rem) * -1) !important;
}

.u-nmb-1e {
  margin-bottom: calc(var(--space-1e, 1em) * -1) !important;
}

.u-nml-0 {
  margin-left: calc(var(--space-0, 0) * -1) !important;
}

.u-nml-xxs {
  margin-left: calc(var(--space-xxs, 0.5rem) * -1) !important;
}

.u-nml-xs {
  margin-left: calc(var(--space-xs, 1rem) * -1) !important;
}

.u-nml-s {
  margin-left: calc(var(--space-s, 2rem) * -1) !important;
}

.u-nml-m {
  margin-left: calc(var(--space-m, 3rem) * -1) !important;
}

.u-nml-l {
  margin-left: calc(var(--space-l, 4rem) * -1) !important;
}

.u-nml-xl {
  margin-left: calc(var(--space-xl, 5rem) * -1) !important;
}

.u-nml-xxl {
  margin-left: calc(var(--space-xxl, 6rem) * -1) !important;
}

.u-nml-1e {
  margin-left: calc(var(--space-1e, 1em) * -1) !important;
}

.u-nmx-0 {
  margin-right: calc(var(--space-0, 0) * -1) !important;
  margin-left: calc(var(--space-0, 0) * -1) !important;
}

.u-nmx-xxs {
  margin-right: calc(var(--space-xxs, 0.5rem) * -1) !important;
  margin-left: calc(var(--space-xxs, 0.5rem) * -1) !important;
}

.u-nmx-xs {
  margin-right: calc(var(--space-xs, 1rem) * -1) !important;
  margin-left: calc(var(--space-xs, 1rem) * -1) !important;
}

.u-nmx-s {
  margin-right: calc(var(--space-s, 2rem) * -1) !important;
  margin-left: calc(var(--space-s, 2rem) * -1) !important;
}

.u-nmx-m {
  margin-right: calc(var(--space-m, 3rem) * -1) !important;
  margin-left: calc(var(--space-m, 3rem) * -1) !important;
}

.u-nmx-l {
  margin-right: calc(var(--space-l, 4rem) * -1) !important;
  margin-left: calc(var(--space-l, 4rem) * -1) !important;
}

.u-nmx-xl {
  margin-right: calc(var(--space-xl, 5rem) * -1) !important;
  margin-left: calc(var(--space-xl, 5rem) * -1) !important;
}

.u-nmx-xxl {
  margin-right: calc(var(--space-xxl, 6rem) * -1) !important;
  margin-left: calc(var(--space-xxl, 6rem) * -1) !important;
}

.u-nmx-1e {
  margin-right: calc(var(--space-1e, 1em) * -1) !important;
  margin-left: calc(var(--space-1e, 1em) * -1) !important;
}

.u-nmy-0 {
  margin-top: calc(var(--space-0, 0) * -1) !important;
  margin-bottom: calc(var(--space-0, 0) * -1) !important;
}

.u-nmy-xxs {
  margin-top: calc(var(--space-xxs, 0.5rem) * -1) !important;
  margin-bottom: calc(var(--space-xxs, 0.5rem) * -1) !important;
}

.u-nmy-xs {
  margin-top: calc(var(--space-xs, 1rem) * -1) !important;
  margin-bottom: calc(var(--space-xs, 1rem) * -1) !important;
}

.u-nmy-s {
  margin-top: calc(var(--space-s, 2rem) * -1) !important;
  margin-bottom: calc(var(--space-s, 2rem) * -1) !important;
}

.u-nmy-m {
  margin-top: calc(var(--space-m, 3rem) * -1) !important;
  margin-bottom: calc(var(--space-m, 3rem) * -1) !important;
}

.u-nmy-l {
  margin-top: calc(var(--space-l, 4rem) * -1) !important;
  margin-bottom: calc(var(--space-l, 4rem) * -1) !important;
}

.u-nmy-xl {
  margin-top: calc(var(--space-xl, 5rem) * -1) !important;
  margin-bottom: calc(var(--space-xl, 5rem) * -1) !important;
}

.u-nmy-xxl {
  margin-top: calc(var(--space-xxl, 6rem) * -1) !important;
  margin-bottom: calc(var(--space-xxl, 6rem) * -1) !important;
}

.u-nmy-1e {
  margin-top: calc(var(--space-1e, 1em) * -1) !important;
  margin-bottom: calc(var(--space-1e, 1em) * -1) !important;
}
.u-float-r {
  float: right !important;
}

.u-float-l {
  float: left !important;
}

.u-float-n {
  float: none !important;
}
.u-pos-a {
  position: absolute !important;
}

.u-pos-r {
  position: relative !important;
}
.u-c-white {
  color: var(--c-white, #fff) !important;
}

.u-c-black {
  color: var(--c-black, #000) !important;
}

.u-c-red {
  color: var(--c-red, #940c19) !important;
}

.u-c-blue {
  color: var(--c-blue, blue) !important;
}

.u-c-green {
  color: var(--c-green, green) !important;
}

.u-c-yellow {
  color: var(--c-yellow, yellow) !important;
}

.u-c-purple {
  color: var(--c-purple, purple) !important;
}

.u-c-orange {
  color: var(--c-orange, orange) !important;
}

.u-c-gray {
  color: var(--c-gray, gray) !important;
}

.u-c-brown {
  color: var(--c-brown, brown) !important;
}
.u-bc-white {
  background-color: var(--bc-white, #fff) !important;
}

.u-bc-black {
  background-color: var(--bc-black, #000) !important;
}

.u-bc-red {
  background-color: var(--bc-red, #940c19) !important;
}

.u-bc-blue {
  background-color: var(--bc-blue, blue) !important;
}

.u-bc-green {
  background-color: var(--bc-green, green) !important;
}

.u-bc-yellow {
  background-color: var(--bc-yellow, yellow) !important;
}

.u-bc-purple {
  background-color: var(--bc-purple, purple) !important;
}

.u-bc-orange {
  background-color: var(--bc-orange, orange) !important;
}

.u-bc-gray {
  background-color: var(--bc-gray, gray) !important;
}

.u-bc-brown {
  background-color: var(--bc-brown, brown) !important;
}
.u-fw-s {
  font-weight: var(--fw-s, 400) !important;
}

.u-fw-m {
  font-weight: var(--fw-m, 500) !important;
}

.u-fw-l {
  font-weight: var(--fw-l, 700) !important;
}

.u-fw-xl {
  font-weight: var(--fw-xl, 900) !important;
}
.u-ls-s {
  letter-spacing: var(--ls-s, 0.0125em) !important;
}

.u-ls-m {
  letter-spacing: var(--ls-m, 0.05em) !important;
}

.u-ls-l {
  letter-spacing: var(--ls-l, 0.075em) !important;
}

.u-ls-base {
  letter-spacing: var(--ls-base, 0.025em) !important;
}
.u-family-sans-serif {
  font-family: var(--family-sans-serif, 'Noto Sans JP', 'Noto Sans CJK JP', -apple-system, BlinkMacSystemFont, Arial, YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, Meiryo, メイリオ, sans-serif) !important;
}

.u-family-serif {
  font-family: var(--family-serif, 'Noto Serif JP', 'Noto Serif CJK JP', 游明朝体, YuMincho, 游明朝, 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W3, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif) !important;
}

.u-family-round {
  font-family: var(--family-round, -apple-system, BlinkMacSystemFont, 'Meiryo UI', 'Yu Gothic UI', 'Noto Sans JP', 'Noto Sans CJK JP', 'Hiragino Maru Gothic ProN', 'ヒラギノ丸ゴ ProN W4', 'Hiragino Sans', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif) !important;
}
.u-border-light-gray {
  border: solid 1px var(--c-light-gray) !important;
}
.u-grid {
  display: flex !important;
  flex-wrap: wrap !important;
}

.u-col-1 {
  min-width: 0 !important;
  word-wrap: break-word !important;
  flex: 0 0 8.33% !important;
  max-width: 8.33% !important;
}

.u-col-2 {
  min-width: 0 !important;
  word-wrap: break-word !important;
  flex: 0 0 16.67% !important;
  max-width: 16.67% !important;
}

.u-col-3 {
  min-width: 0 !important;
  word-wrap: break-word !important;
  flex: 0 0 25% !important;
  max-width: 25% !important;
}

.u-col-4 {
  min-width: 0 !important;
  word-wrap: break-word !important;
  flex: 0 0 33.33% !important;
  max-width: 33.33% !important;
}

.u-col-5 {
  min-width: 0 !important;
  word-wrap: break-word !important;
  flex: 0 0 41.67% !important;
  max-width: 41.67% !important;
}

.u-col-6 {
  min-width: 0 !important;
  word-wrap: break-word !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

.u-col-7 {
  min-width: 0 !important;
  word-wrap: break-word !important;
  flex: 0 0 58.33% !important;
  max-width: 58.33% !important;
}

.u-col-8 {
  min-width: 0 !important;
  word-wrap: break-word !important;
  flex: 0 0 66.67% !important;
  max-width: 66.67% !important;
}

.u-col-9 {
  min-width: 0 !important;
  word-wrap: break-word !important;
  flex: 0 0 75% !important;
  max-width: 75% !important;
}

.u-col-10 {
  min-width: 0 !important;
  word-wrap: break-word !important;
  flex: 0 0 83.33% !important;
  max-width: 83.33% !important;
}

.u-col-11 {
  min-width: 0 !important;
  word-wrap: break-word !important;
  flex: 0 0 91.67% !important;
  max-width: 91.67% !important;
}

.u-col-12 {
  min-width: 0 !important;
  word-wrap: break-word !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

.u-bullet {
  padding-left: 1em;
  text-indent: -1em;
}

.u-bullets > * {
  padding-left: 1em;
  text-indent: -1em;
}

.u-bullet-off {
  padding-left: 0 !important;
  text-indent: 0 !important;
}

.u-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  white-space: nowrap !important;
}

@media (min-width: 768px) {
  :root {
    --fs-xl: clamp(2rem, 0.578rem + 1.852vw, 2.8rem);
    --slick-dot-size: 15px;
  }
  .l-global-nav {
    padding: 1%;
  }
  .l-global-nav__list {
    flex-direction: row;
    width: auto;
  }
  .l-global-nav__list .nav-bar__item {
    padding: 0;
  }
  .l-global-nav__list .nav-bar__item:nth-child(2) {
    width: auto;
  }
  .l-footer {
    padding-top: 0;
    padding-bottom: 0;
  }
  body:not(#top) .l-header {
    flex-direction: row;
  }
  body:not(#top) .l-header__logo {
    max-width: 25%;
    padding: 0.5% 4% 0.5% 0.5%;
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
  }
  .logo img {
    width: 75%;
  }
  .icon-button {
    width: 44px;
    height: 44px;
  }
  .button-arrow {
    font-size: 1.8rem;
  }
  .button-x {
    font-size: 1.8rem;
  }
  .container {
    max-width: 1200px;
    padding-right: min(32px, 2.66667vw);
    padding-left: min(32px, 2.66667vw);
  }
  .grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .nav-bar__list {
    margin-bottom: min(35px, 2.91667vw);
    padding: 0;
  }
  .nav-bar__item {
    padding-top: 1%;
  }
  .nav-bar__item .nav-btn-top {
    transition: 0.4s;
  }
  .nav-bar__item .nav-btn-top:hover {
    opacity: 0.5;
  }
  .pager__number {
    font-size: 1.8rem;
  }
  .modal-inline__body {
    padding-top: 1em;
  }
  .sub-heading {
    font-size: 1.8rem;
  }
  .footer__share {
    transform: translateX(min(18px, 1.5vw));
  }
  .footer__banners {
    margin-bottom: 0;
  }
  .caution__button {
    font-size: 1.4rem;
  }
  .product-section__head {
    font-size: clamp(37px, 3700px * 1vw / 1200px, 45px);
    font-size: 250%;
  }
  .product-section__new::before {
    width: min(50px, 4.16667vw);
    height: min(50px, 4.16667vw);
    inset: min(-7px, -0.58333vw) min(-7px, -0.58333vw) auto auto;
  }
  .product-section--categories .product-section__heading, .product-section--news .product-section__heading {
    gap: 1em;
  }
  .product-section__products {
    display: grid;
    padding: 4% 2%;
    gap: var(--gap);
  }
  .product {
    max-width: 100%;
    margin-bottom: 2%;
    padding: 0;
  }
  .product__image {
    border: solid 1px #ececec;
  }
  .product--new::before {
    width: min(50px, 4.16667vw);
    height: min(50px, 4.16667vw);
    inset: min(-7px, -0.58333vw) min(-7px, -0.58333vw) auto auto;
  }
  .hero {
    padding: 81px min(32px, 2.66667vw);
    border-top: 5px solid #000000;
    border-right: 5px solid #000000;
    border-left: 5px solid #000000;
  }
  .sales-catch {
    --bg-deco:140px;
    padding: 0.1em;
    font-size: clamp(50px, 5000px * 1vw / 1200px, 95px);
  }
  .intro .ship-date {
    font-size: clamp(20px, 2000px * 1vw / 1200px, 65px);
  }
  .intro .ship-date li {
    flex-direction: row;
  }
  .intro .ship-date span {
    margin-top: 0;
  }
  .intro .intro-txt {
    padding: 0.5%;
  }
  .main-map {
    transition: 0.4s;
  }
  .main-map:hover {
    opacity: 0.5;
  }
  .announce__button {
    font-size: 1.6rem;
  }
  .news__item {
    grid-template-columns: auto 1fr;
    align-items: center;
  }
  .news__button {
    flex-direction: row;
  }
  .categories__nav__list {
    grid-template-columns: repeat(3, 1fr);
  }
  .categories__nav__item:last-child:nth-child(odd) {
    grid-column: auto;
  }
  .categories__nav__button {
    font-size: 1.8rem;
  }
  .team-menu {
    width: 75%;
    font-size: clamp(18px, 1800px * 1vw / 1200px, 25px);
    font-size: 1.8rem;
  }
  .product-region__title {
    font-size: clamp(30px, 3000px * 1vw / 1200px, 45px);
    font-size: 2.8rem;
  }
  .direct-cartadd ~ * {
    margin-top: var(--space-xs);
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
    max-width: auto;
  }
  .u-pc-d-b {
    display: block !important;
  }
  .u-pc-d-n {
    display: none !important;
  }
  .u-pc-d-i {
    display: inline !important;
  }
  .u-pc-d-ib {
    display: inline-block !important;
  }
  .u-pc-d-t {
    display: table !important;
  }
  .u-pc-d-f {
    display: flex !important;
  }
  .u-pc-d-if {
    display: inline-flex !important;
  }
  .u-pc-d-g {
    display: grid !important;
  }
  .u-pc-fs-10p {
    font-size: 10% !important;
  }
  .u-pc-fs-15p {
    font-size: 15% !important;
  }
  .u-pc-fs-20p {
    font-size: 20% !important;
  }
  .u-pc-fs-25p {
    font-size: 25% !important;
  }
  .u-pc-fs-30p {
    font-size: 30% !important;
  }
  .u-pc-fs-35p {
    font-size: 35% !important;
  }
  .u-pc-fs-40p {
    font-size: 40% !important;
  }
  .u-pc-fs-45p {
    font-size: 45% !important;
  }
  .u-pc-fs-50p {
    font-size: 50% !important;
  }
  .u-pc-fs-55p {
    font-size: 55% !important;
  }
  .u-pc-fs-60p {
    font-size: 60% !important;
  }
  .u-pc-fs-65p {
    font-size: 65% !important;
  }
  .u-pc-fs-70p {
    font-size: 70% !important;
  }
  .u-pc-fs-75p {
    font-size: 75% !important;
  }
  .u-pc-fs-80p {
    font-size: 80% !important;
  }
  .u-pc-fs-85p {
    font-size: 85% !important;
  }
  .u-pc-fs-90p {
    font-size: 90% !important;
  }
  .u-pc-fs-95p {
    font-size: 95% !important;
  }
  .u-pc-fs-100p {
    font-size: 100% !important;
  }
  .u-pc-fs-xxs {
    font-size: var(--fs-xxs, 1rem) !important;
  }
  .u-pc-fs-xs {
    font-size: var(--fs-xs, 1.2rem) !important;
  }
  .u-pc-fs-s {
    font-size: var(--fs-s, 1.4rem) !important;
  }
  .u-pc-fs-m {
    font-size: var(--fs-m, 1.6rem) !important;
  }
  .u-pc-fs-l {
    font-size: var(--fs-l, 2rem) !important;
  }
  .u-pc-fs-xl {
    font-size: var(--fs-xl, 2.2rem) !important;
  }
  .u-pc-fs-xxl {
    font-size: var(--fs-xxl, 3rem) !important;
  }
  .u-pc-fs-base {
    font-size: var(--fs-base, 1.4rem) !important;
  }
  .u-pc-fsy-i {
    font-style: italic !important;
  }
  .u-pc-fsy-n {
    font-style: normal !important;
  }
  .u-pc-lh-i {
    line-height: inherit !important;
  }
  .u-pc-lh-10 {
    line-height: 0.1 !important;
  }
  .u-pc-lh-20 {
    line-height: 0.2 !important;
  }
  .u-pc-lh-30 {
    line-height: 0.3 !important;
  }
  .u-pc-lh-40 {
    line-height: 0.4 !important;
  }
  .u-pc-lh-50 {
    line-height: 0.5 !important;
  }
  .u-pc-lh-60 {
    line-height: 0.6 !important;
  }
  .u-pc-lh-70 {
    line-height: 0.7 !important;
  }
  .u-pc-lh-80 {
    line-height: 0.8 !important;
  }
  .u-pc-lh-90 {
    line-height: 0.9 !important;
  }
  .u-pc-lh-100 {
    line-height: 1 !important;
  }
  .u-pc-lh-110 {
    line-height: 1.1 !important;
  }
  .u-pc-lh-120 {
    line-height: 1.2 !important;
  }
  .u-pc-lh-130 {
    line-height: 1.3 !important;
  }
  .u-pc-lh-140 {
    line-height: 1.4 !important;
  }
  .u-pc-lh-150 {
    line-height: 1.5 !important;
  }
  .u-pc-lh-160 {
    line-height: 1.6 !important;
  }
  .u-pc-lh-170 {
    line-height: 1.7 !important;
  }
  .u-pc-lh-180 {
    line-height: 1.8 !important;
  }
  .u-pc-lh-190 {
    line-height: 1.9 !important;
  }
  .u-pc-lh-200 {
    line-height: 2 !important;
  }
  .u-pc-lh-0 {
    line-height: var(--lh-0, 0) !important;
  }
  .u-pc-lh-s {
    line-height: var(--lh-s, 1) !important;
  }
  .u-pc-lh-m {
    line-height: var(--lh-m, 2) !important;
  }
  .u-pc-lh-l {
    line-height: var(--lh-l, 3) !important;
  }
  .u-pc-lh-base {
    line-height: var(--lh-base, 1.5) !important;
  }
  .u-pc-ta-r {
    text-align: right !important;
  }
  .u-pc-ta-l {
    text-align: left !important;
  }
  .u-pc-ta-c {
    text-align: center !important;
  }
  .u-pc-ta-j {
    text-align: justify !important;
  }
  .u-pc-va-tb {
    vertical-align: text-bottom !important;
  }
  .u-pc-va-base {
    vertical-align: baseline !important;
  }
  .u-pc-va-md {
    vertical-align: middle !important;
  }
  .u-pc-va-top {
    vertical-align: top !important;
  }
  .u-pc-va-tt {
    vertical-align: text-top !important;
  }
  .u-pc-td-lt {
    text-decoration: line-through !important;
  }
  .u-pc-td-ul {
    text-decoration: underline !important;
  }
  .u-pc-w-auto {
    width: auto !important;
  }
  .u-pc-w-10 {
    width: 10% !important;
  }
  .u-pc-w-20 {
    width: 20% !important;
  }
  .u-pc-w-30 {
    width: 30% !important;
  }
  .u-pc-w-40 {
    width: 40% !important;
  }
  .u-pc-w-50 {
    width: 50% !important;
  }
  .u-pc-w-60 {
    width: 60% !important;
  }
  .u-pc-w-70 {
    width: 70% !important;
  }
  .u-pc-w-80 {
    width: 80% !important;
  }
  .u-pc-w-90 {
    width: 90% !important;
  }
  .u-pc-w-100 {
    width: 100% !important;
  }
  .u-pc-mw-auto {
    max-width: auto !important;
  }
  .u-pc-mw-10 {
    max-width: 10% !important;
  }
  .u-pc-mw-20 {
    max-width: 20% !important;
  }
  .u-pc-mw-30 {
    max-width: 30% !important;
  }
  .u-pc-mw-40 {
    max-width: 40% !important;
  }
  .u-pc-mw-50 {
    max-width: 50% !important;
  }
  .u-pc-mw-60 {
    max-width: 60% !important;
  }
  .u-pc-mw-70 {
    max-width: 70% !important;
  }
  .u-pc-mw-80 {
    max-width: 80% !important;
  }
  .u-pc-mw-90 {
    max-width: 90% !important;
  }
  .u-pc-mw-100 {
    max-width: 100% !important;
  }
  .u-pc-mw-none {
    max-width: none !important;
  }
  .u-pc-h-auto {
    height: auto !important;
  }
  .u-pc-h-10 {
    height: 10% !important;
  }
  .u-pc-h-20 {
    height: 20% !important;
  }
  .u-pc-h-30 {
    height: 30% !important;
  }
  .u-pc-h-40 {
    height: 40% !important;
  }
  .u-pc-h-50 {
    height: 50% !important;
  }
  .u-pc-h-60 {
    height: 60% !important;
  }
  .u-pc-h-70 {
    height: 70% !important;
  }
  .u-pc-h-80 {
    height: 80% !important;
  }
  .u-pc-h-90 {
    height: 90% !important;
  }
  .u-pc-h-100 {
    height: 100% !important;
  }
  .u-pc-p-0 {
    padding: var(--space-0, 0) !important;
  }
  .u-pc-p-xxs {
    padding: var(--space-xxs, 0.5rem) !important;
  }
  .u-pc-p-xs {
    padding: var(--space-xs, 1rem) !important;
  }
  .u-pc-p-s {
    padding: var(--space-s, 2rem) !important;
  }
  .u-pc-p-m {
    padding: var(--space-m, 3rem) !important;
  }
  .u-pc-p-l {
    padding: var(--space-l, 4rem) !important;
  }
  .u-pc-p-xl {
    padding: var(--space-xl, 5rem) !important;
  }
  .u-pc-p-xxl {
    padding: var(--space-xxl, 6rem) !important;
  }
  .u-pc-p-1e {
    padding: var(--space-1e, 1em) !important;
  }
  .u-pc-pt-0 {
    padding-top: var(--space-0, 0) !important;
  }
  .u-pc-pt-xxs {
    padding-top: var(--space-xxs, 0.5rem) !important;
  }
  .u-pc-pt-xs {
    padding-top: var(--space-xs, 1rem) !important;
  }
  .u-pc-pt-s {
    padding-top: var(--space-s, 2rem) !important;
  }
  .u-pc-pt-m {
    padding-top: var(--space-m, 3rem) !important;
  }
  .u-pc-pt-l {
    padding-top: var(--space-l, 4rem) !important;
  }
  .u-pc-pt-xl {
    padding-top: var(--space-xl, 5rem) !important;
  }
  .u-pc-pt-xxl {
    padding-top: var(--space-xxl, 6rem) !important;
  }
  .u-pc-pt-1e {
    padding-top: var(--space-1e, 1em) !important;
  }
  .u-pc-pr-0 {
    padding-right: var(--space-0, 0) !important;
  }
  .u-pc-pr-xxs {
    padding-right: var(--space-xxs, 0.5rem) !important;
  }
  .u-pc-pr-xs {
    padding-right: var(--space-xs, 1rem) !important;
  }
  .u-pc-pr-s {
    padding-right: var(--space-s, 2rem) !important;
  }
  .u-pc-pr-m {
    padding-right: var(--space-m, 3rem) !important;
  }
  .u-pc-pr-l {
    padding-right: var(--space-l, 4rem) !important;
  }
  .u-pc-pr-xl {
    padding-right: var(--space-xl, 5rem) !important;
  }
  .u-pc-pr-xxl {
    padding-right: var(--space-xxl, 6rem) !important;
  }
  .u-pc-pr-1e {
    padding-right: var(--space-1e, 1em) !important;
  }
  .u-pc-pb-0 {
    padding-bottom: var(--space-0, 0) !important;
  }
  .u-pc-pb-xxs {
    padding-bottom: var(--space-xxs, 0.5rem) !important;
  }
  .u-pc-pb-xs {
    padding-bottom: var(--space-xs, 1rem) !important;
  }
  .u-pc-pb-s {
    padding-bottom: var(--space-s, 2rem) !important;
  }
  .u-pc-pb-m {
    padding-bottom: var(--space-m, 3rem) !important;
  }
  .u-pc-pb-l {
    padding-bottom: var(--space-l, 4rem) !important;
  }
  .u-pc-pb-xl {
    padding-bottom: var(--space-xl, 5rem) !important;
  }
  .u-pc-pb-xxl {
    padding-bottom: var(--space-xxl, 6rem) !important;
  }
  .u-pc-pb-1e {
    padding-bottom: var(--space-1e, 1em) !important;
  }
  .u-pc-pl-0 {
    padding-left: var(--space-0, 0) !important;
  }
  .u-pc-pl-xxs {
    padding-left: var(--space-xxs, 0.5rem) !important;
  }
  .u-pc-pl-xs {
    padding-left: var(--space-xs, 1rem) !important;
  }
  .u-pc-pl-s {
    padding-left: var(--space-s, 2rem) !important;
  }
  .u-pc-pl-m {
    padding-left: var(--space-m, 3rem) !important;
  }
  .u-pc-pl-l {
    padding-left: var(--space-l, 4rem) !important;
  }
  .u-pc-pl-xl {
    padding-left: var(--space-xl, 5rem) !important;
  }
  .u-pc-pl-xxl {
    padding-left: var(--space-xxl, 6rem) !important;
  }
  .u-pc-pl-1e {
    padding-left: var(--space-1e, 1em) !important;
  }
  .u-pc-px-0 {
    padding-right: var(--space-0, 0) !important;
    padding-left: var(--space-0, 0) !important;
  }
  .u-pc-px-xxs {
    padding-right: var(--space-xxs, 0.5rem) !important;
    padding-left: var(--space-xxs, 0.5rem) !important;
  }
  .u-pc-px-xs {
    padding-right: var(--space-xs, 1rem) !important;
    padding-left: var(--space-xs, 1rem) !important;
  }
  .u-pc-px-s {
    padding-right: var(--space-s, 2rem) !important;
    padding-left: var(--space-s, 2rem) !important;
  }
  .u-pc-px-m {
    padding-right: var(--space-m, 3rem) !important;
    padding-left: var(--space-m, 3rem) !important;
  }
  .u-pc-px-l {
    padding-right: var(--space-l, 4rem) !important;
    padding-left: var(--space-l, 4rem) !important;
  }
  .u-pc-px-xl {
    padding-right: var(--space-xl, 5rem) !important;
    padding-left: var(--space-xl, 5rem) !important;
  }
  .u-pc-px-xxl {
    padding-right: var(--space-xxl, 6rem) !important;
    padding-left: var(--space-xxl, 6rem) !important;
  }
  .u-pc-px-1e {
    padding-right: var(--space-1e, 1em) !important;
    padding-left: var(--space-1e, 1em) !important;
  }
  .u-pc-py-0 {
    padding-top: var(--space-0, 0) !important;
    padding-bottom: var(--space-0, 0) !important;
  }
  .u-pc-py-xxs {
    padding-top: var(--space-xxs, 0.5rem) !important;
    padding-bottom: var(--space-xxs, 0.5rem) !important;
  }
  .u-pc-py-xs {
    padding-top: var(--space-xs, 1rem) !important;
    padding-bottom: var(--space-xs, 1rem) !important;
  }
  .u-pc-py-s {
    padding-top: var(--space-s, 2rem) !important;
    padding-bottom: var(--space-s, 2rem) !important;
  }
  .u-pc-py-m {
    padding-top: var(--space-m, 3rem) !important;
    padding-bottom: var(--space-m, 3rem) !important;
  }
  .u-pc-py-l {
    padding-top: var(--space-l, 4rem) !important;
    padding-bottom: var(--space-l, 4rem) !important;
  }
  .u-pc-py-xl {
    padding-top: var(--space-xl, 5rem) !important;
    padding-bottom: var(--space-xl, 5rem) !important;
  }
  .u-pc-py-xxl {
    padding-top: var(--space-xxl, 6rem) !important;
    padding-bottom: var(--space-xxl, 6rem) !important;
  }
  .u-pc-py-1e {
    padding-top: var(--space-1e, 1em) !important;
    padding-bottom: var(--space-1e, 1em) !important;
  }
  .u-pc-m-auto {
    margin: auto !important;
  }
  .u-pc-m-0 {
    margin: var(--space-0, 0) !important;
  }
  .u-pc-m-xxs {
    margin: var(--space-xxs, 0.5rem) !important;
  }
  .u-pc-m-xs {
    margin: var(--space-xs, 1rem) !important;
  }
  .u-pc-m-s {
    margin: var(--space-s, 2rem) !important;
  }
  .u-pc-m-m {
    margin: var(--space-m, 3rem) !important;
  }
  .u-pc-m-l {
    margin: var(--space-l, 4rem) !important;
  }
  .u-pc-m-xl {
    margin: var(--space-xl, 5rem) !important;
  }
  .u-pc-m-xxl {
    margin: var(--space-xxl, 6rem) !important;
  }
  .u-pc-m-1e {
    margin: var(--space-1e, 1em) !important;
  }
  .u-pc-mt-auto {
    margin-top: auto !important;
  }
  .u-pc-mt-0 {
    margin-top: var(--space-0, 0) !important;
  }
  .u-pc-mt-xxs {
    margin-top: var(--space-xxs, 0.5rem) !important;
  }
  .u-pc-mt-xs {
    margin-top: var(--space-xs, 1rem) !important;
  }
  .u-pc-mt-s {
    margin-top: var(--space-s, 2rem) !important;
  }
  .u-pc-mt-m {
    margin-top: var(--space-m, 3rem) !important;
  }
  .u-pc-mt-l {
    margin-top: var(--space-l, 4rem) !important;
  }
  .u-pc-mt-xl {
    margin-top: var(--space-xl, 5rem) !important;
  }
  .u-pc-mt-xxl {
    margin-top: var(--space-xxl, 6rem) !important;
  }
  .u-pc-mt-1e {
    margin-top: var(--space-1e, 1em) !important;
  }
  .u-pc-mr-auto {
    margin-right: auto !important;
  }
  .u-pc-mr-0 {
    margin-right: var(--space-0, 0) !important;
  }
  .u-pc-mr-xxs {
    margin-right: var(--space-xxs, 0.5rem) !important;
  }
  .u-pc-mr-xs {
    margin-right: var(--space-xs, 1rem) !important;
  }
  .u-pc-mr-s {
    margin-right: var(--space-s, 2rem) !important;
  }
  .u-pc-mr-m {
    margin-right: var(--space-m, 3rem) !important;
  }
  .u-pc-mr-l {
    margin-right: var(--space-l, 4rem) !important;
  }
  .u-pc-mr-xl {
    margin-right: var(--space-xl, 5rem) !important;
  }
  .u-pc-mr-xxl {
    margin-right: var(--space-xxl, 6rem) !important;
  }
  .u-pc-mr-1e {
    margin-right: var(--space-1e, 1em) !important;
  }
  .u-pc-mb-auto {
    margin-bottom: auto !important;
  }
  .u-pc-mb-0 {
    margin-bottom: var(--space-0, 0) !important;
  }
  .u-pc-mb-xxs {
    margin-bottom: var(--space-xxs, 0.5rem) !important;
  }
  .u-pc-mb-xs {
    margin-bottom: var(--space-xs, 1rem) !important;
  }
  .u-pc-mb-s {
    margin-bottom: var(--space-s, 2rem) !important;
  }
  .u-pc-mb-m {
    margin-bottom: var(--space-m, 3rem) !important;
  }
  .u-pc-mb-l {
    margin-bottom: var(--space-l, 4rem) !important;
  }
  .u-pc-mb-xl {
    margin-bottom: var(--space-xl, 5rem) !important;
  }
  .u-pc-mb-xxl {
    margin-bottom: var(--space-xxl, 6rem) !important;
  }
  .u-pc-mb-1e {
    margin-bottom: var(--space-1e, 1em) !important;
  }
  .u-pc-ml-auto {
    margin-left: auto !important;
  }
  .u-pc-ml-0 {
    margin-left: var(--space-0, 0) !important;
  }
  .u-pc-ml-xxs {
    margin-left: var(--space-xxs, 0.5rem) !important;
  }
  .u-pc-ml-xs {
    margin-left: var(--space-xs, 1rem) !important;
  }
  .u-pc-ml-s {
    margin-left: var(--space-s, 2rem) !important;
  }
  .u-pc-ml-m {
    margin-left: var(--space-m, 3rem) !important;
  }
  .u-pc-ml-l {
    margin-left: var(--space-l, 4rem) !important;
  }
  .u-pc-ml-xl {
    margin-left: var(--space-xl, 5rem) !important;
  }
  .u-pc-ml-xxl {
    margin-left: var(--space-xxl, 6rem) !important;
  }
  .u-pc-ml-1e {
    margin-left: var(--space-1e, 1em) !important;
  }
  .u-pc-mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .u-pc-mx-0 {
    margin-right: var(--space-0, 0) !important;
    margin-left: var(--space-0, 0) !important;
  }
  .u-pc-mx-xxs {
    margin-right: var(--space-xxs, 0.5rem) !important;
    margin-left: var(--space-xxs, 0.5rem) !important;
  }
  .u-pc-mx-xs {
    margin-right: var(--space-xs, 1rem) !important;
    margin-left: var(--space-xs, 1rem) !important;
  }
  .u-pc-mx-s {
    margin-right: var(--space-s, 2rem) !important;
    margin-left: var(--space-s, 2rem) !important;
  }
  .u-pc-mx-m {
    margin-right: var(--space-m, 3rem) !important;
    margin-left: var(--space-m, 3rem) !important;
  }
  .u-pc-mx-l {
    margin-right: var(--space-l, 4rem) !important;
    margin-left: var(--space-l, 4rem) !important;
  }
  .u-pc-mx-xl {
    margin-right: var(--space-xl, 5rem) !important;
    margin-left: var(--space-xl, 5rem) !important;
  }
  .u-pc-mx-xxl {
    margin-right: var(--space-xxl, 6rem) !important;
    margin-left: var(--space-xxl, 6rem) !important;
  }
  .u-pc-mx-1e {
    margin-right: var(--space-1e, 1em) !important;
    margin-left: var(--space-1e, 1em) !important;
  }
  .u-pc-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .u-pc-my-0 {
    margin-top: var(--space-0, 0) !important;
    margin-bottom: var(--space-0, 0) !important;
  }
  .u-pc-my-xxs {
    margin-top: var(--space-xxs, 0.5rem) !important;
    margin-bottom: var(--space-xxs, 0.5rem) !important;
  }
  .u-pc-my-xs {
    margin-top: var(--space-xs, 1rem) !important;
    margin-bottom: var(--space-xs, 1rem) !important;
  }
  .u-pc-my-s {
    margin-top: var(--space-s, 2rem) !important;
    margin-bottom: var(--space-s, 2rem) !important;
  }
  .u-pc-my-m {
    margin-top: var(--space-m, 3rem) !important;
    margin-bottom: var(--space-m, 3rem) !important;
  }
  .u-pc-my-l {
    margin-top: var(--space-l, 4rem) !important;
    margin-bottom: var(--space-l, 4rem) !important;
  }
  .u-pc-my-xl {
    margin-top: var(--space-xl, 5rem) !important;
    margin-bottom: var(--space-xl, 5rem) !important;
  }
  .u-pc-my-xxl {
    margin-top: var(--space-xxl, 6rem) !important;
    margin-bottom: var(--space-xxl, 6rem) !important;
  }
  .u-pc-my-1e {
    margin-top: var(--space-1e, 1em) !important;
    margin-bottom: var(--space-1e, 1em) !important;
  }
  .u-pc-nm-0 {
    margin: calc(var(--space-0, 0) * -1) !important;
  }
  .u-pc-nm-xxs {
    margin: calc(var(--space-xxs, 0.5rem) * -1) !important;
  }
  .u-pc-nm-xs {
    margin: calc(var(--space-xs, 1rem) * -1) !important;
  }
  .u-pc-nm-s {
    margin: calc(var(--space-s, 2rem) * -1) !important;
  }
  .u-pc-nm-m {
    margin: calc(var(--space-m, 3rem) * -1) !important;
  }
  .u-pc-nm-l {
    margin: calc(var(--space-l, 4rem) * -1) !important;
  }
  .u-pc-nm-xl {
    margin: calc(var(--space-xl, 5rem) * -1) !important;
  }
  .u-pc-nm-xxl {
    margin: calc(var(--space-xxl, 6rem) * -1) !important;
  }
  .u-pc-nm-1e {
    margin: calc(var(--space-1e, 1em) * -1) !important;
  }
  .u-pc-nmt-0 {
    margin-top: calc(var(--space-0, 0) * -1) !important;
  }
  .u-pc-nmt-xxs {
    margin-top: calc(var(--space-xxs, 0.5rem) * -1) !important;
  }
  .u-pc-nmt-xs {
    margin-top: calc(var(--space-xs, 1rem) * -1) !important;
  }
  .u-pc-nmt-s {
    margin-top: calc(var(--space-s, 2rem) * -1) !important;
  }
  .u-pc-nmt-m {
    margin-top: calc(var(--space-m, 3rem) * -1) !important;
  }
  .u-pc-nmt-l {
    margin-top: calc(var(--space-l, 4rem) * -1) !important;
  }
  .u-pc-nmt-xl {
    margin-top: calc(var(--space-xl, 5rem) * -1) !important;
  }
  .u-pc-nmt-xxl {
    margin-top: calc(var(--space-xxl, 6rem) * -1) !important;
  }
  .u-pc-nmt-1e {
    margin-top: calc(var(--space-1e, 1em) * -1) !important;
  }
  .u-pc-nmr-0 {
    margin-right: calc(var(--space-0, 0) * -1) !important;
  }
  .u-pc-nmr-xxs {
    margin-right: calc(var(--space-xxs, 0.5rem) * -1) !important;
  }
  .u-pc-nmr-xs {
    margin-right: calc(var(--space-xs, 1rem) * -1) !important;
  }
  .u-pc-nmr-s {
    margin-right: calc(var(--space-s, 2rem) * -1) !important;
  }
  .u-pc-nmr-m {
    margin-right: calc(var(--space-m, 3rem) * -1) !important;
  }
  .u-pc-nmr-l {
    margin-right: calc(var(--space-l, 4rem) * -1) !important;
  }
  .u-pc-nmr-xl {
    margin-right: calc(var(--space-xl, 5rem) * -1) !important;
  }
  .u-pc-nmr-xxl {
    margin-right: calc(var(--space-xxl, 6rem) * -1) !important;
  }
  .u-pc-nmr-1e {
    margin-right: calc(var(--space-1e, 1em) * -1) !important;
  }
  .u-pc-nmb-0 {
    margin-bottom: calc(var(--space-0, 0) * -1) !important;
  }
  .u-pc-nmb-xxs {
    margin-bottom: calc(var(--space-xxs, 0.5rem) * -1) !important;
  }
  .u-pc-nmb-xs {
    margin-bottom: calc(var(--space-xs, 1rem) * -1) !important;
  }
  .u-pc-nmb-s {
    margin-bottom: calc(var(--space-s, 2rem) * -1) !important;
  }
  .u-pc-nmb-m {
    margin-bottom: calc(var(--space-m, 3rem) * -1) !important;
  }
  .u-pc-nmb-l {
    margin-bottom: calc(var(--space-l, 4rem) * -1) !important;
  }
  .u-pc-nmb-xl {
    margin-bottom: calc(var(--space-xl, 5rem) * -1) !important;
  }
  .u-pc-nmb-xxl {
    margin-bottom: calc(var(--space-xxl, 6rem) * -1) !important;
  }
  .u-pc-nmb-1e {
    margin-bottom: calc(var(--space-1e, 1em) * -1) !important;
  }
  .u-pc-nml-0 {
    margin-left: calc(var(--space-0, 0) * -1) !important;
  }
  .u-pc-nml-xxs {
    margin-left: calc(var(--space-xxs, 0.5rem) * -1) !important;
  }
  .u-pc-nml-xs {
    margin-left: calc(var(--space-xs, 1rem) * -1) !important;
  }
  .u-pc-nml-s {
    margin-left: calc(var(--space-s, 2rem) * -1) !important;
  }
  .u-pc-nml-m {
    margin-left: calc(var(--space-m, 3rem) * -1) !important;
  }
  .u-pc-nml-l {
    margin-left: calc(var(--space-l, 4rem) * -1) !important;
  }
  .u-pc-nml-xl {
    margin-left: calc(var(--space-xl, 5rem) * -1) !important;
  }
  .u-pc-nml-xxl {
    margin-left: calc(var(--space-xxl, 6rem) * -1) !important;
  }
  .u-pc-nml-1e {
    margin-left: calc(var(--space-1e, 1em) * -1) !important;
  }
  .u-pc-nmx-0 {
    margin-right: calc(var(--space-0, 0) * -1) !important;
    margin-left: calc(var(--space-0, 0) * -1) !important;
  }
  .u-pc-nmx-xxs {
    margin-right: calc(var(--space-xxs, 0.5rem) * -1) !important;
    margin-left: calc(var(--space-xxs, 0.5rem) * -1) !important;
  }
  .u-pc-nmx-xs {
    margin-right: calc(var(--space-xs, 1rem) * -1) !important;
    margin-left: calc(var(--space-xs, 1rem) * -1) !important;
  }
  .u-pc-nmx-s {
    margin-right: calc(var(--space-s, 2rem) * -1) !important;
    margin-left: calc(var(--space-s, 2rem) * -1) !important;
  }
  .u-pc-nmx-m {
    margin-right: calc(var(--space-m, 3rem) * -1) !important;
    margin-left: calc(var(--space-m, 3rem) * -1) !important;
  }
  .u-pc-nmx-l {
    margin-right: calc(var(--space-l, 4rem) * -1) !important;
    margin-left: calc(var(--space-l, 4rem) * -1) !important;
  }
  .u-pc-nmx-xl {
    margin-right: calc(var(--space-xl, 5rem) * -1) !important;
    margin-left: calc(var(--space-xl, 5rem) * -1) !important;
  }
  .u-pc-nmx-xxl {
    margin-right: calc(var(--space-xxl, 6rem) * -1) !important;
    margin-left: calc(var(--space-xxl, 6rem) * -1) !important;
  }
  .u-pc-nmx-1e {
    margin-right: calc(var(--space-1e, 1em) * -1) !important;
    margin-left: calc(var(--space-1e, 1em) * -1) !important;
  }
  .u-pc-nmy-0 {
    margin-top: calc(var(--space-0, 0) * -1) !important;
    margin-bottom: calc(var(--space-0, 0) * -1) !important;
  }
  .u-pc-nmy-xxs {
    margin-top: calc(var(--space-xxs, 0.5rem) * -1) !important;
    margin-bottom: calc(var(--space-xxs, 0.5rem) * -1) !important;
  }
  .u-pc-nmy-xs {
    margin-top: calc(var(--space-xs, 1rem) * -1) !important;
    margin-bottom: calc(var(--space-xs, 1rem) * -1) !important;
  }
  .u-pc-nmy-s {
    margin-top: calc(var(--space-s, 2rem) * -1) !important;
    margin-bottom: calc(var(--space-s, 2rem) * -1) !important;
  }
  .u-pc-nmy-m {
    margin-top: calc(var(--space-m, 3rem) * -1) !important;
    margin-bottom: calc(var(--space-m, 3rem) * -1) !important;
  }
  .u-pc-nmy-l {
    margin-top: calc(var(--space-l, 4rem) * -1) !important;
    margin-bottom: calc(var(--space-l, 4rem) * -1) !important;
  }
  .u-pc-nmy-xl {
    margin-top: calc(var(--space-xl, 5rem) * -1) !important;
    margin-bottom: calc(var(--space-xl, 5rem) * -1) !important;
  }
  .u-pc-nmy-xxl {
    margin-top: calc(var(--space-xxl, 6rem) * -1) !important;
    margin-bottom: calc(var(--space-xxl, 6rem) * -1) !important;
  }
  .u-pc-nmy-1e {
    margin-top: calc(var(--space-1e, 1em) * -1) !important;
    margin-bottom: calc(var(--space-1e, 1em) * -1) !important;
  }
  .u-pc-float-r {
    float: right !important;
  }
  .u-pc-float-l {
    float: left !important;
  }
  .u-pc-float-n {
    float: none !important;
  }
  .u-pc-pos-a {
    position: absolute !important;
  }
  .u-pc-pos-r {
    position: relative !important;
  }
  .u-pc-c-white {
    color: var(--c-white, #fff) !important;
  }
  .u-pc-c-black {
    color: var(--c-black, #000) !important;
  }
  .u-pc-c-red {
    color: var(--c-red, #940c19) !important;
  }
  .u-pc-c-blue {
    color: var(--c-blue, blue) !important;
  }
  .u-pc-c-green {
    color: var(--c-green, green) !important;
  }
  .u-pc-c-yellow {
    color: var(--c-yellow, yellow) !important;
  }
  .u-pc-c-purple {
    color: var(--c-purple, purple) !important;
  }
  .u-pc-c-orange {
    color: var(--c-orange, orange) !important;
  }
  .u-pc-c-gray {
    color: var(--c-gray, gray) !important;
  }
  .u-pc-c-brown {
    color: var(--c-brown, brown) !important;
  }
  .u-pc-bc-white {
    background-color: var(--bc-white, #fff) !important;
  }
  .u-pc-bc-black {
    background-color: var(--bc-black, #000) !important;
  }
  .u-pc-bc-red {
    background-color: var(--bc-red, #940c19) !important;
  }
  .u-pc-bc-blue {
    background-color: var(--bc-blue, blue) !important;
  }
  .u-pc-bc-green {
    background-color: var(--bc-green, green) !important;
  }
  .u-pc-bc-yellow {
    background-color: var(--bc-yellow, yellow) !important;
  }
  .u-pc-bc-purple {
    background-color: var(--bc-purple, purple) !important;
  }
  .u-pc-bc-orange {
    background-color: var(--bc-orange, orange) !important;
  }
  .u-pc-bc-gray {
    background-color: var(--bc-gray, gray) !important;
  }
  .u-pc-bc-brown {
    background-color: var(--bc-brown, brown) !important;
  }
  .u-pc-fw-s {
    font-weight: var(--fw-s, 400) !important;
  }
  .u-pc-fw-m {
    font-weight: var(--fw-m, 500) !important;
  }
  .u-pc-fw-l {
    font-weight: var(--fw-l, 700) !important;
  }
  .u-pc-fw-xl {
    font-weight: var(--fw-xl, 900) !important;
  }
  .u-pc-ls-s {
    letter-spacing: var(--ls-s, 0.0125em) !important;
  }
  .u-pc-ls-m {
    letter-spacing: var(--ls-m, 0.05em) !important;
  }
  .u-pc-ls-l {
    letter-spacing: var(--ls-l, 0.075em) !important;
  }
  .u-pc-ls-base {
    letter-spacing: var(--ls-base, 0.025em) !important;
  }
  .u-pc-family-sans-serif {
    font-family: var(--family-sans-serif, 'Noto Sans JP', 'Noto Sans CJK JP', -apple-system, BlinkMacSystemFont, Arial, YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, Meiryo, メイリオ, sans-serif) !important;
  }
  .u-pc-family-serif {
    font-family: var(--family-serif, 'Noto Serif JP', 'Noto Serif CJK JP', 游明朝体, YuMincho, 游明朝, 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W3, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif) !important;
  }
  .u-pc-family-round {
    font-family: var(--family-round, -apple-system, BlinkMacSystemFont, 'Meiryo UI', 'Yu Gothic UI', 'Noto Sans JP', 'Noto Sans CJK JP', 'Hiragino Maru Gothic ProN', 'ヒラギノ丸ゴ ProN W4', 'Hiragino Sans', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif) !important;
  }
  .u-pc-border-light-gray {
    border: solid 1px var(--c-light-gray) !important;
  }
  .u-pc-grid {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  .u-pc-col-1 {
    min-width: 0 !important;
    word-wrap: break-word !important;
    flex: 0 0 8.33% !important;
    max-width: 8.33% !important;
  }
  .u-pc-col-2 {
    min-width: 0 !important;
    word-wrap: break-word !important;
    flex: 0 0 16.67% !important;
    max-width: 16.67% !important;
  }
  .u-pc-col-3 {
    min-width: 0 !important;
    word-wrap: break-word !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
  .u-pc-col-4 {
    min-width: 0 !important;
    word-wrap: break-word !important;
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
  .u-pc-col-5 {
    min-width: 0 !important;
    word-wrap: break-word !important;
    flex: 0 0 41.67% !important;
    max-width: 41.67% !important;
  }
  .u-pc-col-6 {
    min-width: 0 !important;
    word-wrap: break-word !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  .u-pc-col-7 {
    min-width: 0 !important;
    word-wrap: break-word !important;
    flex: 0 0 58.33% !important;
    max-width: 58.33% !important;
  }
  .u-pc-col-8 {
    min-width: 0 !important;
    word-wrap: break-word !important;
    flex: 0 0 66.67% !important;
    max-width: 66.67% !important;
  }
  .u-pc-col-9 {
    min-width: 0 !important;
    word-wrap: break-word !important;
    flex: 0 0 75% !important;
    max-width: 75% !important;
  }
  .u-pc-col-10 {
    min-width: 0 !important;
    word-wrap: break-word !important;
    flex: 0 0 83.33% !important;
    max-width: 83.33% !important;
  }
  .u-pc-col-11 {
    min-width: 0 !important;
    word-wrap: break-word !important;
    flex: 0 0 91.67% !important;
    max-width: 91.67% !important;
  }
  .u-pc-col-12 {
    min-width: 0 !important;
    word-wrap: break-word !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .u-sp-only {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .u-pc-only {
    display: none !important;
  }
}
/*# sourceMappingURL=main.css.map */