/* =========================
   商品一覧
========================= */

#item-list-section{
    padding:110px 0;
    background:
        linear-gradient(
            to bottom,
            #050002,
            #120009 45%,
            #050002
        );
}

.item-list-header{
    width:90%;
    max-width:900px;
    margin:0 auto 70px;
    text-align:center;
}

.item-list-label{
    color:#b08d57;
    font-size:15px;
    letter-spacing:0.18em;
    font-style:italic;
    margin-bottom:16px;
}

.item-list-header h1{
    color:#fff;
    font-size:42px;
    line-height:1.6;
    letter-spacing:0.08em;
    margin-bottom:22px;
}

.item-list-copy{
    color:#d8d8d8;
    font-size:16px;
    line-height:2.1;
    letter-spacing:0.04em;
}

.peladan-item-grid{
    width:92%;
    max-width:1100px;
    margin:0 auto;
    padding:0;
    list-style:none;
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:46px 34px;
}

.peladan-item-card{
    background:
        linear-gradient(
            to bottom,
            rgba(18,0,9,0.92),
            rgba(0,0,0,0.96)
        );
    border-top:1px solid rgba(176,141,87,0.22);
}

.peladan-item-image{
    display:block;
    width:94%;
    margin:34px auto 0;
    overflow:hidden;
}

.peladan-item-image img{
    width:100%;
    display:block;
    filter:brightness(82%) contrast(105%);
}

.peladan-item-content{
    padding:20px 18px 24px;
    text-align:center;
}

.peladan-limited{
    display:inline-block;
    color:#d0b06d;
    font-size:12px;
    letter-spacing:0.08em;
    margin-bottom:14px;
    border-bottom:1px solid rgba(176,141,87,0.35);
    padding-bottom:4px;
}

.peladan-item-content h2{
    margin-bottom:18px;
}

.peladan-item-content h2 a{
    color:#fff;
    font-size:20px;
    line-height:1.7;
    letter-spacing:0.06em;
    text-decoration:none;
}

.peladan-item-price{
    color:#d0b06d;
    font-size:16px;
    margin-bottom:20px;
}

.peladan-item-text{
    color:#d8d8d8;
    font-size:14px;
    line-height:2;
    letter-spacing:0.04em;
    margin-bottom:24px;
    text-align:left;
}

.peladan-item-btn{
    color:#d0b06d;
    font-size:13px;
    text-decoration:none;
    letter-spacing:0.08em;
    border-bottom:1px solid rgba(176,141,87,0.35);
    padding-bottom:5px;
}

.pager-numbers{
    text-align:center;
    margin:70px 0 0;
}

.pager-numbers a,
.pager-numbers span{
    display:inline-block;
    margin:0 5px 10px;
    padding:8px 13px;
    color:#d0b06d;
    border:1px solid rgba(176,141,87,0.3);
    text-decoration:none;
}

.pager-numbers .current{
    color:#fff;
    background:rgba(176,141,87,0.18);
}

@media screen and (max-width:900px){

#item-list-section{
    padding:80px 0;
}

.item-list-header h1{
    font-size:32px;
}

.item-list-copy{
    text-align:left;
    font-size:15px;
}

.peladan-item-grid{
    display:block;
    width:88%;
}

.peladan-item-card{
    margin-bottom:54px;
}

.peladan-item-image{
    width:72%;
}

.peladan-item-content h2 a{
    font-size:19px;
}

.peladan-item-text{
    font-size:14px;
}

}

/* 商品一覧：スマホも2列表示 */

@media screen and (max-width:900px){

    .peladan-item-grid{
        display:grid !important;
        grid-template-columns:repeat(2, 1fr);
        gap:18px 12px;
        width:92%;
    }

    .peladan-item-card{
        margin-bottom:0;
    }

    .peladan-item-image{
        width:86%;
        margin:18px auto 0;
    }

    .peladan-item-content{
        padding:12px 10px 16px;
    }

    .peladan-limited{
        font-size:10px;
        margin-bottom:8px;
    }

    .peladan-item-content h2{
        margin-bottom:10px;
    }

    .peladan-item-content h2 a{
        font-size:13px;
        line-height:1.5;
    }

    .peladan-item-price{
        font-size:12px;
        margin-bottom:10px;
    }

    .peladan-item-text{
        display:none;
    }

    .peladan-item-btn{
        font-size:11px;
    }

}

/* =========================
   商品一覧ページ：サイド
========================= */

#side{
    width:260px;
    margin-left:34px;
}

#side section,
#side aside{
    background:rgba(18,0,9,0.92);
    border-top:1px solid rgba(176,141,87,0.22);
    margin-bottom:34px;
    padding:24px 20px;
    box-sizing:border-box;
}

#side h2{
    color:#d0b06d;
    font-size:16px;
    letter-spacing:0.08em;
    margin-bottom:18px;
    text-align:center;
}

#side a{
    color:#d8d8d8;
    text-decoration:none;
}

#side a:hover{
    color:#d0b06d;
}

#side ul{
    margin:0;
    padding:0;
    list-style:none;
}

#side li{
    border-bottom:1px solid rgba(176,141,87,0.12);
}

#side li a{
    display:block;
    padding:10px 0;
    font-size:13px;
    line-height:1.7;
}

#side img{
    max-width:100%;
    height:auto;
}

.side-pay{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.side-pay img{
    width:100%;
    display:block;
}

@media screen and (max-width:900px){

    #side{
        width:88%;
        margin:80px auto 0;
    }

}