@charset "utf-8";


@import url("parts_fsearch.css");


/* -------------------------------

絞り込み検索結果画面

------------------------------- */



@media (max-width: 767.98px) {

    .main_contents__inner {
        width: 95%;
        margin: 0 auto 0;
    }

}

@media (min-width: 767.98px) and (max-width: 1023px) {


    .main_contents__inner {
        width: 95%;
        margin: 0 auto 0;
    }

}


/* 見出し */
._modal h1.heading {
    display: none;
}

._modal h2 {
    padding: 2rem 0;
}

._modal h2 ._searchstatusfull ._status,
._modal h2 ._searchstatusfull ._status * {
    font-size: 2rem;
}



/* ページネーション */


._pagenator {
    display: flex;
    justify-content: center;
    align-items: center;
}

._pagenator ._nav {
    font-family: "Inter", sans-serif;
    font-size: 1.2rem;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
}


._pagenator ._nav a,
._pagenator ._nav span {
    font-family: "Inter", sans-serif;
    font-size: 1.2rem;
    padding: 1rem 1.2rem;
    line-height: 1;
    text-decoration: none;
}

._pagenator ._nav._current {
    font-size: 1.2rem;
    padding: 1rem 1.2rem;
    font-weight: bold;
    line-height: 1;
    position: relative;
    background: #eee;
    border-radius: 2px;
}

._searchstatusfull ._status ._totalhits {
    display:none;
}



/* ソート */
.sort_page {
    margin-bottom: 2.4rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}


._sortorderselector {
    position: relative;
    display: flex;
    align-items: center;
}


._sortorderselector ._label {
    flex-shrink: 0;
}


._sortorderselector select {
    box-sizing: border-box;
    font-size: 1.2rem;
    height: 4rem;
    padding: 0 1.2rem;
    width: 8rem;
}


._sortorderselector select::after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    right: 1.6rem;
    top: 1.8rem;
    transform: translateY(-50%) rotate(45deg);
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    z-index: 10000;
}


.sort_page ._pagenator {
    justify-content: end;
}



@media (max-width: 767.98px) {

    ._sortorderselector {
        justify-content: center;
    }

    .sort_page {
        display: block;
    }

    .sort_page ._pagenator {
        justify-content: center;
        margin: 1.6rem 0;
    }

}


/* 検索実行後 検索条件の表示 */

#attribute_tags {
    margin-bottom:1.6rem;
}

#attribute_tags div,
#attribute_tags form {
    display:inline;
}


#attribute_tags select,
#attribute_tags ._attribute, #attribute_tags ._group, #attribute_tags input,
#attribute_tags ._attribute ._count {
  display: none;
}

#attribute_tags ._sub_groups {
    margin-top:0;
}


#attribute_tags ._attribute._select {
    display:inline;
    line-height:1.4;
}



#attribute_tags ._attribute ._label {
    padding: 0 .8rem 0 0;
    font-size: 1.2rem;
    font-family: "Inter", sans-serif;
    letter-spacing: 0;
}

#attribute_tags ._attribute label:before {
    font-family: "Font Awesome 5 Free";
    content: '\f057';
    font-weight:900;
    margin-right: .4rem;
    color: #444;
    }


/* 検索結果 &  */

._searchresults {
    margin-bottom: 3.2rem;
}


._checkeditems ._body,
._searchresults ._items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.6rem;
}

._image {
    margin-bottom: .4rem;

}

._wrap {
    margin-bottom: 1.6rem;
}

._checkeditem ._title,
._wrap ._title {
    margin: 0 0 .6rem 0;
}


._checkeditem ._title a,
._wrap ._title a {
    font-size: 1.1rem;
    letter-spacing: 0.025rem;
    line-height: 2rem;
}


._checkeditem ._text,
._wrap ._text {
    margin-bottom: .4rem;
}

._wrap ._text .price {
    font-size: 1.6rem;
    font-family: "Inter", sans-serif;
    letter-spacing: 0;
    color: #006db8;
}


/* 商品タグ */
._layoutgroup1 {
    font-size: 1.1rem;
    margin-right: .4rem;
}

/* 商品タグ 期間設定が隣接する場合 */
._layoutgroup1 + ._layoutgroup2 {
    margin-top:.8rem;
}



@media (min-width: 767.98px) and (max-width: 1023px) {

    ._checkeditems ._body,
    ._searchresults ._items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1.2rem;
    }

}

@media (max-width: 767.98px) {

    ._checkeditems ._body,
    ._searchresults ._items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1rem;
    }

}



/* 商品マーク */

._layoutgroup1 div {
    font-size: 1.1rem;
    display: inline-block;
    padding: .2rem .4rem .1rem;
    line-height: 1.2;
    border-radius: .2rem;
    margin: .8rem .4rem 0 0;
}



/*
display_text1 //SALE
display_text2 //予約
display_text3 //サイズ
display_text4 //サイズ・カラー
display_text5 //ゆうパック可
*/


/* 商品マーク：SALE */
._layoutgroup1 ._display_text1 {
    background: #fff;
    border: 1px solid #ff0000;
    color: #ff0000;
}

/* 商品マーク：予約 */
._layoutgroup1 ._display_text2 {
    background: #93c5f5;
    border: 1px solid #93c5f5;
}


/* 商品マーク：サイズ・カラー交換無料 */
._layoutgroup1 ._display_text3 {
    background: #fff;
    border: 1px solid #006db8;
    color: #006db8;
}


/* 商品マーク：予約 */
._layoutgroup1 ._display_text4 {
    background: #fff;
    border: 1px solid #006db8;
    color: #006db8;
}


/* 商品マーク：ゆうパック可 */
._layoutgroup1 ._display_text5 {
    background: #fff;
    border: 1px solid #666;
    color: #666;
}


/* 商品マーク：予約 */
._layoutgroup1 ._display_text6 {
    background: #fff;
    border: 1px solid #EB41B3;
    color: #EB41B3;
}


._layoutgroup1 ._display_text7 dl.fs-c-salesPeriod__date > * {
    font-size:1rem;
}


/* 商品マーク：予約 */
._layoutgroup1 ._display_text9 {
    background: #fff;
    border: 1px solid #EB41B3;
    color: #EB41B3;
}



/* 販売開始前です。 */
._layoutgroup2 ._display_text6 {
    font-size:1rem;
    line-height:1;
    padding:.3rem 0;
    margin-bottom:.4rem;
    text-align: center;
    background: #f36565;
    color: #ffffff;
}

/* 商品マーク：販売を終了しました */
._layoutgroup2 ._display_text8 {
    display: none;
}



/* 絞り込み検索をする　ボタン */

._searchstatusfull {
    padding:2rem 0 1rem 0;
}


._searchstatusfull * {
    font-size:1.6rem;
}


.main_contents ._modal ._button._open {
    font-size: 1.4rem;
    display: block;
    text-align: center;
    width: 100%;
    margin: 0 0 1.6rem;
    padding: .9rem 0;
    text-decoration: none;
    color: #222;
    border: 1px solid #aaa;
    border-radius: 2px;
    background: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.main_contents ._modal ._button._open::before {
    font-family: "Font Awesome 5 Free";
    content: '\f0b0';
    font-weight: 900;
    margin-right: .4rem;
    color: #666;
}

.main_contents ._modal ._button._open:hover {
    background-color: #eee;
    cursor: pointer;
}



/* -------------------------------

 モーダルウインドウ

------------------------------- */

._modal {
    overflow-x: hidden;
}


/* スクロールバーの装飾 */
._modal ._window::-webkit-scrollbar {
    width: 4px
}

._modal ._window::-webkit-scrollbar-track {
    background: #f5f5f5;
}

._modal ._window::-webkit-scrollbar-thumb {
    background: #888;
}

._modal ._window::-webkit-scrollbar-thumb:hover {
    background: #555;
}



/* _disableの修正 */

._attribute._disable {
    text-decoration: none !important;
}

._count {
    display: none;
}



/* レイアウト */

._modal ._window {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .6);
}

.modal__content {
    height: fit-content;
}

._modal ._window._hide {
    display: none;
}

._modal ._window._show ._wrap {
    background-color: #f1f1f1;
    margin:0 auto;
    width: 50%;
    height :100%;
    height :100dvh;
    border-radius: .2rem;
    position:relative;
    overflow: hidden;
    z-index: 1000;
    display: flex;
    flex-direction: column;
}

/* modal head */

._modal ._window ._wrap ._head {
    width:100%;
    box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    padding: 2.4rem 0;
}

._modal ._window ._wrap ._head ._status {
    text-align: center;
    font-size: 1.7rem;
    font-weight: 600;
}

._modal ._window ._wrap ._head ._close {
    position: absolute;
    background: transparent;
    top: calc(50% - 1rem);
    right: 3.2rem;
    color: #666;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
}

._modal ._window ._wrap ._body {
    width:100%;
    height:100%;
    padding: 2.4rem 0;
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    margin-bottom:8rem;
}

.search__row {
    width: 100%;
    padding: 0 3.2rem 1.6rem;
}




/* リセットボタン */
._modal ._window ._wrap ._foot,
._modal ._window ._wrap ._body ._reset {
    background-color: #f1f1f1;
    position:absolute;
    width:50%;
    box-shadow:  0px -2px 1px 0px rgba(0, 0, 0, 0.1);
    padding-top:2.4rem;
    padding-bottom:4rem;
}


._modal ._window ._wrap ._body ._reset {
    padding-left:2.4rem;
    padding-right:.8rem;
    left:0;
    bottom:0;
}

._modal ._window ._wrap ._foot {
    padding-left:.8rem;
    padding-right:2.4rem;
    right:0;
    bottom:0;
}



[data-popfind="reset-group4"]{
margin-top: 10rem;
}








@media (min-width: 767.98px) and (max-width: 1023px) {

    ._modal ._window._show ._wrap {
        width: 100%;
    }

}




@media (max-width: 767.98px) {


    ._modal ._window._show ._wrap {
        width: 100%;
    }

    ._modal ._window ._wrap ._head {
        padding: 1.6rem 0;
    }

    ._modal ._window ._wrap ._head ._status {
        font-size: 1.4rem;
    }

    ._modal ._window ._wrap ._head ._close {
        top: 1.6rem;
        right: 2.4rem;
    }

    ._modal ._window ._wrap ._body ._reset {
        padding: 1.6rem .8rem 1.6rem 1.6rem;
    }

    ._modal ._window ._wrap ._foot {
        padding: 1.6rem 1.6rem 1.6rem .8rem;
    }

    .search__row--price,
    .search__row--stock,
    .search__row--keyword,
    .search__row--category,
    .search__row--brand,
    .search__row--size,
    .search__row--shoesize,
    .search__row--color,
    .search__row--itemType {
        padding: 0 1.6rem 1rem;
    }


    ._btns {
        padding: 2.4rem 1.6rem 1rem;
    }

}












/* -------------------------------

 セール時の表示

------------------------------- */

._wrap ._text .price.sale_price {
    color: #ff0000;
}