@charset "utf-8";
/*PC用共通CSS*/
/*-------------------
RESPONSIVE
------------------- */

/*　リストのwidthを指定　*/
.search-li-width li {
    width: 225px;
    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: 1360px;
    margin: 0 auto;
    padding: 0 20px;
}

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

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

/*　モバイル用アイテムを非表示　*/
.mobile-only-disp {
    display: none;
}

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

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

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

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

/*　項目の幅を決定 */
.title-width {
    width: 30%;
}

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

[data-view="grid"] .photo-square {
    width: 160px;
    height: 160px;
}

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

.pc-flex {
    display: flex;
}

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

/* PCの場合は中央寄せ */
.pc-text-center {
    text-align: center;
}

.pc-margin-bottom {
    margin-bottom: 4.5rem;
}

.pc-w-50 {
    width: 50%;
}

.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;
}