/* =========================

result

========================= */

/* 上書き main */
main .result { margin: 0 auto; padding: 0 30px; }

@media screen and (min-width: 768px) {
main .result { padding: 0 15px; padding-bottom: 200px; }
}


/* search__condition-btn（条件を変更する） */
main .result .search__condition-btn { border: 1px solid #231f20; font-weight: bold; }



/* product */
@media screen and (min-width: 768px) {
main .product { width: 60%; }
}
@media screen and (min-width: 850px) {
main .product { width: 46vw; }
}
@media screen and (min-width: 992px) {
main .product { width: 54vw; }
}
@media screen and (min-width: 1200px) {
main .product { width: 58vw; max-width: 1140px; }
}


/* product - head */
main .product .head { display: flex; align-items: flex-end; position: relative; flex-wrap: wrap; margin-bottom: 20px; }
main .product .head h2 { font-size: 22px; margin-right: 5px; }
main .product .head .dl-download-btn { width: 30px; position: absolute; right: 0; bottom: 0; }
main .product .head .tips { margin-bottom: 0.5rem; }
main .product .head .tips { font-size: 10px; }

@media screen and (min-width: 768px) {
main .product .head { margin-bottom: 50px; }
main .product .head h2 { font-size: 24px; margin-right: 10px; }
main .product .head .tips { font-size: 16px; }
}
@media screen and (min-width: 1024px) {
main .product .head h2 { margin-right: 30px; font-size: 32px; }
}




/* product__group */
main .product__group:last-child { border-bottom: none; }
main .product__group { border-bottom: 1px solid #ccc8bd; padding-top: 30px; }
main .product__group.no-bottom-border { border-bottom: none; }
main .product__group-name { font-size: 26px; font-weight: bold; }
main .product__grid { display: grid; grid-row-gap: 40px; grid-column-gap: 20px; padding: 40px 0; grid-template-columns: repeat(2, 1fr); }

main .product__item { position: relative; cursor: pointer; }
main .product__item:hover { opacity: 0.8; }
main .product__item .main-image { width: 100%; aspect-ratio: 1/1; background-color: #c7c8ca; }
main .product__item .sub-title { margin-top: 16px; margin-bottom: 1px; font-size: 10px; font-weight: bold; }
main .product__item .title { font-size: 14px; font-weight: bolder; line-height: 20px; padding-bottom: 4px; }
main .product__item .price { font-size: 10px; font-weight: bold; }
main .product .--new-tag::after { content: 'NEW'; display: flex; justify-content: center; align-items: center; position: absolute; font-weight: bolder; letter-spacing: 0; width: 40px; height: 40px; background-color: #9b070c; color: white; border-radius: 50%; left: 0; top: -14px; z-index: 3; font-size: 10px; }

@media screen and (min-width: 768px) {
main .product__grid { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (min-width: 1191px) {
main .product__grid { grid-template-columns: repeat(4, 1fr); }
}




/* product__pagination */
main .product__pagination { display: flex; justify-content: center; align-items: center; gap: 15px; font-weight: bold; font-size: 16px; margin-top: 30px; }
main .product__pagination .line { width: 0.1px; height: 16px; background-color: #333; }
main .product__pagination a { cursor: pointer; }
main .product__pagination { margin-bottom: 100px; }

@media screen and (min-width: 768px) {
main .product__pagination { margin-bottom: 0; }
}





/* search-part（検索） */
main .search-part { position: fixed; right: 0; top: 100px; right: 50px; height: calc(100vh - 100px); overflow-y: scroll; overflow-x: hidden; padding-bottom: 150px; -ms-overflow-style: none; scrollbar-width: none; }
main .search-part::-webkit-scrollbar { display: none; }
main .search-part .search__filter-pad .filter-group .filter-group__item { border-bottom: 1px solid #ccc8bd; transition: all 0.2s ease-in-out; }
main .search-part .search__filter-pad .filter-group .group-title { font-size: 16px; font-weight: bold; padding: 20px 0; }
main .search-part .search__filter-pad .filter-group .search__input-group { display: flex; flex-direction: column; gap: 10px; }
main .search-part .search__filter-pad .filter-group .search__input-group button { margin: 30px 0 60px 0; }
main .search-part .search__filter-pad .filter-group .bottom-select { display: flex; flex-wrap: wrap; gap: 14px; }
main .search-part .search__filter-pad .filter-group .radio-line { display: flex; padding-left: 10px; gap: 3px; margin-top: 10px; }
main .search-part .search__filter-pad .filter-group .dl-download { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: bold; margin-bottom: 40px; cursor: pointer; }
main .search-part .search__filter-pad .filter-group .dl-download:hover { opacity: 0.7; }
main .search-part .search__filter-pad .filter-group .dl-download .icon { width: 30px; height: 30px; }
main .search-part .search__filter-pad .filter-group .dl-download .icon img { width: 100%; height: 100%; }
main .search-part .search__filter-pad .filter-group .outer { display: none; }
main .search-part .search__filter-pad .filter-group .open { border-bottom: 2px solid transparent; }
main .search-part .search__filter-pad .filter-group .open .filter-group__title svg { transform: rotate(180deg); }
main .search-part .search__filter-pad .filter-group__content { display: flex; flex-wrap: wrap; padding: 12px; gap: 16px; }
main .search-part .search__filter-pad .filter-group__content label { font-size: 14px; margin-bottom: 0; padding-left: 6px; }
main .search-part .search__filter-pad .filter-group__content-item { display: flex; align-items: center; }
main .search-part .search__filter-pad .filter-group__content .color-ball { width: 16px; height: 16px; display: inline-block; border-radius: 50%; margin-right: 2px; }
main .search-part .search__filter-pad .filter-group__content .slide-group { width: 340px; }
main .search-part .search__filter-pad .filter-group__content .slide-group label { font-size: 14px; width: 50px; display: block; }
main .search-part .search__filter-pad .filter-group__content .slide-group .input-config-checkbox { display: flex;  gap: 6px; align-items: center; margin-top: 4px;}
main .search-part .search__filter-pad .filter-group__content .slide-group .input-config-checkbox span { font-size: 14px; display: block; white-space: nowrap;}
main .search-part .search__filter-pad .filter-group__content .slide-group .input-list { font-size: 14px; display: flex; gap: 6px; align-items: center; }
main .search-part .search__filter-pad .filter-group__content .slide-group input:not([id="over-price"]) { width: 100px; border: 1px solid #c3cbd1; border-radius: 2px; padding: 8px 10px; color: #c3cbd1; }
main .search-part .search__filter-pad .filter-group__content .-white { background-color: #eeeeef; }
main .search-part .search__filter-pad .filter-group__content .-rice { background-color: #eeecd9; }
main .search-part .search__filter-pad .filter-group__content .-page { background-color: #dcd0b6; }
main .search-part .search__filter-pad .filter-group__content .-brown { background-color: #7c5841; }
main .search-part .search__filter-pad .filter-group__content .-grey { background-color: #b0b1b5; }
main .search-part .search__filter-pad .filter-group__content .-black { background-color: #000; }
main .search-part .search__filter-pad .filter-group__content .-blue { background-color: #337e99; }
main .search-part .search__filter-pad .filter-group__content .-green { background-color: #648c54; }
main .search-part .search__filter-pad .filter-group__content .-yellow { background-color: #ded164; }
main .search-part .search__filter-pad .filter-group__content .-orange { background-color: #d8a13b; }
main .search-part .search__filter-pad .filter-group__content .-red { background-color: #be111c; }
main .search-part .search__filter-pad .filter-group__content .-pink { background-color: #ebb0ae; }
main .search-part .search__filter-pad .filter-group__content .-purple { background-color: #a198b2; }
main .search-part .search__filter-pad .filter-group__content .-gold { background-image: linear-gradient(to bottom right, white, #b29a38); }
main .search-part .search__filter-pad .filter-group__content .-silver { background-image: linear-gradient(to bottom right, white, #b3b4b8); }
main .search-part .search__filter-pad .filter-group__content .-maru { background-image: linear-gradient(to bottom right, #bf1c1c, #d89d39); }
main .search-part .search__filter-pad .filter-group__title { padding: 5px 12px; font-size: 14px; background-color: #e8e7e3; font-weight: bold; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
main .search-part .search__filter-pad .filter-group__title svg { transform: rotate(0); transition: all 0.2s ease-in-out; }

@media screen and (min-width: 768px) {
main .search-part { width: 30%; }
}
@media screen and (min-width: 1024px) {
main .search-part { width: 300px; }
main .search-part .search__filter-pad .filter-group .radio-line { padding-left: 30px; gap: 15px; }
}



/*# sourceMappingURL=./result.css.map */