/* カスタマイズ用CSS */
@media only screen and (min-width: 768px){

    .ec-shelfGrid .ec-shelfGrid__item-image {
        height: 150px;
    }
}

.ec-sliderRole {
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
}


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

a {
    color: #999999;
    transition: .3s;
    
}
a:hover {
    color: #999999;
    background-color: rgb(201, 201, 201);
    text-decoration: none;
}

#AllWrap{

}
    .Category_Wrap{
        /* width: 240px; */

    }
    @media screen and (max-width: 768px) {
        .Category_Wrap{
        display: none;
        
        }
    }
    .Category_nav{
        /* background-color: beige; */
    
    }
    .Category_nav > li > a{
        display: block;
        width: 100%;
        padding: 10px;
        border: 1px solid #999999;
    }











    .Special_nav{
        display: flex;
        width: 100%;
        overflow-x: scroll;
    }
    .Special_nav > li{
        margin-right: 16px;
    }
    .Special_nav > li > a{
        display: block;
        width: 308px;
        height: auto;
    }
    .Special_nav > li > a > img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }











    #Category_AllView_Wrap{
        margin-top: 24px;
    }
    .Category_View{
        border-left: #ccc 1px solid;
    }
    .Category_View > dt > a{
        color: #353535;;
        display: block;
        padding: 5px;
        margin-bottom: 5px;
    }
    .Category_View > dt > a:hover {
        color: #0f0f0f;
    }
    .Category_View > dd > a {
        color: #1b1b1b;;
        display: block;
        padding: 5px;
    }