@media screen and (min-width: 768px) {
    
    .header-container,
.header-container-in,
#header {
  height: auto !important;
  min-height: 80px !important;
  overflow: visible !important;
}

#header {
  display: flex !important;
  align-items: center !important;
}

.logo-header img,
.site-logo-image {
  max-height: 80px !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
}

/* 2個目のロゴを消す */
.site-logo-image:nth-of-type(2) {
    display: none !important;
}

/* ロゴ全体を縦中央 */
.logo.logo-header.logo-image {
    display: flex;
    align-items: center;
    height: 100%;
}

/* スマホヘッダー：アイコンと文字色 */
.mobile-menu-buttons .menu-button > a,
.mobile-menu-buttons .menu-icon,
.mobile-menu-buttons .menu-caption,
.mobile-menu-buttons .fas {
  color: #9f785f !important;
}

.mobile-menu-buttons .menu-button > a * {
  color: #9f785f !important;
}

/* スマホヘッダー：予約・メニューのアイコン＆文字色 */
.mobile-menu-buttons .menu-button > a,
.mobile-menu-buttons .menu-button > label,
.mobile-menu-buttons .menu-button .menu-caption,
.mobile-menu-buttons .menu-button .menu-icon,
.mobile-menu-buttons .menu-button .menu-icon span,
.mobile-menu-buttons .menu-button .fas,
.mobile-menu-buttons .menu-button .fa,
.mobile-menu-buttons .menu-button .fa::before,
.mobile-menu-buttons .menu-button .fas::before {
  color: #9f785f !important;
}

/* スマホヘッダーのアイコン・文字色 */
ul.mobile-header-menu-buttons,
ul.mobile-header-menu-buttons a,
ul.mobile-header-menu-buttons label,
ul.mobile-header-menu-buttons span,
ul.mobile-header-menu-buttons span::before {
  color: #9f785f !important;
}

}