@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

:root {
    --fav-primary-color: #AA0000;
    --fav-primary-hover-color: #CC0000;
    --fav-body-font-color: #3c3c3c;
    --fav-rollover-font-color: #808080;
    --fav-body-bg-color: #ffffff;
    --fav-secondary-bg-color: #f2f2f2;
    --fav-placeholder-color: #bbbbbb;
    --fav-border-color: #cccccc;
    --fav-border-style: solid;
    --fav-border-width: 1px;
    --fav-border-radius: 5px;
    --fav-gold-color: #b7a86b;
    --fav-silver-color: #acacac;
    --fav-bronze-color: #bc9780;
    --fav-danger-color: #aa0000;
    --fav-white-color: #ffffff;
    --fav-body-font-size: 1rem;
    --fav-body-line-height: 1.7142857143;
    --fav-regular-font-weight: 400;
    --fav-medium-font-weight: 500;
    --fav-semibold-font-weight: 600;
    --fav-font-sans-serif: 'Noto Sans JP', sans-serif;
    --fav-rows: 1;
    --fav-columns: 12;
    --fav-icon-bg-color: #3c3c3c;
    --fav-icon-rollover-color: #808080;
    --fav-content-max-width: 1450px;
    --fav-form-invalid-color: #AA0000;
    --fav-form-invalid-border-color: #AA0000;
    --fav-form-invalid-bg-color: #FFF5F5;
}

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

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

html {
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: var(--fav-font-sans-serif);
    font-size: var(--fav-body-font-size);
    font-weight: var(--fav-regular-font-weight);
    line-height: var(--fav-body-line-height);
    background: var(--fav-body-bg-color);
    color: var(--fav-body-font-color);
    position: relative;
}
a {
    color: var(--fav-body-font-color);
    text-decoration: none;
}
a:hover {
    color: var(--fav-rollover-font-color);
}
a:not(.no-hover):hover img {
    opacity: 0.8;
}
hr {
    color: inherit;
    border: 0;
    border-top: var(--fav-border-width) var(--fav-border-color) solid;
}
table {
    border-collapse: collapse;
}
summary {
    list-style: none;
    cursor: pointer;
    position: relative;
}
summary::-webkit-details-marker {
    display: none;
}
summary::marker {
    display: none;
}
summary::before, summary::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 1px;
    border-top: 1px solid var(--fav-body-font-color);
    transition: transform 0.2s ease-in-out;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
summary::before {
    transform: translateY(-50%) rotate(90deg);
}
details[open] summary::before {
    transform: translateY(-50%) rotate(0deg);
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

@media (min-width: 768px) {
    html {
        font-size: 14px;
    }
}


/******************************************************************************
 * Base Utility Classes
 ******************************************************************************/
.fs-0 {
    font-size: 0 !important;
}
.fs-7px {
    font-size: 7px !important;
}
.fs-9px {
    font-size: 9px !important;
}
.fs-10px {
    font-size: 10px !important;
}
.fs-11px {
    font-size: 11px !important;
}
.fs-12px {
    font-size: 12px !important;
}
.fs-13px {
    font-size: 13px !important;
}
.fs-14px {
    font-size: 14px !important;
}
.fs-16px {
    font-size: 16px !important;
}
.fs-18px {
    font-size: 18px !important;
}
.fs-20px {
    font-size: 20px !important;
}
.fs-24px {
    font-size: 24px !important;
}
.fw-regular {
    font-weight: var(--fav-regular-font-weight) !important;
}
.fw-medium {
    font-weight: var(--fav-medium-font-weight) !important;
}
.fw-semibold {
    font-weight: var(--fav-semibold-font-weight) !important;
}
.lh-0 {
    line-height: 0 !important;
}
.lh-1 {
    line-height: 1 !important;
}
.lh-sm {
    line-height: 1.25 !important;
}
.text-start {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}
.text-end {
    text-align: right !important;
}
.text-danger {
    color: var(--fav-danger-color) !important;
}
.text-icon-color {
    color: var(--fav-icon-bg-color) !important;
}
.text-white {
    color: var(--fav-white-color) !important;
}
.text-decoration-underline {
    text-decoration: underline !important;
    text-underline-offset: 5px !important;
}
.text-nowrap {
    white-space: nowrap !important;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.bg-primary {
    background-color: var(--fav-primary-color) !important;
}
.bg-secondary {
    background-color: var(--fav-secondary-bg-color) !important;
}
.bg-body {
    background-color: var(--fav-body-bg-color) !important;
}
.bg-icon-color {
    background-color: var(--fav-icon-bg-color) !important;
}
.bg-white {
    background-color: var(--fav-white-color) !important;
}
.border {
    border: var(--fav-border-width) var(--fav-border-style) var(--fav-border-color) !important;
}
.border-0 {
    border: 0 !important;
}
.border-top {
    border-top: var(--fav-border-width) var(--fav-border-style) var(--fav-border-color) !important;
}
.border-end {
    border-right: var(--fav-border-width) var(--fav-border-style) var(--fav-border-color) !important;
}
.border-bottom {
    border-bottom: var(--fav-border-width) var(--fav-border-style) var(--fav-border-color) !important;
}
.border-bottom-0 {
    border-bottom: 0 !important;
}
.border-start {
    border-left: var(--fav-border-width) var(--fav-border-style) var(--fav-border-color) !important;
}
.border-primary {
    border-color: var(--fav-primary-color) !important;
}
.border-icon-color {
    border-color: var(--fav-icon-bg-color) !important;
}
.border-2 {
    border-width: 2px !important;
}
.badge {
    display: inline-block;
    line-height: 1;
    padding: 2px 4px;
    border: var(--fav-border-width) var(--fav-border-style) var(--fav-border-color);
}
.badge-primary {
    background-color: var(--fav-primary-color);
    border-color: var(--fav-primary-color);
    color: var(--fav-body-bg-color);
}
.badge-secondary {
    background-color: var(--fav-icon-bg-color);
    border-color: var(--fav-icon-bg-color);
    color: var(--fav-body-bg-color);
}
.badge-icon-color {
    background-color: var(--fav-icon-bg-color);
    border-color: var(--fav-icon-bg-color);
    color: var(--fav-body-bg-color);
}
.badge-outline-primary {
    background-color: var(--fav-body-bg-color);
    border-color: var(--fav-primary-color);
    color: var(--fav-primary-color);
}
.badge-outline-secondary {
    background-color: var(--fav-body-bg-color);
    border-color: var(--fav-icon-bg-color);
    color: var(--fav-icon-bg-color);
}
.badge-white {
    background-color: var(--fav-white-color);
    border-color: var(--fav-white-color);
    color: var(--fav-body-font-color);
}
.badge-circle {
    padding-top: 1px;
    padding-bottom: 1px;
    border-radius: 100%;
}
.list-group {
    --fav-list-group-item-padding-x: 1rem;
    --fav-list-group-item-padding-y: 0.5rem;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--fav-border-radius);
}
.list-group-item {
    position: relative;
    display: block;
    padding: var(--fav-list-group-item-padding-y) var(--fav-list-group-item-padding-x);
    text-decoration: none;
    border: var(--fav-border-width) solid var(--fav-border-color);
}
.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}
.list-group-item + .list-group-item {
    border-top-width: 0;
}
.leading-caret-right,
.leading-caret-down,
.trailing-caret-right,
.trailing-caret-down {
    display: inline-block;
    position: relative;
}
.leading-caret-right,
.leading-caret-down {
    padding-left: 1rem;
}
.trailing-caret-right,
.trailing-caret-down {
    padding-right: 1rem;
}
.leading-caret-right::before,
.leading-caret-down::before,
.trailing-caret-right::after,
.trailing-caret-down::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.leading-caret-right::before,
.leading-caret-down::before {
    left: 0;
}
.trailing-caret-right::after,
.trailing-caret-down::after {
    right: 0;
}
.leading-caret-right::before,
.trailing-caret-right::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.657' height='5.657' viewBox='0 0 5.657 5.657'%3E%3Cpath fill='none' stroke='%233c3c3c' d='M2.475.354 4.95 2.83 2.475 5.304' data-name='パス 942'/%3E%3C/svg%3E");
}
.leading-caret-down::before,
.trailing-caret-down::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.657' height='5.657' viewBox='0 0 5.657 5.657'%3E%3Cpath fill='none' stroke='%233c3c3c' d='M5.303 2.475 2.828 4.95.353 2.475' data-name='パス 952'/%3E%3C/svg%3E");
}
.leading-square {
    padding-left: 12px;
    position: relative;
}
.leading-square::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: var(--fav-icon-bg-color);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.link-toggle-down {
    display: inline-block;
    padding-right: 1rem;
    position: relative;
}
.link-toggle-down::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: var(--fav-icon-bg-color);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.657' height='5.657' viewBox='0 0 5.657 5.657'%3E%3Cpath fill='none' stroke='%233c3c3c' d='M.354 2.475 2.83 4.95l2.475-2.475' data-name='パス 943'/%3E%3C/svg%3E");
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.d-none {
    display: none !important;
}
.d-inline {
    display: inline !important;
}
.d-block {
    display: block !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-flex {
    display: flex !important;
}
.d-grid {
    display: grid !important;
}
.d-table {
    display: table !important;
}
.d-table-row {
    display: table-row !important;
}
.d-table-cell {
    display: table-cell !important;
}
@media (min-width: 768px) {
    .fs-pc-9px {
        font-size: 9px !important;
    }
    .fs-pc-10px {
        font-size: 10px !important;
    }
    .fs-pc-11px {
        font-size: 11px !important;
    }
    .fs-pc-12px {
        font-size: 12px !important;
    }
    .fs-pc-13px {
        font-size: 13px !important;
    }
    .fs-pc-14px {
        font-size: 14px !important;
    }
    .fs-pc-15px {
        font-size: 15px !important;
    }
    .fs-pc-16px {
        font-size: 16px !important;
    }
    .fs-pc-18px {
        font-size: 18px !important;
    }
    .fs-pc-20px {
        font-size: 20px !important;
    }
    .fs-pc-22px {
        font-size: 22px !important;
    }
    .fs-pc-24px {
        font-size: 24px !important;
    }
    .fs-pc-32px {
        font-size: 32px !important;
    }
    .text-pc-start {
        text-align: left !important;
    }
    .text-pc-center {
        text-align: center !important;
    }
    .text-pc-end {
        text-align: right !important;
    }
    .border-pc {
        border: var(--fav-border-width) var(--fav-border-style) var(--fav-border-color) !important;
    }
    .border-pc-0 {
        border: 0 !important;
    }
    .border-top-pc-0 {
        border-top: 0 !important;
    }
    .border-bottom-pc {
        border-bottom: var(--fav-border-width) var(--fav-border-style) var(--fav-border-color) !important;
    }
    .border-bottom-pc-0 {
        border-bottom: 0 !important;
    }
    .border-icon-color-pc {
        border-color: var(--fav-icon-bg-color) !important;
    }
    .d-pc-none {
        display: none !important;
    }
    .d-pc-inline {
        display: inline !important;
    }
    .d-pc-block {
        display: block !important;
    }
    .d-pc-inline-block {
        display: inline-block !important;
    }
    .d-pc-flex {
        display: flex !important;
    }
    .d-pc-grid {
        display: grid !important;
    }
    .d-pc-table {
        display: table !important;
    }
    .d-pc-table-row {
        display: table-row !important;
    }
    .d-pc-table-cell {
        display: table-cell !important;
    }
    .leading-square::before {
        width: 6px;
        height: 6px;
    }
}


/******************************************************************************
 * Form Controls
 ******************************************************************************/
.col-form-label {
    padding-top: calc(0.4rem + var(--fav-border-width));
    padding-bottom: calc(0.4rem + var(--fav-border-width));
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}
.form-text{
    margin-top: 5px;
    font-size: 12px;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.4rem 0.75rem;
    font-size: 13px;
    font-weight: var(--fav-regular-font-weight);
    line-height: 1.5;
    color: var(--fav-body-font-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--fav-white-color);
    background-clip: padding-box;
    border: var(--fav-border-width) solid var(--fav-border-color);
    border-radius: var(--fav-border-radius);
    transition: border-color 0.15s ease-in-out;
}
.form-control:focus {
  color: var(--fav-body-font-color);
  background-color: var(--fav-body-bg-color);
  border-color: var(--fav-body-font-color);
  outline: 0;
}
.form-control::placeholder {
  color: var(--fav-placeholder-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--fav-secondary-bg-color);
  opacity: 1;
}
.form-select {
    display: block;
    width: 100%;
    padding: 0.45rem 1.75rem 0.45rem 0.75rem;
    font-size: 12px;
    font-weight: var(--fav-regular-font-weight);
    line-height: 1.5;
    color: var(--fav-placeholder-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--fav-body-bg-color);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.485' height='8.485' viewBox='0 0 8.485 8.485'%3E%3Cpath fill='none' stroke='%233c3c3c' stroke-linecap='round' stroke-linejoin='round' d='M7.778 4.243 4.242 7.779.707 4.243' data-name='パス 79'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 8px 8px;
    border: var(--fav-border-width) solid var(--fav-border-color);
    border-radius: var(--fav-border-radius);
    transition: border-color 0.15s ease-in-out;
}
.form-select:focus {
    border-color: var(--fav-body-font-color);
    outline: 0;
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: 0.75rem;
    background-image: none;
}
.form-select:disabled {
    background-color: var(--fav-secondary-bg-color);
}
.form-select__selected {
    color: var(--fav-body-font-color);
}
.form-check {
    position: relative;
    display: block;
    padding-left: 1.5rem;
}
.form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
}
.form-check-input {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--fav-body-bg-color);
    background-image: var(--fav-form-check-bg-image, none);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--fav-border-width) solid var(--fav-border-color);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
    border-radius: 0.25em;
}
.form-check-input[type=radio] {
    border-radius: 50%;
}
.form-check-input:active {
    filter: brightness(90%);
}
.form-check-input:focus {
    border-color: var(--fav-body-font-color);
    outline: 0;
}
.form-check-input:checked {
    background-color: var(--fav-icon-bg-color);
    border-color: var(--fav-icon-bg-color);
}
.form-check-input:checked[type=checkbox] {
    --fav-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
    --fav-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
    background-color: var(--fav-icon-bg-color);
    border-color: var(--fav-icon-bg-color);
    --fav-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
    cursor: default;
    opacity: 0.5;
}
.form-check-inline {
    display: inline-block;
    margin-right: 1rem;
}
.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: 0.5em;
}
.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: 0.5em;
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: var(--fav-form-invalid-color);
}
.is-invalid ~ .invalid-feedback {
    display: block;
}
.form-control.is-invalid, .form-select.is-invalid {
    border-color: var(--fav-form-invalid-border-color);
    background-color: var(--fav-form-invalid-bg-color);
}
.form-check-input.is-invalid {
    border-color: var(--fav-form-invalid-border-color);
}
.form-check-input.is-invalid:checked {
    background-color: var(--fav-form-invalid-color);
}
.form-check-input.is-invalid ~ .form-check-label {
    color: var(--fav-form-invalid-color);
}
.btn {
    --fav-btn-padding-x: 0.75rem;
    --fav-btn-padding-y: 0.8rem;
    --fav-btn-font-size: var(--fav-body-font-size);
    --fav-btn-font-weight: var(--fav-medium-font-weight);
    --fav-btn-line-height: 1.5;
    --fav-btn-color: var(--fav-body-font-color);
    --fav-btn-bg-color: var(--fav-body-bg-color);
    --fav-btn-border-color: var(--fav-border-color);
    --fav-btn-border-width: var(--fav-border-width);
    --fav-btn-border-radius: 0;
    display: inline-block;
    font-size: var(--fav-btn-font-size);
    font-weight: var(--fav-btn-font-weight);
    line-height: var(--fav-btn-line-height);
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    padding: var(--fav-btn-padding-y) var(--fav-btn-padding-x);
    border: var(--fav-btn-border-width) solid var(--fav-btn-border-color);
    border-radius: var(--fav-btn-border-radius);
    background-color: var(--fav-btn-bg-color);
    color: var(--fav-btn-color);
    cursor: pointer;
    min-width: 200px;
    position: relative;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
.btn:hover {
    color: var(--fav-btn-hover-color);
    background-color: var(--fav-btn-hover-bg-color);
    border-color: var(--fav-btn-hover-border-color);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    pointer-events: none;
    opacity: 0.65;
}
.btn-primary {
    --fav-btn-color: var(--fav-white-color);
    --fav-btn-bg-color: var(--fav-primary-color);
    --fav-btn-border-color: var(--fav-primary-color);
    --fav-btn-hover-color: var(--fav-white-color);
    --fav-btn-hover-bg-color: var(--fav-primary-hover-color);
    --fav-btn-hover-border-color: var(--fav-primary-hover-color);
}
.btn-secondary {
    --fav-btn-color: var(--fav-body-font-color);
    --fav-btn-bg-color: var(--fav-body-bg-color);
    --fav-btn-border-color: var(--fav-border-color);
    --fav-btn-hover-color: var(--fav-body-font-color);
    --fav-btn-hover-bg-color: var(--fav-secondary-bg-color);
    --fav-btn-hover-border-color: var(--fav-border-color);
}
.btn-in-drawer {
    --fav-btn-color: var(--fav-body-font-color);
    --fav-btn-bg-color: var(--fav-body-bg-color);
    --fav-btn-border-color: var(--fav-border-color);
    --fav-btn-hover-color: var(--fav-rollover-font-color);
    --fav-btn-hover-bg-color: var(--fav-body-bg-color);
    --fav-btn-hover-border-color: var(--fav-border-color);
}
.btn-icon-color {
    --fav-btn-color: var(--fav-white-color);
    --fav-btn-bg-color: var(--fav-icon-bg-color);
    --fav-btn-border-color: var(--fav-icon-bg-color);
    --fav-btn-hover-color: var(--fav-white-color);
    --fav-btn-hover-bg-color: var(--fav-icon-rollover-color);
    --fav-btn-hover-border-color: var(--fav-icon-rollover-color);
}
.btn-outline-icon-color {
    --fav-btn-color: var(--fav-icon-bg-color);
    --fav-btn-bg-color: var(--fav-white-color);
    --fav-btn-border-color: var(--fav-icon-bg-color);
    --fav-btn-hover-color: var(--fav-white-color);
    --fav-btn-hover-bg-color: var(--fav-icon-rollover-color);
    --fav-btn-hover-border-color: var(--fav-icon-rollover-color);
}
.btn-carret-right {
    padding-right: 2rem;
}
.btn-carret-right::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: var(--fav-icon-bg-color);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.778' height='7.778' viewBox='0 0 7.778 7.778'%3E%3Cpath fill='none' stroke='%233c3c3c' d='M3.535.353 7.071 3.89 3.535 7.425' data-name='パス 878'/%3E%3C/svg%3E");
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}
.btn-carret-right:hover::after {
    background-color: var(--fav-icon-rollover-color);
}
.btn-primary.btn-carret-right::after, .btn-primary.btn-carret-right:hover::after,
.btn-icon-color.btn-carret-right::after, .btn-icon-color.btn-carret-right:hover::after {
    background-color: var(--fav-white-color);
}
.btn-mail-left {
    padding-left: 2rem;
}
.btn-mail-left::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 13px;
    background-color: var(--fav-icon-bg-color);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.651' height='21.916' viewBox='0 0 29.651 21.916'%3E%3Cpath fill='%23fff' d='M28.592 0H1.059A1.06 1.06 0 0 0 0 1.059v19.8a1.06 1.06 0 0 0 1.059 1.059h27.532a1.06 1.06 0 0 0 1.059-1.059v-19.8A1.06 1.06 0 0 0 28.591 0m-3.125 2.119-10.64 8.88-10.647-8.88ZM2.119 19.797V3.16l12.03 10.032a1.06 1.06 0 0 0 1.358 0L27.532 3.154v16.643Z' data-name='パス 5375'/%3E%3C/svg%3E");
    mask-size: contain;
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
}
.btn-mail-left:hover::before {
    background-color: var(--fav-icon-rollover-color);
}
.btn-primary.btn-mail-left::before, .btn-primary.btn-mail-left:hover::before {
    background-color: var(--fav-white-color);
}
.btn-sm, .btn-group-sm > .btn {
    --fav-btn-padding-y: 0.25rem;
    --fav-btn-padding-x: 0.5rem;
    --fav-btn-font-size: 12px;
    --fav-btn-border-radius: 0;
    min-width: auto;
}
.btn-toggler::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    transform-origin: center;
    background-color: var(--fav-btn-color);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.657' height='5.657' viewBox='0 0 5.657 5.657'%3E%3Cpath fill='none' stroke='%233c3c3c' d='M5.303 2.475 2.828 4.95.353 2.475' data-name='パス 952'/%3E%3C/svg%3E");
    transition: rotate 0.15s ease-in-out;
}
.btn-toggler.open::after {
    transform: translateY(-50%) rotate(180deg);
}


/******************************************************************************
 * Grid System
 ******************************************************************************/
.container,
.container-800px,
.container-900px,
.container-1000px,
.container-1200px {
    --fav-gutter-x: 25px;
    width: 100%;
    padding-left: calc(var(--fav-gutter-x) * 0.5);
    padding-right: calc(var(--fav-gutter-x) * 0.5);
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
  .container {
    --fav-gutter-x: 26px;
    max-width: calc(var(--fav-content-max-width) + var(--fav-gutter-x));
  }
  .container-800px {
    --fav-gutter-x: 26px;
    max-width: calc(800px + var(--fav-gutter-x));
  }
  .container-900px {
    --fav-gutter-x: 26px;
    max-width: calc(900px + var(--fav-gutter-x));
  }
  .container-1000px {
    --fav-gutter-x: 26px;
    max-width: calc(1000px + var(--fav-gutter-x));
  }
  .container-1200px {
    --fav-gutter-x: 26px;
    max-width: calc(1200px + var(--fav-gutter-x));
  }
}
.row {
    --fav-gutter-x: 20px;
    --fav-gutter-y: 103px;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--fav-gutter-y));
    margin-right: calc(-0.5 * var(--fav-gutter-x));
    margin-left: calc(-0.5 * var(--fav-gutter-x));
}
.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--fav-gutter-x) * 0.5);
    padding-left: calc(var(--fav-gutter-x) * 0.5);
    margin-top: var(--fav-gutter-y);
}
@media (min-width: 768px) {
    .row {
        --fav-gutter-x: 26px;
        --fav-gutter-y: 48px;
    }
    .row-pc {
        --fav-gutter-x: 26px;
        --fav-gutter-y: 48px;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--fav-gutter-y));
        margin-right: calc(-0.5 * var(--fav-gutter-x));
        margin-left: calc(-0.5 * var(--fav-gutter-x));
    }
    .row-pc > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--fav-gutter-x) * 0.5);
        padding-left: calc(var(--fav-gutter-x) * 0.5);
        margin-top: var(--fav-gutter-y);
    }
}
.col {
  flex: 1 0 0;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.6667%;
}
.col-3 {
    flex: 0 0 auto;
    width: 25%;
}
.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}
.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.grid {
    --fav-gutter-x: 20px;
    --fav-gutter-y: 103px;
    display: grid;
    grid-template-columns: repeat(var(--fav-columns), 1fr);
    grid-template-rows: repeat(var(--fav-rows), auto);
    column-gap: var(--fav-gutter-x);
    row-gap: var(--fav-gutter-y);
}
@media (min-width: 768px) {
  .grid {
    --fav-gutter-x: 26px;
    --fav-gutter-y: 48px;
  }
}
.g-row-cols-1 {
    grid-template-columns: repeat(1, 1fr);
}
.g-row-cols-4 {
    grid-template-columns: repeat(4, 1fr);
}
.g-row-cols-5 {
    grid-template-columns: repeat(5, 1fr);
}
.g-row-cols-6 {
    grid-template-columns: repeat(6, 1fr);
}
.grid .g-col {
    grid-column: auto/span 1;
}
.grid .g-col-auto {
    grid-column: auto;
}
.grid .g-col-1 {
    grid-column: auto/span 1;
}
.grid .g-col-2 {
    grid-column: auto/span 2;
}
.grid .g-col-3 {
    grid-column: auto/span 3;
}
.grid .g-col-start-1 {
    grid-column-start: 1;
}
.grid .g-col-start-4 {
    grid-column-start: 4;
}
.grid .g-col-start-5 {
    grid-column-start: 5;
}
.grid .g-col-start-6 {
    grid-column-start: 6;
}
.grid .g-col-start-7 {
    grid-column-start: 7;
}
.grid .g-col-start-9 {
    grid-column-start: 9;
}
.grid .g-col-start-11 {
    grid-column-start: 11;
}
.grid .g-row-start-1 {
    grid-row-start: 1;
}
.grid .g-row-start-2 {
    grid-row-start: 2;
}

.g-0 {
    --fav-gutter-x: 0;
    --fav-gutter-y: 0;
}
.g-10px {
    --fav-gutter-x: 10px;
    --fav-gutter-y: 10px;
}
.gx-0 {
    --fav-gutter-x: 0;
}
.gx-5px {
    --fav-gutter-x: 5px;
}
.gx-10px {
    --fav-gutter-x: 10px;
}
.gx-15px {
    --fav-gutter-x: 15px;
}
.gx-25px {
    --fav-gutter-x: 25px;
}
.gx-30px {
    --fav-gutter-x: 30px;
}
.gy-0 {
    --fav-gutter-y: 0;
}
.gy-10px {
    --fav-gutter-y: 10px;
}
.gy-20px {
    --fav-gutter-y: 20px;
}
.gy-30px {
    --fav-gutter-y: 30px;
}
.gy-40px {
    --fav-gutter-y: 40px;
}
.gy-60px {
    --fav-gutter-y: 60px;
}

@media (min-width: 768px) {
    .row-cols-pc-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-pc-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-pc-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .row-cols-pc-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-pc-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-pc-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-pc-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-pc-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-pc-2 {
        flex: 0 0 auto;
        width: 16.6667%;
    }
    .col-pc-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-pc-4 {
        flex: 0 0 auto;
        width: 33.3333%;
    }
    .col-pc-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-pc-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-pc-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-pc-8 {
        flex: 0 0 auto;
        width: 66.6667%;
    }
    .col-pc-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-pc-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-pc-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-pc-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-pc-2 {
        margin-left: 16.66666667%;
    }
    .gx-pc-15px {
        --fav-gutter-x: 15px;
    }
    .g-row-cols-pc-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .grid .g-col-start-pc-1 {
        grid-column-start: 1;
    }
    .grid .g-col-start-pc-2 {
        grid-column-start: 2;
    }
    .grid .g-row-start-pc-1 {
        grid-row-start: 1;
    }
    .grid .g-row-start-pc-2 {
        grid-row-start: 2;
    }
    .grid .g-row-start-pc-3 {
        grid-row-start: 3;
    }
    .grid .g-row-start-pc-4 {
        grid-row-start: 4;
    }
    .grid .g-row-end-pc-2 {
        grid-row-end: 2;
    }
    .grid .g-row-end-pc-3 {
        grid-row-end: 3;
    }
    .grid .g-row-end-pc-4 {
        grid-row-end: 4;
    }
    .grid .g-row-end-pc-5 {
        grid-row-end: 5;
    }
    .g-pc-10px {
        --fav-gutter-x: 10px;
        --fav-gutter-y: 10px;
    }
    .gx-pc-0 {
        --fav-gutter-x: 0;
    }
    .gx-pc-30px {
        --fav-gutter-x: 30px;
    }
    .gx-pc-40px {
        --fav-gutter-x: 40px;
    }
    .gx-pc-50px {
        --fav-gutter-x: 50px;
    }
    .gx-pc-60px {
        --fav-gutter-x: 60px;
    }
    .gy-pc-0 {
        --fav-gutter-y: 0;
    }
    .gy-pc-10px {
        --fav-gutter-y: 10px;
    }
    .gy-pc-20px {
        --fav-gutter-y: 20px;
    }
}


/******************************************************************************
 * Utility Classes
 ******************************************************************************/
.table {
    width: 100%;
    vertical-align: middle;
}
.table > :not(caption) > * > * {
    padding: 10px 15px;
    border: var(--fav-border-width) var(--fav-border-style) var(--fav-border-color);
}
.table > tbody {
    vertical-align: inherit;
}
.table > thead {
    vertical-align: bottom;
}
.table > thead > tr > th {
    background-color: var(--fav-secondary-bg-color);
    font-weight: var(--fav-semibold-font-weight);
    text-align: center;
}
.caption-top {
    caption-side: top;
}
.table-sm > :not(caption) > * > * {
    padding: 5px;
}
.form-table > :not(caption) > * > th {
    width: 170px;
    background-color: var(--fav-secondary-bg-color);
    font-weight: var(--fav-semibold-font-weight);
    text-align: left;
}
.position-absolute {
    position: absolute !important;
}
.position-relative {
    position: relative !important;
}
.position-fixed {
    position: fixed !important;
}
.top-0 {
    top: 0 !important;
}
.top-50 {
    top: 50% !important;
}
.start-0 {
    left: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
.translate-middle-y {
    transform: translateY(-50%) !important;
}
.w-auto {
    width: auto !important;
}
.w-50 {
    width: 50% !important;
}
.w-80 {
    width: 80% !important;
}
.w-100 {
    width: 100% !important;
}
.w-100px {
    width: 100px !important;
}
.min-w-auto {
    min-width: auto !important;
}
.min-w-200px {
    min-width: 200px !important;
}
.h-auto {
    height: auto !important;
}
.h-100 {
    height: 100% !important;
}
.justify-content-end {
    justify-content: flex-end !important;
}
.justify-content-center {
    justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.order-first {
    order: -1 !important;
}
.order-0 {
    order: 0 !important;
}
.order-1 {
    order: 1 !important;
}
.order-2 {
    order: 2 !important;
}
.order-3 {
    order: 3 !important;
}
.order-4 {
    order: 4 !important;
}
.order-5 {
    order: 5 !important;
}
.order-last {
    order: 6 !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.flex-column {
    flex-direction: column !important;
}
.m-0 {
    margin: 0 !important;
}
.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.mx-ng {
    margin-left: calc(var(--fav-gutter-x) * -0.5) !important;
    margin-right: calc(var(--fav-gutter-x) * -0.5) !important;
}
.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-5px {
    margin-top: 5px !important;
}
.mt-10px {
    margin-top: 10px !important;
}
.mt-15px {
    margin-top: 15px !important;
}
.mt-20px {
    margin-top: 20px !important;
}
.mt-25px {
    margin-top: 25px !important;
}
.mt-30px {
    margin-top: 30px !important;
}
.mt-40px {
    margin-top: 40px !important;
}
.mt-60px {
    margin-top: 60px !important;
}
.mt-100px {
    margin-top: 100px !important;
}
.me-5px {
    margin-right: 5px !important;
}
.me-10px {
    margin-right: 10px !important;
}
.me-15px {
    margin-right: 15px !important;
}
.me-20px {
    margin-right: 20px !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-5px {
    margin-bottom: 5px !important;
}
.mb-10px {
    margin-bottom: 10px !important;
}
.mb-20px {
    margin-bottom: 20px !important;
}
.mb-30px {
    margin-bottom: 30px !important;
}
.ms-auto {
    margin-left: auto !important;
}
.ms-10px {
    margin-left: 10px !important;
}
.ms-20px {
    margin-left: 20px !important;
}
.mt-n20px {
    margin-top: -20px !important;
}
.p-0 {
    padding: 0 !important;
}
.p-5px {
    padding: 5px !important;
}
.p-10px {
    padding: 10px !important;
}
.p-15px {
    padding: 15px !important;
}
.p-20px {
    padding: 20px !important;
}
.px-5px {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.px-10px {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.px-15px {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.px-30px {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.px-g {
    padding-left: calc(var(--fav-gutter-x) * 0.5) !important;
    padding-right: calc(var(--fav-gutter-x) * 0.5) !important;
}
.py-5px {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.py-10px {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.py-15px {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.py-20px {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.py-30px {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.py-40px {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.py-50px {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.pt-5px {
    padding-top: 5px !important;
}
.pt-10px {
    padding-top: 10px !important;
}
.pt-20px {
    padding-top: 20px !important;
}
.pt-30px {
    padding-top: 30px !important;
}
.pe-0 {
    padding-right: 0 !important;
}
.pe-5px {
    padding-right: 5px !important;
}
.pe-10px {
    padding-right: 10px !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-5px {
    padding-bottom: 5px !important;
}
.pb-10px {
    padding-bottom: 10px !important;
}
.pb-15px {
    padding-bottom: 15px !important;
}
.pb-20px {
    padding-bottom: 20px !important;
}
.pb-40px {
    padding-bottom: 40px !important;
}
.pb-50px {
    padding-bottom: 50px !important;
}
.pb-100px {
    padding-bottom: 100px !important;
}
.ps-0 {
    padding-left: 0 !important;
}
.ps-10px {
    padding-left: 10px !important;
}
@media (max-width: 767.98px) {
    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .form-table,
    .form-table > :not(caption),
    .form-table > :not(caption) > *,
    .form-table > :not(caption) > * > * {
        display: block !important;
    }
    .form-table {
        border-bottom: var(--fav-border-width) var(--fav-border-style) var(--fav-border-color);
    }
    .form-table > :not(caption) > * > * {
        border-bottom: none;
    }
    .form-table > :not(caption) > * > th {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .w-pc-auto {
        width: auto !important;
    }
    .w-pc-100 {
        width: 100% !important;
    }
    .w-pc-100px {
        width: 100px !important;
    }
    .w-pc-120px {
        width: 120px !important;
    }
    .w-pc-500px {
        width: 500px !important;
    }
    .w-pc-600px {
        width: 600px !important;
    }
    .min-w-pc-160px {
        min-width: 160px !important;
    }
    .min-w-pc-200px {
        min-width: 200px !important;
    }
    .justify-content-pc-between {
        justify-content: space-between !important;
    }
    .justify-content-pc-center {
        justify-content: center !important;
    }
    .justify-content-pc-end {
        justify-content: flex-end !important;
    }
    .order-pc-first {
        order: -1 !important;
    }
    .order-pc-0 {
        order: 0 !important;
    }
    .order-pc-1 {
        order: 1 !important;
    }
    .order-pc-2 {
        order: 2 !important;
    }
    .order-pc-3 {
        order: 3 !important;
    }
    .order-pc-4 {
        order: 4 !important;
    }
    .order-pc-5 {
        order: 5 !important;
    }
    .order-pc-last {
        order: 6 !important;
    }
    .mx-pc-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .mt-pc-0 {
        margin-top: 0 !important;
    }
    .mt-pc-10px {
        margin-top: 10px !important;
    }
    .mt-pc-20px {
        margin-top: 20px !important;
    }
    .mt-pc-30px {
        margin-top: 30px !important;
    }
    .mt-pc-40px {
        margin-top: 40px !important;
    }
    .mt-pc-50px {
        margin-top: 50px !important;
    }
    .mt-pc-60px {
        margin-top: 60px !important;
    }
    .mt-pc-80px {
        margin-top: 80px !important;
    }
    .mt-pc-100px {
        margin-top: 100px !important;
    }
    .mt-pc-120px {
        margin-top: 120px !important;
    }
    .mt-pc-160px {
        margin-top: 160px !important;
    }
    .me-pc-20px {
        margin-right: 20px !important;
    }
    .mb-pc-10px {
        margin-bottom: 10px !important;
    }
    .mb-pc-20px {
        margin-bottom: 20px !important;
    }
    .mb-pc-50px {
        margin-bottom: 50px !important;
    }
    .ms-pc-10px {
        margin-left: 10px !important;
    }
    .ms-pc-30px {
        margin-left: 30px !important;
    }
    .ms-pc-50px {
        margin-left: 50px !important;
    }
    .p-pc-15px {
        padding: 15px !important;
    }
    .p-pc-20px {
        padding: 20px !important;
    }
    .px-pc-30px {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .px-pc-40px {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .py-pc-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-pc-20px {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .py-pc-30px {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .py-pc-50px {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .pt-pc-0 {
        padding-top: 0 !important;
    }
    .pt-pc-30px {
        padding-top: 30px !important;
    }
    .pe-pc-15px {
        padding-right: 15px !important;
    }
    .pb-pc-0 {
        padding-bottom: 0 !important;
    }
    .pb-pc-15px {
        padding-bottom: 15px !important;
    }
    .pb-pc-20px {
        padding-bottom: 20px !important;
    }
    .pb-pc-100px {
        padding-bottom: 100px !important;
    }
    .pb-pc-150px {
        padding-bottom: 150px !important;
    }
    .ps-pc-0 {
        padding-left: 0 !important;
    }
}


/******************************************************************************
 * Slick
 ******************************************************************************/
.slick-slide {
    height: auto;
}

/* Arrows */
.slick-prev,
.slick-next
{
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}
.slick-prev:before,
.slick-next:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-top: var(--fav-border-width) var(--fav-border-style) var(--fav-icon-bg-color);
    border-right: var(--fav-border-width) var(--fav-border-style) var(--fav-icon-bg-color);
}
.slick-prev {
    left: -25px;
    transform: rotate(-135deg);
}
.slick-next {
    right: -25px;
    transform: rotate(45deg);
}

/* Dots */
.slick-dotted.slick-slider {
    padding-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    display: block;
    width: 8px;
    height: 8px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    content: '';
    background-color: var(--fav-border-color);
    border-radius: 50%;
}
.slick-dots li.slick-active button:before {
    background-color: var(--fav-icon-bg-color);
}

@media (min-width: 768px) {
    .slick-dots li, .slick-dots li button, .slick-dots li button:before {
        width: 10px;
        height: 10px;
    }
}


/******************************************************************************
 * Header
 ******************************************************************************/
header {
    position: fixed;
    width: 100%;
    height: 48px;
    background: var(--fav-body-bg-color);
    z-index: 10;
}
h1 img {
    width: 120px;
}

.menu-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: var(--fav-icon-bg-color);
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
}
a:hover .menu-icon {
    background-color: var(--fav-icon-rollover-color);
}
.menu-icon__cart {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.987' height='21.693' viewBox='0 0 20.987 21.693'%3E%3Cg fill='%233c3c3c' data-name='グループ 7236' transform='translate(776.94 -976.75)'%3E%3Cpath d='M-773.655 976.75a.87.87 0 0 1 .841.651l.859 3.329h15.134a.87.87 0 0 1 .868.868 1 1 0 0 1-.034.24l-2.493 8.649a.87.87 0 0 1-.834.628h-9.962l.375 1.454h9.511v1.531h-10.024a.87.87 0 0 1-.84-.651l-3.911-15.168h-2.771v-1.531Zm3.227 9.9.757 2.934h1.912v-2.934Zm-1.137-4.389.737 2.858h3.064v-2.858Zm5.332 7.323h3.268v-2.934h-3.266Zm0-4.465h3.268v-2.858h-3.266Zm4.552-2.858v2.858h3.15l.823-2.858Zm0 4.389v2.934h1.864l.845-2.934Z' data-name='パス 934'/%3E%3Ccircle cx='1.552' cy='1.552' r='1.552' data-name='楕円形 129' transform='translate(-762.404 995.252)'/%3E%3Cpath d='M-768.3 995.339a1.552 1.552 0 1 1-1.552 1.552 1.55 1.55 0 0 1 1.552-1.552' data-name='パス 935'/%3E%3C/g%3E%3C/svg%3E");
}
.menu-icon__contact {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.99' height='15.514' viewBox='0 0 20.99 15.514'%3E%3Cpath fill='%233c3c3c' d='M20.24 0H.75A.75.75 0 0 0 0 .75v14.014a.75.75 0 0 0 .75.75h19.49a.75.75 0 0 0 .75-.75V.75a.75.75 0 0 0-.75-.75m-2.212 1.5-7.532 6.286L2.959 1.5ZM1.5 14.014V2.237l8.516 7.1a.75.75 0 0 0 .961 0l8.513-7.106v11.783Z' data-name='パス 5425'/%3E%3C/svg%3E");
}
.menu-icon__guide {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.525' height='21.341' viewBox='0 0 16.525 21.341'%3E%3Cpath fill='%233c3c3c' d='M16.152.1a.75.75 0 0 0-.748 0L8.216 4.188 1.125.1A.75.75 0 0 0 0 .75v15.675a.75.75 0 0 0 .384.655l7.464 4.166a.75.75 0 0 0 .728 0l7.561-4.166a.75.75 0 0 0 .388-.657V.75a.75.75 0 0 0-.373-.65M1.5 2.048l6.013 3.464v13.829L1.5 15.984Zm13.525 13.934L9.013 19.3V5.458l6.012-3.419Z' data-name='パス 5426'/%3E%3C/svg%3E");
}
.menu-icon__login {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.327' height='18.536' viewBox='0 0 19.327 18.536'%3E%3Cg fill='%233c3c3c' data-name='グループ 7235'%3E%3Cpath d='M18.578 0H5.494a.75.75 0 0 0-.75.75v4.43a.75.75 0 0 0 1.5 0V1.5h11.584v15.536H6.243v-3.975a.75.75 0 1 0-1.5 0v4.725a.75.75 0 0 0 .75.75h13.085a.75.75 0 0 0 .75-.75V.75a.75.75 0 0 0-.75-.75' data-name='パス 936'/%3E%3Cpath d='M10.479 11.714a.75.75 0 0 0 1.061 1.061l3.442-3.443L11.54 5.89a.75.75 0 1 0-1.061 1.06l1.632 1.632H.75a.75.75 0 0 0 0 1.5h11.361Z' data-name='パス 937'/%3E%3C/g%3E%3C/svg%3E");
}
.menu-icon__member {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.925' height='20.656' viewBox='0 0 15.925 20.656'%3E%3Cpath fill='%233c3c3c' d='M14.326 19.156a13.3 13.3 0 0 0-2.053-5.97 7.4 7.4 0 0 0-1.8-1.905 1.5 1.5 0 0 1-.01-2.436 4.01 4.01 0 0 0 1.688-3.27A4.14 4.14 0 0 0 7.962 1.5a4.14 4.14 0 0 0-4.189 4.075 4.01 4.01 0 0 0 1.689 3.271 1.5 1.5 0 0 1-.01 2.436 7.4 7.4 0 0 0-1.8 1.9A13.3 13.3 0 0 0 1.6 19.156zm1.6 1.5H0a15.5 15.5 0 0 1 2.41-8.311 8.9 8.9 0 0 1 2.171-2.285 5.53 5.53 0 0 1-2.308-4.485A5.633 5.633 0 0 1 7.962 0a5.633 5.633 0 0 1 5.689 5.575 5.53 5.53 0 0 1-2.308 4.485 8.9 8.9 0 0 1 2.171 2.286 15.5 15.5 0 0 1 2.41 8.31Z' data-name='合体 16'/%3E%3C/svg%3E");
}
.menu-icon__menu {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.968' height='15.355' viewBox='0 0 19.968 15.355'%3E%3Cg fill='%233c3c3c' data-name='グループ 7237'%3E%3Cpath d='M19.218 1.5H.75a.75.75 0 0 1 0-1.5h18.468a.75.75 0 0 1 0 1.5' data-name='パス 931'/%3E%3Cpath d='M19.218 8.428H.75a.75.75 0 0 1 0-1.5h18.468a.75.75 0 0 1 0 1.5' data-name='パス 932'/%3E%3Cpath d='M19.218 15.355H.75a.75.75 0 0 1 0-1.5h18.468a.75.75 0 0 1 0 1.5' data-name='パス 933'/%3E%3C/g%3E%3C/svg%3E");
}
.menu-icon__search {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.165' height='18.924' viewBox='0 0 19.165 18.924'%3E%3Cpath fill='%233c3c3c' d='M18.946 17.644 13.8 12.476q.018-.025.037-.051a7.8 7.8 0 0 0 .857-1.4c.031-.066.065-.13.094-.2q.078-.176.143-.356c.04-.1.08-.208.115-.315s.067-.21.1-.317a6 6 0 0 0 .1-.4 6 6 0 0 0 .137-.778q.015-.103.027-.2.036-.366.038-.742A7.724 7.724 0 0 0 0 7.721a7.72 7.72 0 0 0 7.723 7.723q.385-.002.76-.039c.071-.007.14-.021.211-.029q.26-.031.515-.079.15-.032.3-.07.2-.046.4-.1c.2-.054.23-.074.345-.114a7 7 0 0 0 .694-.279q.125-.058.248-.119.2-.1.4-.217.094-.054.186-.113a7 7 0 0 0 .416-.274q.064-.046.126-.094.22-.162.428-.339l.013-.01 5.123 5.137a.75.75 0 1 0 1.062-1.06m-11.223-3.7a6.223 6.223 0 1 1 6.222-6.222 6.23 6.23 0 0 1-6.222 6.222' data-name='パス 5416'/%3E%3C/svg%3E");
}
.menu-icon__register {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.136' height='22.021' viewBox='0 0 22.136 22.021'%3E%3Cpath fill='%233c3c3c' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' d='M11.01 19.769H.5a14.46 14.46 0 0 1 2.248-7.753 8.3 8.3 0 0 1 2.025-2.132A5.16 5.16 0 0 1 2.62 5.7 5.254 5.254 0 0 1 7.928.5a5.255 5.255 0 0 1 5.307 5.2 5.16 5.16 0 0 1-2.153 4.183c.157.115.29.259.437.385a8.3 8.3 0 0 1 1.061 1.084 4.8 4.8 0 0 0-1.067 1.058 6.8 6.8 0 0 0-1.063-1.093c-.083-.068-.152-.149-.238-.212a1.5 1.5 0 0 1-.012-2.436A3.65 3.65 0 0 0 11.735 5.7 3.76 3.76 0 0 0 7.928 2 3.76 3.76 0 0 0 4.12 5.7a3.64 3.64 0 0 0 1.534 2.969 1.5 1.5 0 0 1 .334 2.094 1.5 1.5 0 0 1-.344.341 6.8 6.8 0 0 0-1.654 1.753 12.24 12.24 0 0 0-1.89 5.412h7.753a6.26 6.26 0 0 1 .6-6.951 6.8 6.8 0 0 1 1.063 1.094 4.694 4.694 0 0 0 .169 5.856 4.762 4.762 0 0 0 8.452-3.029 4.769 4.769 0 0 0-7.554-3.885 8 8 0 0 0-1.063-1.085 6.282 6.282 0 1 1-.509 9.5Zm4.3-1.145a14.5 14.5 0 0 0-.954-4.136h.244V12.6a.75.75 0 1 1 1.5 0v1.893H18a.751.751 0 0 1 0 1.5h-1.9v1.9a.75.75 0 0 1-.751.75l-.043-.019Zm-.7-.739v-1.9h-1.901a.751.751 0 1 1 0-1.5h1.642a14.5 14.5 0 0 1 .954 4.136.746.746 0 0 1-.705-.736Z' data-name='合体 41'/%3E%3C/svg%3E");
}
.menu-icon__purchase-history {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.854' height='25.587' viewBox='0 0 27.854 25.587'%3E%3Cpath fill='%233c3c3c' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' d='M14.038 18.428c0-.053 0-.1.007-.152h1.544c0 .051-.016.1-.016.152a5.29 5.29 0 0 0 2.045 4.072 1.6 1.6 0 0 1-.639.136 1.6 1.6 0 0 0 .639-.136 5.06 5.06 0 0 0 3.077 1.051 5.122 5.122 0 0 0 0-10.244 5.3 5.3 0 0 0-.949.094 5.18 5.18 0 0 0-3.855 3.305h-1.62a6.5 6.5 0 0 1 .593-1.489 6.7 6.7 0 0 1 3.6-3.056l-.331 1.155.333-1.155a6.6 6.6 0 0 1 1.741-.366l-.461 1.605.464-1.606c.159-.011.321-.025.485-.025a6.659 6.659 0 1 1-6.657 6.659Zm1.35 2.618Zm-7.631.088a1.59 1.59 0 1 1 1.59 1.589 1.59 1.59 0 0 1-1.59-1.59ZM20.695 19.2a.77.77 0 0 1-.769-.769v-3.076a.769.769 0 1 1 1.537 0v2.3h2.306a.769.769 0 0 1 0 1.537Zm-6.65-.924a6.6 6.6 0 0 1 .226-1.567h1.62a5 5 0 0 0-.3 1.567Zm-5.838 0a.89.89 0 0 1-.861-.667L3.339 2.07H.5V.5h3.363a.89.89 0 0 1 .861.667L5.6 4.579h15.5a.89.89 0 0 1 .889.889.9.9 0 0 1-.035.245L20.2 11.795a6.7 6.7 0 0 0-1.741.364l.436-1.516h-2.766v2.947a6.6 6.6 0 0 0-1.265 1.627H8.348l.385 1.489h5.535a6.6 6.6 0 0 0-.224 1.567Zm3.26-4.625h3.346v-3.009h-3.347Zm-3.523 0H9.9v-3.009H7.168Zm8.185-4.574h3.227l.844-2.931h-4.071Zm-4.663 0h3.346V6.146h-3.346Zm-4.709 0H9.9V6.146H6Z' data-name='合体 42'/%3E%3C/svg%3E");
}
.menu-icon__estimate-history {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.562' height='26.611' viewBox='0 0 24.562 26.611'%3E%3Cpath fill='%233c3c3c' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' d='M11.8 23.037H2.55A2.05 2.05 0 0 1 .5 20.988V2.55A2.05 2.05 0 0 1 2.55.5h13.318a2.047 2.047 0 0 1 2.047 2.05v10.269c-.169-.011-.34-.025-.512-.025a6.5 6.5 0 0 0-1.025.088V2.55a.51.51 0 0 0-.51-.513H2.55a.513.513 0 0 0-.512.513v18.438a.513.513 0 0 0 .512.512h8.519a6.7 6.7 0 0 1-.323-2.047 7 7 0 0 1 .046-.769 6.7 6.7 0 0 1 .371-1.537h1.69a5.1 5.1 0 0 0-.494 1.537 5 5 0 0 0-.078.769 5.1 5.1 0 0 0 .434 2.047 5.2 5.2 0 0 0 1.036 1.537 5.112 5.112 0 1 0 4.164-8.655 5 5 0 0 0-.512-.052 5 5 0 0 0-1.022.1 5.12 5.12 0 0 0-3.527 2.713h-1.69a6.7 6.7 0 0 1 1.706-2.561 6.8 6.8 0 0 1 1.2-.891 6.6 6.6 0 0 1 2.308-.813 6.5 6.5 0 0 1 1.025-.088c.173 0 .341.014.512.025A6.656 6.656 0 1 1 11.8 23.037Zm6.116-2.816H17.4a.77.77 0 0 1-.769-.769v-3.074a.77.77 0 0 1 .769-.767.783.783 0 0 1 .769.767v2.305h2.306a.769.769 0 0 1 0 1.537ZM4.348 18.684v-1.538h6.816a6.7 6.7 0 0 0-.371 1.537Zm0-4.1V13.05h9.722v.644a6.8 6.8 0 0 0-1.2.891Zm0-4.1V8.952h9.722v1.535Zm0-4.1V4.853h9.722V6.39Z' data-name='合体 43'/%3E%3C/svg%3E");
}
.menu-icon__favorite-item {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.266' height='18.947' viewBox='0 0 22.266 18.947'%3E%3Cpath fill='%233c3c3c' d='M16.535 0a5.68 5.68 0 0 1 3.957 1.593 1 1 0 0 1 .116.1 5.736 5.736 0 0 1-.026 8.093l-8.936 8.936a.785.785 0 0 1-1.109 0L1.6 9.784l-.012-.013a5.73 5.73 0 0 1 8.1-8.1l.012.012 1.39 1.387 1.4-1.4A5.68 5.68 0 0 1 16.535 0m3.04 2.874a1 1 0 0 1-.1-.084 4.15 4.15 0 0 0-5.87-.011l-.011.011-1.946 1.94a.785.785 0 0 1-1.108 0L8.6 2.8a4.161 4.161 0 0 0-5.885 5.882l8.375 8.375 8.383-8.386a4.16 4.16 0 0 0 .1-5.8Z' data-name='パス 5454'/%3E%3C/svg%3E");
}
.menu-icon__profile-change {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.426' height='26.418' viewBox='0 0 23.426 26.418'%3E%3Cpath fill='%233c3c3c' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' d='M12.764 25.738a1.37 1.37 0 0 1-.674-1.036l-.212-1.972H.5a16.7 16.7 0 0 1 2.592-8.943 9.6 9.6 0 0 1 2.338-2.459A5.95 5.95 0 0 1 2.946 6.5a6.06 6.06 0 0 1 6.122-6 6.06 6.06 0 0 1 6.121 6 5.95 5.95 0 0 1-2.481 4.827 9.6 9.6 0 0 1 2.336 2.457c.115.185.219.376.329.565l1.343-2.325a1.357 1.357 0 0 1 1.856-.5l3.583 2.068a1.36 1.36 0 0 1 .5 1.856l-4.829 8.36a1.34 1.34 0 0 1-.623.562l-3.216 1.43a1.4 1.4 0 0 1-.546.113 1.36 1.36 0 0 1-.677-.175Zm.911-.637a.59.59 0 0 1-.78-.3.59.59 0 0 0 .78.299Zm0 0 2.658-1.182Zm-.254-2.37.169 1.569 1.922-.858-1.235-.715-.909-.525-.059-.544.056.544Zm4.3 1.22a.77.77 0 0 1-.991.193.766.766 0 0 0 .987-.194Zm-.657-.4a.5.5 0 0 0 .1-.127.6.6 0 0 1-.104.128Zm.817-.1a.76.76 0 0 0-.368-.626l-.013-.012-.054-.03.052.03c.007 0 .009.008.014.012a.77.77 0 0 1 .365.626Zm-2.365-.008 1.011-.452.153-.263.169-.292.505.292-.505-.292.713-1.237q.068.703.074 1.408l-.069.121.069-.117 4.355-7.543-4.355 7.54c0-.47-.03-.94-.074-1.408l3.675-6.363-3.276-1.891-1.747 3.031-1.022 1.769-1.62 2.81a.78.78 0 0 0-.5-.074.8.8 0 0 1 .5.074c.009 0 .023 0 .032.011l.954.55 2.29 1.322-.169.292-.153.263Zm-2.707-1.565a.75.75 0 0 1-.282-.351l-.044-.4.042.4a.77.77 0 0 0 .28.352Zm-.353-.658a1 1 0 0 1 .007-.1 1 1 0 0 0-.011.101Zm-.739-.018v-.023l-.004.021Zm.766-.079v-.007ZM4.562 6.5a4.32 4.32 0 0 0 1.817 3.52 1.608 1.608 0 0 1-.012 2.619 8 8 0 0 0-1.937 2.05 14.34 14.34 0 0 0-2.208 6.426h9.5a1.37 1.37 0 0 1 .171-.733l2.541-4.4c.143.284.265.575.388.866-.123-.291-.245-.582-.386-.866a15 15 0 0 0-.724-1.29 8 8 0 0 0-1.937-2.05 1.61 1.61 0 0 1-.379-2.251 1.6 1.6 0 0 1 .367-.368A4.32 4.32 0 0 0 13.576 6.5 4.45 4.45 0 0 0 9.07 2.116h-.056A4.45 4.45 0 0 0 4.562 6.5Zm8.69 14.613v-.014l.316-.547-.319.547v.014Zm-.773 0h-.018Zm0-.017q-.001-.027.005-.055a.7.7 0 0 1 .067-.2.75.75 0 0 1 .487-.361.75.75 0 0 0-.487.359.7.7 0 0 0-.067.2.6.6 0 0 1 .071-.277l2.262-3.919.988-1.707 1.576-2.731-1.576 2.735-.051-.1.051.1-.988 1.707-2.262 3.919a.6.6 0 0 0-.071.277q-.004.03-.005.057Zm.56-.612h.024Zm2.148-2.742c-.106-.3-.242-.6-.369-.9.127.304.263.598.369.902Zm3-5.553 3.582 2.068a.593.593 0 0 1 .217.808.59.59 0 0 0-.217-.808l-3.58-2.068a.6.6 0 0 0-.3-.079.6.6 0 0 1 .299.081Z' data-name='合体 44'/%3E%3C/svg%3E");
}
.menu-icon__deliv-addr {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.367' height='20.585' viewBox='0 0 30.367 20.585'%3E%3Cg data-name='グループ 7239'%3E%3Cpath fill='%233c3c3c' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' d='M21.648 17.936H9.437a2.9 2.9 0 0 1-5.6 0H2.012A1.514 1.514 0 0 1 .5 16.431V9.595a1.5 1.5 0 0 1 .136-.623l2.447-5.413a1.52 1.52 0 0 1 1.376-.89h5.519v-.427A1.74 1.74 0 0 1 11.715.5h16.412a1.74 1.74 0 0 1 1.741 1.742V16.2a1.74 1.74 0 0 1-1.741 1.741h-.877a2.9 2.9 0 0 1-5.6 0Zm1.685 0a1.323 1.323 0 0 0 2.232 0 1.25 1.25 0 0 0 0-1.535h.884a2.1 2.1 0 0 1 .147.769 2.1 2.1 0 0 0-.147-.769h1.678a.2.2 0 0 0 .2-.206v-2.384H11.515V16.4H9.98V3.438h1.535v8.836h-.768H28.33V2.242a.2.2 0 0 0-.2-.2H11.718a.205.205 0 0 0-.205.2v1.2H9.98v.769h-5.5L2.037 9.6v6.8h2.6a2.1 2.1 0 0 0-.148.769 2.1 2.1 0 0 1 .148-.769h.884a1.3 1.3 0 0 0-.263.771 1.34 1.34 0 0 0 .263.764 1.324 1.324 0 0 0 2.232 0 1.25 1.25 0 0 0 0-1.535h.884a2.1 2.1 0 0 1 .148.769 2.1 2.1 0 0 0-.148-.769h.8a3 3 0 0 1 .115.771 3 3 0 0 0-.115-.771h12.211a3 3 0 0 0-.115.771 3 3 0 0 1 .115-.771h.8a2.1 2.1 0 0 0-.147.769 2.1 2.1 0 0 1 .147-.769h.884a1.3 1.3 0 0 0-.263.771 1.34 1.34 0 0 0 .264.765Zm3.917 0a2.9 2.9 0 0 0 .115-.764 3 3 0 0 1-.115.764Zm-5.6 0a2.9 2.9 0 0 1-.115-.764 2.8 2.8 0 0 0 .113.764Zm5.717-.764Zm-23.647 0Zm22.729-.772a2.14 2.14 0 0 0-4 0h-.8a2.9 2.9 0 0 1 5.6 0Zm-.884 0a1.323 1.323 0 0 0-2.232 0h-.884a2.14 2.14 0 0 1 4 0Zm-16.93 0a2.139 2.139 0 0 0-4 0h-.8a2.9 2.9 0 0 1 5.6 0Zm-.884 0a1.324 1.324 0 0 0-2.232 0h-.885a2.139 2.139 0 0 1 4 0Zm-3.966-5.328a.77.77 0 0 1-.769-.772v-.8a.74.74 0 0 1 .069-.315l1.766-3.9a.77.77 0 0 1 .7-.45h2.9a.767.767 0 0 1 .769.768v4.7a.77.77 0 0 1-.769.764Zm.831-1.537H7.69V6.372H6.051Zm9.874.51a.768.768 0 1 1 0-1.537h11.144a.768.768 0 0 1 0 1.537Zm0-3.769a.769.769 0 1 1 0-1.537h11.144a.769.769 0 0 1 0 1.537Z' data-name='合体 24'/%3E%3C/g%3E%3C/svg%3E");
}
.menu-icon__add-member {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.522' height='25.232' viewBox='0 0 24.522 25.232'%3E%3Cpath fill='%233c3c3c' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' d='M13.779 24.732a2.05 2.05 0 0 1-2.05-2.048v-2.562h1.537v2.561a.513.513 0 0 0 .513.514h8.194a.513.513 0 0 0 .512-.514V12.44a.51.51 0 0 0-.512-.513h-8.194a.5.5 0 0 0-.3.109 9.4 9.4 0 0 0-1.136-1.055 2.04 2.04 0 0 1 1.438-.591h8.194a2.05 2.05 0 0 1 2.05 2.05v10.243a2.05 2.05 0 0 1-2.05 2.048ZM.5 21.66a15.9 15.9 0 0 1 2.47-8.513 9.1 9.1 0 0 1 2.223-2.34 5.68 5.68 0 0 1-2.363-4.6A5.77 5.77 0 0 1 8.657.5a5.773 5.773 0 0 1 5.828 5.711 5.67 5.67 0 0 1-2.366 4.6c.076.055.148.117.222.175a9.4 9.4 0 0 1 1.136 1.055.5.5 0 0 0-.211.4v7.682h-1.537V12.5c-.166-.147-.321-.311-.5-.443a1.537 1.537 0 0 1-.358-2.144 1.5 1.5 0 0 1 .348-.353 4.1 4.1 0 0 0 1.729-3.349 4.24 4.24 0 0 0-4.291-4.174 4.24 4.24 0 0 0-4.291 4.174 4.11 4.11 0 0 0 1.729 3.351 1.54 1.54 0 0 1 .344 2.147 1.6 1.6 0 0 1-.353.348A7.6 7.6 0 0 0 4.241 14a13.66 13.66 0 0 0-2.1 6.12h9.59v1.54Zm12.766-7.308c-.069-.113-.122-.234-.194-.344.072.11.128.232.194.344Zm3.53 6.8h-2.415v-1.53h6.705v1.537Zm-1.621-1.034c-.013-.154-.048-.305-.07-.459.021.159.055.309.07.463Zm1.286-1.792a17 17 0 0 0-.42-1.537h5.046v1.537Zm-1.581 0h-.5v-1.533h1.659c.162.505.307 1.019.42 1.537Zm.683-2.826a16 16 0 0 0-.739-1.537h6.262V15.5Zm-1.182 0v-1.534h.443a16 16 0 0 1 .739 1.534Z' data-name='合体 45'/%3E%3C/svg%3E");
}
.menu-icon__refusal {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.97' height='25.885' viewBox='0 0 23.97 25.885'%3E%3Cpath fill='%233c3c3c' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' d='M12.105 23.434a6.7 6.7 0 0 1-1.267-1.775H.5a15.9 15.9 0 0 1 2.47-8.513 9.1 9.1 0 0 1 2.223-2.34 5.68 5.68 0 0 1-2.363-4.6A5.77 5.77 0 0 1 8.657.5a5.773 5.773 0 0 1 5.828 5.711 5.67 5.67 0 0 1-2.366 4.6 9 9 0 0 1 1.9 1.885c.113.15.226.3.33.455-.1-.157-.217-.305-.33-.455a6.655 6.655 0 1 1-1.909 10.743Zm8.328-1.085a5.11 5.11 0 0 0 .489-6.645l-4.215 4.215-.027-.235.027.235-1.74 1.741-1.177 1.176a5 5 0 0 1-.6-.489 2 2 0 0 1-.1-.107q.05.057.1.109a5 5 0 0 0 .6.489 5.114 5.114 0 0 0 6.644-.489Zm-8.51.182 1.087 1.085zm.7-.872c.023.031.052.059.076.091l.091-.091 1.537-1.537.732-.729 1.33-1.33 3.444-3.441a5.12 5.12 0 0 0-4.993-.616 5.2 5.2 0 0 0-1.311.823c-.15-.272-.289-.553-.459-.816.171.264.309.544.459.819-.113.094-.236.173-.342.28a5.1 5.1 0 0 0-1.282 5.016 5 5 0 0 0 .722 1.532Zm-1.786 0a6.7 6.7 0 0 1-.535-1.535 6.6 6.6 0 0 0 .538 1.536ZM4.366 6.211a4.11 4.11 0 0 0 1.729 3.351 1.54 1.54 0 0 1 .344 2.147 1.6 1.6 0 0 1-.353.348A7.6 7.6 0 0 0 4.241 14a13.66 13.66 0 0 0-2.1 6.12H10.3a6.65 6.65 0 0 1 1.8-6.1 7 7 0 0 1 .577-.508c.113.144.24.28.348.431-.108-.151-.235-.287-.348-.433a7.6 7.6 0 0 0-1.452-1.452 1.537 1.537 0 0 1-.358-2.144 1.5 1.5 0 0 1 .348-.353 4.1 4.1 0 0 0 1.729-3.349 4.24 4.24 0 0 0-4.287-4.175H8.6a4.24 4.24 0 0 0-4.234 4.174Zm16.068 8.9a5 5 0 0 1 .46.56 5 5 0 0 0-.46-.563 3 3 0 0 0-.163-.148c.055.04.11.094.163.146Zm.544.542-1.085-1.087Z' data-name='合体 46'/%3E%3C/svg%3E");
}
.menu-icon__fave {
    mask-image: url(../img/category/112.png);
}
.menu-icon__anime {
    mask-image: url(../img/category/113.png);
}
.menu-icon__souvenir {
    mask-image: url(../img/category/114.png);
}
.menu-icon__food {
    mask-image: url(../img/category/115.png);
}
.menu-icon__event {
    mask-image: url(../img/category/116.png);
}
.menu-icon__shipping-date {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.752' height='31.196' viewBox='0 0 32.752 31.196'%3E%3Cpath fill='%233c3c3c' d='M29.791 2.874h-1.045v1.319A2.41 2.41 0 0 1 26.34 6.6h-1.231A2.41 2.41 0 0 1 22.7 4.193V2.874h-3.3v1.319A2.41 2.41 0 0 1 16.992 6.6H15.76a2.41 2.41 0 0 1-2.406-2.406v-1.32h-3.305v1.319A2.41 2.41 0 0 1 7.643 6.6H6.412a2.41 2.41 0 0 1-2.406-2.407V2.874H2.961A2.97 2.97 0 0 0 0 5.835v22.4A2.97 2.97 0 0 0 2.961 31.2h26.83a2.97 2.97 0 0 0 2.961-2.961V5.835a2.97 2.97 0 0 0-2.961-2.961m.956 25.361a.97.97 0 0 1-.956.956H2.961A.97.97 0 0 1 2 28.235V10.694h28.747ZM15.76 5.2h1.232a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H15.76a1 1 0 0 0-1 1v3.19a1 1 0 0 0 1 1m-9.348 0h1.231a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H6.412a1 1 0 0 0-1 1v3.19a1 1 0 0 0 1 1m18.7 0h1.228a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1h-1.231a1 1 0 0 0-1 1v3.19a1 1 0 0 0 1 1M10.44 12.728H5.171V16.1h5.269Zm8.57 0h-5.268V16.1h5.269Zm8.57 0h-5.268V16.1h5.269Zm-17.14 5.588H5.171v3.367h5.269Zm8.57 0h-5.268v3.367h5.269Zm8.57 0h-5.268v3.367h5.269ZM10.44 23.9H5.171v3.367h5.269Zm8.57 0h-5.268v3.367h5.269Zm8.57 0h-5.268v3.367h5.269Z' data-name='パス 5126'/%3E%3C/svg%3E");
}

#drawer-menu {
    position: fixed;
    top: 48px;
    height: 0;
    width: 100%;
    z-index: 10;
    overflow: hidden;
}
#drawer-menu.drawer-menu__open {
    height: calc(100vh - 48px);
    overflow-y: auto;
}
#drawer-menu::before {
    content: "";
    display: block;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: .1s opacity;
}
#drawer-menu.drawer-menu__visible::before {
    opacity: .5;
}
#drawer-menu > nav {
    position: absolute;
    width: 80vw;
    z-index: 1;
}
#drawer-menu__category, #drawer-menu__scene, #drawer-menu__member-pc, #drawer-menu__menu-pc {
    top: -100vh;
    transition: .3s top;
}
#drawer-menu.drawer-menu__open #drawer-menu__category.drawer-menu__active,
#drawer-menu.drawer-menu__open #drawer-menu__scene.drawer-menu__active,
#drawer-menu.drawer-menu__open #drawer-menu__member-pc.drawer-menu__active,
#drawer-menu.drawer-menu__open #drawer-menu__menu-pc.drawer-menu__active {
    top: 0;
}
#drawer-menu__search, #drawer-menu__member-sp {
    top: 0;
    right: -80vw;
    transition: .3s right;
}
#drawer-menu.drawer-menu__open #drawer-menu__search.drawer-menu__active,
#drawer-menu.drawer-menu__open #drawer-menu__member-sp.drawer-menu__active {
    right: 0;
}
#drawer-menu__menu-sp {
    top: 0;
    left: -80vw;
    transition: .3s left;
}
#drawer-menu.drawer-menu__open #drawer-menu__menu-sp.drawer-menu__active {
    left: 0;
}
#drawer-menu__category ul li img {
    width: 40px;
    height: 40px;
}
#drawer-menu__scene ul li img {
    width: 32px;
    height: 32px;
}
#drawer-menu__scene a,
#drawer-menu__member-pc a,
#nav-mypage a {
    height: 60px;
    padding: 0 12px;
    position: relative;
}
#drawer-menu__member-pc a,
#nav-mypage a {
    line-height: 60px;
    padding: 0 12px 0 20px;
}
#drawer-menu__scene a::after,
#drawer-menu__member-pc a::after,
#nav-mypage a::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: var(--fav-icon-bg-color);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.657' height='5.657' viewBox='0 0 5.657 5.657'%3E%3Cpath fill='none' stroke='%233c3c3c' d='M.354 2.475 2.83 4.95l2.475-2.475' data-name='パス 943'/%3E%3C/svg%3E");
    position: absolute;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
}
#drawer-menu__menu-pc .container div {
    padding: 18px 22px 23px 16px;
}
#drawer-menu__search > div,
#drawer-menu__member-sp > div,
#drawer-menu__menu-sp > div {
    min-height: calc(100vh - 48px);
}
#drawer-menu__member-sp li,
#drawer-menu__menu-sp li {
    height: 40px;
}
#drawer-menu__menu-sp summary {
    height: 40px;
    line-height: 40px;
}
#drawer-menu__member-sp .trailing-caret-right::after,
#drawer-menu__menu-sp summary::before,
#drawer-menu__menu-sp summary::after,
#drawer-menu__menu-sp .trailing-caret-right::after {
    right: 15px;
}
#drawer-menu__member-sp .menu-icon,
#drawer-menu__menu-sp li img,
#drawer-menu__menu-sp .menu-icon {
    width: 35px;
    height: 35px;
}
#drawer-menu__close-btn,
#modal__close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    padding-top: 22px;
    cursor: pointer;
    color: #ffffff;
    background-color: transparent;
    border: none;
    font-weight: var(--fav-medium-font-weight);
}
#drawer-menu__search.drawer-menu__active ~ #drawer-menu__close-btn,
#drawer-menu__member-sp.drawer-menu__active ~ #drawer-menu__close-btn {
    left: 15px;
    right: auto;
}
#drawer-menu__close-btn::before,
#drawer-menu__close-btn::after,
#modal__close-btn::before,
#modal__close-btn::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 20px;
    border-right: 1px solid #ffffff;
    position: absolute;
    right: 50%;
    top: 0;
}
#drawer-menu__close-btn::before,
#modal__close-btn::before {
    transform: translateX(-50%) rotate(45deg);
}
#drawer-menu__close-btn::after,
#modal__close-btn::after {
    transform: translateX(-50%) rotate(-45deg);
}
.menu-icon__fave,
.menu-icon__anime,
.menu-icon__souvenir,
.menu-icon__food,
.menu-icon__event {
    mask-size: 22px 22px;
}

@media (min-width: 768px) {
    header {
        height: 65px;
    }
    h1 img {
        width: 162px;
    }
    #drawer-menu {
        top: 65px;
    }
    #drawer-menu.drawer-menu__open {
        height: calc(100vh - 65px);
    }
    #drawer-menu > nav {
        width: 100%;
    }
    #drawer-menu__search, #drawer-menu__member-sp, #drawer-menu__menu-sp {
        top: -100vh;
        left: 0;
        right: 0;
        transition: .3s top;
    }
    #drawer-menu.drawer-menu__open #drawer-menu__search.drawer-menu__active {
        top: 0;
    }
    #drawer-menu__search > div,
    #drawer-menu__member-sp > div,
    #drawer-menu__menu-sp > div {
        min-height: auto;
    }
    #modal__close-btn {
        top: 30px;
        right: 30px;
        padding-top: 32px;
    }
    #modal__close-btn::before,
    #modal__close-btn::after {
        height: 30px;
    }
}


/******************************************************************************
 * Footer
 ******************************************************************************/
footer {
    margin-top: auto;
}

#estimated-shipping-date__opener {
    position: fixed;
    bottom: 20px;
    right: 12.5px;
}
#estimated-shipping-date__opener button {
    width: 70px;
    height: 70px;
    border-color: var(--fav-icon-bg-color);
    border-radius: 50%;
    background-color: var(--fav-white-color);
    color: var(--fav-icon-bg-color);
    cursor: pointer;
    line-height: 15px;
}
#estimated-shipping-date__opener button:hover {
    color: var(--fav-icon-rollover-color);
    border-color: var(--fav-icon-rollover-color);
}
#estimated-shipping-date {
    position: fixed;
    height: 0;
    z-index: 10;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0);
    transition: .2s background-color;
}
#estimated-shipping-date.modal-open {
    height: 100%;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, .5);
}
.menu-icon.menu-icon__shipping-date {
    width: 16px;
    height: 16px;
}

@media (min-width: 768px) {
    #estimated-shipping-date__opener {
        right: 20px;
    }
    #estimated-shipping-date__opener button {
        width: 80px;
        height: 80px;
        line-height: 18px;
    }
    .menu-icon.menu-icon__shipping-date {
        width: 18px;
        height: 18px;
    }
}


/******************************************************************************
 * Contents
 ******************************************************************************/
#page-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
}
main {
    padding-top: 48px;
}

@media (min-width: 768px) {
    main {
        padding-top: 65px;
    }
}


/******************************************************************************
 * Top
 ******************************************************************************/
#block-bnr-scene .col > a::after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: linear-gradient(#fff 0%, #fff 51.72%, #000 100%);
    opacity: 0.4;
}

#block-keyword-search input[type=text] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.165' height='18.924' viewBox='0 0 19.165 18.924'%3E%3Cpath fill='%233c3c3c' d='M18.946 17.644 13.8 12.476q.018-.025.037-.051a7.8 7.8 0 0 0 .857-1.4c.031-.066.065-.13.094-.2q.078-.176.143-.356c.04-.1.08-.208.115-.315s.067-.21.1-.317a6 6 0 0 0 .1-.4 6 6 0 0 0 .137-.778q.015-.103.027-.2.036-.366.038-.742A7.724 7.724 0 0 0 0 7.721a7.72 7.72 0 0 0 7.723 7.723q.385-.002.76-.039c.071-.007.14-.021.211-.029q.26-.031.515-.079.15-.032.3-.07.2-.046.4-.1c.2-.054.23-.074.345-.114a7 7 0 0 0 .694-.279q.125-.058.248-.119.2-.1.4-.217.094-.054.186-.113a7 7 0 0 0 .416-.274q.064-.046.126-.094.22-.162.428-.339l.013-.01 5.123 5.137a.75.75 0 1 0 1.062-1.06m-11.223-3.7a6.223 6.223 0 1 1 6.222-6.222 6.23 6.23 0 0 1-6.222 6.222' data-name='パス 5416'/%3E%3C/svg%3E");
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 40px;
}

.icon-crown, .icon-calendar, .icon-cart, .icon-heart, .icon-delete, .icon-reload {
    display: inline-block;
    background-color: var(--fav-icon-bg-color);
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
}
.icon-crown {
    display: block;
    width: 35px;
    height: 28px;
    padding-top: 6px;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39.902' height='32.053' viewBox='0 0 39.902 32.053'%3E%3Cg data-name='グループ 7241'%3E%3Cpath fill='%233c3c3c' d='M19.952 32.054H7.612v-2.5h-.013l-5.831-7.889c-4.274-5.729-.36-14.668 7.1-13.955a19 19 0 0 1 2.386.534 16.6 16.6 0 0 1 2.9-.8 20 20 0 0 1 3.929.217l.647-1.5-.053-.144-3.461-1.281 3.461-1.281 1.28-3.461 1.281 3.461 3.461 1.281-3.461 1.281-.053.143.648 1.5a20 20 0 0 1 3.928-.217 16.6 16.6 0 0 1 2.9.8 19 19 0 0 1 2.386-.534c7.459-.713 11.372 8.226 7.1 13.955l-5.831 7.889h-.014v2.5Zm11.217-20.652a10.25 10.25 0 0 1-.136 7.118c-.722 1.974-2.79 4.705-3.182 6.605-.112.537-.292 1.08.167 1.3 1.5.733 7.783-7.318 8.1-9.155.543-3.136-1.115-5.913-4.267-5.913a6 6 0 0 0-.682.044ZM3.786 17.274c.318 1.837 6.6 9.887 8.1 9.155.459-.223.278-.766.167-1.3-.392-1.9-2.461-4.631-3.182-6.605a10.25 10.25 0 0 1-.137-7.118 6 6 0 0 0-.682-.041c-3.151-.005-4.809 2.772-4.267 5.908Z' data-name='合体 2'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-crown.rank-1 {
    background-color: var(--fav-gold-color);
}
.icon-crown.rank-2 {
    background-color: var(--fav-silver-color);
}
.icon-crown.rank-3 {
    background-color: var(--fav-bronze-color);
}
.icon-calendar {
    width: 15px;
    height: 15px;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.023' height='14.31' data-name='グループ 6896' viewBox='0 0 15.023 14.31'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%233c3c3c' d='M0 0h15.023v14.31H0z' data-name='長方形 4612'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='グループ 6895'%3E%3Cpath fill='%233c3c3c' d='M13.665 1.318h-.479v.6a1.1 1.1 0 0 1-1.1 1.1h-.565a1.1 1.1 0 0 1-1.1-1.1v-.6H8.9v.6a1.1 1.1 0 0 1-1.1 1.1h-.571a1.1 1.1 0 0 1-1.1-1.1v-.6H4.61v.6a1.1 1.1 0 0 1-1.1 1.1h-.569a1.1 1.1 0 0 1-1.1-1.1v-.6h-.483A1.36 1.36 0 0 0 0 2.677v10.274a1.36 1.36 0 0 0 1.358 1.359h12.307a1.36 1.36 0 0 0 1.358-1.358V2.677a1.36 1.36 0 0 0-1.358-1.358m.435 11.632a.445.445 0 0 1-.439.439H1.358a.444.444 0 0 1-.439-.439V4.905H14.1ZM7.229 2.383h.565a.46.46 0 0 0 .46-.46V.46a.46.46 0 0 0-.46-.46h-.565a.46.46 0 0 0-.46.46v1.463a.46.46 0 0 0 .46.46m-4.288 0h.565a.46.46 0 0 0 .46-.46V.46a.46.46 0 0 0-.46-.46h-.565a.46.46 0 0 0-.46.46v1.463a.46.46 0 0 0 .46.46m8.576 0h.565a.46.46 0 0 0 .46-.46V.46a.46.46 0 0 0-.46-.46h-.565a.46.46 0 0 0-.46.46v1.463a.46.46 0 0 0 .46.46M4.789 5.838H2.372v1.545h2.417Zm3.931 0H6.3v1.545h2.42Zm3.931 0h-2.417v1.545h2.417ZM4.789 8.4H2.372v1.546h2.417Zm3.931 0H6.3v1.546h2.42Zm3.931 0h-2.417v1.546h2.417Zm-7.862 2.565H2.372v1.545h2.417Zm3.931 0H6.3v1.545h2.42Zm3.931 0h-2.417v1.545h2.417Z' data-name='パス 5126'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-cart {
    width: 18px;
    height: 19px;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.628' height='18.222' viewBox='0 0 17.628 18.222'%3E%3Cg fill='%23fff' data-name='グループ 6889' transform='translate(-1017.507 -2209.89)'%3E%3Cpath d='M1020.266 2209.89a.73.73 0 0 1 .706.547l.722 2.8h12.712a.73.73 0 0 1 .729.729.7.7 0 0 1-.029.2l-2.094 7.265a.73.73 0 0 1-.7.527h-8.368l.315 1.221h7.989v1.286h-8.42a.73.73 0 0 1-.706-.547l-3.287-12.742h-2.328v-1.286Zm2.711 8.316.636 2.464h1.606v-2.464Zm-.951-3.687.619 2.4h2.574v-2.4Zm4.479 6.151h2.743v-2.464h-2.743Zm0-3.75h2.743v-2.4h-2.743Zm3.824-2.4v2.4h2.646l.691-2.4Zm0 3.687v2.463h1.566l.71-2.464Z' data-name='パス 934'/%3E%3Ccircle cx='1.304' cy='1.304' r='1.304' data-name='楕円形 129' transform='translate(1029.717 2225.431)'/%3E%3Cpath d='M1024.764 2225.504a1.3 1.3 0 1 1-1.3 1.3 1.3 1.3 0 0 1 1.3-1.3' data-name='パス 935'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-heart {
    width: 17px;
    height: 15px;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.972' height='14.442' viewBox='0 0 16.972 14.442'%3E%3Cpath fill='%233c3c3c' d='M12.599 0a4.33 4.33 0 0 1 3.018 1.214 1 1 0 0 1 .088.073 4.37 4.37 0 0 1-.02 6.17l-6.81 6.81a.6.6 0 0 1-.846 0L1.22 7.456l-.01-.01a4.367 4.367 0 0 1 6.174-6.174l.009.009 1.06 1.057 1.069-1.066A4.33 4.33 0 0 1 12.599 0m2.317 2.191a1 1 0 0 1-.076-.064 3.163 3.163 0 0 0-4.473-.008l-.009.009-1.483 1.479a.6.6 0 0 1-.844 0L6.554 2.133a3.171 3.171 0 0 0-4.483 4.483l6.383 6.383 6.389-6.388a3.17 3.17 0 0 0 .073-4.42' data-name='パス 5126'/%3E%3C/svg%3E");
}
.icon-delete {
    width: 8px;
    height: 8px;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.414' height='15.414' viewBox='0 0 15.414 15.414'%3E%3Cg fill='none' stroke='%233d3d3d' stroke-width='2' data-name='グループ 7033'%3E%3Cpath d='m.707.707 14 14' data-name='線 1040'/%3E%3Cpath d='m14.707.707-14 14' data-name='線 1041'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-reload {
    width: 11px;
    height: 11px;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.519' height='11.58' viewBox='0 0 11.519 11.58'%3E%3Cg data-name='グループ 6906'%3E%3Cpath fill='none' stroke='%23fff' stroke-miterlimit='10' d='M10.721 3.913a5.29 5.29 0 1 0 0 3.755' data-name='パス 5151'/%3E%3Cpath fill='%23fff' d='m11.101 5.348.418-3.58-3.308 1.43Z' data-name='パス 5152'/%3E%3C/g%3E%3C/svg%3E");
}

.hero-image__slick-item img {
    max-width: 100%;
}
.product-slick__container {
    --fav-gutter-x: 15px;
}
.column-slick__container {
    --fav-gutter-x: 20px;
}
.product-slick__item {
    width: calc(40vw + var(--fav-gutter-x));
    padding-right: 0;
    padding-left: var(--fav-gutter-x);
}
.column-slick__item {
    width: calc(74.666vw + var(--fav-gutter-x));
    padding-right: calc(var(--fav-gutter-x) * 0.5);
    padding-left: calc(var(--fav-gutter-x) * 0.5);
}
.product-slick__rank {
    margin-bottom: 7px;
}
.product-slick__badge {
    margin: 3px 0;
    min-height: 22px;
}
#top-product-list__all {
    padding-top: 50px;
    padding-bottom: 70px;
}
#top-product-list__scene {
    padding-top: 45px;
    padding-bottom: 60px;
}
.news-container {
    height: 470px;
    overflow-y: auto;
    overflow-x: hidden;
}

@media (min-width: 768px) {
    .icon-crown {
        width: 40px;
        height: 32px;
        padding-top: 7px;
    }
    .hero-image__container,
    .product-slick__container,
    .column-slick__container {
        max-width: calc(var(--fav-content-max-width) + 80px);
        margin: 0 auto;
        padding-right: 40px;
        padding-left: 40px;
    }
    .product-slick__container {
        --fav-gutter-x: 26px;
    }
    .column-slick__container {
        --fav-gutter-x: 30px;
    }
    .product-slick,
    .column-slick {
        margin-right: calc(var(--fav-gutter-x) * -0.5);
        margin-left: calc(var(--fav-gutter-x) * -0.5);
    }
    .product-slick .slick-prev,
    .column-slick .slick-prev {
        left: calc(var(--fav-gutter-x) * 0.5 - 25px);
    }
    .product-slick .slick-next,
    .column-slick .slick-next {
        right: calc(var(--fav-gutter-x) * 0.5 - 25px);
    }
    .product-slick__item,
    .column-slick__item {
        width: auto;
        padding-right: calc(var(--fav-gutter-x) * 0.5);
        padding-left: calc(var(--fav-gutter-x) * 0.5);
    }
    #top-product-list__all {
        padding-top: 100px;
        padding-bottom: 145px;
    }
    #top-product-list__scene {
        padding-top: 80px;
        padding-bottom: 120px;
    }
    .news-container {
        height: 278px;
    }
}


/******************************************************************************
 * Products
 ******************************************************************************/
.pager .btn {
    padding: 2px 8px !important;
}
#product-detail__left-nav {
    width: calc(240px + var(--fav-gutter-x));
}
#product-detail__left-nav li a.trailing-caret-right {
    right: 5px;
}
#product-detail__left-nav li img {
    width: 26px;
    height: 26px;
}
#product-detail__contents {
    grid-template-columns: minmax(0, 1fr);
}
#product-detail__calc-separator span {
    display: inline-block;
    width: 68px;
    height: 19px;
    background-color: var(--fav-icon-bg-color);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}
#product-detail__actions button {
    height: 45px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767.98px) {
    #product-detail__image-thumbnail .col {
        width: 18.666vw;
        padding-left: 2.666vw;
    }
    #product-detail__image-thumbnail .col:first-child {
        width: calc(16vw + (var(--fav-gutter-x) * 0.5));
        padding-left: calc(var(--fav-gutter-x) * 0.5);
    }
    #product-detail__image-thumbnail .col:last-child {
        width: calc(18.666vw + (var(--fav-gutter-x) * 0.5));
        padding-right: calc(var(--fav-gutter-x) * 0.5);
    }
}
@media (min-width: 768px) {
    #product-detail__contents {
        grid-template-columns: minmax(0, 40.54fr) minmax(0, 59.46fr);
        grid-template-rows: minmax(0, auto);
    }
    #product-detail__calc-separator span {
        width: 90px;
        height: 25px;
    }
}
@media (max-width: 1200px) {
    #product-detail__left-nav {
        display: none !important;
    }
}


/******************************************************************************
 * Cart
 ******************************************************************************/
.cart-flow {
    list-style: none;
    margin: 30px auto 0;
    padding: 0;
    position: relative;
    font-size: 11px;
    font-weight: var(--fav-semibold-font-weight);
    display: flex;
    justify-content: space-between;
}
.cart-flow::before {
    content: "";
    display: block;
    width: calc(100% - 38px);
    height: 1px;
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    border-top: var(--fav-border-width) var(--fav-border-style) var(--fav-border-color);
}
.cart-flow li {
    text-align: center;
    padding-top: 12px;
    position: relative;
}
.cart-flow li::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: var(--fav-border-color);
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.cart-flow li.current::before {
    background-color: var(--fav-icon-bg-color);
}
.cart-list {
    width: calc(100% - 280px);
}
.cart-action {
    width: 240px;
}
.cart-item__image img {
    width: 140px;
    height: auto;
}
.cart-item__detail > :not(caption) > * > th {
    width: 180px;
}
.cart-item__name-print > :not(caption) > * > * {
    padding: 10px;
}
.cart-item__name-print .check-column {
    width: 35px;
}
.btn-set-qty {
    padding-top: .4rem;
    padding-bottom: .4rem;
}
@media (max-width: 767.98px) {
    .cart-list, .cart-action {
        width: 100%;
    }
    .cart-item__image img {
        width: 120px;
    }
    .cart-item__detail > :not(caption) > * > th {
        width: 80px;
    }
    .cart-item__name-print > :not(caption) {
        display: block;
    }
    .cart-item__name-print > :not(caption) > * > * {
        padding: 0;
        max-width: 100%;
        flex: 0 0 auto;
        border: 0;
        font-size: 11px;
    }
    .cart-item__name-print .check-column {
        width: 25px;
    }
    .cart-item__name-print__item {
        padding: 12px;
    }
    .cart-item__name-print__flg {
        border-bottom: var(--fav-border-width) var(--fav-border-style) var(--fav-border-color) !important;
        margin-bottom: 12px;
        padding-top: 5px !important;
        padding-bottom: 12px !important;
    }
    .cart-item__name-print__name {
        border-bottom: var(--fav-border-width) var(--fav-border-style) var(--fav-border-color) !important;
        width: calc(100% - 25px);
        font-size: 13px !important;
        font-weight: var(--fav-medium-font-weight);
        margin-bottom: 12px;
        padding-bottom: 12px !important;
    }
    #page-shopping-confirm .cart-item__name-print__name {
        width: 100%;
    }
    .cart-item__name-print__proofread {
        padding-top: 4px !important;
    }
    .cart-item__name-print__proofread-cost {
        width: calc(60% - 25px);
        padding-right: 15px !important;
    }
    #page-shopping-confirm .cart-item__name-print__proofread-cost {
        width: 60%;
    }
    .cart-item__name-print__proofread-cost > div > div:first-child > span > span {
        width: 75px;
    }
    #page-shopping-confirm .cart-item__name-print__proofread-cost > div > div:first-child > span > span {
        width: 100px;
    }
    .cart-item__name-print__plate-cost {
        width: 40%;
        padding-left: 15px !important;
    }
    .cart-item__name-print__set-price {
        width: 60%;
        padding-right: 15px !important;
    }
    .cart-item__name-print__total {
        width: 40%;
        padding-left: 15px !important;
    }
    .cart-action__container.fixed {
        position: fixed;
        bottom: 0;
    }
    .cart-action__btn-continue {
        border: none;
    }
    .cart-action__btn-evaluation {
        border-width: 1px 0;
        border-color: var(--fav-icon-bg-color);
    }
}
@media (min-width: 768px) {
    .cart-flow {
        margin-top: 50px;
        font-size: 12px;
        width: 500px;
    }
    .cart-flow::before {
        top: 5px;
        width: 458px;
    }
    .cart-flow li {
        padding-top: 20px;
    }
    .cart-flow li::before {
        width: 10px;
        height: 10px;
    }
    .cart-action__container {
        position: sticky;
        top: 90px;
    }
}


/******************************************************************************
 * シーン別
 ******************************************************************************/
body.scene-112 {
    --fav-body-bg-color: linear-gradient(to right, #ffedf3 0%, #fff 48.77%, #eafdff 100%);
    --fav-icon-bg-color: #D182A5;
    --fav-icon-rollover-color: #E2A5C0;
    --fav-border-color: #E3CAD5;
}
body.scene-113 {
    --fav-body-bg-color: #FDFBED;
    --fav-icon-bg-color: #BCA525;
    --fav-icon-rollover-color: #CEBD60;
    --fav-border-color: #DEDAC2;
}
body.scene-114 {
    --fav-body-bg-color: #F0F5ED;
    --fav-icon-bg-color: #79955B;
    --fav-icon-rollover-color: #9BB97C;
    --fav-border-color: #B5C4A5;
}
body.scene-115 {
    --fav-body-bg-color: #FFF3ED;
    --fav-icon-bg-color: #E08C64;
    --fav-icon-rollover-color: #E0A98E;
    --fav-border-color: #E8D7CC;
}
body.scene-116 {
    --fav-body-bg-color: #FAF0F0;
    --fav-icon-bg-color: #CE6767;
    --fav-icon-rollover-color: #D89191;
    --fav-border-color: #E6CFCF;
}
body.scene main {
    padding-top: 75px;
}
body.scene #block-category-ranking {
    margin-top: 100px;
}
#scene-hero-image .slick-prev {
    z-index: 1;
    left: 50%;
    transform: translateX(-430px) translateY(-20px) rotate(-135deg);
}
#scene-hero-image .slick-next {
    right: 50%;
    transform: translateX(430px) translateY(-20px) rotate(45deg);
}
.scene-contents .btn {
    --fav-btn-font-size: 14px;
    --fav-btn-padding-y: 0;
    height: 70px;
}
.scene-contents .btn .menu-icon {
    height: 34px;
    width: 34px;
}
.scene-contents .btn .menu-icon__fave,
.scene-contents .btn .menu-icon__anime,
.scene-contents .btn .menu-icon__souvenir,
.scene-contents .btn .menu-icon__food,
.scene-contents .btn .menu-icon__event {
    mask-size: contain;
}
.scene-contents .btn img {
    height: 40px;
    width: auto;
}
body.scene footer {
    background-color: transparent !important;
}


@media (max-width: 767.98px) {
    #header-scene-title {
        position: absolute;
        top: 48px;
        left: 0;
        padding: 0;
    }
    #header-scene-title > span {
        padding-top: 2px;
        padding-bottom: 2px;
    }
    #scene-hero-image {
        --fav-gutter-x: 25px;
    }
}
@media (min-width: 768px) {
    body.scene main {
        padding-top: 65px;
    }
    .scene-contents .btn {
        --fav-btn-font-size: 18px;
        height: 80px;
    }
    .scene-contents .btn .menu-icon {
        height: 42px;
        width: 42px;
    }
    .scene-contents .btn img {
        height: 60px;
        width: auto;
    }
}