/* カスタマイズ用CSS */
.ec-headerRole{
    padding-top:0;
}

.ec-headerTitle img{
    width: 50%;
}

.ec-headerTitle .ec-headerTitle__title a{
    margin-bottom:0;
}

.price02-default{
    color:#AC84B5;
}

.ec-shelfGrid__item{
    font-weight: bold;
}

.ec-shelfGrid .ec-shelfGrid__item-image{
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ec-shelfGrid .ec-shelfGrid__item img{
    aspect-ratio: 1/1;
    object-fit: contain;
}

.slick-dots{
    display: none!important;
}

.ec-sliderItemRole .item_nav{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.slide-item{
    aspect-ratio: 1;
    display: flex!important;;
    justify-content: center;
    align-items: center;
}

.slide-item img{
    object-fit: contain;
    aspect-ratio: 1;
}

/* 商品一覧 説明部分 */
.Product-description{
    font-size: .8em;
}

/* カテゴリリスト全体の背景色を変更 */
.category-list {
    background-color: #00AD9E; /* 好きな背景色を指定 */
}

/* 各カテゴリアイテムの背景色を変更 */
.category-list .category-item {
    background-color: #ffffff; /* 好きな背景色を指定 */
    padding: 10px; /* スペースを調整 */
    margin: 5px; /* アイテム間の余白を調整 */
    border-radius: 5px; /* 角を丸くしたい場合 */
}

/* カテゴリアイテムにホバーしたときの背景色 */
.category-list .category-item:hover {
    background-color: #00AD9E; /* ホバー時の背景色 */
    transition: background-color 0.3s ease; /* スムーズな変化 */
}

.ec-itemNav{
    background-color: #333;
    margin-bottom: 20px;
    border-radius: 10px;
}

.ec-itemNav li{
    border-right: solid 1px #fff;
}

.ec-itemNav li:first-child{
    border-left: solid 1px #fff;
}

.ec-itemNav li a{
    background-color: #333;
    color: #FFF;
}

.ec-itemNav li a:hover{
    background-color: #666;
    color: #FFF;
}