@charset "UTF-8";
IMG.alottazoom-image {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  height: auto;
}

IMG.alottazoom-image-loading {
  position: relative;
  top: -1px;
  left: -1px;
  display: block;
  width: 1px;
  height: 1px;
}

.alottazoom-wrapper::selection,
.alottazoom-wrapper::-moz-selection,
/* atone related styles (moved from inline styles) */
.atone-radio-label .c-radio__warapper {
  margin: 0;
}
.atone-radio-body {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
}
.atone-radio-textblock {
  display: inline-block;
}

/* b-atone container */
.b-atone {
  flex: 1;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-top: 2%;
  background-color: #F2F2F3;
  padding: 24px;
  box-sizing: border-box;
}

/* banner area */
.b-atone__banner {
  flex: 0 0 300px;
  max-width: 300px;
}
.b-atone__image {
  width: 100%;
  height: auto;
  display: block;
}

/* specific image vertical offset to keep original spacing */
.b-atone__image--after { margin-top: 40%; }
.b-atone__image--next  { margin-top: 20%; }

/* content area */
.b-atone__content {
  flex: 1;
}

/* text spacing copied from inline styles */
.b-atone__lead {
  margin: 0 0 8px;
}
.b-atone__subtitle {
  margin: 8px 0 6px;
  font-weight: 600;
}
.b-atone__list {
  margin: 0 0 8px 18px;
  padding: 0;
}

/* end atone related styles */
/* ...existing code... */on,
.alottazoom-wrapper-loading::selection,
.alottazoom-wrapper-loading::-moz-selection,
IMG.alottazoom-image::selection,
IMG.alottazoom-image::-moz-selection,
IMG.alottazoom-image-loading::selection,
IMG.alottazoom-image-loading::-moz-selection {
  color: rgba(0, 0, 0, 0);
  background-color: transparent;
}

.alottazoom-wrapper {
  overflow: hidden;
}

.alottazoom-wrapper .marker {
  position: relative;
}

.marker-content {
  display: none;
}

@page {
  size: A4 portrait;
}
/*! destyle.css v3.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3 */
}

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

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

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

p {
  margin-bottom: 0;
}

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

h1 {
  line-height: 1.15;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: 600;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  clear: both;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  margin: 0;
  /* 1 */
  overflow: visible;
  color: inherit;
  /* 2 */
  border-top-width: 1px;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  /* 1 */
  font-size: inherit;
  font-family: monospace, monospace;
  /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  color: inherit;
  text-decoration: none;
  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] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: 600;
}

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

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

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  padding: 0;
  font: inherit;
  vertical-align: middle;
  text-align: inherit;
  color: inherit;
  text-transform: inherit;
  background: transparent;
  border-radius: 0;
  -webkit-appearance: none;
  /* 1 */
  appearance: none;
  /* 2 */
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  appearance: radio;
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/**
 * 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 outline style in Safari.
 */
[type=search] {
  outline-offset: -2px;
  /* 1 */
}

/**
 * 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. Fix font inheritance.
 */
::-webkit-file-upload-button {
  /* 1 */
  font: inherit;
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

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

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit;
  /* 1 */
}

caption {
  text-align: left;
}

td,
th {
  padding: 0;
  vertical-align: top;
}

th {
  font-weight: 600;
  text-align: left;
}

body {
  font-weight: 300;
}

a .c-image {
  position: relative;
}
a .c-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  transition-duration: 0.3s;
}
a:hover .c-image::after {
  opacity: 0.2;
}

.l-main, .l-container--top .l-main {
  max-width: 1280px;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .l-main, .l-container--top .l-main {
    min-height: calc(100vh - 326px);
  }
}

.l-container--1column .l-main {
  padding: 24px 24px 48px;
}
@media screen and (min-width: 430px) {
  .l-container--1column .l-main {
    padding: 24px 32px 48px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--1column .l-main {
    width: 776px;
    min-height: calc(100vh - 326px);
    margin: 0 auto;
    padding: 64px 0 128px;
  }
  .l-container--1column .l-main.is-recommend {
    min-height: calc(100vh - 326px - 220px);
  }
}
@media screen and (min-width: 960px) {
  .l-container--1column .l-main .c-title--level0 {
    font-size: 3.2rem;
  }
}
.l-container--1column .l-content {
  padding-top: 40px;
}

.l-container--1column-large .l-main {
  padding: 0 0px 48px;
}
@media screen and (min-width: 960px) {
  .l-container--1column-large .l-main {
    width: 848px;
    width: 100%;
    max-width: 1994px;
    margin: 0 auto;
    padding: 0 32px 128px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--1column-large .l-main .l-header .c-navigation-category {
    margin: 32px -30px 0 0px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--1column-large .l-main .l-header {
    margin: 0 auto;
  }
}
.l-container--1column-large .l-content {
  padding-top: 0;
}
.l-container--1column-large .p-product-list {
  padding-left: 0;
}
@media screen and (min-width: 960px) {
  .l-container--1column-large .p-product-list {
    margin: 0 auto;
  }
}
@media screen and (min-width: 1344px) {
  .l-container--1column-large .p-product-list__item {
    width: 16.6666666667%;
  }
}

.l-container--product .l-main {
  position: relative;
  max-width: 1920px;
}
@media screen and (min-width: 960px) {
  .l-container--product .l-hero {
    width: calc(100% - 422px);
    padding-top: 32px;
    padding-left: 8px;
  }
}
.l-container--product .l-content {
  padding: 0 24px 24px;
}
@media screen and (min-width: 430px) {
  .l-container--product .l-content {
    padding: 0 32px 24px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--product .l-content {
    width: calc(100% - 422px);
    padding: 32px 32px 74px;
  }
}
.l-container--product .l-back-to-top {
  margin-top: 0;
}

.l-container--product .l-back-to-top.l-back-to-top--no-banner {
  margin-top: 88px;
}

@media screen and (min-width: 960px) {
  .l-container--product .l-back-to-top.l-back-to-top--no-banner {
    margin-top: 143px;
  }
}

.l-container--schecule .l-main {
  padding: 0 0 48px;
}
@media screen and (min-width: 960px) {
  .l-container--schecule .l-main {
    width: 848px;
    margin: 0 auto;
    padding: 0 0 160px;
  }
}
.l-container--schecule .l-header {
  padding: 0 24px 0;
}
@media screen and (min-width: 960px) {
  .l-container--schecule .l-header {
    padding: 0;
  }
}
.l-container--schecule .l-content {
  padding: 32px 24px 0;
}
@media screen and (min-width: 430px) {
  .l-container--schecule .l-content {
    padding: 32px 32px 0;
  }
}
@media screen and (min-width: 960px) {
  .l-container--schecule .l-content {
    padding: 32px 0 0;
  }
}

.l-container--2column .l-main {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 0 48px;
}
@media screen and (min-width: 430px) {
  .l-container--2column .l-main {
    padding: 0 0 42px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--2column .l-main {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 384px;
    grid-template-columns: 1fr 384px;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
  }
}
@media screen and (min-width: 1696px) {
  .l-container--2column .l-main {
    max-width: 2344px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--2column .l-header {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
}
@media screen and (min-width: 960px) {
  .l-container--2column .l-content {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    padding-left: 32px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--2column .l-content .p-product-list {
    margin: 0 auto;
  }
}
.l-container--2column .l-sub-content {
  position: relative;
  z-index: 1000;
  padding-top: 36px;
}
@media screen and (min-width: 430px) {
  .l-container--2column .l-sub-content {
    width: 327px;
    margin: 0 auto;
    padding-top: 65px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--2column .l-sub-content {
    z-index: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    box-sizing: border-box;
    width: 384px;
    padding-top: 0;
  }
}
@media screen and (min-width: 960px) {
  .l-container--2column .c-header-product-list {
    margin: 0 auto;
    padding: 56px 0 24px 32px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--2column .l-sub-content__float {
    width: 384px;
    padding: 48px 32px 24px;
  }
}

.l-container--cart .l-main {
  max-width: 1280px;
  padding: 24px 24px 0px;
}
@media screen and (min-width: 960px) {
  .l-container--cart .l-main {
    position: relative;
    padding: 40px 80px 0px;
  }
}
@media screen and (min-width: 1440px) {
  .l-container--cart .l-main {
    padding: 40px 0px 0px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--cart .l-header {
    width: calc(100% - 320px);
  }
}
@media screen and (min-width: 960px) {
  .l-container--cart .l-header .c-title--level2 {
    font-size: 3.2rem;
  }
}
.l-container--cart .l-header .c-alert--error {
  width: 100%;
  margin: 16px auto 0;
}
@media screen and (min-width: 960px) {
  .l-container--cart .l-header .c-alert--error {
    width: calc(100% - 22px);
    margin: 24px 0 8px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--cart .l-alert-content {
    width: calc(100% - 344px);
  }
}
.l-container--cart .l-alert-content {
  font-size: 1.8rem;
  font-weight: bold;
}
.c-warning {
  margin: 24px auto 0;
  padding: 15px;
  box-sizing: border-box;
  color: #F60E0E;
  border: 2px solid #F60E0E;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.4;
}

.l-container--cart .l-content {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .l-container--cart .l-content {
    width: calc(100% - 344px);
  }
}
.l-container--cart .l-sub-content {
  padding-top: 32px;
}
@media screen and (min-width: 960px) {
  .l-container--cart .l-sub-content {
    position: absolute;
    top: 0px;
    right: 80px;
    width: 320px;
    padding: 48px 0px 0;
  }
}
@media screen and (min-width: 1440px) {
  .l-container--cart .l-sub-content {
    right: 0px;
  }
}
.l-container--cart .l-footer {
  width: calc(100% + 48px);
  margin-left: -24px;
  padding-top: 32px;
}
@media screen and (min-width: 960px) {
  .l-container--cart .l-footer {
    width: 100vw;
    margin-left: -80px;
    padding-top: 56px;
  }
}
@media screen and (min-width: 1280px) {
  .l-container--cart .l-footer {
    width: 100vw;
    margin-left: calc(560px - 50vw);
  }
}
@media screen and (min-width: 1440px) {
  .l-container--cart .l-footer {
    width: 100vw;
    margin-left: calc(640px - 50vw);
  }
}

.l-container--checkout .l-header h1.u-has-breadcremb, .l-container--checkout-finish .l-header h1.u-has-breadcremb {
  margin-top: 20px;
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .l-container--checkout .l-header h1.u-has-breadcremb, .l-container--checkout-finish .l-header h1.u-has-breadcremb {
    margin-top: 0px;
    padding-top: 0px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--checkout .l-header .c-title--level2, .l-container--checkout-finish .l-header .c-title--level2 {
    font-size: 3.2rem;
  }
}
.l-container--checkout .l-header .c-text-body, .l-container--checkout-finish .l-header .c-text-body {
  padding-top: 16px;
  color: #18181B;
}
@media screen and (min-width: 960px) {
  .l-container--checkout .l-header .c-text-body, .l-container--checkout-finish .l-header .c-text-body {
    padding-top: 24px;
  }
}
.l-container--checkout .l-main, .l-container--checkout-finish .l-main {
  position: relative;
  padding: 24px;
}
@media screen and (min-width: 960px) {
  .l-container--checkout .l-main, .l-container--checkout-finish .l-main {
    width: 776px;
    margin: 0 auto;
    padding: 56px 0px;
  }
}
.l-container--checkout .b-form-text, .l-container--checkout-finish .b-form-text {
  padding-top: 24px;
}
.l-container--checkout .b-form-text:first-child, .l-container--checkout-finish .b-form-text:first-child {
  padding-top: 0px;
}
.l-container--checkout .b-form-text__input, .l-container--checkout-finish .b-form-text__input {
  padding-top: 4px;
}

@media screen and (min-width: 960px) {
  .l-container--checkout-finish .l-main {
    min-height: calc(100vh - 434px);
  }
}

.l-container--account .l-main, .l-container--reminder .l-main {
  padding: 24px 24px 0;
}
@media screen and (min-width: 960px) {
  .l-container--account .l-main, .l-container--reminder .l-main {
    max-width: 776px;
    margin: 0 auto;
    padding: 64px 0 0;
  }
}
.l-container--account .l-main .c-title--level0, .l-container--reminder .l-main .c-title--level0 {
  text-align: center;
}
@media screen and (min-width: 960px) {
  .l-container--account .l-main .c-title--level0, .l-container--reminder .l-main .c-title--level0 {
    font-size: 3.2rem;
  }
}
.l-container--account .l-content, .l-container--reminder .l-content {
  padding: 0 0 80px;
}
@media screen and (min-width: 960px) {
  .l-container--account .l-content, .l-container--reminder .l-content {
    width: 340px;
    margin: 0 auto;
    padding: 0 0 128px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--account .l-content .c-title--level0, .l-container--reminder .l-content .c-title--level0 {
    font-size: 3.2rem;
  }
}

@media screen and (min-width: 960px) {
  .l-container--account--wide .l-header, .l-container--account--midi .l-header {
    width: 776px;
    margin: 0 auto;
    padding: 64px 0 0;
  }
}
@media screen and (min-width: 960px) {
  .l-container--account--wide .l-header .c-title--level0, .l-container--account--midi .l-header .c-title--level0 {
    font-size: 3.2rem;
  }
}
.l-container--account--wide .l-content, .l-container--account--midi .l-content {
  padding: 0 24px 80px;
}
@media screen and (min-width: 960px) {
  .l-container--account--wide .l-content, .l-container--account--midi .l-content {
    width: 776px;
    margin: 0 auto;
    padding: 16px 0 128px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--account--wide .p-signup__text, .l-container--account--midi .p-signup__text {
    text-align: center;
  }
}

.l-container--account--midi .l-main {
  padding: 24px 24px 0;
}
@media screen and (min-width: 960px) {
  .l-container--account--midi .l-main {
    max-width: 776px;
    margin: 0 auto;
    padding: 64px 0 0;
  }
}
.l-container--account--midi .l-main .c-title--level0 {
  text-align: center;
}
@media screen and (min-width: 960px) {
  .l-container--account--midi .l-main .c-title--level0 {
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 960px) {
  .l-container--account--midi .p-signup__text {
    text-align: center;
  }
}

.l-container--reminder .l-main .c-title--level0 {
  text-align: left;
}
@media screen and (min-width: 960px) {
  .l-container--reminder .l-main .c-title--level0 {
    text-align: center;
  }
}
@media screen and (min-width: 960px) {
  .l-container--reminder .l-content {
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  .l-container--reminder .l-content .p-reminder__text {
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 960px) {
  .l-container--reminder .l-content .p-reminder__label,
.l-container--reminder .l-content .p-reminder__form,
.l-container--reminder .l-content .p-reminder__button {
    width: 340px;
    margin: 0 auto;
  }
}

.l-container--myaccount--top .l-main {
  padding: 24px 24px 48px;
}
@media screen and (min-width: 960px) {
  .l-container--myaccount--top .l-main {
    width: 776px;
    margin: 0 auto;
    padding: 64px 0 157px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--myaccount--top .l-main .c-title--level0 {
    font-size: 3.2rem;
  }
}

.l-container--myaccount .l-backlink {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 12px 24px;
  background-color: #F2F2F3;
}
@media screen and (min-width: 960px) {
  .l-container--myaccount .l-backlink {
    width: 776px;
    height: auto;
    margin: 0 auto;
    padding: 56px 0 0;
    background-color: transparent;
  }
}
.l-container--myaccount .l-main {
  padding: 24px 24px 48px;
}
@media screen and (min-width: 960px) {
  .l-container--myaccount .l-main {
    width: 776px;
    min-height: calc(100vh - 398px);
    margin: 0 auto;
    padding: 16px 0 128px;
  }
}
@media screen and (min-width: 960px) and (min-width: 960px) {
  .l-container--myaccount .l-main .c-title--level0 {
    font-size: 3.2rem;
  }
}

.l-container--news .l-main, .l-container--news-detail .l-main {
  padding: 24px 24px 48px;
}
@media screen and (min-width: 960px) {
  .l-container--news .l-main, .l-container--news-detail .l-main {
    width: 776px;
    margin: 0 auto;
    padding: 64px 0 128px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--news .l-main .c-title--level0, .l-container--news-detail .l-main .c-title--level0 {
    font-size: 3.2rem;
  }
}

.l-container--news-detail .l-header {
  padding-bottom: 24px;
  border-bottom: 3px solid #F2F2F3;
}
@media screen and (min-width: 960px) {
  .l-container--news-detail .l-main {
    padding: 64px 0 0px;
  }
}
.l-container--news-detail .l-footer-custome {
  margin: 0 auto;
  padding: 0 24px 48px;
}
@media screen and (min-width: 960px) {
  .l-container--news-detail .l-footer-custome {
    width: 776px;
    padding: 0 0 128px;
  }
}

.l-container--agev .l-main, .l-container--not-found .l-main {
  max-width: 340px;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .l-container--agev .l-main, .l-container--not-found .l-main {
    width: 100%;
    max-width: 776px;
  }
}

.l-container--agev .l-main {
  padding: 24px 24px 48px;
}
@media screen and (min-width: 960px) {
  .l-container--agev .l-main {
    padding: 64px 0 128px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--agev .p-agev__button {
    margin: 0 auto;
  }
}

.l-container--not-found .l-main {
  padding: 40px 24px 48px;
}
@media screen and (min-width: 960px) {
  .l-container--not-found .l-main {
    padding: 64px 0 128px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--not-found .l-main .c-button {
    width: -moz-fit-content;
    width: fit-content;
    min-width: 340px;
    margin: 0 auto;
  }
}

.l-container--calendar .l-main {
  padding: 24px 0 48px;
}
@media screen and (min-width: 960px) {
  .l-container--calendar .l-main {
    width: 848px;
    margin: 0 auto;
    padding: 48px 0 128px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--calendar .l-main .c-title--level0 {
    font-size: 3.2rem;
  }
}
.l-container--calendar .l-header {
  padding: 0 24px;
}
@media screen and (min-width: 960px) {
  .l-container--calendar .l-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
  }
}
.l-container--calendar .l-header .c-form-select {
  margin-top: 16px;
}
@media screen and (min-width: 960px) {
  .l-container--calendar .l-header .c-form-select {
    width: 327px;
    margin-top: 0;
  }
}

.l-container--event .l-main {
  padding: 24px 24px 48px;
}
@media screen and (min-width: 960px) {
  .l-container--event .l-main {
    width: 776px;
    margin: 0 auto;
    padding: 64px 0 128px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--event .l-main .c-title--level0 {
    font-size: 3.2rem;
  }
}

@media screen and (min-width: 960px) {
  .l-container--event-detail .l-main {
    width: 776px;
    margin: 0 auto;
    padding: 64px 0 0px;
  }
}
.l-container--event-detail .l-content {
  padding: 0 24px 0px;
}
@media screen and (min-width: 960px) {
  .l-container--event-detail .l-content {
    padding: 0;
  }
}
.l-container--event-detail .l-footer-custome {
  margin: 0 auto;
  padding: 0 24px 48px;
}
@media screen and (min-width: 960px) {
  .l-container--event-detail .l-footer-custome {
    width: 776px;
    padding: 0 0 128px;
  }
}

.l-container--maintenance .l-main {
  padding: 40px 24px 80px;
}
@media screen and (min-width: 960px) {
  .l-container--maintenance .l-main {
    min-height: calc(100vh - 207px);
    padding: 64px 0 128px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--maintenance .l-content {
    max-width: 776px;
    margin: 0 auto;
  }
}

.l-container--social .l-main {
  padding: 24px 24px 48px;
}
@media screen and (min-width: 960px) {
  .l-container--social .l-main {
    width: 776px;
    margin: 0 auto;
    padding: 64px 0 128px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--social .l-main .c-title--level0 {
    font-size: 3.2rem;
  }
}

.l-container--partner-top .l-main {
  padding: 24px 24px 50px;
}
@media screen and (min-width: 960px) {
  .l-container--partner-top .l-main {
    width: 776px;
    margin: 0 auto;
    padding: 48px 0 100px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--partner-top .l-main .c-title--level0 {
    font-size: 3.2rem;
  }
}

@media screen and (min-width: 960px) {
  .l-container--partner .l-backlink {
    width: 776px;
    margin: 0 auto;
    padding: 48px 0 0;
  }
}
.l-container--partner .l-backlink .c-link--paging-prev {
  padding: 12px 0 12px 24px;
}
@media screen and (min-width: 960px) {
  .l-container--partner .l-backlink .c-link--paging-prev {
    padding: 0;
  }
}
.l-container--partner .l-main {
  padding: 24px 24px 80px;
}
@media screen and (min-width: 960px) {
  .l-container--partner .l-main {
    width: 776px;
    margin: 0 auto;
    padding: 16px 0 128px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--partner .l-main .c-title--level0 {
    font-size: 3.2rem;
  }
}

.l-container--websites .l-main, .l-container--category-brand .l-main {
  padding: 24px 24px 80px;
}
@media screen and (min-width: 960px) {
  .l-container--websites .l-main, .l-container--category-brand .l-main {
    width: 776px;
    margin: 0 auto;
    padding: 48px 0 128px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--websites .l-main .c-title--level0, .l-container--category-brand .l-main .c-title--level0 {
    font-size: 3.2rem;
  }
}

.l-container--category-brand .l-content {
  padding-top: 40px;
}

.l-container--top .l-main {
  max-width: 1920px;
}

.l-container--article-detail .l-header {
  margin-bottom: 48px;
}
.l-container--article-detail .l-header.is-border-bottom {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 3px solid #F2F2F3;
}
.l-container--article-detail .l-header h1 {
  font-size: 2.4rem;
}
@media screen and (min-width: 960px) {
  .l-container--article-detail .l-header h1 {
    font-size: 3.2rem;
  }
}
.l-container--article-detail .l-main {
  padding: 24px 24px 48px;
}
@media screen and (min-width: 960px) {
  .l-container--article-detail .l-main {
    width: 776px;
    margin: 0 auto;
    padding: 64px 0 0px;
  }
}
.l-container--article-detail .l-main h1, .l-container--article-detail .l-main h2, .l-container--article-detail .l-main h3, .l-container--article-detail .l-main h4, .l-container--article-detail .l-main h5, .l-container--article-detail .l-main h6 {
  margin-top: 40px;
  font-weight: 600;
  line-height: 1.5;
  color: #18181B;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" on;
}
.l-container--article-detail .l-main h1:nth-child(1), .l-container--article-detail .l-main h2:nth-child(1), .l-container--article-detail .l-main h3:nth-child(1), .l-container--article-detail .l-main h4:nth-child(1), .l-container--article-detail .l-main h5:nth-child(1), .l-container--article-detail .l-main h6:nth-child(1) {
  margin-top: 0px;
}
.l-container--article-detail .l-main h1.is-underline, .l-container--article-detail .l-main h2.is-underline, .l-container--article-detail .l-main h3.is-underline, .l-container--article-detail .l-main h4.is-underline, .l-container--article-detail .l-main h5.is-underline, .l-container--article-detail .l-main h6.is-underline {
  position: relative;
  height: 32px;
  font-size: 1.4rem;
  line-height: 1.15;
  font-feature-settings: "palt" off;
}
@media screen and (min-width: 960px) {
  .l-container--article-detail .l-main h1.is-underline, .l-container--article-detail .l-main h2.is-underline, .l-container--article-detail .l-main h3.is-underline, .l-container--article-detail .l-main h4.is-underline, .l-container--article-detail .l-main h5.is-underline, .l-container--article-detail .l-main h6.is-underline {
    font-size: 1.6rem;
  }
}
.l-container--article-detail .l-main h1.is-underline::before, .l-container--article-detail .l-main h2.is-underline::before, .l-container--article-detail .l-main h3.is-underline::before, .l-container--article-detail .l-main h4.is-underline::before, .l-container--article-detail .l-main h5.is-underline::before, .l-container--article-detail .l-main h6.is-underline::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #f2f2f3;
}
.l-container--article-detail .l-main h1.is-underline::after, .l-container--article-detail .l-main h2.is-underline::after, .l-container--article-detail .l-main h3.is-underline::after, .l-container--article-detail .l-main h4.is-underline::after, .l-container--article-detail .l-main h5.is-underline::after, .l-container--article-detail .l-main h6.is-underline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 3px;
  background-color: #ff6624;
}
.l-container--article-detail .l-main h1,
.l-container--article-detail .l-main .c-title--level1 {
  margin-top: 24px;
  font-size: 2.4rem;
}
@media screen and (min-width: 960px) {
  .l-container--article-detail .l-main h1,
.l-container--article-detail .l-main .c-title--level1 {
    font-size: 3.2rem;
  }
}
.l-container--article-detail .l-main h2 {
  font-size: 2rem;
}
@media screen and (min-width: 960px) {
  .l-container--article-detail .l-main h2 {
    font-size: 2.4rem;
  }
}
.l-container--article-detail .l-main h2.is-underline {
  font-size: 1.6rem;
}
@media screen and (min-width: 960px) {
  .l-container--article-detail .l-main h2.is-underline {
    font-size: 1.8rem;
  }
}
.l-container--article-detail .l-main h3 {
  font-size: 1.8rem;
}
@media screen and (min-width: 960px) {
  .l-container--article-detail .l-main h3 {
    font-size: 2rem;
  }
}
.l-container--article-detail .l-main h4 {
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .l-container--article-detail .l-main h4 {
    font-size: 1.8rem;
  }
}
.l-container--article-detail .l-main p {
  font-size: 1.4rem;
  line-height: 1.75;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" on;
}
@media screen and (min-width: 960px) {
  .l-container--article-detail .l-main p {
    font-size: 1.6rem;
  }
}
.l-container--article-detail .l-main p a {
  text-decoration: none;
}
.l-container--article-detail .l-main p:nth-child(1), .l-container--article-detail .l-main ul:nth-child(1), .l-container--article-detail .l-main li:nth-child(1), .l-container--article-detail .l-main img:nth-child(1) {
  padding-top: 0px;
}
.l-container--article-detail .l-main ul {
  font-size: 1.4rem;
}
.l-container--article-detail .l-main .l-content > ul {
  padding: 8px 0 16px;
}
@media screen and (min-width: 960px) {
  .l-container--article-detail .l-main ul {
    font-size: 1.6rem;
  }
}
.l-container--article-detail .l-main ul li {
  position: relative;
  padding-left: 1.5em;
  line-height: 1.75;
  letter-spacing: 0.08em;
  text-indent: 0em;
}
.l-container--article-detail .l-main ul li:nth-child(1) {
  padding-top: 0px;
}
@media screen and (min-width: 960px) {
  .l-container--article-detail .l-main ul li {
    letter-spacing: 0.05em;
  }
}
.l-container--article-detail .l-main ul li::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  display: inline;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background-color: #FF6624;
  border-radius: 10px;
}
.l-container--article-detail .l-main .p-article__box ul {
  padding-top: 24px;
}
.l-container--article-detail .l-main .p-article__box ul:nth-child(1) {
  padding-top: 0px;
}
.l-container--article-detail .l-footer-custome {
  margin: 0 auto;
  padding: 0 24px 48px;
}
@media screen and (min-width: 960px) {
  .l-container--article-detail .l-footer-custome {
    width: 776px;
    padding: 0 0 128px;
  }
}
.l-container--article-detail .l-content {
  font-size: 1.6rem;
  letter-spacing: 0.08em;
}

.l-container--coupon .l-main {
  padding: 24px 24px 0;
}
@media screen and (min-width: 960px) {
  .l-container--coupon .l-main {
    max-width: 776px;
    margin: 0 auto;
    padding: 64px 0 0;
  }
}
@media screen and (min-width: 960px) {
  .l-container--coupon .l-main .c-title--level0 {
    font-size: 3.2rem;
  }
}
.l-container--coupon .l-content {
  padding: 0 0 80px;
}
@media screen and (min-width: 960px) {
  .l-container--coupon .l-content {
    margin: 0 auto;
    padding: 0 0 128px;
  }
}
@media screen and (min-width: 960px) {
  .l-container--coupon .l-content .c-title--level0 {
    font-size: 3.2rem;
  }
}

@media print {
    body {
      -webkit-print-color-adjust: exact;
    }
  }
.l-container--print {
  min-width: 960px;
}
@media print {
  .l-container--print {
    min-width: unset;
  }
}
.l-container--print .b-breadcrumb {
  position: static;
  height: auto;
  padding-left: 0px;
  background-color: #FFFFFF;
  box-shadow: none;
}
.l-container--print .b-breadcrumb .c-link--paging-prev {
  display: inline-flex;
  width: auto;
  padding: 0;
  padding-bottom: 16px;
  background-color: transparent;
}
.l-container--print .c-global-header__top--logo-only {
  justify-content: space-between;
  height: 72px;
}
@media print {
  .l-container--print .c-global-header {
    display: none;
  }
}
.l-container--print .l-header h1.u-has-breadcremb {
  margin-top: 0px;
  padding-top: 0px;
}
.l-container--print .l-header .c-title--level2 {
  font-size: 3.2rem;
}
.l-container--print .l-header .c-text-body {
  padding-top: 24px;
}
.l-container--print .l-content {
  margin-top: 16px;
}
.l-container--print .l-content .c-label--secondary.is-large {
  border-radius: 4px;
}
@media print {
  .l-container--print .l-content {
    margin: 0;
  }
}
.l-container--print .l-main {
  width: 776px;
  margin: 0 auto;
  padding: 56px 0px;
}
@media print {
  .l-container--print .l-main {
    width: auto;
    margin: 0;
    padding: 0;
  }
}
.l-container--print .p-myaccount__button {
  display: flex;
  flex-flow: column;
  padding-top: 40px;
  gap: 16px;
}
.l-container--print .p-myaccount__button .c-button {
  display: block;
  width: auto;
  min-width: 327px;
  margin: 0 auto;
}
.l-container--print .l-area--print {
  width: 776px;
  margin-top: 40px;
  padding: 32px;
  border: 1px solid #CBCDD6;
}
@media print {
  .l-container--print .l-area--print {
    box-sizing: border-box;
    width: 210mm;
    margin: 0;
    overflow: hidden;
    border: none;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.zoomist-container {
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: none;
}

.zoomist-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  background-color: #f4f4f4;
}

.zoomist-image {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none !important;
  max-height: none !important;
  pointer-events: none;
}

.zoomist-slider {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0 0 5px 0;
}

.zoomist-slider-main {
  position: relative;
  display: flex;
  justify-content: flex-start;
}

.zoomist-slider-main:hover .zoomist-slider-bar {
  background-color: #aaa;
}

.zoomist-slider-main:hover .zoomist-slider-button::before {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

.zoomist-slider-main.zoomist-slider-horizontal {
  align-items: flex-start;
  width: 150px;
  margin: 0 20px;
  padding: 20px 0;
}

.zoomist-slider-main.zoomist-slider-horizontal .zoomist-slider-bar {
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
}

.zoomist-slider-main.zoomist-slider-vertical {
  align-items: flex-end;
  height: 150px;
  margin: 20px 0;
  padding: 0 20px;
}

.zoomist-slider-main.zoomist-slider-vertical .zoomist-slider-bar {
  top: 0;
  left: calc(50% - 1px);
  width: 2px;
  height: 100%;
}

.zoomist-slider-bar {
  position: absolute;
  z-index: 0;
  display: block;
  background-color: #ccc;
  border-radius: 1px;
  transition: background-color 0.3s;
}

.zoomist-slider-button {
  position: relative;
  z-index: 1;
  display: block;
  width: 0 !important;
  height: 0 !important;
}

.zoomist-slider-button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  display: block;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  transition: box-shadow 0.3s;
}

.zoomist-zoomer {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  overflow: hidden;
  border-radius: 0 0 0 5px;
}

.zoomist-in-zoomer, .zoomist-out-zoomer {
  position: relative;
  width: 50px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  transition: background-color 0.3s;
}

.zoomist-in-zoomer:hover, .zoomist-out-zoomer:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

.zoomist-in-zoomer svg, .zoomist-out-zoomer svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  transform: translate(-50%, -50%);
  fill: #333;
}

.zoomist-zoomer-disable {
  opacity: 0.6;
  pointer-events: none;
}

.flatpickr-calendar {
  position: absolute;
  display: none;
  box-sizing: border-box;
  width: 307.875px;
  padding: 0;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  direction: ltr;
  background: transparent;
  background: #fff;
  border: 0;
  border-radius: 5px;
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  visibility: hidden;
  opacity: 0;
  animation: none;
  touch-action: manipulation;
}

.flatpickr-calendar.open, .flatpickr-calendar.inline {
  max-height: 640px;
  visibility: visible;
  opacity: 1;
}

.flatpickr-calendar.open {
  z-index: 99999;
  display: inline-block;
}

.flatpickr-calendar.animate.open {
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  position: relative;
  top: 2px;
  display: block;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
  content: "";
  position: absolute;
  left: 22px;
  display: block;
  width: 0;
  height: 0;
  border: solid transparent;
  pointer-events: none;
}

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
  right: 22px;
  left: auto;
}

.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
  right: 50%;
  left: 50%;
}

.flatpickr-calendar:before {
  margin: 0 -5px;
  border-width: 5px;
}

.flatpickr-calendar:after {
  margin: 0 -4px;
  border-width: 4px;
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: flex;
}

.flatpickr-months .flatpickr-month {
  position: relative;
  flex: 1 1;
  height: 34px;
  overflow: hidden;
  line-height: 1;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  background: transparent;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  fill: rgba(0, 0, 0, 0.9);
  -webkit-box-flex: 1;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  position: absolute;
  top: 0;
  z-index: 3;
  height: 34px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.9);
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
  /*rtl:begin:ignore*/
  left: 0;
}

/*
/*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
  /*rtl:begin:ignore*/
  right: 0;
}

/*
/*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input, .numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  box-sizing: border-box;
  width: 14px;
  height: 50%;
  padding: 0 4px 0 2px;
  line-height: 50%;
  border: 1px solid rgba(57, 57, 57, 0.15);
  cursor: pointer;
  opacity: 0;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  content: "";
  position: absolute;
  display: block;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  top: 26%;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  border-left: 4px solid transparent;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  top: 40%;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  position: absolute;
  left: 12.5%;
  display: inline-block;
  width: 75%;
  height: 34px;
  padding: 7.48px 0 0 0;
  font-weight: 300;
  font-size: 135%;
  line-height: inherit;
  line-height: 1;
  text-align: center;
  color: inherit;
  transform: translate3d(0, 0, 0);
}

.flatpickr-current-month span.cur-month {
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
  font-weight: 700;
  font-family: inherit;
  color: inherit;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  display: inline-block;
  width: 6ch;
  width: 7ch\0 ;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  display: inline-block;
  box-sizing: border-box;
  height: auto;
  margin: 0;
  padding: 0 0 0 0.5ch;
  font-weight: 300;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  vertical-align: initial;
  color: inherit;
  background: transparent;
  border: 0;
  border-radius: 0;
  cursor: text;
  -webkit-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  position: relative;
  box-sizing: border-box;
  width: auto;
  height: auto;
  margin: -1px 0 0 0;
  padding: 0 0 0 0.5ch;
  font-weight: 300;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  vertical-align: initial;
  color: inherit;
  background: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  cursor: pointer;
  -webkit-appearance: menulist;
  appearance: menulist;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  padding: 0;
  background-color: transparent;
  outline: none;
}

.flatpickr-weekdays {
  display: flex;
  align-items: center;
  width: 100%;
  height: 28px;
  overflow: hidden;
  text-align: center;
  background: transparent;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1 1;
  -webkit-box-flex: 1;
}

span.flatpickr-weekday {
  display: block;
  flex: 1 1;
  margin: 0;
  font-weight: bolder;
  font-size: 90%;
  line-height: 1;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
  background: transparent;
  cursor: default;
  -webkit-box-flex: 1;
}

.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 307.875px;
  overflow: hidden;
  -webkit-box-align: start;
  -ms-flex-align: start;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  box-sizing: border-box;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  padding: 0;
  text-align: left;
  outline: 0;
  transform: translate3d(0, 0, 0);
  opacity: 1;
  -ms-flex-pack: justify;
}

.dayContainer + .dayContainer {
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  position: relative;
  display: inline-block;
  flex-basis: 14.2857143%;
  justify-content: center;
  box-sizing: border-box;
  width: 14.2857143%;
  max-width: 39px;
  height: 39px;
  margin: 0;
  font-weight: 400;
  line-height: 39px;
  text-align: center;
  color: #393939;
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  cursor: pointer;
  -ms-flex-preferred-size: 14.2857143%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  background: #e6e6e6;
  border-color: #e6e6e6;
  outline: 0;
  cursor: pointer;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  color: #fff;
  background: #959ea9;
  border-color: #959ea9;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  color: #fff;
  background: #569ff7;
  border-color: #569ff7;
  box-shadow: none;
}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  color: rgba(57, 57, 57, 0.1);
  cursor: not-allowed;
}

.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border: none;
  cursor: default;
}

.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  box-sizing: border-box;
  padding: 0;
}

.flatpickr-time {
  display: block;
  display: flex;
  box-sizing: border-box;
  height: 0;
  max-height: 40px;
  overflow: hidden;
  line-height: 40px;
  text-align: center;
  outline: 0;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  flex: 1 1;
  float: left;
  width: 40%;
  height: 40px;
  -webkit-box-flex: 1;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  position: relative;
  box-sizing: border-box;
  height: inherit;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: inherit;
  text-align: center;
  color: #393939;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  border: 0;
  outline: 0;
}

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  -ms-grid-row-align: center;
      align-self: center;
  float: left;
  width: 2%;
  height: inherit;
  font-weight: bold;
  line-height: inherit;
  color: #393939;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-flex-item-align: center;
}

.flatpickr-time .flatpickr-am-pm {
  width: 18%;
  font-weight: 400;
  text-align: center;
  outline: 0;
  cursor: pointer;
}

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}
@keyframes fpFadeInDown {
  from {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.c-alert {
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 44px;
  color: #18181B;
}
@media screen and (min-width: 960px) {
  .c-alert {
    min-height: 48px;
  }
}
.is-float.c-alert .c-alert__body {
  border-radius: 22px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}
.is-auto.c-alert {
  justify-content: center;
}
.is-auto.c-alert .c-alert__body {
  display: inline-flex;
  width: auto;
}

.c-alert__body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 44px;
  padding: 0 13px;
  font-size: 1.4rem;
  color: inherit;
  background-color: #fff;
}
@media screen and (min-width: 960px) {
  .c-alert__body {
    font-weight: 600;
    font-size: 2rem;
  }
}
@media screen and (min-width: 960px) {
  .c-alert__body {
    padding: 0 16px;
  }
}
.c-alert__body .c-icon {
  margin-right: 11px;
}

.c-alert__text {
  display: flex;
  align-items: center;
  line-height: 1.6;
}

.c-alert__time {
  margin-right: 4px;
  font-size: 1rem;
  color: #6F7075;
}
@media screen and (min-width: 960px) {
  .c-alert__time {
    font-size: 1.4rem;
  }
}

.c-alert__link {
  font-weight: 600;
}
@media screen and (min-width: 960px) {
  .c-alert__link {
    font-size: 1.6rem;
  }
}

.c-alert--error {
  color: #FF4444;
}
.c-alert--error .c-alert__body {
  background-color: #FDDFDF;
}
.c-alert--error .c-alert__body .c-icon--alert {
  min-width: 20px;
}

.c-alert--warn .c-alert__body {
  background-color: #F2F2F3;
}
.c-alert--warn .c-alert__body::after {
  content: "";
  display: block;
  width: 8px;
  min-width: 8px;
  height: 12px;
  background-color: #6F7075;
  transform: rotate(0deg);
  transform-origin: center center;
  -webkit-mask-image: url("/img/icon/arrow-link.svg");
          mask-image: url("/img/icon/arrow-link.svg");
  -webkit-mask-size: 8px 12px;
          mask-size: 8px 12px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.c-alert--warn .c-alert__text {
  font-size: 1rem;
}
@media screen and (min-width: 960px) {
  .c-alert--warn .c-alert__text {
    font-weight: normal;
    font-size: 1.4rem;
  }
}
.c-alert--warn:hover .c-alert__body {
  background-color: #e5e5e7;
}
.c-alert--warn:hover .c-alert__body::after {
  background-color: #6a6b6f;
}
.c-alert--warn:hover .c-icon {
  background-color: #6a6b6f;
}
.c-alert--warn:hover .c-alert__time {
  color: #6a6b6f;
}
.c-alert--warn:hover .c-alert__text {
  color: #17171a;
}

.c-alert__close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: red;
  opacity: 0;
}
.c-alert__close.js-close-toast {
  cursor: default;
}

.c-banner__item {
  line-height: 0;
}
.c-banner__item:nth-child(n+2) {
  padding-top: 16px;
}

.c-banner__link {
  display: inline-block;
  overflow: hidden;
  border-radius: 4px;
}

.c-banner-logo {
  display: block;
  overflow: hidden;
  border-radius: 4px;
}
.c-banner-logo .c-image--main {
  width: 100%;
}
.c-banner-logo .c-image--main::before {
  content: "";
  position: absolute;
  top: 0;
  width: 45%;
  height: 100%;
}
.c-banner-logo .c-image--main > img {
  width: 100%;
  height: auto;
}
.c-banner-logo.is-shadow-right .c-image--main::before {
  content: "";
  right: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0));
}
.c-banner-logo.is-shadow-right .c-banner-logo__name .c-image {
  right: 6px;
}
.c-banner-logo.is-shadow-right .c-banner-logo__name p {
  right: 6px;
}
.c-banner-logo.is-shadow-left .c-image--main::before {
  content: "";
  left: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0));
}
.c-banner-logo.is-shadow-left .c-banner-logo__name .c-image {
  left: 6px;
}
.c-banner-logo.is-shadow-left .c-banner-logo__name p {
  left: 6px;
}
.c-banner-logo .c-banner-logo__name {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.c-banner-logo .c-banner-logo__name .c-image {
  position: absolute;
  top: 50%;
  width: 25%;
  max-width: 25%;
  max-height: calc(100% - 12px);
  transform: translateY(-50%);
}
@media screen and (min-width: 960px) {
  .c-banner-logo .c-banner-logo__name .c-image {
    max-width: 60px;
    max-height: 60px;
  }
}
.c-banner-logo .c-banner-logo__name .c-image img {
  width: 100%;
  height: auto;
}
.c-banner-logo .c-banner-logo__name p {
  position: absolute;
  top: 50%;
  font-weight: 600;
  font-size: 1.4rem;
  color: #fff;
  transform: translateY(-50%);
}
@media screen and (min-width: 960px) {
  .c-banner-logo .c-banner-logo__name p {
    font-size: 1.6rem;
  }
}
.c-banner-logo .c-banner-logo__name p em {
  font-weight: 600;
  font-style: normal;
}
.c-banner-logo .c-banner-logo__name p.is-xlarge {
  font-size: 1.8rem;
}
@media screen and (min-width: 960px) {
  .c-banner-logo .c-banner-logo__name p.is-xlarge {
    font-size: 2rem;
  }
}
.c-banner-logo .c-banner-logo__name p.is-large {
  font-size: 1.6rem;
}
@media screen and (min-width: 960px) {
  .c-banner-logo .c-banner-logo__name p.is-large {
    font-size: 1.8rem;
  }
}
.c-banner-logo .c-banner-logo__name p.is-small {
  font-size: 1.2rem;
}
@media screen and (min-width: 960px) {
  .c-banner-logo .c-banner-logo__name p.is-small {
    font-size: 1.4rem;
  }
}
.c-banner-logo .c-banner-logo__name p.is-xsmall {
  font-size: 1rem;
}
@media screen and (min-width: 960px) {
  .c-banner-logo .c-banner-logo__name p.is-xsmall {
    font-size: 1.2rem;
  }
}
.c-banner-logo .c-banner-logo__name p.is-xsmall {
  font-size: 1rem;
}
@media screen and (min-width: 960px) {
  .c-banner-logo .c-banner-logo__name p.is-xsmall {
    font-size: 1.2rem;
  }
}
.c-banner-logo .c-banner-logo__name p.is-bold {
  font-weight: 600;
}

.b-add-ui {
  padding: 16px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 960px) {
  .b-add-ui {
    padding: 24px 0 0;
    box-shadow: none;
  }
}

.b-add-ui__header--select {
  display: flex;
  justify-content: space-between;
}

.b-add-ui__header__body .c-price {
  padding-top: 3px;
}

.b-add-ui__title {
  text-align: center;
}
@media screen and (min-width: 960px) {
  .b-add-ui__title {
    display: none;
  }
}

.b-add-ui__text {
  display: flex;
  justify-content: center;
  padding-top: 8px;
}
@media screen and (min-width: 960px) {
  .b-add-ui__text {
    display: none;
  }
}
.b-add-ui__text .c-price__del_term {
  font-size: 1.2rem;
}

.b-add-ui__status {
  margin-left: 8px;
  padding-top: 0 !important;
}

.b-add-ui__button {
  display: flex;
  justify-content: space-between;
}
.b-add-ui__button .is-xlarge.c-button--primary .c-button__body {
  min-height: 40px;
}

.b-add-ui__select {
  flex: 1 1;
  padding-right: 8px;
}
.b-add-ui__select + .c-button {
  width: auto;
}

.b-add-ui__button__like {
  padding-left: 8px;
}

.b-add-ui__note {
  padding-top: 8px;
  text-align: center;
}
.not-login-note {
    padding-top: 8px;
    text-align: center;
}

@media screen and (min-width: 960px) {
  .b-add-ui--variant .b-add-ui__button {
    flex-direction: column;
  }
}
.b-add-ui--variant .c-form-variant {
  width: 147px;
}
@media screen and (min-width: 960px) {
  .b-add-ui--variant .c-form-variant {
    width: 100%;
    margin-bottom: 24px;
  }
}
.b-add-ui--variant .b-add-ui__variant-button {
  display: flex;
  width: 100%;
  padding-left: 8px;
}
@media screen and (min-width: 960px) {
  .b-add-ui--variant .c-button {
    margin-left: 0;
  }
}
.b-add-ui--variant .b-add-ui__header--select .b-add-ui__title {
  text-align: left;
}
.b-add-ui--variant .b-add-ui__header--select .b-add-ui__header__body .c-price__main {
  display: inline-block;
  padding-top: 4px;
}

.b-add-ui__variant .c-title {
  display: none;
  padding-bottom: 5px;
}
@media screen and (min-width: 960px) {
  .b-add-ui__variant .c-title {
    display: block;
  }
}

.b-alert .c-alert.js-alert, .b-alert .js-alert.c-alert--checked {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100vh;
  opacity: 0;
  transition-duration: 0.3s;
  pointer-events: none;
}
.b-alert .c-alert.js-alert.is-show, .b-alert .js-alert.is-show.c-alert--checked {
  z-index: 2;
  opacity: 1;
  pointer-events: auto;
}
.b-alert .c-alert.js-alert.is-show .c-alert__body, .b-alert .js-alert.is-show.c-alert--checked .c-alert__body {
  z-index: 1;
}
.b-alert .c-alert.js-alert.is-float .c-alert__body, .b-alert .js-alert.is-float.c-alert--checked .c-alert__body {
  width: 100%;
  max-width: calc(100% - 48px);
  border-radius: 22px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 960px) {
  .b-alert .c-alert.js-alert.is-float .c-alert__body, .b-alert .js-alert.is-float.c-alert--checked .c-alert__body {
    width: auto;
  }
}
.b-alert .c-alert.js-alert.is-float .c-alert__body .c-icon, .b-alert .js-alert.is-float.c-alert--checked .c-alert__body .c-icon {
  display: none;
}
.b-alert .c-alert.js-alert.is-auto, .b-alert .js-alert.is-auto.c-alert--checked {
  justify-content: center;
}
.b-alert .c-alert.js-alert .c-alert__body, .b-alert .js-alert.c-alert--checked .c-alert__body {
  position: absolute;
  top: 120px;
  left: 50%;
  display: block;
  height: auto;
  min-height: 44px;
  padding: 12px;
  transform: translateX(-50%);
}
@media screen and (min-width: 960px) {
  .b-alert .c-alert.js-alert .c-alert__body, .b-alert .js-alert.c-alert--checked .c-alert__body {
    top: 88px;
    min-height: 48px;
  }
}
@media screen and (min-width: 960px) {
  .b-alert .c-alert.js-alert .c-alert__body, .b-alert .js-alert.c-alert--checked .c-alert__body {
    padding: 12px;
  }
}
.b-alert .c-alert--checked.js-alert.is-float .c-alert__body .c-icon {
  display: block;
  width: 20px;
  min-width: 20px;
  min-width: 20px;
  height: 20px;
  background-color: #20D92C;
  -webkit-mask-image: url("/img/icon/checked-circle.svg");
          mask-image: url("/img/icon/checked-circle.svg");
  -webkit-mask-size: 20px 20px;
          mask-size: 20px 20px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media screen and (min-width: 960px) {
  .b-alert .c-alert--checked.js-alert.is-float .c-alert__body .c-icon {
    width: 28px;
    min-width: 28px;
    min-width: 28px;
    height: 20px;
    background-color: #20D92C;
    -webkit-mask-image: url("/img/icon/checked-circle.svg");
            mask-image: url("/img/icon/checked-circle.svg");
    -webkit-mask-size: 28px 20px;
            mask-size: 28px 20px;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
}
.b-alert .c-alert--error.js-alert {
  color: #ff0000;
}
.b-alert .c-alert--error.js-alert.is-float .c-alert__body .c-icon {
  display: block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-color: #ff0000;
  -webkit-mask-image: url("/img/icon/alert.svg");
          mask-image: url("/img/icon/alert.svg");
  -webkit-mask-size: 20px 20px;
          mask-size: 20px 20px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.js-close-toast {
  font-weight: normal;
  cursor: pointer;
}

button.js-close-toast {
  vertical-align: inherit;
  color: #2489FF;
}
button.js-close-toast:hover {
  color: 18760000;
}

.b-checkbox-family .c-checkbox:nth-child(n+2) {
  margin-top: 16px;
}

.b-checkbox-family__unit:nth-child(n+2) {
  padding-top: 16px;
}

.b-checkbox-family__parent {
  display: flex;
  align-items: center;
}
.b-checkbox-family__parent .c-button {
  position: relative;
  top: -2px;
  margin-bottom: -4px;
  margin-left: 15px;
  transform: rotate(-180deg);
  transition-duration: 0.3s;
}
.b-checkbox-family__parent .c-button.is-open {
  transform: rotate(0deg);
}

.b-checkbox-family__child {
  height: 0;
  padding-left: 34px;
  overflow: hidden;
}
.b-checkbox-family__child .c-checkbox:first-of-type {
  margin-top: 12px;
}

.b-purchase-statement__head:nth-child(n+2),
.b-purchase-statement__bottom:nth-child(n+2) {
  margin-top: 32px;
}

.b-purchase-statement__head__item {
  overflow-wrap: break-word;
}
.b-purchase-statement__head__item:nth-child(1) {
  width: 410px;
}
.b-purchase-statement__head__item:nth-child(2) {
  width: 270px;
}

.b-purchase-statement .c-text-body.is-large {
  font-size: 1.8rem;
}
.b-purchase-statement .c-text-body.is-small {
  font-size: 1.4rem;
}
.b-purchase-statement .c-text-body.is-xsmall {
  font-size: 1.2rem;
}
.b-purchase-statement .c-text-body.is-center {
  text-align: center;
}

.b-purchase-statement__name:nth-child(n+2),
.b-purchase-statement__shop:nth-child(n+2) {
  margin-top: 16px;
}

.b-purchase-statement__wrapper {
  display: flex;
  justify-content: space-between;
}

.b-purchase-statement__order-summary,
.b-purchase-statement__order-item {
  width: 100%;
}
.b-purchase-statement__order-summary:nth-child(n+2),
.b-purchase-statement__order-item:nth-child(n+2) {
  margin-top: 32px;
}

.b-purchase-statement__order-price-summary__table {
  width: 100%;
}
.b-purchase-statement__order-price-summary__table:nth-child(n+2) {
  margin-top: 32px;
}

.b-purchase-statement__order-summary__table,
.b-purchase-statement__order-item__table,
.b-purchase-statement__order-price-summary__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.b-purchase-statement__order-summary__table th, .b-purchase-statement__order-summary__table td,
.b-purchase-statement__order-item__table th,
.b-purchase-statement__order-item__table td,
.b-purchase-statement__order-price-summary__table th,
.b-purchase-statement__order-price-summary__table td {
  padding: 4px 8px;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1.75;
  word-break: break-word;
  overflow-wrap: break-word;
  border: 1px solid #000;
}
.b-purchase-statement__order-summary__table th,
.b-purchase-statement__order-item__table th,
.b-purchase-statement__order-price-summary__table th {
  color: #fff;
  background-color: #000;
}
.b-purchase-statement__order-summary__table td,
.b-purchase-statement__order-item__table td,
.b-purchase-statement__order-price-summary__table td {
  color: #000;
}
.b-purchase-statement__order-summary__table td.is-right,
.b-purchase-statement__order-item__table td.is-right,
.b-purchase-statement__order-price-summary__table td.is-right {
  text-align: right;
}
.b-purchase-statement__order-summary__table td.is-center,
.b-purchase-statement__order-item__table td.is-center,
.b-purchase-statement__order-price-summary__table td.is-center {
  text-align: center;
}
.b-purchase-statement__order-summary__table td.is-ghost,
.b-purchase-statement__order-item__table td.is-ghost,
.b-purchase-statement__order-price-summary__table td.is-ghost {
  border: none;
}
.b-purchase-statement__order-summary__table tr.is-right th, .b-purchase-statement__order-summary__table tr.is-right td,
.b-purchase-statement__order-item__table tr.is-right th,
.b-purchase-statement__order-item__table tr.is-right td,
.b-purchase-statement__order-price-summary__table tr.is-right th,
.b-purchase-statement__order-price-summary__table tr.is-right td {
  text-align: right;
}
.b-purchase-statement__order-summary__table tr.is-bold th, .b-purchase-statement__order-summary__table tr.is-bold td,
.b-purchase-statement__order-item__table tr.is-bold th,
.b-purchase-statement__order-item__table tr.is-bold td,
.b-purchase-statement__order-price-summary__table tr.is-bold th,
.b-purchase-statement__order-price-summary__table tr.is-bold td {
  font-weight: 600;
}
.b-purchase-statement__order-summary__table tr.is-no-border-bottom th, .b-purchase-statement__order-summary__table tr.is-no-border-bottom td,
.b-purchase-statement__order-item__table tr.is-no-border-bottom th,
.b-purchase-statement__order-item__table tr.is-no-border-bottom td,
.b-purchase-statement__order-price-summary__table tr.is-no-border-bottom th,
.b-purchase-statement__order-price-summary__table tr.is-no-border-bottom td {
  border-bottom: none;
}
.b-purchase-statement__order-summary__table tr.is-dashed-border-top th:not(.is-ghost), .b-purchase-statement__order-summary__table tr.is-dashed-border-top td:not(.is-ghost),
.b-purchase-statement__order-item__table tr.is-dashed-border-top th:not(.is-ghost),
.b-purchase-statement__order-item__table tr.is-dashed-border-top td:not(.is-ghost),
.b-purchase-statement__order-price-summary__table tr.is-dashed-border-top th:not(.is-ghost),
.b-purchase-statement__order-price-summary__table tr.is-dashed-border-top td:not(.is-ghost) {
  border-top: 1px dashed #000;
}
.b-purchase-statement__order-summary__table tr.is-ghost,
.b-purchase-statement__order-item__table tr.is-ghost,
.b-purchase-statement__order-price-summary__table tr.is-ghost {
  height: 16px;
}
.b-purchase-statement__order-summary__table tr.is-ghost td,
.b-purchase-statement__order-item__table tr.is-ghost td,
.b-purchase-statement__order-price-summary__table tr.is-ghost td {
  border: none;
}

.b-purchase-statement__order-item__table .th-no,
.b-purchase-statement__order-item__table .td-no,
.b-purchase-statement__order-price-summary__table .th-no,
.b-purchase-statement__order-price-summary__table .td-no {
  width: 40px;
}
.b-purchase-statement__order-item__table .th-jan,
.b-purchase-statement__order-item__table .td-jan,
.b-purchase-statement__order-price-summary__table .th-jan,
.b-purchase-statement__order-price-summary__table .td-jan {
  width: 150px;
}
.b-purchase-statement__order-item__table .th-reduced-tax,
.b-purchase-statement__order-item__table .td-reduced-tax,
.b-purchase-statement__order-price-summary__table .th-reduced-tax,
.b-purchase-statement__order-price-summary__table .td-reduced-tax {
  width: 100px;
}
.b-purchase-statement__order-item__table .th-pcs,
.b-purchase-statement__order-item__table .td-pcs,
.b-purchase-statement__order-price-summary__table .th-pcs,
.b-purchase-statement__order-price-summary__table .td-pcs {
  width: 50px;
}
.b-purchase-statement__order-item__table .th-price,
.b-purchase-statement__order-item__table .td-price,
.b-purchase-statement__order-price-summary__table .th-price,
.b-purchase-statement__order-price-summary__table .td-price {
  width: 120px;
}
.b-purchase-statement__order-item__table .td-tax,
.b-purchase-statement__order-price-summary__table .td-tax {
  width: 84px;
}

.b-purchase-statement__order-summary__table th {
  width: 20%;
}
.b-purchase-statement__order-summary__table td {
  width: 30%;
}

.b-purchase-statement__order-item__table:nth-child(n+2) {
  margin-top: 16px;
}

.b-purchase-statement__bottom .c-image {
  display: block;
  width: 180px;
  margin: 32px auto 0;
}
.b-purchase-statement__bottom .c-image img {
  width: 100%;
  height: auto;
}

.b-tab__navigation__list {
  display: flex;
  width: 100%;
}

.b-tab__navigation__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 0 10px 16px;
  font-weight: 600;
  font-size: 1.2rem;
  color: #6F7075;
  letter-spacing: 0.05em;
  background-color: #fff;
  cursor: pointer;
  transition-duration: 0.3s;
  font-feature-settings: "palt" on;
}
@media screen and (min-width: 960px) {
  .b-tab__navigation__item {
    width: auto;
    min-width: 164px;
    font-size: 1.4rem;
  }
}
.b-tab__navigation__item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  background-color: #fff;
  transition-duration: 0.3s;
}
.b-tab__navigation__item.is-current, .b-tab__navigation__item:hover {
  color: #FF6624;
}
.b-tab__navigation__item.is-current::after, .b-tab__navigation__item:hover::after {
  height: 2px;
  background-color: #FF6624;
}

.b-tab__body {
  margin-bottom: -40px;
  padding-top: 24px;
}

.b-tab__unit {
  display: none;
  margin-bottom: 40px;
}
.b-tab__unit.is-current {
  display: block;
}

.b-top-product {
  padding-bottom: 0;
}
.b-top-product .c-title--logo {
  padding: 0 16px;
}
@media screen and (min-width: 960px) {
  .b-top-product .c-title--logo {
    padding: 0;
  }
}
@media screen and (min-width: 960px) {
  .b-top-product {
    max-width: calc(100vw - 64px);
    margin: 0 auto;
    padding: 0;
  }
}
@media screen and (min-width: 1984px) {
  .b-top-product {
    width: 1920px;
    max-width: 1920px;
  }
}
.b-top-product .p-product-list__item {
  width: 50%;
}
@media screen and (min-width: 960px) {
  .b-top-product .p-product-list__item {
    width: 25%;
    max-width: none;
  }
}
.b-top-product .b-top-product__button {
  padding-bottom: 48px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .b-top-product .b-top-product__button {
    padding-bottom: 64px;
  }
}
.b-top-product .b-top-product__button .c-button {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 224px;
  max-width: calc(100% - 32px);
  margin: 0 auto;
}
.b-top-product .b-product-item.is-link .b-product-item__logo {
  padding-top: 4px;
}
@media screen and (min-width: 960px) {
  .b-top-product .b-product-item.is-link .b-product-item__logo {
    padding-top: 8px;
  }
}
.b-top-product .b-product-item.is-link .b-product-item__logo .c-image img {
  width: 70px;
  height: auto;
}
@media screen and (min-width: 960px) {
  .b-top-product .b-product-item.is-link .b-product-item__logo .c-image img {
    width: 116px;
  }
}
.b-top-product .b-product-item.is-link .b-product-item__title {
  padding: 8px 4px 0px;
}
@media screen and (min-width: 960px) {
  .b-top-product .b-product-item.is-link .b-product-item__title {
    padding: 16px 4px 0px;
  }
}
.b-top-product .b-product-item.is-link .b-product-item__title .c-title--level8 {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.65;
}
@media screen and (min-width: 960px) {
  .b-top-product .b-product-item.is-link .b-product-item__title .c-title--level8 {
    font-size: 16px;
  }
}
.b-top-product .b-product-item.is-link .b-product-item__price {
  padding: 8px 4px 0px;
  color: #18181B;
}
.b-top-product .b-product-item.is-link .b-product-item__price .c-price.is-xsmall,
.b-top-product .b-product-item.is-link .b-product-item__price .c-price__del,
.b-top-product .b-product-item.is-link .b-product-item__price .c-price__del_term,
.b-top-product .b-product-item.is-link .b-product-item__price .c-text-body {
  font-size: 12px;
}
@media screen and (min-width: 960px) {
  .b-top-product .b-product-item.is-link .b-product-item__price .c-price.is-xsmall,
.b-top-product .b-product-item.is-link .b-product-item__price .c-price__del,
.b-top-product .b-product-item.is-link .b-product-item__price .c-price__del_term,
.b-top-product .b-product-item.is-link .b-product-item__price .c-text-body {
    font-size: 16px;
  }
}
.b-top-product .b-product-item.is-link .b-product-item__price .c-price:nth-child(n+2) {
  padding-top: 8px;
}
.b-top-product .b-product-item.is-link .b-product-item__label {
  padding: 8px 4px 0px;
}
@media screen and (min-width: 960px) {
  .b-top-product .b-product-item.is-link .b-product-item__label {
    padding: 16px 4px 0px;
  }
}
.b-top-product .b-product-item.is-link .b-product-item__label .c-label {
  font-size: 12px;
}
@media screen and (min-width: 960px) {
  .b-top-product .b-product-item.is-link .b-product-item__label .c-label {
    font-size: 14px;
  }
}

.b-top-recommend {
  padding: 16px 0px 16px 16px;
  background-color: #F2F2F3;
}
@media screen and (min-width: 960px) {
  .b-top-recommend {
    padding: 48px 52px;
    overflow-x: hidden;
  }
}
.b-top-recommend__item .b-recommend__section--large .c-title {
  padding-bottom: 10px;
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .b-top-recommend__item .b-recommend__section--large .c-title {
    padding-bottom: 20px;
    font-size: 1.8rem;
  }
}
.b-top-recommend__item:nth-child(n+2) {
  padding-top: 12px;
}
@media screen and (min-width: 960px) {
  .b-top-recommend__item:nth-child(n+2) {
    padding-top: 24px;
  }
}
.b-top-recommend .b-recommend__section--large .b-recommend__list .b-recommend__item {
  width: 120px;
}
@media screen and (min-width: 960px) {
  .b-top-recommend .b-recommend__section--large .b-recommend__list .b-recommend__item {
    width: 200px;
  }
}
.b-top-recommend .b-recommend__section--large .b-recommend__list .b-recommend__item img {
  width: 100% !important;
  height: auto;
}
.b-top-recommend .b-recommend__section--large .b-recommend__list .b-recommend__item .c-image.is-noimage img {
  width: 80% !important;
  max-width: 148px;
}
.b-top-recommend .b-recommend__item .c-image.is-noimage {
  width: 120px;
  height: 120px;
}
@media screen and (min-width: 960px) {
  .b-top-recommend .b-recommend__item .c-image.is-noimage {
    width: 200px;
    height: 200px;
  }
}
.b-top-recommend .b-recommend__item .c-image {
  position: relative;
  display: block;
  width: 120px !important;
}
@media screen and (min-width: 960px) {
  .b-top-recommend .b-recommend__item .c-image {
    width: 200px !important;
  }
}
.b-top-recommend .b-recommend__item .c-image::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.b-top-recommend .b-recommend__item .c-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: top center;
}
.b-top-recommend .b-recommend__item .c-image.is-noimage img {
  top: 50%;
  left: 50%;
  width: 80%;
  width: 80%;
  max-width: 148px;
  object-fit: contain;
  object-position: center;
}

@media screen and (min-width: 960px) {
  .b-top__airticle .c-title--underline .c-title__text,
.b-top__news .c-title--underline .c-title__text {
    font-size: 2rem;
  }
}

.b-top__airticle__list {
  padding-top: 28px;
}
.b-top__airticle__list__item:nth-child(1) {
  padding-top: 0;
}
.b-top__airticle__list__item:nth-child(n+2) {
  padding-top: 28px;
}
.b-top__airticle__button {
  margin: 0 0 0 auto;
  padding-top: 24px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .b-top__airticle__button {
    width: auto;
    margin: 0 auto;
    text-align: center;
  }
}
.b-top__airticle__button .c-button {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 224px;
  max-width: calc(100% - 32px);
}
@media screen and (min-width: 960px) {
  .b-top__airticle__button .c-button {
    display: inline-block;
    max-width: 100%;
  }
}

.b-top__news .b-top__news__button {
  padding-bottom: 48px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .b-top__news .b-top__news__button {
    padding-bottom: 64px;
  }
}
.b-top__news .b-top__news__button .c-button {
  max-width: 96px;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .b-top__news .b-top__news__button .c-button {
    display: inline-block;
    width: auto;
    min-width: 224px;
    max-width: 100%;
  }
}
.b-top__news .b-top__airticle__button {
  text-align: center;
}
.b-top__news .c-news {
  margin-top: 24px;
}
.b-top__news .c-news .c-news__row {
  padding-bottom: 0px;
  border-bottom: none;
}
@media screen and (min-width: 960px) {
  .b-top__news .c-news a {
    flex-direction: column;
  }
}
.b-top__news .c-news .c-news__block {
  align-items: center;
}

/* バナーのベースのスタイル */
@media screen and (min-width: 960px) {
  .b-top__banner {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 36px;
  }
}

/* 2列最大のバナースタイル */
.b-top__banner--twoColMax {
  display: flex;
  flex-direction: column; /* モバイルでは縦並び */
  justify-content: center;
}

/* バナーリストアイテムのスペーシング */
.b-top__banner__list:nth-child(n+2) {
  margin-top: 16px; /* モバイルでの縦並び時の間隔 */
}

@media screen and (min-width: 960px) {
  .b-top__banner__list:nth-child(n+2) {
    margin-top: 0px;
  }
}

/* バナーリストアイテムの最大幅設定 */
.b-top__banner--twoColMax .b-top__banner__list {
  max-width: 376px;
}

/* 1枚表示用のスタイル */
.b-top__banner--single {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}

.b-top__banner--single .b-top__banner__list {
  display: flex;
  justify-content: center;
}

/* バナー画像のスタイル */
.b-top__banner .c-banner__image .c-image {
  width: 100%;
}

.b-top__banner .c-banner__image .c-image img {
  width: 100%;
  height: auto;
}

/* タブレット・デスクトップ表示 (960px以上) */
@media screen and (min-width: 960px) {
  .b-top__banner--twoColMax {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 36px;
  }

  .b-top__banner__list:nth-child(n+2) {
      margin-top: 0; /* グリッドレイアウトでは上マージン不要 */
  }
}

/* 大画面表示 (1280px以上) */
@media screen and (min-width: 1280px) {
  .b-top__banner--twoColMax .b-top__banner__list {
      width: 29.375vw;
      max-width: 564px;
  }
}

.b-breadcrumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 44px;
  padding-left: 24px;
  background-color: #F2F2F3;
  box-shadow: inset 0px -1px 0px #E5E5E5;
}
@media screen and (min-width: 960px) {
  .b-breadcrumb {
    position: static;
    height: auto;
    padding-left: 0px;
    background-color: #FFFFFF;
    box-shadow: none;
  }
}
.b-breadcrumb .c-link--paging-prev {
  display: flex;
  align-items: center;
  height: 100%;
  color: #18181B;
}
@media screen and (min-width: 960px) {
  .b-breadcrumb .c-link--paging-prev {
    display: inline-flex;
    padding-bottom: 16px;
  }
}
.b-breadcrumb .c-icon--paging-prev {
  margin-right: 8px;
  background-color: #18181B;
}
.b-breadcrumb a:hover {
  color: #F35916;
}
.b-breadcrumb a:hover .c-icon {
  background-color: #F35916;
}

.b-filter {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: #fff;
}
@media screen and (min-width: 960px) {
  .b-filter {
    position: static;
    height: auto;
    background-color: transparent;
  }
}

body.is-fixed .b-filter {
  overflow: hidden;
}

.b-filter__cancel {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 24px;
  background-color: #F2F2F3;
}
@media screen and (min-width: 960px) {
  .b-filter__cancel {
    display: none;
  }
}

.b-filter__main {
  padding: 24px 24px 48px;
}
@media screen and (min-width: 960px) {
  .b-filter__main {
    padding: 0;
  }
}

.b-filter__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.b-filter__title {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 2.4rem;
}
@media screen and (min-width: 960px) {
  .b-filter__title {
    font-weight: normal;
    font-size: 2rem;
  }
}
.b-filter__title .c-icon {
  display: none;
  width: 25px;
  min-width: 25px;
  height: 17px;
  margin-right: 6px;
  -webkit-mask-size: 25px 17px;
          mask-size: 25px 17px;
}
@media screen and (min-width: 960px) {
  .b-filter__title .c-icon {
    display: block;
  }
}

@media screen and (min-width: 960px) {
  .b-filter__header__reset {
    display: none;
  }
  .b-filter__header__reset.is-show {
    display: block;
    flex-shrink: 0;
  }
}

.b-filter__reset {
  padding: 12px 0 14px;
}

.b-filter__section {
  padding-top: 24px;
}

.b-filter__footer {
  padding-top: 24px;
}

.c-navigation__calendar {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: 1fr 30px 1fr;
  padding-top: 8px;
}

.c-navigation__calendar__separater {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bonus {
  position: relative;
}

.bonus .c-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  /* max-height: 254px; */
}
.bonus .c-image img {
  max-width: 100%;
  /* max-height: 217px; */
  width: 100%;
  max-height: 500px;
  height: auto;
  object-fit: contain;
}
/* @media screen and (min-width: 960px) {
  .bonus .c-image img {
    max-height: 257px;
  }
} */

.bonus__label {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
}

.b-bonus__image {
  display: flex;
  justify-content: center;
}

.b-brand__logo {
  text-align: center;
}

.b-brand__title {
  padding-top: 8px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .b-brand__title {
    padding-top: 16px;
  }
}

.b-brand__body {
  padding-top: 24px;
}
.b-brand__body:nth-child(1) {
  padding-top: 0px;
}
@media screen and (min-width: 960px) {
  .b-brand__body {
    padding-top: 32px;
  }
}

.b-brand__item:nth-child(n+2) {
  padding-top: 24px;
}

.c-cart-summary {
  width: 100%;
  border-top: 3px solid #CBCDD6;
}

.c-cart-summary__table, .c-cart-summary__table--detail, .c-cart-summary__table--flex {
  width: 100%;
  padding-top: 16px;
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .c-cart-summary__table, .c-cart-summary__table--detail, .c-cart-summary__table--flex {
    width: 253px;
    margin: 0 0 0 auto;
    padding-top: 32px;
    font-size: 1.6rem;
  }
}
.c-cart-summary__table td, .c-cart-summary__table--detail td, .c-cart-summary__table--flex td {
  text-align: right;
}
.c-cart-summary__table tr:last-child th, .c-cart-summary__table--detail tr:last-child th, .c-cart-summary__table--flex tr:last-child th, .c-cart-summary__table tr:last-child td, .c-cart-summary__table--detail tr:last-child td, .c-cart-summary__table--flex tr:last-child td {
  font-weight: 600;
}

.c-cart-summary__body tr:first-of-type th, .c-cart-summary__body tr:first-of-type td {
  padding-top: 0;
}
.c-cart-summary__body tr:first-of-type td {
  margin-left: 16px;
}

.c-cart-summary__total {
  font-weight: 600;
}
.c-cart-summary__total th, .c-cart-summary__total td {
  padding-bottom: 0;
}

.c-cart-summary__note {
  padding-top: 16px;
  font-size: 1.2rem;
  text-align: right;
}
@media screen and (min-width: 960px) {
  .c-cart-summary__note {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 960px) {
  .c-cart-summary__table--flex {
    width: 100%;
    padding-top: 16px;
  }
}
.c-cart-summary__table--flex tr {
  display: flex;
  justify-content: flex-end;
}

.c-cart-summary__table--detail tr {
  padding-top: 4px;
}
.c-cart-summary__table--detail tr th, .c-cart-summary__table--detail tr td {
  font-weight: normal;
}
.c-cart-summary__table--detail tr:last-of-type {
  padding-top: 0;
}
.c-cart-summary__table--detail tr:last-of-type th, .c-cart-summary__table--detail tr:last-of-type td {
  font-weight: 600;
}

.b-coupon-items {
  width: 100%;
}
.b-coupon-items img {
  width: 80px;
  height: 80px;
}

.c-coupon-item {
  padding-top: 16px;
  width: 100%;
}
.c-coupon-item.is-disabled .c-title {
  color: #A9AAB2;
}

.c-coupon-item__wrapper {
  display: flex;
}

.c-coupon-item__image {
  min-width: 96px;
  padding-right: 16px;
  overflow: hidden;
  text-align: center;
  border-radius: 4px;
}
@media screen and (min-width: 960px) {
  .c-coupon-item__image {
    margin-right: 8px;
  }
}

.c-coupon-item__title .c-title--level7 {
  font-size: 1.4rem;
}

@media screen and (min-width: 960px) {
  a.c-coupon-item__title:hover .c-title--level7 {
    color: #F35916;
    transition-duration: 0.3s;
  }
}

.c-coupon-item__logo {
  padding-top: 2px;
  text-align: center;
}

.c-coupon-item__price {
  padding-top: 8px;
}
.c-coupon-item__price .c-price.is-small {
  color: #18181B;
}
@media screen and (min-width: 960px) {
  .c-coupon-item__price .c-price.is-small {
    font-size: 1.2rem;
  }
}

.c-coupon-item__status {
  padding-top: 8px;
}
@media screen and (min-width: 960px) {
  .c-coupon-item__status .is-small.c-status {
    font-size: 1.2rem;
  }
}

.c-coupon-item__label--secondary {
  margin-bottom: 8px;
}
@media screen and (min-width: 960px) {
  .c-coupon-item__label--secondary .c-label--secondary {
    font-size: 1.2rem;
  }
}

.c-coupon-item__label--primary {
  margin-bottom: 8px;
}

.c-coupon-item__amount {
  padding-top: 8px;
  font-size: 1.2rem;
}
.c-coupon-item__amount span {
  font-weight: 600;
}

.c-coupon-item__text {
  padding-top: 16px;
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: #18181B;
}
.c-coupon-item__text.is-attention {
  color: #FF4444;
}

.c-coupon-item__description {
    width: 100%;
}
.c-coupon-item__description p {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #6F7075;
  white-space: pre-wrap;
}
.c-coupon-item__description p.first-line {
    padding-top: 12px;
}

.c-coupon {
  padding-bottom: 16px;
  border-bottom: 1px solid #CBCDD6;
}
@media screen and (min-width: 960px) {
  .c-coupon {
    display: flex;
  }
}
.c-coupon:first-child {
  border-top: 1px solid #CBCDD6;
}
@media screen and (min-width: 960px) {
  .c-coupon .c-coupon-button--multi {
    flex-flow: column;
    align-items: flex-end;
    justify-self: flex-end;
  }
}
@media screen and (min-width: 960px) {
  .c-coupon .c-coupon-button--multi .c-coupon-button--small:nth-child(2) {
    padding-top: 16px;
  }
}

.c-coupon-button--small .c-button__body {
  padding: 0 16px;
}
.c-coupon-button--small:last-of-type {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 110px;
  margin-left: 16px;
}

.c-coupon-button--multi {
  display: flex;
  justify-content: flex-end;
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .c-coupon-button--multi {
    flex-wrap: wrap;
    align-items: flex-end;
    min-width: 200px;
    max-width: 440px;
    margin: 0 0 0 auto;
  }
}



.c-list {
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .c-list {
    font-size: 1.6rem;
  }
}

.c-list__item, .c-list__item--orange {
  padding-left: 1em;
  line-height: 1.75;
  letter-spacing: 0.08em;
  text-indent: -1em;
}
.c-list__item::before, .c-list__item--orange::before {
  content: "・";
  display: inline;
  width: 1em;
}
@media screen and (min-width: 960px) {
  .c-list__item, .c-list__item--orange {
    letter-spacing: 0.05em;
  }
}

.c-list__item--orange {
  position: relative;
  padding-left: 1.5em;
  text-indent: 0em;
}
.c-list__item--orange::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background-color: #FF6624;
  border-radius: 10px;
}

.c-notfound {
  text-align: center;
}
@media screen and (min-width: 960px) {
  .c-notfound img {
    width: 320px;
    height: 123px;
  }
}

.c-notfound__status {
  padding-top: 24px;
  font-weight: 600;
  font-size: 2.4rem;
}
@media screen and (min-width: 960px) {
  .c-notfound__status {
    font-size: 3.2rem;
  }
}

.c-order-summary {
  width: 100%;
  border-top: 3px solid #CBCDD6;
}

.c-order-summary__table {
  width: 100%;
  padding-top: 16px;
  font-size: 1.6rem;
}
.c-order-summary__table th, .c-order-summary__table td {
  padding: 4px 0;
}
.c-order-summary__table td {
  text-align: right;
}
@media screen and (min-width: 960px) {
  .c-order-summary__table {
    width: 253px;
    margin: 0 0 0 auto;
  }
}

.c-order-summary__body tr:first-of-type th, .c-order-summary__body tr:first-of-type td {
  padding-top: 0;
}
.c-order-summary__body th {
  font-weight: normal;
}

.c-order-summary__total {
  font-weight: 600;
}
.c-order-summary__total th, .c-order-summary__total td {
  padding-bottom: 0;
}

.c-order-summary__note {
  padding-top: 15px;
  font-size: 1.4rem;
  text-align: right;
}

.c-order-summary__note--reserve {
  padding-top: 32px;
  font-size: 1.4rem;
  text-align: left;
}
@media screen and (min-width: 960px) {
  .c-order-summary__note--reserve {
    text-align: right;
  }
}

.c-order-statuts-values {
  padding-top: 8px;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #18181B;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 960px) {
  .c-order-statuts-values {
    margin-left: 32px;
    padding-top: 16px;
    font-size: 1.6rem;
  }
}
.c-order-statuts-values .c-order-statuts-value {
  display: inline;
}
.c-order-statuts-values .c-order-statuts-value:nth-child(n+2)::before {
  content: "/";
  display: inline;
  margin-right: 8px;
  margin-left: 4px;
  color: #CBCDD6;
}
.c-order-statuts-values .is-error {
  color: #FF4444;
}

.c-order-statuts {
  display: flex;
  justify-content: flex-start;
  font-weight: 600;
  font-size: 1.2rem;
}
@media screen and (min-width: 960px) {
  .c-order-statuts {
    font-size: 1.4rem;
  }
}
.c-order-statuts:nth-child(n+2) {
  padding-top: 8px;
}
@media screen and (min-width: 960px) {
  .c-order-statuts:nth-child(n+2) {
    padding-top: 16px;
  }
}
.c-order-statuts__name {
  padding-top: 2px;
  white-space: nowrap;
}
.c-order-statuts__value {
  margin-left: 8px;
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .c-order-statuts__value {
    font-size: 1.6rem;
  }
}
.c-order-statuts .is-error {
  color: #FF4444;
}

.b-outline-table__detail {
  display: flex;
  align-items: flex-start;
  width: 100%;
  border-bottom: var(--base-border);
}
@media screen and (min-width: 960px) {
  .b-outline-table__detail {
    padding: 24px 0;
  }
}
@media screen and (max-width: 960px) {
  .b-outline-table__detail {
    flex-direction: column;
    padding: 16px 0;
    gap: 5px;
  }
}
@media screen and (min-width: 960px) {
  .b-outline-table__term {
    width: 19.512195122%;
  }
}
@media screen and (min-width: 960px) {
  .b-outline-table__desc {
    width: 80.487804878%;
  }
}
@media screen and (max-width: 960px) {
  .b-outline-table__term, .b-outline-table__desc {
    width: 100%;
  }
}
.b-outline-table__button-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.5rem;
}

.b-partner__prefecture {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .b-partner__prefecture .c-title__text {
    font-size: 2rem;
  }
}

.b-partner__shop {
  padding: 16px 0 16px;
  border-bottom: 1px solid #CBCDD6;
}
.b-partner__shop .c-text-body {
  padding-top: 4px;
}
.b-partner__shop .c-text-body + .c-text-body {
  padding-top: 4px;
}

.b-partner__shop-button {
  display: flex;
  padding-top: 16px;
}
.b-partner__shop-button .c-button + .c-button {
  margin-left: 13px;
}
@media screen and (min-width: 960px) {
  .b-partner__shop-button .c-button .c-button__body {
    font-size: 1.4rem;
  }
}

.b-product-info {
  display: flex;
  flex-direction: column;
}

.b-product-info__header {
  order: 2;
}
@media screen and (min-width: 960px) {
  .b-product-info__header {
    order: 1;
    padding-top: 0;
  }
}
.b-product-info__header.is-moved-to-top {
  padding: 16px;
  width: 100%;
}

.b-product-info__unit, .b-product-info__unit--links, .b-product-info__unit--variant, .b-product-info__unit--add-ui, .b-product-info__unit--action-area {
  order: 2;
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .b-product-info__unit, .b-product-info__unit--links, .b-product-info__unit--variant, .b-product-info__unit--add-ui, .b-product-info__unit--action-area {
    order: 1;
    padding-top: 24px;
  }
}
.b-product-info__unit .c-status + .c-price, .b-product-info__unit--links .c-status + .c-price, .b-product-info__unit--variant .c-status + .c-price, .b-product-info__unit--add-ui .c-status + .c-price, .b-product-info__unit--action-area .c-status + .c-price {
  padding-top: 8px;
}

.b-product-info__catch-copy {
  font-weight: 600;
  font-size: 1.4rem;
  color: #18181B;
}

.b-product-info__title {
  font-weight: 600;
  line-height: 1.5;
  color: #18181B;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" on;
  font-size: 2rem;
}
.b-product-info__title:nth-child(n+2) {
  padding-top: 8px;
}
@media screen and (min-width: 960px) {
  .b-product-info__title {
    font-size: 2.4rem;
  }
}
.b-product-info__labels {
  flex-wrap: wrap;
  width: calc(100% + 8px);
  margin-bottom: -8px;
  margin-left: -4px;
}
.b-product-info__labels:nth-child(n+2) {
  margin-top: 12px;
}
@media screen and (min-width: 960px) {
  .b-product-info__labels:nth-child(n+2) {
    margin-top: 16px;
  }
}

.b-product-info__label {
  margin: 0 4px 8px;
}

.b-product-info__price {
  font-size: 1.6rem;
}

.b-product-info__status + .c-form-select {
  padding-top: 8px;
}

.b-product-info__note {
  padding-top: 0 !important;
}
.b-product-info__note + .b-product-info__variant {
  padding-top: 8px;
}

.b-product-info__variant .c-form-variant {
  margin-top: 8px;
}

@media screen and (min-width: 960px) {
  .b-product-info__ui {
    order: 3;
  }
}

.b-product-info__unit--action-area .c-text-body {
  text-align: center;
}
.b-product-info__unit--action-area .c-button--transparent {
  border-color: var(--gsc-primary);
}
.b-product-info__unit--action-area .c-button--transparent .c-button__body {
  color: var(--gsc-primary);
}
.b-product-info__unit--action-area .c-button--transparent:hover {
  border-color: var(--gsc-primary);
  opacity: 0.7;
}
.b-product-info__unit--action-area .c-button + .c-button {
  margin-top: 8px;
}
.b-product-info__unit--action-area .c-button + .c-text-body {
  margin-top: 8px;
}
.b-product-info__unit--action-area .c-link--manual {
  display: flex;
  justify-content: center;
  margin-top: 2.4rem;
}
.b-product-info__unit--action-area2:nth-child(n+2) {
  margin-top: 12px;
}

.b-product-info__unit--add-ui {
  position: fixed;
  bottom: 8px;
  left: 8px;
  z-index: 100;
  width: calc(100% - 16px);
}
@media screen and (min-width: 960px) {
  .b-product-info__unit--add-ui {
    display: none;
    order: 2;
    width: 100%;
    padding-top: 24px;
  }
  .b-product-info__unit--add-ui .b-add-ui {
    padding-top: 0;
  }
}
@media screen and (min-width: 960px) {
  .b-product-info__unit--add-ui + .b-product-info__ui {
    padding-top: 27px;
  }
}

.b-product-info__ui-item:nth-child(n+2) {
  padding-top: 14px;
}

.b-product-info__unit--variant {
  position: relative;
  display: none;
  order: 2;
}
@media screen and (min-width: 960px) {
  .b-product-info__unit--variant {
    display: block;
    order: 1;
  }
}
.b-product-info__unit--variant .c-title {
  padding-bottom: 6px;
}

@media screen and (min-width: 960px) {
  .b-product-info__unit--links {
    order: 4;
    padding-top: 24px;
  }
}

.b-product-item {
  width: 100%;
}
.b-product-item.is-disabled .c-title {
  color: #A9AAB2;
}
.b-product-item .b-product-item__logo .c-image img {
  width: 40px;
  height: auto;
}
@media screen and (min-width: 960px) {
  .b-product-item .b-product-item__logo .c-image img {
    width: 57px;
    height: auto;
  }
}

.c-image.is-noimage {
  position: relative;
  width: 100%;
  background-color: #d9d9d9;
  border-radius: 4px;
}
.c-image.is-noimage:before {
  content: "";
  position: static;
  display: block;
  padding-top: 100%;
}
.c-image.is-noimage img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  width: 80%;
  max-width: 148px;
  max-width: 148px;
  background-color: #d9d9d9;
  transform: translate(-50%, -50%);
}
.c-image.is-noimage.is-loaded {
  background-color: #d9d9d9;
}

.b-product-item__image {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  border-radius: 8px;
}
.b-product-item__image .c-image {
  position: relative;
  display: block;
  width: 100%;
}
.b-product-item__image .c-image::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.b-product-item__image .c-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.b-product-item__image .c-image.is-noimage img {
  top: 50%;
  left: 50%;
  width: 80%;
  width: 80%;
  max-width: 148px;
  object-fit: contain;
  object-position: center;
}
.b-product-item__image img {
  width: 100%;
  height: auto;
}

.b-product-item__image__caption {
  position: absolute;
  right: 0;
  bottom: 5px;
  padding: 4px;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
  color: #fff;
  background-color: #FF6624;
  font-feature-settings: "palt" on;
}
@media screen and (min-width: 960px) {
  .b-product-item__image__caption {
    bottom: 6px;
    font-size: 1.2rem;
  }
}

.b-product-item__logo {
  padding-top: 2px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .b-product-item__logo {
    padding-top: 8px;
  }
}

.b-product-item__label {
  padding: 4px 6px 0;
}
@media screen and (min-width: 960px) {
  .b-product-item__label {
    padding-top: 8px 0 0;
  }
}

.b-product-item__title {
  padding: 4px 6px 0;
}
@media screen and (min-width: 960px) {
  .b-product-item__title {
    padding-top: 8px 0 0;
  }
}

.b-product-item__price {
  padding: 4px 6px 0;
}
@media screen and (min-width: 960px) {
  .b-product-item__price {
    padding-top: 4px 0 0;
  }
}
.b-product-item__price .c-price:nth-child(n+2) {
  padding-top: 4px;
}
.b-product-item__price .c-price.is-xsmall .c-price__del {
  font-weight: 600;
}
.b-product-item__price .c-price.is-xsmall .c-price__del,
.b-product-item__price .c-price.is-xsmall .c-price__del_term {
  font-size: 1rem;
}
@media screen and (min-width: 960px) {
  .b-product-item__price .c-price.is-xsmall .c-price__del,
.b-product-item__price .c-price.is-xsmall .c-price__del_term {
    font-size: 1.2rem;
  }
}
.b-product-item__price .c-price.is-xsmall .c-price__del::after,
.b-product-item__price .c-price.is-xsmall .c-price__del_term::after {
  content: none;
}
.b-product-item__price .c-price.is-xsmall .c-price__term--attention {
  margin-left: 8px;
}

.b-product-item__status {
  padding: 4px 6px 0;
}
@media screen and (min-width: 960px) {
  .b-product-item__status {
    padding-top: 4px 0 0;
  }
}

.b-product-item.is-new .b-product-item__image {
  position: relative;
  overflow: hidden;
}
.b-product-item.is-new .b-product-item__image::before {
  content: "New";
  position: absolute;
  top: 10px;
  left: 5px;
  z-index: 2;
  font-weight: 600;
  font-size: 1.4rem;
  color: #fff;
  transform: rotate(-45deg);
}
.b-product-item.is-new .b-product-item__image::after {
  content: "";
  position: absolute;
  top: -26px;
  left: -7px;
  width: 0;
  height: 0;
  border-top: 40px solid transparent;
  border-right: 40px solid #0175E1;
  border-bottom: 40px solid transparent;
  transform: rotate(45deg);
}

.b-product-item--row {
  display: flex;
}
.b-product-item--row.is-disabled .c-title {
  color: #A9AAB2;
}

.b-product-item--row__image {
  width: 80px;
  margin-right: 8px;
  overflow: hidden;
  text-align: center;
  border-radius: 4px;
}
@media screen and (min-width: 960px) {
  .b-product-item--row__image {
    width: 100px;
    margin-right: 16px;
  }
}
.b-product-item--row__image .c-image {
  position: relative;
  display: block;
  width: 100%;
}
.b-product-item--row__image .c-image::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.b-product-item--row__image .c-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: cover;
  object-position: top center;
}
.b-product-item--row__image .c-image.is-noimage img {
  top: 50%;
  left: 50%;
  width: 80%;
  width: 80%;
  max-width: 148px;
  object-fit: contain;
  object-position: center;
}

@media screen and (min-width: 960px) {
  .b-product-item--row__title .c-title--level7 {
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 960px) {
  a.b-product-item--row__title:hover .c-title--level7 {
    color: #F35916;
    transition-duration: 0.3s;
  }
}

.b-product-item--row__logo {
  padding-top: 2px;
  text-align: center;
}

.b-product-item--row__price {
  padding-top: 8px;
}
.b-product-item--row__price .c-price + .c-price {
  padding-top: 4px;
}
.b-product-item--row__price .c-price.is-small {
  color: #18181B;
}
@media screen and (min-width: 960px) {
  .b-product-item--row__price .c-price.is-small {
    font-size: 1.2rem;
  }
}
.b-product-item--row__price .c-price.is-small .c-price__del {
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .b-product-item--row__price .c-price.is-small .c-price__del {
    font-size: 1.6rem;
  }
}
.b-product-item--row__price .c-price.is-small .c-price__del::after {
  content: none;
}
.b-product-item--row__price .c-price.is-small .c-price__term {
  font-weight: 300;
}

.b-product-item--row__status {
  padding-top: 8px;
}
@media screen and (min-width: 960px) {
  .b-product-item--row__status .is-small.c-status {
    font-size: 1.2rem;
  }
}

.b-product-item--row__label,
.b-product-item--row__label--secondary {
  margin-bottom: 8px;
}
@media screen and (min-width: 960px) {
  .b-product-item--row__label .c-label--secondary,
.b-product-item--row__label--secondary .c-label--secondary {
    font-size: 1.2rem;
  }
}

.b-product-item--row__label--primary {
  margin-bottom: 8px;
}

.b-product-item--row__amount {
  padding-top: 8px;
  font-size: 1.2rem;
}
.b-product-item--row__amount span {
  font-weight: 600;
}

.b-recommend {
  padding: 24px 0 24px 20px;
  background-color: #F2F2F3;
}
@media screen and (min-width: 960px) {
  .b-recommend {
    padding: 32px 0;
  }
}

.b-recommend__section:nth-child(n+2), .b-recommend__section--large:nth-child(n+2) {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .b-recommend__section:nth-child(n+2), .b-recommend__section--large:nth-child(n+2) {
    padding-top: 32px;
  }
}

.b-recommend__title {
  padding: 0 0 10px 4px;
}
@media screen and (min-width: 960px) {
  .b-recommend__title {
    width: 912px;
    margin: 0 auto;
    padding: 0 0 10px 8px;
  }
}
@media screen and (min-width: 1096px) {
  .b-recommend__title {
    width: 1048px;
    margin: 0 auto;
    padding: 0 0 10px 8px;
  }
}
@media screen and (min-width: 1232px) {
  .b-recommend__title {
    width: 1184px;
    margin: 0 auto;
    padding: 0 0 10px 8px;
  }
}
@media screen and (min-width: 1368px) {
  .b-recommend__title {
    width: 1320px;
    margin: 0 auto;
    padding: 0 0 10px 8px;
  }
}
@media screen and (min-width: 1504px) {
  .b-recommend__title {
    width: 1456px;
    margin: 0 auto;
    padding: 0 0 10px 8px;
  }
}
@media screen and (min-width: 1640px) {
  .b-recommend__title {
    width: 1592px;
    margin: 0 auto;
    padding: 0 0 10px 8px;
  }
}
.b-recommend__title em {
  font-weight: normal;
  color: #2489FF;
  font-style: normal;
}

.b-recommend__section--large .b-recommend__list, .b-recommend__list {
  position: relative;
}
.b-recommend__list .c-button {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}
.b-recommend__list .c-button.slick-disabled {
  visibility: hidden;
}

@media screen and (min-width: 960px) {
  .b-recommend__list {
    width: 816px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1096px) {
  .b-recommend__list {
    width: 952px;
  }
}
@media screen and (min-width: 1232px) {
  .b-recommend__list {
    width: 1088px;
  }
}
@media screen and (min-width: 1368px) {
  .b-recommend__list {
    width: 1224px;
  }
}
@media screen and (min-width: 1504px) {
  .b-recommend__list {
    width: 1360px;
  }
}
@media screen and (min-width: 1640px) {
  .b-recommend__list {
    width: 1496px;
  }
}

@media screen and (min-width: 1008px) {
  .b-recommend__section--large .b-recommend__title {
    width: 960px;
    margin: 0 auto;
    padding: 0 0 10px 0;
  }
}
@media screen and (min-width: 1224px) {
  .b-recommend__section--large .b-recommend__title {
    width: 1176px;
    margin: 0 auto;
    padding: 0 0 10px 0;
  }
}
@media screen and (min-width: 1440px) {
  .b-recommend__section--large .b-recommend__title {
    width: 1392px;
    margin: 0 auto;
    padding: 0 0 10px 0;
  }
}
@media screen and (min-width: 1656px) {
  .b-recommend__section--large .b-recommend__title {
    width: 1608px;
    margin: 0 auto;
    padding: 0 0 10px 0;
  }
}
@media screen and (min-width: 912px) {
  .b-recommend__section--large .b-recommend__list {
    width: 648px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1008px) {
  .b-recommend__section--large .b-recommend__list {
    width: 864px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1224px) {
  .b-recommend__section--large .b-recommend__list {
    width: 1080px;
  }
}
@media screen and (min-width: 1440px) {
  .b-recommend__section--large .b-recommend__list {
    width: 1296px;
  }
}
@media screen and (min-width: 1656px) {
  .b-recommend__section--large .b-recommend__list {
    width: 1512px;
  }
}
.b-recommend__section--large .b-recommend__list .b-recommend__item {
  width: 200px;
}
.b-recommend__section--large .b-recommend__list .b-recommend__item img {
  width: 200px !important;
  height: auto;
}

.b-recommend__prev {
  left: -48px;
  transform: translate(100px, 100px) rotate(-45deg);
}

.b-recommend__next {
  right: -48px;
}

.b-recommend__item {
  padding: 0 4px;
}
@media screen and (min-width: 960px) {
  .b-recommend__item {
    padding: 0 8px;
  }
}
.b-recommend__item img {
  border-radius: 6px;
}
@media screen and (min-width: 960px) {
  .b-recommend__item img {
    width: 120px;
    height: auto;
  }
}
.b-recommend__item .c-image.is-noimage {
  position: relative;
  width: 100px;
  height: 100px;
  background-color: #d9d9d9;
  border-radius: 6px;
}
@media screen and (min-width: 960px) {
  .b-recommend__item .c-image.is-noimage {
    width: 120px;
    height: 120px;
  }
}
.b-recommend__item .c-image.is-noimage img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  transform: translate(-50%, -50%);
}
.b-recommend__item .c-image {
  position: relative;
  display: block;
  width: 100px;
}
@media screen and (min-width: 960px) {
  .b-recommend__item .c-image {
    width: 120px;
  }
}
.b-recommend__item .c-image::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.b-recommend__item .c-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.b-recommend__item .c-image.is-noimage img {
  top: 50%;
  left: 50%;
  width: 80%;
  width: 80%;
  max-width: 148px;
  object-fit: contain;
  object-position: center;
}

.b-recommend--row__body .b-product-item--row {
  padding-bottom: 16px;
}
.b-recommend--row__body .b-product-item--row__image {
  width: 60px;
  min-width: unset;
}
@media screen and (min-width: 960px) {
  .b-recommend--row__body .b-product-item--row__image {
    margin-right: 8px;
  }
}
@media screen and (min-width: 960px) {
  .b-recommend--row__body .b-product-item--row__image .c-image {
    width: 60px;
  }
}

.b-sns {
  padding: 24px;
  background-color: #F2F2F3;
}
@media screen and (min-width: 960px) {
  .b-sns {
    padding: 32px;
  }
}
.b-sns .c-title--level4 {
  padding-bottom: 24px;
  text-align: left;
}
@media screen and (min-width: 960px) {
  .b-sns .c-title--level4 {
    text-align: center;
  }
}

.b-sns__list {
  display: flex;
  justify-content: center;
  align-items: center;
}

.b-sns__list__item:nth-child(n+2), .b-sns__list__item--2:nth-child(n+2) {
  margin-left: 24px;
}
.b-sns__list__item .b-sns__list__link img[alt=youtube], .b-sns__list__item--2 .b-sns__list__link img[alt=youtube] {
  width: 32px;
  height: auto;
}

@media screen and (min-width: 960px) {
  .b-sns__list__item--2 .b-sns__list__link img {
    width: 26.5px;
    height: auto;
  }
}

@media screen and (min-width: 960px) {
  .b-text-group {
    height: auto !important;
  }
}
.b-text-group .c-title + .c-text-body {
  padding-top: 8px !important;
}
.b-text-group .c-title + .c-list {
  padding-top: 8px !important;
}
.b-text-group .c-link {
  margin-top: 8px !important;
}

.b-text-group__unit:nth-child(n+2) {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .b-text-group__unit:nth-child(n+2) {
    padding-top: 24px;
  }
}
.b-text-group__unit.is-alert .c-text-body {
  color: #ff0000;
}

.b-text-group--btn {
  display: flex;
  justify-content: space-between;
}
.b-text-group--btn .c-title--level4 {
  line-height: 27px;
}
@media screen and (min-width: 960px) {
  .b-text-group--btn .c-title--level4 {
    font-size: 2rem;
    line-height: 36px;
  }
}
.b-text-group--btn .is-small.c-button--secondary,
.b-text-group--btn .is-small.c-button--disabled {
  width: auto;
  min-width: 60px;
}
@media screen and (min-width: 960px) {
  .b-text-group--btn .is-small.c-button--secondary,
.b-text-group--btn .is-small.c-button--disabled {
    min-width: 80px;
    font-size: 1.6rem;
  }
}
.b-text-group--btn .is-small.c-button--secondary .c-button__body,
.b-text-group--btn .is-small.c-button--disabled .c-button__body {
  min-height: 28px;
}
@media screen and (min-width: 960px) {
  .b-text-group--btn .is-small.c-button--secondary .c-button__body,
.b-text-group--btn .is-small.c-button--disabled .c-button__body {
    min-height: 32px;
  }
}

.b-form-address .b-form-text__wrapper--zip {
  display: flex;
  justify-content: space-between;
  padding-top: 4px;
}
@media screen and (min-width: 960px) {
  .b-form-address .b-form-text__wrapper--zip {
    padding-top: 8px;
  }
}
.b-form-address .b-form-text__wrapper--zip .b-form-text__input {
  width: 110px;
  margin-right: 16px;
}
@media screen and (min-width: 960px) {
  .b-form-address .b-form-text__wrapper--zip .b-form-text__input {
    width: calc(50% - 12px);
  }
}
.b-form-address .b-form-text__wrapper--zip .b-form-btn {
  width: calc(100% - 127px);
}
@media screen and (min-width: 960px) {
  .b-form-address .b-form-text__wrapper--zip .b-form-btn {
    width: calc(50% - 12px);
  }
}
.b-form-address .b-form-text__wrapper--zip .b-form-btn .c-button {
  width: auto;
  min-width: 190px;
  margin-top: -2px;
  font-size: 1.2rem;
}
.b-form-address .b-form-text__wrapper--zip .b-form-btn .c-button__body {
  padding: 0;
}
@media screen and (min-width: 960px) {
  .b-form-address .b-form-text__wrapper--zip .b-form-btn .c-button {
    width: auto;
    min-width: 242px;
    margin-top: -4px;
    font-size: 1.6rem;
  }
}
.b-form-address .b-form-text__wrapper--zip .b-form-btn .c-button .c-button__body {
  min-height: 45px;
  padding: 4px 13px;
}
@media screen and (min-width: 960px) {
  .b-form-address .b-form-text__wrapper--zip .b-form-btn .c-button .c-button__body {
    min-height: 48px;
    padding: 8px 25px;
  }
}
.b-form-address .b-form__wrapper--addr {
  display: flex;
  flex-flow: column;
}
@media screen and (min-width: 960px) {
  .b-form-address .b-form__wrapper--addr {
    flex-flow: row;
    justify-content: space-between;
  }
  .b-form-address .b-form__wrapper--addr .c-form-select {
    padding-top: 4px;
  }
}
.b-form-address .b-form__wrapper--addr__pref {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .b-form-address .b-form__wrapper--addr__pref {
    width: calc(50% - 12px);
  }
}
.b-form-address .b-form__wrapper--addr__01 {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .b-form-address .b-form__wrapper--addr__01 {
    width: calc(50% - 12px);
  }
}
.b-form-address .b-form-text {
  padding-top: 24px;
}

.b-form-counter {
  display: flex;
  align-items: center;
}

.b-form-counter__body {
  width: 48px;
  margin: 0 4px;
}

.c-button--count.c-button--disabled {
  opacity: 0.4;
}
.c-button--count.c-button--disabled .c-button__body {
  display: flex;
}
.c-button--count.c-button--disabled .c-button__body .c-icon {
  margin-right: 0;
}

.b-form-creditcard {
  width: calc(100% + 48px);
  margin-left: -24px;
  padding: 24px 24px 32px;
  background-color: #F2F2F3;
}
@media screen and (min-width: 960px) {
  .b-form-creditcard {
    position: relative;
    width: 100%;
    margin-left: 0;
    padding: 32px 24px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 960px) {
  .b-form-creditcard .c-title--level5 {
    font-size: 2rem;
  }
}
.b-form-creditcard .c-text-body.is-xsmall {
  padding-top: 4px;
}
@media screen and (min-width: 960px) {
  .b-form-creditcard .c-text-body.is-xsmall {
    padding-top: 16px;
  }
}
.b-form-creditcard .c-recaputure {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .b-form-creditcard .c-recaputure {
    position: absolute;
    top: 32px;
    right: 24px;
    padding-top: 0;
  }
}
.b-form-creditcard .c-recaputure .c-photo__photo {
  display: inline-block;
}
.b-form-creditcard .c-recaputure .c-photo__photo img {
  width: 109px;
  height: auto;
}
.b-form-creditcard .b-form-text.select-country {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .b-form-creditcard .b-form-text.select-country {
    width: calc(50% - 12px);
  }
}

.b-form-edit__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.b-form-edit__header__button {
  width: 60px;
}

.b-form-edit__body {
  padding-top: 10px;
}

.b-form-edit__sub-title {
  display: flex;
  align-items: flex-end;
  padding-bottom: 16px;
}
.b-form-edit__sub-title:nth-of-type(n + 2) {
  padding-top: 16px;
}
.b-form-edit__sub-title .c-title {
  margin-right: 8px;
  line-height: 1.6rem;
}
.b-form-edit__sub-title .c-text-body {
  line-height: 1.6rem;
}

.b-form-product {
  display: flex;
}

.b-form-product__image {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 4px;
}
.b-form-product__image .c-image {
  position: relative;
  display: block;
  width: 100%;
}
.b-form-product__image .c-image::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.b-form-product__image .c-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: cover;
  object-position: top center;
}
.b-form-product__image .c-image.is-noimage img {
  top: 50%;
  left: 50%;
  width: 80%;
  width: 80%;
  max-width: 148px;
  object-fit: contain;
  object-position: center;
}

.b-form-product__body {
  width: calc(100% - 80px);
  padding-left: 16px;
}

.b-form-product__unit + .b-form-product__unit {
  padding-top: 8px;
}
.b-form-product__unit + .b-form-product__unit.is-alert {
  padding-top: 0px;
}
.b-form-product__unit .c-price {
  padding-top: 4px;
}
.b-form-product__unit .c-price .c-price__del {
  font-size: inherit;
}
.b-form-product__unit .c-price .c-price__del::after {
  content: none;
}
.b-form-product__unit .c-price .c-price__term.is-attention {
  font-weight: 300;
}
.b-form-product__unit .c-price--confirm {
  padding-top: 8px;
}
.b-form-product__unit .b-form-product__confirm p {
  line-height: 16px;
}
.b-form-product__unit .b-form-product__confirm span {
  margin-left: 4px;
}
.b-form-product__unit.is-alert .c-text-body {
  color: #ff0000;
}
.b-form-product__unit .c-text-body:nth-child(n+2) {
  padding-top: 0;
}

.b-form-product__ui {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (min-width: 960px) {
  .b-form-product__ui {
    justify-content: flex-start;
  }
  .b-form-product__ui .b-form-counter {
    margin-right: 16px;
  }
}

.b-product-item--confirm {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .b-product-item--confirm {
    padding-top: 32px;
  }
}

.b-product-item--confirm .c-title--shipdate {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .b-product-item--confirm .c-title--shipdate {
    font-size: 2rem;
  }
}
.b-product-item--confirm .c-title--shipdate + .b-form-product {
  margin-top: 8px;
}

.b-form-product__note.is-info .c-text-body {
  color: #0175E1;
}
.b-form-product__note.is-alert .c-text-body {
  color: #ff0000;
}

.b-form-radio, .b-form-radio--row {
  padding: 16px 0;
  background-color: #fff;
  border-top: 1px solid #CFCBC4;
  border-bottom: 1px solid #CFCBC4;
}
@media screen and (min-width: 960px) {
  .b-form-radio, .b-form-radio--row {
    position: relative;
  }
}

.b-form-radio__label {
  padding-bottom: 8px;
  padding-left: 40px;
}

.b-form-radio__submit {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .b-form-radio__submit {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
  }
}
@media screen and (min-width: 960px) {
  .b-form-radio__submit {
    padding-top: 0;
  }
}

.b-form-radio__edit {
  display: flex;
  justify-content: flex-end;
  padding-top: 16px;
}

.b-form-radio__edit__button {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 60px;
}
@media screen and (min-width: 960px) {
  .b-form-radio__edit__button {
    min-width: 104px;
  }
}
.b-form-radio__edit__button:nth-child(n+2) {
  margin-left: 8px;
}

.b-form-radio__edit__button2 {
  width: max-content;
}
@media screen and (min-width: 960px) {
  .b-form-radio__edit__button2 {
    width: max-content;
  }
}
.b-form-radio__edit__button2:nth-child(n+2) {
  margin-left: 8px;
}

.b-delivery-time-radio .c-radio__body {
  padding-left: 32px;
}
.b-delivery-time-radio ul.p-checkout__time-list li {
  margin-bottom: 20px;
}
.b-delivery-time-radio ul.p-checkout__time-list li:last-child {
  margin-bottom: 0;
}

.b-form-radio--row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.b-payment-method-radio .c-radio__body {
  padding-left: 32px;
}
.b-payment-method-radio ul.b-checkout__payment-list li {
  margin-bottom: 20px;
}
.b-payment-method-radio ul.b-checkout__payment-list li:last-child {
  margin-bottom: 0;
}
.b-payment-method-radio ul.b-checkout__payment-list li .p-myaccount__card-info {
  padding-left: 32px;
}

.b-payment-method-detail {
  width: calc(100% + 48px);
  margin-left: -24px;
  padding: 24px;
  background-color: #F2F2F3;
}
@media screen and (min-width: 960px) {
  .b-payment-method-detail {
    width: 100%;
    margin-left: 0;
  }
}
.b-payment-method-detail .c-radio__body {
  padding-left: 32px;
}

ul.b-checkout__payment-detail__list {
  padding-top: 24px;
}
ul.b-checkout__payment-detail__list li {
  margin-bottom: 20px;
}
ul.b-checkout__payment-detail__list li:last-child {
  margin-bottom: 8px;
}
@media screen and (min-width: 960px) {
  ul.b-checkout__payment-detail__list li:last-child {
    margin-bottom: 0px;
  }
}

.c-radio__body .c-coupon-item__text {
  padding-top: 8px;
}

.c-radio--wrap .c-radio__body {
  flex-wrap: wrap;
}
.c-radio--wrap.c-radio.is-center .c-radio__icon {
  top: 40px;
}
.c-radio--wrap .b-form-radio__edit__button {
  min-width: 120px;
}
@media screen and (min-width: 960px) {
  .c-radio--wrap .b-form-radio__btn-group {
    width: 220px;
  }
}
.c-radio--wrap .c-radio__image {
  align-items: flex-start;
}
.c-radio--wrap .c-radio__text-block {
  max-width: calc(100% - 96px);
}

.b-form-text.is-error .c-title {
  color: #FF4444;
}
.b-form-text.is-disabled .c-title {
  color: #A9AAB2;
}
@media screen and (min-width: 960px) {
  .b-form-text.select-country .b-form-text__input, .b-form-text.select-country .b-form-text__input--range {
    width: 324px;
  }
}

.b-form-text__input, .b-form-text__input--range {
  padding-top: 4px;
}
@media screen and (min-width: 960px) {
  .b-form-text__input, .b-form-text__input--range {
    padding-top: 8px;
  }
}
.b-form-text__input:first-child, .b-form-text__input--range:first-child {
  padding-top: 0;
}

.b-form-text__input--range {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
}
.b-form-text__input--range .c-form-select:first-of-type {
  margin-right: 8px;
}
.b-form-text__input--range .c-form-select:last-of-type {
  margin-left: 8px;
}
.b-form-text__input--range .c-form-select__input {
  width: 145px;
  font-size: 1.5rem;
}

.b-form-text__list__item:nth-child(n+2) {
  padding-top: 8px;
}

.b-form-text__error {
  padding-top: 8px;
}

.b-form-text__wrapper, .b-form-text__wrapper--my {
  display: flex;
  justify-content: space-between;
}
.b-form-text__wrapper .b-form-text__input, .b-form-text__wrapper--my .b-form-text__input, .b-form-text__wrapper .b-form-text__input--range, .b-form-text__wrapper--my .b-form-text__input--range {
  width: calc(50% - 12px);
}
.b-form-text__wrapper .b-form-text__input:nth-child(2), .b-form-text__wrapper--my .b-form-text__input:nth-child(2), .b-form-text__wrapper .b-form-text__input--range:nth-child(2), .b-form-text__wrapper--my .b-form-text__input--range:nth-child(2) {
  margin-left: 24px;
}

.b-form-text__wrapper--my {
  justify-content: flex-start;
  padding-top: 4px;
}
.b-form-text__wrapper--my .b-form-text__input, .b-form-text__wrapper--my .b-form-text__input--range {
  width: 120px;
  padding-top: 0;
}
.b-form-text__wrapper--my .b-form-text__input:nth-child(2), .b-form-text__wrapper--my .b-form-text__input--range:nth-child(2) {
  margin-left: 16px;
}

.b-form-text__wrapper--single_x2 {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
@media screen and (min-width: 960px) {
  .b-form-text__wrapper--single_x2 {
    flex-flow: row;
  }
}
.b-form-text__wrapper--single_x2 .b-form-text__input, .b-form-text__wrapper--single_x2 .b-form-text__input--range {
  width: 100%;
  padding-top: 0px;
}
.b-form-text__wrapper--single_x2 .b-form-text__input:nth-child(2), .b-form-text__wrapper--single_x2 .b-form-text__input--range:nth-child(2) {
  padding-top: 8px;
}
.b-form-text__wrapper--single_x2 .b-form-text__input.is-error .c-title, .b-form-text__wrapper--single_x2 .is-error.b-form-text__input--range .c-title {
  color: #FF4444;
}
@media screen and (min-width: 960px) {
  .b-form-text__wrapper--single_x2 .b-form-text__input, .b-form-text__wrapper--single_x2 .b-form-text__input--range {
    width: calc(50% - 12px);
  }
  .b-form-text__wrapper--single_x2 .b-form-text__input:nth-child(2), .b-form-text__wrapper--single_x2 .b-form-text__input--range:nth-child(2) {
    margin-left: 24px;
    padding-top: 0px;
  }
  .b-form-text__wrapper--single_x2 .b-form-text__input:nth-child(2) .c-form-text:first-child, .b-form-text__wrapper--single_x2 .b-form-text__input--range:nth-child(2) .c-form-text:first-child {
    padding-top: 25px;
  }
}
.b-form-text__wrapper--single_x2 .c-form-text {
  padding-top: 4px;
}

.b-form-text__wrapper--single {
  display: flex;
  justify-content: space-between;
  padding-top: 4px;
}
@media screen and (min-width: 960px) {
  .b-form-text__wrapper--single {
    padding-top: 8px;
  }
}
.b-form-text__wrapper--single .b-form-text__input, .b-form-text__wrapper--single .b-form-text__input--range {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .b-form-text__wrapper--single .b-form-text__input, .b-form-text__wrapper--single .b-form-text__input--range {
    width: calc(50% - 12px);
  }
}

.b-search-results {
  padding: 8px;
  background-color: #F2F2F3;
}

.b-search-results__clear {
  font-weight: 600;
  font-size: 1.2rem;
  color: #FF6624;
  letter-spacing: 0.08em;
}

.b-search-results__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.b-search-results__body {
  padding-top: 16px;
}

.b-search-results__unit {
  display: flex;
  align-items: center;
}
.b-search-results__unit .c-title {
  margin-right: 4px;
}

.b-search {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 960px) {
  .b-search {
    padding: 96px 176px 0;
  }
  .b-search .c-form-text__input {
    background-color: #fff !important;
    border: 0 !important;
  }
}

.b-search--inner {
  position: relative;
}
.b-search--inner .b-search__body {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
}
@media screen and (min-width: 960px) {
  .b-search--inner .b-search__body {
    padding: 0;
  }
}
@media screen and (min-width: 960px) {
  .b-search--inner .b-search__history, .b-search--inner .b-search__candidates {
    width: calc(100% - 68px);
    margin: 0;
  }
}
.b-search--inner .b-search__input {
  width: 100%;
  padding-right: 0;
}
@media screen and (min-width: 960px) {
  .b-search--inner .b-search__input {
    width: calc(100% - 60px);
    padding-right: 8px;
  }
}
.b-search--inner .b-search__submit {
  display: none;
  flex-basis: auto;
}
@media screen and (min-width: 960px) {
  .b-search--inner .b-search__submit {
    display: block;
    width: auto;
    min-width: 60px;
  }
}

.b-search__cancel {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 24px;
  background-color: #F2F2F3;
  border-bottom: 1px solid #E5E5E5;
}
@media screen and (min-width: 960px) {
  .b-search__cancel {
    display: none;
  }
}

.b-search__body {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 13px 16px;
  background-color: #fff;
}
@media screen and (min-width: 960px) {
  .b-search__body {
    position: relative;
    padding: 3px 4px 3px 15px;
    border-radius: 26px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  }
}

.b-search__input {
  width: calc(100% - 60px);
  padding-right: 8px;
}

.b-search__submit {
  flex-basis: auto;
  width: auto;
  min-width: 60px;
}
@media screen and (min-width: 960px) {
  .b-search__submit {
    min-width: 72px;
  }
  .b-search__submit .c-button__body {
    padding: 8px;
  }
}

.b-search__history, .b-search__candidates {
  position: relative;
  z-index: 2;
  width: 100%;
  background-color: #fff;
}
@media screen and (min-width: 960px) {
  .b-search__history, .b-search__candidates {
    width: calc(100% - 48px);
    margin: 4px auto 0;
    border-radius: 6px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  }
}

.b-search__history__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  padding: 0 16px;
  font-size: 1.2rem;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .b-search__history__header {
    height: 40px;
  }
}

.b-search__history__title {
  font-weight: 600;
  letter-spacing: 0.08em;
}

.b-search__history__clear {
  font-weight: 600;
  color: #FF6624;
  letter-spacing: 0.08em;
}
.b-search__history__clear:hover {
  color: #f36021;
}

.b-search__history__item, .b-search__candidates__item {
  display: flex;
  align-items: center;
  height: auto;
  min-height: 40px;
  padding: 0 16px;
  font-size: 1.4rem;
  color: #18181B;
  cursor: pointer;
}
.b-search__history__item:hover, .b-search__candidates__item:hover {
  color: #F35916;
}
.b-search__history__item:hover .c-icon, .b-search__candidates__item:hover .c-icon {
  background-color: #F35916;
}
.b-search__history__item a, .b-search__candidates__item a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  color: #18181B;
  cursor: pointer;
}
.b-search__history__item a:hover, .b-search__candidates__item a:hover {
  color: #F35916;
}
.b-search__history__item a:hover .c-icon, .b-search__candidates__item a:hover .c-icon {
  background-color: #F35916;
}
@media screen and (min-width: 960px) {
  .b-search__history__item, .b-search__candidates__item {
    font-size: 1.6rem;
  }
}

.b-search__candidates {
  display: none;
}

.b-search__candidates__item .c-icon {
  margin-right: 11px;
}

.b-search__close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

@media screen and (min-width: 960px) {
  .c-breadcrumb__list {
    display: flex;
  }
}

.c-breadcrumb__item {
  font-size: 1.4rem;
  color: #2489FF;
}
.c-breadcrumb__item:nth-child(n+2) {
  padding-top: 10px;
}
@media screen and (min-width: 960px) {
  .c-breadcrumb__item:nth-child(n+2) {
    padding-top: 0;
    padding-left: 8px;
  }
}

.c-button--text {
  font-size: 1.4rem;
  color: #2489FF;
}
.c-button--text:hover {
  color: #2182f3;
}
.c-button--text:hover:hover .c-icon {
  background-color: #0c6fcb;
}
.c-button--text .c-button__body {
  padding: 0;
  color: inherit;
}
.c-button--text .c-icon {
  margin-right: 6px;
}
.c-button--text.is-primary {
  color: #FF6624;
}
.c-button--text.is-primary:hover {
  color: #f36021;
}
.c-button--text.is-primary:hover:hover .c-icon {
  background-color: #f36021;
}
.c-button--text.is-special {
  color: #FF6624;
}
.c-button--text.is-special:hover {
  color: #f36021;
}
.c-button--text.is-special:hover:hover .c-icon {
  background-color: #f36021;
}
.c-button--text.is-disabled {
  color: #A9AAB2;
}
.c-button--text.is-disabled:hover {
  color: #a0a1a9;
}
.c-button--text.is-disabled:hover:hover .c-icon {
  background-color: #a0a1a9;
}
.c-button--text.is-done {
  color: #A9AAB2;
}
.c-button--text.is-done:hover {
  color: #a0a1a9;
}
.c-button--text.is-done:hover:hover .c-icon {
  background-color: #a0a1a9;
}
.c-button--text.is-small {
  color: #18181B;
}
.c-button--text.is-small:hover {
  color: #17171a;
}
.c-button--text.is-small:hover:hover .c-icon {
  background-color: #17171a;
}
.c-button--text.is-cancel {
  color: #18181B;
}
.c-button--text.is-cancel:hover {
  color: #17171a;
}
.c-button--text.is-cancel:hover:hover .c-icon {
  background-color: #17171a;
}
.c-button--text.is-primary {
  font-weight: 600;
}
.c-button--text.is-small {
  font-size: 1.2rem;
  text-decoration: underline;
}
.c-button--text.is-cancel {
  font-weight: 600;
}

.is-xlarge.c-button--facebook, .is-xlarge.c-button--watchlisted, .is-xlarge.c-button--addwatchlist, .is-xlarge.c-button--transparent, .is-xlarge.c-button--primary-outline, .is-xlarge.c-button--done, .is-xlarge.c-button--disabled, .is-xlarge.c-button--special, .is-xlarge.c-button--secondary, .is-xlarge.c-button--primary {
  font-size: 1.4rem;
  border-radius: 48px;
}
@media screen and (min-width: 960px) {
  .is-xlarge.c-button--facebook, .is-xlarge.c-button--watchlisted, .is-xlarge.c-button--addwatchlist, .is-xlarge.c-button--transparent, .is-xlarge.c-button--primary-outline, .is-xlarge.c-button--done, .is-xlarge.c-button--disabled, .is-xlarge.c-button--special, .is-xlarge.c-button--secondary, .is-xlarge.c-button--primary {
    font-size: 1.6rem;
  }
}
.is-xlarge.c-button--facebook .c-button__body, .is-xlarge.c-button--watchlisted .c-button__body, .is-xlarge.c-button--addwatchlist .c-button__body, .is-xlarge.c-button--transparent .c-button__body, .is-xlarge.c-button--primary-outline .c-button__body, .is-xlarge.c-button--done .c-button__body, .is-xlarge.c-button--disabled .c-button__body, .is-xlarge.c-button--special .c-button__body, .is-xlarge.c-button--secondary .c-button__body, .is-xlarge.c-button--primary .c-button__body {
  min-height: 48px;
}
.is-xlarge.c-button--fourth {
  font-size: 1.4rem;
  border-radius: 32px;
  min-height: 32px;
}

.is-large.c-button--facebook, .is-large.c-button--watchlisted, .is-large.c-button--addwatchlist, .is-large.c-button--transparent, .is-large.c-button--primary-outline, .is-large.c-button--done, .is-large.c-button--disabled, .is-large.c-button--special, .is-large.c-button--secondary, .is-large.c-button--primary {
  font-size: 1.4rem;
  border-radius: 45px;
}
.is-large.c-button--facebook .c-button__body, .is-large.c-button--watchlisted .c-button__body, .is-large.c-button--addwatchlist .c-button__body, .is-large.c-button--transparent .c-button__body, .is-large.c-button--primary-outline .c-button__body, .is-large.c-button--done .c-button__body, .is-large.c-button--disabled .c-button__body, .is-large.c-button--special .c-button__body, .is-large.c-button--secondary .c-button__body, .is-large.c-button--primary .c-button__body {
  min-height: 45px;
}

.c-button--facebook, .c-button--watchlisted, .c-button--addwatchlist, .c-button--transparent, .c-button--primary-outline, .c-button--done, .c-button--disabled, .c-button--special, .c-button--secondary, .c-button--primary {
  font-size: 1.2rem;
  border-radius: 40px;
}
.c-button--facebook .c-button__body, .c-button--watchlisted .c-button__body, .c-button--addwatchlist .c-button__body, .c-button--transparent .c-button__body, .c-button--primary-outline .c-button__body, .c-button--done .c-button__body, .c-button--disabled .c-button__body, .c-button--special .c-button__body, .c-button--secondary .c-button__body, .c-button--primary .c-button__body {
  min-height: 40px;
}

.is-small.c-button--facebook, .is-small.c-button--watchlisted, .is-small.c-button--addwatchlist, .is-small.c-button--transparent, .is-small.c-button--primary-outline, .is-small.c-button--done, .is-small.c-button--disabled, .is-small.c-button--special, .is-small.c-button--secondary, .is-small.c-button--primary {
  font-size: 1.2rem;
  border-radius: 32px;
}
.is-small.c-button--facebook .c-button__body, .is-small.c-button--watchlisted .c-button__body, .is-small.c-button--addwatchlist .c-button__body, .is-small.c-button--transparent .c-button__body, .is-small.c-button--primary-outline .c-button__body, .is-small.c-button--done .c-button__body, .is-small.c-button--disabled .c-button__body, .is-small.c-button--special .c-button__body, .is-small.c-button--secondary .c-button__body, .is-small.c-button--primary .c-button__body {
  min-height: 32px;
}

.is-xsmall.c-button--facebook, .is-xsmall.c-button--watchlisted, .is-xsmall.c-button--addwatchlist, .is-xsmall.c-button--transparent, .is-xsmall.c-button--primary-outline, .is-xsmall.c-button--done, .is-xsmall.c-button--disabled, .is-xsmall.c-button--special, .is-xsmall.c-button--secondary, .is-xsmall.c-button--primary {
  font-size: 1.1rem;
  border-radius: 28px;
}
.is-xsmall.c-button--facebook .c-button__body, .is-xsmall.c-button--watchlisted .c-button__body, .is-xsmall.c-button--addwatchlist .c-button__body, .is-xsmall.c-button--transparent .c-button__body, .is-xsmall.c-button--primary-outline .c-button__body, .is-xsmall.c-button--done .c-button__body, .is-xsmall.c-button--disabled .c-button__body, .is-xsmall.c-button--special .c-button__body, .is-xsmall.c-button--secondary .c-button__body, .is-xsmall.c-button--primary .c-button__body {
  min-height: 28px;
}

.c-button--facebook, .c-button--watchlisted, .c-button--addwatchlist, .c-button--transparent, .c-button--primary-outline, .c-button--done, .c-button--disabled, .c-button--special, .c-button--secondary, .c-button--primary, .c-button--fourth {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  border: 0;
  cursor: pointer;
}
.c-button--facebook .c-icon, .c-button--watchlisted .c-icon, .c-button--addwatchlist .c-icon, .c-button--transparent .c-icon, .c-button--primary-outline .c-icon, .c-button--done .c-icon, .c-button--disabled .c-icon, .c-button--special .c-icon, .c-button--secondary .c-icon, .c-button--primary .c-icon, .c-button--fourth .c-icon {
  margin-right: 8px;
}
@media screen and (min-width: 960px) {
  .pc-default.c-button--facebook, .pc-default.c-button--watchlisted, .pc-default.c-button--addwatchlist, .pc-default.c-button--transparent, .pc-default.c-button--primary-outline, .pc-default.c-button--done, .pc-default.c-button--disabled, .pc-default.c-button--special, .pc-default.c-button--secondary, .pc-default.c-button--primary {
    font-size: 1.4rem !important;
    border-radius: 40px !important;
  }
}
@media screen and (min-width: 960px) {
  .pc-default.c-button--facebook .c-button__body, .pc-default.c-button--watchlisted .c-button__body, .pc-default.c-button--addwatchlist .c-button__body, .pc-default.c-button--transparent .c-button__body, .pc-default.c-button--primary-outline .c-button__body, .pc-default.c-button--done .c-button__body, .pc-default.c-button--disabled .c-button__body, .pc-default.c-button--special .c-button__body, .pc-default.c-button--secondary .c-button__body, .pc-default.c-button--primary .c-button__body {
    min-height: 40px;
  }
}
@media screen and (min-width: 960px) {
  .pc-xlarge.c-button--facebook, .pc-xlarge.c-button--watchlisted, .pc-xlarge.c-button--addwatchlist, .pc-xlarge.c-button--transparent, .pc-xlarge.c-button--primary-outline, .pc-xlarge.c-button--done, .pc-xlarge.c-button--disabled, .pc-xlarge.c-button--special, .pc-xlarge.c-button--secondary, .pc-xlarge.c-button--primary {
    font-size: 1.6rem !important;
    border-radius: 48px !important;
  }
}
@media screen and (min-width: 960px) {
  .pc-xlarge.c-button--facebook .c-button__body, .pc-xlarge.c-button--watchlisted .c-button__body, .pc-xlarge.c-button--addwatchlist .c-button__body, .pc-xlarge.c-button--transparent .c-button__body, .pc-xlarge.c-button--primary-outline .c-button__body, .pc-xlarge.c-button--done .c-button__body, .pc-xlarge.c-button--disabled .c-button__body, .pc-xlarge.c-button--special .c-button__body, .pc-xlarge.c-button--secondary .c-button__body, .pc-xlarge.c-button--primary .c-button__body {
    min-height: 48px;
  }
}
@media screen and (min-width: 960px) {
  .pc-large.c-button--facebook, .pc-large.c-button--watchlisted, .pc-large.c-button--addwatchlist, .pc-large.c-button--transparent, .pc-large.c-button--primary-outline, .pc-large.c-button--done, .pc-large.c-button--disabled, .pc-large.c-button--special, .pc-large.c-button--secondary, .pc-large.c-button--primary {
    font-size: 1.4rem !important;
    border-radius: 45px !important;
  }
}
@media screen and (min-width: 960px) {
  .pc-large.c-button--facebook .c-button__body, .pc-large.c-button--watchlisted .c-button__body, .pc-large.c-button--addwatchlist .c-button__body, .pc-large.c-button--transparent .c-button__body, .pc-large.c-button--primary-outline .c-button__body, .pc-large.c-button--done .c-button__body, .pc-large.c-button--disabled .c-button__body, .pc-large.c-button--special .c-button__body, .pc-large.c-button--secondary .c-button__body, .pc-large.c-button--primary .c-button__body {
    min-height: 45px;
  }
}
@media screen and (min-width: 960px) {
  .pc-small.c-button--facebook, .pc-small.c-button--watchlisted, .pc-small.c-button--addwatchlist, .pc-small.c-button--transparent, .pc-small.c-button--primary-outline, .pc-small.c-button--done, .pc-small.c-button--disabled, .pc-small.c-button--special, .pc-small.c-button--secondary, .pc-small.c-button--primary {
    font-size: 1.4rem !important;
    border-radius: 32px !important;
  }
}
@media screen and (min-width: 960px) {
  .pc-small.c-button--facebook .c-button__body, .pc-small.c-button--watchlisted .c-button__body, .pc-small.c-button--addwatchlist .c-button__body, .pc-small.c-button--transparent .c-button__body, .pc-small.c-button--primary-outline .c-button__body, .pc-small.c-button--done .c-button__body, .pc-small.c-button--disabled .c-button__body, .pc-small.c-button--special .c-button__body, .pc-small.c-button--secondary .c-button__body, .pc-small.c-button--primary .c-button__body {
    min-height: 32px;
    padding: 4px 25px;
  }
}
@media screen and (min-width: 960px) {
  .pc-xsmall.c-button--facebook, .pc-xsmall.c-button--watchlisted, .pc-xsmall.c-button--addwatchlist, .pc-xsmall.c-button--transparent, .pc-xsmall.c-button--primary-outline, .pc-xsmall.c-button--done, .pc-xsmall.c-button--disabled, .pc-xsmall.c-button--special, .pc-xsmall.c-button--secondary, .pc-xsmall.c-button--primary {
    font-size: 1.2rem !important;
    border-radius: 28px !important;
  }
}
@media screen and (min-width: 960px) {
  .pc-xsmall.c-button--facebook .c-button__body, .pc-xsmall.c-button--watchlisted .c-button__body, .pc-xsmall.c-button--addwatchlist .c-button__body, .pc-xsmall.c-button--transparent .c-button__body, .pc-xsmall.c-button--primary-outline .c-button__body, .pc-xsmall.c-button--done .c-button__body, .pc-xsmall.c-button--disabled .c-button__body, .pc-xsmall.c-button--special .c-button__body, .pc-xsmall.c-button--secondary .c-button__body, .pc-xsmall.c-button--primary .c-button__body {
    min-height: 28px;
  }
}

.c-button__body {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 4px 13px;
  font-size: inherit;
  line-height: 1.5;
  color: inherit;
}
@media screen and (min-width: 960px) {
  .c-button__body {
    padding: 8px 25px;
  }
}

.c-button--primary {
  background-color: #FF6624;
}
.c-button--primary:hover {
  background-color: #f36021;
}
.c-button--primary .c-button__body {
  display: inline-flex;
  align-items: center;
  color: #fff;
}
.c-button--primary .c-button__body[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-left: 8px;
  background-color: #A9AAB2;
  background-color: #fff;
  -webkit-mask-image: url("/img/icon/blank.svg");
          mask-image: url("/img/icon/blank.svg");
  -webkit-mask-size: 15px 15px;
          mask-size: 15px 15px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-button--secondary {
  background: var(--gray);
}
.c-button--secondary:hover {
  background-color: #e5e5e7;
}
.c-button--secondary .c-button__body {
  display: inline-flex;
  align-items: center;
  color: #18181B;
}
.c-button--secondary .c-button__body[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-left: 8px;
  background-color: #A9AAB2;
  background-color: #6F7075;
  -webkit-mask-image: url("/img/icon/blank.svg");
          mask-image: url("/img/icon/blank.svg");
  -webkit-mask-size: 15px 15px;
          mask-size: 15px 15px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-button--special {
  background-color: #FFE9DB;
}
.c-button--special:hover {
  background-color: #fcdbc6;
}
.c-button--special .c-button__body {
  display: inline-flex;
  align-items: center;
  color: #FF6624;
}
.c-button--special .c-button__body[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-left: 8px;
  background-color: #A9AAB2;
  background-color: #FF6624;
  -webkit-mask-image: url("/img/icon/blank.svg");
          mask-image: url("/img/icon/blank.svg");
  -webkit-mask-size: 15px 15px;
          mask-size: 15px 15px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-button--disabled {
  background-color: #CBCDD6;
  pointer-events: none;
  touch-action: none;
}
.c-button--disabled:hover {
  background-color: transparent;
}
.c-button--disabled .c-button__body {
  display: inline-flex;
  align-items: center;
  color: #A9AAB2;
}
.c-button--disabled .c-button__body[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-left: 8px;
  background-color: #A9AAB2;
  background-color: #A9AAB2;
  -webkit-mask-image: url("/img/icon/blank.svg");
          mask-image: url("/img/icon/blank.svg");
  -webkit-mask-size: 15px 15px;
          mask-size: 15px 15px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-button--done {
  background-color: #F2F2F3;
}
.c-button--done:hover {
  background-color: #e5e5e7;
}
.c-button--done .c-button__body {
  display: inline-flex;
  align-items: center;
  color: #A9AAB2;
}
.c-button--done .c-button__body[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-left: 8px;
  background-color: #A9AAB2;
  background-color: #A9AAB2;
  -webkit-mask-image: url("/img/icon/blank.svg");
          mask-image: url("/img/icon/blank.svg");
  -webkit-mask-size: 15px 15px;
          mask-size: 15px 15px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-button--primary-outline {
  background-color: #FFE9DB;
}
.c-button--primary-outline:hover {
  background-color: #fcdbc6;
}
.c-button--primary-outline .c-button__body {
  display: inline-flex;
  align-items: center;
  color: #FF6624;
}
.c-button--primary-outline .c-button__body[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-left: 8px;
  background-color: #A9AAB2;
  -webkit-mask-image: url("/img/icon/blank.svg");
          mask-image: url("/img/icon/blank.svg");
  -webkit-mask-size: 15px 15px;
          mask-size: 15px 15px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-button--square {
  width: 79px;
  height: 79px;
  font-size: 1rem;
  background-color: #F2F2F3;
  border-radius: 4px;
}
.c-button--square:hover {
  background-color: #e5e5e7;
}
.c-button--square .c-button__body {
  display: flex;
  flex-direction: column;
  line-height: 1.75;
}
.c-button--square .c-icon {
  margin-bottom: 8px;
}

.c-button--close {
  font-size: 1.2rem;
}
.c-button--close .c-icon {
  margin-right: 11px;
}

.c-button--transparent {
  font-size: 1.2rem;
  background-color: transparent;
  border: 1px solid #CFCBC4;
}
.c-button--transparent .c-button__body {
  padding: 0 10px;
  color: #18181B;
}
.c-button--transparent:hover {
  border-color: #c5c1ba;
}

.c-button--addwatchlist {
  font-size: 1.2rem;
  background-color: transparent;
  border: 1px solid #FF6624;
}
.c-button--addwatchlist .c-button__body {
  padding: 0 10px;
  color: #FF6624;
}
.c-button--addwatchlist:hover {
  border-color: #f36021;
}

.c-button--watchlisted {
  font-size: 1.2rem;
  background-color: #F4F4F6;
}
.c-button--watchlisted .c-button__body {
  padding: 0 10px;
  color: #6E6E6E;
}
.c-button--watchlisted:hover {
  background-color: #e7e7eb;
}

.c-button--count {
  width: 24px;
  height: 24px;
  overflow: hidden;
  font-size: 0;
  text-indent: -100%;
  background-color: #F2F2F3;
  border-radius: 4px;
}
.c-button--count:hover {
  background-color: #CBCDD6;
}
.c-button--count .c-button__body {
  min-height: unset;
  padding: 0;
}

.c-button--circle, .c-button--circle-special {
  position: relative;
  width: 40px;
  height: 40px;
  overflow: hidden;
  font-size: 0;
  text-indent: -100%;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}
.c-button--circle .c-icon, .c-button--circle-special .c-icon {
  position: absolute;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: auto;
  transform: translate(0%, -50%);
}
.c-button--circle .c-icon.c-icon--paging-prev, .c-button--circle-special .c-icon.c-icon--paging-prev {
  transform: translate(0%, -50%) rotate(180deg);
}
.c-button--circle:hover, .c-button--circle-special:hover {
  background-color: #f2f2f2;
}
.c-button--circle .c-button__body, .c-button--circle-special .c-button__body {
  padding: 0;
}
.c-button--circle-special {
  border: 1px solid #FF6624;
  box-shadow: none;
}
.c-button--circle-special:hover {
  background-color: #fcdbc6;
}
.c-button--circle-special.is-checked {
  background-color: #F2F2F3;
  border: none;
  box-shadow: none;
}
.c-button--circle-special.is-checked:hover {
  background-color: #F2F2F3;
}
.c-button--circle.is-small, .is-small.c-button--circle-special {
  width: 32px;
  height: 32px;
  background-color: #F2F2F3;
  box-shadow: none;
}
.c-button--circle.is-small:hover, .is-small.c-button--circle-special:hover {
  background-color: #e5e5e7;
}

.c-button--icon {
  overflow: hidden;
  font-size: 0;
  text-indent: -100%;
}
.c-button--icon .c-button__body {
  padding: 0;
}

.c-button .c-button__body {
  text-align: center;
}
.c-button--fourth {
  background-color: #F0D331;
  border: 1px solid #F0D331;
  transition-duration: 0.3s;
}
.c-button--fourth:hover {
  background-color: #FFFCE5;
}

.c-button--fourth .c-button__body {
  display: inline-flex;
  align-items: center;
  color: #18181B;
}
.c-button--transparent.c-button--google {
  height: 40px;
  font-size: 1.4rem;
  border: 1px solid #A9AAB2;
  border-radius: 6px;
}
@media screen and (min-width: 960px) {
  .c-button--transparent.c-button--google {
    height: 50px;
    font-size: 1.6rem;
  }
}
.c-button--transparent.c-button--google img {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.c-button--transparent.c-button--google:hover {
  opacity: 0.7;
}

.c-button--facebook {
  height: 40px;
  font-size: 1.4rem;
  color: #fff;
  background-color: #1877F2;
  border: 1px solid #1877F2;
  border-radius: 6px;
}
@media screen and (min-width: 960px) {
  .c-button--facebook {
    height: 50px;
    font-size: 1.6rem;
  }
}
.c-button--facebook img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.c-button--facebook:hover {
  opacity: 0.7;
}
.c-button--facebook a:hover {
  color: #fff;
}

.c-button--hashtag {
  position: relative;
  display: inline-block;
  font-weight: 600;
  /* font-size: 11px; */
}
/* .c-button--hashtag:after {
  content: "";
  position: absolute;
  top: -5px;
  left: -10px;
  z-index: -1;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  background-color: #e7e7e7;
  border-radius: 4px;
}
@media screen and (max-width: 960px) {
  .c-button--hashtag:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
} */
.c-button--hashtag .c-button__body {
  position: relative;
  padding: 0 5px 0 10px;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: left;
  letter-spacing: 0;
  color: #2489FF;
}
.c-button--hashtag:hover .c-button__body {
  color: #167CF3;
}
.b-product-info__header .c-button--hashtag .c-button__body {
  font-size: 1.1rem;
}

@media screen and (max-width: 960px) {
  .c-button--hashtag .c-button__body {
    /* padding: 5px 5px 5px 15px; */
    font-size: 1.4rem;
  }
}
.c-button--hashtag .c-button__body:before {
  content: "#";
  position: absolute;
  top: 0;
  left: -3px;
  font-weight: 600;
}
/* @media screen and (max-width: 960px) {
  .c-button--hashtag .c-button__body:before {
    top: 5px;
    left: 3px;
  }
} */
/* .c-button--hashtag:hover {
  opacity: 0.7;
}
.c-button--hashtag:hover .c-button__body {
  color: #000;
} */

.c-calendar {
  width: 616px;
  margin: 16px auto 0;
}

.c-calendar__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.c-calendar__prev,
.c-calendar__next {
  font-weight: 600;
  font-size: 1.4rem;
}

.c-calendar__prev .c-icon {
  margin-right: 16px;
  transform: rotate(180deg);
  transform-origin: center center;
}

.c-calendar__next .c-icon {
  margin-left: 16px;
}

.c-calendar__date {
  font-weight: 700;
  font-size: 1.4rem;
  font-family: "Hiragino Sans";
  color: #6F7075;
}
.c-calendar__date strong {
  margin: 0 4px 0 2px;
  font-size: 4.8rem;
  color: #000;
}

.c-calendar__body {
  margin-top: 14px;
}

.c-calendar__weekday {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.c-calendar__weekday__item {
  font-weight: 600;
  font-size: 1.2rem;
  text-align: center;
}
.c-calendar__weekday__item:first-child, .c-calendar__weekday__item:last-child {
  color: #6F7075;
}

.c-calendar__main {
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid #CBCDD6;
  border-radius: 4px;
}

.c-calendar__row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  height: 88px;
}
.c-calendar__row:nth-child(n+2) {
  border-top: 1px solid #CBCDD6;
}

.c-calendar__col {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #CBCDD6;
}
.c-calendar__col:last-of-type {
  border: 0;
}
.c-calendar__col.is-disabled .c-calendar__day {
  color: #A9AAB2;
}
.c-calendar__col.is-holiday {
  background-color: #F2F2F3;
}
.c-calendar__col.is-order .c-calendar__day {
  color: #fff;
  background-color: #FF6624;
}

.c-calendar__day {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  font-weight: 700;
  font-size: 2rem;
  font-family: "Hiragino Sans";
  color: #18181B;
  border-radius: 50%;
  transition-duration: 0.3s;
}

.c-calendar__goods {
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  font-size: 1.2rem;
  text-align: center;
}

.c-calendar__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.c-calendar__link:hover .c-calendar__day {
  background-color: #f36021;
}

.c-calendar__footer {
  margin-top: 8px;
}

.c-calendar__update {
  font-size: 1.2rem;
  text-align: right;
  color: #6F7075;
}

.c-calendar__download {
  margin-top: 8px;
  text-align: right;
}
.c-calendar__download .c-link {
  font-weight: 300;
}

.flatpickr-calendar {
  position: fixed;
  width: 355.875px;
  padding: 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.flatpickr-calendar::before, .flatpickr-calendar::after {
  display: none !important;
}
@media screen and (min-width: 960px) {
  .flatpickr-calendar {
    position: absolute;
  }
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  top: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #CBCDD6;
  border-radius: 50%;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  display: none;
}
.flatpickr-months .flatpickr-prev-month::after,
.flatpickr-months .flatpickr-next-month::after {
  content: "";
  display: block;
  width: 6px;
  min-width: 6px;
  height: 10px;
  background-color: #FF6624;
  transform-origin: center center;
  -webkit-mask-image: url("/img/icon/arrow-paging.svg");
          mask-image: url("/img/icon/arrow-paging.svg");
  -webkit-mask-size: 6px 10px;
          mask-size: 6px 10px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.flatpickr-months .flatpickr-prev-month {
  left: 24px !important;
}
.flatpickr-months .flatpickr-prev-month::after {
  transform: rotate(180deg);
}
.flatpickr-months .flatpickr-next-month {
  right: 24px !important;
}

.flatpickr-current-month {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.flatpickr-current-month .numInputWrapper input.cur-year,
.flatpickr-current-month .flatpickr-monthDropdown-months {
  height: 28px;
  font-weight: bold;
  font-size: 16px;
  text-align: left;
}
.flatpickr-current-month .numInputWrapper {
  order: 1;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  order: 2;
}

.flatpickr-innerContainer {
  padding-top: 24px;
}

.flatpickr-weekday {
  font-weight: 500 !important;
  font-size: 1.5rem !important;
  color: #6F7075 !important;
}

.flatpickr-day {
  position: relative;
  font-weight: 500;
  font-size: 1.5rem;
}
.flatpickr-day.today {
  background-color: #F2F2F3 !important;
  border-color: #F2F2F3 !important;
}
.flatpickr-day:hover, .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.inRange {
  color: #fff !important;
  background-color: #FF6624 !important;
  border-color: #FF6624 !important;
}
.flatpickr-day.inRange {
  box-shadow: -5px 0 0 #FF6624, 5px 0 0 #FF6624 !important;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -5px 0 0 #FF6624, 5px 0 0 #FF6624 !important;
}

.flatpickr-monthSelect-months {
  flex-wrap: wrap;
  margin: 10px 1px 3px 1px;
}

.flatpickr-monthSelect-month {
  position: relative;
  display: inline-block;
  justify-content: center;
  box-sizing: border-box;
  width: 33%;
  margin: 0.5px;
  padding: 10px;
  font-weight: 400;
  text-align: center;
  color: #393939;
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.flatpickr-monthSelect-month.flatpickr-disabled {
  color: #eee;
}

.flatpickr-monthSelect-month.flatpickr-disabled:hover,
.flatpickr-monthSelect-month.flatpickr-disabled:focus {
  background: none !important;
  cursor: not-allowed;
}

.flatpickr-monthSelect-theme-dark {
  background: #3f4458;
}

.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year {
  color: #fff;
}

.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,
.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month {
  color: #fff;
  fill: #fff;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month {
  color: rgba(255, 255, 255, 0.95);
}

.flatpickr-monthSelect-month.today {
  background-color: #f2f2f3 !important;
  border-color: #f2f2f3 !important;
}
.flatpickr-monthSelect-month.today:hover {
  color: #fff !important;
  background-color: #ff6624 !important;
}

.flatpickr-monthSelect-month.inRange,
.flatpickr-monthSelect-month.inRange.today {
  color: #fff;
  background-color: #ff6624 !important;
  border-color: #ff6624 !important;
  outline: 0;
  box-shadow: none !important;
  cursor: pointer;
}

.flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-month:focus {
  color: #fff;
  background: #F35916;
  border-color: #e6e6e6;
  outline: 0;
  cursor: pointer;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus {
  background: #646c8c;
  border-color: #646c8c;
}

.flatpickr-monthSelect-month.today:hover,
.flatpickr-monthSelect-month.today:focus {
  color: #fff;
  background: #F35916;
  border-color: #F35916;
}

.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-month.endRange {
  color: #fff;
  background-color: #ff6624 !important;
  border-color: #ff6624;
  box-shadow: none;
}

.flatpickr-monthSelect-month.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-monthSelect-month.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-monthSelect-month.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-monthSelect-month.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange {
  color: #fff;
  background: #80cbc4;
  border-color: #80cbc4;
  box-shadow: none;
}

a.c-card .c-title,
a.c-card .c-text-body--date,
a.c-card .c-text-body {
  transition-duration: 0.3s;
}
a.c-card:hover .c-title,
a.c-card:hover .c-text-body {
  color: #F35916;
}
a.c-card:hover .c-text-body--date {
  color: #6F7075;
}
a.c-card:hover .c-news__category:nth-child(2)::before {
  background-color: #F35916;
}

.c-card--event {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .c-card--event {
    width: 376px;
  }
}
.c-card--event .c-card__title {
  padding-top: 16px;
}
.c-card--event .c-card__term {
  padding-top: 0px;
}
.c-card--event .c-image {
  width: 100%;
}
.c-card--event .c-image img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  object-fit: contain;
  aspect-ratio: 376/211;
}

@media screen and (min-width: 960px) {
  .c-card__image {
    width: 100%;
  }
  .c-card__image img {
    width: 100%;
    height: auto;
  }
}

.c-card__term {
  display: flex;
  align-items: center;
  padding-top: 16px;
}
.c-card__term .c-label {
  margin-left: 8px;
}
.c-card__term .c-news__category,
.c-card__term .c-news__date {
  font-size: 1.2rem;
  transition-duration: 0.3s;
}

.c-card__title {
  display: -webkit-box;
  padding-top: 5px;
  overflow: hidden;
  line-height: 1.75;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media screen and (min-width: 960px) {
  .c-card--airticle-row, .c-card--airticle-blog {
    display: flex;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 960px) {
  .c-card--airticle-row .c-card__image, .c-card--airticle-blog .c-card__image {
    max-width: 170px;
    height: 96px;
  }
}
.c-card--airticle-row .c-card__image .c-image, .c-card--airticle-blog .c-card__image .c-image {
  width: 100%;
  height: auto;
  height: auto;
}
.c-card--airticle-row .c-card__image img, .c-card--airticle-blog .c-card__image img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  object-fit: cover;
  aspect-ratio: 170/96;
}
@media screen and (min-width: 960px) {
  .c-card--airticle-row .c-card__body, .c-card--airticle-blog .c-card__body {
    margin-left: 24px;
  }
}
.c-card--airticle-row .c-card__title, .c-card--airticle-blog .c-card__title {
  padding-top: 8px;
}
@media screen and (min-width: 960px) {
  .c-card--airticle-row .c-card__title, .c-card--airticle-blog .c-card__title {
    padding-top: 0;
    font-size: 1.4rem;
  }
}
.c-card--airticle-row .c-card__title .c-title, .c-card--airticle-blog .c-card__title .c-title {
  font-size: 1.4rem;
}
.c-card--airticle-row .c-card__term, .c-card--airticle-blog .c-card__term {
  padding-top: 8px;
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", Sanfransisco, Arial, "SF Pro SC", Meiryo, "メイリオ", "微软雅黑", "Microsoft YaHei";
}
.c-card--airticle-row .c-card__term .c-text-body, .c-card--airticle-blog .c-card__term .c-text-body {
  font-size: 1rem;
  line-height: 1;
  color: #6F7075;
}
@media screen and (min-width: 960px) {
  .c-card--airticle-row .c-card__term .c-text-body, .c-card--airticle-blog .c-card__term .c-text-body {
    font-size: 1.2rem;
  }
}
.c-card--airticle-row .c-card__term .c-text-body--date, .c-card--airticle-blog .c-card__term .c-text-body--date {
  font-weight: 600;
  font-size: 1.2rem;
}

.c-card--airticle-blog .c-card__image {
  overflow: hidden;
}
.c-card--airticle-blog .c-card__image img {
  border-radius: 4px;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 170/83;
}
@media screen and (min-width: 960px) {
  .c-card--airticle-blog .c-card__image {
    width: 170px;
    height: auto;
  }
}
@media screen and (min-width: 960px) {
  .c-card--airticle-blog .c-card__body {
    display: flex;
    flex-flow: column-reverse;
    height: 100%;
  }
}
@media screen and (min-width: 960px) {
  .c-card--airticle-blog .c-card__term {
    padding-top: 0;
  }
}
@media screen and (min-width: 960px) {
  .c-card--airticle-blog .c-card__title {
    padding-top: 8px;
  }
}
.c-card--airticle-blog .c-card__title .c-title {
  font-size: 1.4rem;
}

.c-card--event-global {
  display: flex;
  justify-content: space-between;
}
.c-card--event-global .c-card__image {
  display: flex;
  align-items: center;
  width: 120px;
  height: 67px;
}
.c-card--event-global .c-card__image .c-image {
  width: 100%;
  height: 100%;
}
.c-card--event-global .c-card__image img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: cover;
}
.c-card--event-global .c-card__body {
  width: calc(100% - 136px);
  margin-right: 16px;
}
@media screen and (min-width: 960px) {
  .c-card--event-global .c-card__title {
    padding-top: 0;
    font-size: 1.4rem;
  }
}
.c-card--event-global .c-card__title .c-title {
  font-size: 1.4rem;
}
.c-card--event-global .c-card__term {
  padding-top: 0px;
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", Sanfransisco, Arial, "SF Pro SC", Meiryo, "メイリオ", "微软雅黑", "Microsoft YaHei";
}
.c-card--event-global .c-card__term .c-text-body {
  font-size: 1rem;
  line-height: 1;
  color: #6F7075;
}
@media screen and (min-width: 960px) {
  .c-card--event-global .c-card__term .c-text-body {
    font-size: 1.2rem;
  }
}
.c-card--event-global .c-card__term .c-text-body--date {
  padding-bottom: 8px;
  font-weight: 600;
  font-size: 1.2rem;
}

.c-card--news-global {
  display: flex;
  justify-content: space-between;
}
.c-card--news-global .c-card__body {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .c-card--news-global .c-card__title {
    padding-top: 0;
    font-size: 1.4rem;
  }
}
.c-card--news-global .c-card__title .c-title {
  font-size: 1.4rem;
}
.c-card--news-global .c-card__term {
  padding-top: 0px;
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", Sanfransisco, Arial, "SF Pro SC", Meiryo, "メイリオ", "微软雅黑", "Microsoft YaHei";
}
.c-card--news-global .c-card__term .c-text-body {
  font-size: 1rem;
  line-height: 1;
  color: #6F7075;
}
@media screen and (min-width: 960px) {
  .c-card--news-global .c-card__term .c-text-body {
    font-size: 1.2rem;
  }
}
.c-card--news-global .c-card__term .c-text-body--date {
  padding-bottom: 8px;
  font-weight: 600;
  font-size: 1.2rem;
}

.c-carousel--top {
  position: relative;
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
  opacity: 0;
  transition-duration: 0.3s;
}
@media screen and (min-width: 1920px) {
  .c-carousel--top {
    width: 100vw;
    margin-left: calc(960px - 50vw);
  }
}
.c-carousel--top .slick-slide img {
  width: 100%;
  max-width: 1200px;
  height: auto;
}
.c-carousel--top.slick-initialized {
  opacity: 1;
}
.c-carousel--top .slick-dots {
  display: flex;
  justify-content: center;
  width: 100%;
}
.c-carousel--top .slick-dots li:nth-child(n+2) {
  margin-left: 10px;
}
.c-carousel--top .slick-dots li.slick-active button {
  background-color: #FF6624;
}
.c-carousel--top .slick-dots button {
  width: 10px;
  height: 10px;
  overflow: hidden;
  font-size: 0;
  text-indent: -100%;
  background-color: #CBCDD6;
  border: 1px solid #fff;
  border-radius: 5px;
}
.c-carousel--top .slick-track {
  background-color: #F2F2F3;
}

.c-carousel__unit {
  padding: 0px;
  text-align: center;
}

.c-carousel__next, .c-carousel__prev {
  position: absolute;
  top: 136px;
  z-index: 2;
}

.c-carousel__prev {
  left: 32px;
}

.c-carousel__next {
  right: 32px;
}

.c-empty, .c-empty--1 {
  max-width: 327px;
  margin: 0 auto;
  text-align: center;
  color: #000;
  background-color: #fff;
}

.c-empty__status {
  padding-top: 32px;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 36px;
}

.c-empty__schedule {
  padding-top: 32px;
  font-size: 1.4rem;
  line-height: 2.1rem;
  text-align: left;
}

.c-empty--1 {
  min-height: 244px;
  padding: 32px 0;
}
@media screen and (min-width: 960px) {
  .c-empty--1 {
    min-height: 272px;
  }
}
.c-empty--1 .c-image,
.c-empty--1 .c-image--1 {
  display: inline-block;
  width: 130px;
  height: auto;
}
@media screen and (min-width: 960px) {
  .c-empty--1 .c-image,
.c-empty--1 .c-image--1 {
    width: 160px;
  }
}
.c-empty--1 img {
  width: 100%;
  height: auto;
}
.c-empty--1 .c-empty__status {
  padding-top: 16px;
  color: #CBCDD6;
}

.c-checkbox {
  position: relative;
}
.c-checkbox.is-disabled .c-checkbox__label {
  cursor: default;
}
.c-checkbox.is-disabled .c-checkbox__icon {
  background-color: #A9AAB2;
  border-color: #CBCDD6;
  pointer-events: none;
  touch-action: none;
}
.c-checkbox.is-disabled .c-checkbox__icon:after {
  display: none;
}
.c-checkbox:not(.is-disabled) .c-checkbox__label:hover .c-checkbox__icon {
  background-color: #F2F2F3;
  border-color: #A9AAB2;
}

.c-checkbox__label {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  color: #18181B;
}

.c-checkbox__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
}
.c-checkbox__input:checked ~ .c-checkbox__label .c-checkbox__icon {
  background-color: #FF6624;
  border-color: #FF6624;
}
.c-checkbox__input:checked ~ .c-checkbox__label:hover .c-checkbox__icon {
  background-color: #f36021;
  border-color: #f36021;
}

.c-checkbox__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-right: 8px;
  background-color: #fff;
  border: 1px solid #A9AAB2;
  border-radius: 4px;
}
.c-checkbox__icon::after {
  content: "";
  display: block;
  width: 18px;
  min-width: 18px;
  height: 14px;
  background-color: #fff;
  -webkit-mask-image: url("/img/icon/checked.svg");
          mask-image: url("/img/icon/checked.svg");
  -webkit-mask-size: 18px 14px;
          mask-size: 18px 14px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-form-text, .c-form-text--calendar, .c-form-month, .c-form-text--search, .c-form-select, .c-form-variant {
  position: relative;
}
.c-form-text.is-error .c-form-text__input, .c-form-text.is-error .c-form-variant__select, .is-error.c-form-text--calendar .c-form-text__input, .is-error.c-form-text--calendar .c-form-variant__select, .c-form-text.is-error .c-form-text__month, .is-error.c-form-text--calendar .c-form-text__month, .is-error.c-form-month .c-form-text__input, .is-error.c-form-month .c-form-variant__select, .is-error.c-form-month .c-form-text__month, .c-form-text.is-error .c-form-text__ghost, .is-error.c-form-text--calendar .c-form-text__ghost, .is-error.c-form-month .c-form-text__ghost, .c-form-text.is-error .c-form-select__input, .is-error.c-form-text--calendar .c-form-select__input, .is-error.c-form-month .c-form-select__input, .is-error.c-form-text--search .c-form-text__input, .is-error.c-form-text--search .c-form-variant__select, .is-error.c-form-text--search .c-form-text__month, .is-error.c-form-text--search .c-form-text__ghost, .is-error.c-form-text--search .c-form-select__input, .is-error.c-form-select .c-form-text__input, .is-error.c-form-variant .c-form-text__input, .is-error.c-form-select .c-form-variant__select, .is-error.c-form-variant .c-form-variant__select, .is-error.c-form-select .c-form-text__month, .is-error.c-form-variant .c-form-text__month, .is-error.c-form-select .c-form-text__ghost, .is-error.c-form-variant .c-form-text__ghost, .is-error.c-form-select .c-form-select__input, .is-error.c-form-variant .c-form-select__input {
  color: #FF4444;
  background-color: #FDDFDF;
  border-color: #ff0000;
}
.c-form-text.is-error .c-form-text__input:-ms-input-placeholder, .c-form-text.is-error .c-form-variant__select:-ms-input-placeholder, .is-error.c-form-text--calendar .c-form-text__input:-ms-input-placeholder, .is-error.c-form-text--calendar .c-form-variant__select:-ms-input-placeholder, .c-form-text.is-error .c-form-text__month:-ms-input-placeholder, .is-error.c-form-text--calendar .c-form-text__month:-ms-input-placeholder, .is-error.c-form-month .c-form-text__input:-ms-input-placeholder, .is-error.c-form-month .c-form-variant__select:-ms-input-placeholder, .is-error.c-form-month .c-form-text__month:-ms-input-placeholder, .c-form-text.is-error .c-form-text__ghost:-ms-input-placeholder, .is-error.c-form-text--calendar .c-form-text__ghost:-ms-input-placeholder, .is-error.c-form-month .c-form-text__ghost:-ms-input-placeholder, .c-form-text.is-error .c-form-select__input:-ms-input-placeholder, .is-error.c-form-text--calendar .c-form-select__input:-ms-input-placeholder, .is-error.c-form-month .c-form-select__input:-ms-input-placeholder, .is-error.c-form-text--search .c-form-text__input:-ms-input-placeholder, .is-error.c-form-text--search .c-form-variant__select:-ms-input-placeholder, .is-error.c-form-text--search .c-form-text__month:-ms-input-placeholder, .is-error.c-form-text--search .c-form-text__ghost:-ms-input-placeholder, .is-error.c-form-text--search .c-form-select__input:-ms-input-placeholder, .is-error.c-form-select .c-form-text__input:-ms-input-placeholder, .is-error.c-form-variant .c-form-text__input:-ms-input-placeholder, .is-error.c-form-select .c-form-variant__select:-ms-input-placeholder, .is-error.c-form-variant .c-form-variant__select:-ms-input-placeholder, .is-error.c-form-select .c-form-text__month:-ms-input-placeholder, .is-error.c-form-variant .c-form-text__month:-ms-input-placeholder, .is-error.c-form-select .c-form-text__ghost:-ms-input-placeholder, .is-error.c-form-variant .c-form-text__ghost:-ms-input-placeholder, .is-error.c-form-select .c-form-select__input:-ms-input-placeholder, .is-error.c-form-variant .c-form-select__input:-ms-input-placeholder {
  color: #FF4444;
}
.c-form-text.is-error .c-form-text__input::placeholder, .c-form-text.is-error .c-form-variant__select::placeholder, .is-error.c-form-text--calendar .c-form-text__input::placeholder, .is-error.c-form-text--calendar .c-form-variant__select::placeholder, .c-form-text.is-error .c-form-text__month::placeholder, .is-error.c-form-text--calendar .c-form-text__month::placeholder, .is-error.c-form-month .c-form-text__input::placeholder, .is-error.c-form-month .c-form-variant__select::placeholder, .is-error.c-form-month .c-form-text__month::placeholder, .c-form-text.is-error .c-form-text__ghost::placeholder, .is-error.c-form-text--calendar .c-form-text__ghost::placeholder, .is-error.c-form-month .c-form-text__ghost::placeholder, .c-form-text.is-error .c-form-select__input::placeholder, .is-error.c-form-text--calendar .c-form-select__input::placeholder, .is-error.c-form-month .c-form-select__input::placeholder, .is-error.c-form-text--search .c-form-text__input::placeholder, .is-error.c-form-text--search .c-form-variant__select::placeholder, .is-error.c-form-text--search .c-form-text__month::placeholder, .is-error.c-form-text--search .c-form-text__ghost::placeholder, .is-error.c-form-text--search .c-form-select__input::placeholder, .is-error.c-form-select .c-form-text__input::placeholder, .is-error.c-form-variant .c-form-text__input::placeholder, .is-error.c-form-select .c-form-variant__select::placeholder, .is-error.c-form-variant .c-form-variant__select::placeholder, .is-error.c-form-select .c-form-text__month::placeholder, .is-error.c-form-variant .c-form-text__month::placeholder, .is-error.c-form-select .c-form-text__ghost::placeholder, .is-error.c-form-variant .c-form-text__ghost::placeholder, .is-error.c-form-select .c-form-select__input::placeholder, .is-error.c-form-variant .c-form-select__input::placeholder {
  color: #FF4444;
}
.c-form-text.is-error .c-form-text__input:hover, .c-form-text.is-error .c-form-variant__select:hover, .is-error.c-form-text--calendar .c-form-text__input:hover, .is-error.c-form-text--calendar .c-form-variant__select:hover, .c-form-text.is-error .c-form-text__month:hover, .is-error.c-form-text--calendar .c-form-text__month:hover, .is-error.c-form-month .c-form-text__input:hover, .is-error.c-form-month .c-form-variant__select:hover, .is-error.c-form-month .c-form-text__month:hover, .c-form-text.is-error .c-form-text__ghost:hover, .is-error.c-form-text--calendar .c-form-text__ghost:hover, .is-error.c-form-month .c-form-text__ghost:hover, .c-form-text.is-error .c-form-select__input:hover, .is-error.c-form-text--calendar .c-form-select__input:hover, .is-error.c-form-month .c-form-select__input:hover, .is-error.c-form-text--search .c-form-text__input:hover, .is-error.c-form-text--search .c-form-variant__select:hover, .is-error.c-form-text--search .c-form-text__month:hover, .is-error.c-form-text--search .c-form-text__ghost:hover, .is-error.c-form-text--search .c-form-select__input:hover, .is-error.c-form-select .c-form-text__input:hover, .is-error.c-form-variant .c-form-text__input:hover, .is-error.c-form-select .c-form-variant__select:hover, .is-error.c-form-variant .c-form-variant__select:hover, .is-error.c-form-select .c-form-text__month:hover, .is-error.c-form-variant .c-form-text__month:hover, .is-error.c-form-select .c-form-text__ghost:hover, .is-error.c-form-variant .c-form-text__ghost:hover, .is-error.c-form-select .c-form-select__input:hover, .is-error.c-form-variant .c-form-select__input:hover {
  color: #f53e3e;
  background-color: #f9cbcb;
  border-color: #e60c0c;
}
.c-form-text.is-readonly .c-form-text__input, .c-form-text.is-readonly .c-form-variant__select, .is-readonly.c-form-text--calendar .c-form-text__input, .is-readonly.c-form-text--calendar .c-form-variant__select, .c-form-text.is-readonly .c-form-text__month, .is-readonly.c-form-text--calendar .c-form-text__month, .is-readonly.c-form-month .c-form-text__input, .is-readonly.c-form-month .c-form-variant__select, .is-readonly.c-form-month .c-form-text__month, .c-form-text.is-readonly .c-form-text__ghost, .is-readonly.c-form-text--calendar .c-form-text__ghost, .is-readonly.c-form-month .c-form-text__ghost, .c-form-text.is-readonly .c-form-select__input, .is-readonly.c-form-text--calendar .c-form-select__input, .is-readonly.c-form-month .c-form-select__input, .is-readonly.c-form-text--search .c-form-text__input, .is-readonly.c-form-text--search .c-form-variant__select, .is-readonly.c-form-text--search .c-form-text__month, .is-readonly.c-form-text--search .c-form-text__ghost, .is-readonly.c-form-text--search .c-form-select__input, .is-readonly.c-form-select .c-form-text__input, .is-readonly.c-form-variant .c-form-text__input, .is-readonly.c-form-select .c-form-variant__select, .is-readonly.c-form-variant .c-form-variant__select, .is-readonly.c-form-select .c-form-text__month, .is-readonly.c-form-variant .c-form-text__month, .is-readonly.c-form-select .c-form-text__ghost, .is-readonly.c-form-variant .c-form-text__ghost, .is-readonly.c-form-select .c-form-select__input, .is-readonly.c-form-variant .c-form-select__input, .c-form-text.is-disabled .c-form-text__input, .c-form-text.is-disabled .c-form-variant__select, .is-disabled.c-form-text--calendar .c-form-text__input, .is-disabled.c-form-text--calendar .c-form-variant__select, .c-form-text.is-disabled .c-form-text__month, .is-disabled.c-form-text--calendar .c-form-text__month, .is-disabled.c-form-month .c-form-text__input, .is-disabled.c-form-month .c-form-variant__select, .is-disabled.c-form-month .c-form-text__month, .c-form-text.is-disabled .c-form-text__ghost, .is-disabled.c-form-text--calendar .c-form-text__ghost, .is-disabled.c-form-month .c-form-text__ghost, .c-form-text.is-disabled .c-form-select__input, .is-disabled.c-form-text--calendar .c-form-select__input, .is-disabled.c-form-month .c-form-select__input, .is-disabled.c-form-text--search .c-form-text__input, .is-disabled.c-form-text--search .c-form-variant__select, .is-disabled.c-form-text--search .c-form-text__month, .is-disabled.c-form-text--search .c-form-text__ghost, .is-disabled.c-form-text--search .c-form-select__input, .is-disabled.c-form-select .c-form-text__input, .is-disabled.c-form-variant .c-form-text__input, .is-disabled.c-form-select .c-form-variant__select, .is-disabled.c-form-variant .c-form-variant__select, .is-disabled.c-form-select .c-form-text__month, .is-disabled.c-form-variant .c-form-text__month, .is-disabled.c-form-select .c-form-text__ghost, .is-disabled.c-form-variant .c-form-text__ghost, .is-disabled.c-form-select .c-form-select__input, .is-disabled.c-form-variant .c-form-select__input {
  color: #A9AAB2;
  background-color: #CBCDD6;
  border-color: #A9AAB2;
  pointer-events: none;
  touch-action: none;
}

.c-form-text--search .c-form-text__input, .c-form-text--search .c-form-variant__select, .c-form-text--search .c-form-text__month, .c-form-text--search .c-form-text__ghost, .c-form-text--search .c-form-select__input {
  padding-left: 40px;
}
.c-form-text--search .c-form-text__input::-webkit-search-cancel-button, .c-form-text--search .c-form-variant__select::-webkit-search-cancel-button, .c-form-text--search .c-form-text__month::-webkit-search-cancel-button, .c-form-text--search .c-form-text__ghost::-webkit-search-cancel-button, .c-form-text--search .c-form-select__input::-webkit-search-cancel-button {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 14px;
  min-width: 14px;
  height: 14px;
  background-color: #6F7075;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-mask-image: url("/img/icon/cancel.svg");
          mask-image: url("/img/icon/cancel.svg");
  -webkit-mask-size: 14px 14px;
          mask-size: 14px 14px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.c-form-text--search .c-icon {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translate(0%, -50%);
}

.c-form-text__label {
  padding-bottom: 4px;
  font-weight: 600;
  font-size: 1.2rem;
  color: #18181B;
}
.c-form-text__label.is-error {
  color: #ff0000;
}

.c-form-text__input, .c-form-variant__select, .c-form-text__month, .c-form-text__ghost, .c-form-select__input {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  overflow: hidden;
  font-size: 1.6rem;
  color: #18181B;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #fff;
  border: 1px solid #CBCDD6;
  border-radius: 4px;
}
.c-form-text__input:-ms-input-placeholder, .c-form-variant__select:-ms-input-placeholder, .c-form-text__month:-ms-input-placeholder, .c-form-text__ghost:-ms-input-placeholder, .c-form-select__input:-ms-input-placeholder {
  color: #A9AAB2;
}
.c-form-text__input::placeholder, .c-form-variant__select::placeholder, .c-form-text__month::placeholder, .c-form-text__ghost::placeholder, .c-form-select__input::placeholder {
  color: #A9AAB2;
}
.c-form-text__input:focus-visible, .c-form-variant__select:focus-visible, .c-form-text__month:focus-visible, .c-form-text__ghost:focus-visible, .c-form-select__input:focus-visible {
  border: 1px solid #FF6624;
  outline: 0;
}
.c-form-text__input:hover:focus-visible, .c-form-variant__select:hover:focus-visible, .c-form-text__month:hover:focus-visible, .c-form-text__ghost:hover:focus-visible, .c-form-select__input:hover:focus-visible {
  border-color: #f36021;
}

.c-form-text__error {
  padding-top: 8px;
  font-size: 1.2rem;
  color: #ff0000;
}

.c-form-select__input {
  padding: 0 40px 0 12px;
  cursor: pointer;
}

.c-form-text__ghost {
  pointer-events: none;
  touch-action: none;
}

@keyframes flash {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.c-form-text--count .c-form-text__input, .c-form-text--count .c-form-variant__select, .c-form-text--count .c-form-text__month, .c-form-text--count .c-form-select__input, .c-form-text--count .c-form-text__ghost {
  height: 24px;
  padding: 0;
  font-size: 1.4rem;
  text-align: center;
}
.c-form-text--count .c-form-text__input::-webkit-outer-spin-button, .c-form-text--count .c-form-variant__select::-webkit-outer-spin-button, .c-form-text--count .c-form-text__month::-webkit-outer-spin-button, .c-form-text--count .c-form-select__input::-webkit-outer-spin-button, .c-form-text--count .c-form-text__ghost::-webkit-outer-spin-button, .c-form-text--count .c-form-text__input::-webkit-inner-spin-button, .c-form-text--count .c-form-variant__select::-webkit-inner-spin-button, .c-form-text--count .c-form-text__month::-webkit-inner-spin-button, .c-form-text--count .c-form-select__input::-webkit-inner-spin-button, .c-form-text--count .c-form-text__ghost::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
.c-form-text--count .c-form-text__input:disabled, .c-form-text--count .c-form-variant__select:disabled, .c-form-text--count .c-form-text__month:disabled, .c-form-text--count .c-form-select__input:disabled, .c-form-text--count .c-form-text__ghost:disabled {
  background-color: #CBCDD6;
}
.c-form-text--count .c-form-text__input:read-only, .c-form-text--count .c-form-variant__select:read-only, .c-form-text--count .c-form-text__month:read-only, .c-form-text--count .c-form-select__input:read-only, .c-form-text--count .c-form-text__ghost:read-only {
  opacity: 0.4;
}
.c-form-text--count .c-form-text__input:read-only:focus-visible, .c-form-text--count .c-form-variant__select:read-only:focus-visible, .c-form-text--count .c-form-text__month:read-only:focus-visible, .c-form-text--count .c-form-select__input:read-only:focus-visible, .c-form-text--count .c-form-text__ghost:read-only:focus-visible {
  border: 1px solid #CBCDD6;
}

.c-form-month:first-of-type {
  margin-right: 8px;
}
.c-form-month:last-of-type {
  margin-left: 8px;
}

.c-form-text__month {
  width: 145px;
}

.c-form-text--calendar .c-icon {
  position: absolute;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translate(0%, -50%);
}
.c-form-text--calendar .c-form-text__input, .c-form-text--calendar .c-form-variant__select, .c-form-text--calendar .c-form-select__input, .c-form-text--calendar .c-form-text__ghost, .c-form-text--calendar .c-form-text__month {
  padding: 0 32px 0 12px;
}

.c-form-select--clear, .c-form-select--language, .c-form-select, .c-form-variant {
  position: relative;
}
.c-form-select--clear::after, .c-form-select--language::after, .c-form-select::after, .c-form-variant::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 17px;
  display: block;
  width: 13px;
  min-width: 13px;
  height: 8px;
  background-color: #A9AAB2;
  transform: translate(0%, -50%);
  -webkit-mask-image: url("/img/icon/arrow-more.svg");
          mask-image: url("/img/icon/arrow-more.svg");
  -webkit-mask-size: 13px 8px;
          mask-size: 13px 8px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.c-form-select--clear:focus-within::after, .c-form-select--language:focus-within::after, .c-form-select:focus-within::after, .c-form-variant:focus-within::after {
  background-color: #FF6624;
}
.is-error.c-form-select--clear::after, .is-error.c-form-select--language::after, .is-error.c-form-select::after, .is-error.c-form-variant::after {
  background-color: #ff0000;
}

.c-form-select__clear {
  position: relative;
  right: 5px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  font-size: 0;
  text-indent: -100%;
  transform: rotate(45deg);
  transform-origin: center center;
}
.c-form-select__clear::before, .c-form-select__clear::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 20px;
  height: 2px;
  margin: auto;
  background-color: #A9AAB2;
}
.c-form-select__clear::after {
  transform: rotate(90deg);
  transform-origin: center center;
}

.c-form-select--language .c-form-select__input {
  padding: 0 38px;
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS4zODQuODMzQzQuMjE5LjgzMy4wMzcgNC45NC4wMzcgMTBzNC4xODIgOS4xNjcgOS4zNDcgOS4xNjdjNS4xNzQgMCA5LjM2NS00LjEwNyA5LjM2NS05LjE2N1MxNC41NTguODMzIDkuMzg0LjgzM3ptNi40ODMgNS41aC0yLjc2YTE0LjE3IDE0LjE3IDAgMDAtMS4yOS0zLjI2MyA3LjQ4IDcuNDggMCAwMTQuMDUgMy4yNjN6bS02LjQ3NC0zLjYzYTEyLjgyIDEyLjgyIDAgMDExLjc4NyAzLjYzSDcuNjA2Yy40MDItMS4zMSAxLjAxLTIuNTMgMS43ODctMy42M3ptLTcuMjQyIDkuMTNBNy40MTIgNy40MTIgMCAwMTEuOTA4IDEwYzAtLjYzMy4wOTMtMS4yNDcuMjQzLTEuODMzaDMuMTYzYy0uMDc1LjYwNS0uMTMxIDEuMjEtLjEzMSAxLjgzM3MuMDU2IDEuMjI4LjEzIDEuODMzSDIuMTUyem0uNzY3IDEuODM0aDIuNzZjLjMgMS4xNDUuNzMgMi4yNDUgMS4yOTIgMy4yNjNhNy40NCA3LjQ0IDAgMDEtNC4wNTItMy4yNjN6bTIuNzYtNy4zMzRoLTIuNzZBNy40NCA3LjQ0IDAgMDE2Ljk3IDMuMDdhMTQuMTcyIDE0LjE3MiAwIDAwLTEuMjkyIDMuMjYzem0zLjcxNSAxMC45NjRhMTIuODA0IDEyLjgwNCAwIDAxLTEuNzg3LTMuNjNoMy41NzRhMTIuODA0IDEyLjgwNCAwIDAxLTEuNzg3IDMuNjN6bTIuMTktNS40NjRoLTQuMzhBMTMuMjIgMTMuMjIgMCAwMTcuMDU0IDEwYzAtLjYyMy4wNjYtMS4yMzguMTUtMS44MzNoNC4zOGMuMDgzLjU5NS4xNDkgMS4yMS4xNDkgMS44MzNzLS4wNjYgMS4yMjgtLjE1IDEuODMzem0uMjMzIDUuMDk3YTE0LjE3IDE0LjE3IDAgMDAxLjI5MS0zLjI2M2gyLjc2YTcuNDggNy40OCAwIDAxLTQuMDUgMy4yNjN6bTEuNjU2LTUuMDk3Yy4wNzUtLjYwNS4xMzEtMS4yMS4xMzEtMS44MzNzLS4wNTYtMS4yMjgtLjEzLTEuODMzaDMuMTYyYy4xNS41ODYuMjQzIDEuMi4yNDMgMS44MzNhNy40NCA3LjQ0IDAgMDEtLjI0MyAxLjgzM2gtMy4xNjN6IiBmaWxsPSIjQTlBQUIyIi8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 19px 19px;
}

.c-form-select--clear {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-form-select--clear .c-form-select__input {
  width: calc(100% - 40px);
}
.c-form-select--clear::after {
  right: 57px;
}

.c-form-variant__select {
  padding: 0 32px 0 12px;
}

.c-form-variant__button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.c-form-variant__choices {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition-duration: 0.3s;
  pointer-events: none;
}
.c-form-variant__choices.is-show {
  pointer-events: auto;
}
@media screen and (min-width: 960px) {
  .c-form-variant__choices {
    justify-content: center;
    align-items: center;
  }
}

.c-form-variant__choices__wrapper {
  position: relative;
  z-index: 2;
  width: 100%;
  max-height: 100vh;
  background-color: #fff;
}
@media screen and (min-width: 960px) {
  .c-form-variant__choices__wrapper {
    width: auto;
    width: 600px;
    min-width: 340px;
    height: auto;
    max-height: 780px;
    padding-bottom: 0;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.97);
    border-radius: 6px;
    border-radius: 8px;
  }
}

.c-form-variant__choices__header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 46px;
}
.c-form-variant__choices__header .c-button {
  position: absolute;
  top: 16px;
  left: 13px;
  width: auto !important;
}

.c-form-variant__choices__title {
  padding: 8px 32px;
  font-size: 1.4rem;
}

.c-form-variant__choices__list {
  max-height: calc(66.6666666667vh - 46px);
  overflow-y: auto;
}
@media screen and (min-width: 960px) {
  .c-form-variant__choices__list {
    max-height: 734px;
  }
}
@media screen and (min-width: 960px) and (max-height: 812px) {
  .c-form-variant__choices__list {
    max-height: calc(100vh - 78px);
  }
}

.c-form-variant__choices__close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.c-form-variant__choices__item {
  display: flex;
  align-items: center;
  height: 92px;
  padding: 0 16px;
  cursor: pointer;
}
.c-form-variant__choices__item:hover {
  color: #FF6624;
  background-color: #FFE9DB;
}

.c-form-variant__choices__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 4px;
}
.c-form-variant__choices__image img {
  width: 100%;
  height: auto;
  object-fit: scale-down;
}

.c-form-variant__choices__text {
  flex: 1 1;
  padding-left: 16px;
}

.c-form-variant__choices__name {
  display: -webkit-box;
  overflow: hidden;
  font-weight: 600;
  font-size: 1.4rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.c-form-variant__choices__status {
  padding-top: 8px;
  font-size: 1.2rem;
  color: #A9AAB2;
}

.c-form-reset {
  width: 100%;
}

.c-form-reset__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.2rem;
}
.c-form-reset__item:nth-child(n+2) {
  padding-top: 18px;
}
@media screen and (min-width: 960px) {
  .c-form-reset__item {
    font-size: 1.4rem;
  }
}
.c-form-reset__item .c-button--icon {
  min-width: 14px;
}
.c-form-reset__item .c-button--icon:hover .c-icon--cancel {
  background-color: #6F7075;
}

.c-radio, .c-radio--with_edit_btn, .c-radio--wrap {
  position: relative;
}
.c-radio.is-disabled .c-radio__body, .is-disabled.c-radio--with_edit_btn .c-radio__body, .is-disabled.c-radio--wrap .c-radio__body {
  cursor: default;
}
.c-radio.is-disabled .c-radio__icon, .is-disabled.c-radio--with_edit_btn .c-radio__icon, .is-disabled.c-radio--wrap .c-radio__icon {
  background-color: #A9AAB2;
  border-color: #CBCDD6;
  pointer-events: none;
  touch-action: none;
}
.c-radio.is-disabled .c-radio__icon:after, .is-disabled.c-radio--with_edit_btn .c-radio__icon:after, .is-disabled.c-radio--wrap .c-radio__icon:after {
  display: none;
}
.c-radio:not(.is-disabled) .c-radio__body:hover .c-radio__icon, .c-radio--with_edit_btn:not(.is-disabled) .c-radio__body:hover .c-radio__icon, .c-radio--wrap:not(.is-disabled) .c-radio__body:hover .c-radio__icon {
  background-color: #F2F2F3;
  border-color: #A9AAB2;
}
.c-radio.is-top .c-radio__icon, .is-top.c-radio--with_edit_btn .c-radio__icon, .is-top.c-radio--wrap .c-radio__icon {
  left: 0;
}
.c-radio.is-center .c-radio__icon, .is-center.c-radio--with_edit_btn .c-radio__icon, .is-center.c-radio--wrap .c-radio__icon {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
}

.c-radio__wrapper {
  position: relative;
}

.c-radio__label {
  padding-bottom: 8px;
  padding-left: 40px;
}

.c-radio__body {
  display: flex;
  padding-left: 40px;
  font-size: 1.4rem;
  color: #18181B;
}
@media screen and (min-width: 960px) {
  .c-radio__body {
    font-size: 1.6rem;
  }
}

.c-radio--pl-0 .c-radio__label {
  padding-left: 0px;
}
.c-radio--pl-0 .c-radio__body {
  padding-left: 0px;
}

.c-radio__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
}
.c-radio__input:checked ~ .c-radio__warapper .c-radio__body .c-radio__icon {
  border-color: #FF6624;
}
.c-radio__input:checked ~ .c-radio__warapper .c-radio__body .c-radio__icon::after {
  background-color: #FF6624;
}
.c-radio__input:checked ~ .c-radio__warapper .c-radio__body:hover .c-radio__icon {
  background-color: #f2f2f2;
  border-color: #f36021;
}
.c-radio__input:checked ~ .c-radio__warapper .c-radio__body:hover .c-radio__icon::after {
  background-color: #f36021;
}
.c-radio__input:checked ~ .b-form-radio__submit {
  display: block;
}
.c-radio__input ~ .b-form-radio__submit {
  display: none;
}

.c-radio__icon {
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  background-color: #fff;
  border: 1px solid #A9AAB2;
  border-radius: 50%;
}
.c-radio__icon::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 50%;
}

.c-radio__text-block {
  display: block;
}

.c-radio__strong {
  display: block;
}
.c-radio__strong + .c-radio__text {
  margin-top: 8px;
}
.c-radio__strong + .c-radio__note {
  margin-top: 8px;
}

.c-radio__text {
  display: block;
  line-height: 1.5;
  word-break: break-all;
  overflow-wrap: break-word;
}
.c-radio__text .c-label {
  margin-bottom: 8px;
}

.c-radio__note {
  display: block;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media screen and (min-width: 960px) {
  .c-radio__note {
    font-size: 1.6rem;
  }
}

.c-radio__image {
  display: flex;
  align-items: center;
  margin-right: 16px;
}

.c-radio__warapper.is-relative {
  position: relative;
}

@media screen and (min-width: 960px) {
  .c-radio--with_edit_btn, .c-radio--wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
}
.c-radio--with_edit_btn .c-radio__input:checked ~ .b-form-radio__btn-group .b-form-radio__submit, .c-radio--wrap .c-radio__input:checked ~ .b-form-radio__btn-group .b-form-radio__submit {
  position: static;
  display: block;
  transform: none;
}
@media screen and (min-width: 960px) {
  .c-radio--with_edit_btn .c-radio__input ~ .b-form-radio__btn-group, .c-radio--wrap .c-radio__input ~ .b-form-radio__btn-group {
    display: flex;
    flex-shrink: 0;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
    min-width: 162px;
    max-width: 320px;
    margin-left: 24px;
  }
}
.c-radio--with_edit_btn .c-radio__input ~ .b-form-radio__btn-group .b-form-radio__submit, .c-radio--wrap .c-radio__input ~ .b-form-radio__btn-group .b-form-radio__submit {
  display: none;
}
.c-radio--with_edit_btn .c-radio__input ~ .b-form-radio__btn-group .b-form-radio__edit__button, .c-radio--wrap .c-radio__input ~ .b-form-radio__btn-group .b-form-radio__edit__button {
  margin-top: 16px;
  margin-right: 0;
  margin-left: auto;
}

.c-radio--wrap .b-form-radio__edit__button {
  width: -moz-fit-content;
  width: fit-content;
}

.c-gauge {
  position: relative;
  width: 240px;
  height: 3px;
  margin-top: 16px;
  background-color: #CBCDD6;
  border-radius: 5px;
}
.c-gauge::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0px;
  height: 3px;
  background-color: #0175E1;
}
.c-gauge.low::after {
  width: 25%;
  background-color: #FF4444;
}
.c-gauge.mid::after {
  width: 50%;
  background-color: #F5A200;
}
.c-gauge.high::after {
  width: 83%;
  background-color: #0175E1;
}

.c-gauge__remarks {
  padding-top: 10px;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #6F7075;
}
@media screen and (min-width: 960px) {
  .c-gauge__remarks {
    padding-top: 16px;
  }
}

.c-global-footer {
  padding: 33px 24px 28px;
  border-top: 1px solid #fff;
}
@media screen and (min-width: 960px) {
  .c-global-footer {
    padding: 26px 33px;
  }
}

@media screen and (min-width: 960px) {
  .c-global-footer__top, .c-global-footer__top--sns-only {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (min-width: 960px) {
  .c-global-footer__top--sns-only {
    justify-content: center;
  }
}

@media screen and (min-width: 960px) {
  .c-global-footer__section2 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 445px;
  }
}

.c-global-footer__sns {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-2x) 0;
}

.c-global-footer__sns__item:nth-child(n+2), .c-global-footer__sns__item--2:nth-child(n+2) {
  margin-left: var(--spacing-2x);
}

@media screen and (min-width: 960px) {
  .c-global-footer__top--sns-only .c-global-footer__sns__item:nth-child(n+2), .c-global-footer__top--sns-only .c-global-footer__sns__item--2:nth-child(n+2) {
    margin-left: 32px;
  }
}

@media screen and (min-width: 960px) {
  .c-global-footer__sns__item--2 .c-global-footer__sns__link img {
    width: 24px;
    height: auto;
  }
}


.c-global-footer__buttons {
  display: flex;
  justify-content: center;
  padding-top: 26px;
}
@media screen and (min-width: 960px) {
  .c-global-footer__buttons {
    padding-top: 24px;
  }
}
.c-global-footer__buttons .c-button:hover .c-icon {
  background-color: #a0a1a9;
}
.c-global-footer__buttons .c-button:hover {
  color: #17171a;
  background-color: #e5e5e7;
}

.c-global-footer__buttons__item {
  width: 160px;
}
@media screen and (min-width: 960px) {
  .c-global-footer__buttons__item {
    width: 196px;
  }
}
.c-global-footer__buttons__item:nth-child(even) {
  margin-left: 9px;
}
@media screen and (min-width: 960px) {
  .c-global-footer__buttons__item:nth-child(even) {
    margin-left: 11px;
  }
}
.c-global-footer__buttons__item .c-button {
  width: 100%;
}
.c-global-footer__buttons__item .c-button--transparent .c-button__body {
  padding: 0 6px;
}
@media screen and (min-width: 960px) {
  .c-global-footer__buttons__item .c-button--transparent .c-button__body {
    padding: 0 10px;
  }
}

@media screen and (min-width: 960px) {
  .c-global-footer__utility {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: -16px;
  }
}

.c-global-footer__utility__item {
  padding-top: 16px;
  padding-bottom: var(--spacing-2x);
  border-top: var(--base-border);
}
@media screen and (min-width: 960px) {
  .c-global-footer__utility__item:nth-child(n+2) {
    margin-left: 16px;
    padding-top: 0;
    padding-bottom: 16px;
  }
}

.c-global-footer__utility__link {
  display: inline-flex;
  align-items: center;
  font-size: var(--font-size9);
  line-height: var(--font-size6);
  font-weight: 300;
  color: var(--font-black);
  transition-duration: 0.3s;
}
.c-global-footer__utility__link[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-left: 8px;
  background-color: var(--font-gray);
  -webkit-mask-image: url("/img/icon/blank.svg");
          mask-image: url("/img/icon/blank.svg");
  -webkit-mask-size: 15px 15px;
          mask-size: 15px 15px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.c-global-footer__utility__link:hover {
  color: var(--font-gray);
}

.c-global-footer__logo {
  padding-top: 26px;
  text-align: center;
}

.c-global-header {
  position: relative;
  overflow-x: clip;
  background-color: #fff;
  box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.1);
}

.c-global-header__top, .c-global-header__top--after-login, .c-global-header__top--logo-only, .c-global-header__top--logo-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 52px;
  padding: 0 24px;
}
@media screen and (min-width: 960px) {
  .c-global-header__top, .c-global-header__top--after-login, .c-global-header__top--logo-only, .c-global-header__top--logo-center {
    height: 72px;
    padding: 0 32px;
  }
}

.c-global-header__top--logo-only, .c-global-header__top--logo-center {
  justify-content: center;
  height: 64px;
}
@media screen and (min-width: 960px) {
  .c-global-header__top--logo-only, .c-global-header__top--logo-center {
    justify-content: space-between;
    height: 72px;
  }
}
.c-global-header__top--logo-only .c-global-header__logo, .c-global-header__top--logo-center .c-global-header__logo {
  width: 122px;
  height: 35px;
}
.c-global-header__top--logo-only .c-global-header__logo img, .c-global-header__top--logo-center .c-global-header__logo img {
  width: 100%;
  height: 100%;
}

.c-global-header__top--logo-center {
  justify-content: center;
}

@media screen and (min-width: 960px) {
  .c-global-header__logo {
    width: 142px;
    padding: 2px;
  }
  .c-global-header__logo img {
    width: 100%;
    height: 100%;
  }
}

.c-global-header__ui__list {
  display: flex;
  align-items: center;
}

.c-global-header__ui__item {
  position: relative;
  transition-duration: 0.3s;
}
.c-global-header__ui__item:nth-child(n+2) {
  margin-left: var(--spacing-2x);
}
@media screen and (max-width: 500px) {
  .c-global-header__ui__item:nth-child(n+2) {
    margin-left: 12px;
  }
}
@media screen and (min-width: 960px) {
  .c-global-header__ui__item:nth-child(n+2) {
    margin-left: 16px;
  }
}
@media screen and (min-width: 1340px) {
  .c-global-header__ui__item:nth-child(n+2) {
    margin-left: 32px;
  }
}
.c-global-header__ui__item.c-global-header__ui__item--lang:nth-child(n+2) {
  margin-left: var(--spacing-3x);
}
@media screen and (max-width: 500px) {
  .c-global-header__ui__item.c-global-header__ui__item--lang:nth-child(n+2) {
    margin-left: 12px;
  }
}
@media screen and (min-width: 960px) {
  .c-global-header__ui__item.c-global-header__ui__item--lang:nth-child(n+2) {
    display: flex;
    align-items: center;
    margin-left: 16px;
  }
}
@media screen and (min-width: 1340px) {
  .c-global-header__ui__item.c-global-header__ui__item--lang:nth-child(n+2) {
    margin-left: var(--spacing-5x);
  }
}
.c-global-header__ui__item.c-global-header__ui__item--navi:last-child {
  margin-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 500px) {
  .c-global-header__ui__item.c-global-header__ui__item--navi:last-child {
    margin-left: var(--spacing-3x);
  }
}
@media screen and (min-width: 960px) {
  .c-global-header__ui__item.is-current {
    background-color: #f2f2f2;
  }
}
.c-global-header__ui__item.is-alart .c-global-header__ui__link::before {
  content: "";
  position: absolute;
  top: -6px;
  right: -8px;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #0175E1;
  border-radius: 50%;
}
@media screen and (min-width: 960px) {
  .c-global-header__ui__item.is-alart .c-global-header__ui__link::before {
    top: 20px;
    right: 0px;
  }
}
@media screen and (min-width: 960px) {
  .c-global-header__ui__item {
    height: 72px;
  }
}

.c-global-header__ui__link {
  overflow: hidden;
}
@media screen and (min-width: 960px) {
  .c-global-header__ui__link {
    display: inline-flex;
    align-items: center;
    height: 100%;
    font-weight: 700;
    font-size: var(--font-size8);
    color: var(--font-gray);
    text-indent: 0;
    transition-duration: 0.3s;
  }
  .c-global-header__ui__link:hover .c-icon {
    background-color: #a0a1a9;
  }
  .c-global-header__ui__link .c-icon {
    margin-right: 2px;
    transition-duration: 0.3s;
  }
}
.c-global-header__ui__link .c-icon {
  transition-duration: 0.3s;
}
.c-global-header__ui__link .c-icon--cart {
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin: 0;
  mask-size: 20px 20px;
}
.c-global-header__ui__link:hover {
  color: var(--gsc-primary);
}
.c-global-header__ui__link:hover .c-icon {
  background-color: var(--gsc-primary);
}
@media screen and (min-width: 960px) {
  .c-global-header__ui__link:hover::after {
    height: 4px;
  }
}
.c-global-header__ui__link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  background-color: var(--gsc-primary);
  transition-duration: 0.3s;
}

.c-global-header__ui__link__text {
  display: none;
  color: inherit;
}
@media screen and (min-width: 960px) {
  .c-global-header__ui__link__text {
    display: block;
  }
}

.c-global-header__bottom {
  padding: 0 8px;
}
@media screen and (min-width: 1184px) {
  .c-global-header__bottom {
    position: absolute;
    top: 0;
    left: 180px;
    height: auto;
    padding: 0;
  }
}
@media screen and (min-width: 1340px) {
  .c-global-header__bottom {
    left: 204px;
  }
}

.c-global-header__navication__list {
  display: flex;
}

.c-global-header__navication__item {
  width: 25%;
}
@media screen and (min-width: 960px) {
  .c-global-header__navication__item {
    width: auto;
    min-width: 94px;
    height: 72px;
  }
}
.c-global-header__navication__item.is-current .c-global-header__navication__link {
  background-color: #f2f2f2;
}
.c-global-header__navication__item.is-active .c-global-header__navication__link {
  color: var(--gsc-primary);
}
.c-global-header__navication__item.is-active .c-global-header__navication__link::after {
  height: 4px;
}
.c-global-header__navication__item .c-global-header__navication__link:hover {
  color: var(--gsc-primary);
}

.c-global-header__navication__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--font-gray);
  cursor: pointer;
  transition-duration: 0.3s;
  font-feature-settings: "palt";
}
@media screen and (min-width: 960px) {
  .c-global-header__navication__link {
    width: 100%;
    height: 100%;
    color: #18181B;
  }
}
.c-global-header__navication__link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  background-color: var(--gsc-primary);
  transition-duration: 0.3s;
}

.c-global-header__top--after-login .c-global-header__ui__list {
  align-items: initial;
}
.c-global-header__top--after-login .c-global-header__ui__list .c-icon--user {
  width: 17px;
  height: 17px;
  -webkit-mask-size: 17px 17px;
}

.js-megamenu-main {
  position: absolute;
  display: block;
  width: 100vw;
  height: 0px;
  background-color: #fff;
}
.js-megamenu-main .js-megamenu-content {
  display: none;
}

.js-megamenu__bg {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
  pointer-events: none;
}
.js-megamenu__bg.is-active {
  opacity: 1;
  pointer-events: auto;
}
.js-megamenu__bg.is-fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100vh;
}

.c-global-header__navication__megamenu {
  left: 0;
  z-index: 120;
  overflow: hidden;
}

@media screen and (min-width: 1184px) {
  .c-global-header__navication__item {
    padding-left: 8px;
  }
  .c-global-header__navication__megamenu {
    top: 72px;
    left: -180px;
  }
}
@media screen and (min-width: 1340px) {
  .c-global-header__navication__item {
    padding-left: 0px;
  }
  .c-global-header__navication__megamenu {
    left: -204px;
  }
}
.c-global-header__navication__megamenu .c-global-header__navication__megamenu__content {
  padding: 24px;
}
@media screen and (min-width: 1184px) {
  .c-global-header__navication__megamenu .c-global-header__navication__megamenu__content {
    width: 100%;
    max-width: 776px;
    margin: 0 auto;
    padding: 32px 0;
  }
}
@media screen and (min-width: 1280px) {
  .c-global-header__navication__megamenu .c-global-header__navication__megamenu__content {
    max-width: 1920px;
  }
}
.c-global-header__navication__megamenu .c-global-header__navication__megamenu__content#menu-03 .c-megamenu--categories-series__items {
  width: 100%;
}

.c-global-header__megamenu__bg {
  left: 0px;
  z-index: 110;
}
@media screen and (min-width: 1184px) {
  .c-global-header__megamenu__bg {
    top: 72px;
    left: -180px;
  }
}
@media screen and (min-width: 1340px) {
  .c-global-header__megamenu__bg {
    left: -204px;
  }
}

.c-button--more {
  position: relative;
  display: block;
  background-color: #F2F2F3;
  border-radius: 4px;
  transition-duration: 0.3s;
}
.c-button--more:hover {
  background-color: #e5e5e7;
}
.c-button--more .c-button--more__text {
  position: absolute;
  top: 70%;
  left: 0;
  display: block;
  width: 100%;
  font-weight: 600;
  font-size: 1rem;
  text-align: center;
  color: #18181B;
}
@media screen and (min-width: 640px) {
  .c-button--more .c-button--more__text {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 960px) {
  .c-button--more .c-button--more__text {
    font-size: 1.2rem;
  }
}

/* hamburger */
.c-hamburger-navigation {
  position: relative;
  display: none;
  align-items: center;
  height: 100%;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  .c-hamburger-navigation {
    display: flex;
  }
}

.c-hamburger-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}
.c-hamburger-button .c-icon {
  transition-duration: 0.3s;
}
.c-hamburger-button:hover .c-icon {
  background-color: var(--gsc-primary);
}

.js-hamburger-navigation.is-open .c-hamburger-button .c-icon {
  background-color: var(--gsc-primary);
}

.c-hamburger-navigation-list {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 121;
  display: block;
  min-width: 168px;
  max-width: 240px;
  max-height: 0;
  margin-top: var(--spacing-2x);
  padding: 0 12px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1490196078);
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.2s ease;
}

.c-hamburger-navigation.is-open .c-hamburger-navigation-list {
  max-height: 120px;
  opacity: 1;
}

.c-hamburger-navigation__item {
  font-size: var(--font-size8);
  line-height: var(--font-size8);
  transition-duration: 0.3s;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.c-global-header__navigation-text {
  font-weight: 600;
  font-size: var(--font-size12);
  font-size: 16px;
  color: var(--font-gray);
  font-feature-settings: "palt";
}

.c-hamburger-navigation__item a {
  display: flex;
  align-items: center;
  padding: 12px 0px;
  column-gap: 6px;
}
.c-hamburger-navigation__item a .c-icon, .c-hamburger-navigation__item a .c-global-header__navigation-text {
  transition-duration: 0.3s;
}
.c-hamburger-navigation__item a .c-icon.c-icon--face, .c-hamburger-navigation__item a .c-icon.c-icon--user {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin: 0;
  mask-size: 24px 24px;
}
.c-hamburger-navigation__item a:hover {
  color: var(--gsc-primary);
}
.c-hamburger-navigation__item a:hover .c-icon {
  background-color: var(--gsc-primary);
}
.c-hamburger-navigation__item a:hover .c-global-header__navigation-text {
  color: var(--gsc-primary);
}

.c-header-product-list {
  padding: 24px;
}
@media screen and (min-width: 960px) {
  .c-header-product-list {
    padding: 56px 0px 24px;
  }
}
.c-header-product-list .b-search__candidates {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}

@media screen and (min-width: 960px) {
  .c-header-product-list--logo-none {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 960px) {
  .c-header-product-list--logo-none .c-header-product-list__filter {
    padding-top: 0;
  }
}

.c-header-product-list__logo {
  text-align: center;
}

.c-header-product-list__text {
  padding-top: 16px;
}

.c-header-product-list__search + .c-header-product-list__filter {
  padding-top: 16px;
}

.c-header-product-list__results {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .c-header-product-list__results {
    display: none;
  }
}

.c-header-product-list__filter {
  min-height: 64px;
  padding-top: 24px;
  overflow: hidden;
}

.c-header-product-list__filter__button {
  float: right;
  max-width: calc(50% - 8px);
  margin-top: 10px;
}
@media screen and (min-width: 960px) {
  .c-header-product-list__filter__button {
    display: none;
    margin-left: 0px;
  }
}
.c-header-product-list__filter__button .c-button__body {
  align-items: flex-start;
  text-align: left;
}
.c-header-product-list__filter__button .c-icon--filter {
  min-width: 20px;
  margin-top: 4px;
  margin-right: 4px;
}

.c-header-product__number {
  padding-top: 16px;
  font-size: 1.4rem;
  text-align: right;
  color: #6F7075;
}
@media screen and (min-width: 960px) {
  .c-header-product__number {
    position: absolute;
    top: 24px;
    right: 0;
  }
}

.c-header-product-list__filter__select {
  display: inline-block;
  max-width: 50%;
}
.c-header-product-list__filter__select:nth-child(n+2) {
  max-width: calc(50% - 8px);
  margin-left: 8px;
}

@media screen and (min-width: 960px) {
  .c-header-product-list__container {
    position: relative;
  }
}

.c-megamenu__title {
  padding-bottom: 8px;
}
@media screen and (min-width: 960px) {
  .c-megamenu__title {
    padding-bottom: 16px;
  }
}

.c-megamenu--topics__tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.c-megamenu--topics__tag {
  margin-right: 16px;
  margin-bottom: 16px;
}
.c-megamenu--topics__tag .c-link {
  font-feature-settings: normal;
}
@media screen and (min-width: 960px) {
  .c-megamenu--topics__tag {
    margin-bottom: 8px;
  }
}
.c-megamenu--topics__tag__name {
  font-weight: 600;
}

.c-megamenu__section:nth-child(n+2) {
  padding-top: 24px;
}

.c-megamenu--topics__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.c-megamenu--topics__item {
  width: calc(25% - 3px);
  height: auto;
  margin-right: 4px;
  margin-bottom: 4px;
}
.c-megamenu--topics__item:nth-child(4n) {
  margin-right: 0;
}
.c-megamenu--topics__item .c-image {
  position: relative;
  display: block;
  width: 100%;
}
.c-megamenu--topics__item .c-image::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.c-megamenu--topics__item .c-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: cover;
  object-position: top center;
}
.c-megamenu--topics__item .c-image.is-noimage img {
  top: 50%;
  left: 50%;
  width: 80%;
  width: 80%;
  max-width: 148px;
  object-fit: contain;
  object-position: center;
}
@media screen and (min-width: 640px) {
  .c-megamenu--topics__item {
    width: calc(12.5% - 3.5px);
  }
  .c-megamenu--topics__item:nth-child(4n) {
    margin-right: 4px;
  }
  .c-megamenu--topics__item:nth-child(8n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  .c-megamenu--topics__item {
    width: 83px;
    margin-right: 16px;
    margin-bottom: 0px;
  }
  .c-megamenu--topics__item:nth-child(4n) {
    margin-right: 16px;
  }
  .c-megamenu--topics__item:last-child {
    margin-right: 0;
  }
}

.c-megamenu__bottom {
  margin-top: 24px;
  text-align: center;
}

.c-megamenu__close {
  display: flex;
  align-items: center;
  height: 32px;
  margin: 0 auto;
}
.c-megamenu__close span {
  margin-left: 12px;
  font-size: 12px;
}

.c-megamenu--categories {
  text-align: center;
}

.c-megamenu--categories-series__items {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .c-megamenu--categories-series__items {
    display: flex;
    justify-content: center;
  }
}

.c-megamenu--categories-series__item:nth-child(n+2) {
  padding-top: var(--spacing-2x);
}
@media screen and (min-width: 960px) {
  .c-megamenu--categories-series__item:nth-child(n+2) {
    padding-top: 0;
    padding-left: 40px;
  }
}

.c-megamenu--categories__button {
  margin: 8px auto 0;
  text-align: center;
}
.c-megamenu--categories__button .c-button {
  display: inline-block;
  width: auto;
  min-width: 200px;
}

.c-megamenu__head__btn {
  display: inline-block;
  width: auto;
  min-width: 160px;
  margin: 0 0 0 auto;
}
.c-megamenu__head__btn .c-button__body {
  padding: 8px 12px;
}
.c-megamenu__head__btn .c-icon {
  margin-right: 0;
}

.c-megamenu--nendroids .c-megamenu__head {
  text-align: right;
}

.c-megamenu--information .c-megamenu__head {
  display: flex;
  justify-content: space-between;
}
.c-megamenu--information .c-megamenu__link-card {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: calc(50% - 8px);
  padding: 12px 8px;
  background-color: #F2F2F3;
  border-radius: 8px;
  transition-duration: 0.3s;
}
@media screen and (min-width: 960px) {
  .c-megamenu--information .c-megamenu__link-card {
    flex-flow: row;
  }
}
.c-megamenu--information .c-megamenu__link-card:hover {
  background-color: #e5e5e7;
}
.c-megamenu--information .c-megamenu__link-card .c-image {
  width: 30px;
  min-width: 30px;
  margin-bottom: 8px;
}
@media screen and (min-width: 960px) {
  .c-megamenu--information .c-megamenu__link-card .c-image {
    margin-right: 8px;
    margin-bottom: 0px;
  }
}
.c-megamenu--information .c-megamenu__link-card img {
  width: 100%;
  height: auto;
}
.c-megamenu--information .c-megamenu__link-card__text {
  font-weight: 600;
  font-size: 1rem;
  color: #18181B;
}
@media screen and (min-width: 960px) {
  .c-megamenu--information .c-megamenu__link-card__text {
    font-size: 1.2rem;
  }
}
.c-megamenu--information .c-megamenu__section:nth-child(n+2) {
  padding-top: 48px;
}
@media screen and (min-width: 960px) {
  .c-megamenu--information .c-megamenu__section:nth-child(n+2) {
    padding-top: 40px;
  }
}
.c-megamenu--information .c-megamenu__section__wrapper {
  display: flex;
  flex-flow: column;
}
@media screen and (min-width: 960px) {
  .c-megamenu--information .c-megamenu__section__wrapper {
    flex-flow: row;
    justify-content: space-between;
  }
}
@media screen and (min-width: 960px) {
  .c-megamenu--information .c-megamenu__section__wrapper li.c-megamenu__section__sub {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    width: calc(50% - 8px);
    padding-bottom: 9px;
  }
}
.c-megamenu--information .c-megamenu__section__wrapper li.c-megamenu__section__sub:nth-child(n+2) {
  padding-top: 48px;
}
@media screen and (min-width: 960px) {
  .c-megamenu--information .c-megamenu__section__wrapper li.c-megamenu__section__sub:nth-child(n+2) {
    padding-top: 0;
  }
}
.c-megamenu--information .c-megamenu__section__wrapper li.c-megamenu__section__sub .c-title--underline {
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .c-megamenu--information .c-megamenu__section__wrapper li.c-megamenu__section__sub .c-title--underline {
    font-size: 1.6rem;
  }
}
.c-megamenu--information ul.c-megamenu__articles li.c-megamenu__article {
  padding: 16px 0px;
}
.c-megamenu--information ul.c-megamenu__articles li.c-megamenu__article:nth-child(n+2) {
  border-top: 1px solid #CBCDD6;
}

.c-icon--map, .c-icon--logout, .c-icon--collective-shipment, .c-icon--coupon, .c-icon--address, .c-icon--card, .c-icon--wallet, .c-icon--mail, .c-icon--history, .c-icon--filter, .c-icon--paging-next, .c-icon--paging-prev, .c-icon--paging-next--black, .c-icon--paging-prev--black, .c-icon--zoom-minus, .c-icon--zoom-plus, .c-icon--minus, .c-icon--plus, .c-icon--manual, .c-icon--cancel, .c-icon--arrow-circle, .c-icon--arrow-large, .c-icon--arrow, .c-icon--checked-circle, .c-icon--checked-small, .c-icon--checked, .c-icon--alert, .c-icon--alert-secondary, .c-icon--user, .c-icon--user--black, .c-icon--like-transparent, .c-icon--like, .c-icon--like-tertiary, .c-icon--like-secondary, .c-icon--rotate360, .c-icon--back, .c-icon--more, .c-icon--more-close, .c-icon--zoom, .c-icon--global, .c-icon--question, .c-icon--search-criteria, .c-icon--search, .c-icon--language, .c-icon--navigation, .c-icon--face, .c-icon--cart {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
}
.is-primary.c-icon--map, .is-primary.c-icon--logout, .is-primary.c-icon--collective-shipment, .is-primary.c-icon--coupon, .is-primary.c-icon--address, .is-primary.c-icon--card, .is-primary.c-icon--wallet, .is-primary.c-icon--mail, .is-primary.c-icon--history, .is-primary.c-icon--filter, .is-primary.c-icon--paging-next, .is-primary.c-icon--paging-prev, .is-primary.c-icon--paging-next--black, .is-primary.c-icon--paging-prev--black, .is-primary.c-icon--zoom-minus, .is-primary.c-icon--zoom-plus, .is-primary.c-icon--minus, .is-primary.c-icon--plus, .is-primary.c-icon--manual, .is-primary.c-icon--cancel, .is-primary.c-icon--arrow-circle, .is-primary.c-icon--arrow-large, .is-primary.c-icon--arrow, .is-primary.c-icon--checked-circle, .is-primary.c-icon--checked-small, .is-primary.c-icon--checked, .is-primary.c-icon--alert, .is-primary.c-icon--alert-secondary, .is-primary.c-icon--user, .is-primary.c-icon--user--black, .is-primary.c-icon--like-transparent, .is-primary.c-icon--like, .is-primary.c-icon--like-tertiary, .is-primary.c-icon--like-secondary, .is-primary.c-icon--rotate360, .is-primary.c-icon--back, .is-primary.c-icon--more, .is-primary.c-icon--more-close, .is-primary.c-icon--zoom, .is-primary.c-icon--global, .is-primary.c-icon--question, .is-primary.c-icon--search-criteria, .is-primary.c-icon--search, .is-primary.c-icon--language, .is-primary.c-icon--navigation, .is-primary.c-icon--face, .is-primary.c-icon--cart {
  background-color: #FF6624;
}
.is-secondary.c-icon--map, .is-secondary.c-icon--logout, .is-secondary.c-icon--collective-shipment, .is-secondary.c-icon--coupon, .is-secondary.c-icon--address, .is-secondary.c-icon--card, .is-secondary.c-icon--wallet, .is-secondary.c-icon--mail, .is-secondary.c-icon--history, .is-secondary.c-icon--filter, .is-secondary.c-icon--paging-next, .is-secondary.c-icon--paging-prev, .is-secondary.c-icon--paging-next--black, .is-secondary.c-icon--paging-prev--black, .is-secondary.c-icon--zoom-minus, .is-secondary.c-icon--zoom-plus, .is-secondary.c-icon--minus, .is-secondary.c-icon--plus, .is-secondary.c-icon--manual, .is-secondary.c-icon--cancel, .is-secondary.c-icon--arrow-circle, .is-secondary.c-icon--arrow-large, .is-secondary.c-icon--arrow, .is-secondary.c-icon--checked-circle, .is-secondary.c-icon--checked-small, .is-secondary.c-icon--checked, .is-secondary.c-icon--alert, .is-secondary.c-icon--alert-secondary, .is-secondary.c-icon--user, .is-secondary.c-icon--user--black, .is-secondary.c-icon--like-transparent, .is-secondary.c-icon--like, .is-secondary.c-icon--like-tertiary, .is-secondary.c-icon--like-secondary, .is-secondary.c-icon--rotate360, .is-secondary.c-icon--back, .is-secondary.c-icon--more, .is-secondary.c-icon--more-close, .is-secondary.c-icon--zoom, .is-secondary.c-icon--global, .is-secondary.c-icon--question, .is-secondary.c-icon--search-criteria, .is-secondary.c-icon--search, .is-secondary.c-icon--language, .is-secondary.c-icon--navigation, .is-secondary.c-icon--face, .is-secondary.c-icon--cart {
  background-color: #0175E1;
}
.is-tertiary.c-icon--map, .is-tertiary.c-icon--logout, .is-tertiary.c-icon--collective-shipment, .is-tertiary.c-icon--coupon, .is-tertiary.c-icon--address, .is-tertiary.c-icon--card, .is-tertiary.c-icon--wallet, .is-tertiary.c-icon--mail, .is-tertiary.c-icon--history, .is-tertiary.c-icon--filter, .is-tertiary.c-icon--paging-next, .is-tertiary.c-icon--paging-prev, .is-tertiary.c-icon--paging-next--black, .is-tertiary.c-icon--paging-prev--black, .is-tertiary.c-icon--zoom-minus, .is-tertiary.c-icon--zoom-plus, .is-tertiary.c-icon--minus, .is-tertiary.c-icon--plus, .is-tertiary.c-icon--manual, .is-tertiary.c-icon--cancel, .is-tertiary.c-icon--arrow-circle, .is-tertiary.c-icon--arrow-large, .is-tertiary.c-icon--arrow, .is-tertiary.c-icon--checked-circle, .is-tertiary.c-icon--checked-small, .is-tertiary.c-icon--checked, .is-tertiary.c-icon--alert, .is-tertiary.c-icon--alert-secondary, .is-tertiary.c-icon--user, .is-tertiary.c-icon--user--black, .is-tertiary.c-icon--like-transparent, .is-tertiary.c-icon--like, .is-tertiary.c-icon--like-tertiary, .is-tertiary.c-icon--like-secondary, .is-tertiary.c-icon--rotate360, .is-tertiary.c-icon--back, .is-tertiary.c-icon--more, .is-tertiary.c-icon--more-close, .is-tertiary.c-icon--zoom, .is-tertiary.c-icon--global, .is-tertiary.c-icon--question, .is-tertiary.c-icon--search-criteria, .is-tertiary.c-icon--search, .is-tertiary.c-icon--language, .is-tertiary.c-icon--navigation, .is-tertiary.c-icon--face, .is-tertiary.c-icon--cart {
  background-color: #FFE9DB;
}
.is-quaternary.c-icon--map, .is-quaternary.c-icon--logout, .is-quaternary.c-icon--collective-shipment, .is-quaternary.c-icon--coupon, .is-quaternary.c-icon--address, .is-quaternary.c-icon--card, .is-quaternary.c-icon--wallet, .is-quaternary.c-icon--mail, .is-quaternary.c-icon--history, .is-quaternary.c-icon--filter, .is-quaternary.c-icon--paging-next, .is-quaternary.c-icon--paging-prev, .is-quaternary.c-icon--paging-next--black, .is-quaternary.c-icon--paging-prev--black, .is-quaternary.c-icon--zoom-minus, .is-quaternary.c-icon--zoom-plus, .is-quaternary.c-icon--minus, .is-quaternary.c-icon--plus, .is-quaternary.c-icon--manual, .is-quaternary.c-icon--cancel, .is-quaternary.c-icon--arrow-circle, .is-quaternary.c-icon--arrow-large, .is-quaternary.c-icon--arrow, .is-quaternary.c-icon--checked-circle, .is-quaternary.c-icon--checked-small, .is-quaternary.c-icon--checked, .is-quaternary.c-icon--alert, .is-quaternary.c-icon--alert-secondary, .is-quaternary.c-icon--user, .is-quaternary.c-icon--user--black, .is-quaternary.c-icon--like-transparent, .is-quaternary.c-icon--like, .is-quaternary.c-icon--like-tertiary, .is-quaternary.c-icon--like-secondary, .is-quaternary.c-icon--rotate360, .is-quaternary.c-icon--back, .is-quaternary.c-icon--more, .is-quaternary.c-icon--more-close, .is-quaternary.c-icon--zoom, .is-quaternary.c-icon--global, .is-quaternary.c-icon--question, .is-quaternary.c-icon--search-criteria, .is-quaternary.c-icon--search, .is-quaternary.c-icon--language, .is-quaternary.c-icon--navigation, .is-quaternary.c-icon--face, .is-quaternary.c-icon--cart {
  background-color: #F2F2F3;
}
.is-quinary.c-icon--map, .is-quinary.c-icon--logout, .is-quinary.c-icon--collective-shipment, .is-quinary.c-icon--coupon, .is-quinary.c-icon--address, .is-quinary.c-icon--card, .is-quinary.c-icon--wallet, .is-quinary.c-icon--mail, .is-quinary.c-icon--history, .is-quinary.c-icon--filter, .is-quinary.c-icon--paging-next, .is-quinary.c-icon--paging-prev, .is-quinary.c-icon--paging-next--black, .is-quinary.c-icon--paging-prev--black, .is-quinary.c-icon--zoom-minus, .is-quinary.c-icon--zoom-plus, .is-quinary.c-icon--minus, .is-quinary.c-icon--plus, .is-quinary.c-icon--manual, .is-quinary.c-icon--cancel, .is-quinary.c-icon--arrow-circle, .is-quinary.c-icon--arrow-large, .is-quinary.c-icon--arrow, .is-quinary.c-icon--checked-circle, .is-quinary.c-icon--checked-small, .is-quinary.c-icon--checked, .is-quinary.c-icon--alert, .is-quinary.c-icon--alert-secondary, .is-quinary.c-icon--user, .is-quinary.c-icon--user--black, .is-quinary.c-icon--like-transparent, .is-quinary.c-icon--like, .is-quinary.c-icon--like-tertiary, .is-quinary.c-icon--like-secondary, .is-quinary.c-icon--rotate360, .is-quinary.c-icon--back, .is-quinary.c-icon--more, .is-quinary.c-icon--more-close, .is-quinary.c-icon--zoom, .is-quinary.c-icon--global, .is-quinary.c-icon--question, .is-quinary.c-icon--search-criteria, .is-quinary.c-icon--search, .is-quinary.c-icon--language, .is-quinary.c-icon--navigation, .is-quinary.c-icon--face, .is-quinary.c-icon--cart {
  background-color: #A9AAB2;
}
.is-disabled.c-icon--map, .is-disabled.c-icon--logout, .is-disabled.c-icon--collective-shipment, .is-disabled.c-icon--coupon, .is-disabled.c-icon--address, .is-disabled.c-icon--card, .is-disabled.c-icon--wallet, .is-disabled.c-icon--mail, .is-disabled.c-icon--history, .is-disabled.c-icon--filter, .is-disabled.c-icon--paging-next, .is-disabled.c-icon--paging-prev, .is-disabled.c-icon--paging-next--black, .is-disabled.c-icon--paging-prev--black, .is-disabled.c-icon--zoom-minus, .is-disabled.c-icon--zoom-plus, .is-disabled.c-icon--minus, .is-disabled.c-icon--plus, .is-disabled.c-icon--manual, .is-disabled.c-icon--cancel, .is-disabled.c-icon--arrow-circle, .is-disabled.c-icon--arrow-large, .is-disabled.c-icon--arrow, .is-disabled.c-icon--checked-circle, .is-disabled.c-icon--checked-small, .is-disabled.c-icon--checked, .is-disabled.c-icon--alert, .is-disabled.c-icon--alert-secondary, .is-disabled.c-icon--user, .is-disabled.c-icon--user--black, .is-disabled.c-icon--like-transparent, .is-disabled.c-icon--like, .is-disabled.c-icon--like-tertiary, .is-disabled.c-icon--like-secondary, .is-disabled.c-icon--rotate360, .is-disabled.c-icon--back, .is-disabled.c-icon--more, .is-disabled.c-icon--more-close, .is-disabled.c-icon--zoom, .is-disabled.c-icon--global, .is-disabled.c-icon--question, .is-disabled.c-icon--search-criteria, .is-disabled.c-icon--search, .is-disabled.c-icon--language, .is-disabled.c-icon--navigation, .is-disabled.c-icon--face, .is-disabled.c-icon--cart {
  background-color: #CBCDD6;
}
.is-error.c-icon--map, .is-error.c-icon--logout, .is-error.c-icon--collective-shipment, .is-error.c-icon--coupon, .is-error.c-icon--address, .is-error.c-icon--card, .is-error.c-icon--wallet, .is-error.c-icon--mail, .is-error.c-icon--history, .is-error.c-icon--filter, .is-error.c-icon--paging-next, .is-error.c-icon--paging-prev, .is-error.c-icon--paging-next--black, .is-error.c-icon--paging-prev--black, .is-error.c-icon--zoom-minus, .is-error.c-icon--zoom-plus, .is-error.c-icon--minus, .is-error.c-icon--plus, .is-error.c-icon--manual, .is-error.c-icon--cancel, .is-error.c-icon--arrow-circle, .is-error.c-icon--arrow-large, .is-error.c-icon--arrow, .is-error.c-icon--checked-circle, .is-error.c-icon--checked-small, .is-error.c-icon--checked, .is-error.c-icon--alert, .is-error.c-icon--alert-secondary, .is-error.c-icon--user, .is-error.c-icon--user--black, .is-error.c-icon--like-transparent, .is-error.c-icon--like, .is-error.c-icon--like-tertiary, .is-error.c-icon--like-secondary, .is-error.c-icon--rotate360, .is-error.c-icon--back, .is-error.c-icon--more, .is-error.c-icon--more-close, .is-error.c-icon--zoom, .is-error.c-icon--global, .is-error.c-icon--question, .is-error.c-icon--search-criteria, .is-error.c-icon--search, .is-error.c-icon--language, .is-error.c-icon--navigation, .is-error.c-icon--face, .is-error.c-icon--cart {
  background-color: #ff0000;
}

.c-icon--navigation {
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin: 3px;
  background-color: #a9aab2;
  mask-image: url("/img/icon/navigation.svg");
  mask-size: 24px 24px;
  mask-repeat: no-repeat;
}

.c-icon--language {
  width: 19px;
  min-width: 19px;
  height: 19px;
  background-color: #A9AAB2;
  -webkit-mask-image: url("/img/icon/language.svg");
          mask-image: url("/img/icon/language.svg");
  -webkit-mask-size: 19px 19px;
          mask-size: 19px 19px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--search {
  width: 18px;
  min-width: 18px;
  height: 18px;
  background-color: #A9AAB2;
  -webkit-mask-image: url("/img/icon/search.svg");
          mask-image: url("/img/icon/search.svg");
  -webkit-mask-size: 18px 18px;
          mask-size: 18px 18px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--search-criteria {
  width: 25px;
  min-width: 25px;
  height: 17px;
  background-color: #A9AAB2;
  -webkit-mask-image: url("/img/icon/search-criteria.svg");
          mask-image: url("/img/icon/search-criteria.svg");
  -webkit-mask-size: 25px 17px;
          mask-size: 25px 17px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--question {
  width: 19px;
  min-width: 19px;
  height: 23px;
  background-color: #A9AAB2;
  -webkit-mask-image: url("/img/icon/question.svg");
          mask-image: url("/img/icon/question.svg");
  -webkit-mask-size: 19px 23px;
          mask-size: 19px 23px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--global {
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-color: #A9AAB2;
  -webkit-mask-image: url("/img/icon/global.svg");
          mask-image: url("/img/icon/global.svg");
  -webkit-mask-size: 20px 20px;
          mask-size: 20px 20px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--zoom {
  width: 14px;
  min-width: 14px;
  height: 14px;
  background-color: #A9AAB2;
  -webkit-mask-image: url("/img/icon/zoom.svg");
          mask-image: url("/img/icon/zoom.svg");
  -webkit-mask-size: 14px 14px;
          mask-size: 14px 14px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--more, .c-icon--more-close {
  width: 12px;
  min-width: 12px;
  height: 8px;
  background-color: #A9AAB2;
  -webkit-mask-image: url("/img/icon/arrow-more.svg");
          mask-image: url("/img/icon/arrow-more.svg");
  -webkit-mask-size: 12px 8px;
          mask-size: 12px 8px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--back {
  width: 8px;
  min-width: 8px;
  height: 12px;
  background-color: #18181B;
  -webkit-mask-image: url("/img/icon/arrow-back.svg");
          mask-image: url("/img/icon/arrow-back.svg");
  -webkit-mask-size: 8px 12px;
          mask-size: 8px 12px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--more-close {
  transform: rotate(180deg);
  transform-origin: center center;
}

.c-icon--rotate360 {
  width: 20px;
  min-width: 20px;
  height: 15px;
  background-color: #0175E1;
  -webkit-mask-image: url("/img/icon/rotate360.svg");
          mask-image: url("/img/icon/rotate360.svg");
  -webkit-mask-size: 20px 15px;
          mask-size: 20px 15px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

#like-button-block {
  margin-top: 8px;
}

.c-icon--like, .c-icon--like-tertiary, .c-icon--like-secondary {
  width: 17px;
  min-width: 17px;
  height: 15px;
  background-color: #FF6624;
  -webkit-mask-image: url("/img/icon/like.svg");
          mask-image: url("/img/icon/like.svg");
  -webkit-mask-size: 17px 15px;
          mask-size: 17px 15px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-button--circle-special.is-checked .c-icon--like, .c-button--circle-special.is-checked .c-icon--like-tertiary, .c-button--circle-special.is-checked .c-icon--like-secondary {
  width: 17px;
  min-width: 17px;
  height: 15px;
  background-color: #CBCDD6;
  -webkit-mask-image: url("/img/icon/checked.svg");
          mask-image: url("/img/icon/checked.svg");
  -webkit-mask-size: 17px 15px;
          mask-size: 17px 15px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.c-button--circle-special.is-checked:hover {
  background-color: #e5e5e7;
}

.c-icon--like-secondary {
  background-color: #0175E1;
}

.c-icon--like-tertiary {
  background-color: #FFE9DB;
}

.c-icon--like-transparent {
  width: 20px;
  min-width: 20px;
  height: 18px;
  background-color: #18181B;
  -webkit-mask-image: url("/img/icon/like-transparent.svg");
          mask-image: url("/img/icon/like-transparent.svg");
  -webkit-mask-size: 20px 18px;
          mask-size: 20px 18px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--user, .c-icon--user--black {
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-color: #A9AAB2;
  -webkit-mask-image: url("/img/icon/user.svg");
          mask-image: url("/img/icon/user.svg");
  -webkit-mask-size: 20px 20px;
          mask-size: 20px 20px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.c-icon--user--black {
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-color: #18181B;
  -webkit-mask-image: url("/img/icon/user.svg");
          mask-image: url("/img/icon/user.svg");
  -webkit-mask-size: 20px 20px;
          mask-size: 20px 20px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--alert, .c-icon--alert-secondary {
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-color: #ff0000;
  -webkit-mask-image: url("/img/icon/alert.svg");
          mask-image: url("/img/icon/alert.svg");
  -webkit-mask-size: 20px 20px;
          mask-size: 20px 20px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--alert-secondary {
  background-color: #6F7075;
}

.c-icon--checked {
  width: 18px;
  min-width: 18px;
  height: 14px;
  background-color: #A9AAB2;
  -webkit-mask-image: url("/img/icon/checked.svg");
          mask-image: url("/img/icon/checked.svg");
  -webkit-mask-size: 18px 14px;
          mask-size: 18px 14px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--checked-small {
  width: 12px;
  min-width: 12px;
  height: 10px;
  background-color: #fff;
  -webkit-mask-image: url("/img/icon/checked.svg");
          mask-image: url("/img/icon/checked.svg");
  -webkit-mask-size: 12px 10px;
          mask-size: 12px 10px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--checked-circle {
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-color: #20D92C;
  -webkit-mask-image: url("/img/icon/checked-circle.svg");
          mask-image: url("/img/icon/checked-circle.svg");
  -webkit-mask-size: 20px 20px;
          mask-size: 20px 20px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--arrow {
  width: 8px;
  min-width: 8px;
  height: 12px;
  background-color: #CBCDD6;
  -webkit-mask-image: url("/img/icon/arrow.svg");
          mask-image: url("/img/icon/arrow.svg");
  -webkit-mask-size: 8px 12px;
          mask-size: 8px 12px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--arrow-large {
  width: 12px;
  min-width: 12px;
  height: 24px;
  background-color: #6F7075;
  -webkit-mask-image: url("/img/icon/arrow-large.svg");
          mask-image: url("/img/icon/arrow-large.svg");
  -webkit-mask-size: 12px 24px;
          mask-size: 12px 24px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--arrow-circle {
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-color: #2489FF;
  -webkit-mask-image: url("/img/icon/arrow-circle.svg");
          mask-image: url("/img/icon/arrow-circle.svg");
  -webkit-mask-size: 20px 20px;
          mask-size: 20px 20px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--cancel {
  width: 10px;
  min-width: 10px;
  height: 10px;
  background-color: #A9AAB2;
  -webkit-mask-image: url("/img/icon/cancel.svg");
          mask-image: url("/img/icon/cancel.svg");
  -webkit-mask-size: 10px 10px;
          mask-size: 10px 10px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.c-icon--cancel.is-large {
  width: 14px;
  height: 14px;
  -webkit-mask-size: 14px 14px;
          mask-size: 14px 14px;
}

.c-icon--manual {
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-color: #2489FF;
  mask-image: url("/img/icon/manual.svg");
  mask-size: 20px 20px;
  mask-repeat: no-repeat;
}
.c-icon--manual.is-large {
  width: 28px;
  height: 28px;
  mask-size: 28px 28px;
}

.c-icon--plus {
  width: 12px;
  min-width: 12px;
  height: 12px;
  background-color: #A9AAB2;
  -webkit-mask-image: url("/img/icon/plus.svg");
          mask-image: url("/img/icon/plus.svg");
  -webkit-mask-size: 12px 12px;
          mask-size: 12px 12px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--minus {
  width: 12px;
  height: 2.4px;
  background-color: #A9AAB2;
  border-radius: 2.4px;
}

.c-icon--zoom-plus {
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-color: var(--gsc-primary);
  mask-image: url("/img/icon/zoom-plus.svg");
  mask-size: 24px 24px;
  mask-repeat: no-repeat;
}

.c-icon--zoom-minus {
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-color: var(--gsc-primary);
  mask-image: url("/img/icon/zoom-minus.svg");
  mask-size: 24px 24px;
  mask-repeat: no-repeat;
}

.c-icon--paging-next, .c-icon--paging-prev, .c-icon--paging-next--black, .c-icon--paging-prev--black {
  width: 8px;
  min-width: 8px;
  height: 12px;
  background-color: var(--gsc-primary);
  transform-origin: center center;
  -webkit-mask-image: url("/img/icon/arrow-paging.svg");
          mask-image: url("/img/icon/arrow-paging.svg");
  -webkit-mask-size: 8px 12px;
          mask-size: 8px 12px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.c-icon--paging-next--black, .c-icon--paging-prev--black {
  width: 8px;
  min-width: 8px;
  height: 12px;
  background-color: #18181B;
  -webkit-mask-image: url("/img/icon/arrow-paging.svg");
          mask-image: url("/img/icon/arrow-paging.svg");
  -webkit-mask-size: 8px 12px;
          mask-size: 8px 12px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--paging-prev {
  transform: rotate(180deg);
}
.c-icon--paging-prev--black {
  transform: rotate(180deg);
}

.c-icon--filter {
  width: 20px;
  min-width: 20px;
  height: 13px;
  background-color: #FF6624;
  -webkit-mask-image: url("/img/icon/filter.svg");
          mask-image: url("/img/icon/filter.svg");
  -webkit-mask-size: 20px 13px;
          mask-size: 20px 13px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--history {
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-color: #18181B;
  -webkit-mask-image: url("/img/icon/history.svg");
          mask-image: url("/img/icon/history.svg");
  -webkit-mask-size: 20px 20px;
          mask-size: 20px 20px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--mail {
  width: 20px;
  min-width: 20px;
  height: 16px;
  background-color: #18181B;
  -webkit-mask-image: url("/img/icon/mail.svg");
          mask-image: url("/img/icon/mail.svg");
  -webkit-mask-size: 20px 16px;
          mask-size: 20px 16px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--wallet {
  width: 19px;
  min-width: 19px;
  height: 18px;
  background-color: #18181B;
  -webkit-mask-image: url("/img/icon/wallet.svg");
          mask-image: url("/img/icon/wallet.svg");
  -webkit-mask-size: 19px 18px;
          mask-size: 19px 18px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--card {
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-color: #18181B;
  -webkit-mask-image: url("/img/icon/card.svg");
          mask-image: url("/img/icon/card.svg");
  -webkit-mask-size: 20px 20px;
          mask-size: 20px 20px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--address {
  width: 16px;
  min-width: 16px;
  height: 20px;
  background-color: #18181B;
  -webkit-mask-image: url("/img/icon/address.svg");
          mask-image: url("/img/icon/address.svg");
  -webkit-mask-size: 16px 20px;
          mask-size: 16px 20px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--coupon {
  width: 20px;
  min-width: 20px;
  height: 19px;
  background-color: #18181B;
  -webkit-mask-image: url("/img/icon/coupon.svg");
          mask-image: url("/img/icon/coupon.svg");
  -webkit-mask-size: 20px 19px;
          mask-size: 20px 19px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--logout {
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-color: #18181B;
  -webkit-mask-image: url("/img/icon/logout.svg");
          mask-image: url("/img/icon/logout.svg");
  -webkit-mask-size: 16px 16px;
          mask-size: 16px 16px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--map {
  width: 18px;
  min-width: 18px;
  height: 18px;
  background-color: #A9AAB2;
  -webkit-mask-image: url("/img/icon/map.svg");
          mask-image: url("/img/icon/map.svg");
  -webkit-mask-size: 18px 18px;
          mask-size: 18px 18px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-icon--calendar {
  width: 18px;
  height: 20px;
  background-color: #a9aab2;
  -webkit-mask-image: url(/img/icon/calendar.svg);
  mask-image: url(/img/icon/calendar.svg);
  -webkit-mask-size: 18px 20px;
  mask-size: 18px 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.c-icon--gift {
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-color: #18181B;
  -webkit-mask-image: url("/img/icon/gift.svg");
          mask-image: url("/img/icon/gift.svg");
  -webkit-mask-size: 16px 16px;
          mask-size: 16px 16px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-image {
  display: inline-block;
  background-color: #fff;
  background-image: url(/img/common/loader.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 48px 48px;
}
.c-image.is-loaded {
  background: none;
}

.js-toggle {
  cursor: pointer;
}
.js-toggle::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 18px;
  display: block;
  width: 12px;
  min-width: 12px;
  height: 8px;
  background-color: #6F7075;
  transform: rotate(180deg);
  transform-origin: center center;
  transition-duration: 0.3s;
  -webkit-mask-image: url("/img/icon/arrow-toggle.svg");
          mask-image: url("/img/icon/arrow-toggle.svg");
  -webkit-mask-size: 12px 8px;
          mask-size: 12px 8px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.js-toggle.is-open::after {
  transform: rotate(0deg);
}
.js-toggle:hover::after {
  background-color: #A9AAB2;
  transition-property: transform;
}
.js-toggle .c-title__text {
  padding-right: 12px;
}

.js-toggle__body {
  height: 0;
  overflow: hidden;
}
.js-more__open {
  display: block;
}
.js-more__open.is-visible {
  display: block !important;
}

.js-more__close {
  display: none;
}

.js-more__body {
  height: 0;
  overflow: hidden;
}

.js-more-top__open {
  display: block;
}

.js-more-top__close {
  display: none;
}

.js-more-top__body {
  height: 0;
  overflow: hidden;
}

.js-search {
  display: none;
  opacity: 0;
}

.js-filter {
  display: none;
  opacity: 0;
}
@media screen and (min-width: 960px) {
  .js-filter {
    display: block !important;
    opacity: 1 !important;
  }
}

.js-modal {
  display: none;
  opacity: 0;
}

.js-panzoom {
  display: none;
}

.js-checked-enable-block {
  display: none;
}
.js-checked-enable-block.is-show {
  display: block;
}

.js-panzoom-item {
  transition-duration: 0.3s;
}
.js-panzoom-item img {
  cursor: zoom-in;
}

.js-zoomist {
  cursor: zoom-out;
}
.js-zoomist.is-moved {
  cursor: move;
}

.js-float-filter-area.is-fixed {
  position: fixed;
}
.js-float-filter-area.is-absolute {
  position: absolute;
}
.js-float-filter-area.is-fixed-bottom {
  position: fixed;
  bottom: 0;
}
.js-float-filter-area.is-fixed-top {
  position: fixed;
  top: 0;
}
.js-float-filter-area.is-absolute-botom {
  position: absolute;
}

.c-label {
  display: inline-block;
  padding: 4px;
  font-size: 1rem;
}
@media screen and (min-width: 960px) {
  .c-label {
    font-size: 1.2rem;
  }
}
.is-large.c-label {
  font-size: 1.2rem;
}
@media screen and (min-width: 960px) {
  .is-large.c-label {
    font-size: 1.4rem;
  }
}
.is-all.c-label {
  width: 100%;
}

.c-label {
  border: 1px solid #C4C4C4;
  font-weight: 600;
  border: 0;
  border-radius: 4px;
}

.c-label--primary {
  color: #C24600;
  background-color: #FFF2EA;

}

.c-label--tag {
  color: #000;
  background-color: #e7e7e7;
}

.c-label--third {
  color: #007F46;
  background-color: #E6F6EE;
}

.c-label--fourth {
  color: #18181B;
  background-color: #F0D331;
}
.c-label--code {
  border-radius: 0px;
  color: #fff;
  background-color: #FF6624;
  padding-left: 12px;
  padding-right: 12px;
}

.c-label--fifth {
  color: #6E6E6E;
  background-color: #F2F2F3;
}
.c-label--tertiary {
  color: #FF6524;
  background-color: #FFE9DB;
}
.c-label--tag {
  font-weight: 600;
  font-size: 1.4rem;
  border-radius: 0;
}
.c-label--tag::before {
  content: "#";
  font-weight: normal;
}

.c-label--secondary {
  padding: 8px;
  font-size: 1.2rem;
  line-height: 1;
  color: #0175E1;
  border-color: #0175E1;
  border-radius: 4px;
}
@media screen and (min-width: 960px) {
  .c-label--secondary {
    font-size: 1.4rem;
  }
}
.c-label--secondary.is-large {
  width: 100%;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background-color: #0175E1;
  border-radius: 0;
}

.tag {
  display: inline-block;
  padding: 4px;
  font-weight: 600;
  font-size: 1.4rem;
  color: #000;
  background-color: #e7e7e7;
}
.tag::before {
  content: "#";
  font-weight: normal;
}

.c-line {
  width: 100%;
  height: 1px;
  background-color: #CBCDD6;
  border: 0;
}

.c-line--large {
  height: 3px;
}

a {
  color: #2489FF;
}

.c-link--arrow-circle, .c-link {
  display: inline-flex;
  display: inline-flex;
  align-items: center;
  align-items: center;
  font-size: 1.4rem;
  font-feature-settings: "palt" on;
}
[target=_blank].c-link--arrow-circle::after, [target=_blank].c-link::after {
  content: "";
  display: inline-block;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-left: 8px;
  background-color: #A9AAB2;
  background-color: #2489FF;
  -webkit-mask-image: url("/img/icon/blank.svg");
          mask-image: url("/img/icon/blank.svg");
  -webkit-mask-size: 15px 15px;
          mask-size: 15px 15px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.c-link--arrow .c-icon {
  margin-left: 16px;
}
.c-link--arrow:hover .c-icon {
  background-color: #c0c2cc;
}

.c-link--arrow-circle .c-icon {
  margin-left: 6px;
}
.c-link--arrow-circle:hover .c-icon {
  background-color: #2182f3;
}

.c-link--paging-prev, .c-link--paging-next {
  width: 100%;
  font-weight: 600;
  color: #18181B;
}
@media screen and (min-width: 960px) {
  .c-link--paging-prev, .c-link--paging-next {
    width: auto;
    padding: 0;
    background-color: transparent;
  }
  .c-link--paging-prev:hover, .c-link--paging-next:hover {
    color: #F35916;
  }
  .c-link--paging-prev:hover .c-icon, .c-link--paging-next:hover .c-icon {
    background-color: #F35916;
  }
}
.c-link--paging-prev .c-icon, .c-link--paging-next .c-icon {
  margin-right: 4px;
}

.c-link--paging-next .c-icon {
  margin-left: 4px;
}

.c-link__text {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #000;
}
.c-link__text:hover {
  color: #F35916;
}
.c-link__text:hover .c-icon {
  background-color: #F35916;
}
@media screen and (min-width: 960px) {
  .c-link__text {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
.c-link__text .c-icon {
  margin-right: 8px;
}
@media screen and (min-width: 960px) {
  .c-link__text .c-icon {
    width: 27px;
    height: 27px;
    background-size: cover;
    -webkit-mask-size: 27px 27px;
  }
  .c-link__text .c-icon:first-of-type {
    min-width: 27px;
  }
}
.c-link__text .c-icon--paging-next--black {
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -4px;
}
@media screen and (min-width: 960px) {
  .c-link__text .c-icon--paging-next--black {
    width: 8px;
    height: 12px;
    -webkit-mask-size: 8px 12px;
  }
}

.c-link__news, .c-link__article,
.c-link__event {
  display: flex;
}

.c-link__news-block, .c-link__article-block,
.c-link__event-block {
  width: 50%;
  max-width: 248px;
}
@media screen and (min-width: 960px) {
  .c-link__news-block, .c-link__article-block,
.c-link__event-block {
    width: 248px;
  }
}
.c-link__news-block .c-text-body:first-child, .c-link__article-block .c-text-body:first-child,
.c-link__event-block .c-text-body:first-child {
  position: relative;
  padding: 0 0 0 16px;
}
.c-link__news-block .c-text-body:first-child::before, .c-link__article-block .c-text-body:first-child::before,
.c-link__event-block .c-text-body:first-child::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 3px;
  width: 5px;
  height: 9px;
  margin-top: -6px;
  background-color: #18181B;
  transform: rotate(180deg);
  -webkit-mask-image: url(/img/icon/arrow-paging.svg);
  mask-image: url(/img/icon/arrow-paging.svg);
  -webkit-mask-size: 5px 9px;
  mask-size: 5px 9px;
}
@media screen and (min-width: 960px) {
  .c-link__news-block .c-text-body:first-child::before, .c-link__article-block .c-text-body:first-child::before,
.c-link__event-block .c-text-body:first-child::before {
    margin-top: -4px;
  }
}
.c-link__news-block .c-text-body:last-child, .c-link__article-block .c-text-body:last-child,
.c-link__event-block .c-text-body:last-child {
  padding-top: 8px;
}
.c-link__news-block.is-right, .is-right.c-link__article-block,
.is-right.c-link__event-block {
  position: relative;
  margin-left: 32px;
}
.c-link__news-block.is-right .c-link, .is-right.c-link__article-block .c-link,
.is-right.c-link__event-block .c-link {
  justify-content: flex-end;
}
.c-link__news-block.is-right .c-text-body, .is-right.c-link__article-block .c-text-body,
.is-right.c-link__event-block .c-text-body {
  display: flex;
  justify-content: flex-end;
}
.c-link__news-block.is-right .c-text-body:first-child, .is-right.c-link__article-block .c-text-body:first-child,
.is-right.c-link__event-block .c-text-body:first-child {
  padding: 0 16px 0 0;
}
.c-link__news-block.is-right .c-text-body:first-child::before, .is-right.c-link__article-block .c-text-body:first-child::before,
.is-right.c-link__event-block .c-text-body:first-child::before {
  right: 3px;
  left: auto;
  transform: rotate(0deg);
}
.c-link__news-block.is-right::before, .is-right.c-link__article-block::before,
.is-right.c-link__event-block::before {
  content: "";
  position: absolute;
  left: -16px;
  width: 1px;
  height: 100%;
  background-color: #A9AAB2;
}
.c-link__news-block .c-text-body, .c-link__article-block .c-text-body,
.c-link__event-block .c-text-body {
  padding-top: 8px;
  font-size: 1.2rem;
}
@media screen and (min-width: 960px) {
  .c-link__news-block .c-text-body, .c-link__article-block .c-text-body,
.c-link__event-block .c-text-body {
    font-size: 1.4rem;
  }
}
.c-link__news-block .c-link--paging-prev, .c-link__article-block .c-link--paging-prev,
.c-link__event-block .c-link--paging-prev, .c-link__news-block .c-link--paging-next, .c-link__article-block .c-link--paging-next,
.c-link__event-block .c-link--paging-next {
  font-size: 1.2rem;
  background-color: transparent;
}
@media screen and (min-width: 960px) {
  .c-link__news-block .c-link--paging-prev, .c-link__article-block .c-link--paging-prev,
.c-link__event-block .c-link--paging-prev, .c-link__news-block .c-link--paging-next, .c-link__article-block .c-link--paging-next,
.c-link__event-block .c-link--paging-next {
    font-size: 1.4rem;
  }
}
.c-link__news-block .c-icon, .c-link__article-block .c-icon,
.c-link__event-block .c-icon {
  width: 5px;
  height: 9px;
  margin-top: -3px;
  -webkit-mask-size: 5px 9px;
  mask-size: 5px 9px;
}
@media screen and (min-width: 960px) {
  .c-link__news-block .c-icon, .c-link__article-block .c-icon,
.c-link__event-block .c-icon {
    width: 8px;
    height: 12px;
    margin-top: 0;
    -webkit-mask-size: 8px 12px;
    mask-size: 8px 12px;
  }
}
.c-link__news-block a:hover .c-text-body, .c-link__article-block a:hover .c-text-body,
.c-link__event-block a:hover .c-text-body {
  color: #F35916;
}
.c-link__news-block a:hover .c-text-body::before, .c-link__article-block a:hover .c-text-body::before,
.c-link__event-block a:hover .c-text-body::before {
  background-color: #F35916;
}
.c-link__news-block a:hover .c-text-body .c-icon, .c-link__article-block a:hover .c-text-body .c-icon,
.c-link__event-block a:hover .c-text-body .c-icon {
  background-color: #F35916;
}

.c-link__article-block a:hover .c-text-body,
.c-link__event-block a:hover .c-text-body {
  color: #F35916;
}
.c-link__article-block a:hover .c-text-body::before,
.c-link__event-block a:hover .c-text-body::before {
  background-color: #F35916;
}

.c-link__topics {
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .c-link__topics {
    min-width: 475px;
  }
}
.c-link__topics .c-link__text {
  font-size: 10px;
}
@media screen and (min-width: 960px) {
  .c-link__topics .c-link__text {
    font-size: 14px;
    transition-duration: 0.3s;
  }
}
.c-link__topics .c-link__text .c-link__text__date, .c-link__topics .c-link__text .c-icon {
  transition-duration: 0.3s;
}
@media screen and (min-width: 960px) {
  .c-link__topics .c-link__text:hover {
    color: var(--gsc-primary);
  }
  .c-link__topics .c-link__text:hover .c-link__text__date {
    color: var(--gsc-primary);
  }
  .c-link__topics .c-link__text:hover .c-icon {
    color: var(--gsc-primary);
  }
}
.c-link__topics .c-link__text .c-icon--alert-secondary {
  min-width: 20px;
}
@media screen and (min-width: 960px) {
  .c-link__topics .c-link__text .c-icon--alert-secondary {
    min-width: 28px;
  }
}
.c-link__topics .c-link__text .c-icon--paging-next--black {
  right: -28px;
  margin-top: 0;
  transform: translateY(-50%);
}
.c-link__topics .c-link__text__date {
  margin-right: var(--spacing-1x);
  margin-left: var(--spacing-1x);
  font-size: var(--font-size12);
  font-weight: 300;
  line-height: var(--font-size12);
  color: var(--font-gray);
}
@media screen and (min-width: 960px) {
  .c-link__topics .c-link__text__date {
    margin-left: 10px;
    min-width: 40px;
    font-size: 14px;
  }
}
.c-link__topics li:nth-child(n+2) {
  margin-top: 4px;
}

.c-link__icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.75em;
  color: #18181B;
}
@media screen and (min-width: 960px) {
  .c-link__icon {
    font-size: 1.2rem;
  }
}
.c-link__icon .c-image {
  margin-bottom: 4px;
}
.c-link__icon .c-icon {
  margin-top: 6px;
  background-color: #A9AAB2;
  transform: rotate(90deg);
}

.c-link__arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 600;
  font-size: 1.4rem;
  color: #18181B;
}
@media screen and (min-width: 960px) {
  .c-link__arrow {
    font-size: 1.6rem;
  }
}
.c-link__arrow .c-icon {
  margin-top: 6px;
  background-color: #A9AAB2;
  transform: rotate(90deg);
}

.c-link__account {
  display: flex;
  align-items: center;
}
.c-link__account .c-link__username {
  display: flex;
  flex-direction: column;
  margin-left: 12px;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.75em;
  color: #18181B;
  letter-spacing: 0.08em;
}
.c-link__account .c-link__username span {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.5em;
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", Sanfransisco, Arial, "SF Pro SC", Meiryo, "メイリオ", "微软雅黑", "Microsoft YaHei";
}

.c-link__account .c-link__block {
  margin-left: 12px;
}
.c-link__account .c-link__block .c-link__username {
  margin-bottom: 12px;
  margin-left: 0;
}

.c-link__stamp {
  display: flex;
  flex-direction: column;
  font-weight: 600;
  font-size: 1.2rem;
  color: #18181B;
}
.c-link__stamp .c-image {
  margin-bottom: 21px;
}

.c-dl {
  padding-top: 16px;
}
.c-dl:nth-child(1) {
  padding-top: 0px;
}
.c-dl p:nth-child(1) {
  padding-bottom: 8px;
  font-weight: 600;
}
.c-dl p:nth-child(1) + p {
  padding-top: 0px;
}

.b-series {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .b-series {
    display: flex;
  }
}

@media screen and (min-width: 960px) {
  .b-series__image {
    width: 248px;
  }
}
.b-series__image .c-image {
  width: 100%;
}
.b-series__image img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 960px) {
  .b-series__body {
    width: calc(100% - 248px);
    padding-left: 16px;
  }
}

.b-series__title {
  padding-top: 8px;
}
.b-series__title .c-title {
  transition: 0.3s;
}

.b-series__text {
  padding-top: 8px;
}
.b-series__text .c-text-body {
  transition: 0.3s;
}

.b-series__link {
  padding-top: 10px;
  text-align: right;
}

a.b-series:hover .c-title {
  color: #F35916;
}

.c-loader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.8;
}
.c-loader.is-show {
  display: block;
}
.c-loader .c-loader__logo {
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
}
.c-loader p {
  display: inline-block;
  font-weight: 600;
  color: #fff;
}
.c-loader .c-loader__content {
  position: fixed;
  top: 40%;
  left: 50%;
  max-width: 80%;
  transform: translateX(-50%);
}
@media screen and (min-width: 960px) {
  .c-loader .c-loader__content {
    max-width: 776px;
  }
}
.c-loader .c-loader__text {
  display: flex;
  justify-content: center;
  padding-top: 16px;
}

@keyframes rotation1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.c-maintenance {
  padding: 50px 0 25px;
  text-align: center;
  color: #000;
  background-color: #fff;
}

.c-maintenance__status {
  padding-top: 40px;
  font-size: 2.4rem;
}

.c-maintenance__schedule {
  padding-top: 15px;
  font-size: 1.4rem;
}

.c-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  padding: 20px 14px 14px;
  background-color: rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 960px) {
  .c-modal {
    justify-content: center;
    align-items: center;
  }
}

@supports (height: 100svh) {
  .c-modal {
    height: 100svh;
  }
}
@media screen and (min-width: 960px) {
  .c-modal--narrow .c-modal__wrapper {
    width: 600px;
  }
}

.c-modal__wrapper {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding-bottom: 70px;
  background-color: #fff;
}
@media screen and (min-width: 960px) {
  .c-modal__wrapper {
    width: 960px;
    max-height: 780px;
    border-radius: 8px;
  }
}

.c-modal__cancel {
  padding: 18px 21px 0;
}

.c-modal__header {
  padding: 30px 16px 0;
}
.c-modal__header:empty {
  display: none;
}
.c-modal__header + .c-modal__body {
  height: calc(100% - 102px);
}

.c-modal__body {
  width: calc(100% - 32px);
  height: calc(100% - 35px);
  margin-left: 16px;
  padding: 26px 0;
  overflow-y: scroll;
}
.c-modal__body::-webkit-scrollbar {
  width: 7px;
}
.c-modal__body::-webkit-scrollbar-track {
  margin: 0 2px;
  border-radius: 7px;
}
.c-modal__body::-webkit-scrollbar-thumb {
  background: #C4C4C4;
  border-radius: 5px;
}
.c-modal__body .c-checkbox:nth-child(n+2) {
  margin-top: 20px;
}

.c-modal__decide {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 12px 16px;
  border-top: 1px solid #CFCBC4;
}
@media screen and (min-width: 960px) {
  .c-modal__decide .c-button {
    width: 393px;
    margin: 0 auto;
  }
}

.c-modal__close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.c-modal--under {
  display: flex;
  align-items: flex-end;
  padding: 0;
}
@media screen and (min-width: 960px) {
  .c-modal--under {
    align-items: center;
  }
}
.c-modal--under .c-modal__wrapper {
  height: auto;
  padding-bottom: 0;
  overflow: auto;
}
@media screen and (min-width: 960px) {
  .c-modal--under .c-modal__wrapper {
    width: auto;
  }
}
.c-modal--under .c-modal__body {
  width: auto;
  height: auto;
  margin: 0;
  padding: 16px;
  overflow: auto;
}
@media screen and (min-width: 960px) {
  .c-modal--under .c-modal__body {
    padding: 8px 24px 24px;
  }
}
.c-modal--under .c-modal__header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 47px;
  padding: 0 13px;
}
@media screen and (min-width: 960px) {
  .c-modal--under .c-modal__header {
    display: block;
    height: auto;
    padding: 32px 24px 0;
  }
}
.c-modal--under .c-modal__header .c-modal__cancel {
  position: absolute;
  top: 17px;
  left: 13px;
  padding: 0;
}
@media screen and (min-width: 960px) {
  .c-modal--under .c-modal__header .c-modal__cancel {
    top: 13px;
    right: 13px;
    left: auto;
  }
}
.c-modal--under .c-modal__title {
  font-weight: 600;
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .c-modal--under .c-modal__title {
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 960px) {
  .c-modal__login {
    width: 340px;
  }
}

.c-modal__login__text, .c-modal__myaccount__text {
  padding-bottom: 16px;
}
@media screen and (min-width: 960px) {
  .c-modal__login__text, .c-modal__myaccount__text {
    padding-bottom: 24px;
  }
}

@media screen and (min-width: 960px) {
  .c-modal__login__button {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 960px) {
  .c-modal__login__button .c-button {
    width: calc(50% - 8px);
  }
}
.c-modal__login__button .c-button:nth-child(n+2) {
  margin-top: 11px;
}
@media screen and (min-width: 960px) {
  .c-modal__login__button .c-button:nth-child(n+2) {
    margin-top: 0;
  }
}

.c-modal__myaccount__title {
  text-align: center;
}

.c-modal__myaccount {
  width: 294px;
}
@media screen and (min-width: 960px) {
  .c-modal__myaccount {
    width: 326px;
  }
}

.c-modal__myaccount__text {
  padding-bottom: 16px;
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .c-modal__myaccount__text {
    font-size: 1.6rem;
  }
}

.c-modal__myaccount__button {
  display: flex;
  justify-content: space-between;
}
.c-modal__myaccount__button .c-button {
  width: 144px;
}
.c-modal__myaccount__button.is-cancel .c-button--primary .c-button__body {
  padding: 0 16px;
}

body.is-fixed {
  overflow: hidden;
}

.c-modal--normal {
  justify-content: center;
  align-items: center;
  padding: 0;
}
.c-modal--normal .c-modal__wrapper {
  width: calc(100% - 32px);
  height: auto;
  padding-bottom: 0;
}
@media screen and (min-width: 960px) {
  .c-modal--normal .c-modal__wrapper {
    width: auto;
  }
}
.c-modal--normal .c-modal__body {
  width: auto;
  height: auto;
  max-height: calc(100vh - 148px);
  margin: 0;
  padding: 0 16px;
  overflow-y: auto;
}
@media screen and (min-width: 960px) {
  .c-modal--normal .c-modal__body {
    width: auto;
    min-width: 375px;
    max-width: 600px;
    max-height: 500px;
    padding: 0 24px;
  }
}
.c-modal--normal .c-modal__body .c-text-body {
  word-break: break-all;
}
.c-modal--normal .c-modal__header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 47px;
  padding: 0 13px;
}
@media screen and (min-width: 960px) {
  .c-modal--normal .c-modal__header {
    display: block;
    height: auto;
    padding: 16px 24px 8px;
  }
}
.c-modal--normal .c-modal__header .c-modal__cancel {
  position: absolute;
  top: 17px;
  right: 13px;
  padding: 0;
}
@media screen and (min-width: 960px) {
  .c-modal--normal .c-modal__header .c-modal__cancel {
    top: 16px;
    right: 13px;
    left: auto;
  }
}
.c-modal--normal .c-modal__title {
  font-weight: 600;
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .c-modal--normal .c-modal__title {
    font-size: 1.8rem;
  }
}
.c-modal--normal .c-modal__footer {
  padding: 16px;
}
@media screen and (min-width: 960px) {
  .c-modal--normal .c-modal__footer {
    padding: 24px;
  }
}
.c-modal--normal .c-modal__button-container {
  display: flex;
  justify-content: space-between;
  max-width: 375px;
  margin: 0 auto;
}
.c-modal--normal .c-modal__button-container .c-button {
  width: calc(50% - 8px);
}

.c-navigation-category {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  margin: 32px 24px 0;
  overflow-x: auto;
  font-weight: 600;
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .c-navigation-category {
    margin: 32px 0 0;
    overflow-x: visible;
  }
}

.c-navigation-category__name {
  white-space: nowrap;
}
.c-navigation-category__name::after {
  content: "：";
}

.c-navigation-category__list {
  display: flex;
  height: 100%;
}
@media screen and (min-width: 960px) {
  .c-navigation-category__list {
    flex-wrap: wrap;
    margin-bottom: -10px;
  }
}

.c-navigation-category__item {
  min-width: 69px;
  height: 24px;
  margin-left: 18px;
  white-space: nowrap;
  border-bottom: 0px solid #fff;
  transition-duration: 0.3s;
}
.c-navigation-category__item:hover .c-navigation-category__text {
  color: #FF6624;
  transition-duration: 0.3s;
}
@media screen and (min-width: 960px) {
  .c-navigation-category__item {
    margin-bottom: 10px;
    white-space: normal;
  }
}
.c-navigation-category__item.is-current {
  color: #FF6624;
  border-color: #FF6624;
  border-bottom-width: 2px;
}
.c-navigation-category__item.is-current:hover .c-navigation-category__text {
  color: #f36021;
}

.c-navigation-category__text {
  display: block;
  height: 100%;
  text-align: center;
  color: inherit;
}

.c-news {
  width: 100%;
  border-collapse: collapse;
  background-color: #fff;
  max-width: 776px;
  margin: 0 auto;
  padding: var(--spacing-2x);
  border-radius: 8px
}
@media screen and (min-width: 960px) {
  .c-news {
    padding: var(--spacing-3x);
  }
}
.c-news .c-news__row {
  display: flex;
  flex-direction: column;
  padding-top: 4px;
  padding-bottom: 16px;
  border-bottom: 1px solid #CFCBC4;
}
@media screen and (min-width: 960px) {
  .c-news .c-news__row {
    flex-direction: row;
    padding-top: 0;
  }
}
.c-news .c-news__row:nth-child(n+2) {
  padding-top: var(--spacing-2x);
}
.c-news .c-news__row:last-of-type {
  padding-bottom: 0;
  border: 0;
}
.c-news .c-news__block {
  display: flex;
}
@media screen and (min-width: 960px) {
  .c-news .c-news__block {
    min-width: 158px;
    margin-right: 40px;
  }
}
@media screen and (min-width: 960px) {
  .c-news .c-news__block + .c-news__title {
    padding-top: 4px;
  }
}
@media screen and (min-width: 960px) {
  .c-news a {
    display: flex;
    flex-direction: column;
  }
}
.c-news a:hover .c-news__title {
  color: #F35916;
}

.c-news__title, .c-news__category, .c-news__date {
  line-height: 1.75;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" on;
}

.c-news__date {
  margin-right: 0;
  padding-right: 0;
}
@media screen and (min-width: 960px) {
  .c-news__date {
    letter-spacing: 0.05em;
  }
}

@media screen and (min-width: 960px) {
  .c-news__category {
    min-width: 60px;
    letter-spacing: 0.05em;
  }
}
.c-news__category:nth-child(2) {
  position: relative;
  margin-left: 16px;
}
.c-news__category:nth-child(2)::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--gsc-primary);
}

.c-news__date,
.c-news__category {
  font-weight: 600;
  font-size: var(--font-size10);
  color: var(--font-gray);
  line-height: 22.4px;
}

.c-news__title {
  font-weight: 600;
  font-size: var(--font-size9);
  color: #000;
  line-height: 24.89px;
  letter-spacing: 0.05em;
  transition-duration: 0.3s;
}
@media screen and (min-width: 960px) {
  .c-news__title {
    font-size: var(--font-size9);
  }
}

.c-photo-product-slider {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .c-photo-product-slider {
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
    padding: 0 32px 0 24px;
  }
}

.c-photo-product-slider__head {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .c-photo-product-slider__head {
    width: 86.3247863248%;
    max-height: 80vh;
    aspect-ratio: 1/1;
  }
}
.c-photo-product-slider__head .c-text-body {
  margin-top: 8px;
  padding: 0 16px;
}
@media screen and (min-width: 960px) {
  .c-photo-product-slider__head .c-text-body {
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0;
  }
}

/* メインスライダーでのYouTube表示 */
.c-photo-product-slider__main-item .youtube-player {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1; /* メインスライダーと同じアスペクト比に */
}

.youtube-player iframe {
  pointer-events: none;
}

/* スマートフォンでタップされた時のみ有効化 */
.youtube-player.is-playing iframe {
  pointer-events: auto;
}

.c-photo-product-slider__main-item .youtube-player iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: 16/9;
}

@media screen and (min-width: 960px) {
  .c-photo-product-slider__main-item .youtube-player {
    max-height: 80vh;
  }

  .c-photo-product-slider__main-item .youtube-player iframe {
    width: auto !important;
    height: 80% !important; /* 高さを調整して中央配置 */
  }
}

/* スマホ表示youtube */
@media screen and (max-width: 960px) {
  .c-photo-product-slider__main-item .youtube-player {
    height: auto;
    padding-bottom: 56.25%; /* 16:9 アスペクト比 */
  }

  .c-photo-product-slider__main-item .youtube-player iframe {
    width: 100% !important;
    height: 100% !important;
    transform: none;
    top: 0;
    left: 0;
  }
}

.c-photo-product-modal__mainSlider-item .youtube-player::before {
  content: '';
  display: block;
  padding-top: 56.25%; /* 16:9のアスペクト比を維持 */
}

.c-photo-product-modal__mainSlider-item .youtube-player iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90% !important; /* モーダル内では少し余白を持たせる */
  height: auto !important;
  aspect-ratio: 16/9;
  border-radius: 16px;
  overflow: hidden;
}

/* PCサイズでの表示調整 */
@media screen and (min-width: 960px) {
  .c-photo-product-modal__mainSlider-item .youtube-player {
    max-height: 80vh;
  }

  .c-photo-product-modal__mainSlider-item .youtube-player iframe {
    max-height: 80vh;
    width: auto !important;
    height: 90% !important;
  }
}

/* サムネイル用のスタイル */
.c-photo-product-slider__thumbnail-item .youtube-player,
.c-photo-product-modal__thumbnailSlider-item .youtube-player {
  position: relative;
  width: 100%;
  padding-top: 100%; /* サムネイルは正方形に */
  overflow: hidden;
}

.c-photo-product-slider__thumbnail-item .youtube-player img,
.c-photo-product-modal__thumbnailSlider-item .youtube-player img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-photo-product-slider__main {
  width: 100%;
  max-height: 80vh;
  overflow: hidden;
  background-color: #f1f1f3;
  border-radius: 4px;
  aspect-ratio: 1/1;
  aspect-ratio: 1/1;
}

.c-photo-product-slider__main-item {
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .c-photo-product-slider__main-item {
    max-height: 80vh;
    aspect-ratio: 1/1;
  }
}

.c-photo-product-slider__main-button,
.c-photo-product-slider__main-button .c-image,
.c-photo-product-slider__main-button .c-image img,
.c-photo-product-slider__main-button img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 640px) {
  .c-photo-product-slider__main-button,
  .c-photo-product-slider__main-button .c-image,
  .c-photo-product-slider__main-button .c-image img,
  .c-photo-product-slider__main-button img {
    max-height: 80vh;
  }
}

.c-photo-product-slider__main-button .c-image img,
.c-photo-product-slider__main-button img {
  object-fit: contain;
  object-position: center;
}

.c-photo-product-slider__main-button {
  transition: 0.3s;
}

@media screen and (min-width: 960px) {
  /* youtube動画の場合はマウスホバー時にで白くしない。 */
  .c-photo-product-slider__main-button:not(:has(.youtube-player)):hover {
    opacity: 0.7;
  }
  .c-photo-product-slider__main-button:not(:has(.no-image)):hover {
    opacity: 1;
  }
}

.c-photo-product-slider__main-button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 960px) {
  .c-photo-product-slider__main-button svg {
    width: 100px;
  }
}
@media screen and (max-width: 960px) {
  .c-photo-product-slider__main-button svg {
    width: 66px;
  }
}

.slick-vertical .slick-slide {
  border: none;
}

.c-photo-product-slider__thumbnail {
  display: -ms-grid;
  display: grid;
  /* -ms-grid-columns: (1fr)[6]; */
  grid-template-columns: repeat(6, 1fr);
  margin-top: 15px;
  padding: 0 16px;
  gap: 6px;
}
@media screen and (min-width: 960px) {
  .c-photo-product-slider__thumbnail {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 11.8437118437%;
    max-height: 80vh;
    margin: 0;
    margin-right: 1.8315018315%;
    padding: 0;
  }
}
.c-photo-product-slider__thumbnail .c-button--circle {
  display: block;
  height: auto;
  margin: 0 auto;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 960px) {
  .c-photo-product-slider__thumbnail .c-button--circle {
    width: 37.1134020619%;
  }
}
.c-photo-product-slider__thumbnail .c-button--circle.is-disabled {
  opacity: 0.3;
  pointer-events: none;
}
@media screen and (min-width: 960px) {
  .c-photo-product-slider__thumbnail .c-button--circle .c-icon.c-icon--paging-prev {
    transform: translate(0%, -50%) rotate(-90deg);
  }
}
@media screen and (min-width: 960px) {
  .c-photo-product-slider__thumbnail .c-button--circle .c-icon.c-icon--paging-next {
    transform: translate(0%, -50%) rotate(90deg);
  }
}
@media screen and (min-width: 960px) {
  .c-photo-product-slider__thumbnail .c-photo-product-slider__thumbnail .slick-list {
    height: 100%;
    overflow: hidden;
  }
  .c-photo-product-slider__thumbnail .c-photo-product-slider__thumbnail .slick-track {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}
.c-photo-product-slider__thumbnail .slick-slide {
  position: relative;
}
@media screen and (min-width: 960px) {
  .c-photo-product-slider__thumbnail .slick-slide {
    margin: 3px 0;
  }
}
.c-photo-product-slider__thumbnail .slick-slide.slick-current .c-photo-product-slider__thumbnail-button:before {
  opacity: 1;
}

.c-photo-product-slider__thumbnail-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 960px) {
  .c-photo-product-slider__thumbnail-item {
    height: calc(16.6666666667% - 30px);
  }
}
@media screen and (min-width: 960px) {
  .c-photo-product-slider__thumbnail-item:nth-child(n+7) > .c-photo-product-slider__thumbnail-button {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .c-photo-product-slider__thumbnail-item:nth-child(n+13) {
    display: none;
  }
}

.c-photo-product-slider__thumbnail-button {
  position: relative;
}
.c-photo-product-slider__thumbnail-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #FF6624;
  border-radius: 4px;
  opacity: 0;
}
.c-photo-product-slider__thumbnail-button.is-current:before {
  opacity: 1;
}

.c-photo-product-slider__thumbnail-button {
  overflow: hidden;
  background-color: #f1f1f3;
  border-radius: 4px;
  aspect-ratio: 1/1;
}

.c-photo-product-slider__thumbnail-button,
.c-photo-product-slider__thumbnail-button .c-image,
.c-photo-product-slider__thumbnail-button .c-image img,
.c-photo-product-slider__thumbnail-button img {
  height: 100%;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 960px) {
  .c-photo-product-slider__thumbnail-button,
  .c-photo-product-slider__thumbnail-button .c-image,
  .c-photo-product-slider__thumbnail-button .c-image img,
  .c-photo-product-slider__thumbnail-button img {
    width: auto;
  }
}
@media screen and (max-width: 960px) {
  .c-photo-product-slider__thumbnail-button,
  .c-photo-product-slider__thumbnail-button .c-image,
  .c-photo-product-slider__thumbnail-button .c-image img,
  .c-photo-product-slider__thumbnail-button img {
    width: 100%;
  }
}

.c-photo-product-slider__thumbnail-button .c-image img,
.c-photo-product-slider__thumbnail-button img {
  margin: 0 auto;
  object-fit: contain;
  object-position: center;
}

.c-photo-product-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

.c-photo-product-modal.is-open {
  visibility: visible;
  opacity: 1;
  touch-action: none;
}

.c-photo-product-modal__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
}

.c-photo-product-modal__content {
  position: relative;
  top: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100vw;
  height: 100dvh;
  margin: auto;
  background-color: #fff;
  transform: translateY(-50%);
}
@media screen and (min-width: 960px) {
  .c-photo-product-modal__content {
    width: 90.625vw;
    height: 90vh;
    padding: 55px 16px 16px;
    border-radius: 4px;
  }
}
@media screen and (max-width: 960px) {
  .c-photo-product-modal__content {
    padding: 60px 0 16px;
  }
}

.c-photo-product-modal__head {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.c-photo-product-modal__sliderParameter {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 16px;
  font-size: 16px;
  color: #18181B;
  gap: 4px;
}
.c-photo-product-modal__sliderParameter .line {
  width: 1px;
  height: 12px;
  background: #18181B;
}

.c-photo-product-modal__controller {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 24px;
}
@media screen and (min-width: 960px) {
  .c-photo-product-modal__controller {
    padding: 11px 16px;
  }
}
@media screen and (max-width: 960px) {
  .c-photo-product-modal__controller {
    padding: 20px 16px;
  }
}
.c-photo-product-modal__controller .c-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
}
.c-photo-product-modal__controller .c-button.is-disabled {
  opacity: 0.3;
}
.c-photo-product-modal__controller .c-button .c-icon--cancel.is-large {
  width: 18px;
  height: 18px;
  background: #6F7075;
  mask-size: 18px 18px;
}

.c-photo-product-modal__body {
  position: relative;
  flex-grow: 1;
  margin-bottom: 16px;
}
@media screen and (min-width: 960px) {
  .c-photo-product-modal__body {
    height: 78.0551905388%;
  }
}
@media screen and (max-width: 960px) {
  .c-photo-product-modal__body {
    height: 50%;
  }
}

.c-photo-product-modal__mainSlider {
  position: relative;
  height: 100%;
}

.c-photo-product-modal__mainSlider .slick-slider,
.c-photo-product-modal__mainSlider .slick-list,
.c-photo-product-modal__mainSlider .slick-track,
.c-photo-product-modal__mainSlider .slick-slide,
.c-photo-product-modal__mainSlider .slick-slide > div {
  height: 100%;
}

.c-photo-product-modal__mainSlider-item {
  height: 100%;
}

.c-photo-product-modal__mainSlider-item .c-image,
.c-photo-product-modal__mainSlider-item .c-image img,
.c-photo-product-modal__mainSlider-item img,
.c-photo-product-modal__mainSlider-item iframe,
.c-photo-product-modal__mainSlider-item video {
  width: 100%;
  height: 100%;
}

.c-photo-product-modal__mainSlider-item .c-image img,
.c-photo-product-modal__mainSlider-item img {
  object-fit: contain;
  object-position: center;
  aspect-ratio: 1/1;
}

.c-photo-product-modal__mainSlider-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 90%;
  pointer-events: none;
}
@media screen and (min-width: 960px) {
  .c-photo-product-modal__mainSlider-overlay {
    display: none;
  }
}
.c-photo-product-modal__mainSlider-overlay::before, .c-photo-product-modal__mainSlider-overlay:after {
  content: "";
  position: absolute;
  width: 30%;
  height: 100%;
  pointer-events: auto;
}
.c-photo-product-modal__mainSlider-overlay::before {
  left: 0;
}
.c-photo-product-modal__mainSlider-overlay:after {
  right: 0;
}

.c-photo-product-modal__thumbnailSlider {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
@media screen and (min-width: 960px) {
  .c-photo-product-modal__thumbnailSlider {
    margin: 0 -8px;
    padding: 0;
  }
}
.c-photo-product-modal__thumbnailSlider .c-button--paging-prev,
.c-photo-product-modal__thumbnailSlider .c-button--paging-next {
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translate(0, -50%);
}
.c-photo-product-modal__thumbnailSlider .c-button--paging-prev {
  left: 4px;
}
.c-photo-product-modal__thumbnailSlider .c-button--paging-next {
  right: 4px;
}
.c-photo-product-modal__thumbnailSlider .c-button--circle {
  display: block;
  height: auto;
  margin: 0 auto;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 960px) {
  .c-photo-product-modal__thumbnailSlider .c-button--circle {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 960px) {
  .c-photo-product-modal__thumbnailSlider .c-button--circle {
    width: 36px;
    height: 36px;
  }
}
.c-photo-product-modal__thumbnailSlider .c-button--circle.is-disabled {
  opacity: 0.3;
  pointer-events: none;
}
@media screen and (max-width: 960px) {
  .c-photo-product-modal__thumbnailSlider .slick-arrow {
    display: block !important;
  }
}
.c-photo-product-modal__thumbnailSlider .slick-list {
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .c-photo-product-modal__thumbnailSlider .slick-list {
    width: calc(100% - 108px);
    padding: 0 8px;
  }
}
@media screen and (max-width: 960px) {
  .c-photo-product-modal__thumbnailSlider .slick-list {
    width: calc(100% - 64px);
  }
}
.c-photo-product-modal__thumbnailSlider .slick-slide {
  position: relative;
  margin: 0 8px;
}
.c-photo-product-modal__thumbnailSlider .slick-slide:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #FF6624;
  border-radius: 4px;
  opacity: 0;
}
.c-photo-product-modal__thumbnailSlider .slick-slide.slick-current:before {
  opacity: 1;
}

.c-photo-product-modal__thumbnailSlider-button.is-current img {
  opacity: 1;
}

.c-photo-product-modal__thumbnailSlider-button {
  overflow: hidden;
  background-color: #f1f1f3;
  border-radius: 4px;
  aspect-ratio: 1/1;
}

.c-photo-product-modal__thumbnailSlider-button,
.c-photo-product-modal__thumbnailSlider-button .c-image,
.c-photo-product-modal__thumbnailSlider-button .c-image img,
.c-photo-product-modal__thumbnailSlider-button img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
}

.c-photo-product-modal__thumbnailSlider-button .c-image img,
.c-photo-product-modal__thumbnailSlider-button img {
  object-fit: contain;
  object-position: center;
}

.c-photo-product-slider__thumbnailMore {
  margin-top: 24px;
  padding: 0 16px;
}
@media screen and (min-width: 960px) {
  .c-photo-product-slider__thumbnailMore {
    display: none;
  }
}

.c-photo-product-attention {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
}
@media screen and (min-width: 960px) {
  .c-photo-product-attention {
    display: none;
  }
}

@media screen and (min-width: 960px) {
  .c-photo-variable-grid {
    margin-top: 8px;
  }
}

.c-photo-variable-grid__body.is-show-more .is-more {
  display: block;
}

@media screen and (min-width: 960px) {
  .c-photo-variable-grid__list {
    margin-bottom: -8px;
  }
}

.c-photo-variable-grid__body {
  min-height: 500px;
}

.c-photo-variable-grid__item {
  width: 100%;
  visibility: hidden;
}
@media screen and (min-width: 960px) {
  .c-photo-variable-grid__item {
    width: calc(50% - 4px);
    margin-bottom: 8px;
  }
}
.c-photo-variable-grid__item:nth-child(n+2) {
  margin-top: 4px;
}
@media screen and (min-width: 960px) {
  .c-photo-variable-grid__item:nth-child(n+2) {
    margin-top: 0;
  }
}
.c-photo-variable-grid__item img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 960px) {
  .c-photo-variable-grid__item img {
    border-radius: 8px;
  }
}
.c-photo-variable-grid__item.is-visible {
  visibility: visible;
}
.c-photo-variable-grid__item.is-more {
  display: none;
}
@media screen and (min-width: 960px) {
  .c-photo-variable-grid__item:only-child {
    position: static !important;
    margin: 0 auto;
  }
}
.c-photo-variable-grid__item .c-icon--play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30%;
  max-width: 100px;
}

.c-photo-variable-grid__photo {
  position: relative;
  cursor: pointer;
}
.c-photo-variable-grid__photo .c-image {
  display: block;
}

.c-photo-variable-grid__photo__caption {
  position: absolute;
  bottom: 14px;
  left: 8px;
  max-width: calc(100% - 16px);
  padding: 4px 9px;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.5;
  color: #18181B;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #fff;
  border-radius: 4px;
}
@media screen and (min-width: 960px) {
  .c-photo-variable-grid__photo__caption {
    font-size: 1.2rem;
  }
}

.c-photo-variable-grid__more {
  bottom: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 16px 24px 0;
}
@media screen and (min-width: 960px) {
  .c-photo-variable-grid__more {
    padding: 20px 0 0;
  }
}
.c-photo-variable-grid__more .c-button {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .c-photo-variable-grid__more .c-button {
    display: inline-block;
    width: auto;
    min-width: 250px;
  }
}
.c-photo-variable-grid__more .js-grid-close {
  display: none;
}

.c-price {
  font-size: 1.4rem;
  font-size: 1.4rem;
  color: #18181B;
}
.c-price .c-price__del {
  font-size: 1.2rem;
}
.c-price.is-attention .c-price__main {
  font-weight: 600;
  color: #FF4444;
}
.c-price.is-disabled {
  color: #6F7075;
}
.c-price.is-center .c-price__main {
  display: block;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .c-price {
    font-size: 1.6rem;
  }
}
.c-price em {
  font-weight: 600;
  font-style: normal;
}
.c-price.is-xlarge {
  font-size: 1.8rem;
}
@media screen and (min-width: 960px) {
  .c-price.is-xlarge {
    font-size: 2rem;
  }
}
.c-price.is-large {
  font-size: 1.6rem;
}
@media screen and (min-width: 960px) {
  .c-price.is-large {
    font-size: 1.8rem;
  }
}
.c-price.is-small {
  font-size: 1.2rem;
}
@media screen and (min-width: 960px) {
  .c-price.is-small {
    font-size: 1.4rem;
  }
}
.c-price.is-xsmall {
  font-size: 1rem;
}
@media screen and (min-width: 960px) {
  .c-price.is-xsmall {
    font-size: 1.2rem;
  }
}
.c-price.is-xsmall {
  font-size: 1rem;
}
@media screen and (min-width: 960px) {
  .c-price.is-xsmall {
    font-size: 1.2rem;
  }
}
.c-price.is-bold {
  font-weight: 600;
}
.c-price.is-xsmall .c-price__del {
  font-size: 0.8rem;
}
.c-price.is-small .c-price__del {
  font-size: 1rem;
}
.c-price.is-large .c-price__del {
  font-size: 1.4rem;
}
.c-price.is-xlarge .c-price__del {
  font-size: 1.6rem;
}

.c-price__del {
  color: #A9AAB2;
}
.c-price__del::after {
  content: "";
  display: inline-block;
  width: 11px;
  min-width: 11px;
  height: 11px;
  margin: 0 7px;
  background-color: #A9AAB2;
  -webkit-mask-image: url("/img/icon/arrow-price-del.svg");
          mask-image: url("/img/icon/arrow-price-del.svg");
  -webkit-mask-size: 11px 11px;
          mask-size: 11px 11px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.c-price__del.is-noarrow::after {
  content: none;
}

span.c-price__del {
  text-decoration: line-through;
}

.c-price__del_term {
  margin-left: 4px;
  font-size: 1.4rem;
}
.c-price__del_term::after {
  content: "";
  display: inline-block;
  width: 11px;
  min-width: 11px;
  height: 11px;
  margin: 0 7px;
  background-color: #A9AAB2;
  -webkit-mask-image: url("/img/icon/arrow-price-del.svg");
          mask-image: url("/img/icon/arrow-price-del.svg");
  -webkit-mask-size: 11px 11px;
          mask-size: 11px 11px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.c-price__del_term.is-attention {
  font-weight: 600;
  color: #FF4444;
}
.c-price__del_term.is-noarrow::after {
  content: none;
}

.c-price__term {
  margin-left: 8px;
  color: #6F7075;
}
.c-price__term.is-attention {
  font-weight: 600;
  color: #FF4444;
}

.c-progress {
  position: relative;
  display: flex;
  justify-content: space-between;
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .c-progress {
    font-size: 1.6rem;
  }
}
.c-progress::before, .c-progress::after {
  content: "";
  position: absolute;
  top: 10px;
  display: block;
  height: 4px;
}
.c-progress::before {
  right: 0;
  left: 0;
  width: calc(100% - 2em);
  margin: auto;
  background-color: #CBCDD6;
}
.c-progress::after {
  background-color: #18181B;
}
.c-progress.is-step2::after {
  left: 1.5em;
  width: calc(33.5% - 1.5em);
}
.c-progress.is-step3::after {
  left: 1.5em;
  width: calc(66% - 1.5em);
}
.c-progress.is-step4::after {
  right: 0;
  left: 0;
  width: calc(100% - 2em);
  margin: auto;
}

.c-progress__item {
  position: relative;
  z-index: 3;
  padding-top: 24px;
}
.c-progress__item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  margin: auto;
  background-color: #CBCDD6;
  border-radius: 50%;
}
.c-progress__item .c-icon {
  position: absolute;
  top: 6px;
  right: 0;
  left: 0;
  z-index: 2;
  display: none;
  margin: auto;
}
.c-progress__item.is-checked .c-icon {
  display: block;
}
.c-progress__item.is-checked::after {
  background-color: #18181B;
}
.c-progress__item.is-current {
  font-weight: 600;
}

.c-progress__text {
  width: 3em;
  padding-top: 8px;
  text-align: center;
}

.c-section, .c-section--16 {
  padding-top: 64px;
}
.c-section:nth-child(1), .c-section--16:nth-child(1) {
  padding-top: 0px;
}
.c-section p, .c-section--16 p {
  padding-top: 24px;
}

.c-section--6 {
  padding-top: 24px;
}
.c-section--6:nth-child(1) {
  padding-top: 0px;
}
.c-section--6 p {
  padding-top: 16px;
}

.c-section--16 {
  padding-top: 64px;
}
.c-section--16 p {
  padding-top: 24px;
}

.c-status {
  font-size: 1.4rem;
  font-size: 1.4rem;
  color: #6F7075;
  font-feature-settings: "palt" on;
}
.is-strong.c-status {
  font-weight: 600;
}
.is-attention.c-status {
  font-weight: 600;
  color: #FF4444;
}
.is-disabled.c-status {
  color: #A9AAB2;
}
@media screen and (min-width: 960px) {
  .c-status {
    font-size: 1.6rem;
  }
}
.c-status em {
  font-weight: 600;
  font-style: normal;
}
.is-xlarge.c-status {
  font-size: 1.8rem;
}
@media screen and (min-width: 960px) {
  .is-xlarge.c-status {
    font-size: 2rem;
  }
}
.is-large.c-status {
  font-size: 1.6rem;
}
@media screen and (min-width: 960px) {
  .is-large.c-status {
    font-size: 1.8rem;
  }
}
.is-small.c-status {
  font-size: 1.2rem;
}
@media screen and (min-width: 960px) {
  .is-small.c-status {
    font-size: 1.4rem;
  }
}
.is-xsmall.c-status {
  font-size: 1rem;
}
@media screen and (min-width: 960px) {
  .is-xsmall.c-status {
    font-size: 1.2rem;
  }
}
.is-xsmall.c-status {
  font-size: 1rem;
}
@media screen and (min-width: 960px) {
  .is-xsmall.c-status {
    font-size: 1.2rem;
  }
}
.is-bold.c-status {
  font-weight: 600;
}

.c-text-body--caption, .c-text-body, .c-text-body--secondary {
  font-size: 1.4rem;
  color: #18181B;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" on;
}
.c-text-body--caption a, .c-text-body a, .c-text-body--secondary a {
  text-decoration: underline;
}
@media screen and (min-width: 960px) {
  .c-text-body--caption, .c-text-body, .c-text-body--secondary {
    font-size: 1.6rem;
  }
}
.c-text-body--caption em, .c-text-body em, .c-text-body--secondary em {
  font-weight: 600;
  font-style: normal;
}
.is-xlarge.c-text-body--caption, .is-xlarge.c-text-body, .is-xlarge.c-text-body--secondary {
  font-size: 1.8rem;
}
@media screen and (min-width: 960px) {
  .is-xlarge.c-text-body--caption, .is-xlarge.c-text-body, .is-xlarge.c-text-body--secondary {
    font-size: 2rem;
  }
}
.is-large.c-text-body--caption, .is-large.c-text-body, .is-large.c-text-body--secondary {
  font-size: 1.6rem;
}
@media screen and (min-width: 960px) {
  .is-large.c-text-body--caption, .is-large.c-text-body, .is-large.c-text-body--secondary {
    font-size: 1.8rem;
  }
}
.is-small.c-text-body--caption, .is-small.c-text-body, .is-small.c-text-body--secondary {
  font-size: 1.2rem;
}
@media screen and (min-width: 960px) {
  .is-small.c-text-body--caption, .is-small.c-text-body, .is-small.c-text-body--secondary {
    font-size: 1.4rem;
  }
}
.is-xsmall.c-text-body--caption, .is-xsmall.c-text-body, .is-xsmall.c-text-body--secondary {
  font-size: 1rem;
}
@media screen and (min-width: 960px) {
  .is-xsmall.c-text-body--caption, .is-xsmall.c-text-body, .is-xsmall.c-text-body--secondary {
    font-size: 1.2rem;
  }
}
.is-xsmall.c-text-body--caption, .is-xsmall.c-text-body, .is-xsmall.c-text-body--secondary {
  font-size: 1rem;
}
@media screen and (min-width: 960px) {
  .is-xsmall.c-text-body--caption, .is-xsmall.c-text-body, .is-xsmall.c-text-body--secondary {
    font-size: 1.2rem;
  }
}
.is-bold.c-text-body--caption, .is-bold.c-text-body, .is-bold.c-text-body--secondary {
  font-weight: 600;
}

.c-text-body, .c-text-body--secondary {
  line-height: 1.75;
}

.c-text-body--caption {
  line-height: 1.5;
}

.c-text-body, .c-text-body--secondary {
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .c-text-body, .c-text-body--secondary {
    font-size: 1.6rem;
  }
}
.c-text-body em, .c-text-body--secondary em {
  font-weight: 600;
  font-style: normal;
}
.c-text-body.is-xlarge, .is-xlarge.c-text-body--secondary {
  font-size: 1.8rem;
}
@media screen and (min-width: 960px) {
  .c-text-body.is-xlarge, .is-xlarge.c-text-body--secondary {
    font-size: 2rem;
  }
}
.c-text-body.is-large, .is-large.c-text-body--secondary {
  font-size: 1.6rem;
}
@media screen and (min-width: 960px) {
  .c-text-body.is-large, .is-large.c-text-body--secondary {
    font-size: 1.8rem;
  }
}
.c-text-body.is-small, .is-small.c-text-body--secondary {
  font-size: 1.2rem;
}
@media screen and (min-width: 960px) {
  .c-text-body.is-small, .is-small.c-text-body--secondary {
    font-size: 1.4rem;
  }
}
.c-text-body.is-xsmall, .is-xsmall.c-text-body--secondary {
  font-size: 1rem;
}
@media screen and (min-width: 960px) {
  .c-text-body.is-xsmall, .is-xsmall.c-text-body--secondary {
    font-size: 1.2rem;
  }
}
.c-text-body.is-xsmall, .is-xsmall.c-text-body--secondary {
  font-size: 1rem;
}
@media screen and (min-width: 960px) {
  .c-text-body.is-xsmall, .is-xsmall.c-text-body--secondary {
    font-size: 1.2rem;
  }
}
.c-text-body.is-bold, .is-bold.c-text-body--secondary {
  font-weight: 600;
}
.c-text-body + .c-text-body, .c-text-body--secondary + .c-text-body, .c-text-body + .c-text-body--secondary, .c-text-body--secondary + .c-text-body--secondary {
  padding-top: 1em;
}

.c-text-body--secondary {
  color: #6F7075;
}

.c-text-body--caption {
  font-size: 1rem;
}
.c-text-body--caption + .c-text-body--caption {
  padding-top: 1em;
}

.c-text-body--level6 {
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .c-text-body--level6 {
    font-size: 1.6rem;
  }
}

.c-text-body--alert {
  color: #ff0000;
}

.c-text-body--info {
  color: #0175E1;
}

.text-error {
  font-size: 1.2rem;
  color: #FF4444;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" on;
}
@media screen and (min-width: 960px) {
  .text-error {
    font-size: 1.4rem;
  }
}

.c-thanks {
  max-width: 327px;
  margin: 0 auto;
  text-align: center;
  color: #000;
  background-color: #fff;
}
@media screen and (min-width: 960px) {
  .c-thanks {
    max-width: none;
  }
}

.c-thanks__status {
  padding-top: 16px;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 36px;
}

.c-thanks__schedule {
  display: inline-block;
  padding-top: 32px;
  font-size: 1.4rem;
  line-height: 2.1rem;
  text-align: left;
}

.c-title--level8, .c-title--level7, .c-title--level6, .c-title--level5, .c-title--level4, .c-title--level3, .c-title--level2, .c-title--level1, .c-title--level0 {
  font-weight: 600;
  line-height: 1.5;
  color: #18181B;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" on;
}
.is-underline.c-title--level8, .is-underline.c-title--level7, .is-underline.c-title--level6, .is-underline.c-title--level5, .is-underline.c-title--level4, .is-underline.c-title--level3, .is-underline.c-title--level2, .is-underline.c-title--level1, .is-underline.c-title--level0 {
  padding-bottom: 8px;
  border-bottom: 1px solid #18181B;
}
.c-title--level8 a, .c-title--level7 a, .c-title--level6 a, .c-title--level5 a, .c-title--level4 a, .c-title--level3 a, .c-title--level2 a, .c-title--level1 a, .c-title--level0 a {
  color: #18181B;
  text-decoration: underline;
}
.is-error.c-title--level8, .is-error.c-title--level7, .is-error.c-title--level6, .is-error.c-title--level5, .is-error.c-title--level4, .is-error.c-title--level3, .is-error.c-title--level2, .is-error.c-title--level1, .is-error.c-title--level0 {
  color: #FF4444;
}
@media screen and (min-width: 960px) {
  .is-center--pc.c-title--level8, .is-center--pc.c-title--level7, .is-center--pc.c-title--level6, .is-center--pc.c-title--level5, .is-center--pc.c-title--level4, .is-center--pc.c-title--level3, .is-center--pc.c-title--level2, .is-center--pc.c-title--level1, .is-center--pc.c-title--level0 {
    text-align: center;
  }
}

.c-title--level0 {
  font-size: 2.4rem;
}
@media screen and (min-width: 960px) {
  .c-title--level0 {
    font-size: 4rem;
  }
}

.c-title--level1 {
  font-size: 3.2rem;
}

.c-title--level2 {
  font-size: 2.4rem;
}

.c-title--level3 {
  font-size: 2rem;
}

.c-title--level4 {
  font-size: 1.8rem;
}

.c-title--level5 {
  font-size: 1.6rem;
}

.c-title--level6 {
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .c-title--level6 {
    font-size: 1.6rem;
  }
}

.c-title--level7 {
  font-size: 1.2rem;
}
@media screen and (min-width: 960px) {
  .c-title--level7 {
    font-size: 1.4rem;
  }
}

.c-title--level8 {
  font-size: 1rem;
}
@media screen and (min-width: 960px) {
  .c-title--level8 {
    font-size: 1.2rem;
  }
}

.c-title--underline {
  position: relative;
  min-height: 32px;
  padding-bottom: 8px;
  font-weight: 600;
  font-size: 1.6rem;
}
@media screen and (min-width: 960px) {
  .c-title--underline {
    font-size: 1.8rem;
  }
}
.c-title--underline::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #F2F2F3;
}
.c-title--underline .c-title__text {
  z-index: 2;
  display: inline-block;
  height: 100%;
  line-height: 1.6;
}
.c-title--underline .c-title__text::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 64px;
  height: 3px;
  background-color: #FF6624;
}
.c-title--underline.is-large {
  height: 34px;
  font-size: 1.6rem;
}
@media screen and (min-width: 960px) {
  .c-title--underline.is-large {
    font-size: 1.8rem;
  }
}

.c-title--logo {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16px;
  gap: 8px;
}
@media screen and (min-width: 960px) {
  .c-title--logo {
    margin-bottom: 32px;
  }
}
.c-title--logo .c-image_face {
  display: inline-block;
  width: 40px;
  min-width: 40px;
  height: auto;
}
.c-title--logo .c-image_face img {
  width: 100%;
  height: auto;
  object-fit: scale-down;
}
.c-title--logo .c-title__text {
  max-width: calc(100% - 40px);
  font-weight: 600;
  font-size: 2rem;
}
@media screen and (min-width: 960px) {
  .c-title--logo .c-title__text {
    max-width: calc(100% - 210px);
    font-weight: 300;
    font-size: 3.2rem;
  }
}
.c-title--logo .c-label {
  margin: 0 0 0 auto;
  font-size: 1.2rem;
}
@media screen and (min-width: 960px) {
  .c-title--logo .c-label {
    position: static;
    margin: auto auto auto 16px;
    font-size: 1.4rem;
    transform: none;
  }
}

.c-zoom, .c-panzoom {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 960px) {
  .c-zoom, .c-panzoom {
    padding: 60px;
  }
}
.c-zoom .slick-list, .c-panzoom .slick-list {
  height: 100%;
  overflow: visible;
}
.c-zoom .slick-track, .c-panzoom .slick-track {
  height: 100%;
}
.c-zoom .slick-slide, .c-panzoom .slick-slide {
  height: 100%;
}
.c-zoom .slick-slide > div, .c-panzoom .slick-slide > div {
  height: 100%;
}
.c-zoom .slick-dots, .c-panzoom .slick-dots {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  padding: 0 32px 8px;
}
.c-zoom .slick-dots li, .c-panzoom .slick-dots li {
  padding: 0 8px 16px;
}
.c-zoom .slick-dots li button, .c-panzoom .slick-dots li button {
  width: 9px;
  height: 9px;
  overflow: hidden;
  font-size: 0;
  text-indent: -100%;
  background-color: #CBCDD6;
  border-radius: 50%;
}
.c-zoom .slick-dots li.slick-active button, .c-panzoom .slick-dots li.slick-active button {
  background-color: #FF6624;
}

.c-zoom__wrapper, .c-panzoom__wrapper {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 24px 0;
  overflow: hidden;
  background-color: #fff;
}
@media screen and (min-width: 960px) {
  .c-zoom__wrapper, .c-panzoom__wrapper {
    max-width: 1068px;
    max-height: 897px;
    border-radius: 8px;
  }
}

.c-zoom__header, .c-panzoom__header {
  position: absolute;
  top: 21px;
  left: 21px;
  z-index: 2;
}

.c-zoom__body, .c-panzoom__body {
  height: 100%;
}

.c-zoom__unit, .c-panzoom__unit {
  position: relative;
  height: 100%;
  overflow: visible !important;
}
.c-zoom__unit > img, .c-panzoom__unit > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: auto;
  transform-style: preserve-3d;
}
.c-panzoom__unit.is-youtube .c-panzoom__youtube {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.c-panzoom__unit.is-youtube .c-panzoom__youtube iframe {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  aspect-ratio: 16 / 9;
}
.c-zoom__unit .c-text-body, .c-panzoom__unit .c-text-body {
  position: absolute;
  bottom: -24px;
  left: 0;
  z-index: 2;
  width: 100%;
  padding: 40px 24px 62px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 32.96%);
}

.c-zoom__next, .c-panzoom__next, .c-zoom__prev, .c-panzoom__prev {
  position: absolute;
  position: absolute;
  top: 50%;
  z-index: 2;
  display: block;
  transform: translate(0%, -50%);
}

.c-zoom__prev, .c-panzoom__prev {
  left: 24px;
}

.c-zoom__next, .c-panzoom__next {
  right: 24px;
}

.c-zoom__close-all, .c-panzoom__close-all {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.c-zoom--change .c-zoom__wrapper, .c-panzoom--change .c-zoom__wrapper, .c-zoom--change .c-panzoom__wrapper, .c-panzoom--change .c-panzoom__wrapper {
  padding: 50px;
}

.c-panzoom {
  display: none;
  opacity: 0;
}
.c-panzoom.is-zoom .c-panzoom__unit {
  transition-duration: 0s !important;
}

.c-panzoom__header {
  z-index: 12;
}

.c-panzoom__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr auto;
  grid-template-rows: 1fr auto;
}

.c-panzoom__units {
  position: relative;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}

.c-panzoom__dots {
  z-index: 2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  margin-bottom: -8px;
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .c-panzoom__dots {
    margin-bottom: -6px;
  }
}

.c-panzoom__dots__list {
  text-align: center;
}

.c-panzoom__dots__item {
  display: inline-block;
  padding: 0 8px 8px;
  font-size: 0;
  cursor: pointer;
}
@media screen and (min-width: 960px) {
  .c-panzoom__dots__item {
    padding: 0 6px 6px;
  }
}
.c-panzoom__dots__item.is-current .c-panzoom__dots__item__inner {
  background-color: #FF6624;
}
.c-panzoom__dots__item.is-current .c-panzoom__dots__item__inner:hover {
  background-color: #f36021;
}

.c-panzoom__dots__item__inner {
  display: block;
  width: 9px;
  height: 9px;
  overflow: hidden;
  text-indent: -100%;
  background-color: #CBCDD6;
  border-radius: 50%;
}
@media screen and (min-width: 960px) {
  .c-panzoom__dots__item__inner {
    width: 12px;
    height: 12px;
  }
}
.c-panzoom__dots__item__inner:hover {
  background-color: #c0c2cc;
}

.c-panzoom__unit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
}


.c-panzoom__unit > img {
  max-height: calc(100vh - 150px);
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media screen and (min-width: 960px) {
  .c-panzoom__unit > img {
    max-width: calc(100% - 170px);
    max-height: 100%;
  }
}

.c-panzoom__unit .c-text-body {
  bottom: 0px;
  padding: 22px 24px 0;
  font-size: 1.3rem;
}
.c-panzoom__unit.is-selected {
  opacity: 1;
  pointer-events: auto;
  touch-action: auto;
}
.c-panzoom__unit.is-zoom {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.c-panzoom__unit.is-zoom > img {
  display: none;
}

.c-panzoom__zoomist {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
  width: 100%;
  height: 100%;
  padding: 14px;
  overflow: hidden;
  background-color: #fff;
}
.c-panzoom__zoomist.is-active {
  display: block;
}

.c-panzoom__close {
  padding: 10px;
  background-color: #fff;
  border-radius: 50%;
}

.c-panzoom__prev {
  display: none;
}
@media screen and (min-width: 960px) {
  .c-panzoom__prev {
    display: block;
  }
}

.c-panzoom__next {
  display: none;
}
@media screen and (min-width: 960px) {
  .c-panzoom__next {
    display: block;
  }
}

.p-agev__title {
  text-align: center;
}
@media screen and (min-width: 960px) {
  .p-agev__title .c-title--level2 {
    font-size: 3.6rem;
  }
}

.p-agev__text {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-agev__text {
    text-align: center;
  }
}
.p-agev__text.is-first {
  padding-top: 16px;
}
.p-agev__text .pc-only {
  display: none;
}
@media screen and (min-width: 960px) {
  .p-agev__text .pc-only {
    display: block;
  }
}

.p-agev__button {
  width: 100%;
  max-width: 340px;
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-agev__button {
    width: -moz-fit-content;
    width: fit-content;
    min-width: 340px;
    max-width: none;
  }
}

.p-article__button {
  width: 200px;
  margin: 0 auto;
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-article__button {
    width: auto;
    padding-top: 32px;
    text-align: center;
  }
}
@media screen and (min-width: 960px) {
  .p-article__button .c-button {
    display: inline-block;
    width: auto;
    min-width: 200px;
    margin: 0 auto;
  }
}

.p-article__main-visual {
    width: 100%;
    margin: 0;
}
.p-article__main-visual img {
    width: 100%;
    height: auto;
}
.p-article__main-visual > .c-image {
  width: 100%;
}

.p-article__date .c-text-body {
  color: #6F7075;
}
.p-article__date p {
  padding-bottom: 0;
  font-size: 1.2rem;
  color: #6f7075;
}
@media screen and (min-width: 960px) {
  .p-article__date p {
    font-size: 1.4rem;
  }
}

.p-article__img {
  padding-top: 32px;
  padding-bottom: 8px;
  text-align: center;
}
.p-article__img:nth-child(1) {
  padding-top: 0px;
}
.p-article__img .p-article__img-block {
  padding-top: 0px;
}
.p-article__img .p-article__img-block .c-image {
  display: block;
}
.p-article__img .p-article__img-block img {
  max-width: 100%;
}
@media screen and (min-width: 960px) {
  .p-article__img .p-article__img-block img {
    width: auto;
    height: auto;
    object-fit: contain;
  }
}
.p-article__img .p-article__img-block:nth-child(n+2) {
  padding-top: 24px;
}
.p-article__img p.c-text-body--caption {
  display: inline-block;
  padding-top: 8px;
  font-size: 1rem;
  text-align: left;
}

.p-article__img-multi {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-article__img-multi {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 32px;
    padding-bottom: 8px;
  }
}
.p-article__img-multi:first-child {
  padding-top: 0px;
}
.p-article__img-multi .p-article__img-block {
  display: flex;
  flex-flow: column;
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-article__img-multi .p-article__img-block {
    max-width: 376px;
  }
}
.p-article__img-multi .p-article__img-block:first-child {
  padding-top: 0px;
}
@media screen and (min-width: 960px) {
  .p-article__img-multi .p-article__img-block {
    padding-top: 0px;
  }
}
@media screen and (min-width: 960px) {
  .p-article__img-multi .p-article__img-block img {
    width: 376px;
    height: 270px;
  }
}
@media screen and (min-width: 960px) {
  .p-article__img-multi .p-article__img-block:nth-child(n+3) {
    padding-top: 24px;
  }
}
.p-article__img-multi .p-article__img-block .c-image {
  text-align: center;
}
.p-article__img-multi p.c-text-body--caption {
  display: flex;
  justify-content: center;
  padding-top: 8px;
  font-size: 1rem;
}
@media screen and (min-width: 960px) {
  .p-article__img-multi p.c-text-body--caption {
    display: inline-block;
    text-align: left;
  }
}

.p-article__box {
  margin-top: 24px;
  padding: 32px;
  background-color: #F2F2F3;
}
.p-article__box:first-child {
  margin-top: 0px;
}
@media screen and (min-width: 960px) {
  .p-article__box .p-article__img-multi .p-article__img-block {
    max-width: calc(50% - 12px);
  }
}
.p-article__box .p-article__img-block img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.p-article__banner {
  padding-top: 24px;
}

.p-article__link-other {
  padding-top: 24px;
}
.p-article__link-other:nth-child(1) {
  padding-top: 0x;
}

.p-article__link-block {
  padding-top: 64px;
}
.p-article__link-block:nth-child(1) {
  padding-top: 0x;
}
.p-article__link-block .c-link__article {
  justify-content: center;
}
.p-article__link-block .c-link__event {
  justify-content: center;
}

.p-article__img-block img {
  max-width: 100%;
  object-fit: contain;
}

.p-calendar__date {
  padding: 32px 24px 0;
}
@media screen and (min-width: 960px) {
  .p-calendar__date {
    padding: 43px 0 0;
  }
}
@media screen and (min-width: 960px) {
  .p-calendar__date.is-first {
    padding: 32px 0 0;
  }
}
@media screen and (min-width: 960px) {
  .p-calendar__date .c-title--underline {
    font-size: 2rem;
  }
}

.p-calendar__products-list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 960px) {
  .p-calendar__products-list {
    padding: 0;
  }
}

.p-calendar__products-item {
  width: 33.3333333333%;
  padding-top: 24px;
  padding-left: 1px;
}
@media screen and (min-width: 960px) {
  .p-calendar__products-item {
    width: 200px;
    margin-left: 16px;
    padding-left: 0;
  }
}
.p-calendar__products-item:nth-of-type(3n) {
  padding-right: 1px;
}
@media screen and (min-width: 960px) {
  .p-calendar__products-item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
}
.p-calendar__products-item .b-product-item__label,
.p-calendar__products-item .b-product-item__title,
.p-calendar__products-item .b-product-item__price,
.p-calendar__products-item .b-product-item__status {
  padding: 8px 6px 0;
}
@media screen and (min-width: 960px) {
  .p-calendar__products-item .b-product-item__label,
.p-calendar__products-item .b-product-item__title,
.p-calendar__products-item .b-product-item__price,
.p-calendar__products-item .b-product-item__status {
    padding: 8px 0 0;
  }
}

.p-calendar__attention {
  padding: 16px 24px 0;
}
@media screen and (min-width: 960px) {
  .p-calendar__attention {
    padding: 16px 0 0;
  }
}

.p-calendar__month {
  padding: 48px 24px 0;
}
@media screen and (min-width: 960px) {
  .p-calendar__month {
    padding: 48px 0 0;
  }
}
.p-calendar__month.is-first {
  padding-top: 24px;
}
.p-calendar__month .c-title--level0 {
  font-weight: 400;
  font-size: 2.8rem;
}

.p-cart .c-label--secondary.is-large {
  width: calc(100% + 48px);
  margin-left: -24px;
}
@media screen and (min-width: 960px) {
  .p-cart .c-label--secondary.is-large {
    width: 100%;
    margin-left: 0px;
    border-radius: 4px;
  }
}
.p-cart .c-title--level4 {
  padding: 16px 0px;
}
@media screen and (min-width: 960px) {
  .p-cart .c-title--level4 {
    padding: 24px 0px;
  }
}
.p-cart .b-form-product {
  padding-bottom: 16px;
}
@media screen and (min-width: 960px) {
  .p-cart .b-form-product {
    padding-bottom: 32px;
  }
}
@media screen and (min-width: 960px) {
  .p-cart .b-form-product .b-form-product__image {
    width: 120px;
    height: 120px;
  }
}
@media screen and (min-width: 960px) {
  .p-cart .b-form-product .b-form-product__image .c-image img {
    width: 120px;
    height: 120px;
  }
}
.p-cart .b-form-product .b-form-product__image .c-image.is-noimage img {
  width: 80%;
  width: 80%;
}
.p-cart .c-button--primary {
  margin-top: 32px;
}

@media screen and (min-width: 960px) {
  .p-cart_link-next.is-large.c-button--primary .c-button__body {
    min-height: 48px;
  }
}

.p-cart__recommend {
  display: none;
}
@media screen and (min-width: 960px) {
  .p-cart__recommend .b-recommend {
    margin-top: 32px;
    padding: 16px;
    background: #fff;
    border: 1px solid #CBCDD6;
    border-radius: 6px;
  }
}
@media screen and (min-width: 960px) {
  .p-cart__recommend .b-recommend .b-recommend__title {
    width: auto;
    padding-left: 0;
  }
}

.c-global-footer {
  border-top: none;
}
@media screen and (min-width: 960px) {
  .c-global-footer {
    border-top: 1px solid #fff;
  }
}

.p-empty {
  padding-bottom: 32px;
}
@media screen and (min-width: 960px) {
  .p-empty {
    padding: 0;
  }
}
.p-empty .c-empty {
  padding: 0 0 32px;
}
@media screen and (min-width: 960px) {
  .p-empty .c-empty {
    padding: 0px 0 20px;
  }
}
.p-empty .p-empty__link {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 327px;
  margin: 0 auto;
}

.p-category-brand .c-title--level7 {
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .p-category-brand .b-series__title {
    padding-top: 0px;
  }
}
@media screen and (min-width: 960px) {
  .p-category-brand .b-brand__item:nth-child(n+2) {
    padding-top: 32px;
  }
}
.p-category-brand .b-brand {
  display: block;
}
.p-category-brand .b-brand:nth-child(n+2) {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #CBCDD6;
}
@media screen and (min-width: 960px) {
  .p-category-brand .b-brand:nth-child(n+2) {
    margin-top: 56px;
    padding-top: 56px;
  }
}
.p-category-brand .b-brand__list_sub {
  margin-top: 18px;
  padding-top: 32px;
  border-top: 1px solid #CBCDD6;
}
@media screen and (min-width: 960px) {
  .p-category-brand .b-brand__list_sub {
    margin-top: 56px;
    padding-top: 56px;
  }
}

.p-checkout {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-checkout {
    padding-top: 40px;
  }
}
@media screen and (min-width: 960px) {
  .p-checkout .c-title--level2 {
    font-size: 3.2rem;
  }
}
.p-checkout ul.p-checkout__item-list li:nth-child(n+2) .b-form-radio,
.p-checkout ul.p-checkout__item-list li:nth-child(n+2) .b-form-radio--row {
  border-top: none;
}
@media screen and (min-width: 960px) {
  .p-checkout ul.p-checkout__item-list li:nth-child(n+2) .b-form-radio__submit {
    padding-top: 0;
  }
}
.p-checkout .p-checkout__add-new, .p-checkout .p-checkout__add-new--payment {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-checkout .p-checkout__add-new, .p-checkout .p-checkout__add-new--payment {
    margin: 0 auto;
    text-align: center;
  }
}
@media screen and (min-width: 960px) {
  .p-checkout .p-checkout__add-new .c-button, .p-checkout .p-checkout__add-new--payment .c-button {
    display: inline-block;
    width: auto;
    min-width: 327px;
  }
}
@media screen and (min-width: 960px) {
  .p-checkout .p-checkout__add-new--payment {
    padding-top: 40px;
  }
}
.p-checkout .p-checkout__checkbox-register .c-checkbox {
  padding-top: 45px;
}
@media screen and (min-width: 960px) {
  .p-checkout .p-checkout__checkbox-register .c-checkbox {
    padding-top: 24px;
  }
}
.p-checkout .p-checkout__checkbox-register-billing .c-checkbox {
  padding-top: 32px;
}
@media screen and (min-width: 960px) {
  .p-checkout .p-checkout__checkbox-register-billing .c-checkbox {
    padding-top: 24px;
  }
}
.p-checkout .p-checkout__submit, .p-checkout .p-checkout__submit--choose-delivery, .p-checkout .p-checkout__submit--choose,
.p-checkout .p-checkout__submit--summary, .p-checkout .p-checkout__submit--address {
  padding-top: 32px;
}
@media screen and (min-width: 960px) {
  .p-checkout .p-checkout__submit, .p-checkout .p-checkout__submit--choose-delivery, .p-checkout .p-checkout__submit--choose,
.p-checkout .p-checkout__submit--summary, .p-checkout .p-checkout__submit--address {
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .p-checkout .p-checkout__submit .c-button, .p-checkout .p-checkout__submit--choose-delivery .c-button, .p-checkout .p-checkout__submit--choose .c-button,
.p-checkout .p-checkout__submit--summary .c-button, .p-checkout .p-checkout__submit--address .c-button {
    width: auto;
    min-width: 327px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .p-checkout .p-checkout__submit .is-large.c-button--primary, .p-checkout .p-checkout__submit--choose-delivery .is-large.c-button--primary, .p-checkout .p-checkout__submit--choose .is-large.c-button--primary,
.p-checkout .p-checkout__submit--summary .is-large.c-button--primary, .p-checkout .p-checkout__submit--address .is-large.c-button--primary,
.p-checkout .p-checkout__submit .is-large.c-button--disabled,
.p-checkout .p-checkout__submit--choose-delivery .is-large.c-button--disabled,
.p-checkout .p-checkout__submit--choose .is-large.c-button--disabled,
.p-checkout .p-checkout__submit--summary .is-large.c-button--disabled,
.p-checkout .p-checkout__submit--address .is-large.c-button--disabled {
    height: 48px;
  }
}
.p-checkout .p-checkout__submit--address {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-checkout .p-checkout__submit--address {
    padding-top: 32px;
  }
}
@media screen and (min-width: 960px) {
  .p-checkout .p-checkout__submit--choose,
.p-checkout .p-checkout__submit--summary {
    padding-top: 40px;
  }
}
.p-checkout .p-checkout__submit--choose-delivery {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-checkout .p-checkout__submit--choose-delivery {
    padding-top: 40px;
  }
}
.p-checkout .p-checkout__link {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-checkout .p-checkout__link {
    margin: 0 auto;
    text-align: center;
  }
}
@media screen and (min-width: 960px) {
  .p-checkout .p-checkout__link .c-button {
    display: inline-block;
    width: auto;
    min-width: 327px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .p-checkout .p-checkout__link .is-large.c-button--secondary {
    height: 48px;
  }
}
.p-checkout .c-checkbox {
  padding-top: 24px;
}
.p-checkout .b-form-address {
  padding-top: 24px;
}
.p-checkout .b-payment-method-detail {
  margin-top: 32px;
  margin-bottom: 10px;
}
@media screen and (min-width: 960px) {
  .p-checkout .b-payment-method-detail {
    margin-top: 24px;
    margin-bottom: 0px;
  }
}
.p-checkout .b-form-creditcard {
  margin-top: 32px;
  margin-bottom: 24px;
}
@media screen and (min-width: 960px) {
  .p-checkout .b-form-creditcard {
    margin-top: 24px;
    margin-bottom: 0px;
  }
}
.p-checkout .b-form-creditcard__agreement {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #CBCDD6;
}
.p-checkout .b-form-creditcard__agreement .c-text-body {
  padding-top: 16px;
  color: #6F7075;
}
.p-checkout .c-radio.is-center.c-radio--choose-together .c-radio__icon {
  top: 0;
  transform: none;
}
.p-checkout .b-form-product {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-checkout .b-form-product {
    padding-top: 32px;
  }
}
.p-checkout .b-form-product:first-of-type {
  margin-top: 0;
}
@media screen and (min-width: 960px) {
  .p-checkout .b-form-product .b-form-product__image {
    width: 100px;
    height: 100px;
  }
}
.p-checkout .b-product-item--confirm {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-checkout .c-button--primary {
    margin-top: 0;
  }
}
.p-checkout__section, .p-checkout__section--joint {
  padding-bottom: 20px;
  border-top: 1px solid #CBCDD6;
}
@media screen and (min-width: 960px) {
  .p-checkout__section, .p-checkout__section--joint {
    padding-bottom: 40px;
  }
}
.p-checkout__section:first-of-type, .p-checkout__section--joint:first-of-type {
  border-top: none;
}
.p-checkout__section:nth-child(n+2), .p-checkout__section--joint:nth-child(n+2) {
  padding-top: 20px;
}
@media screen and (min-width: 960px) {
  .p-checkout__section:nth-child(n+2), .p-checkout__section--joint:nth-child(n+2) {
    padding-top: 40px;
  }
}
@media screen and (min-width: 960px) {
  .p-checkout__section, .p-checkout__section--joint {
    padding-bottom: 40px;
  }
}
.p-checkout__section:last-of-type, .p-checkout__section--joint:last-of-type {
  padding-bottom: 40px;
}
.p-checkout__section .b-form-edit__body, .p-checkout__section--joint .b-form-edit__body {
  padding-top: 0;
}
.p-checkout__section .b-text-group--btn, .p-checkout__section--joint .b-text-group--btn {
  padding-bottom: 16px;
}
@media screen and (min-width: 960px) {
  .p-checkout__section .b-text-group--btn, .p-checkout__section--joint .b-text-group--btn {
    margin-top: 24px;
  }
  .p-checkout__section .b-text-group--btn:first-child, .p-checkout__section--joint .b-text-group--btn:first-child {
    margin-top: 0;
  }
}
.p-checkout__section .b-text-group--btn .c-title--level4, .p-checkout__section--joint .b-text-group--btn .c-title--level4 {
  max-width: calc(100% - 100px);
}
.p-checkout__section .b-text-group--btn .c-button, .p-checkout__section--joint .b-text-group--btn .c-button {
  max-width: 100px;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 960px) {
  .p-checkout__section .c-button--special, .p-checkout__section--joint .c-button--special {
    width: -moz-fit-content;
    width: fit-content;
    min-width: 327px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .p-checkout__section .c-button--special .c-button__body, .p-checkout__section--joint .c-button--special .c-button__body {
    padding: 0 25px;
  }
}
@media screen and (min-width: 960px) {
  .p-checkout__section .c-button__body, .p-checkout__section--joint .c-button__body {
    padding: 0;
    font-size: 1.6rem;
  }
}
.p-checkout__section .c-checkbox, .p-checkout__section--joint .c-checkbox {
  padding-top: 0;
}
.p-checkout__section .p-checkout__section__list, .p-checkout__section--joint .p-checkout__section__list {
  padding-top: 16px;
  padding-left: 1.5rem;
  list-style: disc;
}
.p-checkout__section .p-checkout__section__list li, .p-checkout__section--joint .p-checkout__section__list li {
  padding-top: 4px;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #6F7075;
}
.p-checkout__section .p-checkout__section__list li:first-child, .p-checkout__section--joint .p-checkout__section__list li:first-child {
  padding-top: 0px;
}
.p-checkout__section--joint {
  padding-top: 0;
  border-top: none;
}
.p-checkout__section--joint:nth-child(n+2) {
  padding-top: 0;
}
.p-checkout .p-coupon__button--multi2 {
  padding-top: 24px;
}

.p-checkout__alert {
  padding-bottom: 32px;
}
.p-checkout__alert:empty {
  padding-bottom: 0px;
}
.p-checkout__alert .c-alert--error {
  height: auto;
  font-weight: normal;
  font-size: 1.4rem;
}
.p-checkout__alert .c-alert--error .c-alert__text {
  padding-top: 10px;
  padding-bottom: 10px;
}
.p-checkout-summary__alert .c-alert--error {
    height: auto;
    font-weight: normal;
    padding-bottom: 4px;
}
.p-checkout-summary__alert .c-alert--error .c-alert__text {
    padding-top: 10px;
    padding-bottom: 10px;
}
.p-checkout-summary__alert .c-alert--error .c-alert__body {
    width:fit-content;
    padding-right: 22px;
    font-size: 1.8rem;
    border-radius: 10px;
}
@media screen and (min-width: 960px) {
    .p-checkout .b-form-radio__btn-group.coupon-radio__btn-group {
        width: 120px;
        min-width: 160px;
        margin-left: 0px;
    }
}

.p-checkout-summary__order-button--disabled {
  opacity: 0.3;
  border-color: #ccc;
  cursor: default;
  pointer-events: none;
}
.p-checkout-summary__alert-margin-top {
  margin-top: 2rem;
}
.p-checkout-summary__payment-limit-description {
  margin-top: 16px;
  padding: 8px;
}

.p-thanks .c-thanks {
  padding: 0 0 32px;
}
@media screen and (min-width: 960px) {
  .p-thanks .c-thanks {
    padding: 39px 0 24px;
  }
}
.p-thanks .p-checkout__link {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 327px;
  margin: 0 auto;
}
.p-thanks .b-delivery-method-detail {
  margin-top: 0px;
  margin-bottom: 8px;
}

.l-container--checkout .l-container--checkout-finish .b-recommend {
  margin-bottom: 16px;
}

.p-checkout__item-zero .c-empty--1 {
  padding: 32px 0 24px;
}

.b-delivery-method-detail {
  width: calc(100% + 48px);
  margin-top: 32px;
  margin-left: -24px;
  padding: 24px;
  text-align: left;
  background-color: #F2F2F3;
}
@media screen and (min-width: 960px) {
  .b-delivery-method-detail {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
}
.b-delivery-method-detail .c-text-body {
  margin: 16px 0;
}
.b-delivery-method-detail__link .c-button {
  width: auto;
  min-width: 220px;
  margin: 0 auto;
}
.b-delivery-method-detail__list {
  padding-top: 16px;
}
.b-delivery-method-detail__list dt, .b-delivery-method-detail__list dd {
  font-size: 1.4rem;
  line-height: 1.5rem;
  color: #18181B;
}
.b-delivery-method-detail__list dd {
  padding-top: 8px;
}
.b-delivery-method-detail .b-form-product .c-text-body {
  margin: 0;
}
@media screen and (min-width: 960px) {
  .b-delivery-method-detail .b-form-product .b-form-product__image {
    width: 120px;
    height: 120px;
  }
}

html,
body {
  font-size: 62.5%;
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", Sanfransisco, Arial, "SF Pro SC", Meiryo, "メイリオ", "微软雅黑", "Microsoft YaHei";
  color: #18181B;
}

a {
  color: #2489FF;
}
a:hover {
  color: #1876e4;
}
a:focus-visible {
  border-radius: 4px;
  outline: #FF6624 solid 1px;
}

.p-coupon__section:nth-child(1) {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-coupon__section:nth-child(1) {
    padding-top: 40px;
  }
}
.p-coupon__section:nth-child(n+2) {
  padding-top: 40px;
}

@media screen and (min-width: 960px) {
  .p-coupon__title .c-title {
    font-size: 2.4rem;
  }
}
.p-coupon__title.is-underline {
  padding-bottom: 16px;
}

.p-coupon__button--single {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-coupon__button--single {
    display: flex;
    justify-content: center;
    padding-top: 24px;
  }
}

.p-coupon__button--multi, .p-coupon__button--multi2 {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-coupon__button--multi, .p-coupon__button--multi2 {
    padding-top: 24px;
  }
}
@media screen and (min-width: 960px) {
  .p-coupon__button--multi, .p-coupon__button--multi2 {
    display: flex;
    flex-wrap: wrap;
    width: 670px;
    margin: 0 auto;
  }
}

.p-coupon__button--multi2 {
  display: flex;
  flex-flow: column;
  padding-top: 40px;
}
.p-coupon__button--multi2 .p-coupon__button--primary,
.p-coupon__button--multi2 .p-coupon__button--secondary {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.p-coupon__button--multi2 .p-coupon__button--primary.w200,
.p-coupon__button--multi2 .p-coupon__button--secondary.w200 {
  width: auto;
  min-width: 200px;
}
.p-coupon__button--multi2 .p-coupon__button--primary.mt-10,
.p-coupon__button--multi2 .p-coupon__button--secondary.mt-10 {
  margin-top: 40px;
}
@media screen and (min-width: 960px) {
  .p-coupon__button--multi2 .p-coupon__button--primary,
.p-coupon__button--multi2 .p-coupon__button--secondary {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 400px;
  }
}
.p-coupon__button--multi2 .p-coupon__button--primary:nth-child(n+2),
.p-coupon__button--multi2 .p-coupon__button--secondary:nth-child(n+2) {
  margin-top: 40px;
}

.p-coupon__button--primary {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-coupon__button--primary .c-button {
    width: auto;
    min-width: 327px;
  }
}
.p-coupon__button--primary:first-of-type {
  padding-top: 0;
}
@media screen and (min-width: 960px) {
  .p-coupon__button--primary:nth-of-type(2) {
    margin-left: 16px;
    padding-top: 0;
  }
}

.p-coupon__button--secondary {
  max-width: 200px;
}

.p-coupon__item img {
  width: 80px;
  height: 80px;
}

.p-coupon__form {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-coupon__form {
    max-width: 340px;
    margin: 0 auto;
    padding-top: 24px;
  }
}
.p-coupon__form:nth-child(1) {
  padding-top: 0;
}
.p-coupon__form + .p-coupon__button--single {
  padding-top: 24px;
}

.p-coupon__label {
  padding-bottom: 4px;
}

.p-coupon__errortext {
  padding-top: 8px;
}

.p-coupon__alert {
  padding-top: 0px;
}
.p-coupon__alert .c-alert {
  margin-bottom: 20px;
}
.p-coupon__alert .c-alert__body {
  padding: 0 0 0 10px;
  font-weight: normal;
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .p-coupon__alert .c-alert__body {
    padding: 0 0 0 13px;
  }
}
.p-coupon__alert .c-alert__body .c-icon {
  margin-right: 7px;
}
@media screen and (min-width: 960px) {
  .p-coupon__alert .c-alert__body .c-icon {
    margin-right: 11px;
  }
}

.p-coupon__content {
  width: 340px;
  margin: 0 auto;
}

.p-coupon__form-description {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-coupon__form-description {
    width: 327px;
    margin: 0 auto;
  }
}
.p-coupon__form-description .c-text-body {
  color: #6F7075;
}

.p-error__text {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-error__text {
    text-align: center;
  }
}

.p-error__button {
  padding-top: 24px;
}

.p-event__search {
  padding-top: 24px;
}
.p-event__search .b-search__input {
  padding-right: 8px;
}
.p-event__search .b-search__submit {
  display: block;
  min-width: 60px;
}

@media screen and (min-width: 960px) {
  .p-event__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.p-event__list-item {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-event__list-item a:hover .c-title,
.p-event__list-item a:hover .c-text-body {
    color: #F35916;
    transition-duration: 0.3s;
  }
}

.p-event__button {
  margin: 0 auto;
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-event__button {
    text-align: center;
  }
}
@media screen and (min-width: 960px) {
  .p-event__button .c-button {
    display: inline-block;
    width: auto;
    min-width: 200px;
    margin: 0 auto;
  }
}

.p-event__search-result {
  display: flex;
  align-items: flex-end;
  padding-top: 24px;
}
.p-event__search-result .b-filter__header__reset {
  display: block;
  margin-left: 40px;
  font-size: 20px;
  line-height: 1.75;
}
.p-event__search-result .b-filter__header__reset .c-button {
  font-size: 1.2rem;
}
.p-event__search-result .c-text-body {
  font-size: 1.2rem;
}
.p-event__search-result .c-text-body span {
  font-weight: 600;
  font-size: 1.8rem;
}
@media screen and (min-width: 960px) {
  .p-event__search-result .c-text-body span {
    font-size: 2rem;
  }
}

.p-event__main-visual img {
  width: 100%;
}

.p-event__title {
  padding: 24px 24px 0;
}
@media screen and (min-width: 960px) {
  .p-event__title {
    padding: 24px 0 0;
  }
}
@media screen and (min-width: 960px) {
  .p-event__title .c-title--level2 {
    font-size: 3.2rem;
  }
}

.p-event__date {
  padding-bottom: 8px;
}
.p-event__date .c-text-body {
  color: #6F7075;
}

.p-event__block {
  padding-top: 24px;
}

.p-event__detail {
  padding-top: 16px;
}

.p-event__detail-title {
  padding-bottom: 8px;
}

.p-event__banner {
  padding-top: 16px;
}

.p-event__link-other {
  padding-top: 21px;
}

.p-event__link-block {
  padding-top: 37px;
}
.p-event__link-block .c-link__event {
  justify-content: center;
}

.p-maintenance {
  text-align: center;
}
@media screen and (min-width: 960px) {
  .p-maintenance .c-image img,
.p-maintenance .c-image--1 img {
    width: 160px;
    height: 160px;
  }
}
.p-maintenance .c-title--level2 {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-maintenance .c-title--level2 {
    font-size: 3.2rem;
  }
}
.p-maintenance .c-text-body.is-small {
  font-size: 1.4rem;
}

.p-maintenance__detail {
  width: 257px;
  margin: 24px auto 0;
  padding: 10px 0;
  background-color: #F2F2F3;
}
.p-maintenance__detail .c-text-body {
  padding-top: 8px;
}

.p-maintenance__text {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-maintenance__text .sp-only {
    display: none;
  }
}

.p-myaccount__link {
  padding: 24px 0 0;
}
@media screen and (min-width: 960px) {
  .p-myaccount__link {
    padding: 36px 0 8px;
  }
}

@media screen and (min-width: 960px) {
  .p-myaccount__link-list {
    display: flex;
    flex-wrap: wrap;
  }
}

.p-myaccount__link-item {
  padding: 18px 0;
  border-bottom: 1px #CBCDD6 solid;
}
@media screen and (min-width: 960px) {
  .p-myaccount__link-item {
    width: 375px;
    padding: 15px 0;
  }
}
@media screen and (min-width: 960px) {
  .p-myaccount__link-item:nth-of-type(2n) {
    margin-left: 25px;
  }
}
@media screen and (min-width: 960px) {
  .p-myaccount__link-item:nth-of-type(7) {
    border: none;
  }
}
.p-myaccount__link-item:last-child {
  border: none;
}
.p-myaccount__link-item .c-icon--wallet {
  margin-right: 9px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__link-item .c-icon--wallet {
    margin-right: 8px;
  }
}
.p-myaccount__link-item .c-icon--address,
.p-myaccount__link-item .c-icon--logout {
  margin-right: 12px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__link-item .c-icon--address,
.p-myaccount__link-item .c-icon--logout {
    margin-right: 8px;
  }
}
.p-myaccount__link-item .c-link__text {
  padding-right: 28px;
}
.p-myaccount__link-item .c-link__text .c-icon:first-of-type {
  min-width: 27px;
}

.p-myaccount__product {
  width: calc(100% + 24px);
  padding-top: 32px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__product {
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  .p-myaccount__product .b-recommend__title {
    width: 100%;
    padding-bottom: 16px;
  }
}
.p-myaccount__product .b-recommend {
  padding: 0;
  background-color: transparent;
}
@media screen and (min-width: 960px) {
  .p-myaccount__product .b-recommend__list {
    width: 680px;
  }
}

.p-myaccount__category-wrapper {
  padding-bottom: 32px;
  border-bottom: 1px #CBCDD6 solid;
}
@media screen and (min-width: 960px) {
  .p-myaccount__category-wrapper {
    padding-bottom: 24px;
  }
}

.p-myaccount__category {
  padding-top: 32px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__category {
    padding-top: 24px;
  }
}
.p-myaccount__category.is-first {
  padding-top: 25px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__category.is-first {
    padding-top: 40px;
  }
}
.p-myaccount__category.is-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media screen and (min-width: 960px) {
  .p-myaccount__category-text .c-text-body {
    padding-top: 8px;
  }
}

.p-myaccount__category-country {
  padding-top: 1rem;
}

.p-myaccount__category-button {
  width: auto;
  min-width: 60px;
  max-width: 100px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__category-button {
    min-width: 80px;
  }
}
@media screen and (min-width: 960px) {
  .p-myaccount__category-button .c-button.is-xsmall .c-button__body {
    min-height: 32px;
  }
}
@media screen and (min-width: 960px) {
  .p-myaccount__category-button .c-button__body {
    padding: 0 24px;
    font-size: 1.6rem;
  }
}

.p-myaccount__anchor {
  color: #18181B;
  text-decoration: underline;
}
.p-myaccount__anchor:hover {
  color: #F35916;
}

.p-myaccount__multi {
  display: flex;
}

.p-myaccount__multi-col-sp {
  display: flex;
  flex-flow: column;
}
@media screen and (min-width: 960px) {
  .p-myaccount__multi-col-sp {
    flex-flow: row;
  }
}
.p-myaccount__multi-col-sp .p-myaccount__form--half {
  width: 100%;
  margin-right: 0px;
  padding-top: 8px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__multi-col-sp .p-myaccount__form--half {
    width: 50%;
    padding-top: 0px;
  }
}
.p-myaccount__multi-col-sp .p-myaccount__form--half:first-child {
  margin-right: 0px;
  padding-top: 0;
}
@media screen and (min-width: 960px) {
  .p-myaccount__multi-col-sp .p-myaccount__form--half:first-child {
    margin-right: 16px;
  }
}
.p-myaccount__multi-col-sp .p-myaccount__form--half:last-child {
  margin-left: 0;
}
@media screen and (min-width: 960px) {
  .p-myaccount__multi-col-sp .p-myaccount__form--half:last-child {
    margin-left: 17px;
  }
}

.p-myaccount__form-container {
  padding-top: 22px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__form-container {
    padding-top: 24px;
  }
}
.p-myaccount__form-container:first-of-type {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__form-container:first-of-type {
    padding-top: 40px;
  }
}

.p-myaccount__gauge-container {
  padding-top: 22px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__gauge-container {
    padding-top: 24px;
  }
}

.p-myaccount__label {
  padding-bottom: 4px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__label {
    padding-bottom: 8px;
  }
}

.p-myaccount__form--half {
  width: 50%;
}
.p-myaccount__form--half:last-child {
  margin-left: 17px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__form--half:last-child {
    margin-left: 25px;
  }
}
@media screen and (min-width: 960px) {
  .p-myaccount__form--middle {
    width: 375px;
  }
}
.p-myaccount__form--small {
  width: 212px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__form--small {
    width: 215px;
  }
}

.p-myaccount__errortext {
  padding-top: 8px;
}

.p-myaccount__button {
  margin: 0 auto;
  padding-top: 30px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .p-myaccount__button {
    padding-top: 40px;
  }
}
.p-myaccount__button .c-button {
  display: inline-block;
  width: auto;
  min-width: 327px;
}

.p-myaccount__button--compact {
  padding-top: 24px;
}

.p-myaccount__remarks {
  padding-top: 10px;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #6F7075;
}
@media screen and (min-width: 960px) {
  .p-myaccount__remarks {
    padding-top: 16px;
  }
}

.p-myaccount__payment-detail .b-form-radio {
  padding: 32px 0 0;
  border: none;
}
@media screen and (min-width: 960px) {
  .p-myaccount__payment-detail .b-form-radio {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
}
@media screen and (min-width: 960px) {
  .p-myaccount__payment-detail .c-radio__label {
    padding-left: 95px;
  }
}
.p-myaccount__payment-detail .p-myaccount__button {
  padding-top: 40px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__payment-detail .p-myaccount__button {
    padding-top: 56px;
  }
}
@media screen and (min-width: 960px) {
  .p-myaccount__payment-detail .b-form-radio__edit {
    width: 344px;
    margin-left: 24px;
  }
}

.p-myaccount__confirm-text {
  padding-top: 16px;
}

.p-myaccount__card-info {
  padding-top: 16px;
}
.p-myaccount__card-info .p-myaccount__payment-text {
  padding-top: 8px;
}

.p-myaccount__payment-name {
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .p-myaccount__payment-name {
    font-size: 1.6rem;
  }
}
.p-myaccount__payment-name.is-first {
  padding-bottom: 8px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__payment-name.is-first {
    padding-bottom: 4px;
  }
}

.p-myaccount__payment-text {
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .p-myaccount__payment-text {
    font-size: 1.6rem;
  }
}

.p-myaccount__payment-select {
  padding-top: 26px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__payment-select {
    padding-top: 40px;
  }
}

.p-myaccount__payment-select--detail {
  padding-top: 34px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__payment-select--detail {
    padding-top: 24px;
  }
}
@media screen and (min-width: 960px) {
  .p-myaccount__payment-select--detail .b-form-creditcard,
.p-myaccount__payment-select--detail .b-payment-method-detail {
    border-radius: 8px;
  }
}
.p-myaccount__payment-select--detail .b-form-creditcard__agreement {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #CBCDD6;
}
.p-myaccount__payment-select--detail .b-form-creditcard__agreement .c-text-body {
  padding-top: 16px;
  color: #6F7075;
}
.p-myaccount__payment-select--detail .b-form-text {
  padding-top: 22px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__payment-select--detail .b-form-text {
    padding-top: 24px;
  }
}
.p-myaccount__payment-select--detail .c-checkbox {
  padding-top: 32px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__payment-select--detail .c-checkbox {
    padding-top: 24px;
  }
}

.p-myaccount .c-alert--checked {
  position: absolute;
  top: 120px;
  left: 50%;
  z-index: 2;
  width: auto;
  margin-left: -122px;
}
@media screen and (min-width: 960px) {
  .p-myaccount .c-alert--checked {
    top: 88px;
    margin-left: -152px;
  }
}
.p-myaccount .c-alert--checked .c-alert__body {
  padding: 0 22px;
}
@media screen and (min-width: 960px) {
  .p-myaccount .c-alert--checked .c-alert__body {
    padding: 0 17px;
  }
}

.p-myaccount__product-item {
  padding-top: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #cfcbc4;
}
@media screen and (min-width: 960px) {
  .p-myaccount__product-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 28px;
  }
}
@media screen and (min-width: 960px) {
  .p-myaccount__product-item:first-of-type {
    padding-top: 36px;
  }
}
.p-myaccount__product-item:last-of-type {
  border-bottom: none;
}
.p-myaccount__product-item .c-title {
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .p-myaccount__product-item .c-title {
    font-size: 1.6rem;
  }
}
.p-myaccount__product-item .c-price.is-small {
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .p-myaccount__product-item .c-price.is-small {
    max-width: 384px;
    font-size: 1.6rem;
    overflow-wrap: break-word;
  }
}
.p-myaccount__product-item img {
  width: 96px;
  height: 96px;
}

.p-myaccount .c-header-product-list__filter {
  padding-top: 16px;
}
.p-myaccount__product-button {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__product-button {
    width: auto;
    min-width: 256px;
    margin-left: 140px;
    margin-left: 24px;
    padding-top: 0;
  }
}

.p-myaccount__product-button-multi {
  display: flex;
}

.p-myaccount__product-button--small {
  width: 50%;
}
.p-myaccount__product-button--small:last-of-type {
  margin-left: 16px;
}

.p-myaccount__product-button--large {
  width: 100%;
  padding-bottom: 16px;
}

.p-myaccount__watchlist-empty {
  padding-top: 8px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__watchlist-empty {
    padding-top: 19px;
  }
}
@media screen and (min-width: 960px) {
  .p-myaccount__watchlist-empty .c-empty {
    max-width: 352px;
  }
}
@media screen and (min-width: 960px) {
  .p-myaccount__watchlist-empty .c-empty__status {
    font-size: 3.2rem;
  }
}

.p-myaccount .c-modal--under {
  justify-content: center;
  align-items: center;
}
.p-myaccount .c-modal--under .c-modal__body {
  padding: 16px;
}
.p-myaccount .c-modal--under .c-modal__header {
  width: 326px;
  padding-top: 20px;
  line-height: 1.6;
}
@media screen and (min-width: 960px) {
  .p-myaccount .c-modal--under .c-modal__header {
    width: 358px;
  }
}
.p-myaccount .c-modal--under .c-modal__header .c-modal__cancel {
  top: 21px;
  right: auto;
  left: 21px;
}
.p-myaccount .c-modal__wrapper {
  width: auto;
  border-radius: 8px;
}
.p-myaccount .c-modal__title {
  padding: 0 16px;
  font-size: 1.4rem;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .p-myaccount .c-modal__title {
    font-size: 1.6rem;
  }
}

.p-myaccount__mailsetting-checkbox {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__mailsetting-checkbox {
    padding-top: 24px;
  }
}
.p-myaccount__mailsetting-checkbox:first-of-type {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__mailsetting-checkbox:first-of-type {
    padding-top: 40px;
  }
}
.p-myaccount__mailsetting-checkbox .c-title {
  font-size: 1.6rem;
}
.p-myaccount__mailsetting-checkbox .p-myaccount__label {
  padding-bottom: 10px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__mailsetting-checkbox .p-myaccount__label {
    padding-bottom: 8px;
  }
}
.p-myaccount__mailsetting-checkbox .p-myaccount__remarks {
  padding-top: 16px;
}

.p-myaccount__mailsetting .p-myaccount__button {
  padding-top: 34px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__mailsetting .p-myaccount__button {
    padding-top: 48px;
  }
}

.p-myaccount__delivery-detail .b-form-radio {
  border: none;
}
@media screen and (min-width: 960px) {
  .p-myaccount__delivery-detail .b-form-radio {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
}
.p-myaccount__delivery-detail .b-form-radio:first-of-type {
  padding-top: 32px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__delivery-detail .b-form-radio:first-of-type {
    padding-top: 56px;
  }
}
.p-myaccount__delivery-detail .b-form-radio__edit {
  flex-wrap: wrap;
  gap: 8px 0px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__delivery-detail .b-form-radio__edit {
    flex-shrink: 0;
    max-width: 400px;
    margin-left: 24px;
  }
}

.p-myaccount__delivery-name {
  display: block;
  padding-bottom: 8px;
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .p-myaccount__delivery-name {
    font-size: 1.6rem;
  }
}

.p-myaccount__delivery-text {
  display: block;
  padding-bottom: 5px;
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .p-myaccount__delivery-text {
    overflow-wrap: break-word;
  }
}
.p-myaccount__delivery-text:last-of-type {
  padding-bottom: 0;
}

.p-myaccount__deliver-form {
  padding-top: 18px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-form {
    padding-top: 24px;
  }
}
.p-myaccount__deliver-form:first-of-type {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-form:first-of-type {
    padding-top: 40px;
  }
}
.p-myaccount__deliver-form .b-form__wrapper--addr__pref {
  padding-top: 0;
}
.p-myaccount__deliver-form .b-form__wrapper--addr__pref .b-form-text__input {
  padding-top: 4px;
}

.p-myaccount__tab {
  display: flex;
  padding-top: 30px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__tab {
    width: 327px;
  }
}

.p-myaccount__item {
  width: 50%;
  padding-bottom: 16px;
  font-weight: 600;
  font-size: 1.2rem;
  text-align: center;
  color: #6F7075;
}
@media screen and (min-width: 960px) {
  .p-myaccount__item {
    font-size: 1.4rem;
  }
}

.p-myaccount__panel .c-header-product-list__filter,
.p-myaccount__panel .p-myaccount__deliver-container {
  padding-top: 40px;
}
.p-myaccount__panel .c-header-product-list__filter:first-child,
.p-myaccount__panel .p-myaccount__deliver-container:first-child {
  padding-top: 16px;
}
.p-myaccount__panel .c-header-product-list__filter {
  min-height: 56px;
}
.p-myaccount__panel .js-more .p-myaccount__deliver-container:first-child {
  padding-top: 40px;
}

.p-myaccount__deliver-container {
  padding-top: 56px;
}

.p-myaccount__deliver-alert {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-alert {
    width: 100%;
  }
}
.p-myaccount__deliver-alert:empty {
  padding-top: 0;
}

@media screen and (min-width: 960px) {
  .p-myaccount__deliver-number .c-title {
    font-size: 2rem;
  }
}

.myaccount__deliver-caution-box {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 1.55rem;
    line-height: 1.75;
    font-weight: 600;
    color:red;
    background-color:#FFCACA;
    padding:20px 15px 20px 15px;
}

@media screen and (min-width: 960px) {
  .myaccount__deliver-caution-box {
    margin-left: 40px;
    margin-right: 40px;
    }
}

.p-myaccount__deliver-date {
  padding-top: 16px;
  white-space: nowrap;
}

.p-myaccount__deliver-product {
  padding-top: 10px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-product {
    padding-top: 24px;
  }
}

.p-myaccount__deliver-product-item {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-product-item {
    padding-top: 8px;
  }
}
.p-myaccount__deliver-product-item:first-of-type {
  padding-top: 0;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-product-item img {
    width: 100px;
    height: 100px;
  }
}
.p-myaccount__deliver-product-item .c-title {
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-product-item .c-title {
    font-size: 1.6rem;
  }
}
.p-myaccount__deliver-product-item .c-price.is-small {
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-product-item .c-price.is-small {
    font-size: 1.6rem;
  }
}
.p-myaccount__deliver-product-item .b-product-item--row__price {
  padding-top: 0;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-product-item .b-product-item--row__price {
    padding-top: 4px;
  }
}
.p-myaccount__deliver-product-item .b-product-item--row__amount {
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-product-item .b-product-item--row__amount {
    font-size: 1.6rem;
  }
}

.p-myaccount__deliver-total {
  padding-top: 16px;
}

.p-myaccount__deliver-button, .p-myaccount__deliver-button-single {
  display: flex;
  justify-content: flex-end;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-button, .p-myaccount__deliver-button-single {
    justify-content: center;
  }
}

.p-myaccount__deliver-button--small {
  width: 50%;
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-button--small {
    width: 327px;
  }
}
.p-myaccount__deliver-button--small:last-of-type {
  margin-left: 16px;
}

.p-myaccount__deliver-button-single {
  justify-content: center;
}
.p-myaccount__deliver-button-single .p-myaccount__deliver-button--small:last-of-type {
  margin-left: 0px;
}

.p-myaccount__deliver-button--middle {
  margin: 0 auto;
  padding-top: 40px;
  text-align: center;
}
.p-myaccount__deliver-button--middle .c-button {
  display: inline-block;
  width: auto;
  min-width: 200px;
}

@media screen and (min-width: 960px) {
  .p-myaccount__deliver-detail .p-myaccount__deliver-number .c-title {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-detail .p-myaccount__deliver-alert {
    padding-top: 40px;
  }
}
.p-myaccount__deliver-detail .p-myaccount__deliver-alert:empty {
  padding-top: 0;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-detail .p-myaccount__deliver-product-item {
    padding-top: 32px;
  }
  .p-myaccount__deliver-detail .p-myaccount__deliver-product-item:first-of-type {
    padding-top: 0;
  }
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-detail .p-myaccount__deliver-total {
    padding-top: 40px;
  }
}
.p-myaccount__deliver-detail .p-myaccount__deliver-total th,
.p-myaccount__deliver-detail .p-myaccount__deliver-total td {
  padding-top: 8px;
}

.p-myaccount__deliver-title {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-title {
    padding-top: 40px;
  }
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-title .c-title {
    font-size: 2.4rem;
  }
}

.p-myaccount__deliver-flow {
  padding: 10px 0 6px;
}

.p-myaccount__deliver-setting {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 16px 0;
  border-bottom: 1px #CBCDD6 solid;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-setting {
    padding: 40px 0;
  }
}
.p-myaccount__deliver-setting.is-first {
  margin-top: 16px;
  border-top: 1px #CBCDD6 solid;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-setting.is-first {
    margin-top: 40px;
  }
}

@media screen and (min-width: 960px) {
  .p-myaccount__deliver-label {
    font-size: 2rem;
  }
}

.p-myaccount__deliver-text, .p-myaccount__card-text {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-text, .p-myaccount__card-text {
    padding-top: 18px;
  }
}
.p-myaccount__deliver-text .p-checkout__section__list, .p-myaccount__card-text .p-checkout__section__list {
  padding-top: 16px;
  padding-left: 1.5rem;
  list-style: disc;
}
.p-myaccount__deliver-text .p-checkout__section__list li, .p-myaccount__card-text .p-checkout__section__list li {
  padding-top: 4px;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #6F7075;
}
.p-myaccount__deliver-text .p-checkout__section__list li:first-child, .p-myaccount__card-text .p-checkout__section__list li:first-child {
  padding-top: 0px;
}

.p-myaccount__card-text {
  padding-top: 0;
}
.p-myaccount__card-text .p-checkout__section__list {
  padding-top: 0;
  padding-left: 0;
  list-style: none;
}

.p-myaccount__deliver-change {
  width: auto;
  min-width: 60px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-change {
    min-width: 80px;
  }
}

.p-myaccount__deliver-error {
  position: absolute;
  right: 0;
  bottom: 16px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-error {
    bottom: 40px;
  }
}

.p-myaccount__deliver-user {
  font-size: 1.4rem;
}

.p-myaccount__deliver-user-address {
  padding-top: 16px;
  font-size: 1.4rem;
  line-height: 1.6;
}

.p-myaccount__deliver-user-tel {
  padding-top: 16px;
  font-size: 1.4rem;
}

@media screen and (min-width: 960px) {
  .p-myaccount__deliver-setting .p-myaccount__deliver-user,
.p-myaccount__deliver-setting .p-myaccount__deliver-user-address,
.p-myaccount__deliver-setting .p-myaccount__deliver-user-tel {
    font-size: 1.6rem;
  }
}

.p-myaccount__deliver-button--multi, .p-myaccount__coupon-button--multi, .p-myaccount__coupon-button--multi2 {
  padding-top: 40px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-button--multi, .p-myaccount__coupon-button--multi, .p-myaccount__coupon-button--multi2 {
    display: flex;
    flex-wrap: wrap;
    width: 670px;
    margin: 0 auto;
  }
}

.p-myaccount__deliver-button--secondary {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-button--secondary {
    width: 327px;
  }
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-button--secondary .c-button {
    width: auto;
    min-width: 327px;
  }
}
.p-myaccount__deliver-button--secondary:first-of-type {
  padding-top: 0;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-button--secondary:nth-of-type(2) {
    margin-left: 16px;
    padding-top: 0;
  }
}

@media screen and (min-width: 960px) {
  .p-myaccount__mail-list {
    padding-top: 16px;
  }
}
@media screen and (min-width: 960px) {
  .p-myaccount__mail-list.js-more__body {
    padding-top: 0;
  }
}

.p-myaccount__mail-item {
  padding: 16px 0;
  border-bottom: 1px #CBCDD6 solid;
}
@media screen and (min-width: 960px) {
  .p-myaccount__mail-item {
    padding: 24px 0;
  }
}
@media screen and (min-width: 960px) {
  .p-myaccount__mail-item a {
    display: flex;
  }
}
.p-myaccount__mail-item a:hover .c-text-body,
.p-myaccount__mail-item a:hover .c-title {
  color: #F35916;
}

.p-myaccount__mail-title .c-title {
  letter-spacing: 0.08em;
}
@media screen and (min-width: 960px) {
  .p-myaccount__mail-title .c-title {
    letter-spacing: 0.05em;
  }
}

@media screen and (min-width: 960px) {
  .p-myaccount__mail-date {
    min-width: 85px;
    margin-right: 30px;
  }
}

.p-myaccount__mail-button {
  width: 200px;
  margin: 0 auto;
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__mail-button {
    width: 296px;
    padding-top: 40px;
  }
}

.p-myaccount__mail-body {
  padding-top: 16px;
  line-height: 1.8;
}
@media screen and (min-width: 960px) {
  .p-myaccount__mail-body {
    padding-top: 40px;
  }
}
.p-myaccount__mail-body ul {
  padding: 24px 0 0 17px;
}
.p-myaccount__mail-body ul li {
  list-style: initial;
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .p-myaccount__mail-body ul li {
    font-size: 1.6rem;
  }
}

.p-myaccount__coupon:nth-child(1) {
  padding-top: 16px;
}
.p-myaccount__coupon:nth-child(n+2) {
  padding-top: 40px;
}
.p-myaccount__coupon .c-coupon:first-child {
  border-top: none;
}

@media screen and (min-width: 960px) {
  .p-myaccount__coupon-title .c-title {
    font-size: 2.4rem;
  }
}

.p-myaccount__coupon-button--multi, .p-myaccount__coupon-button--multi2 {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__coupon-button--multi, .p-myaccount__coupon-button--multi2 {
    padding-top: 24px;
  }
}

.p-myaccount__coupon-button--multi2 {
  display: flex;
  flex-flow: column;
  padding-top: 40px;
}
.p-myaccount__coupon-button--multi2 .p-myaccount__coupon-button--secondary {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.p-myaccount__coupon-button--multi2 .p-myaccount__coupon-button--secondary.w200 {
  width: auto;
  min-width: 200px;
}
.p-myaccount__coupon-button--multi2 .p-myaccount__coupon-button--secondary.mt-10 {
  margin-top: 40px;
}

.p-myaccount__coupon-button--primary {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__coupon-button--primary {
    width: 327px;
  }
  .p-myaccount__coupon-button--primary .c-button {
    width: auto;
    min-width: 327px;
  }
}
.p-myaccount__coupon-button--primary:first-of-type {
  padding-top: 0;
}
@media screen and (min-width: 960px) {
  .p-myaccount__coupon-button--primary:nth-of-type(2) {
    margin-left: 16px;
    padding-top: 0;
  }
}

.p-myaccount__coupon-button--secondary {
  max-width: 200px;
}

.p-myaccount__alert {
  padding-top: 24px;
}
.p-myaccount__alert:empty {
  padding-top: 0px;
}
.p-myaccount__alert .c-alert--error {
  height: auto;
  font-weight: normal;
  font-size: 1.4rem;
}
.p-myaccount__alert .c-alert--error .c-alert__text {
  padding-top: 10px;
  padding-bottom: 10px;
}

.p-myaccount__order-statuts-list {
  padding-top: 16px;
  padding-bottom: 8px;
}
@media screen and (min-width: 960px) {
  .p-myaccount__order-statuts-list {
    padding-top: 24px;
    padding-bottom: 0px;
  }
}

.p-myaccount__deliver-date-statuts {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
}
@media screen and (min-width: 960px) {
  .p-myaccount__deliver-date-statuts {
    flex-flow: row;
  }
}

@media screen and (min-width: 960px) {
  .p-news .c-news__date,
.p-news .c-news__category {
    font-size: 1.4rem;
  }
}

.p-news__search {
  padding: 24px 0;
}
@media screen and (min-width: 960px) {
  .p-news__search {
    padding: 16px 0 32px;
  }
}
.p-news__search .b-search__input {
  padding-right: 8px;
}
.p-news__search .b-search__submit {
  display: block;
  min-width: 60px;
}

.p-news__hidden .c-news {
  margin-top: 16px;
  padding-top: 20px;
  border-top: 1px solid #CFCBC4;
}

.p-news__button {
  width: 200px;
  margin: 0 auto;
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-news__button {
    width: auto;
    padding-top: 32px;
    text-align: center;
  }
}
@media screen and (min-width: 960px) {
  .p-news__button .c-button {
    display: inline-block;
    width: auto;
    min-width: 200px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 960px) {
  .p-news__search.is-result {
    padding-bottom: 24px;
  }
}

.p-news__search-result {
  display: flex;
  align-items: flex-end;
  padding-bottom: 24px;
}
.p-news__search-result .b-filter__header__reset {
  display: block;
  margin-left: 40px;
  font-size: 20px;
  line-height: 1.75;
}
.p-news__search-result .b-filter__header__reset .c-button {
  font-size: 1.2rem;
}
.p-news__search-result .c-text-body {
  font-size: 1.2rem;
}
.p-news__search-result .c-text-body span {
  font-weight: 600;
  font-size: 1.8rem;
}
@media screen and (min-width: 960px) {
  .p-news__search-result .c-text-body span {
    font-size: 2rem;
  }
}

.p-news__date .c-text-body {
  color: #6F7075;
}

.p-news__title {
  padding-top: 24px;
}
.p-news__title h2.c-title--level3 {
  font-size: 2rem;
}
@media screen and (min-width: 960px) {
  .p-news__title h2.c-title--level3 {
    font-size: 2.4rem;
  }
}

.p-news__text {
  padding-top: 24px;
}
.p-news__text a {
  text-decoration: none;
}

.p-news__img {
  padding-top: 40px;
  text-align: center;
}

.p-news__content-title {
  padding-top: 64px;
}
@media screen and (min-width: 960px) {
  .p-news__content-title h3.c-title--level4 {
    font-size: 2rem;
  }
}
.p-news__content-title h4.c-title--level4 {
  font-size: 1.6rem;
}
@media screen and (min-width: 960px) {
  .p-news__content-title h4.c-title--level4 {
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 960px) {
  .p-news__img-multi {
    display: flex;
    justify-content: space-between;
  }
}

.p-news__img-block {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-news__img-block {
    padding-top: 40px;
  }
}
.p-news__img-block:first-child {
  padding-top: 40px;
}
.p-news__img-block .c-text-body--caption {
  padding-top: 8px;
}
@media screen and (min-width: 960px) {
  .p-news__img-block img {
    width: 376px;
    height: 270px;
  }
}

.p-news__list {
  padding-top: 64px;
}

.p-news__block {
  margin-top: 64px;
  padding: 32px;
  background-color: #F2F2F3;
}
.p-news__block .c-text-body {
  padding-top: 10px;
}

.p-news__link-other {
  padding-top: 69px;
}

.p-news__link-block {
  padding-top: 69px;
}
.p-news__link-block .c-link__news {
  justify-content: center;
}

.p-other__body .c-title {
  padding-bottom: 8px;
}
.p-other__body .c-text-body + .p-other__list, .p-other__body .c-text-body + .p-other__list--decimal, .p-other__body .c-text-body + .p-other__list--decimal--second, .p-other__body .c-text-body + .p-other__list--dot {
  padding-top: 8px;
}
.p-other__body .c-text-body + .p-other__list--decimal, .p-other__body .c-text-body + .p-other__list--decimal--second {
  padding-left: 2rem;
}
.p-other__body .c-text-body + .p-other__list--dot {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-other__body h2.c-title--level4 {
    font-size: 2rem;
  }
}

.p-other__section:nth-child(n+2) {
  padding-top: 40px;
}

.p-other__section--type2 {
  padding-bottom: 24px;
}
@media screen and (min-width: 960px) {
  .p-other__section--type2 {
    padding-bottom: 32px;
  }
}
.p-other__section--type2:nth-child(n+2) {
  padding-top: 24px;
  border-top: 1px solid #CFCBC4;
}
@media screen and (min-width: 960px) {
  .p-other__section--type2:nth-child(n+2) {
    padding-top: 32px;
  }
}
.p-other__section--type2:last-of-type {
  border-bottom: 1px solid #CFCBC4;
}
.p-other__section--type2 .c-title {
  padding-bottom: 8px;
}
@media screen and (min-width: 960px) {
  .p-other__section--type2 .c-title {
    padding-bottom: 16px;
  }
}

.p-other__list, .p-other__list--decimal, .p-other__list--decimal--second, .p-other__list--dot {
  padding-left: 1.4em;
  font-size: 1.4rem;
  text-indent: -1.4em;
}
@media screen and (min-width: 960px) {
  .p-other__list, .p-other__list--decimal, .p-other__list--decimal--second, .p-other__list--dot {
    font-size: 1.6rem;
  }
}

.p-other__list--dot .p-other__list__item {
  margin-left: -1em;
  padding-left: 12px;
  text-indent: -12px;
}
.p-other__list--dot .p-other__list__item::before {
  content: "・";
  display: inline-block;
  width: 8px;
  margin-right: 4px;
  text-align: center;
  text-indent: 0;
}

.p-other__list--decimal, .p-other__list--decimal--second {
  list-style-position: inside;
  list-style-type: decimal;
}

.p-other__list--decimal--second .p-other__list__item:nth-child(n+2) {
  padding-top: 4px;
}

.p-other__body .c-text-body + .p-other__list--decimal--second {
  padding-left: 3rem;
}

.p-other__list__item {
  line-height: 1.75;
  color: #18181B;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" on;
}
.p-other__list__item:nth-child(n+2) {
  padding-top: 16px;
}

.p-passwordreset__form-container {
  padding-top: 24px;
}
.p-passwordreset__form-container:nth-of-type(3) {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-passwordreset__form-container:nth-of-type(3) {
    padding-top: 24px;
  }
}
@media screen and (min-width: 960px) {
  .p-passwordreset__form-container:first-of-type {
    padding-top: 40px;
  }
}

.p-passwordreset__gauge-container {
  padding-top: 22px;
}
@media screen and (min-width: 960px) {
  .p-passwordreset__gauge-container {
    padding-top: 24px;
  }
}

.p-passwordreset__button {
  padding-top: 30px;
}
@media screen and (min-width: 960px) {
  .p-passwordreset__button {
    padding-top: 40px;
  }
}

.p-product-list {
  padding-bottom: 0;
}

.p-product-list__unit {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -1px;
  padding: 0 2px;
}
@media screen and (min-width: 960px) {
  .p-product-list__unit {
    margin-left: -16px;
    padding: 0;
  }
}

.p-product-list__item {
  width: 33.3333333333%;
  padding-bottom: 24px;
  padding-left: 1px;
}
@media screen and (min-width: 960px) {
  .p-product-list__item {
    width: 25%;
    padding-left: 16px;
  }
}
@media screen and (min-width: 1696px) {
  .p-product-list__item {
    width: 16.6666666667%;
    max-width: 324px;
  }
}

.p-product-list__button {
  padding: 0 24px 24px;
}
@media screen and (min-width: 960px) {
  .p-product-list__button {
    text-align: center;
  }
}
.p-product-list__button .c-button {
  width: auto;
  min-width: 327px;
  margin: 0 auto;
}

@media screen and (min-width: 1096px) {
  .p-product__recommend .b-recommend__title {
    width: 1048px;
    margin: 0 auto;
    padding: 0 0 10px 8px;
  }
}
@media screen and (min-width: 1232px) {
  .p-product__recommend .b-recommend__title {
    width: 1184px;
    margin: 0 auto;
    padding: 0 0 10px 8px;
  }
}
@media screen and (min-width: 1368px) {
  .p-product__recommend .b-recommend__title {
    width: 1320px;
    margin: 0 auto;
    padding: 0 0 10px 8px;
  }
}
@media screen and (min-width: 1504px) {
  .p-product__recommend .b-recommend__title {
    width: 1456px;
    margin: 0 auto;
    padding: 0 0 10px 8px;
  }
}
@media screen and (min-width: 1640px) {
  .p-product__recommend .b-recommend__title {
    width: 1592px;
    margin: 0 auto;
    padding: 0 0 10px 8px;
  }
}
@media screen and (min-width: 1776px) {
  .p-product__recommend .b-recommend__title {
    width: 1728px;
    margin: 0 auto;
    padding: 0 0 10px 8px;
  }
}
@media screen and (min-width: 1912px) {
  .p-product__recommend .b-recommend__title {
    width: 1864px;
    margin: 0 auto;
    padding: 0 0 10px 8px;
  }
}
@media screen and (min-width: 1096px) {
  .p-product__recommend .b-recommend__list {
    width: 952px;
  }
}
@media screen and (min-width: 1232px) {
  .p-product__recommend .b-recommend__list {
    width: 1088px;
  }
}
@media screen and (min-width: 1368px) {
  .p-product__recommend .b-recommend__list {
    width: 1224px;
  }
}
@media screen and (min-width: 1504px) {
  .p-product__recommend .b-recommend__list {
    width: 1360px;
  }
}
@media screen and (min-width: 1640px) {
  .p-product__recommend .b-recommend__list {
    width: 1496px;
  }
}
@media screen and (min-width: 1776px) {
  .p-product__recommend .b-recommend__list {
    width: 1632px;
  }
}
@media screen and (min-width: 1912px) {
  .p-product__recommend .b-recommend__list {
    width: 1768px;
  }
}

.p-product-list__empty {
  width: 100%;
  padding: 32px 24px 24px;
}
@media screen and (min-width: 960px) {
  .p-product-list__empty {
    text-align: center;
  }
}
.p-product-list__empty .p-product-list__button {
  margin-top: 32px;
  padding: 0;
}
.p-product-list__empty .p-product-list__button .c-button {
  width: -moz-fit-content;
  width: fit-content;
}

.p-product__bonus {
  padding-top: 4px;
}

.p-product__detail {
  padding-top: 27px;
}
@media screen and (min-width: 960px) {
  .p-product__detail {
    padding-top: 20px;
  }
}
.p-product__detail.is-full-open .js-toggle__body {
  height: auto !important;
}

.p-product__free iframe,
.p-product__free img {
  max-width: 100%;
  height: auto;
}
.p-product__free + .p-product__detail__section {
  padding-top: 32px;
}

.p-product__section:nth-child(n+2) {
  padding-top: 32px;
}
.p-product__section .b-text-group {
  padding-top: 16px;
}

.p-product__find-store {
  padding-top: 30px;
  text-align: right;
}

.p-product__infomation {
  padding: 24px 16px 24px;
  background: #F2F2F3;
  margin-top: 24px;
}
.p-product__infomation .c-button--transparent {
  background-color: #fff;
}

@media screen and (min-width: 430px) {
  .p-product__infomation {
    padding: 32px 32px 32px;
  }
}
@media screen and (min-width: 960px) {
  .p-product__infomation {
    position: absolute;
    top: 0;
    right: 0;
    width: 422px;
    background: transparent;
    margin-top: 0;
  }
  .p-product__infomation .c-button--transparent {
    background-color: transparent;
  }
}
@media screen and (min-width: 960px) {
  .p-product__infomation.is-fixed {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
  }
}
@media screen and (min-width: 960px) {
  .p-product__infomation.is-fixed-end {
    position: absolute !important;
    top: auto;
    bottom: 40px;
  }
}

.p-product__summary {
  position: relative;
  padding-bottom: 88px;
  background-color: #F2F2F3;
}
@media screen and (min-width: 960px) {
  .p-product__summary {
    padding-bottom: 143px;
  }
}
.p-product__summary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 92.5vw;
  height: 1px;
  margin: 0 auto;
  background-color: #CBCDD6;
  transform: translate(-50%, 0);
}
.p-product__summary__inner {
  max-width: 1920px;
  margin: 0 auto;
}
.p-product__summary .c-top-section {
  padding-top: 48px;
}
@media screen and (max-width: 960px) {
  .p-product__summary .c-section-headline {
    margin: 0 auto 16px 0;
  }
}
.p-product__summary .c-section-headline .c-title {
  margin-top: 0;
}
@media screen and (max-width: 960px) {
  .p-product__summary .c-section-headline .c-title .c-title--level2 {
    margin: 0 auto 0 0;
    font-size: 14px;
    text-align: left;
  }
}

.p-related-website__list {
  flex-flow: column;
}
@media screen and (min-width: 960px) {
  .p-related-website__list {
    display: flex;
  }
}

.p-related-website__list-item:first-child {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-related-website__list-item:first-child {
    padding-top: 40px;
  }
}
.p-related-website__list-item:nth-child(n+2) {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-related-website__list-item:nth-child(n+2) {
    padding-top: 32px;
  }
}
@media screen and (min-width: 960px) {
  .p-related-website__list-item .c-card--airticle-row .c-card__body {
    width: calc(100% - 264px);
    margin-left: 16px;
  }
}
.p-related-website__list-item .c-card--airticle-row .c-text-body {
  font-size: 12px;
  line-height: 18px;
}
@media screen and (min-width: 960px) {
  .p-related-website__list-item .c-card--airticle-row .c-text-body {
    font-size: 14px;
    line-height: 24.5px;
  }
}
.p-related-website__list-item .c-card--airticle-row .c-card__image {
  height: auto;
}
@media screen and (min-width: 960px) {
  .p-related-website__list-item .c-card--airticle-row .c-card__image {
    width: 248px;
  }
}
.p-related-website__list-item a.c-card:hover .c-text-body {
  color: #6F7075;
}

.p-reminder__form-container {
  padding-top: 40px;
}
.p-reminder__form-container:first-of-type {
  padding-top: 0;
}

.p-reminder__label {
  padding-top: 24px;
}

.p-reminder__form {
  padding-top: 4px;
}
@media screen and (min-width: 960px) {
  .p-reminder__form {
    padding-top: 8px;
  }
}

.p-reminder__text {
  padding-top: 14px;
}
@media screen and (min-width: 960px) {
  .p-reminder__text {
    padding-top: 16px;
  }
}
.p-reminder__text .c-text-body {
  font-size: 1.6rem;
}

.p-reminder__button {
  padding-top: 14px;
}
@media screen and (min-width: 960px) {
  .p-reminder__button {
    padding-top: 24px;
  }
}
.p-reminder__button.padding-wide {
  padding-top: 30px;
}
@media screen and (min-width: 960px) {
  .p-reminder__button.padding-wide {
    padding-top: 24px;
  }
}

.p-schedule__section__header {
  padding: 0 24px 24px;
}
@media screen and (min-width: 430px) {
  .p-schedule__section__header {
    padding: 0 0 24px;
  }
}

.p-shops__prefecture-list {
  display: flex;
  padding-top: 24px;
}

.p-shops__prefecture + .p-shops__prefecture {
  margin-left: 16px;
}

.p-shops__text {
  padding-top: 16px;
}
.p-shops__text .c-text-body.is-small {
  font-size: 1.4rem;
}

.p-shops__search {
  margin-top: 24px;
}
.p-shops__search .b-search--inner .b-search__input {
  margin-right: 8px;
}
.p-shops__search .b-search--inner .b-search__submit {
  display: block;
  min-width: 60px;
}

.p-shops__link-list {
  margin-top: 24px;
  border-top: 1px solid #CBCDD6;
}

.p-shops__link {
  padding: 16px 0;
  border-bottom: 1px solid #CBCDD6;
}
.p-shops__link .c-link__text {
  padding-right: 32px;
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .p-shops__link .c-link__text {
    padding-right: 48px;
    font-size: 1.6rem;
  }
}

.p-shops__empty {
  padding-top: 36px;
}
@media screen and (min-width: 960px) {
  .p-shops__empty {
    padding-top: 24px;
  }
}
.p-shops__empty .c-empty__status {
  padding-top: 16px;
  font-weight: 400;
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .p-shops__empty .c-empty__status {
    font-size: 1.6rem;
  }
}

.p-signup__content {
  padding-bottom: 32px;
}
@media screen and (min-width: 960px) {
  .p-signup__content {
    padding-bottom: 20px;
  }
}

.p-signup__button {
  margin: 0 auto;
  padding-top: 24px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .p-signup__button {
    width: -moz-fit-content;
    width: fit-content;
    min-width: 327px;
    padding-top: 40px;
  }
}
.p-signup__button.is-padding--narrow {
  padding-top: 16px;
}
.p-signup__button.is-padding--wide {
  padding-top: 30px;
}
@media screen and (min-width: 960px) {
  .p-signup__button.is-padding--wide {
    padding-top: 40px;
  }
}

@media screen and (min-width: 960px) {
  .p-signup__backlink {
    padding-bottom: 16px;
  }
}
.p-signup__backlink .c-link--paging-prev {
  padding: 12px 0 12px 24px;
}
@media screen and (min-width: 960px) {
  .p-signup__backlink .c-link--paging-prev {
    padding: 0;
  }
}

.p-signup__title--flex {
  display: flex;
  justify-content: space-between;
  padding: 24px 24px 0;
}
@media screen and (min-width: 960px) {
  .p-signup__title--flex {
    width: 776px;
    margin: 0 auto;
    padding: 0;
  }
}

.p-signup__title-img {
  width: 109px;
}
.p-signup__title-img img {
  width: 100%;
  height: auto;
}

.p-signup__form, .p-signup__form--small, .p-signup__form--half, .p-signup__form--multi, .p-signup__form--middle {
  padding-top: 16px;
}
@media screen and (min-width: 960px) {
  .p-signup__form, .p-signup__form--small, .p-signup__form--half, .p-signup__form--multi, .p-signup__form--middle {
    max-width: 340px;
    padding-top: 24px;
  }
}
.p-signup__form:first-child, .p-signup__form--small:first-child, .p-signup__form--half:first-child, .p-signup__form--multi:first-child, .p-signup__form--middle:first-child {
  padding-top: 24px;
}
.p-signup__form--middle {
  width: 212px;
  padding-top: 0;
}
@media screen and (min-width: 960px) {
  .p-signup__form--middle {
    width: 215px;
  }
}
.p-signup__form--middle:first-child {
  padding-top: 0;
}
@media screen and (min-width: 960px) {
  .p-signup__form--multi {
    max-width: none;
  }
}
.p-signup__form--half {
  width: 50%;
  padding-top: 0;
}
@media screen and (min-width: 960px) {
  .p-signup__form--half {
    max-width: none;
  }
}
.p-signup__form--half:first-child {
  margin-right: 16px;
  padding-top: 0;
}
.p-signup__form--small {
  width: 33%;
  margin-left: 16px;
  padding-top: 0;
}
@media screen and (min-width: 960px) {
  .p-signup__form--small {
    max-width: 135px;
  }
}
.p-signup__form--small:first-child {
  margin-left: 0;
  padding-top: 0;
}
.p-signup__form.is-padding--wide, .is-padding--wide.p-signup__form--middle, .is-padding--wide.p-signup__form--multi, .is-padding--wide.p-signup__form--half, .is-padding--wide.p-signup__form--small {
  padding-top: 40px;
}
.p-signup__password-wrap {
    position: relative;
}
.p-signup__password-wrap input{
    padding-right: 34px;
}
.p-signup__password-wrap img {
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    width: 25px;
}

.p-signup__multi {
  display: flex;
}

.p-signup__multi-col-sp {
  display: flex;
  flex-flow: column;
}
@media screen and (min-width: 960px) {
  .p-signup__multi-col-sp {
    flex-flow: row;
  }
}
.p-signup__multi-col-sp .p-signup__form--half {
  width: 100%;
  margin-right: 0px;
  padding-top: 8px;
}
@media screen and (min-width: 960px) {
  .p-signup__multi-col-sp .p-signup__form--half {
    width: 50%;
    padding-top: 0px;
  }
}
.p-signup__multi-col-sp .p-signup__form--half:first-child {
  margin-right: 0px;
  padding-top: 0;
}
@media screen and (min-width: 960px) {
  .p-signup__multi-col-sp .p-signup__form--half:first-child {
    margin-right: 16px;
  }
}

.p-signup__label {
  padding-bottom: 4px;
}

.p-signup__errortext {
  padding-top: 8px;
}

.p-signup__note {
  font-size: 1.2rem;
}
@media screen and (min-width: 960px) {
  .p-signup__note {
    font-size: 1.4rem;
  }
}

.p-signup__subtext {
  padding-top: 16px;
  font-size: 1.2rem;
  line-height: 1.75;
  color: #6F7075;
}
@media screen and (min-width: 960px) {
  .p-signup__subtext {
    font-size: 1.4rem;
  }
}
.p-signup__subtext a {
  color: #6F7075;
  text-decoration: underline;
}

.p-signup__another {
  padding: 32px 0 0;
  border-top: 1px solid #CBCDD6;
}

.p-signup__gauge {
  padding-top: 22px;
}
@media screen and (min-width: 960px) {
  .p-signup__gauge {
    padding-top: 24px;
  }
}

.p-signup__remarks {
  padding-top: 10px;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #6F7075;
}
@media screen and (min-width: 960px) {
  .p-signup__remarks {
    padding-top: 16px;
  }
}

.p-signup__result {
  padding-top: 16px;
}
.p-signup__result:first-child {
  padding-top: 24px;
}
.p-signup__result .c-title {
  padding-bottom: 4px;
}

.p-signup__link {
  display: inline-block;
  margin: 16px 0;
  font-size: 1.2rem;
  color: #18181B;
  text-decoration: underline;
}
.p-signup__link:hover {
  color: #F35916;
}

.p-signup__alert {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-signup__alert {
    padding: 40px 0 16px;
  }
}
.p-signup__alert .c-alert__body {
  padding: 0 0 0 10px;
  font-weight: normal;
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .p-signup__alert .c-alert__body {
    padding: 0 0 0 13px;
  }
}
.p-signup__alert .c-alert__body .c-icon {
  margin-right: 7px;
}
@media screen and (min-width: 960px) {
  .p-signup__alert .c-alert__body .c-icon {
    margin-right: 11px;
  }
}

.p-signup__text {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-signup__text {
    padding-top: 40px;
  }
}

.p-signup__finish .c-alert {
  position: absolute;
  top: 120px;
  z-index: 2;
}
@media screen and (min-width: 960px) {
  .p-signup__finish .c-alert {
    top: 88px;
  }
}
.p-signup__finish .c-alert__body {
  padding: 0 18px;
}

.p-signup__notice_for_trans_member{
  color:red;
  background-color:#FFCACA;
  padding:20px 0px 20px 10px;
  font-weight:bold;
  font-size:14px;
}
.p-signup__notice_for_trans_member a {
  color:red;
  font-weight:bold;
  font-size:14px;
  text-decoration: underline;
}

.p-social__media-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(100% + 21px);
  padding-top: 18px;
}
@media screen and (min-width: 960px) {
  .p-social__media-list {
    justify-content: space-between;
    width: 100%;
  }
}

.p-social__media {
  margin-top: 30px;
  margin-right: 21px;
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", Sanfransisco, Arial, "SF Pro SC", Meiryo, "メイリオ", "微软雅黑", "Microsoft YaHei";
}
.p-social__media:last-child {
  margin-left: 0;
}

.p-social__account-block {
  margin-top: 64px;
  padding-top: 64px;
  border-top: 1px solid #CBCDD6;
}
@media screen and (min-width: 960px) {
  .p-social__account-block {
    margin-top: 40px;
    padding-top: 40px;
  }
}

@media screen and (min-width: 960px) {
  .p-social__account-list {
    display: flex;
    flex-wrap: wrap;
  }
}

.p-social__account-list-block {
  padding-top: 8px;
}
.p-social__account-list-block + .p-social__account-list-block {
  padding-top: 0;
}
@media screen and (min-width: 960px) {
  .p-social__account-list-block + .p-social__account-list-block {
    padding-top: 8px;
  }
}

.p-social__media-logo {
  text-align: center;
}

.p-social__account {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-social__account {
    width: 331px;
    margin-left: 40px;
  }
}
.p-social__account.is-first {
  padding-top: 32px;
}

.p-social__line-stamp {
  padding-top: 32px;
}
@media screen and (min-width: 960px) {
  .p-social__line-stamp {
    margin: 0 40px;
  }
}
.p-social__line-stamp .c-text-body.is-small {
  font-size: 1.4rem;
}

.p-social__line-stamp-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.p-social__line-stamp-item {
  max-width: 119px;
  margin: 36px 10px 0;
}

.p-top section#content-01 {
  padding-top: 20px;
}
@media screen and (min-width: 960px) {
  .p-top section#content-01 {
    padding-top: 32px;
  }
}
.p-top section#content-02 {
  padding-top: 24px;
}
@media screen and (min-width: 960px) {
  .p-top section#content-02 {
    padding-top: 32px;
  }
}
.p-top section#content-04,
.p-top section#content-05,
.p-top section#content-06 {
  padding: 56px 16px 0px;
}
@media screen and (min-width: 960px) {
  .p-top section#content-04,
.p-top section#content-05,
.p-top section#content-06 {
    padding: 64px 52px 0px;
  }
}
@media screen and (min-width: 1920px) {
  .p-top section#content-04,
.p-top section#content-05,
.p-top section#content-06 {
    width: calc(100vw - 104px);
    max-width: 1920px;
    margin: 0 auto;
    padding: 64px 0 0px;
  }
}
.p-top section#content-04 a.c-card:hover .c-text-body--date {
  color: #F35916;
}
.p-top section#content-07 {
  padding: 48px 16px 24px;
}
@media screen and (min-width: 960px) {
  .p-top section#content-07 {
    padding: 64px 52px 112px;
  }
}
@media screen and (min-width: 1920px) {
  .p-top section#content-07 {
    width: calc(100vw - 104px);
    max-width: 1920px;
    margin: 0 auto;
    padding: 64px 0 112px;
  }
}
@media screen and (min-width: 1920px) {
  .p-top section#content-03 {
    width: 100vw;
    margin-left: calc(960px - 50vw);
  }
}
@media screen and (min-width: 1224px) {
  .p-top .b-recommend__section--large .b-recommend__title {
    width: 1176px;
    margin: 0 auto;
    padding: 0 0 10px 0;
  }
}
@media screen and (min-width: 1440px) {
  .p-top .b-recommend__section--large .b-recommend__title {
    width: 1392px;
    margin: 0 auto;
    padding: 0 0 10px 0;
  }
}
@media screen and (min-width: 1656px) {
  .p-top .b-recommend__section--large .b-recommend__title {
    width: 1608px;
    margin: 0 auto;
    padding: 0 0 10px 0;
  }
}
@media screen and (min-width: 1872px) {
  .p-top .b-recommend__section--large .b-recommend__title {
    width: 1824px;
    margin: 0 auto;
    padding: 0 0 10px 0;
  }
}
@media screen and (min-width: 2088px) {
  .p-top .b-recommend__section--large .b-recommend__title {
    width: 2040px;
    margin: 0 auto;
    padding: 0 0 10px 0;
  }
}
@media screen and (min-width: 1224px) {
  .p-top .b-recommend__section--large .b-recommend__list {
    width: 1080px;
  }
}
@media screen and (min-width: 1440px) {
  .p-top .b-recommend__section--large .b-recommend__list {
    width: 1296px;
  }
}
@media screen and (min-width: 1656px) {
  .p-top .b-recommend__section--large .b-recommend__list {
    width: 1512px;
  }
}
@media screen and (min-width: 1872px) {
  .p-top .b-recommend__section--large .b-recommend__list {
    width: 1728px;
  }
}
@media screen and (min-width: 2088px) {
  .p-top .b-recommend__section--large .b-recommend__list {
    width: 1944px;
  }
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.u-text--normal {
  font-weight: normal !important;
  font-style: normal !important;
}

.u-text--bold {
  font-weight: 600 !important;
}

.u-text--italic {
  font-style: italic !important;
}

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

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

.u-text--right {
  text-align: right !important;
}

.u-hidden {
  display: none !important;
}

@media screen and (min-width: 960px) {
  .u-hidden--pc {
    display: none !important;
  }
}

.u-hidden--sp {
  display: none !important;
}
@media screen and (min-width: 960px) {
  .u-hidden--sp {
    display: block !important;
  }
}

@media print {
  .is-no-print {
    display: none !important;
  }
}
/*# sourceMappingURL=maps/style.css.map */

.l-header {
    overflow-x: hidden;
}

/* 202406 Top Renewal Start */
:root {
  --gsc-primary: #F06E00;
  --gray: #F4F4F6;
  --font-gray: #6F7074;
  --font-black: #18181B;

  --base-border: 1px solid #CBCDD6;

  /* font */
  --base-font-size: 16px;
  --font-size1: calc(var(--base-font-size) * 8);
  --font-size4: calc(var(--base-font-size) * 8 / 4);
  --font-size5: calc(var(--base-font-size) * 8 / 5);
  --font-size6: calc(var(--base-font-size) * 8 / 6);
  --font-size7: calc(var(--base-font-size) * 8 / 7);
  --font-size8: calc(var(--base-font-size) * 8 / 8);
  --font-size9: calc(var(--base-font-size) * 8 / 9);
  --font-size10: calc(var(--base-font-size) * 8 / 10);
  --font-size12: calc(var(--base-font-size) * 8 / 12);

  /* spacing */
  --spacing-unit: calc(var(--base-font-size) / 2);
  --spacing-1x: var(--spacing-unit);
  --spacing-2x: calc(var(--spacing-unit) * 2);
  --spacing-3x: calc(var(--spacing-unit) * 3);
  --spacing-5x: calc(var(--spacing-unit) * 5);
  --spacing-8x: calc(var(--spacing-unit) * 8);
  --spacing-13x: calc(var(--spacing-unit) * 13);

  /* card-font */
  --base-font-size-for-card: 14px;
  --card-font-size1: calc(var(--base-font-size-for-card) * 8);
  --card-font-size4: calc(var(--base-font-size-for-card) * 8 / 4);
  --card-font-size5: calc(var(--base-font-size-for-card) * 8 / 5);
  --card-font-size6: calc(var(--base-font-size-for-card) * 8 / 6);
  --card-font-size7: calc(var(--base-font-size-for-card) * 8 / 7);
  --card-font-size8: calc(var(--base-font-size-for-card) * 8 / 8);
  --card-font-size9: calc(var(--base-font-size-for-card) * 8 / 9);
  --card-font-size10: calc(var(--base-font-size-for-card) * 8 / 10);
  --card-font-size11: calc(var(--base-font-size-for-card) * 8 / 11);
  --card-font-size12: calc(var(--base-font-size-for-card) * 8 / 12);

  /* card-spacing */
  --card-spacing-unit: calc(var(--base-font-size-for-card) / 2);
  --card-spacing-1x: var(--card-spacing-unit);
  --card-spacing-2x: calc(var(--card-spacing-unit) * 2);
  --card-spacing-3x: calc(var(--card-spacing-unit) * 3);
  --card-spacing-5x: calc(var(--card-spacing-unit) * 5);
  --card-spacing-8x: calc(var(--card-spacing-unit) * 8);
  --card-spacing-13x: calc(var(--card-spacing-unit) * 13);
}
@media (min-width: 960px) {
  :root {
    --base-font-size-for-card: 16px;
  }
}
/* 202406 Top Renewal Common */
.c-button--gsc-primary {
  background-color: var(--gsc-primary) ;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--font-size9);
  line-height: var(--font-size10);
  border: 1px solid var(--gsc-primary);
  transition-duration: 0.3s;
  height: 38px;
  font-weight: 600;
}
.c-button--gsc-primary:hover {
  background-color: #fff;
  color: var(--gsc-primary);
  border-color: 1px solid var(--gsc-primary);
}

@media screen and (min-width: 960px) {
  .c-button--gsc-primary {
    font-size: var(--font-size8);
    line-height: 24px;
    height: 48px;
  }
}

.c-button--basic {
  color: var(--font-black);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--font-size9);
  font-weight: 600;
  line-height: var(--font-size9);
  background-color: var(--gray);
  border: var(--base-border);
  transition-duration: 0.3s;
  height: 38px;
}
.c-button--basic:hover {
  background-color: #E5E5E7;
  color: var(--font-black);
}
@media screen and (min-width: 960px) {
  .c-button--basic {
    font-size: var(--font-size8);
    line-height: 24px;
    height: 48px;
  }
}
.c-botton--basic-no-border {
  border: none;
}

/* 202406 Top Renewal Header */
.c-global-header__top {
  padding: 0 16px;
}
@media screen and (min-width: 960px) {
  .c-global-header__top {
    padding: 0 26px 0 32px;
  }
}

.c-global-header__ui__item:hover .c-global-header__ui-text {
  color: var(--gsc-primary);
  transition-duration: 0.3s;
}
.c-global-header__ui__link {
  display: flex;
  align-items: center;
}
.c-icon--face {
    width: 18px;
    min-width: 18px;
    height: 17px;
    margin: 3px;
    background-color: #a9aab2;
    mask-image: url(/img/common/face.svg);
    mask-size: 18px 17px;
    mask-repeat: no-repeat;
}
@media screen and (max-width: 500px) {
  .c-global-header__ui__item--recruit {
    display: none;
  }
  .c-global-header__ui__item--recruit + .c-global-header__ui__item {
    margin-left: 0;
  }
  .c-global-header-text-account {
    display: none;
  }
}
.c-icon--cart {
  width: 18px;
  min-width: 18px;
  height: 17px;
  margin: 3px;
  background-color: #A9AAB2;
  -webkit-mask-image: url("/img/icon/cart.svg");
          mask-image: url("/img/icon/cart.svg");
  -webkit-mask-size: 18px 17px;
          mask-size: 18px 17px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.c-global-header__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-bottom: 4px;
  pointer-events: none;
}
@media screen and (min-width: 960px) {
  .c-global-header__icon {
    margin: 0 4px 0 1px;
  }
}
.c-global-header__icon-path {
  transition: fill 0.3s ease;
}
.c-megamenu-news.is-active .c-global-header__icon-path, .c-megamenu-news:hover .c-global-header__icon-path {
  fill: var(--gsc-primary);
}
.c-megamenu-10.is-active .c-global-header__icon-path, .c-megamenu-10:hover .c-global-header__icon-path {
  fill: var(--gsc-primary);
}
.c-megamenu-11.is-active .c-global-header__icon-path, .c-megamenu-11:hover .c-global-header__icon-path {
  fill: var(--gsc-primary);
}
.c-global-header__text {
  pointer-events: none;
  font-weight: 600;
  font-size: var(--font-size10);
  line-height: var(--font-size10);
}
@media screen and (min-width: 960px) {
  .c-global-header__text {
    font-size: var(--font-size8);
    font-weight: 600;
    line-height: var(--font-size8);
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 767px) {
  .c-global-header__text--SP-en-news {
    font-size: var(--font-size12);
  }
}

.c-megamenu--categories-series__link {
  display: flex;
  align-items: center;
  font-size: var(--font-size9);
  line-height: var(--font-size9);
  font-weight: 400;
  color: var(--font-black);
  white-space: nowrap;
  transition-duration: 0.3s;
}
.c-megamenu--categories-series__link:hover {
  color: var(--gsc-primary);
}
.c-megamenu--categories-series__link::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: var(--gsc-primary);
  border-radius: 7px;
  margin-right: 4px;
}

.c-global-header__ui-text {
  color: var(--font-gray);
  font-size: var(--font-size12);
  font-weight: 600;
  font-feature-settings: "palt";
  margin-left: 4px;
}

.c-form-select__input-language {
  border: none;
  font-size: 1.4rem;
  font-weight: 300;
}
.c-global-header__select--language .c-form-select__input {
  padding: 0 0 0 28px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS4zODQuODMzQzQuMjE5LjgzMy4wMzcgNC45NC4wMzcgMTBzNC4xODIgOS4xNjcgOS4zNDcgOS4xNjdjNS4xNzQgMCA5LjM2NS00LjEwNyA5LjM2NS05LjE2N1MxNC41NTguODMzIDkuMzg0LjgzM3ptNi40ODMgNS41aC0yLjc2YTE0LjE3IDE0LjE3IDAgMDAtMS4yOS0zLjI2MyA3LjQ4IDcuNDggMCAwMTQuMDUgMy4yNjN6bS02LjQ3NC0zLjYzYTEyLjgyIDEyLjgyIDAgMDExLjc4NyAzLjYzSDcuNjA2Yy40MDItMS4zMSAxLjAxLTIuNTMgMS43ODctMy42M3ptLTcuMjQyIDkuMTNBNy40MTIgNy40MTIgMCAwMTEuOTA4IDEwYzAtLjYzMy4wOTMtMS4yNDcuMjQzLTEuODMzaDMuMTYzYy0uMDc1LjYwNS0uMTMxIDEuMjEtLjEzMSAxLjgzM3MuMDU2IDEuMjI4LjEzIDEuODMzSDIuMTUyem0uNzY3IDEuODM0aDIuNzZjLjMgMS4xNDUuNzMgMi4yNDUgMS4yOTIgMy4yNjNhNy40NCA3LjQ0IDAgMDEtNC4wNTItMy4yNjN6bTIuNzYtNy4zMzRoLTIuNzZBNy40NCA3LjQ0IDAgMDE2Ljk3IDMuMDdhMTQuMTcyIDE0LjE3MiAwIDAwLTEuMjkyIDMuMjYzem0zLjcxNSAxMC45NjRhMTIuODA0IDEyLjgwNCAwIDAxLTEuNzg3LTMuNjNoMy41NzRhMTIuODA0IDEyLjgwNCAwIDAxLTEuNzg3IDMuNjN6bTIuMTktNS40NjRoLTQuMzhBMTMuMjIgMTMuMjIgMCAwMTcuMDU0IDEwYzAtLjYyMy4wNjYtMS4yMzguMTUtMS44MzNoNC4zOGMuMDgzLjU5NS4xNDkgMS4yMS4xNDkgMS44MzNzLS4wNjYgMS4yMjgtLjE1IDEuODMzem0uMjMzIDUuMDk3YTE0LjE3IDE0LjE3IDAgMDAxLjI5MS0zLjI2M2gyLjc2YTcuNDggNy40OCAwIDAxLTQuMDUgMy4yNjN6bTEuNjU2LTUuMDk3Yy4wNzUtLjYwNS4xMzEtMS4yMS4xMzEtMS44MzNzLS4wNTYtMS4yMjgtLjEzLTEuODMzaDMuMTYyYy4xNS41ODYuMjQzIDEuMi4yNDMgMS44MzNhNy40NCA3LjQ0IDAgMDEtLjI0MyAxLjgzM2gtMy4xNjN6IiBmaWxsPSIjQTlBQUIyIi8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: 20px 20px;
}
@media screen and (min-width: 960px) {
  .c-global-header__navication__item .c-global-header__navication__link {
    padding-left: 2px;
    padding-right: 2px;
  }
  .c-global-header__navication__item:first-child .c-global-header__navication__link {
    padding-left: 4px;
  }
  .c-global-header__navication__item:last-child .c-global-header__navication__link {
    padding-right: 4px;
  }
  .c-global-header__ui-text {
    font-size: 1.6rem;
  }
  .c-form-select__input-language {
    font-size: 1.4rem;
  }
  .c-global-header__select--language .c-form-select__input {
    padding: 0 20px 0 28px;
  }
  .c-global-header__select--language::after {
    content: "";
    right: 2px;
    position: absolute;
    top: 50%;
    width: 16px;
    min-width: 16px;
    height: 9px;
    background-color: #A9AAB2;
    transform: translate(0%, -50%);
    -webkit-mask-image: url("/img/icon/arrow-more.svg");
            mask-image: url("/img/icon/arrow-more.svg");
    -webkit-mask-size: 16px 9px;
            mask-size: 16px 9px;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
}
@media screen and (min-width: 1210px) {
  .c-global-header__navication__item .c-global-header__navication__link {
    padding-left: var(--spacing-2x);
    padding-right: var(--spacing-2x);
  }
  .c-global-header__navication__item:first-child .c-global-header__navication__link {
    padding-left: var(--spacing-1x);
  }
  .c-global-header__navication__item:last-child .c-global-header__navication__link {
    padding-right: var(--spacing-1x);
  }
}

@media screen and (max-width: 959px) {
    .c-global-header__ui-cart {
      display: none;
    }
}

@media screen and (max-width: 1183px) {
  .c-global-header__navication__list {
    justify-content: space-evenly;
  }
  .c-global-header__navication__item {
    flex-grow: 1;
    width: 25%;
  }
  .c-global-header__navication__link {
    flex-direction: column;
    padding: 5.5px 0;
  }
}
.c-language-selector {
  position: relative;
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.p-selected-language {
  display: flex;
  align-items: center;
}
.c-language-selector::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  background-color: var(--gsc-primary);
  transition-duration: 0.3s;
}
@media screen and (min-width: 960px) {
  .c-language-selector:hover::after, .c-language-selector.is-open::after, .c-megamenu-news:hover .c-global-header__navication__link::after {
    height: 4px;
  }
}
.c-language-selector .p-language__icon, .c-language-selector .p-selected-language__text {
  transition-duration: 0.3s;
}
.c-language-selector:hover .p-language__icon {
  background-color: var(--gsc-primary);
}
.c-language-selector:hover .p-selected-language__text {
  color: var(--gsc-primary);
}

.p-selected-language > *:nth-child(n+2) {
  margin-left: 4px;
}
@media screen and (min-width: 960px) {
  .p-selected-language > *:nth-child(n+2) {
    margin-left: 5px;
  }
}

.p-choosing-language {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: var(--spacing-2x);
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  z-index: 121;
  width: 240px;
  background-color: #fff;
  padding: 0 var(--spacing-2x);
  box-shadow: 0px 4px 20px 0px #00000026;
  border-radius: 6px;
  transition: max-height 0.3s ease, opacity 0.2s ease;
}
.p-selected-language__text {
  color: var(--font-gray);
  font-size: var(--font-size10);
  font-weight: 300;
  line-height: 14px;
  transition-duration: 0.3s;
}
@media screen and (min-width: 960px) {
  .p-selected-language__text {
    font-size: 14px;
    font-weight: 300;
  }
  .c-language-selector:hover .p-selected-language__text {
    color: var(--gsc-primary);
  }
}
.c-language-selector.is-open .p-selected-language__text {
  color: var(--gsc-primary);
}
.c-language-selector.is-open .p-choosing-language {
  max-height: 120px;
  opacity: 1;
}
.p-language__icon {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-color: #A9AAB2;
  -webkit-mask-image: url('/img/icon/language.svg');
    mask-image: url('/img/icon/language.svg');
  -webkit-mask-size: 20px 20px;
    mask-size: 20px 20px;
  -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  transition-duration: 0.3s;
}
@media screen and (min-width: 960px) {
  .c-language-selector:hover .p-language__icon {
    background-color: var(--gsc-primary);
  }
}
.c-language-selector.is-open .p-language__icon {
  background-color: var(--gsc-primary);
}
.p-language__icon-arrow {
  display: none;
  width: 20px;
  min-width: 20px;
  height: 10px;
  background-color: #A9AAB2;
  -webkit-mask-image: url(/img/icon/arrow-more.svg);
  mask-image: url(/img/icon/arrow-more.svg);
  -webkit-mask-size: 20px 10px;
  mask-size: 20px 10px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition-duration: 0.3s;
}
@media screen and (min-width: 960px) {
  .c-language-selector:hover .p-language__icon-arrow {
    background-color: var(--gsc-primary);
  }
}
@media screen and (min-width: 960px) {
  .p-language__icon-arrow {
    display: inline-block;
  }
  .c-language-selector.is-open .p-language__icon-arrow {
    transform: rotateX(180deg) translateY(1px);
  }
}
.c-language-selector.is-open .p-language__icon-arrow {
  background-color: var(--gsc-primary);
}

.p-choosing-language__option {
  font-size: var(--font-size8);
  line-height: var(--font-size8);
  padding: 12px 0;
  transition-duration: 0.3s;
  user-select: none;
}
.p-choosing-language__option:hover {
  color: var(--gsc-primary);
}

/* 202406 Top Renewal Main */
.l-top-main {
  max-width: 1920px;
  margin: 0 auto;
}

/* 202406 Top Renewal Carousel */
.c-carousel--top {
  background-color: #333;
}
.c-carousel--top .slick-track {
  background-color: transparent;
}
.c-carousel--top .slick-slide .c-image {
  opacity: 0.6;
  transition: opacity 0.3s ease;
}
.c-carousel--top .slick-center .c-image, .c-carousel--top .slick-end2start .c-image {
  opacity: 1;
}
.c-carousel__unit .c-image::after {
  background-color: transparent;
  border: 3px solid var(--gsc-primary);
  border-radius: 4px;
  box-shadow: 0px 0px 20px 0px #00000066;
}
.c-carousel__unit:hover .c-image::after {
  background-color: transparent;
  opacity: 1;
}
.c-carousel__next, .c-carousel__prev {
  position: absolute;
  top: 152px;
  z-index: 2;
}
.c-carousel--top .c-button--circle {
  width: 60px;
  height: 60px;
}
.c-carousel--top .slick-dots li.slick-active button {
  background-color: var(--gsc-primary);
  width: 28px;
}
.c-carousel--top .slick-dots button {
  width: 8px;
  height: 8px;
  border: none;
  overflow: hidden;
  font-size: 0;
  text-indent: -100%;
  background-color: #FFF;
  border-radius: 5px;
  transition-duration: 0.3s;
}

@media screen and (min-width: 960px) {
  .c-carousel__prev {
    left: calc(50% - 444px);
  }
}

@media screen and (min-width: 960px) {
  .c-carousel__next {
    right: calc(50% - 444px);
  }
}

.slick-dots {
  margin: 10px 0;
}
.slick-slide {
  line-height: 0; /* 画像の下に隙間ができるのを防ぐ */
}
.slick-slide .c-image {
  background-color: transparent;
}
.slick-slide .c-image img {
  border-radius: 4px;
}
.c-carousel--top .slick-slide {
  margin: 12px 4px 0;
}
@media screen and (min-width: 960px) {
  .c-carousel--top .slick-slide {
    margin: 12px 6px 0;
  }
}
.c-carousel--top .slick-slide img {
  width: 100%;
  max-width: 353px;
  height: 457px;
}
@media screen and (min-width: 960px) {
  .c-carousel--top .slick-slide img {
    width: 100%;
    max-width: 816px;
    height: 340px;
  }
}
@media screen and (max-width: 959px) {
  .slick-arrow {
    display: none !important;
  }
}
.c-slick__button-animation-controller {
  position: relative;
  cursor: pointer;
  margin-left: 10px;
  width: 8px;
  height: 12px;
  background-color: transparent;
  transition: all 0.3s ease;
  transform-origin: center;
}
.c-slick__button-animation-controller::before, .c-slick__button-animation-controller:after {
  content: '';
  position: absolute;
  top: 0;
  width: 3px;
  height: 12px;
  background-color: #fff;
  transition: all 0.3s ease;
  transform-origin: center;
}
.c-slick__button-animation-controller::before {
    left: 0;
}
.c-slick__button-animation-controller::after {
    right: 0;
}

.u-slick-pause::before {
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  width: 8px;
  height: 12px;
  top: 0;
  left: 0;
  background-color: #fff;
}

.u-slick-pause::after {
  display: none;
}

.u-slick-play::before,
.u-slick-play::after {
  width: 3px;
  height: 12px;
  background-color: #fff;
}

.u-slick-play::before {
  left: 0;
}

.u-slick-play::after {
  right: 0;
}

/* 202406 Top Renewal Important Notice */
.p-top-notice {
  background-color: var(--gray);
  padding: 8px 16px
}
@media screen and (min-width: 960px) {
  .p-top-notice {
    padding: 12px 0;
    display: flex;
    justify-content: center;
  }
}
.c-top-notice__icon-alert {
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-color: var(--gsc-primary);
  -webkit-mask-image: url('/img/icon/alert.svg');
    mask-image: url('/img/icon/alert.svg');
  -webkit-mask-size: 20px;
    mask-size: 20px;
  -webkit-mask-position: center;
    mask-position: center;
  -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
@media screen and (min-width: 960px) {
  .c-top-notice__icon-alert {
    width: 20px;
    min-width: 20px;
    height: 20px;
    -webkit-mask-size: 20px 20px;
      mask-size: 20px 20px;
  }
}
.c-top_notice_icon-to-list {
  display: block;
  margin-left: auto;
  width: 24px;
  min-width: 24px;
  height: 24px;
  font-size: var(--font-size9);
  font-weight: 300;
  line-height: var(--font-size9);

  background-color: var(--gsc-primary);
  -webkit-mask-image: url(/img/icon/arrow-paging.svg);
    mask-image: url(/img/icon/arrow-paging.svg);
  -webkit-mask-position: center;
    mask-position: center;
  -webkit-mask-size: 8px 12px;
    mask-size: 8px 12px;
  -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.c-top-notice__text-title {
  max-width: calc(100% - 100px);
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: var(--font-size12);
  font-weight: 300;
  line-height: var(--font-size12);
}
@media screen and (min-width: 960px) {
  .c-top-notice__text-title {
    max-width: 350px;
    font-size: var(--font-size9);
    line-height: var(--font-size9);
    padding-right: 8px;
  }
}

/* 202406 Top Renewal Product Search */
.c-search {
  background: linear-gradient(180deg, var(--gsc-primary) 0%, var(--gsc-primary)  50%, rgba(255, 101, 36, 0) 51%, transparent 100%);
  display: flex;
  justify-content: center;
  position: relative;
}
.c-search__block {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  overflow: hidden;
  opacity: 1;
}
.c-search__block::before {
  content: '';
  position: absolute;
  width: calc(100% + 360px);
  height: 150px;
  background-color: var(--gsc-primary) ;
  border-radius: 100%;
  bottom: 0;
  margin: auto;
  z-index: -1;
}
.c-search__form {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  max-width: 776px;
  margin: 24px 16px 40px 16px;
  height: 40px;
  background-color: #FFF;
  border-radius: 24px;
  border: 1px solid #CBCDD6;
}
@media screen and (min-width: 960px) {
  .c-search__form {
    height: 48px;
    margin: 24px 24px 40px 24px;
  }
}
.c-search .b-search__history, .c-search .b-search__candidates {
  max-width: calc(776px - 16px);
  position: absolute;
  top: 64px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 960px) {
  .c-search .b-search__history, .c-search .b-search__candidates {
    top: 72px;
  }
}
.c-search__input {
  position: relative;
  font-size: var(--font-size9);
  line-height: var(--font-size9);
  width: 100%;
  height:100%;
  font-feature-settings: "palt";
  font-weight: 400;
}
@media screen and (min-width: 960px) {
  .c-search__input {
    font-size: var(--font-size8);
    line-height: var(--font-size8);
    font-feature-settings: "palt" off;
  }
}
.c-search__input::-webkit-search-cancel-button {
  position: absolute;
  z-index: 1;
  right: var(--spacing-1x);
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-color: var(--font-gray);
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-mask-image: url("/img/icon/cancel.svg");
          mask-image: url("/img/icon/cancel.svg");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 14px 14px;
          mask-size: 14px 14px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media screen and (min-width: 960px) {
  .c-search__input::-webkit-search-cancel-button {
    right: 10px;
  }
}
.c-search__input:focus-visible {
  outline: none;
}
.c-search__input::placeholder {
  color: #757587;
}
.c-search__button {
  margin-left: auto;
  margin-right: 4px;
  width: 56px;
  min-width: 56px;
  height: 32px;
  border-radius: 16px;
}
@media screen and (min-width: 960px) {
  .c-search__button {
    width: 96px;
    min-width: 96px;
    height: 40px;
    border-radius: 20px;
  }
}
.b-search .b-search__submit .c-button, .c-header-product-list__search .b-search__submit .c-button,
.b-search .b-search__submit .c-button:disabled .c-button__body,
.c-header-product-list__search .b-search__submit .c-button:disabled .c-button__body {
  transition: all 0.3s ease;
}
.c-search__button:disabled, .b-search .b-search__submit .c-button:disabled .c-button__body,
.c-header-product-list__search .b-search__submit .c-button:disabled .c-button__body {
  background-color: transparent;
  border-color: #CBCDD6;
  color: #C9C9D3;
  cursor: not-allowed;
}
.b-search .b-search__submit .c-button:disabled,
.c-header-product-list__search .b-search__submit .c-button:disabled {
  background-color: transparent;
  border: 1px solid #CBCDD6;
}
.c-search__form .c-icon--search {
  margin-left: var(--spacing-1x);
  margin-right: 4px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-color: var(--font-gray);
  -webkit-mask-size: 18px 18px;
          mask-size: 18px 18px;
  -webkit-mask-position: center;
          mask-position: center;
}
@media screen and (min-width: 960px) {
  .c-search__form .c-icon--search {
    margin-left: var(--spacing-2x);
    margin-right: var(--spacing-2x);
  }
}
.c-search .b-search__candidates__item .c-icon--search {
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-right: var(--spacing-2x);
  background-color: var(--font-gray);
  -webkit-mask-size: 11.6px;
          mask-size: 11.6px;
  -webkit-mask-position: center;
          mask-position: center;
}
.b-search__history__title {
    color: var(--font-gray);
    font-size: 12px;
    line-height: 21px;
}
@media screen and (min-width: 960px) {
    .b-search__history__title {
        font-size: 14px;
        line-height: 14px;
    }
}
.b-search__history__clear {
  color: var(--gsc-primary);
  font-size: 12px;
  line-height: 21px;
  font-feature-settings: "palt";
}
@media screen and (min-width: 960px) {
  .b-search__history__clear {
    font-size: 14px;
    line-height: 14px;
  }
}
.c-form-text--search .c-form-text__input::placeholder {
    color: #757587;
}
/* 202406 Top Renewal Main Section */
.c-top-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px 16px 0;
}
@media screen and (min-width: 960px) {
  .c-top-section {
    padding-top: var(--spacing-8x);
  }
}
.c-section-headline {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16px;
}
@media screen and (min-width: 960px){
  .c-section-headline {
    margin-bottom: 32px;
  }
}
.c-section-headline .c-section-headline__icon {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 960px) {
  .c-section-headline .c-section-headline__icon {
    width: 48px;
    height: 48px;
  }
}

.c-section-headline .c-title {
  margin-top: var(--spacing-1x);
}
.c-section-headline .c-title .c-title--level2 {
  font-size: var(--font-size6);
  line-height: var(--font-size6);
  font-weight: 600;
}
@media screen and (min-width: 960px) {
.c-section-headline .c-title .c-title--level2 {
  font-size: var(--font-size5);
  line-height: 38.4px;
}
}

.c-section-headline .c-title .c-title--level3 {
  font-size: var(--font-size10);
  line-height: 19.2px;
  font-weight: 700;
  color: var(--gsc-primary);
  margin-top: 6px;
}
@media screen and (min-width: 960px) {
.c-section-headline .c-title .c-title--level3 {
  font-size: var(--font-size8);
  line-height: var(--font-size8);
}
}
.c-section-headline img {
  width: 32px;
  height: 32px;
}
@media screen and (min-width: 960px) {
  .c-section-headline .c-section-headline__icon img {
    width: 48px;
    height: 48px;
  }
}

/* 202406 Top Renewal Search By Brand */
@media screen and (min-width: 960px) {
  .c-section-headline .c-image_face img {
    width: 40px;
    height: 40px;
  }
}

.c-top-section.c-top-search-by-brand {
  padding-top: 32px;
}
@media screen and (min-width: 960px) {
  .c-top-section.c-top-search-by-brand {
    padding-top: 32px;
  }
}
.c-top-search-by-brand__item-name {
  position: absolute;
  color: #FFF;
  left: 4px;
  bottom: 4px;
  font-size: var(--font-size10);
  font-weight: 400;
  line-height: var(--font-size10);
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
  text-shadow: 0px 0px 15px #00000066;
}
@media screen and (min-width: 960px) {
.c-top-search-by-brand__item-name {
  left: 8px;
  bottom: 8px;
  font-size: var(--font-size9);
  font-weight: 600;
}
}
.c-top-search-by-brand__items {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 960px) {
  .c-top-search-by-brand__items {
    gap: 24px 12px;
  }
}
.c-top-search-by-brand__image {
  width: 100%;
  height: auto;
  border-radius: 4px;
}

@media screen and (min-width: 960px) {
  .c-top-search-by-brand__items {
    gap: 24px;
    min-width: 856px;
    max-width: calc(100% - 56px);
    grid-template-columns: repeat(3, minmax(250px, 1fr));
  }
}
.c-top-search-by-brand__item .c-image {
  width: 100%;
}
.c-top-search-by-brand__item .c-image::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 75.75%, #000000 126.71%);
  border-radius: 4px;
}
@media screen and (min-width: 960px) {
  .c-top-search-by-brand__item .c-image::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 69.46%, #000000 166.47%);
  }
}

/* 202406 Top Renewal Pre Order - Limited */
.c-top-product-limited {
  padding-bottom: 48px
}
@media screen and (min-width: 960px) {
  .c-top-product-limited {
    padding-bottom: 64px;
  }
}
@media screen and (min-width: 768px) {
  .c-top-section.c-top-product {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.c-product-item__maker {
  color: var(--font-gray);
  font-size: var(--card-font-size11);
  font-weight: 300;
  line-height: var(--card-font-size11);
  text-align: left;
  margin-top: var(--card-spacing-2x);
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .c-product-item__maker {
    font-size: var(--card-font-size12);
    line-height: var(--card-font-size12);
  }
}
.c-product-item__title {
  font-size: var(--card-font-size9);
  font-weight: 300;
  line-height: 17.5px;
  letter-spacing: 0.05em;
  color: var(--font-black);
  margin-top: var(--card-spacing-1x);
}
@media screen and (min-width: 768px) {
  .c-product-item__title {
    line-height: 20px;
  }
}

.c-top-product-item__image {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.c-top-product-item__image img {
  border-radius: 4px;
}
.c-top-product-item__image .c-image {
  width: 100%;
}
.c-top-product-item__image img {
  width: 100%;
  height: auto;
  min-width: 100px;
  object-fit: cover;
}
.c-product-item__price {
  color: var(--font-black);
  padding-top: var(--card-spacing-2x);
  font-size: var(--card-font-size8);
  font-weight: 600;
  line-height: var(--card-font-size8);
}
.c-product-item__label {
  padding-top: var(--card-spacing-2x);
  display: flex;
  justify-content: left;
  align-items: start;
  flex-wrap: wrap;
  gap: var(--spacing-1x);
  align-self: start;
}
.c-product-item__label .c-label {
  font-size: var(--card-font-size10);
  line-height: var(--card-font-size10);
  min-width: 53px;
  min-height: 21px;
  text-align: center;
  padding: 6px 4px 5px;
}
@media screen and (min-width: 768px) {
  .c-product-item__label .c-label {
    min-width: 60px;
    min-height: 24px;
  }
}

.c-button-to-product {
  padding: 12px 48px;
  border-radius: 32px;
}

.c-top-product-list__unit {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 32px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-top-product-list__unit {
    gap: 24px;
    grid-template-columns: repeat(4, minmax(100px, 1fr));
  }
}
@media screen and (min-width: 1281px) {
  .c-top-product-list__unit {
    grid-template-columns: repeat(6, minmax(100px, 1fr));
  }
}
@media screen and (min-width: 1441px) {
  .c-top-product-list__unit {
    grid-template-columns: repeat(8, minmax(100px, 1fr));
  }
}
.c-top-product-list__item {
  display: grid;
  grid-template-rows: subgrid;
  gap: 0;
  grid-row: span 5;
  border-bottom: 1px solid #CBCDD6;
  padding-bottom: var(--card-spacing-2x);
}
@media screen and (max-width: 1280px) {
  .c-top-product-list__item-pre-order:nth-child(n+17) {
    display: none;
  }
  .c-top-product-list__item-limited:nth-child(n+9) {
    display: none;
  }
}
@media screen and (max-width: 1440px) {
  .c-top-product-list__item-limited:nth-child(n+13) {
    display: none;
  }
}
.c-top-product-list__item .c-product-item__title {
  transition-duration: 0.3s;
  font-feature-settings: "palt";
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.c-top-product-list__item:hover .c-product-item__title {
  color: var(--gsc-primary);
}

/* 202406 Top Renewal News */
.c-top-news {
  background-color: var(--gray);
  padding: 32px 16px;
}
@media screen and (min-width: 960px) {
  .c-top-news {
    padding: 48px;
  }
}
@media screen and (min-width: 960px) {
  .c-top-news .c-section-headline__icon {
    width: 53px;
    height: 53px;
  }
}
.c-top-news .c-section-headline img {
  width: 31.96px;
  height: 22.4px;
}
@media screen and (min-width: 960px) {
  .c-top-news .c-section-headline img {
    width: 52.93px;
    height: 37.09px;
  }
}
.c-top-news__head-links {
  display: grid;
  gap: 17px;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 32px;
  width: 100%;
  max-width: 776px;
}
@media screen and (min-width: 960px) {
  .c-top-news__head-links {
    gap: var(--spacing-3x);
  }
}
.c-top-news__head-link-button {
  display: grid;
  gap: 4px;
  place-items: center;
  place-content: center;
  border: var(--base-border);
  border-radius: 8px;
  transition: 0.3s;
  height: 72px;
}
@media screen and (min-width: 960px) {
  .c-top-news__head-link-button {
    display: flex;
    height: 64px;
}
}
.c-top-news__head-link-button:hover {
  background-color: #E5E5E7;
}
.c-top-news__head-link-text {
  font-family: Hiragino Sans;
  font-size: var(--font-size12);
  font-weight: 600;
  line-height: 18.55px;
  letter-spacing: 0.08em;
  color: var(--font-black);
  font-feature-settings: "palt";
}
@media screen and (min-width: 960px) {
  .c-top-news__head-link-text {
    font-size: var(--font-size10);
    line-height: 19.2px;
    letter-spacing: 0.05em;
  }
}
.c-top-news__head-link-icon--shipping {
  width: 32px;
  height: 32px;
  background-color: var(--font-gray);
  -webkit-mask-image: url('/img/icon/shipping.svg');
         mask-image: url('/img/icon/shipping.svg');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 30px;
          mask-size: 30px;
  -webkit-mask-position: center;
          mask-position: center;
}
.c-top-news__head-link-icon--preorder {
    width: 32px;
    height: 32px;
    background-color: var(--font-gray);
    -webkit-mask-image: url('/img/icon/clock.svg');
           mask-image: url('/img/icon/clock.svg');
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 30px;
            mask-size: 30px;
    -webkit-mask-position: center;
            mask-position: center;
}

.c-button-show-all {
  border-radius: 28px;
  margin-top: 32px;
  padding: 12px 0;
  min-width: 224px;
}
@media screen and (min-width: 960px) {
  .c-button-show-all {
    padding: 12px 24.5px;
  }
}
/* 202406 Top Renewal Event List */
@media screen and (min-width: 960px) {
  .c-section-headline .c-section-headline__icon .p-top-event__icon {
    width: 44px;
    height: 43px;
  }
}
.c-top-event__list {
  display: grid;
  gap: var(--spacing-2x);
}
@media screen and (min-width: 960px) {
  .c-top-event__list {
    max-width: calc(100% - 503px);
    min-width: 776px;
    grid-template-columns: repeat(3, 1fr);
  }
}
.c-top-event__item {
  display: grid;
  grid-template-rows: subgrid;
  gap: var(--spacing-1x);
  grid-row: span 3;
}
.c-top-event__item .c-card__image img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.c-event__text-date {
  color: var(--font-gray);
  font-family: Hiragino Sans;
  font-size: var(--font-size10);
  font-weight: 600;
  line-height: var(--font-size10);
  letter-spacing: 0.05em;
  text-align: left;
}
.c-event__text-title {
  color: var(--font-black);
  font-size: var(--font-size9);
  font-weight: 600;
  line-height: 20px;
  transition-duration: 0.3s;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.c-top-event__item:hover .c-event__text-title {
  color: var(--gsc-primary);
}

/* 202406 Top Renewal Banner */
.c-top-section .c-banner__image img {
    border-radius: 4px;
}

/* 202406 Top Renewal Back to Top */
.l-back-to-top {
  margin-top: 88px;
}
@media screen and (min-width: 960px) {
  .l-back-to-top {
    margin-top: 143px;
  }
}
.c-back-to-top {
  display: flex;
  padding: 17px 0px;
  justify-content: center;
  background: var(--gsc-primary);
}
.c-back-to-top__link {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: white;
  cursor: pointer;
}
.c-back-to-top__link:hover {
  color: #FFF;
}
.c-back-to-top__button {
  position: absolute;
  background: var(--gsc-primary);
  width: 48px;
  height: 48px;
  top: -41px;
  left: calc(50% - 48px/2);
  border-radius: 24px;
}
.c-back-to-top__button::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #FFF;
  -webkit-mask-image: url('/img/common/face.svg?202406');
         mask-image: url('/img/common/face.svg?202406');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 30px;
          mask-size: 30px;
  -webkit-mask-position: 9px 8px;
          mask-position: 9px 8px;
}
.c-back-to-top__icon {
  margin-left: 10px;
  width: 16px;
  height: 8px;
}
.c-back-to-top__label {
  position: relative;
  font-size: 1.422rem;
  font-weight: 600;
  line-height: 1.422rem;
  z-index: 1;
}

@media screen and (min-width: 960px) {
  .c-back-to-top {
    padding: 24px 0;
  }
  .c-back-to-top__button {
    background-position: 12px 11px;
    background-size: 40px;
    width: 64px;
    height: 64px;
    top: -55px;
    left: calc(50% - 64px/2);
    border-radius: 32px;
  }
  .c-back-to-top__button::before {
    mask-size: 40px;
    mask-position: 12px 11px;
  }

  .c-back-to-top__label {
    font-size: var(--font-size8);
    line-height: 24px;
  }
}

/* 202406 Top Renewal Footer */
.l-global-footer {
  background: var(--gray);
  display: flex;
  justify-content: center;
}

.c-global-footer {
  display: flex;
  flex-direction: column;
  padding: 0 16px 24px;
  box-shadow: inset 0px 1px 0px #FFFFFF;
  width: 100%;
  max-width: 1920px;
}
.c-global-footer__heading-label, .c-global-footer__heading-label--large {
  color: var(--font-gray);
  font-weight: 600;
}
.c-global-footer__heading-label-sns {
  color: var(--font-gray);
  font-size: var(--font-size9);
  line-height: var(--font-size6);
  font-weight: 600;
}
.c-global-footer__sns__link img[alt=X] {
  width: 22px;
  height: auto;
}
.c-global-footer__sns__link img[alt=Instagram] {
  width: 24px;
  height: auto;
}
.c-global-footer__sns__link img[alt=Facebook] {
  width: 24px;
  height: auto;
}
.c-global-footer__sns__link img[alt=LINE] {
  width: 24px;
  height: auto;
}
.c-global-footer__sns__link img[alt=Youtube] {
  width: 26px;
  height: auto;
}
.c-global-footer__sns__link img[alt=Plurk] {
  width: 24px;
  height: auto;
}
.c-global-footer__sns__link img[alt=Weibo] {
  width: 24px;
  height: auto;
}
.c-global-footer__heading-label {
  font-size: var(--font-size12);
  line-height: var(--font-size12);
}
.c-global-footer__heading-label--large {
  font-size: var(--font-size10);
  line-height: var(--font-size10);
}
.c-global-footer__section {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #CBCDD6;
}
@media screen and (max-width: 959px) {
  .c-global-footer__section-item-list, .c-global-footer__utility {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
  }
  .c-language-selector.is-open .c-global-footer__section-item-list, .c-language-selector.is-open .c-global-footer__utility {
    max-height: 1000px;
    transition: max-height 0.1s ease-out;
  }
}
.c-global-footer__section-item-list li {
  border-top: var(--base-border);
  padding: var(--spacing-2x) 0;
}
.c-global-footer__section-column {
  border-top: var(--base-border);
}
.c-global-footer__heading-label--large {
  padding: var(--spacing-2x) 0;
}
.c-global-footer__section-column-item {
  color: var(--font-black);
  font-size: var(--font-size9);
  line-height: var(--font-size9);
  font-weight: 300;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
  transition-duration: 0.3s;
}
.c-global-footer__section-column-item:hover {
  color: var(--gsc-primary);
}
.c-global-footer__check-info {
  padding: var(--spacing-3x) 0;
}
.c-global-footer__block:nth-child(2) {
  margin-top: var(--spacing-3x);
}
.c-button--ather-sns {
  margin-top: var(--spacing-2x);
}
.c-button--ather-sns {
  display: flex;
  justify-content: center;
}
.c-button--ather-sns-link {
  padding: 11px 46px;
  font-size: var(--font-size9);
  font-weight: 600;
  line-height: var(--font-size9);
  border: 1px solid #CBCDD6;
  border-radius: 56px;
}
@media screen and (min-width: 960px) {
  .c-button--ather-sns-link {
    font-size: var(--font-size10);
    padding: 10.5px 38px;
    line-height: 19.2px;
    height: 40px;
  }
}
.c-copyright {
  color: var(--font-gray);
  font-size: 1.08rem;
  font-weight: 300;
  line-height: 10.8px;
  letter-spacing: 0.05em;
  text-align: center;
  padding-top: 24px;
  border-top: 1px solid #CBCDD6;
  white-space: nowrap;
}
.c-list-item__image {
  width: 40px;
  height: 40px;
  margin-right: 8px;
}
.c-global-footer__section__list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-top: 8px;
}
.c-global-footer__section__list__item {
  width: 100%;
  display: grid;
  grid-template-rows: subgrid;
  grid-template-columns: 48px auto;
}
.c-list-item__image {
  width: 40px;
  height: 40px;
  align-self: center;
}
.c-global-footer__item-lable {
  align-self: center;
  transition-duration: 0.3s;
}
.c-global-footer__section__list__item:hover .c-global-footer__item-lable {
  color: var(--gsc-primary);
}
.c-global-footer__item-lable {
  color: var(--font-black);
  font-size: var(--font-size10);
  font-weight: 600;
  line-height: 17.92px;
}
.c-global-footer__item-info {
  margin-top: 4px;
  color: var(--font-gray);
  font-size: 1.08rem;
  transition-duration: 0.3s;
}
.c-global-footer__section__list__item:hover .c-global-footer__item-info {
  color: var(--gsc-primary);
}
.c-global-footer__section__list__item:nth-child(n+2) {
  margin-top: 8px;
}
.c-global-footer__utility-sp {
  padding: 16px 0;
}
@media screen and (max-width: 959px) {
  .c-accordion-switch {
    position: relative;
  }
  .c-accordion-switch::after {
    content: "";
    right: 2px;
    position: absolute;
    top: 50%;
    width: 16px;
    min-width: 16px;
    height: 9px;
    background-color: var(--font-gray);
    transform: translate(0%, -50%);
    -webkit-mask-image: url("/img/icon/arrow-more.svg");
            mask-image: url("/img/icon/arrow-more.svg");
    -webkit-mask-size: 16px 9px;
            mask-size: 16px 9px;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    transition-duration: 0.3s;
  }
  .c-accordion-switch.is-open::after {
    transform: rotateX(180deg) translate(0%, 6px);
    transition-duration: 0.3s;
  }
}
@media screen and (min-width: 960px) {
  .c-global-footer {
    padding: 0 32px;
  }
  .c-global-footer__heading-label-sns {
    line-height: var(--font-size9);
  }
  .c-global-footer__section__list {
    grid-template-columns: repeat(3, 1fr);
  }
  .c-global-footer__section__list__item {
    grid-template-columns: 56px auto;
  }
  .c-list-item__image {
    width: 48px;
    height: 48px;
  }
  .c-global-footer__item-info {
    align-self: start;
    margin-top: 0;
  }

  .c-global-footer__section__list__item:nth-child(n+2) {
    margin-top: 0;
    margin-left: var(--spacing-2x);
  }
  .c-global-footer__item-info {
    font-size: var(--font-size12);
  }
  .c-global-footer__heading-label {
    font-size: var(--font-size9);
    line-height: var(--font-size6);
  }
  .c-global-footer__section {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .c-global-footer__utility-sp {
    display: none;
  }
  .c-global-footer__section {
    padding: 32px 0 64px;
  }
  .c-global-footer__section:last-of-type {
    padding: var(--spacing-3x) 0 32px;
  }
  .c-global-footer__section-item-list li {
    border-top: none;
    padding: 0;
  }
  .b-vertical-horizontal-converter {
    display: flex;
  }
  .c-global-footer__heading-label--large {
    padding: 0;
    font-size: var(--font-size8);
    line-height: 24px;
  }
  .c-global-footer__section-item-list {
    padding-top: var(--spacing-1x);
  }
  .c-global-footer__section-item-list li:nth-child(n+2) {
    padding-top: 12px;
  }
  .c-global-footer__section-column {
    border-top: none;
  }
  .c-global-footer__section-column:last-child {
    margin-left: var(--spacing-8x);
  }
  .c-global-footer__check-info {
    padding: 0;
    margin-left: var(--spacing-8x);
  }
  .c-global-footer__block:nth-child(2) {
    margin-top: var(--spacing-2x);
  }
  .c-button--ather-sns {
    margin-top: 32px;
  }
  .c-global-footer__utility__item {
    border: none;
  }
  .c-global-footer__utility__item {
    padding: 0;
  }
  .c-global-footer__bottom {
    display: flex;
    align-items: center;
  }
  .c-copyright {
    text-align: left;
    padding: 0;
    border: none;
  }
}

@media screen and (max-width: 959px) {
  .b-product-info__unit--add-ui {
    transition: opacity 0.3s ease;
    opacity: 1;
  }
  .b-product-info__unit--add-ui.is-hidden {
    opacity: 0;
    pointer-events: none;
  }
}
/* 202406 Top Renewal End */


/* helper */
.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.row {
    position: relative;
    width: 100%;
}

.row [class^="col"] {
    float: left;
    margin: 0.5rem 2%;
    min-height: 0.125rem;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    width: 96%;
}

.col-1-sm {
    width: 4.33%;
}

.col-2-sm {
    width: 12.66%;
}

.col-3-sm {
    width: 21%;
}

.col-4-sm {
    width: 29.33%;
}

.col-5-sm {
    width: 37.66%;
}

.col-6-sm {
    width: 46%;
}

.col-7-sm {
    width: 54.33%;
}

.col-8-sm {
    width: 62.66%;
}

.col-9-sm {
    width: 71%;
}

.col-10-sm {
    width: 79.33%;
}

.col-11-sm {
    width: 87.66%;
}

.col-12-sm {
    width: 96%;
}

.row::after {
    content: "";
    display: table;
    clear: both;
}

.hidden-sm {
    display: none;
}

@media only screen and (min-width: 33.75em) {  /* 540px */
    .container {
        width: 100%;
    }
}

@media only screen and (min-width: 45em) {  /* 720px */
    .col-1 {
        width: 4.33%;
    }

    .col-2 {
        width: 12.66%;
    }

    .col-3 {
        width: 21%;
    }

    .col-4 {
        width: 29.33%;
    }

    .col-5 {
        width: 37.66%;
    }

    .col-6 {
        width: 46%;
    }

    .col-7 {
        width: 54.33%;
    }

    .col-8 {
        width: 62.66%;
    }

    .col-9 {
        width: 71%;
    }

    .col-10 {
        width: 79.33%;
    }

    .col-11 {
        width: 87.66%;
    }

    .col-12 {
        width: 96%;
    }

    .hidden-sm {
        display: block;
    }
}

@media only screen and (min-width: 60em) { /* 960px */
    .container {
        width: 100%;
    }
}

.d-flex {
  display: flex;
}

.justify-center {
  justify-content: center;
}

.p-0 {
  padding: 0px;
}

.p-3 {
  padding: 3px;
}

.p-5 {
  padding: 5px;
}

.p-10 {
  padding: 10px;
}

.p-15 {
  padding: 15px;
}

.p-20 {
  padding: 20px;
}

.p-25 {
  padding: 25px;
}

.p-30 {
  padding: 30px;
}

.p-35 {
  padding: 35px;
}

.p-40 {
  padding: 40px;
}

.p-45 {
  padding: 45px;
}

.p-50 {
  padding: 50px;
}

.pt-0 {
  padding-top: 0px;
}

.pt-3 {
  padding-top: 3px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pr-0 {
  padding-right: 0px;
}

.pr-3 {
  padding-right: 3px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-3 {
  padding-bottom: 3px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pl-0 {
  padding-left: 0px;
}

.pl-3 {
  padding-left: 3px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.m-0 {
  margin: 0px;
}

.m-3 {
  margin: 3px;
}

.m-5 {
  margin: 5px;
}

.m-10 {
  margin: 10px;
}

.m-15 {
  margin: 15px;
}

.m-20 {
  margin: 20px;
}

.m-25 {
  margin: 25px;
}

.m-30 {
  margin: 30px;
}

.m-35 {
  margin: 35px;
}

.m-40 {
  margin: 40px;
}

.m-45 {
  margin: 45px;
}

.m-50 {
  margin: 50px;
}

.mt-0 {
  margin-top: 0px;
}

.mt-3 {
  margin-top: 3px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mr-0 {
  margin-right: 0px;
}

.mr-3 {
  margin-right: 3px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-3 {
  margin-bottom: 3px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.ml-0 {
  margin-left: 0px;
}

.ml-3 {
  margin-left: 3px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

.w-100 {
    width: 100%;
}

.border-radius-30 {
    border-radius: 30px;
}

.text-center {
    text-align: center;
};

.text-left {
    text-align: left;
};

.text-center {
    text-align: center;
};

.text-white {
    color: #FFF !important;
}

.font-weight-500 {
    font-weight: 500;
}

.font-size-medium {
    font-size: medium;
}

.pointer {
    cursor: pointer;
}

.border-top-s {
  border-top: 1px solid #CBCDD6 !important;
}

.gsc-background-color {
    background-color: #FF6624;
}
.gsc-background-color:hover {
    background-color: #f36021;
}

.gsc-background-color_disabled {
    background-color: #ff66005e !important;
}
.gsc-background-color_disabled:disabled {
    background-color: #ff66005e !important;
}

.atone-radio-label {
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:8px;
}

#atone_after_pay {
    margin:0;
    flex:0 0 auto;
}

#atone_next_month_pay {
    margin:0;
    flex:0 0 auto;
}
/* デフォルト（PC向け） */
.gsc-font_size {
  font-size: 1.6rem;
}

/* タブレット向け */
@media screen and (max-width: 768px) {
  .gsc-font_size {
      font-size: 1.4rem;
  }
}

/* スマートフォン向け */
@media screen and (max-width: 480px) {
  .gsc-font_size {
      font-size: 1.4rem;
  }
}
/* helper end */

.include-img-fluid img {
  max-width: 100%;
  height: auto;
}

/* atone: 初期は非表示にして FOUC を防ぐ */
.b-atone {
  display: none;
}

.b-atone.is-show {
  display: flex;
}

/* ボーナス画像クリック感 */
.b-bonus__image {
  cursor: pointer;
  transition: transform 0.2s ease;
}


/* ボーナス画像モーダル専用スタイル */
.js-bonus-panzoom-item {
  transition-duration: 0.3s;
  text-align: center;
}

.js-bonus-panzoom-item img {
  cursor: zoom-in;
}

.js-bonus-panzoom .js-zoomist {
  cursor: zoom-out;
}

.js-bonus-panzoom .js-zoomist.is-moved {
  cursor: move;
}

/* =========================================
   CLS改善: Masonryレイアウト対応
   ========================================= */

/* Masonryコンテナの最小高さ確保 */
.js-grid {
  min-height: 400px; /* 初期表示用の最小高さ */
  position: relative; /* Masonryの絶対配置に対応 */
}

@media screen and (min-width: 960px) {
  .js-grid {
    min-height: 500px; /* PCでは高めに設定 */
  }
}

/* Masonryアイテムの初期状態 */
.js-grid-item {
  opacity: 0;
  transition: opacity 0.2s ease;
}

/* 表示状態 */
.js-grid-item.is-visible {
  opacity: 1;
}

/* 商品画像エリア全体の高さ確保 */
.p-product__picture {
  min-height: 400px; /* SPでの最小高さ */
}

@media screen and (min-width: 960px) {
  .p-product__picture {
    min-height: 500px; /* PCでの最小高さ */
  }
}