.pcNone{
    display: block !important;
}


.overlay {
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

    /*　画面サイズが767pxまではここを読み込む　*/
    .ft_groupsite .inner{
        width: 48%;
    }

	#sticky_nav {
/*display:none;*/
}

    .address-area {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .address-area__heading {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: bold;
    }

    .address-area__count {
        display: block;
        font-size: 10px;
        font-weight: normal;
    }

    .address-form {
        margin-bottom: 30px;
        padding: 20px 15px 30px;
        border-radius: 4px;
        background: #fff;
    }

    .banner-large {
        display: none;
    }

    .banner-small__image-box {
        display: block;
        margin-bottom: 15px;
    }

    .banner-small__image-box:last-child {
        margin-bottom: 0;
    }

    .banner-small__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    html {
        font-size: 10px;
    }

    html.is-fixed {
        height: 100vh;
        overflow: hidden;
    }

    body {
        color: #000;
        font-family: "Noto sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.6;
        overflow-wrap: break-word;
        word-break: break-word;
    }

    .is-fixed body {
        position: fixed;
        width: 100%;
    }

    a {
        transition: 0.3s;
        color: #000;
        text-decoration: none;
    }

    a:hover {
        color: #000;
        text-decoration: none;
    }

    button {
        border: 0;
    }

    a,
    button,
    select {
        cursor: pointer;
    }

    input,
    button,
    textarea {
        font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
        font-size: 14px;
        font-weight: normal;
    }

    input,
    select {
        outline: 0;
        word-break: normal;
    }

    input {
        transition: 0.3s;
    }

    ul,
    li {
        list-style: none;
    }

    h1,
    h2,
    h3,
    h4 {
        padding: 0;
        background: none;
    }

    .sp-hidden {
        display: none;
    }

    .text-box {
        margin-bottom: 30px;
    }

    .text-box--middle {
        margin-bottom: 20px;
    }

    .text {
        margin-bottom: 20px;
    }

    .text:last-child {
        margin-bottom: 0;
    }

    .text--zero {
        margin-bottom: 0;
    }

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

    .text-link {
        color: #000;
        text-decoration: underline;
    }

    .text-note {
        color: #ff3b00;
    }

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

    .text-caution {
        color: #ff3b00;
        font-size: 16px;
    }

    .text-small {
        font-size: 12px;
    }

    .text-large {
        font-size: 18px;
    }

    .text-underline {
        display: inline-block;
        margin-bottom: 10px;
        background: linear-gradient(transparent 60%, #fcde7f 0%);
        font-weight: bold;
    }

    .text-underline::before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 15px;
        margin-right: 5px;
        background: url("../img/icon/black/flick_black.svg") no-repeat center/contain;
        vertical-align: middle;
    }

    .wrapper > .container > .row {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }

    img:hover {
        opacity: 1;
    }

    input:hover {
        opacity: 1;
    }

    .breadcrumb {
        margin-bottom: 10px;
        padding: 10px 15px;
        background: #f5f5f5;
    }

    .breadcrumb__list {
        display: flex;
        box-sizing: border-box;
        flex-wrap: wrap;
        margin: -10px 0 0 -12px;
    }

    .breadcrumb__item {
        position: relative;
        margin: 10px 0 0 12px;
        font-size: 10px;
        line-height: 1;
    }

    .breadcrumb__item::after {
        content: "";
        display: inline-block;
        width: 9px;
        height: 4px;
        margin-left: 6px;
        transform: rotate(-90deg);
        background: url("../img/icon/black/arrow_black_light.svg") no-repeat center/contain;
        vertical-align: 2px;
    }

    .breadcrumb__item:last-child {
        margin-right: 0;
    }

    .breadcrumb__item:last-child::after {
        content: none;
    }

    .breadcrumb__item.is-current {
        color: #666;
    }

    .breadcrumb__link {
        font-weight: bold;
    }

    .breadcrumb__link:hover {
        text-decoration: underline;
    }

    .button-primary {
        display: flex;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        max-width: 100%;
        padding: 12px 15px 11px;
        border: 0;
        border-radius: 100vh;
        background: #fabe00;
        color: #000;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
    }

    .button-secondary {
        display: flex;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        max-width: 100%;
        padding: 12px 15px 11px;
        border: 0;
        border-radius: 100vh;
        background: #fabe00;
        color: #000;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        background: #000;
        color: #fff;
        margin: 0 auto;
    }

    .button-secondary:hover {
        color: #fff;
    }

    .button-tertiary {
        display: flex;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        max-width: 100%;
        padding: 12px 15px 11px;
        border: 0;
        border-radius: 100vh;
        background: #fabe00;
        color: #000;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        padding: 10px 13px 9px;
        transition: 0.3s;
        border: 2px solid #000;
        background: #fff;
        color: #000;
    }

    .button-inactive {
        display: flex;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        max-width: 100%;
        padding: 12px 15px 11px;
        border: 0;
        border-radius: 100vh;
        background: #fabe00;
        color: #000;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        background: #f5f5f5;
        color: #bababa;
        pointer-events: none;
    }

    .button-base {
        width: 260px;
    }

    .button-small {
        padding: 9px 15px 7px;
        font-size: 12px;
    }

    .button-small.button-tertiary {
        padding: 7px 18px 5px;
        font-size: 12px;
    }

    .button-box {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        margin-top: 40px;
    }

    .button-box--close {
        margin-top: 20px;
    }

    .button-box--start {
        flex-direction: inherit;
        align-items: inherit;
        justify-content: flex-start;
        margin: 20px 0;
    }

    .button-box__button {
        margin-top: 20px;
    }

    .button-box__button:last-child {
        margin-top: 0;
    }

    .campaign-text {
        font-size: 12px;
    }

    .category-select-list__item {
        margin-bottom: 20px;
    }

    .category-select-list__item:last-child {
        margin-bottom: 0;
    }

    .category-select {
        display: flex;
        position: relative;
        box-sizing: border-box;
        align-items: center;
        padding: 16px 15px;
        transition: 0.3s;
        border: 1px solid #dedede;
        border-radius: 4px;
    }

    .category-select.is-inactive {
        background: #f5f5f5;
        color: #bababa;
        pointer-events: none;
    }

    .category-select.is-current {
        pointer-events: none;
    }

    .category-select.is-current::before {
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        box-sizing: border-box;
        width: calc(100% + 2px);
        height: calc(100% + 2px);
        border: 3px solid #fabe00;
        border-radius: 4px;
    }

    .category-select__info {
        flex: 1;
        margin-right: 15px;
    }

    .category-select__detail {
        margin-bottom: 6px;
        padding-left: 26px;
    }

    .category-select__price {
        margin-bottom: 8px;
        font-size: 12px;
        line-height: 1;
    }

    .category-select__price:last-child {
        margin-bottom: 0;
    }

    .category-select__add {
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 1;
    }

    .category-select__add:last-child {
        margin-bottom: 0;
    }

    .category-select__workday {
        color: #ff3b00;
        font-size: 12px;
        line-height: 1;
    }

    .category-select__text {
        margin-bottom: 8px;
        padding-left: 26px;
        font-size: 12px;
    }

    .category-select__text:last-child {
        margin-bottom: 0;
    }

    .category-select__no-stock {
        padding-left: 26px;
        color: #ff3b00;
        font-size: 12px;
    }

    .category-select__image-box {
        flex-shrink: 0;
        width: 90px;
        height: 60px;
        margin-bottom: 6px;
    }

    .category-select__image-box:last-child {
        margin-bottom: 0;
    }

    .category-select.is-inactive .category-select__image-box {
        opacity: 0.8;
    }

    .category-select__image {
        width: 100%;
    }

    .category-select__link {
        font-size: 12px;
        text-decoration: underline;
        cursor: pointer;
        pointer-events: auto;
    }

    .category-select-head {
        position: relative;
        margin-bottom: 6px;
        padding-left: 26px;
    }

    .category-select-head::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 18px;
        height: 18px;
        border: 1px solid #dedede;
        border-radius: 50%;
        background: #f5f5f5;
    }

    .category-select.is-current .category-select-head::after {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #fabe00;
    }

    .category-select-head__name {
        font-weight: bold;
        line-height: 1.4;
    }

    .category-select-head__tag {
        font-size: 10px;
        vertical-align: 8px;
    }

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

    .counter__minus {
        flex-shrink: 0;
        width: 18px;
        height: 18px;
        margin-right: 8px;
        background: url("../img/icon/black/minus_black.svg") no-repeat center/contain;
    }

    .counter__plus {
        flex-shrink: 0;
        width: 18px;
        height: 18px;
        margin-left: 8px;
        background: url("../img/icon/black/plus_black.svg") no-repeat center/contain;
    }

    .detail {
        padding-top: 107px;
    }

    .detail__main {
        margin-bottom: 50px;
    }

    .detail__heading-box {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    .detail__heading {
        display: flex;
        position: relative;
        align-items: center;
        margin-bottom: 15px;
        font-size: 15px;
        font-weight: bold;
    }

    .detail__heading:last-child {
        margin-bottom: 0;
    }

    .detail__heading--note {
        padding-left: 25px;
    }

    .detail__heading--note::before {
        content: "";
        position: absolute;
        top: 2px;
        left: 0;
        width: 20px;
        height: 20px;
        background: url("../img/icon/black/exclamation_black.svg") no-repeat center/contain;
    }

    .detail__heading-box .detail__heading {
        margin-bottom: 0;
    }

    .detail__heading-button {
        margin-left: auto;
        font-size: 14px;
    }

    .detail__heading-text {
        margin-left: 5px;
        font-size: 14px;
        font-weight: normal;
    }

    .detail__section {
        margin-bottom: 40px;
    }

    .detail__section:last-child {
        margin-bottom: 0;
    }

    .detail__section-border {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #dedede;
    }
	


    .detail__download {
        width: 245px;
    }

    .detail__button {
        margin-left: auto;
    }

    .detail__input-text {
        width: 240px;
    }

    .detail__inquiry {
        margin-bottom: 15px;
    }

    .detail__inquiry:last-child {
        margin-bottom: 0;
    }

    .detail__inquiry--sp-font-small {
        font-size: 12px;
    }

    .detail__color-modify {
        margin-bottom: 35px;
    }

    .detail__note {
        margin-top: 4px;
    }

    .detail__set {
        padding: 30px 0 40px;
        background: #f5f5f5;
    }

    .detail__review {
        padding: 50px 0;
    }

    .detail__review--less-margin {
        padding-bottom: 0;
    }

    .detail__group {
        margin-bottom: 30px;
    }

    .detail-column {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #dedede;
    }

    .detail-column__column:first-child {
        order: 2;
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #dedede;
    }

    .detail-zoomed-item-sp {
        visibility: hidden;
        position: fixed;
        z-index: 10;
        top: 50%;
        left: 50%;
        width: 100%;
        max-width: 375px;
        transform: translate(-50%, -50%);
        transition: 0.2s;
        opacity: 0;
    }

    .detail-zoomed-item-sp.is-active {
        visibility: visible;
        opacity: 1;
    }

    .detail-zoomed-item-sp__close {
        position: absolute;
        top: -30px;
        right: 15px;
        width: 15px;
        height: 15px;
        border: 0;
        background: url("../img/icon/white/close_white.svg") no-repeat center/contain;
    }

    .detail-zoomed-item-sp__message {
        position: absolute;
        bottom: -35px;
        left: 15px;
        padding-left: 21px;
        color: #fff;
    }

    .detail-zoomed-item-sp__message::before {
        content: "";
        position: absolute;
        top: 4px;
        left: 0;
        width: 15px;
        height: 15px;
        background: url("../img/icon/white/zoom_white.svg") no-repeat center/contain;
    }

    .detail-zoomed-item-images-sp__item {
        position: relative;
        width: 100vw;
        max-width: 375px;
    }

    .detail-zoomed-item-images-sp__image {
        width: 100%;
        height: 100%;
        max-height: calc(100vh - 70px);
        object-fit: contain;
    }

    .detail-zoomed-item-images-sp.slick-slider {
        -ms-touch-action: auto;
        touch-action: auto;
    }

    .detail-zoomed-item-images-sp .slick-prev,
    .detail-zoomed-item-images-sp .slick-next {
        position: absolute;
        top: 50%;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        opacity: 0.5;
        background: url("../img/icon/black/arrow_black.svg") no-repeat center/24px 15px;
        font-size: 0;
		z-index:10;
    }

    .detail-zoomed-item-images-sp .slick-prev {
        right: calc(50% + 150px);
        transform: translateY(-50%) rotate(90deg);
    }

    .detail-zoomed-item-images-sp .slick-next {
        left: calc(50% + 150px);
        transform: translateY(-50%) rotate(-90deg);
    }

    .detail-zoomed-item-images-sp .slick-dots {
        visibility: hidden;
        position: absolute;
        opacity: 0;
    }

    .detail-image-pc {
        display: none;
    }

    .detail-image-sp {
        margin-bottom: 40px;
    }

    .detail-image-sp__zoom {
        margin-bottom: 30px;
    }

    .detail-image-sp__zoom::before {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: 6px;
        background: url("../img/icon/black/zoom_black.svg") no-repeat center/contain;
        vertical-align: -3px;
    }

    .detail-item-sp {
        position: relative;
        box-sizing: border-box;
        max-width: 345px;
        max-height: 345px;
        margin: 0 auto 10px;
        border: 1px solid #dedede;
    }

    .detail-item-sp__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .detail-item-sp__image:hover {
        opacity: 1;
    }

    .detail-thumbnail-sp {
        margin: 0 19px 15px 20px;
    }

    .detail-thumbnail-sp__item {
        position: relative;
        box-sizing: border-box;
        width: 50px;
        height: 50px;
        margin-right: 14px;
        border: 1px solid #dedede;
    }

    .detail-thumbnail-sp__item:last-child {
        margin-right: 0;
    }

    .detail-thumbnail-sp__item.slick-active::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        border: 3px solid #fabe00;
    }

    .detail-thumbnail-sp__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .detail-thumbnail-sp.slick-slider button {
        position: absolute;
        top: 50%;
        width: 16px;
        height: 10px;
        padding: 0;
        background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
        font-size: 0;
    }

    .detail-thumbnail-sp .slick-prev {
        left: -22px;
        transform: translateY(-50%) rotate(90deg);
    }

    .detail-thumbnail-sp .slick-next {
        right: -22px;
        transform: translateY(-50%) rotate(-90deg);
    }

    .detail-thumbnail {
        display: flex;
        flex-wrap: wrap;
    }

    .detail-thumbnail__item {
        position: relative;
        box-sizing: border-box;
        width: 90px;
        height: 90px;
        margin: 25px 25px 0 0;
        cursor: pointer;
    }

    .detail-thumbnail__item:nth-child(5n) {
        margin-right: 0;
    }

    .detail-thumbnail__item:nth-child(-n+5) {
        margin-top: 0;
    }

    .detail-thumbnail__item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        border: 1px solid #dedede;
    }

    .detail-thumbnail__item.active::before {
        border: 3px solid #fabe00;
    }

    .detail-thumbnail__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .detail-info-section {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #dedede;
    }

    .detail-price-section {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #dedede;
    }

    .detail-info__row {
        display: flex;
        margin-bottom: 15px;
    }

    .detail-info__row:last-child {
        margin-bottom: 0;
    }

    .detail-info__head {
        flex-shrink: 0;
        width: 120px;
        padding-right: 20px;
        font-weight: bold;
        vertical-align: top;
    }

    .detail-info__data {
        flex: 1;
    }

    .detail-campaign {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

    .detail-campaign__tag {
        margin-right: 7px;
        font-size: 12px;
    }

    .detail-star {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

    .detail-star__link {
        margin-left: 8px;
        font-size: 12px;
        text-decoration: underline;
    }

    .detail-star__number {
        font-weight: bold;
    }

    .detail-coupon {
        margin-bottom: 30px;
        padding: 15px;
        background: #f5f5f5;
    }

    .detail-coupon__heading {
        margin-bottom: 10px;
        color: #ff3b00;
        font-weight: bold;
    }

    .detail-coupon__text {
        margin-bottom: 7px;
    }

    .detail-coupon__note {
        font-size: 12px;
    }

    .detail-brand {
        display: flex;
        margin-right: -15px;
        padding-right: 15px;
        overflow-x: auto;
    }

    .detail-brand__item {
        flex-shrink: 0;
        width: 120px;
        margin-right: 15px;
    }

    .detail-brand__item:last-child {
        margin-right: 0;
    }

    .detail-brand__image-box {
        display: block;
        height: 75px;
        overflow: hidden;
        transition: 0.3s;
        border-radius: 4px;
    }

    .detail-brand__image-box:hover {
        opacity: 0.6;
    }

    .detail-brand__image {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .detail-category-image-list {
        display: flex;
        flex-wrap: wrap;
        margin: -15px -15px 0 0;
    }

    .detail-category-image-list__item {
        width: 40px;
        margin: 15px 15px 0 0;
    }

    .detail-category-image {
        display: block;
        transition: 0.3s;
    }

    .detail-category-image__image-box {
        display: block;
        position: relative;
        width: 40px;
        height: 40px;
    }

    .detail-category-image__image-box::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        border: 1px solid #dedede;
    }

    .detail-category-image__input:checked + .detail-category-image__image-box::before {
        border-width: 2px;
        border-color: #fabe00;
    }

    .detail-category-image__image {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .detail-category-image__input {
        position: absolute;
        opacity: 0;
    }

    .detail-category-tag-list {
        display: flex;
        flex-wrap: wrap;
        margin: -15px 0 0 -9px;
    }

    .detail-category-tag-list__item {
        margin: 15px 0 0 9px;
    }

    .detail-category-tag {
        display: block;
    }

    .detail-category-tag__input {
        position: absolute;
        opacity: 0;
    }

    .detail-category-tag__input:hover {
        opacity: 0;
    }

    .detail-category-tag__label {
        display: block;
        position: relative;
        box-sizing: border-box;
        padding: 10px;
        transition: 0.3s;
        line-height: 1.3;
    }

    .detail-category-tag__label::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        border: 1px solid #dedede;
        border-radius: 4px;
    }

    .detail-category-tag__input:checked + .detail-category-tag__label::before {
        border: 2px solid #fabe00;
    }

    .detail-select-list {
        position: absolute;
        z-index: 5;
        top: 45px;
        left: 0;
        width: 100%;
        overflow: hidden;
        border-radius: 3px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    }

    .detail-select-list__item {
        border-bottom: 1px solid #dedede;
    }

    .detail-select-list__link {
        display: flex;
        position: relative;
        padding: 16px 15px 16px 38px;
        transition: 0.3s;
        background: #fff;
    }

    .detail-select-list__link::before {
        content: "";
        position: absolute;
        top: 17px;
        left: 15px;
        box-sizing: border-box;
        width: 18px;
        height: 18px;
        transition: 0.3s;
        border: 1px solid #dedede;
        border-radius: 50%;
        background: #f5f5f5;
    }

    .detail-select-list__link:hover::before {
        opacity: 0.5;
    }

    .detail-select-list__link.is-current {
        pointer-events: none;
    }

    .detail-select-list__link.is-current::after {
        content: "";
        position: absolute;
        top: 22px;
        left: 20px;
        box-sizing: border-box;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #fabe00;
    }

    .detail-select-list__link.is-inactive {
        background: #f5f5f5;
        pointer-events: none;
    }

    .detail-select-list__info {
        margin-right: 15px;
    }

    .detail-select-list__title {
        margin-bottom: 5px;
        transition: 0.3s;
        font-weight: bold;
    }

    .detail-select-list__title:last-child {
        margin-bottom: 0;
    }

    .detail-select-list__link.is-inactive .detail-select-list__title {
        color: #bababa;
    }

    .detail-select-list__link:hover .detail-select-list__title {
        opacity: 0.5;
    }

    .detail-select-list__text {
        margin-bottom: 5px;
        transition: 0.3s;
        font-size: 12px;
    }

    .detail-select-list__text:last-child {
        margin-bottom: 0;
    }

    .detail-select-list__link.is-inactive .detail-select-list__text {
        color: #bababa;
    }

    .detail-select-list__link:hover .detail-select-list__text {
        opacity: 0.5;
    }

    .detail-select-list__image-box {
        flex-shrink: 0;
        width: 90px;
        height: 60px;
        margin-top: 5px;
        transition: 0.3s;
    }

    .detail-select-list__link.is-inactive .detail-select-list__image-box {
        opacity: 0.8;
    }

    .detail-select-list__link:hover .detail-select-list__image-box {
        opacity: 0.5;
    }

    .detail-select-list__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .detail-select-list__tag {
        margin-bottom: 5px;
        font-size: 10px;
        vertical-align: 2px;
    }

    .detail-select-list__message {
        color: #ff3b00;
        font-size: 12px;
    }

    .detail-select-list__price {
        font-size: 12px;
        font-weight: normal;
    }

    .detail-size-box {
        margin-right: -15px;
        padding-right: 15px;
        overflow-x: auto;
    }

    .detail-size__head {
        box-sizing: border-box;
        width: 105px;
        min-width: 105px;
        padding: 15px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        background: #f5f5f5;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
    }

    .detail-size__head--fixed {
        position: sticky;
        z-index: 1;
        left: 0;
    }

    .detail-size__head--fixed::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    .detail-size__data {
        box-sizing: border-box;
        width: 105px;
        min-width: 105px;
        height: 50px;
        padding: 7px 9px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        font-size: 11px;
        text-align: right;
    }

    .detail-size__data--gray {
        background: #fafafa;
    }

    .detail-size__data--center {
        text-align: center;
    }

    .detail-size__erased {
        display: inline-block;
        position: relative;
        margin-bottom: 5px;
        font-size: 10px;
        font-weight: bold;
        line-height: 1;
    }

    .detail-size__erased::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        transform: translateY(-50%);
        background: #ff3b00;
    }

    .detail-size__data.is-current .detail-size__erased::before {
        background: #000;
    }

    .detail-size__erased-yen {
        margin-left: 4px;
        font-size: 10px;
    }

    .detail-size__value {
        line-height: 1;
    }

    .detail-size__value--discounted {
        color: #ff3b00;
        font-weight: bold;
    }

    .detail-size__value-yen {
        margin-left: 6px;
        font-size: 12px;
    }

    .detail-size__value--discounted .detail-size__value-yen {
        margin-left: 4px;
        font-size: 10px;
    }

    .detail-size-input {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

    .detail-size-input:last-child {
        margin-bottom: 0;
    }

    .detail-size-input__title {
        width: 2em;
        margin-right: 40px;
    }

    .detail-size-input__input {
        flex: 1;
    }

    .detail-size-input__unit {
        margin-left: 5px;
    }

    .detail-shipment-box {
        margin-top: 30px;
    }

    .detail-shipment {
        margin-bottom: 30px;
        padding: 15px;
        background: #f5f5f5;
    }

    .detail-shipment__title {
        margin-bottom: 13px;
        font-weight: bold;
    }

    .detail-shipment__text {
        margin-bottom: 13px;
    }

    .detail-shipment__text:last-child {
        margin-bottom: 0;
    }

    .detail-shipment__link-box {
        display: flex;
        justify-content: flex-end;
    }

    .detail-shipment__link {
        text-decoration: underline;
    }

    .detail-purchase {
        margin-bottom: 30px;
        padding: 20px 15px;
        border: 1px solid #000;
        border-radius: 4px;
    }

    .detail-purchase__notify {
        width: 136px;
        margin-bottom: 23px;
    }

    .detail-purchase__campaign {
        margin-bottom: 7px;
        color: #ff3b00;
        font-weight: bold;
    }

    .detail-purchase__tax-reduced {
        margin-bottom: 25px;
    }

    .detail-purchase__note {
        margin-bottom: 20px;
        color: #ff3b00;
    }

    .detail-purchase__favorite {
        margin-bottom: 40px;
    }

    .detail-purchase-condition {
        margin-bottom: 20px;
    }

    .detail-purchase-condition__text {
        display: flex;
        margin-bottom: 7px;
    }

    .detail-purchase-condition__key {
        flex-shrink: 0;
    }

    .detail-purchase-condition__value {
        color: #ff3b00;
        font-weight: bold;
    }

    .detail-amount {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 25px;
    }

    .detail-amount:last-child {
        margin-bottom: 0;
    }

    .detail-amount__title {
        margin-right: 25px;
    }

    .detail-amount__title--near {
        margin-right: 5px;
    }

    .detail-amount__link {
        margin-left: 8px;
    }

    .detail-price {
        margin-bottom: 25px;
    }

    .detail-price__section {
        padding: 25px 0;
        border-top: 1px solid #dedede;
    }

    .detail-price__section:last-child {
        padding-bottom: 0;
    }

    .detail-price__row {
        display: flex;
        justify-content: space-between;
        padding-bottom: 15px;
    }

    .detail-price__row:last-child {
        padding-bottom: 0;
    }

    .detail-price__title {
        flex: 1;
        font-size: 12px;
    }

    .detail-price-number {
        text-align: right;
        white-space: nowrap;
    }

    .detail-price-number__erased {
        display: inline-block;
        position: relative;
        margin-bottom: 4px;
        font-size: 12px;
        font-weight: bold;
    }

    .detail-price-number__erased::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        transform: translateY(-50%);
        background: #ff3b00;
    }

    .detail-price-number__value {
        font-weight: bold;
    }

    .detail-price-number__value--discounted {
        color: #ff3b00;
    }

    .detail-price-total-sub {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 13px;
    }

    .detail-price-total-sub__title {
        font-size: 12px;
        font-weight: bold;
    }

    .detail-price-total-sub__value {
        min-width: 105px;
        margin-left: 60px;
        font-weight: bold;
        text-align: right;
        white-space: nowrap;
    }

    .detail-price-total {
        display: flex;
        justify-content: flex-end;
        margin-top: 25px;
        padding-top: 25px;
        border-top: 1px solid #dedede;
    }

    .detail-price-total__title {
        font-size: 15px;
        font-weight: bold;
    }

    .detail-price-total__value {
        min-width: 105px;
        margin-left: 60px;
        font-weight: bold;
        text-align: right;
    }

    .detail-purchase-button-box {
        margin-bottom: 25px;
    }

    .detail-purchase-button-box__button {
        margin-bottom: 20px;
        padding: 16px 15px 15px;
    }

    .detail-purchase-button-box__button:last-child {
        margin-bottom: 0;
    }

    .detail-purchase-button-box__button i {
        vertical-align: -3px;
    }

    .detail-purchase-button-box__button--icon-right i {
        margin-left: 10px;
    }

    .detail-purchase-button-box__button--icon-left i {
        margin-right: 10px;
    }

    .detail-purchase-button-box__note {
        margin-bottom: 10px;
        color: #ff3b00;
    }

    .detail-purchase-sns {
        display: flex;
        align-items: center;
    }

    .detail-purchase-sns__text {
        margin-right: 40px;
        font-size: 15px;
        font-weight: bold;
    }

    .detail-purchase-sns-icons {
        display: flex;
    }

    .detail-purchase-sns-icons__icon {
        display: block;
        width: 30px;
        height: 30px;
        margin-right: 15px;
        transition: 0.3s;
    }

    .detail-purchase-sns-icons__icon:last-child {
        margin-right: 0;
    }

    .detail-purchase-sns-icons__icon:hover {
        opacity: 0.6;
    }

    .detail-purchase-sns-icons__image {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .detail-price-table {
        position: relative;
    }

    .detail-price-table__head {
        position: relative;
        box-sizing: border-box;
        width: 105px;
        min-width: 105px;
        padding: 7px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        background: #f5f5f5;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
    }

    .detail-price-table__head--fixed,
    .detail-price-table__head--fixed-corner {
        position: sticky;
        top: 0;
        left: 0;
    }

    .detail-price-table__head--fixed::before,
    .detail-price-table__head--fixed-corner::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    .detail-price-table__head--fixed {
        z-index: 1;
    }

    .detail-price-table__head--fixed-corner {
        z-index: 2;
    }

    .detail-price-table__data {
        box-sizing: border-box;
        width: 105px;
        min-width: 105px;
        height: 51px;
        padding: 7px 10px 6px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        text-align: right;
    }

    .detail-price-table__data--gray {
        background: #fafafa;
    }

    .detail-price-table__data--center {
        text-align: center;
    }

    .detail-price-table__data.is-inactive {
        background: #f5f5f5;
        color: #bababa;
    }

    .detail-price-table__stop {
        display: block;
        color: #ff3b00;
        font-size: 10px;
        font-weight: bold;
    }

    .detail-price-table__value {
        margin-bottom: 3px;
        font-size: 11px;
        line-height: 1;
    }

    .detail-price-table__value:last-child {
        margin-bottom: 0;
    }

    .detail-price-table__value--discounted {
        color: #ff3b00;
        font-weight: bold;
    }

    .detail-price-table__value-yen {
        margin-left: 2px;
        font-size: 10px;
    }

    .detail-price-table__eraced-box {
        display: flex;
        justify-content: flex-end;
    }

    .detail-price-table__erased {
        position: relative;
        margin-bottom: 3px;
        font-size: 10px;
        font-weight: bold;
        line-height: 1;
    }

    .detail-price-table__erased::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        transform: translateY(-50%);
        background: #ff3b00;
    }

    .detail-price-table__erased-yen {
        margin-left: 2px;
    }

    .detail-price-table__sub {
        font-size: 10px;
        line-height: 1;
    }

    .detail-price-table__sub--discounted {
        color: #ff3b00;
    }

    .detail-price-table__sub-yen {
        margin-left: 2px;
    }

    .detail-scroll {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .detail-scroll__total {
        align-self: center;
        color: #7c7c7c;
        font-size: 14px;
        font-weight: normal;
    }

    .detail-price-table-box {
        max-height: 407px;
        margin-right: -15px;
        overflow: auto;
    }

    .detail-price-table-box .scroll-hint-icon {
        z-index: 1;
        top: calc(50% - 65px);
        left: calc(50% - 65px);
        width: 130px;
        height: 130px;
        padding-top: 32px;
    }

    .detail-price-table-box .scroll-hint-icon::before {
        width: 40px;
        height: 60px;
        animation: none;
        background-image: url("../img/icon/white/scroll_hand_white.svg");
    }

    .detail-price-table-box .scroll-hint-icon::after {
        top: 19px;
        width: 49px;
        height: 13px;
        margin-left: 0;
        transform: translateX(-50%);
        transition-delay: unset;
        background-image: url("../img/icon/white/scroll_arrows_white.svg");
    }

    .detail-price-table-box .scroll-hint-text {
        margin-top: 9px;
        font-size: 12px;
    }

    .detail-review-head {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        margin-bottom: 20px;
        line-height: 1;
    }

    .detail-review-head__review {
        margin-right: 10px;
        font-size: 16px;
        font-weight: bold;
    }

    .detail-review-head__star {
        height: 19px;
    }

    .detail-review-head__number {
        margin-top: 5px;
    }

    .detail-review-list {
        border-top: 1px solid #dedede;
    }

    .detail-review-list__item {
        padding: 20px 0;
        border-bottom: 1px solid #dedede;
    }

    .detail-review-list__title {
        margin-bottom: 13px;
        font-size: 16px;
        font-weight: bold;
    }

    .detail-review-list__info {
        margin-bottom: 15px;
    }

    .detail-review-list__star {
        width: 95px;
        margin-bottom: 7px;
    }

    .detail-review-list__name {
        display: inline-block;
        margin-right: 15px;
    }

    .detail-review-list__date {
        display: inline-block;
        color: #7c7c7c;
    }

    .detail-fixed {
        display: none;
    }

    .delivery {
        padding: 15px 15px 25px;
        border: 1px solid #dedede;
    }

    .delivery__heading {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: bold;
    }

    .delivery__heading-ico {
        flex: 0 0 auto;
        margin-right: 8px;
    }

    .delivery__heading-button {
        flex: 0 0 auto;
        align-self: flex-start;
        margin-left: 20px;
    }

    .delivery__info {
        margin-bottom: 20px;
    }

    .delivery__type {
        margin-bottom: 6px;
    }

    .delivery__text {
        margin-bottom: 15px;
    }

    .delivery-set {
        margin-bottom: 15px;
    }

    .delivery-set__name {
        margin-bottom: 6px;
        font-size: 15px;
        font-weight: bold;
    }

    .delivery-set__sir {
        font-weight: normal;
    }

    .delivery-deal__body {
        padding: 0 10px;
    }

    .delivery-deal__heading {
        margin-bottom: 15px;
        padding-bottom: 5px;
        border-bottom: 1px solid #dedede;
        font-weight: bold;
    }

    .delivery-deal__section {
        margin-bottom: 30px;
    }

    .delivery-deal__section:last-child {
        margin-bottom: 0;
    }

    .delivery-deal__text {
        margin-bottom: 15px;
    }

    .delivery-deal__text:last-child {
        margin-bottom: 0;
    }

    .delivery-deal__form {
        margin-bottom: 12px;
    }

    .delivery-deal__form:last-child {
        margin-bottom: 0;
    }

    .delivery-deal-list__item {
        margin-bottom: 30px;
    }

    .delivery-deal-list__item:last-child {
        margin-bottom: 0;
    }

    .delivery-deal-heading-box {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
        padding: 11px 10px;
        border-radius: 4px;
        background: #f5f5f5;
    }

    .delivery-deal-heading-box__link {
        color: #000;
        text-decoration: underline;
    }

    .delivery-deal-heading {
        display: flex;
        align-items: center;
        font-weight: bold;
    }

    .delivery-deal-heading__ico {
        flex-shrink: 0;
        margin-right: 8px;
    }

    .delivery-deal-heading__tag {
        margin-left: 8px;
    }

    .delivery-deal-column {
        margin-bottom: 40px;
    }

    .delivery-deal-column__box {
        margin-bottom: 35px;
    }

    .delivery-deal-column__box:last-child {
        margin-bottom: 0;
    }

    .delivery-deal-column__name-box {
        margin-bottom: 13px;
        font-size: 15px;
    }

    .delivery-deal-column__name {
        font-weight: bold;
    }

    .delivery-deal-column__text {
        margin-bottom: 15px;
    }

    .delivery-deal-column__text:last-child {
        margin-bottom: 0;
    }

    .delivery-deal-column__heading {
        margin-bottom: 15px;
        font-weight: bold;
    }

    .delivery-deal-column__heading-ico {
        margin-right: 5px;
        vertical-align: -3px;
    }

    .delivery-detail-item-list {
        display: none;
    }

    .delivery-detail-item-list__item {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #dedede;
    }

    .delivery-detail-item-list__item:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .delivery-detail-head {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #dedede;
    }

    .delivery-detail-head__heading {
        display: flex;
        align-items: center;
        font-weight: bold;
    }

    .delivery-detail-head__heading-ico {
        flex-shrink: 0;
        margin-right: 5px;
    }

    .delivery-detail-head__toggle-button {
        position: relative;
        padding-right: 17px;
        font-size: 12px;
        font-weight: bold;
        text-decoration: underline;
    }

    .delivery-detail-head__toggle-button::before {
        content: "";
        position: absolute;
        top: 7px;
        right: 0;
        width: 11px;
        height: 7px;
        transition: 0.3s;
        background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
    }

    .delivery-detail-head__toggle-button.is-open::before {
        transform: rotate(-180deg);
    }

    .delivery-detail-item-head {
        margin-bottom: 25px;
    }

    .delivery-detail-item-head__value {
        font-weight: bold;
    }

    .delivery-detail-item-head__set {
        margin-bottom: 10px;
    }

    .delivery-detail-item-head__set:last-child {
        margin-bottom: 0;
    }

    .delivery-detail-item-head__name {
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: bold;
    }

    .delivery-detail-item-option__title {
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: bold;
    }

    .delivery-detail-item-info-list {
        margin-bottom: 25px;
    }

    .delivery-detail-item-info-list:last-child {
        margin-bottom: 0;
    }

    .delivery-detail-item-info-list__item {
        margin-bottom: 12px;
    }

    .delivery-detail-item-info-list__item:last-child {
        margin-bottom: 0;
    }

    .delivery-detail-item-info-list__all {
        margin-left: 10px;
        text-decoration: underline;
    }

    .delivery-detail-item-info-list__all:hover {
        text-decoration: none;
    }

    .delivery-select-list__item {
        display: flex;
        margin-bottom: 20px;
        padding: 20px;
        border: 1px solid #dedede;
        border-radius: 4px;
    }

    .delivery-select-list__item:last-child {
        margin-bottom: 0;
    }

    .delivery-select-list__checkbox {
        margin-right: 10px;
    }

    .footer {
        padding: 50px 20px;
        background: #ededed;
    }

    .footer--less-padding {
        padding: 20px;
    }

    .footer__calendar {
        margin-bottom: 50px;
    }

    .footer__category {
        display: none;
    }

    .footer__heading {
        margin-bottom: 20px;
        font-size: 20px;
        font-weight: bold;
    }

    .footer__box-search {
        margin-bottom: 50px;
        padding-bottom: 50px;
        border-bottom: 1px solid #dedede;
    }

    .footer__box-sub-box {
        display: flex;
        margin-bottom: 50px;
        padding-bottom: 50px;
        border-bottom: 1px solid #dedede;
    }

    .footer__box-sub {
        margin-right: 92px;
    }

    .footer__box-sub:last-child {
        margin-right: 0;
    }

    .footer-link-list__item {
        margin-bottom: 20px;
    }

    .footer-link-list__item:last-child {
        margin-bottom: 0;
    }

    .footer-link-list__link {
        color: #000;
        font-size: 16px;
    }

    .footer-sns {
        display: flex;
        justify-content: center;
        margin: 50px 0;
        padding-top: 50px;
        border-top: 1px solid rgba(222, 222, 222, 0.5);
    }

    .footer-sns__icon {
        display: block;
        width: 30px;
        height: 30px;
        margin-right: 15px;
    }

    .footer-sns__icon:last-child {
        margin-right: 0;
    }

    .footer-sns__image {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .footer-calendar {
        box-sizing: border-box;
        margin-bottom: 50px;
        padding: 30px;
        border-radius: 4px;
        background: #fff;
    }

    .footer-calendar__heading {
        margin-bottom: 15px;
        font-size: 20px;
        font-weight: bold;
    }

    .footer-calendar__section {
        margin-bottom: 40px;
    }

    .footer-calendar__section:nth-of-type(2) {
        margin-bottom: 30px;
    }

    .footer-calendar__month {
        margin-bottom: 7px;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
    }

    .footer-calendar__note::before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-right: 2px;
        background: #ffc5b5;
    }

    .footer-calendar-table {
        width: 100%;
    }

    .footer-calendar-table__day {
        padding-bottom: 5px;
        font-size: 12px;
        text-align: center;
    }

    .footer-calendar-table__date {
        height: 36px;
        border: 4px solid #fff;
        text-align: center;
    }

    .footer-calendar-table__date.is-dayoff {
        background: #ffc5b5;
    }

    .footer-copyright {
        display: block;
        text-align: center;
    }

    .form__section {
        margin-bottom: 40px;
    }

    .form__section:last-child {
        margin-bottom: 0;
    }

    .form__section--border {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #dedede;
    }

    .form__section--border:last-child {
        border-bottom: 0;
    }

    .form__field {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 15px;
    }

    .form__field:last-child {
        margin-bottom: 0;
    }

    .form__field--column {
        flex-direction: column;
        align-items: flex-start;
    }

    .form__link {
        display: block;
        margin-top: 10px;
        text-decoration: underline;
    }

    .form__char {
        margin-left: 10px;
    }

    .form__button {
        margin-left: 20px;
    }

    .form__zip {
        margin-right: 10px;
        font-size: 15px;
        font-weight: bold;
    }

    .form-code {
        position: relative;
        width: 100%;
        margin-top: 15px;
    }

    .form-code__message {
        position: absolute;
        top: 50%;
        left: 160px;
        padding: 6px 8px 7px;
        transform: translateY(-50%);
        border: 1px solid #1e8cdd;
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
        color: #1e8cdd;
        font-size: 12px;
        line-height: 1.2;
    }

    .form-select-list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-top: -20px;
    }

    .form-select-list__item {
        margin: 20px 40px 0 0;
    }

    .form-select-list__item:last-child {
        margin-right: 0;
    }

    .form-select-list__item--sp-row {
        /* SPのみ1列 */
        width: 100%;
        margin-right: 0;
    }

    .form-select-list__item--column {
        /* PC2列・SP1列 */
        width: 100%;
        margin-right: 0;
    }

    .form-tel {
        display: flex;
        justify-items: center;
    }

    .form-tel__item {
        width: 72px;
    }

    .form-tel__item:nth-child(n + 2) {
        position: relative;
        padding-left: 25px;
    }

    .form-tel__item:nth-child(n + 2)::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 10px;
        width: 5px;
        height: 1px;
        transform: translateY(-50%);
        background: #000;
    }

    .form-heading {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        font-size: 15px;
        font-weight: bold;
    }

    .form-heading__required {
        margin-left: 10px;
        font-size: 12px;
    }

    .form-progress {
        display: flex;
        flex-direction: column;
        margin: 0 0 30px 15px;
    }

    .form-progress__bar {
        display: flex;
        position: relative;
        z-index: 1;
        align-items: center;
        width: 100%;
        margin-bottom: 20px;
        color: #bababa;
        font-weight: bold;
    }

    .form-progress__bar::before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        margin: 0 26px 0 2px;
        border-radius: 50%;
        background-color: #dedede;
    }

    .form-progress__bar::after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 15px;
        left: 5px;
        width: 2px;
        height: 40px;
        background-color: #dedede;
    }

    .form-progress__bar:last-child {
        margin-bottom: 0;
    }

    .form-progress__bar:last-child::after {
        content: none;
    }

    .form-progress__bar--complete::before,
    .form-progress__bar--complete::after {
        background-color: #fabe00;
    }

    .form-progress__bar--active {
        color: #000;
        font-size: 16px;
    }

    .form-progress__bar--active::before {
        width: 12px;
        height: 12px;
        margin: 0 24px 0 0;
        background-color: #fabe00;
    }

    .form-concent {
        margin-bottom: 30px;
    }

    .form-file__input {
        display: none;
    }

    .form-file__button {
        width: 175px;
        max-width: 175px;
    }

    .form-file__text {
        display: block;
        margin-top: 15px;
        font-weight: bold;
    }

    .form-loading {
        position: relative;
        padding-left: 28px;
    }

    .form-loading::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 18px;
        height: 18px;
        transform: translateY(-50%);
        background: url("../img/icon/gif/loading.gif") no-repeat center/contain;
    }

    .header-pc {
        display: none;
    }

    .header-sp {
        position: absolute;
        z-index: 7;
        top: 0;
        left: 0;
        width: 100%;
    }

    .header-sp.is-fixed {
        position: fixed;
        top: 0;
        left: 0;
    }

    .header-sp__main {
        display: flex;
        position: relative;
        align-items: center;
        justify-content: space-between;
        height: 55px;
        padding: 0 15px;
        transition: 0.3s;
        background: #fabe00;
    }

    .header-sp__menu {
        width: 40px;
    }

    .header-sp__logo-box {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 130px;
        /*width: 90px;*/
        transform: translate(-50%, -50%);
    }

    .header-sp__logo {
        width: 100%;
    }

    .header-sp__overlay {
        width: 100vw;
        height: 100vh;
    }

    .header-sp-nav {
        display: flex;
    }

    .header-sp-nav__item {
        margin-right: 10px;
    }

    .header-sp-nav__link {
        display: block;
        position: relative;
    }

    .header-sp-nav__text {
        font-size: 10px;
        font-weight: bold;
    }

    .header-sp-nav__icon {
        display: block;
        width: 20px;
        height: 20px;
        margin: 0 auto 2px;
    }

    .header-sp-nav__icon--mypage {
        background: url("../img/icon/unique/user_unique.svg") no-repeat center/contain;
    }

    .header-sp-nav__icon--cart {
        background: url("../img/icon/unique/cart_unique.svg") no-repeat center/contain;
    }

    .header-sp-nav__number {
        display: block;
        position: absolute;
        z-index: 1;
        bottom: 16px;
        left: 14px;
        padding: 0 3px;
        border-radius: 10px;
        background: #ff3b00;
        color: #fff;
        font-size: 10px;
        font-weight: bold;
        white-space: nowrap;
    }

    .header-sp-menu-button {
        height: 100%;
        padding: 0;
        border: 0;
        background: none;
    }

    .header-sp-menu-button__icon {
        display: flex;
        position: relative;
        align-items: center;
        width: 20px;
        height: 14px;
        margin: 0 auto 6px;
    }

    .header-sp-menu-button__icon::before,
    .header-sp-menu-button__icon::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        border-radius: 1px;
        background: #000;
    }

    .header-sp-menu-button__icon::before {
        top: 0;
    }

    .header-sp-menu-button__icon::after {
        bottom: 0;
    }

    .header-sp-menu-button__icon-line {
        display: block;
        width: 100%;
        height: 2px;
        border-radius: 1px;
        background: #000;
    }

    .header-sp-menu-button__text {
        color: #000;
        font-size: 10px;
        font-weight: bold;
        line-height: 1;
    }

    .header-sp-category {
        display: flex;
        box-sizing: border-box;
        align-items: center;
        width: 100%;
        padding: 10px 15px;
        background: #fff;
    }

    .header-sp-category__search {
        display: flex;
        flex: 1;
        margin-right: 15px;
    }

    .header-sp-category__input {
        box-sizing: border-box;
        flex: 1;
        margin: 0;
        padding: 4px 15px;
        border: 1px solid #dedede;
        border-right: 0;
        border-radius: 24px 0 0 24px;
        outline: 0;
        background: #f5f5f5;
        -webkit-appearance: none;
        appearance: none;
    }

    .header-sp-category__input::placeholder {
        color: #666;
    }

    .header-sp-category__button {
        position: relative;
        left: -1px;
        width: 50px;
        height: 32px;
        padding: 0;
        border: 0;
        border-radius: 0 24px 24px 0;
        background: #fabe00;
    }

    .header-sp-category__button::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 13px;
        width: 18px;
        height: 18px;
        transform: translateY(-50%);
        background: url("../img/icon/black/search_black.svg") no-repeat center/contain;
    }

    .header-sp-category-button {
        width: 40px;
        height: 32px;
        padding: 0;
        border: 0;
        background: none;
    }

    .header-sp-category-button__icon {
        display: block;
        width: 19px;
        height: 19px;
        margin: 0 auto 3px;
        background: url("../img/icon/unique/category_unique.svg") no-repeat center/contain;
    }

    .header-sp-category-button__text {
        color: #000;
        font-size: 10px;
        font-weight: bold;
        line-height: 1;
        text-align: center;
    }

    .header-sp-menu {
        position: fixed;
        z-index: 9;
        top: 0;
        left: -100vw;
        width: calc(100vw - 75px);
        max-width: 300px;
        height: 100%;
        overflow-y: auto;
        transition: 0.3s;
        background: #fff;
    }

    .header-sp-menu.is-active {
        left: 0;
    }

    .header-sp-menu__close {
        position: absolute;
        top: 0;
        right: 0;
        width: 48px;
        height: 48px;
        border: 0;
        background: #000 url("../img/icon/white/close_white.svg") no-repeat center/15px;
        font-size: 0;
    }

    .header-sp-menu__welcome {
        box-sizing: border-box;
        min-height: 48px;
        padding: 13px 58px 10px 15px;
    }

    .header-sp-menu__name {
        font-weight: bold;
    }

    .header-sp-menu__section {
        margin-bottom: 15px;
    }

    .header-sp-menu__section:last-child {
        margin-bottom: 0;
    }

    .header-sp-menu__heading {
        position: relative;
        padding: 6px 15px 4px 40px;
        background: #f5f5f5;
        font-weight: bold;
    }

    .header-sp-menu__heading--search::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 15px;
        width: 17px;
        height: 17px;
        transform: translateY(-50%);
        background: url("../img/icon/unique/search_unique.svg") no-repeat center/contain;
    }

    .header-sp-menu__heading--no-icon {
        padding-left: 15px;
    }

    .header-sp-menu-link__item {
        border-bottom: 1px solid #dedede;
    }

    .header-sp-menu-link__item:last-child {
        border-bottom: 0;
    }

    .header-sp-menu-link__link {
        display: block;
        position: relative;
        padding: 15px 30px 15px 15px;
        font-weight: bold;
    }

    .header-sp-menu-link__link::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        width: 11px;
        height: 7px;
        transform: translateY(-50%) rotate(-90deg);
        background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
    }

    .header-sp-menu-link__link--icon {
        padding: 15px 30px 15px 45px;
    }

    .header-sp-menu-link__link--icon::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 15px;
        width: 21px;
        height: 21px;
        transform: translateY(-50%);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .header-sp-menu-link__link--top::before {
        background-image: url("../img/icon/unique/home_unique.svg");
    }

    .header-sp-menu-link__link--mypage::before {
        background-image: url("../img/icon/unique/user_unique.svg");
    }

    .header-sp-menu-link__link--estimate::before {
        background-image: url("../img/icon/unique/estimate_unique.svg");
    }

    .header-sp-menu-link__link--favorite::before {
        background-image: url("../img/icon/unique/heart_unique02.svg");
    }

    .header-sp-menu-link__link--history::before {
        background-image: url("../img/icon/unique/history_unique02.svg");
    }

    .header-sp-menu-link__link--logout::before {
        background-image: url("../img/icon/black/logout_black.svg");
        background-size: 18px;
    }

    .header-sp-menu-link__link--logout::after {
        content: none;
    }

    .header-sp-category-search {
        display: none;
        position: absolute;
        width: 100%;
    }

    .header-sp-category-search__heading {
        position: relative;
        padding: 9px 35px 9px 15px;
        background: #000;
        color: #fff;
        font-weight: bold;
    }

    .header-sp-category-search__panel {
        position: relative;
    }

    .header-sp-category-search__panel--second {
        display: none;
    }

    .header-sp-category-search__close {
        position: absolute;
        top: 50%;
        right: 15px;
        width: 15px;
        height: 15px;
        transform: translateY(-50%);
        background: url("../img/icon/white/close_white.svg") no-repeat center/contain;
    }

    .header-sp-category-list {
        width: 100%;
    }

    .header-sp-category-list__item {
        border-bottom: 1px solid #ddd;
    }

    .header-sp-category-list__item:last-child {
        border-bottom: 0;
    }

    .header-sp-category-list__button {
        display: flex;
        position: relative;
        box-sizing: border-box;
        align-items: center;
        min-height: 55px;
        padding: 10px 30px 10px 45px;
        transition: 0.3s;
        background: #fff;
        color: #000;
        font-size: 13px;
        font-weight: bold;
    }

    .header-sp-category-list__button::before {
        content: "";
        position: absolute;
        top: calc(50% - 5px);
        right: 19px;
        width: 2px;
        height: 10px;
        transition: 0.3s;
        border-radius: 1px;
        background: #000;
    }

    .header-sp-category-list__button::after {
        content: "";
        position: absolute;
        top: calc(50% - 1px);
        right: 15px;
        width: 10px;
        height: 2px;
        border-radius: 1px;
        background: #000;
    }

    .header-sp-category-list__button.is-open::before {
        transform: rotate(90deg);
    }

    .header-sp-category-list__link {
        display: block;
        position: relative;
        box-sizing: border-box;
        min-height: 40px;
        padding: 12px 30px 0;
        background: #fff;
        color: #000;
        font-size: 13px;
        font-weight: bold;
    }

    .header-sp-category-list__link::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
        width: 11px;
        height: 7px;
        transform: translateY(-50%) rotate(-90deg);
        background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
        vertical-align: 2px;
    }

    .header-sp-category-list__icon-box {
        position: absolute;
        top: calc(50% - 15px);
        left: 8px;
        width: 30px;
        height: 30px;
    }

    .header-sp-category-list__icon {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .header-sp-category-list-middle {
        display: none;
    }

    .header-sp-category-list-middle--deeper {
        display: block;
    }

    .header-sp-category-list-middle__item {
        border-bottom: 1px solid #ddd;
    }

    .header-sp-category-list-middle__item:last-child {
        border-bottom: 0;
    }

    .header-sp-category-list-middle__item:first-child {
        border-top: 1px solid #ddd;
    }

    .header-sp-category-list-middle__button {
        display: block;
        position: relative;
        box-sizing: border-box;
        min-height: 50px;
        padding: 14px 30px 12px;
        transition: 0.3s;
        background: #f5f5f5;
        color: #000;
    }

    .header-sp-category-list-middle__button::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
        width: 11px;
        height: 7px;
        transform: translateY(-50%) rotate(-90deg);
        background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
    }

    .heading01 {
        padding: 0;
        font-size: 20px;
        font-weight: bold;
    }

    .heading01__button {
        position: relative;
        align-self: flex-start;
        width: 115px;
        padding-right: 28px;
        padding-left: 15px;
    }

    .heading01__button::after {
        content: "";
        position: absolute;
        top: 16px;
        right: 11px;
        width: 9px;
        height: 5px;
        transform: rotate(-90deg);
        transition: 0.3s;
        background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
    }

    .heading01__button:hover::after {
        background-image: url("../img/icon/black/arrow_black.svg");
    }

    .heading01--middle {
        margin-bottom: 10px;
    }

    .heading01--far {
        margin-bottom: 20px;
    }

    .heading02 {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 15px;
        font-size: 18px;
        font-weight: bold;
    }

    .heading02--data {
        position: relative;
        padding-left: 22px;
    }

    .heading02--data::before {
        content: "";
        position: absolute;
        top: 3px;
        left: 0;
        width: 15px;
        height: 19px;
        background: url("../img/guide/guide_icon_ai.svg") no-repeat center/contain;
    }

    .heading02__button {
        position: relative;
        flex-shrink: 0;
        padding-right: 24px;
        padding-left: 12px;
        transform: translateY(-2px);
    }

    .heading02__button::after {
        content: "";
        position: absolute;
        top: 15px;
        right: 9px;
        width: 9px;
        height: 5px;
        transform: rotate(-90deg);
        transition: 0.3s;
        background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
    }

    .heading02__button:hover::after {
        background-image: url("../img/icon/white/arrow_white.svg");
    }

    .heading02__button.sp-hidden {
        display: none;
    }

    .heading02__button--no-arrow {
        padding-right: 12px;
    }

    .heading02__button--no-arrow::after {
        content: none;
    }

    .search-area .heading02 {
        justify-content: center;
    }

    .heading02--search {
        justify-content: center;
        margin-bottom: 40px;
        font-size: 14px;
    }

    .heading03 {
        margin-bottom: 15px;
        font-size: 15px;
        font-weight: bold;
        line-height: 1.6;
    }

    .heading05 {
        display: flex;
        align-items: center;
        margin-bottom: 25px;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.6;
    }

    .heading05--close {
        margin-bottom: 10px;
    }

    .heading05__ico {
        flex: 0 0 auto;
        margin-right: 8px;
    }

    .history-tab {
        display: none;
    }

    .history-sort {
        width: 100%;
        margin-bottom: 30px;
        table-layout: fixed;
    }

    .history-sort__head {
        width: 60px;
        min-width: 60px;
        padding: 0 15px 20px 0;
        font-weight: bold;
    }

    tr:last-child .history-sort__head {
        padding-bottom: 0;
    }

    .history-sort__data {
        padding-bottom: 20px;
    }

    tr:last-child .history-sort__data {
        padding-bottom: 0;
    }

    .history-sort__button {
        font-size: 14px;
    }

    .ico-cart-black {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("../img/icon/black/cart_black.svg") no-repeat center/contain;
    }

    .ico-cart-gray {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("../img/icon/gray/cart_gray.svg") no-repeat center/contain;
    }

    .ico-edit-white {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("../img/icon/white/edit_white.svg") no-repeat center/contain;
    }

    .ico-edit-gray {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("../img/icon/gray/edit_gray.svg") no-repeat center/contain;
    }

    .ico-estimate-black {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("../img/icon/black/estimate_black.svg") no-repeat center/contain;
    }

    .ico-estimate-gray {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("../img/icon/gray/estimate_gray.svg") no-repeat center/contain;
    }

    .ico-heart-black {
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-right: 6px;
        background: url("../img/icon/black/heart_black.svg") no-repeat center/contain;
        vertical-align: -4px;
    }

    .ico-login-white {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("../img/icon/white/login_white.svg") no-repeat center/contain;
    }

    .ico-download-black {
        display: inline-block;
        width: 18px;
        height: 18px;
        background: url("../img/icon/black/download_black.svg") no-repeat center/contain;
    }

    .detail__download .ico-download-black {
        margin-left: 5px;
        vertical-align: -3px;
    }

    .ico-file-black {
        display: inline-block;
        width: 18px;
        height: 15px;
        margin-left: 9px;
        background: url("../img/icon/black/file_black.svg") no-repeat center/contain;
        vertical-align: -2px;
    }

    .ico-calendar-black {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("../img/icon/black/calendar_black.svg") no-repeat center/contain;
    }

    .search-date__icon .ico-calendar-black {
        width: 16px;
        height: 16px;
    }

    .ico-location-unique {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("../img/icon/unique/location_unique.svg") no-repeat center/contain;
    }

    .ico-sort-white {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-left: 5px;
        background: url("../img/icon/white/sort_white.svg") no-repeat center/contain;
    }

    .ico-search-white {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-left: 5px;
        background: url("../img/icon/white/search_white.svg") no-repeat center/contain;
    }

    .ico-truck-unique {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("../img/icon/unique/truck_unique.svg") no-repeat center/contain;
    }

    .ico-document-black {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("../img/icon/black/document_black.svg") no-repeat center/contain;
    }

    .ico-documents-unique {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("../img/icon/unique/documents_unique.svg") no-repeat center/contain;
        vertical-align: middle;
    }

    .ico-user-black {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("../img/icon/black/user_black.svg") no-repeat center/contain;
    }

    .ico-user-unique {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("../img/icon/unique/user_unique.svg") no-repeat center/contain;
        vertical-align: middle;
    }

    .ico-checkmark-black {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        background: url("../img/icon/black/checkmark_black.svg") no-repeat center/contain;
    }

    .ico-check-black {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-right: 5px;
        background: url("../img/icon/black/check_black.svg") no-repeat center/contain;
        vertical-align: middle;
    }

    .ico-output-black {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-left: 5px;
        background: url("../img/icon/black/output_black.svg") no-repeat center/contain;
    }

    .ico-upload-file-white {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-left: 5px;
        background: url("../img/icon/white/upload_file_white.svg") no-repeat center/contain;
    }

    .input-select--small {
        width: 167px;
    }

    .input-select--margin {
        margin-bottom: 10px;
    }

    .item-search-area__box--flexible .input-select {
        width: calc((100% - 15px) / 2);
    }

    .search-conditions__data .input-select {
        max-width: 330px;
    }

    .order-shipping-split .input-select {
        width: 95px;
    }

    .input-select.is-inactive {
        pointer-events: none;
    }

    .input-select__select {
        display: none;
    }

    .input-select__box {
        position: relative;
    }

    .input-select__button {
        display: flex;
        position: relative;
        box-sizing: border-box;
        align-items: center;
        width: 100%;
        padding: 11px 35px 10px 15px;
        border-radius: 3px;
        outline: 0;
        background: #f5f5f5;
        font-size: 16px;
        text-align: left;
        cursor: pointer;
    }

    .input-select__button::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
        width: 13px;
        height: 8px;
        transform: translateY(-50%);
        background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
    }

    .input-select.is-inactive .input-select__button::after {
        opacity: 0.2;
    }

    .input-select__button.is-open {
        border-radius: 3px 3px 0 0;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    }

    .input-select__button.is-open::before {
        content: "";
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: #f5f5f5;
    }

    .input-select__button--white {
        padding: 6px 30px 7px 12px;
        border-radius: 0;
        background: #fff;
    }

    .input-select__button--white::after {
        right: 12px;
        width: 14px;
        height: 9px;
    }

    .input-select__button--white.is-open {
        border-radius: 0;
    }

    .input-select__button--white.is-open::before {
        content: none;
    }

    .input-select__button-text {
        display: block;
        overflow: hidden;
        color: #000;
        white-space: nowrap;
        pointer-events: none;
    }

    .input-select.is-inactive .input-select__button-text {
        opacity: 0.2;
    }

    .input-select__list {
        display: none;
        position: absolute;
        z-index: 1;
        top: calc(100% - 1px);
        left: 0;
        box-sizing: border-box;
        width: 100%;
        max-height: 150px;
        padding: 10px 15px;
        overflow-y: auto;
        border-radius: 0 0 3px 3px;
        background: #f5f5f5;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    }

    .input-select__list--white {
        max-height: none;
        padding: 10px 12px;
        overflow-y: visible;
        border-radius: 0;
        background: #fff;
        font-size: 16px;
    }

    .input-select__list--white::before {
        content: "";
        position: absolute;
        top: -3px;
        left: 0;
        width: 100%;
        height: 4px;
        background: #fff;
    }

    .input-select__item {
        margin-bottom: 20px;
        cursor: pointer;
    }

    .input-select__item:last-child {
        margin-bottom: 0;
    }

    .input-select__amount {
        font-size: 12px;
    }

    .input-checkbox {
        display: inline-block;
    }

    .delivery-select-list__checkbox .input-checkbox {
        display: block;
    }

    .input-checkbox__input {
        position: absolute;
        opacity: 0;
    }

    .input-checkbox__input:hover {
        opacity: 0;
    }

    .input-checkbox__label {
        display: block;
        position: relative;
        padding-left: 26px;
        font-weight: normal;
        cursor: pointer;
    }

    .input-checkbox__label::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 20px;
        height: 20px;
        border: 1px solid #dedede;
        border-radius: 2px;
        background: #f5f5f5;
    }

    .input-checkbox__input:checked + .input-checkbox__label::before {
        border-color: transparent;
        background: #fabe00;
    }

    .input-checkbox--center .input-checkbox__label::before {
        border: 1px solid #000;
    }

    .form-concent .input-checkbox__label::before {
        border: 1px solid #000;
    }

    .input-checkbox__input:checked + .input-checkbox__label::after {
        content: "";
        position: absolute;
        top: 6px;
        left: 5px;
        width: 12px;
        height: 9px;
        background: url("../img/icon/white/check_white.svg") no-repeat center/contain;
    }

    .input-checkbox--center {
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
    }

    .input-checkbox--left {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 30px;
    }

    .input-radio {
        display: inline-block;
    }

    .input-radio__input {
        position: absolute;
        opacity: 0;
    }

    .input-radio__input:hover {
        opacity: 0;
    }

    .input-radio__label {
        display: block;
        position: relative;
        padding-left: 24px;
        font-weight: normal;
        cursor: pointer;
    }

    .input-radio__label::before {
        content: "";
        position: absolute;
        top: 2px;
        left: 0;
        box-sizing: border-box;
        width: 18px;
        height: 18px;
        border: 1px solid #dedede;
        border-radius: 50%;
        background: #f5f5f5;
    }

    .input-radio__input:checked + .input-radio__label::after {
        content: "";
        position: absolute;
        top: 7px;
        left: 5px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #fabe00;
    }

    .input-text {
        position: relative;
    }

    .input-text--side {
        display: flex;
        align-items: center;
    }

    .input-text.counter__input {
        width: 80px;
    }

    .form__field .input-text {
        width: 100%;
    }

    .form__field--width-auto .input-text {
        width: auto;
    }

    .input-text.form__post {
        width: 104px;
    }

    .input-text__input {
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        padding: 11px 15px 10px;
        border: 0;
        border-radius: 3px;
        background: #f5f5f5;
        color: #000;
        font-size: 16px;
    }

    .input-text__input:focus {
        box-shadow: none;
    }

    .input-text__input::placeholder {
        color: #bababa;
    }

    .input-text__input::-webkit-calendar-picker-indicator {
        display: none;
    }

    .input-text__input.flatpickr-input {
        min-height: 43px;
        padding: 11px 10px 10px;
        -webkit-appearance: none;
    }

    .input-text__input:-webkit-date-and-time-value {
        text-align: left;
    }

    .input-textarea {
        position: relative;
    }

    .form__field .input-textarea {
        width: 100%;
    }

    .input-textarea__input {
        box-sizing: border-box;
        width: 100%;
        height: 100px;
        padding: 12px 15px;
        border: 0;
        border-radius: 3px;
        outline: 0;
        background: #f5f5f5;
        font-size: 16px;
        resize: vertical;
    }

    .input-textarea__input::placeholder {
        color: #bababa;
    }

    .input-textarea__input:focus {
        box-shadow: none;
    }

    .input-box {
        display: flex;
        align-items: center;
    }

    .input-box__text {
        margin-left: 5px;
    }

    .input-error {
        display: inline-block;
        position: absolute;
        bottom: -30px;
        left: 0;
        padding: 3px 8px 2px;
        background: #ff3b00;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
    }

    .input-error::before {
        content: "";
        position: absolute;
        top: -14px;
        left: 18px;
        border: 8px solid transparent;
        border-bottom: 12px solid #ff3b00;
    }

    .item-list {
        display: flex;
        margin-right: -15px;
        padding-right: 15px;
        overflow-x: auto;
    }

    .item-list--sp-wrap {
        flex-wrap: wrap;
    }

    .item-list__item {
        flex-shrink: 0;
        width: 140px;
        margin-right: 15px;
    }

    .item-list__item:last-child {
        margin-right: 0;
    }

    .item-list__item--large {
        width: calc((100% - 15px) / 2);
        margin: 15px 15px 0 0;
    }

    .item-list__item--large:nth-child(even) {
        margin-right: 0;
    }

    .item-list__item--large:nth-child(-n + 2) {
        margin-top: 0;
    }

    .item-list__item--larger {
        width: 100%;
        margin: 0 0 20px;
    }

    .item-list__item--larger:last-child {
        margin: 0;
    }

    .item {
        display: flex;
        position: relative;
        flex-direction: column;
        height: 100%;
        overflow: hidden;
        border-radius: 4px;
        background: #fff;
    }

    .item.detail__tag {
        margin: -10px 0 40px -10px;
    }

    .item__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .detail__tag .item__image {
        margin: 10px 0 0 10px;
    }

    .item__body {
        flex: 1;
        padding: 10px 10px 15px;
    }

    .item-list__item--large .item__body {
        padding: 10px 15px 15px;
    }

    .item-list__item--larger .item__body {
        padding: 20px 20px 25px;
    }

    .item__text-box {
        margin-bottom: 20px;
    }

    .item__name {
        display: -webkit-box;
        margin-bottom: 6px;
        overflow: hidden;
        font-weight: bold;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .item__name:last-child {
        margin-bottom: 0;
    }

    .item__product,
    .item__design-name,
    .item__size {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .item__product:last-child,
    .item__design-name:last-child,
    .item__size:last-child {
        margin-bottom: 0;
    }

    .item__number,
    .item__number-sub {
        margin-bottom: 12px;
        font-size: 12px;
        line-height: 1;
        text-align: right;
    }

    .item__number:last-child,
    .item__number-sub:last-child {
        margin-bottom: 0;
    }

    .item__eraced-price {
        margin-bottom: 6px;
        line-height: 1;
        text-align: right;
    }

    .item__eraced-price-inner {
        position: relative;
        font-size: 12px;
        font-weight: bold;
    }

    .item__eraced-price-inner::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        transform: translateY(-50%);
        background: #ff3b00;
    }

    .item__price {
        margin-bottom: 12px;
        font-weight: bold;
        line-height: 1;
        text-align: right;
    }

    .item__price:last-child {
        margin-bottom: 0;
    }

    .item__price--discounted {
        color: #ff3b00;
    }

    .item__coupon {
        margin-bottom: 12px;
        color: #ff3b00;
        font-size: 12px;
        font-weight: bold;
    }

    .item__desc {
        margin-bottom: 12px;
        font-size: 12px;
    }

    .item__desc:last-child {
        margin-bottom: 0;
    }

    .item__status {
        color: #ff3b00;
        font-weight: bold;
    }

    .item__status--ordered {
        color: #bababa;
        text-align: center;
    }

    .item__review {
        display: flex;
        align-items: center;
        height: 15px;
        margin-bottom: 12px;
    }

    .item__review:last-child {
        margin-bottom: 0;
    }

    .item__review-number {
        margin-left: 8px;
        font-size: 12px;
    }

    .item__campaign {
        margin-bottom: 12px;
        padding: 5px 8px;
        border: 1px solid #ff3b00;
        border-radius: 2px;
        color: #ff3b00;
        font-size: 12px;
        font-weight: bold;
    }

    .item__campaign:last-child {
        margin-bottom: 0;
    }

    .item__ranking-number {
        display: none;
        position: absolute;
        top: 7px;
        left: 10px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        line-height: 24px;
        text-align: center;
    }

    .item__ranking-number--one {
        background: #fabe00;
    }

    .item__ranking-number--two {
        background: #dedede;
    }

    .item__ranking-number--three {
        background: #d8b1a6;
    }

    .item__ranking-number--other {
        background: #f5f5f5;
    }

    .item-ranking .item__ranking-number {
        display: block;
    }

    .item__action {
        display: block;
        font-weight: bold;
        text-align: center;
        text-decoration: underline;
    }

    .item__action:hover {
        opacity: 0.6;
    }

    .item-button-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 25px;
    }

    .item-button-box:last-child {
        margin-bottom: 0;
    }

    .item-button-box__button {
        width: 270px;
        margin-bottom: 20px;
    }

    .item-button-box__button:last-child {
        margin-bottom: 0;
    }

    .item-design {
        margin-bottom: 20px;
    }

    .item-design__name {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: bold;
    }

    .item-design__text {
        margin-bottom: 10px;
    }

    .item-design__text:last-child {
        margin-bottom: 0;
    }

    .item-design__tag {
        display: inline-block;
        margin-bottom: 5px;
        padding: 5px;
        background: #f5f5f5;
        font-size: 12px;
    }

    .item-tag {
        display: flex;
        flex-wrap: wrap;
        margin: -4px 0 12px -4px;
    }

    .item-tag:last-child {
        margin-bottom: 0;
    }

    .item-tag.detail__tag {
        margin: -10px 0 40px -10px;
    }

    .item-tag__item {
        width: 37px;
        margin: 4px 0 0 4px;
    }

    .detail__tag .item-tag__item {
        margin: 10px 0 0 10px;
    }

    .item-tag__tag {
        width: 100%;
    }

    .item-condition {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-top: -6px;
        margin-bottom: 12px;
    }

    .item-condition:last-child {
        margin-bottom: 0;
    }

    .item-condition.detail__condition {
        margin-bottom: 30px;
    }

    .item-condition__item {
        margin: 6px 5px 0 0;
        padding: 4px 5px;
        border-radius: 2px;
        background: #000;
        color: #fff;
        font-size: 10px;
        font-weight: bold;
        line-height: 1;
    }

    .item-condition__item:last-child {
        margin-right: 0;
    }

    .detail__condition .item-condition__item {
        margin-right: 10px;
        font-size: 12px;
    }

    .detail__condition .item-condition__item:last-child {
        margin-right: 0;
    }

    .item-service-list {
        display: flex;
        margin-right: -15px;
        padding-right: 15px;
        overflow-x: auto;
    }

    .item-service-list--full {
        flex-wrap: wrap;
        margin: 0;
        padding-right: 0;
    }

    .item-service-list__item {
        flex-shrink: 0;
        width: 240px;
        margin-right: 15px;
    }

    .item-service-list__item:last-child {
        margin-right: 0;
    }

    .item-service-list--full .item-service-list__item {
        width: calc((100% - 15px) / 2);
        margin: 15px 15px 0 0;
    }

    .item-service-list--full .item-service-list__item:nth-child(2n) {
        margin-right: 0;
    }

    .item-service-list--full .item-service-list__item:nth-child(-n + 2) {
        margin-top: 0;
    }

    .item-service {
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow: hidden;
        border-radius: 4px;
    }

    .item-service__image-box {
        height: 150px;
        background: #fff;
    }

    .item-service-list--full .item-service__image-box {
        height: auto;
    }

    .item-service__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .item-service-list--full .item-service__image {
        height: auto;
    }

    .item-service__body {
        display: flex;
        box-sizing: border-box;
        flex: 1;
        flex-direction: column;
        align-items: center;
        padding: 15px 15px 20px;
        background: #fff;
    }

    .item-service-list--full .item-service__body {
        min-height: 50px;
    }

    .item-service__title {
        font-size: 16px;
        font-weight: bold;
    }

    .item-service-list--full .item-service__title {
        font-size: 14px;
    }

    .item-service__text {
        margin-top: 7px;
    }

    .item-service-list--full .item-service__text {
        display: none;
    }

    .item-service-plain-list {
        display: flex;
        flex-wrap: wrap;
    }

    .item-service-plain-list__item {
        width: calc((100% - 15px) / 2);
        margin: 15px 15px 0 0;
    }

    .item-service-plain-list__item:nth-child(2n) {
        margin-right: 0;
    }

    .item-service-plain-list__item:nth-child(-n + 2) {
        margin-top: 0;
    }

    .item-service-plain {
        display: block;
        box-sizing: border-box;
        height: 100%;
        transition: 0.3s;
        border-radius: 4px;
        background: #fff;
    }

    .item-service-plain__image-box {
        flex-shrink: 0;
    }

    .item-service-plain__image {
        width: 100%;
    }

    .item-service-plain__name {
        padding: 15px;
        font-weight: bold;
        line-height: 1.5;
        text-align: center;
    }

    .item-search-area {
        margin-bottom: 20px;
    }

    .item-search-area__count {
        font-size: 18px;
        font-weight: bold;
    }

    .item-search-area__count-head {
        display: inline-block;
    }

    .item-search-area__show {
        display: block;
        font-size: 10px;
        font-weight: normal;
    }

    .item-search-area__show--inline {
        display: inline-block;
    }

    .item-search-area__box {
        display: flex;
    }

    .item-search-area__box--end {
        justify-content: flex-end;
    }

    .item-search-area__button {
        flex: 0 0 auto;
    }

    .item-search-area__group {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .item-search-area__group--end {
        justify-content: flex-end;
    }

    .item-search-area__select {
        margin-right: 15px;
    }

    .item-search-area__select:last-child {
        margin-right: 0;
    }

    .item-service-two-list {
        display: flex;
        flex-wrap: wrap;
    }

    .item-service-two-list__item {
        width: 100%;
        margin: 0 auto 15px;
    }

    .item-service-two-list__item:nth-child(2n) {
        margin-right: 0;
    }

    .item-service-contents {
        display: block;
        box-sizing: border-box;
        height: 100%;
        padding: 10px;
        transition: 0.3s;
        border-radius: 4px;
        background: #fff;
    }

    .item-service-contents:hover {
        opacity: 0.6;
    }

    .item-service-contents__item {
        display: flex;
        margin-bottom: 10px;
    }

    .item-service-contents__image-box {
        display: flex;
        flex-shrink: 0;
        width: 120px;
        height: 75px;
        margin-right: 10px;
    }

    .item-service-contents__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .item-service-contents__name {
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
    }

    .tag-feature {
        display: flex;
        margin-bottom: 6px;
    }

    .tag-feature__item {
        margin-right: 5px;
        padding: 4px 5px;
        border-width: 1px;
        border-style: solid;
        border-radius: 2px;
        font-size: 10px;
        font-weight: bold;
        line-height: 1;
    }

    .tag-feature__item--recommend {
        border-color: #1e8cdd;
        color: #1e8cdd;
    }

    .tag-feature__item--new {
        border-color: #7bcc40;
        color: #7bcc40;
    }

    .tag-feature__item--campaign {
        border-color: #ff4646;
        color: #ff4646;
    }

    .tag-gray {
        display: flex;
        flex-wrap: wrap;
        margin: -15px 0 0 -15px;
    }

    .tag-gray__item {
        margin: 15px 0 0 15px;
        padding: 5px;
        background: #f5f5f5;
        font-size: 12px;
        line-height: 1;
    }

    .tag-black {
        display: inline-block;
        padding: 5px;
        background: #000;
        color: #fff;
        font-size: 10px;
        font-weight: normal;
        line-height: 1;
    }

    .tag-strong {
        display: inline-block;
        padding: 2px 8px;
        border: 1px solid #ff3b00;
        border-radius: 2px;
        color: #ff3b00;
        font-weight: bold;
        line-height: 1.2;
    }

    .tag-strong--campaign {
        border: 1px solid #ff4646;
        color: #ff4646;
    }

    .tag-strong--optional {
        border: 1px solid #666;
        color: #666;
    }

    .list-table__data--coupon-period .tag-strong {
        margin: 3px 0;
    }

    .list-table__data--coupon-period .tag-strong:first-child {
        margin-top: 0;
    }

    .list-table__data--coupon-period .tag-strong:last-child {
        margin-bottom: 0;
    }

    .tag-tab {
        display: flex;
        align-items: center;
        padding-bottom: 20px;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .tag-tab__item {
        display: block;
        position: relative;
        flex-shrink: 0;
        margin-right: 5px;
        padding: 10px;
        border-radius: 4px;
        background: #000;
        color: #fff;
        font-size: 15px;
        font-weight: bold;
    }

    .tag-tab__item.is-current {
        background: #fabe00;
        color: #000;
        pointer-events: none;
    }

    .tag-tab__item.is-current::after {
        content: " ";
        position: absolute;
        bottom: -28px;
        left: 50%;
        transform: translateX(-50%);
        border: solid transparent;
        border-width: 14px;
        border-top-color: #fabe00;
    }

    .tag-content {
        display: none;
        padding: 30px;
        background: #fff;
    }

    .tag-content--open {
        display: block;
    }

    .tag-list {
        display: flex;
        flex-wrap: wrap;
        margin: -30px;
        padding: 10px;
        list-style-type: none;
    }

    .tag-list__item {
        display: flex;
        box-sizing: border-box;
        align-items: center;
        margin: 10px;
        border-radius: 20px;
    }

    .tag-list__link {
        display: block;
        padding: 15px 20px;
    }

    .list-item__item {
        display: flex;
        padding-bottom: 30px;
        border-bottom: 1px solid #dedede;
    }

    .list-item__item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .list-item__image-box {
        flex-shrink: 0;
        width: 100px;
        height: 100px;
        margin-right: 15px;
    }

    .list-item__image {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .list-item__text-box {
        margin-bottom: 15px;
    }

    .list-item__text-box:last-child {
        margin-bottom: 0;
    }

    .list-item__title {
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: bold;
    }

    .list-item__text {
        margin-bottom: 10px;
    }

    .list-item__text:last-child {
        margin-bottom: 0;
    }

    .list-table__head {
        display: none;
    }

    .list-table__item {
        margin-bottom: 20px;
        overflow: hidden;
        border: 1px solid #dedede;
        border-radius: 4px;
    }

    .list-table__item:last-child {
        margin-bottom: 0;
    }

    .list-table__item-disabled {
        margin-bottom: 20px;
    }

    .list-table__data {
        margin-bottom: 10px;
    }

    .list-table__data:last-child {
        margin-bottom: 0;
    }

    .list-table__data--campaign,
    .list-table__data--discount-small {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .list-table__data--color {
        flex-shrink: 0;
        margin-left: 15px;
    }

    .list-table__data--button {
        margin-top: 15px;
    }

    .list-table__data--product-name {
        padding-right: 40px;
    }

    .list-table__data--action {
        margin-top: 20px;
    }

    .list-table__image {
        width: 100%;
    }

    .list-table__link {
        display: block;
        padding: 18px 15px;
        background: #fff;
    }

    .list-table__row {
        display: block;
        position: relative;
        padding: 18px 15px;
        border: 1px solid #dedede;
        border-radius: 4px;
        background: #fff;
    }

    .list-table__item-disabled .list-table__row {
        background: #bababa;
    }

    .list-table__name {
        font-weight: bold;
    }

    .list-table__name--coupon {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .list-table__name-link {
        display: block;
        font-weight: bold;
        text-decoration: underline;
    }

    .list-table__item-desc {
        margin-top: 10px;
        font-size: 12px;
    }

    .list-table__tag {
        display: inline-block;
        margin-top: 10px;
        font-size: 10px;
    }

    .list-table__color {
        position: absolute;
        top: 18px;
        right: 15px;
        width: 30px;
        height: 30px;
        overflow: hidden;
        border: 1px solid #dedede;
        border-radius: 2px;
    }

    .list-table__color-image {
        width: 100%;
    }

    .list-table__desc {
        font-size: 14px;
    }

    .list-table__delete {
        display: block;
        font-weight: bold;
        text-align: center;
        text-decoration: underline;
    }

    .list-vertical__item {
        margin-bottom: 25px;
    }

    .list-vertical__item:last-child {
        margin-bottom: 0;
    }

    .list-note {
        margin-bottom: 20px;
    }

    .list-note--less-margin {
        margin-bottom: 10px;
    }

    .list-note:last-child {
        margin-bottom: 0;
    }

    .list-note__item {
        position: relative;
        margin-bottom: 8px;
        padding-left: 14px;
    }

    .list-note__item:last-child {
        margin-bottom: 0;
    }

    .list-note__item::before {
        content: "※";
        position: absolute;
        left: 0;
    }

    .list-arrow__item {
        position: relative;
        margin-bottom: 20px;
        padding-left: 12px;
        font-size: 16px;
    }

    .list-arrow__item:last-child {
        margin-bottom: 0;
    }

    .list-arrow__item::before {
        content: "";
        display: block;
        position: absolute;
        top: 8px;
        left: 0;
        width: 10px;
        height: 10px;
        background: url("../img/icon/black/arrow_black_solid.svg") no-repeat center/contain;
    }

    .list-arrow__link {
        text-decoration: underline;
    }

    .list-number {
        counter-reset: num;
    }

    .list-number__item {
        position: relative;
        margin-bottom: 15px;
        padding-left: 20px;
    }

    .list-number__item:last-child {
        margin-bottom: 0;
    }

    .list-number__item::before {
        content: counter(num) ".";
        position: absolute;
        top: 0;
        left: 0;
        font-weight: bold;
        counter-increment: num;
    }

    .list-number__title {
        font-weight: bold;
    }

    .list-dot {
        margin-bottom: 20px;
    }

    .list-dot:last-child {
        margin-bottom: 0;
    }

    .list-dot__item {
        position: relative;
        margin-bottom: 20px;
        padding-left: 1em;
    }

    .list-dot__item:last-child {
        margin-bottom: 0;
    }

    .list-dot__item::before {
        content: "・";
        position: absolute;
        left: 0;
    }

    .login__section {
        margin-bottom: 40px;
        padding-bottom: 40px;
        border-bottom: 1px solid #dedede;
    }

    .login__section:last-child {
        margin-bottom: 10px;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .login__heading {
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }

    .login__button {
        margin-top: 0;
    }

    .login-form__section {
        margin-bottom: 15px;
    }

    .login-form__section:last-child {
        margin-bottom: 0;
    }

    .login-form__title {
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: bold;
        text-align: left;
    }

    .login-form__field {
        margin-bottom: 12px;
    }

    .login-form__field:last-child {
        margin-bottom: 0;
    }

    .login-form__note {
        margin-top: 20px;
    }

    .login-button-box {
        margin-top: 30px;
    }

    .login-link {
        display: block;
        margin-top: 20px;
        text-align: center;
        text-decoration: underline;
    }

    .login-message {
        margin-bottom: 20px;
        padding: 15px;
        border: 1px solid #dedede;
    }

    .login-message__heading {
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
    }

    .login-message-list__item {
        margin-bottom: 5px;
        padding-left: 1em;
        text-indent: -1em;
    }

    .login-message-list__item::before {
        content: "・";
    }

    .login-message-list__item:last-child {
        margin-bottom: 0;
    }

    .ly-container {
        margin: 0 15px;
    }

    .ly-section {
        margin-bottom: 40px;
    }

    .ly-section--search {
        display: none;
        visibility: hidden;
        position: fixed;
        z-index: 100;
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 20px;
        overflow-y: scroll;
        transition: opacity 0.3s, visibility 0s 0.3s;
        opacity: 0;
        background: #fff;
    }

    .ly-section--search.is-active {
        display: block;
        visibility: visible;
        transition: opacity 0.3s, visibility 0s 0s;
        opacity: 1;
    }

    .ly-section-small {
        margin-bottom: 20px;
    }

    .ly-section-small:last-child {
        margin-bottom: 0;
    }

    .ly-section-border {
        margin-bottom: 40px;
        padding-bottom: 40px;
        border-bottom: 1px solid #dedede;
    }

    .ly-side {
        display: none;
    }

    .ly-small {
        margin-top: 30px;
    }

    .main--with-simple-header .ly-small {
        margin-top: 0;
    }

    .ly-box {
        padding: 20px 15px 30px;
        border-radius: 4px;
        background: #fff;
    }

    .ly-box__border {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #dedede;
    }

    .ly-box__border:last-child {
        margin-bottom: 0;
    }

    .main {
        flex: 1;
        padding: 107px 0 40px;
        background: #f5f5f5;
    }

    .main--detail {
        padding-top: 20px;
    }

    .main--with-simple-header {
        padding-top: 85px;
    }

    .box-2column {
        box-sizing: border-box;
        margin-bottom: 30px;
    }

    .box-2column:last-child {
        margin-bottom: 0;
    }

    .message-box {
        margin-bottom: 30px;
    }

    .message {
        margin-bottom: 20px;
        padding: 12px 15px 11px;
        border: 1px solid #1e8cdd;
        background: #fff;
        color: #1e8cdd;
        font-weight: bold;
    }

    .message:last-child {
        margin-bottom: 0;
    }

    .message--alert {
        border: 1px solid #ff3b00;
        color: #ff3b00;
    }

    .message--success {
        border: 1px solid #1e8cdd;
        color: #1e8cdd;
    }

    .message--error {
        border: 1px solid #ff3b00;
        background: #ffeded;
        color: #ff3b00;
    }

    .message__text {
        margin-bottom: 8px;
    }

    .message__text:last-child {
        margin-bottom: 0;
    }

    .message--gray {
        background: #f5f5f5;
        font-weight: normal;
    }

    .message-coupon {
        margin-bottom: 30px;
        padding: 30px;
        background: #f5f5f5;
        text-align: center;
        font-weight: normal;
    }

    .message-coupon__box {
        margin-bottom: 15px;
    }

    .message-coupon__box:last-child {
        margin-bottom: 0;
    }

    .message-coupon__title {
        margin-bottom: 0.5em;
        font-size: 16px;
        font-weight: bold;
    }

    .message-coupon__text {
        font-size: 12px;
        font-weight: normal;
    }

    .message-coupon:last-child {
        margin-bottom: 0;
    }

    .modal-basic {
        display: flex;
        visibility: hidden;
        position: fixed;
        z-index: 10;
        top: 50px;
        left: 0;
        flex-direction: column;
        width: calc(100% - 30px);
        max-height: calc(100% - 80px);
        margin: 0 15px;
        transition: 0.2s;
        opacity: 0;
    }

    .modal-basic.is-active {
        visibility: visible;
        opacity: 1;
    }

    .modal-basic__box {
        box-sizing: border-box;
        max-height: 100%;
        padding: 25px 15px;
        overflow: auto;
        border-radius: 5px;
        background: #fff;
    }

    .modal-basic__image {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .modal-basic__close {
        position: absolute;
        top: -30px;
        right: 0;
        width: 15px;
        height: 15px;
        border: 0;
        background: url("../img/icon/white/close_white.svg") no-repeat center/contain;
    }

    .modal-basic__mv-box {
        margin-bottom: 25px;
    }

    .modal-basic__mv {
        width: 100%;
    }

    .modal-basic__item-design-image-box {
        height: 100%;
    }

    .modal-heading {
        margin-bottom: 25px;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }

    .modal-section {
        margin-bottom: 30px;
    }

    .modal-section:last-child {
        margin-bottom: 0;
    }

    .modal-table-form-box {
        margin-bottom: 30px;
    }

    .modal-table-form-box:last-child {
        margin-bottom: 0;
    }

    .modal-table-form {
        display: block;
    }

    .modal-table-form__head {
        display: block;
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 15px;
        font-weight: bold;
    }

    .modal-table-form__head:last-child {
        margin-bottom: 0;
    }

    .modal-table-form__data {
        display: block;
        padding-bottom: 30px;
        border-bottom: #dedede 1px solid;
    }

    .news {
        border-radius: 4px;
        background: #fff;
    }

    .news-list__item {
        padding: 16px 20px;
        border-bottom: 1px solid #dedede;
    }

    .news-list__item:last-child {
        border-bottom: 0;
    }

    .news-list__head {
        margin-bottom: 10px;
    }

    .news-list__tag {
        display: inline-block;
        box-sizing: border-box;
        width: 106px;
        height: 22px;
        padding-top: 2px;
        background: #dedede;
        font-size: 12px;
        text-align: center;
    }

    .news-list__tag--remarkable {
        background: #000;
        color: #fff;
    }

    .news-list__link {
        line-height: 1.7;
        text-decoration: underline;
    }

    .order {
        position: relative;
        padding: 25px 15px;
        overflow: hidden;
        border-radius: 4px;
        background: #fff;
    }

    .order::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #000;
    }

    .order__heading {
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: bold;
    }

    .order__number {
        margin-bottom: 30px;
        font-size: 12px;
    }

    .order-list {
        margin-bottom: 40px;
    }

    .order-list:last-child {
        margin-bottom: 0;
    }

    .order-list__item {
        margin-bottom: 30px;
    }

    .order-list__item:last-child {
        margin-bottom: 0;
    }

    .order-list__item--border {
        border-bottom: 1px solid #dedede;
    }

    .order-list__item--border:last-child {
        border-bottom: 0;
    }

    .order-head {
        margin-bottom: 10px;
    }

    .order-head__heading {
        margin-bottom: 0;
        font-size: 10px;
        line-height: 1.6;
    }

    .order-head__heading-link {
        position: relative;
    }

    .order-head__heading-link::before {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: calc(100% - 11px);
        height: 1px;
        background: #000;
    }

    .order-head__heading-link::after {
        content: "";
        display: inline-block;
        width: 11px;
        height: 7px;
        margin-left: 5px;
        transform: rotate(-90deg);
        background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
        vertical-align: 3px;
    }

    .order-head__heading-date {
        font-size: 16px;
    }

    .order-head__link {
        display: none;
    }

    .order-utility {
        margin-bottom: 30px;
    }

    .order-list__item--border:last-child .order-utility {
        margin-bottom: 0;
    }

    .order-utility__button-box {
        display: flex;
        align-items: center;
    }

    .order-utility__button {
        margin-right: 20px;
    }

    .order-utility__button:last-child {
        margin-right: 0;
    }

    .order-info {
        margin-bottom: 30px;
    }

    .order-list__item--border:last-child .order-info {
        margin-bottom: 0;
    }

    .order-info__box {
        display: flex;
        margin-bottom: 15px;
    }

    .order-info__box:last-child {
        margin-bottom: 0;
    }

    .order-info__title {
        width: 145px;
        min-width: 145px;
        padding-right: 15px;
        font-size: 12px;
        font-weight: bold;
    }

    .order-info__text {
        font-size: 12px;
    }

    .order-detail__number {
        margin-bottom: 10px;
        font-size: 12px;
    }

    .order-detail__state {
        margin-bottom: 15px;
        color: #ff3b00;
        font-size: 16px;
        font-weight: bold;
    }

    .order-detail__output {
        display: inline-flex;
        margin-bottom: 20px;
    }

    .order-detail-heading {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: bold;
    }

    .order-detail-heading__time {
        font-size: 12px;
    }

    .order-detail-action {
        margin-bottom: 30px;
    }

    .order-detail-action__text {
        margin-bottom: 15px;
    }

    .order-detail-action-button-box {
        display: flex;
        flex-wrap: wrap;
        margin: -15px 0 0 -20px;
    }

    .order-detail-action-button-box__button {
        margin: 15px 0 0 20px;
    }

    .order-payment {
        margin-bottom: 40px;
    }

    .order-payment__section {
        margin-bottom: 40px;
    }

    .order-payment__section:last-child {
        margin-bottom: 0;
    }

    .order-payment__heading {
        margin-bottom: 20px;
        padding-bottom: 2px;
        border-bottom: 1px solid #dedede;
        font-size: 16px;
    }

    .order-payment__contents {
        display: flex;
        align-items: center;
        margin-top: -10px;
    }

    .order-payment__text {
        margin-bottom: 10px;
    }

    .order-payment__text:last-child {
        margin-bottom: 0;
    }

    .order-payment__contents .order-payment__text {
        margin-bottom: 0;
    }

    .order-payment__button {
        margin-left: 15px;
    }

    .order-payment-set {
        margin-bottom: 15px;
    }

    .order-payment-set:last-child {
        margin-bottom: 0;
    }

    .order-payment-set__name {
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: bold;
    }

    .order-payment-set__sir {
        font-weight: normal;
    }

    .order-payment-set__update {
        margin-top: 10px;
    }

    .order-payment-detail-list {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #dedede;
    }

    .order-payment-detail-list__item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .order-payment-detail-list__item:last-child {
        margin-bottom: 0;
    }

    .order-payment-detail-list__name {
        font-size: 12px;
    }

    .order-payment-detail-list__discounted {
        color: #ff3b00;
    }

    .order-payment-detail-total__total {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .order-payment-detail-total__total-price {
        min-width: 110px;
        margin-left: 20px;
        text-align: right;
    }

    .order-payment-detail-total__sub {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 15px;
    }

    .order-payment-detail-total__sub:last-child {
        margin-bottom: 0;
    }

    .order-payment-detail-total__sub-name {
        font-size: 12px;
    }

    .order-payment-detail-total__sub-price {
        min-width: 110px;
        margin-left: 20px;
        text-align: right;
    }

    .order-payment-detail-button-box {
        display: flex;
        justify-content: center;
        margin-top: 30px;
    }

    .order-step {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    .order-step__title {
        margin-right: 5px;
        font-size: 12px;
        font-weight: bold;
    }

    .order-step-list__item {
        display: none;
        font-size: 12px;
        font-weight: bold;
        line-height: 1;
    }

    .order-step-list__item.is-current {
        display: block;
        padding: 4px 5px;
        border: 1px solid #fabe00;
    }

    .order-completion {
        margin-bottom: 30px;
        text-align: center;
    }

    .order-completion:last-child {
        margin-bottom: 0;
    }

    .order-completion__text {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .order-completion__text:last-child {
        margin-bottom: 0;
    }

    .order-completion__number {
        margin: 0 5px;
        font-size: 20px;
        font-weight: bold;
        text-decoration: underline;
    }

    .order-completion__date {
        margin-top: -20px;
        font-size: 12px;
    }

    .order-completion__note {
        margin-bottom: 20px;
        color: #ff3b00;
        font-size: 18px;
        font-weight: bold;
    }

    .order-completion__lead {
        margin-bottom: 20px;
    }

    .order-completion__lead:last-child {
        margin-bottom: 0;
    }

    .order-completion-button-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
    }

    .order-completion-button-box:last-child {
        margin-bottom: 0;
    }

    .order-shipping-split__item {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

    .order-shipping-split__item:last-child {
        margin-bottom: 0;
    }

    .order-shipping-split__name {
        width: 80px;
        margin-left: 10px;
        font-weight: bold;
    }

    .page-top {
        display: none;
        position: fixed;
        z-index: 1;
        right: 15px;
        bottom: 15px;
        width: 40px;
        height: 40px;
        transform: rotate(180deg);
        border-radius: 50%;
        background: #fabe00 url("../img/icon/black/arrow_black.svg") no-repeat center/16px 10px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    }

    .pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 40px;
    }

    .pagination__box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-width: 240px;
        margin: 0 15px;
    }

    .pagination__link {
        display: flex;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        min-width: 36px;
        min-height: 36px;
        padding: 0 4px;
        transition: 0.3s;
        border: 1px solid #000;
        border-radius: 100vh;
        background: #fff;
        color: #000;
        font-size: 12px;
        font-weight: bold;
    }

    .pagination__link.is-current {
        border: 1px solid #fabe00;
        background: #fabe00;
    }

    .pagination__arrow {
        display: flex;
        position: relative;
        align-items: center;
        transition: 0.3s;
        color: #000;
    }

    .pagination__arrow::before {
        content: "";
        position: absolute;
        top: 50%;
        width: 12px;
        height: 8px;
        background: url("../img/icon/black/arrow_black.svg") no-repeat center/cover;
    }

    .pagination__arrow.is-disabled {
        display: none;
    }

    .pagination__prev {
        position: relative;
        margin-right: 20px;
    }

    .pagination__prev::before {
        transform: translateY(-50%) rotate(90deg);
        background: url("../img/icon/black/arrow_black.svg") no-repeat center/cover;
    }

    .pagination__next {
        position: relative;
        margin-left: 20px;
    }

    .pagination__next::before {
        right: 0;
        transform: translateY(-50%) rotate(270deg);
        background: url("../img/icon/black/arrow_black.svg") no-repeat center/cover;
    }

    .pagination__dots {
        font-size: 12px;
    }

    .pagination__dots:last-of-type {
        margin-right: 0;
    }

    .pagination__dots.is-disabled {
        display: none;
    }

    .payment-list--border {
        padding: 20px 0;
        border: 1px solid #dedede;
        border-width: 1px 0;
    }

    .payment-list-subtotal {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #dedede;
    }

    .payment-list-subtotal__item {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .payment-list-subtotal__item:last-child {
        margin-bottom: 0;
    }

    .payment-list-subtotal__discounted {
        color: #ff3b00;
    }

    .payment-list-subtotal__text,
    .payment-list-subtotal__price {
        font-size: 12px;
    }

    .payment-list-total__item {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-bottom: 15px;
    }

    .payment-list-total__item:last-child {
        margin-bottom: 0;
    }

    .payment-list-total__total {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .payment-list-total__total:last-child {
        margin-bottom: 0;
    }

    .payment-list-total__total-name {
        font-size: 12px;
    }

    .payment-list-total__total-price {
        flex-shrink: 0;
        min-width: 110px;
        margin-left: 20px;
        font-size: 16px;
        text-align: right;
    }

    .payment-list-total__sub {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-bottom: 15px;
    }

    .payment-list-total__sub:last-child {
        margin-bottom: 0;
    }

    .payment-list-total__sub-name {
        font-size: 12px;
    }

    .payment-list-total__sub-price {
        flex-shrink: 0;
        min-width: 110px;
        margin-left: 20px;
        text-align: right;
    }

    .payment-button-list__item {
        margin-bottom: 20px;
    }

    .payment-button-list__item:last-child {
        margin-bottom: 0;
    }

    .payment-select {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        padding: 18px 15px 18px 39px;
        border: 1px solid #dedede;
        border-radius: 4px;
        background: #fff;
    }

    .payment-select.is-selected {
        border-color: transparent;
    }

    .payment-select.is-selected::before {
        content: "";
        position: absolute;
        top: -3px;
        left: -3px;
        box-sizing: border-box;
        width: calc(100% + 6px);
        height: calc(100% + 6px);
        border: 3px solid #fabe00;
        border-radius: 4px;
    }

    .payment-select-contents {
        position: relative;
    }

    .payment-select-contents::before {
        content: "";
        position: absolute;
        top: 0;
        left: -23px;
        box-sizing: border-box;
        width: 18px;
        height: 18px;
        border: 1px solid #dedede;
        border-radius: 50%;
        background: #f5f5f5;
    }

    .payment-select.is-selected .payment-select-contents::after {
        content: "";
        position: absolute;
        top: 5px;
        left: -18px;
        box-sizing: border-box;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #fabe00;
    }

    .payment-select-contents__name {
        margin-bottom: 5px;
        font-weight: bold;
        line-height: 1.4;
    }

    .payment-select-contents__name:last-child {
        margin-bottom: 0;
    }

    .payment-select-contents__text-box {
        margin-bottom: 10px;
    }

    .payment-select-contents__text {
        margin-bottom: 2px;
        font-size: 12px;
    }

    .payment-select-contents__desc {
        margin-bottom: 10px;
        font-size: 12px;
    }

    .payment-select-contents__note {
        color: #ff3b00;
        font-size: 12px;
    }

    .payment-select-contents-field {
        margin-bottom: 10px;
    }

    .payment-select-contents-field:last-child {
        margin-bottom: 0;
    }

    .payment-select-contents-field__note {
        margin-top: 5px;
        color: #ff3b00;
        font-size: 12px;
    }

    .payment-select-credit {
        display: flex;
        align-items: center;
    }

    .payment-select-credit__name {
        flex-shrink: 0;
        font-weight: bold;
    }

    .payment-logo-list {
        display: flex;
        align-items: center;
        margin-left: 10px;
    }

    .payment-logo-list__item {
        max-height: 32px;
        margin-right: 5px;
    }

    .payment-logo-list__image {
        width: 100%;
    }

    .question {
        display: inline-block;
        position: relative;
        height: 20px;
    }

    .question.is-animation {
        z-index: 4;
    }

    .question__icon {
        display: inline-block;
        position: relative;
        z-index: 1;
        width: 20px;
        height: 20px;
        background: url("../img/icon/unique/question.svg") no-repeat center/contain;
    }

    .question__icon::before {
        content: "";
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        transition: linear 0.3s;
        border-top: 12px solid #bababa;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        opacity: 0;
    }

    .is-top .question__icon::before {
        top: 34px;
        border-top: 0;
        border-right: 8px solid transparent;
        border-bottom: 12px solid #bababa;
        border-left: 8px solid transparent;
    }

    .is-open .question__icon::before {
        top: -15px;
        opacity: 1;
    }

    .is-top.is-open .question__icon::before {
        top: 24px;
    }

    .question__icon::after {
        content: "";
        position: absolute;
        top: -26px;
        left: 50%;
        transform: translateX(-50%);
        transition: linear 0.3s;
        border-top: 12px solid #fff;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        opacity: 0;
    }

    .is-top .question__icon::after {
        top: 35px;
        border-top: 0;
        border-right: 8px solid transparent;
        border-bottom: 12px solid #fff;
        border-left: 8px solid transparent;
    }

    .is-animation .question__icon::after {
        opacity: 1;
    }

    .is-open .question__icon::after {
        top: -16px;
    }

    .is-top.is-open .question__icon::after {
        top: 25px;
    }

    .question-bubble-outer {
        position: absolute;
        z-index: 3;
        top: 0;
        box-sizing: border-box;
    }

    .question-bubble-wrap {
        width: 150px;
        padding: 13px 15px;
        border: 1px solid #bababa;
        border-radius: 5px;
        background: #fff;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    }

    .question-bubble-wrap.is-tall {
        width: calc(100% - 30px);
        max-width: 500px;
    }

    .question-bubble__heading {
        display: block;
        margin-bottom: 5px;
        font-size: 12px;
        font-weight: bold;
    }

    .question-bubble__text {
        display: block;
        font-size: 12px;
        font-weight: normal;
    }

    .question-tooltip {
        display: inline-block;
        position: relative;
        z-index: 4;
    }

    .question-tooltip__trigger {
        text-decoration: underline;
        cursor: pointer;
    }

    .question-tooltip__trigger:hover {
        text-decoration: none;
    }

    .question-tooltip__contents {
        padding: 15px;
        border-radius: 3px;
        background: #fff;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    }

    .question-table__head {
        padding: 0 15px 10px;
        border-bottom: 1px #000 solid;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
    }

    .question-table__data {
        padding: 15px;
        border-bottom: 1px #dedede solid;
    }

    .question-table tr:last-child .question-table__data {
        padding-bottom: 10px;
        border-bottom: 0;
    }

    .question-table__data--right {
        font-size: 12px;
        text-align: right;
    }

    .recent-slider {
        display: flex;
        margin-right: -15px;
        padding-right: 15px;
        overflow-x: auto;
    }

    .recent-slider__item {
        display: block;
        flex-shrink: 0;
        width: 140px;
        height: 140px;
        margin-right: 15px;
        overflow: hidden;
        border-radius: 4px;
    }

    .recent-slider__item:last-child {
        margin-right: 0;
    }

    .recent-slider__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .search {
        padding-top: 30px;
    }

    .search-conditions--box {
        padding: 20px 15px 30px;
        border-radius: 4px;
        background: #fff;
    }

    .search-conditions__body {
        padding-top: 30px;
    }

    .search-conditions__input {
        margin-bottom: 10px;
    }

    .search-conditions__field {
        margin-bottom: 12px;
    }

    .search-conditions__field:last-child {
        margin-bottom: 0;
    }

    .search-conditions-close {
        position: absolute;
        top: 6px;
        right: 27px;
        width: 48px;
        height: 48px;
        border: 0;
        background: url("../img/icon/black/close_black.svg") no-repeat center/15px;
        font-size: 0;
    }

    .search-conditions-table {
        width: 100%;
        table-layout: fixed;
    }

    .search-conditions-table__head {
        display: block;
        padding-bottom: 15px;
        font-size: 16px;
        font-weight: bold;
    }

    .search-conditions-table__data {
        display: block;
        padding-bottom: 30px;
    }

    tr:last-child .search-conditions-table__data {
        padding-bottom: 0;
    }

    .search-button-box {
        display: flex;
        justify-content: center;
        margin-bottom: 90px;
    }

    .search-button-box--zero {
        margin-bottom: 0;
    }

    .search-button-box__link {
        display: none;
    }

    .search-button-box__button {
        display: flex;
        justify-content: center;
        margin-top: 30px;
    }

    .search-button-box__clear {
        width: 115px;
        margin-right: 15px;
        white-space: nowrap;
    }

    .search-action {
        margin-top: 40px;
    }

    .search-action__link-box {
        display: none;
    }

    .search-clear {
        display: none;
    }

    .search-date {
        display: flex;
        align-items: center;
    }

    .search-date__box {
        display: flex;
        flex: 1;
        align-items: center;
    }

    .search-date__input {
        flex: 1;
        margin-right: 5px;
    }

    .search-date__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border: 1px solid #000;
        border-radius: 50%;
        cursor: pointer;
    }

    .search-date__tilde {
        margin: 0 12px;
    }

    .sitemap-box {
        padding: 0 10px;
    }

    .sitemap-list {
        display: flex;
        flex-wrap: wrap;
    }

    .sitemap-list__item {
        width: 100%;
        margin-bottom: 10px;
    }

    .sitemap-list__item:last-child {
        margin-bottom: 0;
    }

    .sitemap-list__link {
        text-decoration: underline;
    }

    .sitemap-list__punctuation {
        display: none;
    }

    .sitemap-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
        padding: 11px 10px;
        border-radius: 4px;
        background: #f5f5f5;
        font-size: 14px;
    }

    .sitemap-heading__link {
        color: #000;
        font-weight: normal;
        text-decoration: underline;
    }

    .sitemap-category {
        margin-bottom: 30px;
    }

    .sitemap-category:last-child {
        margin-bottom: 0;
    }

    .sitemap-category__heading {
        margin-bottom: 13px;
        padding-bottom: 9px;
        border-bottom: 1px solid #dedede;
        font-size: 16px;
        font-weight: bold;
    }

    .sitemap-category__heading-link {
        position: relative;
    }

    .sitemap-category__heading-link::after {
        content: "";
        position: absolute;
        top: 50%;
        right: -17px;
        width: 11px;
        height: 7px;
        transform: translateY(-50%) rotate(-90deg);
        background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
    }

    .star__image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .top-slider {
        margin-bottom: 70px;
    }

    .top-slider__link {
        display: block;
    }

    .top-slider__image {
        width: 100%;
    }

    .top-slider .slick-next,
    .top-slider .slick-prev {
        position: absolute;
        top: 50%;
        width: 24px;
        height: 15px;
        border: 0;
        opacity: 0.5;
        background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
        font-size: 0;
    }

    .top-slider .slick-next {
        right: 10px;
        transform: translateY(-50%) rotate(-90deg);
    }

    .top-slider .slick-prev {
        left: 10px;
        transform: translateY(-50%) rotate(90deg);
    }

    .top-slider .slick-dots {
        display: flex;
        position: absolute;
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%);
    }

    .top-slider .slick-dots li {
        margin-right: 15px;
    }

    .top-slider .slick-dots li:last-child {
        margin-right: 0;
    }

    .top-slider .slick-dots button {
        width: 10px;
        height: 10px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: #dedede;
        font-size: 0;
    }

    .top-slider .slick-dots .slick-active button {
        background: #000;
    }

    .top-about {
        color: #666;
        font-size: 16px;
    }

    .top-image-box {
        margin: 20px calc(50% - 50vw) 40px;
    }

    .top-image-box--less-margin {
        margin: 0 calc(50% - 50vw) 20px;
    }

    .top-image-box__image-pc {
        display: none;
    }

    .top-image-box__image-sp {
        width: 100%;
    }

    .mypage-user {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #dedede;
    }

    .mypage-user-heading {
        margin-bottom: 12px;
        font-size: 18px;
        font-weight: normal;
    }

    .mypage-user-heading__name {
        margin: 0 20px;
        font-weight: bold;
    }

    .mypage-user-coupon__text {
        margin-bottom: 16px;
        font-size: 16px;
    }

    .mypage-user-coupon__text::before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-right: 8px;
        background: url("../img/icon/unique/coupon_unique.svg") no-repeat center/contain;
        vertical-align: -3px;
    }

    .cart {
        padding-top: 30px;
    }

    .cart-in {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        margin: 30px 0;
    }

    .cart-in__box {
        display: flex;
        box-sizing: border-box;
        justify-content: space-between;
        width: 100%;
        padding: 15px;
        border-radius: 4px;
        background: #fff;
    }

    .cart-in__head {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        margin-right: 5px;
        font-size: 12px;
    }

    .cart-in__head::before {
        content: "";
        width: 16px;
        height: 16px;
        margin-right: 4px;
        background: url("../img/icon/unique/cart_unique.svg") no-repeat center/contain;
    }

    .cart-in__data {
        font-size: 18px;
        font-weight: bold;
    }

    .cart-in__unit {
        margin-left: 3px;
        font-size: 10px;
        font-weight: normal;
    }

    .cart-in__button-box {
        margin-top: 15px;
    }

    .cart-section {
        margin-bottom: 30px;
    }

    .cart-section:last-child {
        margin-bottom: 0;
    }

    .cart-list {
        margin-bottom: 30px;
    }

    .cart-list:last-child {
        margin-bottom: 0;
    }

    .cart-list__item {
        margin-bottom: 20px;
        padding-bottom: 30px;
        border-bottom: #dedede 1px solid;
    }

    .cart-list__item:last-child {
        margin-bottom: 10px;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .cart-item-message {
        margin: 20px 0 10px;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }

    .cart-item {
        position: relative;
        min-height: 115px;
        padding-left: 115px;
    }

    .cart-item--image-small {
        padding-left: 85px;
    }

    .cart-item--no-image {
        min-height: 0;
        padding-left: 0;
    }

    .cart-item__image-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
    }

    .cart-item__image-box--small {
        width: 75px;
        height: 75px;
    }

    .cart-item__image {
        width: 100%;
        height: auto;
    }

    .cart-item__name {
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: bold;
    }

    .cart-item__name-link {
        display: block;
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: bold;
        text-decoration: underline;
    }

    .cart-item__name-sub {
        display: block;
        margin-top: 3px;
        font-size: 14px;
        font-weight: normal;
    }

    .cart-item__section {
        margin-bottom: 18px;
    }

    .cart-item__section:last-child {
        margin-bottom: 0;
    }

    .cart-item__data {
        margin-bottom: 8px;
        font-size: 12px;
    }

    .cart-item__data:last-child {
        margin-bottom: 0;
    }

    .cart-item__set-name {
        margin-bottom: 3px;
        font-weight: bold;
    }

    .cart-item__set-name:last-child {
        margin-bottom: 0;
    }

    .cart-item__tag {
        font-size: 12px;
    }

    .cart-item__more {
        margin-left: 8px;
    }

    .cart-item__status {
        margin-right: 15px;
        font-weight: bold;
    }

    .cart-item__status--attention {
        color: #ff3b00;
    }

    .cart-item__complete {
        display: inline-flex;
    }

    .cart-item__text {
        margin-bottom: 20px;
    }

    .cart-item__note {
        max-width: 200px;
        margin: 0 auto 10px;
        padding: 0 25px;
        color: #ff3b00;
    }

    .cart-item__button-box {
        display: flex;
        position: relative;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
        padding: 0 25px;
    }

    .cart-item__button-box:last-child {
        margin-bottom: 0;
    }

    .cart-item__button {
        width: 200px;
    }

    .cart-item__button-or {
        flex-direction: column;
    }

    .cart-item__button-or-text {
        margin-right: 4px;
        font-size: 10px;
    }

    .cart-item__question {
        position: absolute;
        right: 0;
    }

    .cart-item__link {
        margin-bottom: 10px;
        text-align: center;
    }

    .cart-item__link:last-child {
        margin-bottom: 0;
    }

    .cart-item__link--pdf::before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-right: 5px;
        background: url("../img/icon/black/pdf_black.svg") no-repeat center/contain;
        vertical-align: -3px;
    }

    .cart-item__condition {
        max-width: 200px;
        margin: 0 auto 10px;
        padding: 0 25px;
    }

    .cart-item__option-info {
        margin-top: 25px;
        padding-left: 85px;
    }

    .cart-item-body {
        margin-bottom: 20px;
    }

    .cart-item-body:last-child {
        margin-bottom: 0;
    }

    .cart-item-body__item {
        margin-bottom: 20px;
    }

    .cart-item-body__item:last-child {
        margin-bottom: 0;
    }

    .cart-item-body__item--status {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .cart-item-body__item--action {
        margin-left: -115px;
    }

    .cart-item-body__item--pc-action-small {
        margin-left: -115px;
    }

    .cart-item-body__item--amount {
        margin-bottom: 10px;
        text-align: right;
    }

    .cart-item-body__item--amount-add {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 12px;
    }

    .cart-item-body__item--subtotal {
        text-align: right;
    }

    .cart-item-body__chunk {
        margin-bottom: 20px;
    }

    .cart-item-body__chunk:last-child {
        margin-bottom: 0;
    }

    .cart-item-body__basic-info {
        margin-bottom: 18px;
    }

    .cart-item-body__basic-info:last-child {
        margin-bottom: 0;
    }

    .cart-item-body__section {
        margin-bottom: 18px;
    }

    .cart-item-body__section:last-child {
        margin-bottom: 0;
    }

    .cart-item-action {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 15px;
    }

    .cart-item-action:last-child {
        margin-bottom: 0;
    }

    .cart-item-action__delete,
    .cart-item-action__copy {
        margin-bottom: 20px;
        text-decoration: underline;
    }

    .cart-item-action__delete:last-child,
    .cart-item-action__copy:last-child {
        margin-bottom: 0;
    }

    .cart-item-action__delete:hover,
    .cart-item-action__copy:hover {
        text-decoration: none;
    }

    .cart-item-form {
        margin-bottom: 20px;
    }

    .cart-item-form:last-child {
        margin-bottom: 0;
    }

    .cart-item-form__heading {
        margin-bottom: 8px;
    }

    .cart-option-list {
        width: 100%;
        margin-bottom: 20px;
    }

    .cart-option-list:last-child {
        margin-bottom: 0;
    }

    .cart-option-list__item {
        margin-bottom: 22px;
        padding-bottom: 22px;
        border-bottom: 1px solid #dedede;
    }

    .cart-option-list__item:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .cart-option-list__name {
        margin-bottom: 6px;
    }

    .cart-option-table {
        width: 100%;
    }

    .cart-option-table__item {
        padding-bottom: 6px;
    }

    .cart-option-table__price {
        display: block;
        padding-bottom: 6px;
    }

    .cart-option-table__contents {
        display: block;
    }

    .cart-option-table__amount {
        display: block;
        margin-bottom: 10px;
    }

    .cart-option-table__amount:empty {
        display: none;
    }

    .cart-option-table__subtotal {
        display: block;
        padding-bottom: 15px;
    }

    tr:last-child .cart-option-table__subtotal {
        padding-bottom: 0;
    }

    .cart-option-table__subtotal:empty {
        display: none;
    }

    .cart-amount {
        font-size: 16px;
        line-height: 1.2;
        text-align: right;
    }

    .cart-amount__number {
        font-weight: bold;
    }

    .cart-subtotal {
        font-size: 16px;
        line-height: 1.2;
        text-align: right;
    }

    .cart-subtotal__number {
        font-size: 16px;
        font-weight: bold;
    }

    .cart-subtotal__number--discounted {
        color: #ff3b00;
    }

    .cart-subtotal__yen {
        font-size: 16px;
        font-weight: bold;
    }

    .cart-recalculation {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 15px;
        background: #f5f5f5;
    }

    .cart-recalculation__text {
        margin-right: 20px;
        font-size: 12px;
    }

    .cart-recalculation__button-box {
        flex: 0 0 auto;
    }

    .cart-table-form {
        width: 100%;
    }

    .cart-table-form__head {
        display: block;
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: bold;
    }

    .cart-table-form__head:last-child {
        padding-right: 0;
    }

    .cart-table-form__data {
        display: block;
        margin-bottom: 20px;
    }

    .cart-table-form__data:last-child {
        padding-right: 0;
    }

    .cart-option-info-list {
        margin-bottom: 25px;
    }

    .cart-option-info-list__item {
        margin-bottom: 25px;
        padding-top: 25px;
        border-top: 1px solid #dedede;
    }

    .cart-option-info-list__item:last-child {
        margin-bottom: 0;
    }

    .sp-span-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .sp-span-1 {
        flex: 0 0 auto;
        width: 7.33333333%;
    }

    .sp-span-2 {
        flex: 0 0 auto;
        width: 15.66666667%;
    }

    .sp-span-3 {
        flex: 0 0 auto;
        width: 24%;
    }

    .sp-span-4 {
        flex: 0 0 auto;
        width: 32.33333333%;
    }

    .sp-span-5 {
        flex: 0 0 auto;
        width: 40.66666667%;
    }

    .sp-span-6 {
        flex: 0 0 auto;
        width: 48%;
    }

    .sp-span-7 {
        flex: 0 0 auto;
        width: 57.33333333%;
    }

    .sp-span-8 {
        flex: 0 0 auto;
        width: 65.66666667%;
    }

    .sp-span-9 {
        flex: 0 0 auto;
        width: 74%;
    }

    .sp-span-10 {
        flex: 0 0 auto;
        width: 82.33333333%;
    }

    .sp-span-11 {
        flex: 0 0 auto;
        width: 90.66666667%;
    }

    .sp-span-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .row.sp {
        flex-direction: row;
        flex-wrap: wrap
    }

    

    .heading_guide {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 10px;
        font-size: 25px;
        font-weight: bold;
    }



    .heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
        padding: 11px 10px;
        border-radius: 4px;
        background: #f5f5f5;
        font-size: 16px;
    }

    .heading__link {
        color: #000;
        font-weight: normal;
        text-decoration: underline;
    }

    h1.icon,
    h2.icon {
        justify-content: flex-start;
    }

    h1.icon::before,
    h2.icon::before {
        content: '';
        display: inline-block;
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }
    
    h1.heading_guide span{
        font-size: 17px;
    font-weight: bold;
    font-family: Noto sans Japanese;
    color: #fabe00;
    padding-top: 10px;
    letter-spacing: 1px;
    padding-left: 10px;
  }

    .icon.illustrator::before {
        background: url(../img/guide/icon_illustrator.svg);
    }

    .button-base {
        width: 260px;
    }

    .button-secondary {
        display: flex;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        max-width: 100%;
        padding: 12px 15px 11px;
        transition: 0.3s;
        border: 0;
        border-radius: 100vh;
        background: #fabe00;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        background: #000;
        color: #fff;
    }

    a.txt_link {
        color: #0071BC;
        position: relative;
        display: inline-block;
        padding: 0 0 0 16px;
        vertical-align: middle;
        text-decoration: none;
    }

    a.txt_link:hover {
        color: #00589C
    }

    a.txt_link::before {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        content: "";
        vertical-align: middle;
        left: 4px;
        box-sizing: border-box;
        width: 4px;
        height: 4px;
        border: 4px solid transparent;
        border-left: 4px solid #00589C;
    }

    .txt_orange {
        color: #e68012;
        font-weight: bold;
    }

    .txt_white {
        color: #ffffff;
    }

    .txt_red {
        color: #af0000 !important
    }

    .txt_gray {
        color: #cccccc;
    }

    .txt_small {
        font-size: 10px;
    }

    .txt_normal {
        font-size: 12px;
    }

    .txt_large {
        font-size: 15px;
        font-weight: bold;
    }

    .txt_indent {
        text-indent: 20px;
    }

    .mR5 {
        margin-right: 5px;
    }

    .mT5 {
        margin-top: 5px;
    }

    .mT10 {
        margin-top: 10px;
    }
    
    .mT15 {
        margin-top: 15px;
    }

    .mT20 {
        margin-top: 20px;
    }   

    .mT30 {
        margin-top: 30px;
    }

    .mT40 {
        margin-top: 40px;
    }

    .mT50 {
        margin-top: 50px;
    }

    .mT60 {
        margin-top: 60px;
    }

    .mT70 {
        margin-top: 70px;
    }

    .mT80 {
        margin-top: 80px;
    }

    .mT90 {
        margin-top: 90px;
    }

    .mT100 {
        margin-top: 100px;
    }


    .mB10 {
        margin-top: 10px;
    }
    
    .mB15 {
        margin-bottom: 15px;
    }

    .mB20 {
        margin-bottom: 20px;
    }   

    .mB30 {
        margin-bottom: 30px;
    }

    .mB40 {
        margin-bottom: 40px;
    }

    .mB50 {
        margin-bottom: 50px;
    }

    .mB60 {
        margin-bottom: 60px;
    }

    .mB70 {
        margin-bottom: 70px;
    }

    .mB80 {
        margin-bottom: 80px;
    }

    .mB90 {
        margin-bottom: 90px;
    }

    .mB100 {
        margin-bottom: 100px;
    }

    .pd0 {
        padding: 0;
    }
    
    .pd10 {
        padding: 10px !important;
    }

       /* 目次（toc-box）のレスポンシブ対応 */
.toc-box {
  background: #f9f9f9;
  border: 1px solid #ddd;
  padding: 1em;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
}

.toc-box ul {
  margin: 0;
  padding-left: 1.2em;
  list-style: none;
}

.toc-box li {
  margin-bottom: 0.5em;
  line-height: 1.4;
  word-wrap: break-word;
}

.toc-box a {
  text-decoration: none;
  color: #005bac;
  display: block;
}

/* スマホサイズ（768px以下）での調整 */
@media screen and (max-width: 768px) {
  .toc-box {
    font-size: 14px;
    padding: 0.8em;
  }

  .toc-box ul {
    padding-left: 1em;
  }

  .toc-box li {
    margin-bottom: 0.4em;
  }

  .toc-box a {
    word-break: break-word;
  }
}

/* コラム記事内のテーブルだけ横スクロール＆折り返し */
.article-section .article-table {
  display: block;               /* ラッパー代わり */
  width: 100% !important;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-collapse: collapse;
  table-layout: fixed;
}
.article-section .article-table thead,
.article-section .article-table tbody,
.article-section .article-table tr {
  display: table;               /* レイアウト維持 */
  width: 100%;
  table-layout: fixed;
}
.article-section .article-table th,
.article-section .article-table td {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.5;
  vertical-align: top;
}

/* スマホで少し詰める */
@media (max-width: 768px) {
  .article-section .article-table th,
  .article-section .article-table td {
    padding: 10px;
    font-size: 14px;
  }
}

/* 画像のはみ出しも一応ケア */
.article-image,
.article-main-image {
  max-width: 100%;
  height: auto;
  display: block;
}