@charset "Shift_JIS";

/*==============================================
共通 ここから
================================================*/

/* 変数指定 */
:root {
    --font-size-text: 1.6cqw;
    --margin-space-beside: 3.5em;
    --margin-space-vertical: 3em;
}

footer .footer-inner, header .header, header .information, main, main#wrapper, nav .category_nav {
    margin: 0;
    padding: 0;
    max-width: none;
}

article#contents {
    padding-bottom: 0;
}
footer {
    position: relative;
    z-index: 1000;
    border-top: 2px solid #222;
}
footer .footer-inner {
    padding: 30px 0 !important;
}

.smp-none {
    display: block;
}
.pc-none {
    display: none;
}

/*==============================================
#brandlist2025 共通 STR
================================================*/

#brandlist2025 * {
    box-sizing: border-box;
}

#brandlist2025 {
    background-color: #ececec;
}
#brandlist2025 .brandlist2025-inner {
    border-left: 2px solid #222;
    border-right: 2px solid #222;
}
#brandlist2025 .brandlist2025-section {
    padding: var(--margin-space-vertical) 0;
}

/*==============================================
#brandlist2025 共通 END
================================================*/

/* タイトル */
#brandlist2025 .brandlist2025-section.top .top-title {
    padding-bottom: .6em;
}
#brandlist2025 .brandlist2025-section.top .top-title__text__h1 {
    width: 40em;
}

#brandlist2025 .brandlist2025-section.top .top-title__text__orange {
    font-size: 1.3em;
}
#brandlist2025 .brandlist2025-section.top .top-title__shodowText {
    width: 18em;
}

/* アンカーリンク */
#brandlist2025 .brandlist2025-section.top .top-anchor__text {
    font-size: 1.2em;
    margin-bottom: .3em;
}
#brandlist2025 .brandlist2025-section.top .top-anchor__flex {
    gap: 2%;
}
#brandlist2025 .brandlist2025-section.top .top-anchor__flex .flex-item {
    width: 23.5%;
    padding: .2em 1.5em .4em;
}
#brandlist2025 .brandlist2025-section.top .top-anchor__flex .flex-item:nth-of-type(1),
#brandlist2025 .brandlist2025-section.top .top-anchor__flex .flex-item:nth-of-type(2),
#brandlist2025 .brandlist2025-section.top .top-anchor__flex .flex-item:nth-of-type(3),
#brandlist2025 .brandlist2025-section.top .top-anchor__flex .flex-item:nth-of-type(4) {
    margin-top: 0;
}


#brandlist2025 .brandlist2025-section .section-title {
    margin: 0 auto 1em;
    padding: 0 5em;
    clip-path: polygon(0 0, 93% 0, 100% 100%, 7% 100%);
}

#brandlist2025 .brandlist2025-section .bland-item-inner {
    overflow: visible;
    gap: 2%;
    padding-bottom: 0;
}

#brandlist2025 .brandlist2025-section .bland-item {
    width: 32%;
    min-width: 32%;
    margin-right: 0;

    /* スライダー表示処理 */
    display: none;
    flex-direction: column;
}

#brandlist2025 .brandlist2025-section .bland-item__copy {

}

.slider-arrow {
    position: absolute;
    top: 50%;  
    transform: translateY(-50%);
    width: 2.5em;
    height: 2.5em;
    background: #2222229c;
    display: none;
    justify-content: center;
    align-items: center;
    border-radius: 100vw;
    z-index: 1;
    border: 1px solid #ffffff;

    .arrow {
        position: relative;
        width: 9px;
        height: 9px;
    }
    
    .arrow::before,
    .arrow::after {
        content: "";
        position: absolute;
        top: calc(50% - 2px);
        right: 0;
        width: 9px;
        height: 3px;
        border-radius: 9999px;
        background-color: #ffffff;
        transform-origin: calc(100% - 1px) 50%;
    }
    
    .arrow::before {
        transform: rotate(45deg);
    }
    
    .arrow::after {
        transform: rotate(-45deg);
    }
}

.slider-arrow.prev-label {
    left: .35em;

    .arrow {
        transform: rotate(-180deg);
        margin-right: -1px;
    }
}

.slider-arrow.next-label {
    right: .35em;
}

/* ページネーション サークル */
#brandlist2025 .bland-item-wrap .slider-pagination {
    display: flex;
    justify-content: center;
    gap: .5em;
    margin-bottom: 1em;
}
#brandlist2025 .bland-item-wrap .slider-pagination__cir {
    width: .8em;
    height: .8em;
    background-color: #ffffff;
    border-radius: 100vw;
    border: 1px solid #FFF;
}

/* ラジオボタン表示処理 */
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(1):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(1) {
    background-color: var(--color-active);
}
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(2):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(2) {
    background-color: var(--color-active);
}
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(3):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(3) {
    background-color: var(--color-active);
}
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(4):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(4) {
    background-color: var(--color-active);
}
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(5):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(5) {
    background-color: var(--color-active);
}

/* 表示処理 */
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(1):checked ~ .bland-item-inner .bland-item:nth-of-type(1),
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(1):checked ~ .bland-item-inner .bland-item:nth-of-type(2),
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(1):checked ~ .bland-item-inner .bland-item:nth-of-type(3), 
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(1):checked ~ .slider-arrow:nth-of-type(1),
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(1):checked ~ .slider-arrow:nth-of-type(2) {
    display: flex;
}
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(2):checked ~ .bland-item-inner .bland-item:nth-of-type(4),
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(2):checked ~ .bland-item-inner .bland-item:nth-of-type(5),
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(2):checked ~ .bland-item-inner .bland-item:nth-of-type(6), 
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(2):checked ~ .slider-arrow:nth-of-type(3),
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(2):checked ~ .slider-arrow:nth-of-type(4)  {
    display: flex;
}
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(3):checked ~ .bland-item-inner .bland-item:nth-of-type(7),
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(3):checked ~ .bland-item-inner .bland-item:nth-of-type(8),
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(3):checked ~ .bland-item-inner .bland-item:nth-of-type(9), 
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(3):checked ~ .slider-arrow:nth-of-type(5),
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(3):checked ~ .slider-arrow:nth-of-type(6)   {
    display: flex;
}
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(4):checked ~ .bland-item-inner .bland-item:nth-of-type(10),
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(4):checked ~ .bland-item-inner .bland-item:nth-of-type(11),
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(4):checked ~ .bland-item-inner .bland-item:nth-of-type(12), 
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(4):checked ~ .slider-arrow:nth-of-type(7),
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(4):checked ~ .slider-arrow:nth-of-type(8) {
    display: flex;
}
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(5):checked ~ .bland-item-inner .bland-item:nth-of-type(13),
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(5):checked ~ .bland-item-inner .bland-item:nth-of-type(14),
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(5):checked ~ .bland-item-inner .bland-item:nth-of-type(15), 
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(5):checked ~ .slider-arrow:nth-of-type(9),
#brandlist2025 .bland-item-wrap .radio-slider:nth-of-type(5):checked ~ .slider-arrow:nth-of-type(10) {
    display: flex;
}

/* 終了日アイコン */
#brandlist2025 .brandlist2025-section.top .top-title__shodowDay {
    width: 9em;
    height: 9em;
    padding: 1em;
    top: .7em;
    right: .7em;
}

/* 一覧 見出し */
#brandlist2025 .brandlist2025-section .list-title {
    margin: 0 auto .7em;
    padding: .6em 5em;
    display: block;
    width: max-content;
    clip-path: polygon(0 0, 93% 0, 100% 100%, 7% 100%);
}

/* ブランド一覧 */
#brandlist2025 .brandlist2025-section .list-bland {
    gap: 2%;
}
#brandlist2025 .brandlist2025-section .list-bland .bland-logo{
    width: 23.5%;
    padding: .4em 1.5em .4em;
}
#brandlist2025 .brandlist2025-section .list-bland .bland-logo:nth-of-type(1),
#brandlist2025 .brandlist2025-section .list-bland .bland-logo:nth-of-type(2),
#brandlist2025 .brandlist2025-section .list-bland .bland-logo:nth-of-type(3),
#brandlist2025 .brandlist2025-section .list-bland .bland-logo:nth-of-type(4) {
    margin-top: 0;
}

/* カテゴリ一覧 */
#brandlist2025 .brandlist2025-section .list-category {
    margin-bottom: 3em;
}
#brandlist2025 .brandlist2025-section .list-category__item {
    width: 23.5%;
}
#brandlist2025 .brandlist2025-section .list-category__item:nth-of-type(1),
#brandlist2025 .brandlist2025-section .list-category__item:nth-of-type(2),
#brandlist2025 .brandlist2025-section .list-category__item:nth-of-type(3),
#brandlist2025 .brandlist2025-section .list-category__item:nth-of-type(4) {
    margin-top: 0;
}