@charset "UTF-8";

/* 全体背景　背景色変更 */
.pane-contents {
    background: linear-gradient(#f0f6ff 0%, #fef3f7 25%, #fdf8ef 50%, #eef8ff 75%, #faf2fd 100%);
    overflow: hidden;
}

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

    main.pane-main {
        background: linear-gradient(#f0f6ff 0%, #fef3f7 25%, #fdf8ef 50%, #eef8ff 75%, #faf2fd 100%);
        overflow: hidden;
    }

}

/* パンくず　背景色変更 */
/* .pane-topic-path {
    background-color: #f2eefa;
} */

/* 4カテもっと見るボタン　背景色変更 */
/* .block-readmore-button {
    background: linear-gradient(to bottom, rgba(242, 238, 250, 0), rgba(242, 238, 250, 1) 60%);
} */

/* 4カテメニューボタン　背景色変更 */
.page-category .block-category-list--sub .block-category-style--body {
    background-color: #fff;
}

/* ページジャー　背景色変更 */
.block-goods-list--pager-top {
    background: transparent;
}

.block-goods-list--pager-top .pagination {
    background-color: transparent;
}

/* 商品詳細を見る　背景色変更 */
.block-thumbnail-t--btn-detail {
    background-color: #fff;
}

/* 左メニュー　条件クリア　背景色変更 */
.block-leftmenu-filter-btn--clear {
    background-color: #fff;
}

/*  h2日本語用 */
.block-section-title span.notspan {
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 3px;
}

/* 新着商品スライダー化 */
div[id^="aireco_common"] .block-common-lightningrecommend--list {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    z-index: 1;
}

div[id^="aireco_common"] .block-category-top-list ul {
    flex-wrap: nowrap !important;
    gap: 0 !important;
}

div[id^="aireco_common"] .block-category-top-list ul>li {
    width: 195px;
}

div[id^="aireco_common"] .block-category-top-list ul>li .block-category-top-item--img {
    width: 195px;
    height: 195px;
}

div[id^="aireco_common"] .swiper-scrollbar-wrap {
    margin-top: 35px;
}

/* ランキングスライダー化 */
div[id^="aireco_ranking"] .block-ranking-lightningrecommend--goods .block-ranking-r {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    z-index: 1;
}

div[id^="aireco_ranking"] div.block-ranking-r ul.block-ranking-r--items {
    flex-wrap: nowrap !important;
    gap: 0 !important;
}

div[id^="aireco_ranking"] div.block-ranking-r .swiper-scrollbar-wrap {
    margin-top: 15px;
}

/* 元のカテゴリリンク非表示 */
.block-category-style-g--items {
    display: none;
}

/* ----------------------------------
追記 25/11改修
---------------------------------- */
.pc {
    display: block;
}

.sp {
    display: none;
}

.block-content-wrapper {
    margin: 50px auto;
}

.block-content {
    padding: 50px 40px 60px;
}

.block-content a:hover,
.block-content a:focus {
    text-decoration: none;
}

.block-content img {
    display: block;
}

.content_title {
    margin: 0 auto 30px;
    text-align: center;
    font-weight: bold;
}

/* カテゴリで選ぶ */
.block-category {
    background: #F5D9E8;
}

.block-category .category-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}

.block-category .category-list li {
    width: calc((100% - 10px)/2);
    display: flex;
    text-align: center;
}

.block-category .category-list li a {
    display: block;
    width: 100%;
    padding: 20px 24px 20px 10px;
    font-size: 14px;
    font-weight: bold;
    background: #fff;
    border: solid 2px #EACCE5;
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
}

.block-category .category-list li a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 14px;
    width: 7px;
    height: 7px;
    border-right: 2px solid #EAA6E8;
    border-bottom: 2px solid #EAA6E8;
    transform: translateY(-50%) rotate(-45deg);
    top: 50%;
}

/* 画面幅 780px 以下　SP向け ------------ */
@media only screen and (max-width: 780px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    .block-content-wrapper {
        margin: 0 auto;
    }

    .block-content {
        padding: 40px 20px 50px;
    }

    .content_title {
        margin: 0 auto 20px;
        font-size: 25px;
    }

    /* カテゴリで選ぶ */
    .block-category .category-list li {
        width: 100%;
    }
}