@charset "utf-8";
/*タブレット用共通CSS*/
/*-------------------
RESPONSIVE
------------------- */

/*　ＰＣ、タブレット画面　*/

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

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


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

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

/*　ページ幅の指定　*/
.wrapper {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 20px;
}

/*　メニューのボタン　*/
.menu-container button {
    margin: 15px 12px;
}

/*　スマートフォン用アイテムを非表示　*/
.smartphone-only-disp {
    display: none;
}

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

/*　スマートフォン用アイテムを非表示　*/
.smartphone-only-disp {
    display: none;
}

/* タブレット画面は非表示　*/
.tablet-hidden {
    display: none;
}

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

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

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

.title-width {
    width: 100%;
}

.search-results[data-view="grid"] li {
    width: 155px;
}

.mypage-btn {
    display: none;
}

.cart-btn {
    display: none;
}

.mb-flex {
    display: flex; 
}

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

/* iPadの場合は非表示 */
.mb-hidden {
    display: none !important;
}

.modal-search-title-width {
    width: 120px;
}

.modal-search-text-width-short {
    width: 80px;
}

.modal-search-text-width-middle {
    width: 240px;
}

.modal-search-text-width-long {
    width: 480px;
}