@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue:wght@300;400;500;600;700;900&display=swap');

@font-face {
    font-family: 'Yu Mincho';
    src: url('/item/s/v2/fonts/yu-mincho-regular.eot'); /* IE9 Compat Modes */
    src: url('/item/s/v2/fonts/yu-mincho-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/item/s/v2/fonts/yu-mincho-regular.woff') format('woff'), /* Modern Browsers */
         url('/item/s/v2/fonts/yu-mincho-regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

:root {
    --font-family__bebas: "Bebas Neue", sans-serif;
    --font-family__yu_mincho: "Yu Mincho","Hiragino Mincho ProN", 'Noto Sans JP', sans-serif;
}

.armless-sofa-top-image-title-container {
    position: absolute;
    bottom: 40px;
    text-align: center;
    width: 100%;
}

.armless-sofa-top-image-container {
    position: relative;
    display: block;
}

.armless-sofa-top-image-title-line-1 {
    display: block;
}

.armless-sofa-top-image-title-line-2 {
    display: block;
    margin: 32px 0;
}

.armless-sofa-comparison-container,
.armless-sofa-introduction-container {
    margin: 60px 0;
    text-align: center;
}

.armless-sofa-introduction-title {
    margin-bottom: 34px;
    text-align: center;
    color: #444;
    font-family: var(--font-family__yu_mincho);
    font-size: 20px;
    font-weight: var(--font-weight-regular);
    letter-spacing: 3px;
}

.armless-sofa-introduction-description {
    margin: 0 20px 60px;
    color: #444;
    font-family: var(--font-family__noto-sans);
    font-size: var(--font-size__small);
    font-weight: 100;
    line-height: 24px;
    /* 169.231% */
    text-align: left;
}

.armless-sofa-title {
    text-align: center;
    margin-bottom: 15px;
    color: #E4E4E4;
    font-family: var(--font-family__bebas);
    font-size: 25px;
    font-weight: var(--font-weight-regular);
    letter-spacing: 7px;
}

.armless-sofa-sub-title {
    text-align: center;
    color: #444;
    font-family: var(--font-family__yu_mincho);
    font-size: 18px;
    font-weight: var(--font-weight-regular);
    letter-spacing: 3px;
    max-width: 211px;
    margin: 0 auto 40px;
}

.armless-sofa-comparison-description {
    margin: 40px 20px;
    color: #444;
    font-family: var(--font-family__noto-sans);
    font-size: var(--font-size__small);
    font-weight: 100;
    line-height: 24px;
    /* 169.231% */
    text-align: left;
}

.armless-sofa-pickup-container {
    background: #DFDAD2;
    Colors Hex Hex Background colors #DFDAD2;
    padding: 60px 20px;
    text-align: center;
    /* text-align: -webkit-center; */
}

.armless-sofa-pickup-title {
    text-align: center;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch;
    color: #949494;
    font-family: var(--font-family__bebas);
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 7px;
}

.armless-sofa-pickup-item-content {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.armless-sofa-pickup-item-name {
    display: block;
    text-align: left;
    color: #444;
    font-family: var(--font-family__noto-sans);
    font-size: var(--font-size__small);
    font-weight: var(--font-weight-medium);
    /* 230.769% */
}

.armless-sofa-pickup-item-category {
    display: block;
    color: #444;
    font-family: var(--font-family__noto-sans);
    font-size: var(--font-size__small);
    font-weight: var(--font-weight-normal);
}

.armless-sofa-recommend-container {
    margin: 60px 20px;
    text-align: center;
}

.armless-sofa-mid-title {
    margin: 40px auto 0;
    color: #444;
    text-align: center;
    font-family: var(--font-family__yu_mincho);
    font-size: 18px;
    font-weight: var(--font-weight-regular);
    letter-spacing: 3px;
    background: linear-gradient(to top, #F4F4F4 40%, transparent 50%);
    width: max-content;
}

.armless-sofa-pickup-item {
    display: inline-block;
    margin: 0 18px;
}

.armless-sofa-pickup-container.pickup-container-2 .armless-sofa-pickup-item:nth-last-of-type(1) {
    margin-top: 40px;
}

.armless-sofa-option-container {
    margin: 75px 27px;
}

.armless-sofa-option-item:not(:first-of-type) {
    margin-top: 40px;
}

.armless-sofa-option-item-title {
    margin: 30px 0 20px;
    color: #444;
    text-align: center;
    font-family: var(--font-family__yu_mincho);
    font-size: var(--font-size__large);
    font-weight: var(--font-weight-regular);
    letter-spacing: 3px;
}

a.armless-sofa-option-item-link,
a.armless-sofa-option-item-link:link,
a.armless-sofa-option-item-link:visited {
    margin: 20px 0 0;
    text-align: center;
    display: flex;
    height: 47px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    background: #B0976E;
    color: var(--color__white);
    font-family: var(--font-family__noto-sans);
    font-size: var(--font-size__small);
    font-weight: var(--font-weight-medium);
    line-height: 125%;
    /* 16.25px */
    letter-spacing: 0.65px;
}

.armless-sofa-support-container {
    padding: 60px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    background: #DFDAD2;
}

.armless-sofa-support-title {
    text-align: center;
    margin-bottom: 15px;
    color: #949494;
    font-family: var(--font-family__bebas);
    font-size: 25px;
    font-weight: var(--font-weight-regular);
    letter-spacing: 7px;
}

.armless-sofa-support-sub-title {
    margin-bottom: 40px;
    text-align: center;
    color: #444;
    font-family: var(--font-family__yu_mincho);
    font-size: 18px;
    font-weight: var(--font-weight-regular);
    letter-spacing: 3px;
}

.armless-sofa-support-item-description {
    margin: 42px 0;
    color: #444;
    font-family: var(--font-family__noto-sans);
    font-size: var(--font-size__small);
    font-weight: 100;
    line-height: 24px;
    /* 169.231% */
}

a.armless-sofa-support-item-link,
a.armless-sofa-support-item-link:link,
a.armless-sofa-support-item-link:visited {
    text-align: center;
    display: flex;
    height: 47px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #B0976E;
    color: var(--color__white);
    font-family: var(--font-family__noto-sans);
    font-size: var(--font-size__small);
    font-weight: var(--font-weight-medium);
    line-height: 125%;
    /* 16.25px */
    letter-spacing: 0.65px;
}

.armless-sofa-main-container .nav-content {
    display: none;
}

.armless-sofa-main-container .ranking-product .ul.active {
    display: block;
}

.armless-sofa-main-container .ranking-product .ul {
    display: none;
}

.armless-sofa-main-container .ranking .swiper-wrapper {
    display: block;
    counter-reset: ranking;
}

.armless-sofa-main-container .ranking .swiper-wrapper .ranking-item {
    width: calc((100vw - 60px) / 2);
    margin-right: 20px;
    display: inline-block;
    vertical-align: top;
}

.armless-sofa-main-container .ranking .swiper-wrapper .ranking-item:nth-of-type(even) {
    margin: 0;
}

.armless-sofa-main-container .ranking .swiper-wrapper .ranking-item:nth-of-type(n+3) {
    margin-top: 20px;
}

.armless-sofa-main-container .ranking .swiper-wrapper .ranking-item:nth-of-type(n+11) {
    display: none;
}

.armless-sofa-main-container .ranking .swiper-custom-button-next,
.armless-sofa-main-container .ranking .swiper-custom-button-prev,
.armless-sofa-main-container .ranking .scrollbar-container {
    display: none;
}

.armless-sofa-ranking-list-button-container {
    text-align: center;
    margin-top: 60px;
}

.armless-sofa-main-container .ranking .ranking-product .ul .swiper-slide .product-img-wrapper {
    position: relative;
    overflow: hidden;
    vertical-align: baseline;
    width: 100%;
    border-radius: 5px;
}

.armless-sofa-main-container .ranking .ranking-product .ul .swiper-slide .product-img-wrapper:before {
    top: 4.5px;
    left: 0px;
    position: absolute;
    z-index: 2;
    color: var(--color__white);
    font-weight: var(--font-weight-bold);
    counter-increment: ranking;
    content: counter(ranking);
    width: 25px;
    text-align: center;
}

.armless-sofa-main-container .ranking .ranking-product .ul .swiper-slide .product-img-wrapper .ranking-index {
    top: 48px;
    left: 0;
    position: absolute;
    z-index: 1;
    height: 68px;
    width: 68px;
    display: block;
    transform-origin: top left;
    transform: rotate(-135deg);
    background: var(--color__gray-555);
    content: "";
}

.armless-sofa-main-container .ranking .ranking-product .ul .swiper-slide:nth-of-type(1) .product-img-wrapper .ranking-index {
    background: var(--color__gold-B09);
}

.armless-sofa-main-container .ranking .ranking-product .ul .swiper-slide:nth-of-type(2) .product-img-wrapper .ranking-index {
    background: var(--color__gray-AAA);
}

.armless-sofa-main-container .ranking .ranking-product .ul .swiper-slide:nth-of-type(3) .product-img-wrapper .ranking-index {
    background: var(--color__gray-8C8);
}

.armless-sofa-main-container .ranking .ranking-product .ul .swiper-slide .product-name {
    margin-top: 6px;
    color: var(--color__gray-AAA);
    font-weight: var(--font-weight-medium);
    font-family: var(--font-family__roboto);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.armless-sofa-main-container .ranking .ranking-product .ul .swiper-slide .product-price {
    font-size: var(--font-size__large);
    color: var(--color__gray-777);
    font-weight: var(--font-weight-bold);
    font-family: var(--font-family__roboto);
}

.armless-sofa-top-image-title-line-1,
.armless-sofa-top-image-title-line-2 {
    color: var(--color__white);
    font-family: var(--font-family__bebas);
    font-size: 50px;
    font-weight: var(--font-weight-regular);
    /* 116% */
    letter-spacing: 16px;
    line-height: 36px;
}

.armless-sofa-top-image-sub-title {
    color: var(--color__white);
    font-family: var(--font-family__yu_mincho);
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    line-height: 36px;
    /* 225% */
    letter-spacing: 1px;
}

img.armless-sofa-comparison-image.-_sp {
    text-align: center;
}

.armless-sofa-comparison-table.advantage-table {
    border: 1px solid #C3B6A7;
    margin-bottom: 40px;
}

.armless-sofa-comparison-table-container {
    margin: 0 20px 60px;
}

.armless-sofa-comparison-table-title {
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    color: var(--color__white);
    text-align: center;
    font-family: var(--font-family__noto-sans);
    font-size: var(--font-size__large);
    font-weight: var(--font-weight-regular);
    line-height: 30px;
    /* 200% */
}

.armless-sofa-comparison-table.advantage-table .armless-sofa-comparison-table-title {
    background: #C3B6A7;
}

.armless-sofa-comparison-table-content {
    display: flex;
    padding: 30px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    text-align: left;
}

.armless-sofa-comparison-table.advantage-table li.armless-sofa-comparison-table-item::before {
    color: #C3B6A7;
}

li.armless-sofa-comparison-table-item {
    color: #444;
    font-family: var(--font-family__noto-sans);
    font-size: var(--font-size__small);
    font-weight: var(--font-weight-normal);
    line-height: 30px;
    display: flex;
}

li.armless-sofa-comparison-table-item::before {
    content: "●";
    display: inline-block;
    margin-right: 10px;
}

.armless-sofa-comparison-table-item-sign {
    display: inline-block;
    margin-right: 10px;
}

.armless-sofa-comparison-table.disadvantage-table .armless-sofa-comparison-table-title {
    background: #C7C7C7;
}

.armless-sofa-comparison-table.disadvantage-table {
    border: 1px solid #C7C7C7;
}

.armless-sofa-comparison-table.disadvantage-table li.armless-sofa-comparison-table-item::before {
    color: #C7C7C7;
}

img.armless-sofa-pickup-image.-_sp {
    display: block;
}

a.armless-sofa-pickup-item-link {
    padding: 9px 20px;
    width: auto;
    height: fit-content;
    align-self: center;
    font-family: var(--font-family__noto-sans);
}

.armless-sofa-ranking-container {
    margin: 60px 20px;
}

.armless-sofa-ranking-container .armless-sofa-sub-title {
    max-width: 100%;
}

.armless-sofa-recommend-description {
    color: #444;
    font-family: var(--font-family__noto-sans);
    font-size: var(--font-size__small);
    font-weight: 100;
    line-height: 24px;
    /* 169.231% */
    margin-top: 20px;
    text-align: left;
}

.armless-sofa-pickup-item-container {
    margin: 0 18px;
}

.armless-sofa-option-container .armless-sofa-sub-title {
    max-width: 100%;
}

.armless-sofa-option-item {
    display: flex;
    padding: 40px 36px;
    flex-direction: column;
    align-items: center;
    border-radius: 15px;
    border: 1px solid #767676;
}

img.armless-sofa-option-item-image.-_sp {
    display: block;
}

.armless-sofa-option-item-description {
    color: #444;
    font-family: var(--font-family__noto-sans);
    font-size: var(--font-size__small);
    font-weight: 100;
    line-height: 24px;
    /* 169.231% */
}

a.armless-sofa-option-item-link:after,
a.armless-sofa-support-item-link:after {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb24tcmlnaHQiPgo8cGF0aCBpZD0iVmVjdG9yIDY2IiBkPSJNNy4yNSAxMy4yNUwxMS4xODc1IDkuNUw3LjI1IDUuNzUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K);
    width: 18px;
    height: 18px;
}

.armless-sofa-support-inner-container {
    text-align: center;
    margin: 0 35.5px;
}

.armless-sofa-support-right-container {
    color: #444;
    font-family: var(--font-family__noto-sans);
    font-size: var(--font-size__small);
    font-weight: 100;
    line-height: 22px;
    /* 169.231% */
    text-align: left;
}

.armless-sofa-comparison-image-container {
    margin: 0 45.5px;
}

.armless-sofa-recommend-image-container {
    margin: 0 46px;
}

.armless-sofa-pickup-container.pickup-container-2 img.armless-sofa-pickup-image {
    display: block;
}

a.armless-sofa-ranking-list-button-link {
    font-family: var(--font-family__noto-sans);
    color: var(--grey-777-price-button, #777);
    text-align: center;
    font-size: var(--font-size__small);
    font-weight: var(--font-weight-medium);
    letter-spacing: 0.91px;
}

@media only screen and (min-width: 678px) {
    .armless-sofa-top-image-title {
        display: flex;
        justify-content: center;
        flex-direction: row;
        margin-bottom: 32px;
    }

    .armless-sofa-top-image-title-line-1,
    .armless-sofa-top-image-title-line-2 {
        display: inline-block;
        margin: 0;
        font-size: 90px;
    }

    .armless-sofa-top-image-title-line-2 {
        margin-left: 20px;
    }

    .armless-sofa-top-image-sub-title {
        font-size: 24px;
    }

    .armless-sofa-top-image-title-container {
        bottom: 125px;
    }

    .armless-sofa-top-image-container {
        max-width: var(--pc-content-width);
        margin: 0 auto;
    }

    .armless-sofa-comparison-container,
    .armless-sofa-introduction-container {
        margin: 100px auto;
    }

    .armless-sofa-introduction-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .armless-sofa-introduction-description {
        max-width: 609px;
        margin: 0 auto 100px;
        font-size: var(--font-base__size);
        line-height: 30px;
        text-align: center;
    }

    .armless-sofa-introduction-image-container {
        max-width: var(--pc-content-width);
        margin: 0 auto;
    }

    .armless-sofa-title {
        font-size: 32px;
        line-height: 36px;
    }

    .armless-sofa-sub-title {
        font-size: 24px;
        max-width: 100%;
        margin: 0 auto 60px;
        line-height: 30px;
    }

    .armless-sofa-comparison-description {
        margin: 80px auto;
        text-align: center;
        font-size: var(--font-base__size);
        line-height: 30px;
    }

    .armless-sofa-comparison-table-container {
        max-width: var(--pc-content-width);
        margin: 0 20px;
        display: flex;
        width: 100%;
        gap: 30px;
    }

    .armless-sofa-comparison-table {
        width: calc((100% - 30px) /2);
    }

    .armless-sofa-comparison-table-title {
        font-size: 18px;
    }

    .armless-sofa-comparison-table-content {
        padding: 30px 60px;
    }

    .armless-sofa-comparison-table.advantage-table {
        margin-bottom: 0;
    }

    .armless-sofa-option-container,
    .armless-sofa-comparison-container {
        max-width: 950px;
        margin: 100px auto;
    }

    .armless-sofa-pickup-container {
        padding-top: 80px;
    }

    .armless-sofa-pickup-title {
        font-size: 32px;
    }

    img.armless-sofa-pickup-image.-_sp {
        display: none;
    }

    .armless-sofa-pickup-item-name {
        display: flex;
        gap: 12px;
        font-size: 16px;
        line-height: 1.6;
    }

    .armless-sofa-pickup-item-category {
        font-size: var(--font-base__size);
        line-height: 1.6;
    }

    .armless-sofa-main-container .ranking .swiper-wrapper .ranking-item {
        width: calc((100% - 80px) / 5);
    }

    .armless-sofa-main-container .ranking .swiper-wrapper .ranking-item:nth-of-type(n+3) {
        margin-top: 0;
    }

    .armless-sofa-main-container .ranking .swiper-wrapper .ranking-item:nth-of-type(n+6) {
        margin-top: 40px;
    }

    .armless-sofa-main-container .ranking .swiper-wrapper div.ranking-item:nth-child(5n+5) {
        margin-right: 0;
    }

    .armless-sofa-main-container .ranking .swiper-wrapper .ranking-item:nth-of-type(even) {
        margin-right: 20px;
    }

    .armless-sofa-ranking-list-button-container {
        margin-top: 40px;
    }

    .armless-sofa-recommend-container {
        margin: 100px auto 80px;
    }

    .armless-sofa-recommend-description {
        max-width: 846px;
        margin: 40px auto 80px;
        text-align: center;
        font-size: var(--font-base__size);
        line-height: 30px;
    }

    .armless-sofa-mid-title {
        font-size: 24px;
        margin-top: 80px;
    }

    .armless-sofa-pickup-container.pickup-container-2 {
        padding: 80px 88px;
    }

    .armless-sofa-pickup-item-container {
        display: flex;
        gap: 40px;
        margin: 0;
    }

    .armless-sofa-pickup-container.pickup-container-2 .armless-sofa-pickup-item:nth-last-of-type(1) {
        margin-top: 0;
    }

    .armless-sofa-pickup-container,
    .armless-sofa-support-container,
    .armless-sofa-recommend-image-container {
        max-width: 1136px;
        margin: 0 auto;
    }

    .armless-sofa-pickup-container.pickup-container-2 .armless-sofa-pickup-item-name {
        display: block;
    }

    .armless-sofa-pickup-item {
        margin: 0 auto;
        max-width: 950px;
    }

    .armless-sofa-pickup-container.pickup-container-2 img.armless-sofa-pickup-image {
        aspect-ratio: 460/309;
    }

    .armless-sofa-pickup-container.pickup-container-2 .armless-sofa-pickup-item {
        width: calc((100% - 40px) / 2);
    }

    .armless-sofa-option-item-container {
        display: flex;
        gap: 30px;
    }

    .armless-sofa-option-item:not(:first-of-type) {
        margin-top: 0;
    }

    .armless-sofa-option-item {
        padding: 40px;
    }

    .armless-sofa-option-item-title {
        font-size: 18px;
    }

    .armless-sofa-option-item-description {
        font-size: var(--font-base__size);
        line-height: 30px;
    }

    .armless-sofa-support-container {
        max-width: 1136px;
        margin: 0 auto;
        padding: 80px 20px;
    }

    .armless-sofa-support-sub-title br {
        display: none;
    }

    .armless-sofa-support-inner-container {
        display: flex;
        gap: 40px;
    }

    .armless-sofa-support-item-description {
        margin: 0 0 30px;
        font-size: var(--font-base__size);
        line-height: 30px;
    }

    a.armless-sofa-support-item-link,
    a.armless-sofa-support-item-link:link,
    a.armless-sofa-support-item-link:visited {
        font-size: var(--font-size__large);
        height: 56px;
    }

    img.armless-sofa-support-item-image {
        display: block;
    }

    .armless-sofa-support-title {
        font-size: 32px;
    }

    .armless-sofa-support-sub-title {
        font-size: 24px;
    }

    .armless-sofa-ranking-container {
        max-width: var(--pc-content-width);
        margin: 100px 20px;
    }

    .armless-sofa-main-container a.product-link:hover {
        text-decoration: none;
    }

    img.armless-sofa-option-item-image {
        aspect-ratio: 76/51;
        display: block;
    }

    .armless-sofa-option-item {
        width: calc((100% - 30px) / 2);
    }

    a.armless-sofa-ranking-list-button-link {
        height: 56px;
        font-size: var(--font-size__large);
    }

    a.armless-sofa-option-item-link,
    a.armless-sofa-option-item-link:link,
    a.armless-sofa-option-item-link:visited {
        height: 56px;
        font-size: 15px;
    }

    .ranking .ranking-product .ul.active:hover .swiper-custom-button-next,
    .ranking .ranking-product .ul.active:hover .swiper-custom-button-prev {
        display: none;
    }
}

@media only screen and (min-width: 1280px) {
    a.armless-sofa-pickup-item-link {
        padding: 16px 10px;
        width: 276px;
        height: 56px;
    }
}

@media only screen and (min-width: 1440px) {
    .armless-sofa-ranking-container {
        max-width: var(--pc-content-width);
        margin: 100px auto;
    }

    .armless-sofa-introduction-image-container,
    .armless-sofa-comparison-table-container {
        max-width: var(--pc-content-width);
        margin: 0 auto;
    }
}