@charset "utf-8";


.at-body {min-height:unset!important;}

/* Nav */
.list-nav { line-height:22px; margin-bottom:15px; }
.list-nav .page-nav { margin-top:4px; }
@media all and (max-width:460px) {
	.responsive .list-nav .page-nav { display:none; }
}

/* category */
.list-category { margin-bottom:20px; }
.list-category ul { list-style:none; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* Sort */
.list-sort { margin:15px 0px 20px; padding:15px 20px;
	border-top:0px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.list-sort ul { list-style:none; }
.list-sort .on { font-weight:bold; color:crimson !important;}
.list-sort .pull-left a, .list-sort .pull-right a { display:inline-block; margin:0px 10px; }

/* list */
.list-wrap { overflow:hidden; line-height:20px; }
.list-wrap .txt-normal { letter-spacing:0; }
.list-wrap .txt-short { letter-spacing:-1px; padding-right:1px; }
.list-wrap .item-row { float:left; }
.list-wrap .item-image { position:relative; overflow:hidden; }
.list-wrap .item-content { padding-top:10px; margin:0px 4px; text-align:center; }
.list-wrap .item-star { text-align:center; overflow:hidden; letter-spacing:-1px; font-size:18px; line-height:20px; height:20px; margin-bottom:4px; }
.list-wrap .item-name { overflow:hidden; letter-spacing:-1px;
	padding-right:1px; text-align:center; font-size:18px;padding-top:10px;}
.list-wrap .item-text { font-size:12px; color:#888; display:none;}
.list-wrap .item-price { margin-top:4px; line-height:22px; }
.list-wrap .item-price b { font-size:14px; display:inline-block; margin:0px 4px; }
.list-wrap .item-price b i { font-size:12px; }
.list-wrap .item-price strike { color:#888; margin:0px 4px; font-size:14px; display:inline-block; }
.list-wrap .item-details { color:#888; margin-top:4px; padding:0px 1px; font-size:13px; text-align:center;
display:none;}
.list-wrap .item-sp { margin:0px 4px; white-space:nowrap; }
.list-wrap .item-sp i { margin-right:2px; color:#888; }
.list-wrap .item-sns { margin-top:15px; text-align:center; }
.list-wrap .item-sns img { width:15%; max-width:34px; border-radius:50%; }
.list-none { margin:0px 0px 15px; padding:80px 0px; text-align:center; color:#888; }
.list-btn { margin:30px 0px; }
.list-page { margin-bottom:15px; }
.list-page .pagination { margin:0; }

.mxwidth > .list-category > .tabs > ul {border:unset;}
.mxwidth > .list-category > .tabs > ul > li {background:unset;border:unset;}

.div-tab.tabs ul.nav-tabs li.active {border:unset;}
.div-tab.tabs ul.nav-tabs li:hover {border:unset!important;color:#000;font-weight:bold;}
.div-tab.tabs ul.nav-tabs li a {border:unset!important;font-size:15px;padding:15px 25px;}
.div-tab.tabs ul.nav-tabs li:first-child {border:unset;}
.div-tab.tabs ul.nav-tabs li:last-child {border:unset;}

.div-tab.tabs ul.nav-tabs li.active {color:#ab0000!important;}


.img-wrap .img-item {border-radius:15px;}
.item-image > a > .img-wrap > .label-cap {display:none;}

.paginwp {width:100%;margin:0 auto;display:inline-block;text-align:center;}
.item-text2 {font-size:15px; font-weight:normal;}




.mtsear {width:100%;display:inline-block;text-align:right;}
.mtsear {}
.mxwidth {max-width:1240px;padding:0 20px;margin:0 auto;}


.btwppro {display: flex; align-items: flex-start; justify-content: space-between; gap: 15px;}
.btwp >.btprocate { width: 30%; max-width: 400px; flex-shrink: 0; padding-right: 20px;}

 .btproarea{flex:1;font-size:18px;font-weight:500;line-height:160%;letter-spacing: 0; color: #666;}

@media(max-width:767px) {
	.btwppro {flex-direction: column;}
.btprocate {width:100%;flex:1;}

.btproarea {width:100%;}
}






.category-widget {
    max-width: 300px;
    margin: 14px 0;
    padding: 15px;
    border: 0px solid #bdbdbd;
    border-radius: 5px;
    background-color: #fff;
    min-height:450px;
}

.category-select-box {
    margin-bottom: 15px;
}
.category-select-box .form-control {
    width: 100%;
    height:31px;
    padding: 6px 12px;
    border: unset;
    border-radius: 4px;
    font-size: 17px;
    box-shadow :unset;
}
.category-select-box .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.category-separator-line {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 15px;
}

.accordion-group { display: none;}
.accordion-group.active {display: block;}
.accordion-header { margin-bottom: 0; font-size: 20px; font-weight: bold;
    padding: 10px 15px;border-radius: 3px; border-bottom: 1px solid #eee;}
.accordion-header .accordion-title {display: block; color: #333; text-decoration: none;}
.accordion-header .accordion-title:hover {
    color: var(--brand-color);
}
.accordion-content { padding: 10px 0; border-bottom: 1px solid #f0f0f0;}
.second-level-categories {list-style: none; padding: 0; margin: 0;}
.second-level-categories li {margin-bottom: 5px;}
.second-level-categories li a {display: block; padding: 8px 15px 8px 30px;
    color: #555; text-decoration: none; font-size: 17px; position: relative;}
.second-level-categories li a:hover { background-color: #f9f9f9;color: var(--brand-color);}
.second-level-categories li a.active {font-weight: bold;color: var(--brand-color);}
.second-level-categories li:first-child { margin-top: 5px;}


.img-wrap .img-item img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}


/************** mobile************/

.mobile-category-overlay,.mobile-category-open-btn { display: none;}
@media (max-width: 768px) {
    .category-widget { display: none; }
    .mobile-category-open-btn {
        display: block;
        width: 100%;
        padding: 15px;
        background-color: var(--brand-color);
        color: #fff;
        border: none;
        text-align: center;
        font-size: 1.1em;
        cursor: pointer;
        border-radius: 5px;
        margin-bottom: 10px;
        margin-top:20px;
    }
    .mobile-category-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 9999;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        display: flex;
        flex-direction: column;
        visibility: hidden;
        opacity: 0;
        transform: translateX(100%);
        transition: all 0.3s ease-in-out;
    }

    .mobile-category-overlay.is-open {visibility: visible; opacity: 1; transform: translateX(0); }
    .mobile-category-header { display: flex; justify-content: space-between; align-items: center;
        padding: 15px; border-bottom: 1px solid #eee;background-color: #f8f8f8; flex-shrink: 0;    }
    .mobile-category-header h3 {margin: 0;font-size: 1.2em; color: #333; }
    .mobile-category-close-btn {
        background: none;
        border: none;
        font-size: 1.5em;
        cursor: pointer;
        color: #555;
        padding: 0;
    }

    .mobile-category-content {
        flex-grow: 1;
        padding: 15px;}

        .category-widget {
            max-width: none;
            margin: 0;
            padding: 0;
            border: none;
            background-color: transparent;
        }
    }


.desktop-only {display:block;}
.mobile-only {display:none;}


@media(max-width:767px){
.desktop-only {display:none;}
.mobile-only {display:block;}


}