@charset "utf-8";
/*スマホ用共通CSS*/
/*-------------------
RESPONSIVE
------------------- */

/*　リストのwidthを指定　*/
.search-li-width li {
    width: 150px;
    font-size: 0.8rem;
    overflow-wrap: break-word;
}

/*　リストのwidthを指定(短)　*/
.search-li-width-short li {
    width: 105px;
}

/*　スマホ画面(タブレット縦含まない)　*/


/*　タブレット用アイテムを非表示　*/
.tablet-only-disp {
    display: none;
}

/*　スマホ画面は非表示　*/
.smartphone-hiden {
    display: none
}

/*　幅に応じてアイテムを２段組みにする　*/
.Two-columns-grid {
    grid-template-columns: 1fr;
}

/*　幅に応じてアイテムを３段組みにする　*/
.three-columns-grid {
    grid-template-columns: 1fr;
}

/*　ページ幅の指定　*/
.wrapper {
    width: 100%;
    padding: 0 15px;
}

/*　ＰＣ用アイテムを非表示　*/
.pc-only-disp {
    display: none;
}

/*　検索エリア　*/
.search-area {
    top: 57px;
}

/*　検索エリア用余白　*/
/*.search-area-margin {
    margin-top: 150px;
}*/

.title-width {
    width: 100%;
}

.half-if-wide {
    width: 100%;
}


.mypage-btn {
    display: none;
}

.cart-btn {
    display: none;
}

.sp-mb-margin-bottom {
    margin-bottom: 7rem;
}

/* スマホの場合は非表示 */
.sp-hidden {
    display: none !important;
}

.sp-w-100 {
    width: 100%;
}

.modal-search-title-width {
    width: 100%;
}

.modal-search-text-width-short {
    width: 100%;
}

.modal-search-text-width-middle {
    width: 100%;
}

.modal-search-text-width-long {
    width: 100%;
}