/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

.drts button.drts-bs-btn {
  font-size: 18px;
}

.drts-bs-navbar > .drts-bs-navbar-nav:first-child {
  display: block;
  text-align: center;
  margin: 0 auto;
}

.drts-view-nav-item-name-filter-collapse{
  color: #FF4F02 !important;
  border: solid 1px #FF4F02 !important;
}
.drts-view-nav-item-name-filter-collapse span::before {
  content: "▶";
}
.drts .drts-view-nav-item-name-filter-collapse:hover{
	background-color: #fafad2 !important;
}
.drts-view-nav-item-name-num{
	display:none !important;
}

/* 表示したいときに使うクラス */
#main div.entry-content-wrap .drts .drt-view-entities-visible {
  display: block !important;
}

div.entry-content-wrap .drts .drts-bs-navbar-nav:last-child
{
  display: none !important;
}

div.entry-content-wrap .drts .drts-view-entities
{
  display: none !important;
}

/* PC（768px以上）の場合 */
@media (min-width: 768px) {
    .drts-view-nav {
        position: relative !important;
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        min-height: 50px; /* ボタンが収まる最低限の高さ */
    }

    /* 検索ボタンを親要素全体に対して中央寄せ */
    .drts-view-nav > .drts-bs-navbar-nav:first-child {
        position: absolute !important;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        display: flex !important;
        justify-content: center;
        pointer-events: none;
    }

    /* 検索ボタンをクリック可能に戻す */
    .drts-view-nav-item-name-filter-collapse,
    .drts-view-nav-item-name-filter-modal {
        pointer-events: auto;
        margin: 0 4px;
    }

    /* 右側の要素を必ず右端に配置 */
    .drts-view-nav > .drts-bs-navbar-nav:last-child {
        margin-left: auto !important;
        display: flex !important;
        align-items: center;
        z-index: 2;
    }
}

/* スマホ（767px以下）の場合、重ならないよう縦並びにする */
@media (max-width: 767px) {
    .drts-view-nav {
        flex-direction: column !important;
        align-items: stretch !important;
        position: relative !important;
    }

    .drts-view-nav > .drts-bs-navbar-nav:first-child,
    .drts-view-nav > .drts-bs-navbar-nav:last-child {
        position: static !important;
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        margin-bottom: 8px;
    }

    .drts-view-nav-item-name-filter-collapse,
    .drts-view-nav-item-name-filter-modal,
    .drts-view-nav-item-name-num,
    .drts-view-nav-item-name-layout_switch,
    .drts-view-nav-item-name-sort,
    .drts-view-nav-item-name-add {
        width: 100% !important;
        margin: 4px 0 !important;
    }
}

.drts-search-form-field.drts-search-form-field-keyword.drts-col-md 
, .drts-search-form-field.drts-search-form-field-location-address.drts-col-md{
  border: solid 1px #888;
  border-radius: 3px;
}

.drts .drts-bs-form-control{
  font-size: 1.1rem !important;
}

.drts .drts-bs-form-control::placeholder {
  color: #333 !important;
}

.drts-form-field .select2{
  font-size: 1.1em !important;
  border: solid 1px #888 !important;
  border-radius: 3px !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #333 !important;
}

.drts-search-form-buttons {
  width: 100% !important;
  border: solid 1px darkblue !important;
  border-radius: 3px !important;
}

.drts-search-form-submit.drts-bs-btn.drts-bs-btn-primary {
  background: darkblue !important;
  border: solid 1px darkblue !important;
}

.drts-search-form-buttons {
  width: 100% !important;
  border: solid 1px darkblue !important;
  border-radius: 3px !important;
  background: darkblue !important;
}