/* Minification failed. Returning unminified contents.
(1739,23): run-time error CSS1038: Expected hex color, found '#3336'
 */
@charset "UTF-8";

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
}

/* 検索のジャンルトップのランキング表示 ここから*/
.search-result .genretop-wrapper .container-flex .product-item {
    -ms-flex-basis: calc(25% - 9px);
    -webkit-flex-basis: calc(25% - 9px);
    flex-basis: calc(25% - 9px);
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 10px;
}

    .search-result .genretop-wrapper .container-flex .product-item.large .product-item-photo {
        display: block;
        width: 100%;
        height: auto;
    }

    .search-result .genretop-wrapper .container-flex .product-item.large .product-item-details {
        display: block;
        width: 100%;
    }

    .search-result .genretop-wrapper .container-flex .product-item.large .product-item-name {
        font-weight: 500;
    }

    .search-result .genretop-wrapper .container-flex .product-item.large .price-box {
        text-align: center;
        margin-bottom: 3px;
        min-height: 22px;
    }

    .search-result .genretop-wrapper .container-flex .product-item.large .product-item-rating {
        margin-bottom: 5px;
        text-align: center;
    }

        .search-result .genretop-wrapper .container-flex .product-item.large .product-item-rating i.icon.icon-star-half {
            color: #ffa500;
        }

.search-result .genretop-wrapper h2 {
    margin-bottom: 10px;
}

.search-result .genretop-wrapper .text-right .see-more {
    color: #333745;
    font-size: 15px;
    padding: 1px 5px;
}

    .search-result .genretop-wrapper .text-right .see-more:hover {
        border-bottom: 1px solid #333745;
    }

.search-result .genretop-wrapper .container-flex .product-item.large .add-to-cart {
    width: 100%;
    display: block;
}

@media screen and (min-width: 992px) {
    .search-result .genretop-wrapper .btn.add-to-cart {
        padding: 0 8px;
        font-size: 13px;
    }
}

@media screen and (max-width: 991px) {
    .search-result .genretop-wrapper .container-flex {
        display: block;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        white-space: nowrap;
        width: calc(100vw - 30px);
    }

        .search-result .genretop-wrapper .container-flex .product-item {
            display: inline-block;
            white-space: normal;
        }

            .search-result .genretop-wrapper .container-flex .product-item.large .add-to-cart > span {
                font-size: 8px;
                line-height: 9px;
                display: block;
                position: relative;
                bottom: 1px;
            }

    .search-result .genretop-wrapper .product-item.large {
        padding-left: 5px;
        padding-right: 5px;
    }

        .search-result .genretop-wrapper .product-item.large .product-item-info .product-item-details {
            display: block;
            width: 100%;
        }

        .search-result .genretop-wrapper .product-item.large .product-item-info .product-item-photo {
            display: block;
            width: 100%;
            padding: 0;
        }

    .search-result .genretop-wrapper .container-flex .product-item.large .add-to-cart {
        position: relative;
        left: 0;
        right: 0;
    }

    .search-result .genretop-wrapper .container-flex .product-item.large .price-box .special-price {
        font-size: 19px;
    }

    .search-result .genretop-wrapper .container-flex .product-item.large .product-item-rating {
        text-align: center;
    }

    .search-result .genretop-wrapper .product-item .product-item-rating i.icon {
        margin-right: 1px;
    }

    .search-result .genretop-wrapper .container-flex .product-item.large .product-item-rating > span {
        font-size: 0;
    }

    .search-result .genretop-wrapper .container-flex .product-item.large .badge {
        position: absolute;
        top: 4px;
        left: 4px;
        line-height: 1.2;
        border-radius: 20px;
    }
}

@media screen and (max-width: 320px) {
    .search-result .genretop-wrapper .container-flex .product-item.large .price-box .special-price {
        font-size: 17px;
    }

    .genretop-wrapper .product-item .product-item-name {
        font-size: 14px;
    }

    .search-result .genretop-wrapper .container-flex {
        margin-left: -10px;
        width: calc(100vw - 20px);
    }
}
/* ランキング表示数の分岐 */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .search-result .genretop-wrapper .container-flex .product-item.large {
        margin-left: 4px;
        margin-right: 4px;
        margin-bottom: 8px;
        width: 25%;
    }
}
/* ランキング表示数の分岐 */
@media screen and (max-width: 767px) {
    .search-result .genretop-wrapper .container-flex .product-item.large {
        margin-left: 2px;
        margin-right: 2px;
        margin-bottom: 6px;
        padding-left: 0;
        padding-right: 0;
        width: 34%;
    }

    .search-result .genretop-wrapper .product-item.large .product-item-details {
        padding: 6px;
    }
}

.search-result div.head-title h1.h1-style.brandtop {
    font-size: 36px;
}

    .search-result div.head-title h1.h1-style.brandtop span {
        display: block;
        font-size: 20px;
        margin-top: 6px;
    }

@media screen and (max-width:767px) {
    .search-result div.head-title h1.h1-style.brandtop {
        font-size: 26px;
        line-height: 1.1;
    }

        .search-result div.head-title h1.h1-style.brandtop span {
            font-size: 12px;
            margin-top: 4px;
        }
}
/* SEO対策でh2タグの表示調整 */
#searchResult .special-area .h2-style-custom {
    font-size: 40px;
    line-height: 60px;
    font-weight: 400;
    margin: 25px auto 0;
    padding: 0;
    color: #333745;
    border-bottom: none;
}

@media screen and (max-width:767px) {
    #searchResult .special-area .h2-style-custom {
        font-size: 28px;
        line-height: 40px;
        margin-top: 10px;
    }
}

/* 250422おすすめ枠スタイル追加 */

.buyer-carousel-wrapper{
    background: #e3e3e3;
    margin: 10px 8px 15px 8px;
}
.buyer-carousel-wrapper .container-flex{
    display: block;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}
.buyer-carousel-wrapper .carousel-title{
    padding: 8px 0 5px 10px;
    font-weight: bold;
    color: #333745;
}
#BuyerCarousel .product-item.large .product-item-info .product-item-details .product-item-name span{
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#BuyerCarousel .product-item.large .product-item-info .product-item-details .product-item-name span:nth-child(2){
    font-size: 12px;
}
#BuyerCarousel .product-item.large .product-item-info .product-item-details .price-box .price-container .price-wrapper .price.highlights{
    font-size: 15px !important;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    #BuyerCarousel .product-item.large {
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 8px;
    width: 25%;
    }
}
@media screen and (max-width: 991px) {
    #BuyerCarousel .product-item.large {
    display: inline-block;
    white-space: normal;
    }
}
@media screen and (max-width: 991px) {
    #BuyerCarousel .product-item.large .product-item-info .product-item-details {
    display: block;
    width: 100%;
    }
}
@media screen and (max-width: 991px) {
    #BuyerCarousel .product-item.large .product-item-info .product-item-photo {
    display: block;
    width: 100%;
    padding: 0;
    }
}
@media screen and (max-width: 767px) {
    #BuyerCarousel .product-item.large {
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 6px;
    padding-left: 5px;
    padding-right: 5px;
    width: 34%;
    }
}

/* 250515売れ筋ランキング枠スタイル追加 */

.best-seller-carousel-wrapper{
    background: #e3e3e3;
    margin: 10px 8px 15px 8px;
}
.best-seller-carousel-wrapper .container-flex{
    display: block;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}
.best-seller-carousel-wrapper .carousel-title{
    padding: 8px 0 5px 10px;
    font-weight: bold;
    color: #333745;
}
.best-seller-carousel-wrapper .see-more{
    font-weight: bold;
    color: #002899;
    display: block;
    text-align: right;
    padding: 5px 10px 5px 0;
}
.best-seller-carousel-wrapper .see-more:hover{
    text-decoration: none;
}
#BestsellerCarousel .product-item.large .product-item-info .product-item-details .product-item-name span{
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#BestsellerCarousel .product-item.large .product-item-info .product-item-details .product-item-name span:nth-child(2){
    font-size: 12px;
}
#BestsellerCarousel .product-item.large .product-item-info .product-item-details .price-box .price-container .price-wrapper .price.highlights{
    font-size: 15px !important;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    #BestsellerCarousel .product-item.large {
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 8px;
    width: 25%;
    }
}
@media screen and (max-width: 991px) {
    #BestsellerCarousel .product-item.large {
    display: inline-block;
    white-space: normal;
    }
}
@media screen and (max-width: 991px) {
    #BestsellerCarousel .product-item.large .product-item-info .product-item-details {
    display: block;
    width: 100%;
    }
}
@media screen and (max-width: 991px) {
    #BestsellerCarousel .product-item.large .product-item-info .product-item-photo {
    display: block;
    width: 100%;
    padding: 0;
    }
}
@media screen and (max-width: 767px) {
    #BestsellerCarousel .product-item.large {
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 6px;
    padding-left: 5px;
    padding-right: 5px;
    width: 34%;
    }
}
@media screen and (max-width: 991px) {
    #BestsellerCarousel .product-item-gallery-main a .badge {
    position: absolute;
    top: 4px;
    left: 4px;
    line-height: 1.2;
    border-radius: 20px;
    }
}

/* タグ特集の検索結果ページ
-----------------------------------------------------------------*/
.featured-tag .special-area-cover img {
    width: 100%;
}

.featured-tag .special-area-cover p {
    margin: 25px 0;
    font-size: 16px;
}

.featured-tag .block.full-nopad {
    margin: 20px auto 10px;
    width: 100%;
}

    .featured-tag .block.full-nopad .container > p {
        margin: 25px 0;
        font-size: 16px;
    }
/* 見出し */
.featured-tag .h1-style {
    font-size: 42px;
    line-height: 1.2;
    margin-top: 30px;
}

@media screen and (max-width:767px) {
    .featured-tag .h1-style {
        font-size: 29px;
        line-height: 1.2;
        margin-top: 40px;
    }
}
/* 詳細タグの大きさ */
.featured-tag .row a p.tag-base {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    color: #ffffff;
}

.featured-tag .row a p.tag-fishing {
    background: rgba(21, 84, 115, 0.7);
}

.featured-tag .row a p.tag-large {
    font-weight: bold;
    font-size: 28px;
    padding: 10px 15px;
}

.featured-tag .row a p.tag-small {
    font-weight: bold;
    font-size: 13px;
    padding: 6px 10px;
}

@media screen and (max-width: 767px) {
    .featured-tag .row a p.tag-large {
        font-weight: bold;
        font-size: 18px;
        padding: 6px 12px;
    }

    .featured-tag .row a p.tag-small {
        font-weight: bold;
        font-size: 11px;
        padding: 5px 5px;
    }
}

.featured-tag .full-nopad > .container .brand [class*="col-"] {
    padding: 5px;
}

.cancellation {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 4px
}

    .cancellation a {
        color: #333745;
        cursor: pointer;
    }

.page-main #searchForm > .inertia-carousel {
    padding-left: 5px;
    margin-bottom: -2px;
}

    .page-main #searchForm > .inertia-carousel li {
        display: inline-block;
        border-radius: 5px;
        background: #fff;
        padding: 5px 10px;
    }

        .page-main #searchForm > .inertia-carousel li a {
            color: #333745;
        }

/* 通常の検索結果ページ
-----------------------------------------------------------------*/
.search-result .breadcrumbs {
    margin-top: 0;
}

.search-result .product-item.large .price-box .price {
    font-weight: normal;
    color: #333745;
    font-size: 22px;
}

.search-result .product-item.large.category1 .highlights {
    font-weight: bold;
    color: #f82e56;
}

.search-result .product-item.large.category1 .price.highlights {
    color: #e30000;
}

.search-result .product-item.large.category1 .price-box .price.highlights {
    font-size: 22px;
    line-height: 1.2;
}

.search-result .price-box .price.highlights .tax-included {
    font-size: 10px;
    font-weight: normal;
    line-height: 11px;
}

.search-result .number-of-items {
    line-height: 35px;
}

.search-result .sidebar-block.selected::after {
    opacity: 0;
}

.search-result ul.category-list li.active a::before {
    opacity: 0;
}

.search-result ul.category-list.checkbox-group li {
    border-bottom: none;
    margin-bottom: 4px;
}

.search-result .container .head-title {
    text-align: center;
    color: #fff;
    margin-top: 18px;
    margin-bottom: 18px;
}

    .search-result .container .head-title div.h1 {
        padding-top: 15px;
        font-size: 36px;
        margin-bottom: 5px;
    }

    .search-result .container .head-title div.caption {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10px;
        font-size: 13px;
    }

    .search-result .container .head-title p.caption {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10px;
        font-size: 12px;
    }

.search-result ul.category-list > ul.category-list.second {
    margin-left: 20px;
}

.search-result ul.category-list.second > li a {
    font-size: 14px;
}

.search-result ul.category-list > ul.category-list.second ul.category-list.third {
    margin-left: 20px;
}

.search-result ul.category-list.second ul.category-list.third > li a {
    font-size: 14px;
}

.search-result .cancellation + ul.category-list > li > a {
    margin-left: 0;
}

@media screen and (min-width: 992px) {
    body.boxed .search-result .products-grid:not(.carousel-negative):not(.product-variant-4),
    .block.boxed .products-grid:not(.carousel-negative):not(.product-variant-4),
    .block.fullboxed .products-grid:not(.carousel-negative):not(.product-variant-4) {
        margin-left: -10px;
    }

    .search-result .breadcrumbs {
        margin-bottom: -10px;
    }

    .search-result ul.category-list li a:not(.clear)::before {
        top: 6px;
    }

    .search-result .product-variant-5 .product-item.large .product-item-name span:last-child {
        font-size: 12px;
    }

    .search-result .product-variant-5 .product-item.large .product-item-name span:first-child {
        font-size: 10px;
    }

    .supplemental {
        font-size: 10px;
    }

    .bundle-discont {
        font-size: 10px;
    }

    .search-result .product-item.large .price-box .price {
        line-height: 36px;
    }
}

@media screen and (max-width: 991px) {
    .search-result .product-item.large .product-item-info .product-item-photo {
        display: table-cell;
        width: 33%;
        padding: 10px 5px;
    }

    .search-result .product-item.large .product-item-info .product-item-details {
        display: table-cell;
        width: 67%;
    }

    .search-result .product-variant-5 .product-item.large .price-box {
        margin-top: 1px;
        text-align: left;
    }

    .search-result .product-variant-5 .product-item.large .product-labels > div {
        font-size: 12px;
    }

    .search-result .products-grid.product-variant-5 .product-item.large .product-item-rating {
        text-align: left;
        margin-bottom: 5px;
        line-height: 15px;
    }

    .search-result .products-grid.product-variant-5 .product-item.large {
        margin-bottom: 5px;
        margin-left: 0;
    }

    .supplemental {
        font-size: 10px;
        margin-top: 2px;
    }

        .supplemental span {
            display: block;
        }

    .search-result .products-grid.product-variant-5 .product-item.large .add-to-cart {
        display: block;
        position: absolute;
        bottom: 1px;
        right: 5px;
        margin-bottom: 5px;
        width: 30%;
        height: 48px;
    }

    .product-item.large .add-to-cart i {
        display: block;
        position: relative;
        font-size: 24px;
        top: -1px;
    }

    .product-variant-5 .product-item.large .add-to-cart > span {
        font-size: 8px;
        line-height: 9px;
        display: block;
        position: relative;
        bottom: 1px;
    }

    .search-result .products-grid.product-variant-5 .product-item.large .product-item-details {
        padding-bottom: 0;
        padding-top: 7px;
    }

    .search-result a.btn {
        padding-right: 10px;
        padding-left: 8px;
    }

    .number-of-items .filter-button {
        width: calc(100% - 148px);
    }

        .number-of-items .filter-button > a.btn.filter-col-toggle {
            width: 100%;
        }

    ul.category-list li a:not(.clear) {
        line-height: 27px;
        font-size: 17px;
    }

    .search-result ul.category-list.checkbox-group li {
        margin-bottom: 7px;
    }

    .search-result .checkbox-group label {
        font-size: 17px;
    }

    .search-result .sp_scroll {
        margin-top: 7px;
        margin-bottom: 7px;
    }

    .number-of-items span {
        font-size: 12px;
    }

    .number-of-items > span {
        margin-right: 10px;
    }

    .search-result .visible-xs .sidebar-block.selected > .block-title * {
        color: #fff;
    }

    .search-result .visible-xs .sidebar-block.selected .toggle-arrow::before {
        color: #fff;
        content: "\e94a";
    }

    .search-result .visible-xs .sidebar-block.selected.open .toggle-arrow::before {
        color: #fff;
        content: "\e94c";
    }

    .search-result .visible-xs .sidebar-block:not(.selected) .block-title .selected-category {
        display: none;
    }

    .search-result .visible-xs .sidebar-block.selected .block-title .selected-category {
        display: block;
        color: #ff0;
        font-size: 12px;
        margin-bottom: -8px;
    }

    .search-result .filter-row {
        margin-left: -5px;
        margin-right: -5px;
        width: 103%;
    }

    .search-result .visible-xs ul.category-list.second > li a {
        font-size: 17px;
    }

    .search-result .visible-xs ul.category-list.second ul.category-list.third > li a {
        font-size: 17px;
    }

    .cancellation a {
        color: #333745;
        font-size: 17px;
    }

    .cancellation {
        padding-bottom: 10px;
        padding-top: 5px;
    }
}

.search-result .container .head-title h1.h1-style {
    margin-bottom: 5px;
    padding-top: 15px;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
}

@media screen and (max-width:767px) {
    .search-result .container .head-title h1.h1-style {
        padding: 8px 5px 0;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 0;
    }

    .search-result .container .head-title p.caption {
        font-size: 8px;
        padding: 4px 5px 10px;
    }
}

.normal-search .container .head-title {
    background: #007f3c;
}

body:not(.touch) .normal-search .fixed-scroll {
    padding-top: 0;
    padding-bottom: 100px;
}

.normal-search .sidebar-block::after {
    border-color: #007f3c transparent transparent transparent;
}

.normal-search .filter-col-header {
    background: #007f3c;
}

.normal-search ul.category-list li.active a {
    color: #007f3c;
    font-weight: bold;
}

    .normal-search ul.category-list li.active a.clear {
        color: #007f3c;
    }

.normal-search .btn.filter-col-toggle {
    background: #007f3c;
    border-color: #007f3c;
}

    .normal-search .btn.filter-col-toggle:hover {
        color: #fff;
    }

.normal-search ul.category-list li a:hover:not(.clear), ul.category-list li a.active:not(.clear) {
    color: #007f3c;
    text-decoration: none;
}

.normal-search .sidebar-block .block-title:hover span {
    color: #007f3c;
}

.normal-search .category-list li input[type="checkbox"]:checked + label {
    color: #007f3c;
    font-weight: bold;
}

.normal-search .checkbox-group label .check {
    color: #007f3c;
}

.normal-search .breadcrumbs a:hover {
    color: #007f3c;
}

@media screen and (max-width: 991px) {
    .normal-search .visible-xs .sidebar-block.selected > .block-title {
        background: #007f3c;
    }
}

.normal-search .category-list.genrelist.second ul.category-list.third li.active {
    color: #007f3c;
    font-weight: bold;
}

/* 250521追記 */

.search-result .product-variant-5 .product-item.large .product-item-name span{
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.search-result .product-variant-5 .product-item.large .product-item-name span:first-child{
    -webkit-line-clamp: 1;   
}
.search-result .product-variant-5 .product-item.large .product-item-name span:last-child{
    -webkit-line-clamp: 2;   
}
.search-result .product-item.large.category1 .price-box .list-price{
    text-decoration: line-through;
    font-size: 10px;
}
@media screen and (max-width: 991px){
    .search-result .product-item.large.category1 .price-box .list-price{
        display: block;
        margin-left: 3px;
    }
}
.other-size-color{
    font-size: 10px;
    margin-top: 3px;
}
@media screen and (max-width: 991px){
    .other-size-color{
        text-align: left;
        margin-bottom: 3px;
    }
}

/* セールの検索結果ページ
-----------------------------------------------------------------*/
body:not(.touch) .sale-search .fixed-scroll {
    padding-top: 0;
}

.sale-search .sidebar-block::after {
    border-color: #fd4400 transparent transparent transparent;
}

.sale-search .filter-col-header {
    background: #ff0000;
}

.sale-search ul.category-list li.active a {
    color: #ff0000;
    font-weight: bold;
}

    .sale-search ul.category-list li.active a.clear {
        color: #ff0000;
    }

.sale-search .btn.filter-col-toggle {
    background: #ff0000;
    border-color: #ff0000;
}

    .sale-search .btn.filter-col-toggle:hover {
        color: #fff;
    }

.sale-search ul.category-list li a:hover:not(.clear), ul.category-list li a.active:not(.clear) {
    color: #ff0000;
    text-decoration: none;
}

.sale-search .sidebar-block .block-title:hover span {
    color: #ff0000;
}

.sale-search .category-list li input[type="checkbox"]:checked + label {
    color: #ff0000;
    font-weight: bold;
}

.sale-search .checkbox-group label .check {
    color: #ff0000;
}

.sale-search .breadcrumbs a:hover {
    color: #ff0000;
}

.sale-search .container .head-title {
    background: #ff0000;
}

@media screen and (max-width: 991px) {
    .sale-search .visible-xs .sidebar-block.selected > .block-title {
        background: #ff0000;
    }
}

.sale-search .category-list.genrelist.second ul.category-list.third li.active {
    color: #ff0000;
    font-weight: bold;
}

/* 新商品の検索結果ページ
-----------------------------------------------------------------*/
body:not(.touch) .new-search .fixed-scroll {
    padding-top: 0;
}

.new-search .sidebar-block::after {
    border-color: #09aaf8 transparent transparent transparent;
}

.new-search .filter-col-header {
    background: #09aaf8;
}

.new-search ul.category-list li.active a {
    color: #09aaf8;
    font-weight: bold;
}

    .new-search ul.category-list li.active a.clear {
        color: #09aaf8;
    }

.new-search .btn.filter-col-toggle {
    background: #09aaf8;
    border-color: #09aaf8;
}

    .new-search .btn.filter-col-toggle:hover {
        color: #fff;
    }

.new-search ul.category-list li a:hover:not(.clear), ul.category-list li a.active:not(.clear) {
    color: #09aaf8;
    text-decoration: none;
}

.new-search .sidebar-block .block-title:hover span {
    color: #09aaf8;
}

.new-search .category-list li input[type="checkbox"]:checked + label {
    color: #09aaf8;
    font-weight: bold;
}

.new-search .checkbox-group label .check {
    color: #09aaf8;
}

.new-search .breadcrumbs a:hover {
    color: #09aaf8;
}

.new-search .container .head-title {
    background: #09aaf8;
}

@media screen and (max-width: 991px) {
    .new-search .visible-xs .sidebar-block.selected > .block-title {
        background: #09aaf8;
    }
}

.new-search .category-list.genrelist.second ul.category-list.third li.active {
    color: #09aaf8;
    font-weight: bold;
}

/* ランキングの検索結果ページ
-----------------------------------------------------------------*/
body:not(.touch) .ranking-search .fixed-scroll {
    padding-top: 0;
}

.ranking-search .sidebar-block::after {
    border-color: #f69000 transparent transparent transparent;
}

.ranking-search .filter-col-header {
    background: #f69000;
}

.ranking-search ul.category-list li.active a {
    color: #f69000;
    font-weight: bold;
}

    .ranking-search ul.category-list li.active a.clear {
        color: #f69000;
    }

.ranking-search .btn.filter-col-toggle {
    background: #f69000;
    border-color: #f69000;
}

    .ranking-search .btn.filter-col-toggle:hover {
        color: #fff;
    }

.ranking-search ul.category-list li a:hover:not(.clear), ul.category-list li a.active:not(.clear) {
    color: #f69000;
    text-decoration: none;
}

.ranking-search .sidebar-block .block-title:hover span {
    color: #f69000;
}

.ranking-search .category-list li input[type="checkbox"]:checked + label {
    color: #f69000;
    font-weight: bold;
}

.ranking-search .checkbox-group label .check {
    color: #f69000;
}

.ranking-search .breadcrumbs a:hover {
    color: #f69000;
}

.ranking-search .container .head-title {
    background: #f69000;
}

.ranking-search .rank-order {
    width: 100%;
    text-align: center;
    margin-top: 6px;
}

    .ranking-search .rank-order > p {
        background: #f69000;
        color: #fff;
        width: 60%;
        margin: 0 auto;
        border-radius: 50px;
        padding: 8px 12px;
    }

.ranking-search .product-variant-5 .product-item.large .product-item-photo .search-item-label.label-color {
    bottom: 45px;
}

@media screen and (max-width: 991px) {
    .ranking-search .visible-xs .sidebar-block.selected > .block-title {
        background: #f69000;
    }

    .ranking-search .number-of-items .filter-button {
        width: 100%
    }

    .ranking-search .rank-order > p {
        width: 80%;
        font-size: 12px;
    }
}

.ranking-search .category-list.genrelist.second ul.category-list.third li.active {
    color: #f69000;
    font-weight: bold;
}

/* 特集の検索結果ページ
-----------------------------------------------------------------*/
.normal-search .special-area p {
    color: #333745;
}

.normal-search .special-area .special-area-cover {
    margin-bottom: 20px;
}

.normal-search .special-area .row p {
    margin-left: 4%;
    margin-right: 4%;
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 15px;
}

.normal-search .special-area img {
    width: 100%;
    vertical-align: top;
}

.normal-search .special-area .cover-text-wrapper {
    position: absolute;
    top: 5%;
    bottom: 5%;
    left: 5%;
    right: 5%;
}

    .normal-search .special-area .cover-text-wrapper .cover-text {
        position: absolute;
    }

.normal-search .special-area .cover-text.right {
    right: 5%;
    bottom: 5%;
    left: auto;
    text-align: right;
}

.normal-search .special-area .cover-text.left {
    left: 5%;
    bottom: 5%;
    right: auto;
    text-align: left;
}
/* 見出しのテキスト */
.normal-search .special-area .col-sm-6 div.text-1 {
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 0px 4px #444;
}

@media screen and (max-width: 767px) {
    .normal-search .special-area .col-sm-6 div.text-1 {
        font-size: 12vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .normal-search .special-area .col-sm-6 div.text-1 {
        font-size: 5vw;
    }
}

@media screen and (min-width: 992px) {
    .normal-search .special-area .col-sm-6 div.text-1 {
        font-size: 48px;
    }
}
/* サブ見出しのテキスト */
.normal-search .special-area .col-sm-6 div.text-2 {
    color: #fff;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .normal-search .special-area .col-sm-6 div.text-2 {
        font-size: 7.5vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .normal-search .special-area .col-sm-6 div.text-2 {
        font-size: 3vw;
    }
}

@media screen and (min-width: 992px) {
    .normal-search .special-area .col-sm-6 div.text-2 {
        font-size: 25px;
        margin-top: 0px;
    }
}
/* キャプションのテキスト */
.normal-search .special-area .col-sm-6 p.text-2 {
    margin-left: 0;
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .normal-search .special-area .col-sm-6 p.text-2 {
        font-size: 14px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .normal-search .special-area .col-sm-6 p.text-2 {
        font-size: 16px;
    }
}

@media screen and (min-width: 992px) {
    .normal-search .special-area .col-sm-6 p.text-2 {
        font-size: 18px;
    }
}
/* ホバーリンク */
.normal-search .special-area .banner.style-6 .banner-text-wrap {
    position: absolute;
    top: 4%;
    right: 10px;
    bottom: 30px;
    left: 4%;
    text-align: right;
}

.filter-col-header {
    display: none;
}

.filter-button {
    display: none;
}
/* mobile filter */
@media screen and (max-width: 991px) {
    .sidebar-block-top {
        padding: 12px 19px;
    }

    .filter-button {
        display: inline-block;
    }

    .filter-col {
        position: fixed;
        z-index: 10001;
        left: 0;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        visibility: hidden;
        -webkit-transition: visibility 0s ease 0.6s;
        transition: visibility 0s ease 0.6s;
    }

    .filter-col-content {
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        overflow: auto;
        max-width: 480px;
        padding: 50px 0 30px;
        -webkit-transform: translateX(-120%);
        transform: translateX(-120%);
        transition: none !important;
        background: #f7f7f7;
        -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0.3s;
        /*transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0.3s;*/
    }
        
    .filter-col-header {
        position: fixed;
        display: block;
        left: 0;
        top: -50px;
        width: 100%;
        max-width: 480px;
        height: 50px;
        font-size: 16px;
        font-weight: bold;
        line-height: 50px;
        padding: 0 20px;
        background: #f82e56;
        color: #fff;
        text-transform: uppercase;
        z-index: 2;
        -webkit-transition: top 0.3s ease 0s;
        transition: top 0.3s ease 0s;
    }

    .filter-col .filter-col-toggle {
        text-decoration: none;
    }

        .filter-col .filter-col-toggle:hover,
        .filter-col .filter-col-toggle:focus {
            text-decoration: none;
        }

    .filter-col .filter-col-toggle {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        color: #fff;
    }

        .filter-col .filter-col-toggle::before,
        .filter-col .filter-col-toggle::after {
            content: '';
            position: absolute;
            top: 22px;
            right: 20px;
            height: 3px;
            width: 20px;
            background: #fff;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        .filter-col .filter-col-toggle::before {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .filter-col .filter-col-toggle::after {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .filter-col.active {
        visibility: visible;
        -webkit-transition: visibility 0s ease 0s;
        transition: visibility 0s ease 0s;
    }
    .filter-col-content.is-animating {
        transition: transform 0.5s cubic-bezier(0.25, 1, 0.3, 1) !important;
    }
        .filter-col.active .filter-col-content {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0s;
            transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0s;
        }

        .filter-col.active .filter-col-header {
            top: 0;
            -webkit-transition: top 0.3s ease 0.5s;
            transition: top 0.3s ease 0.5s;
        }
}

@media (min-width: 481px) and (max-width: 991px) {
    .filter-col::after {
        /* overlay layer */
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        cursor: pointer;
        -webkit-transition: background-color 0.3s ease 0.3s;
        transition: background-color 0.3s ease 0.3s;
    }

    .filter-col.active::after {
        background: rgba(0, 0, 0, 0.6);
        -webkit-transition: background-color 0.3s ease 0;
        transition: background-color 0.3s ease 0;
    }
}
/* filter row */
.filter-row {
    position: relative;
    background: #fff;
    display: inline-block;
    width: 100%;
    margin: 0 0 15px;
    padding: 5px 15px;
    color: #333745;
    text-align: center;
    /* view mode */
}

    .filter-row .bg-striped {
        display: none;
    }

    .filter-row .form-label {
        display: inline-block;
        vertical-align: top;
        font-size: 13px;
        line-height: 32px;
        padding-right: 15px;
    }

    .filter-row .select-wrapper-sm {
        width: auto;
        vertical-align: top;
        display: inline-block;
    }

    .filter-row select {
        margin-bottom: 0;
    }

    .filter-row .directions {
        display: inline-block;
    }

        .filter-row .directions a {
            display: inline-block;
            padding: 6px 4px 5px;
            color: #333745;
        }

            .filter-row .directions a:hover,
            .filter-row .directions a:active {
                color: #f82e56;
            }

    .filter-row .col-left {
        padding-top: 2px;
        text-align: left;
    }

    .filter-row .col-right {
        padding-top: 2px;
        text-align: right;
    }

    .filter-row .view-mode a {
        font-size: 27px;
        line-height: 32px;
        margin: 0 4px;
        text-decoration: none;
        color: #333745;
    }

        .filter-row .view-mode a i.icon {
            margin-top: 5px;
        }

        .filter-row .view-mode a:hover,
        .filter-row .view-mode a.active {
            color: #f82e56;
        }

    .filter-row .filter-button {
        vertical-align: top;
    }

        .filter-row .filter-button .btn {
            height: 32px;
            line-height: 32px;
            margin-right: 10px;
        }

    .filter-row.block-loading .bg-striped {
        display: block;
    }

/* 20250530追記start */
.filter-row .warning-message{
    padding: 20px !important;
    background-color: #fdeef1;
    color: #c72937;
    width: 95%;
    display: inline-block;
    margin: 10px 0;
}
.filter-row .warning-message p{
    margin-bottom: 0;
    text-align: left;
}
/* 20250530追記end */

@media screen and (max-width: 991px) {
    .filter-row {
        padding-bottom: 10px;
    }

        .filter-row .select-wrapper-sm,
        .filter-button {
            margin-bottom: 10px;
        }
}

@media screen and (max-width: 667px) {
    .filter-button {
        width: 100%;
    }

    .filter-row .col-left {
        width: 100%;
        float: none;
        margin-bottom: 0;
    }

    .filter-row .col-right {
        width: 100%;
        float: none;
        text-align: left;
    }
}

/* .sorting {
    height: 36px;
}

    .sorting .form-label,
    .sorting .form-control {
        font-size: 12px;
        width: 101%;
    }

    .sorting #f_Sort.form-control {
        font-size: 16px;
        transform: scale(0.75);
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -ms-transform: scale(0.75);
        width: 115%;
        height: 107%;
    }

    .sorting .form-label {
        width: 75px;
    }

    .sorting .select-wrapper-sm {
        width: calc(100% - 93px)
    } */

/* Product Inside Clider
-----------------------------------------------------------------*/
.carousel-inside {
    position: relative;
    overflow: hidden;
}

    .carousel-inside .carousel-control {
        position: absolute;
        display: block;
        height: 35px;
        width: 20px;
        line-height: 0px;
        font-size: 0px;
        cursor: pointer;
        background: #333745;
        color: #fff;
        top: 50%;
        padding: 0;
        margin-top: -17px;
        border: none;
        outline: none;
        opacity: 1;
        -webkit-transition: left 0.3s ease 0.3s, right 0.3s ease 0.3s;
        transition: left 0.3s ease 0.3s, right 0.3s ease 0.3s;
        text-shadow: none;
    }

        .carousel-inside .carousel-control:hover,
        .carousel-inside .carousel-control:focus {
            outline: none;
        }

        .carousel-inside .carousel-control:hover {
            background: #f82e56;
        }

        .carousel-inside .carousel-control::before {
            font-family: 'icomoon-reg';
            font-size: 22px;
            line-height: 35px;
            color: #fff;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .carousel-inside .carousel-control.prev {
            left: -22px;
            right: auto;
        }

            .carousel-inside .carousel-control.prev::before {
                content: "\e923";
            }

        .carousel-inside .carousel-control.next {
            right: -22px;
            left: auto;
        }

            .carousel-inside .carousel-control.next::before {
                content: "\e922";
                margin-left: 2px;
            }

    .carousel-inside.slide .carousel-inner > .item {
        -webkit-transition: 0.3s ease-in-out left;
        -moz-transition: 0.3s ease-in-out left;
        transition: 0.3s ease-in-out left;
    }

.product-item .product-item-inside:hover .carousel-inside .carousel-control {
    opacity: 1;
}

.product-item .product-item-inside:hover .carousel-control.prev {
    left: 0;
}

.product-item .product-item-inside:hover .carousel-control.next {
    right: 0;
}

@media screen and (max-width: 991px) {
    .carousel-inside .carousel-control {
        opacity: 1;
    }

        .carousel-inside .carousel-control.prev {
            left: 0;
        }

        .carousel-inside .carousel-control.next {
            right: 0;
        }
}

@media screen and (max-width: 991px) {
    .carousel-control.prev {
        display: none;
    }

    .carousel-control.next {
        display: none;
    }
}

.carousel-inside.fade {
    opacity: 1;
}

    .carousel-inside.fade .item {
        transition: opacity ease-out 0.5s;
        left: 0;
        opacity: 0;
        top: 0;
        position: absolute;
        width: 100%;
        display: block;
    }

        .carousel-inside.fade .item:first-child {
            top: auto;
            opacity: 1;
            position: relative;
        }

        .carousel-inside.fade .item.active {
            opacity: 1;
        }

.carousel-inside.slide .carousel-inner > .item {
    width: calc(100% + 1px);
}

    .carousel-inside.slide .carousel-inner > .item.active {
        display: table;
    }

.carousel-inside .item a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

/* 250401ブースト機能css追加 */
.carousel-inside.slide .carousel-inner>.item.active{
    position: relative;
}
.carousel-inside.slide .carousel-inner>.item.active .pr-label{
    position: absolute;
    top: 8px;
    left: 8px;
    width: 36px;
    height: 16px;
    border-radius: 4px;
    background-color: #3336;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    text-align: center;
}

.filter-col {
    margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
    .filter-col {
        margin-bottom: 30px;
    }
}

.filter-col-content {
    padding-bottom: 15px;
}

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

    ul.category-list li {
        position: relative;
        border-bottom: 1px solid #f0f0f0;
    }

    ul.category-list.first li,
    ul.category-list.second li,
    ul.category-list.third li,
    ul.category-list.makerName li,
    ul.category-list.rating li,
    ul.category-list.limitPrice li {
        cursor: pointer;
    }

    ul.category-list li:last-child {
        border: 0;
    }

    ul.category-list li a:not(.clear) {
        position: relative;
        display: block;
        padding: 8px 0;
        padding-left: 10px;
        margin-left: -10px;
        font-size: 14px;
        line-height: 1.25em;
        font-weight: 500;
        color: #333745;
        text-decoration: none;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        ul.category-list li a:not(.clear):hover,
        ul.category-list li a:not(.clear).active {
            color: #f82e56;
            text-decoration: none;
            margin-left: 0;
            margin-right: -10px;
        }

            ul.category-list li a:not(.clear):hover::before {
                opacity: 1;
            }

        ul.category-list li a:not(.clear)::before {
            position: absolute;
            top: 11px;
            left: 0;
            font-family: 'icomoon-reg';
            font-size: 12px;
            line-height: 21px;
            content: "\e922";
            opacity: 0;
            -webkit-transition: opacity 0.3s ease 0.1s;
            transition: opacity 0.3s ease 0.1s;
        }

    ul.category-list li.active a {
        color: #f82e56;
        margin-left: 0;
        margin-right: -10px;
    }

        ul.category-list li.active a::before {
            opacity: 1;
        }

    ul.category-list li a.clear {
        display: none;
    }

    ul.category-list li.active a.clear {
        display: block;
        position: absolute;
        right: -7px;
        top: 6px;
        width: 30px;
        padding: 5px 0;
        margin: 0;
        text-align: center;
        text-decoration: none;
        color: #f82e56;
    }

        ul.category-list li.active a.clear::before {
            font-family: 'icomoon-reg';
            content: "\e933";
            font-size: 16px;
            line-height: 20px;
        }

        ul.category-list li.active a.clear:hover {
            color: #333745;
        }

.selected-filters {
    margin: -10px 0 0;
    padding: 0;
    list-style: none;
}

    .selected-filters li {
        display: inline-block;
        position: relative;
        vertical-align: top;
        margin: 0 2px 7px 0;
        background: #fff;
        font-size: 16px;
        line-height: 30px;
        font-weight: bold;
        color: #333745;
    }

        .selected-filters li .bg-striped {
            display: none;
        }

        .selected-filters li.block-loading .bg-striped {
            display: block;
        }

        .selected-filters li a {
            display: block;
            padding: 0 5px;
            color: #333745;
            text-decoration: none;
        }

            .selected-filters li a:hover {
                color: #f82e56;
                font-weight: bold;
                cursor: pointer;
            }

        .selected-filters li i.icon {
            padding: 0 0 0 4px;
            vertical-align: middle;
            margin-top: -2px;
        }

/* Paginatiaon
-----------------------------------------------------------------*/
.pagination {
    margin: 0 0 30px;
    padding: 0;
    border-radius: 0;
}

@media screen and (max-width: 991px) {
    .pagination {
        margin-bottom: 10px;
        float: none !important;
    }
}

.pagination > li {
    display: inline-block;
    margin-right: 0;
}

    .pagination > li a {
        min-width: 36px;
        text-align: center;
        cursor: pointer;
    }

.pagination.pull-right > li {
    margin-left: -1px;
    margin-right: 0;
}

/* 検索ページのページネーションのスタイル調整 */
.search-result .pagination > .active > a,
.search-result .pagination > .active > a:focus,
.search-result .pagination > .active > a:hover,
.search-result .pagination > .active > span,
.search-result .pagination > .active > span:focus,
.search-result .pagination > .active > span:hover {
    background-color: #666666;
    color: #ffffff;
    font-weight: bold;
    border-color: #666666;
}

.search-result .pagination > li > a:focus,
.search-result .pagination > li > a:hover,
.search-result .pagination > li > span:focus,
.search-result .pagination > li > span:hover {
    border-color: #666666;
    color: #666666;
}

/* スマホ用絞り込みボタン */
.filter-sp .filter-col-toggle {
    display: block;
    width: 100%;
    height: 100%;
}
.filter-sp {
    position: fixed;
    right: 15px;
    bottom: 25px;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: #ffffff;
    box-shadow: 1px 1px 4px #dddddd;
    z-index: 995;
}
.filter-sp:hover {
    background: #fcfcfc;
    box-shadow: 1px 1px 4px #bbbbbb,
    -1px -1px 3px #ffffff;
    cursor: pointer;
}
.filter-sp .icon {
    font-size: 28px;
    line-height: 46px;
    color: #888888;
}
.filter-sp .filtering {
    font-size: 9px;
    display: block;
    margin-top: -7px;
    color: #888888;
}

/* カラーパレット */
.color-palette .color-list {
	list-style: none;
    padding: 0;
    margin-top: 4px;
}

.color-palette .color-list li {
    width: 40px;
    height: 40px;
}
.color-palette .color-list li label {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
}
.color-palette .color-list li label > .tooltip {
    background: transparent;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
}
.color-palette .color-list li label > .tooltip:hover {
    box-shadow: 0 0 0 1px #f82e56;
    border-radius: 20px;
}
.color-palette .color-list li input[type="checkbox"]:checked + label > .tooltip div {
    border: 1px solid #ddd;
    width: 36px;
    height: 36px;
    top: 2px;
    left: 2px;
}

.color-palette .color-list li label div.box {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 5px;
	left: 5px;
	border: solid 1px #dddddd;
	border-radius: 25px;
}

.color-palette .tooltip {
    color:#333745;
    text-decoration: underline dashed #333745;
    width: 100%;
    height: 100%;
}
.color-palette .tooltip:hover {
    text-decoration: none;
}
.color-palette .tooltip span {
    display: none;
    padding: 8px 12px;
    font-size: 12px;
    margin-left: 8px;
    line-height: 1.6;
}
.color-palette .tooltip:hover span {
    display: inline;
    position: absolute;
    background-color: #FFF7EE;
    border: 1px solid #cccccc;
    color: #000000;
}
.color-palette .tooltip:hover span {
	z-index: 20000;
	width: 74px;
	padding: 4px;
	text-align: center;
	font-size: 10px;
	line-height: 10px;
	background: #333745;
	color: #fff;
	border: 0;
	opacity: 0.9;
	position: absolute;
	top: 80%;
	left: 50%;
    -ms-transform: translateX(-55%);
	transform: translateX(-55%);
}

@media screen and (max-width: 991px) {
    .color-palette .color-list li {
        width: 60px;
        height: 60px;
    }
    .color-palette .color-list li label {
        width: 60px;
        height: 60px;
    }

    .color-palette .color-list li label div.box {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    }
    .color-palette .color-list li label > .tooltip {
        width: 60px;
        height: 60px;
    }
    .color-palette .color-list li input[type="checkbox"]:checked + label > .tooltip div {
    width: 56px;
    height: 56px;
    border-radius: 30px;
    }
    .color-palette .color-list li label > .tooltip:hover {
    border-radius: 30px;
    }
}

.color-palette input#attributeId_R3 + label .box {
    background: #ffffff;
}
.color-palette input#attributeId_R1 + label .box {
    background: #222222;
}
.color-palette input#attributeId_R2 + label .box {
    background: #999999;
}
.color-palette input#attributeId_R4 + label .box {
    background: #993311;
}
.color-palette input#attributeId_R6 + label .box {
    background: #bbbb99;
}
.color-palette input#attributeId_R12 + label .box {
    background: #11bb44;
}
.color-palette input#attributeId_R14 + label .box {
    background: #0033bb;
}
.color-palette input#attributeId_R11 + label .box {
    background: #990099;
}
.color-palette input#attributeId_R10 + label .box {
    background: #eeff00;
}
.color-palette input#attributeId_R8 + label .box {
    background: #de0088;
}
.color-palette input#attributeId_R7 + label .box {
    background: #dd1100;
}
.color-palette input#attributeId_R9 + label .box {
    background: #ff9900;
}
.color-palette input#attributeId_R17 + label .box {
    background: -moz-linear-gradient(top left, #FF00A1, #F6FF00);
	background: -webkit-linear-gradient(top left, #FF00A1, #F6FF00);
	background: (-135deg, #FF00A1, #F6FF00);
}
.color-palette input#attributeId_R15 + label .box {
    background: linear-gradient(135deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
}
.color-palette input#attributeId_R16 + label .box {
    background: linear-gradient(135deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
}
.color-palette input#attributeId_R19 + label .box {
    background: #f3fffe;
}
.color-palette input#attributeId_R13 + label .box {
    background: #060f80;
}
.color-palette input#attributeId_R18 + label .box {
    background: #b33e5c;
}
.color-palette input#attributeId_R5 + label .box {
    background: #6b692c;
}


.color-palette input#attributeId_00165 + label .box {
    background: #ffffff;
}

.color-palette input#attributeId_00166 + label .box {
    background: #222222;
}

.color-palette input#attributeId_00167 + label .box {
    background: #999999;
}

.color-palette input#attributeId_00168 + label .box {
    background: #993311;
}

.color-palette input#attributeId_00169 + label .box {
    background: #bbbb99;
}

.color-palette input#attributeId_00170 + label .box {
    background: #11bb44;
}

.color-palette input#attributeId_00171 + label .box {
    background: #0033bb;
}

.color-palette input#attributeId_00172 + label .box {
    background: #990099;
}

.color-palette input#attributeId_00173 + label .box {
    background: #eeff00;
}

.color-palette input#attributeId_00174 + label .box {
    background: #de0088;
}

.color-palette input#attributeId_00175 + label .box {
    background: #dd1100;
}

.color-palette input#attributeId_00176 + label .box {
    background: #ff9900;
}

.color-palette input#attributeId_00177 + label .box {
    background: -moz-linear-gradient(top left, #FF00A1, #F6FF00);
    background: -webkit-linear-gradient(top left, #FF00A1, #F6FF00);
    background: (-135deg, #FF00A1, #F6FF00);
}

.color-palette input#attributeId_00331 + label .box {
    background: linear-gradient(135deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
}

.color-palette input#attributeId_00332 + label .box {
    background: linear-gradient(135deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
}

.color-palette input#attributeId_00333 + label .box {
    background: #f3fffe;
}

/* カラーパレットチェック時 */
.color-palette input:checked + label .box::before {
    content: "";
    top: 6px;
    left: 13px;
    width: 8px;
    height: 18px;
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-top: none;
    border-left: none;
    transform: scale(1) rotate(45deg);
    position: absolute;
}
@media screen and (max-width: 991px) {
    .color-palette input:checked+label .box::before {
        top: 15px;
        left: 22px;
    }
}
.color-palette input#attributeId_165:checked + label .box::before {
    border-bottom: 2px solid #aaa;
    border-right: 2px solid #aaa;
}

/* コアウェブバイタル対策 */
.product-item.large .product-item-name a span:first-child {
    min-height: 12px;
    word-break: break-all;
}
.product-item-rating {
    min-height: 12px;
}
.product-labels > span {
    min-height: 19px;
}

/* スマホ字の場合、余白を作る */
@media screen and (max-width: 991px) {
    .filter-col-content {
        padding-bottom: 100px !important;
    }
}

/* フッター全体を画面下に固定 */
.filter-col-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; /* 横幅は画面いっぱい */
    /* ボタンを横並びにする */
    display: flex;
    justify-content: center; /* ボタンを中央に集める */
    align-items: center; /* 上下の位置も中央に */
    background-color: #ffffff; /* 背景は白 */
    padding: 15px;
    border-top: 1px solid #e0e0e0; /* 上に境界線 */
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05); /* ちょっと影をつけて立体感 */
    z-index: 9999; /* 一番手前に来るように */
    box-sizing: border-box; /* paddingとかborderを含めて横幅を計算 */
    max-width: 480px;
    gap: 10px;
}

    /* フッター内のボタン共通のスタイル。 */
    .filter-col-footer .btn {
        display: flex;
        justify-content: center; /* 文字を左右の真ん中に */
        align-items: center; /* 文字を上下の真ん中に */
        padding: 10px;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        border-radius: 8px; 
        cursor: pointer;
        transition: all 0.2s ease-in-out; 
        text-decoration: none; 
    }

    /* 「リセット」ボタン */
    .filter-col-footer .btn-reset {
        flex: 0 0 auto;
        width: 120px;
        background-color: #ffffff;
        border: 1px solid #007f3c;
        color: #007f3c;
    }

    /* 「検索結果を表示」ボタン */
    .filter-col-footer .btn-submit-search {
        flex: 1 1 auto;
        background-color: #007f3c;
        color: #ffffff;
        border: #007f3c;
    }

    .filter-col-footer .btn-reset:hover {
        background-color: #e7e7e7;
    }

    .filter-col-footer .btn-submit-search:hover {
        opacity: 0.85; 
    }

.btn-submit-search .result-count {
    margin-left: 5px;
    font-weight: normal; 
    font-size: 0.9em;  
}

.no-transition {
    transition: none !important;
    -webkit-transition: none !important;
}
/* 20250630追記 */
@media screen and (max-width: 991px) {
    .filter-col-content , .filter-col-footer{
        -webkit-transform: translateY(120%) !important;
        transform: translateY(120%) !important;
    }
    .filter-col.active .filter-col-content , .filter-col.active .filter-col-footer{
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
    }
}