/*
 Theme Name:   WP-qolp-Mido-Child-community
 Template:     wp-qolp-mido
 Version:      1.0.0
 利用ページ:   a19
*/

body.community {}

h1,
h2,
h3 {

}

.community #pc-menu a {
  color: #333333;
}

.community #pc-menu a:visited {
  color: #333333;
  ;
}

.community #pc-menu a:active {}

/* 子テーマ用のスタイルはここに書く */
body.community {
  background-color: rgb(230, 230, 230);
}

.community #masthead {
  background-color: #dedede;
  z-index: 1;
}

/* heroセクション */


/* フッタに隙間があくための処理 */
.community .post,
.community .page {
  margin: 0;
}

/* slick　css 細いスライダー */

/* 初期状態は非表示 */
.slider {
  visibility: hidden;
}

/* Slick初期化後に表示 */
.slider.slick-initialized {
  visibility: visible;
}

.slider .slick-slide {
  position: relative;
  overflow: hidden;
  height: 200px !important;
  /* 高さは固定 */
}

.slider .slick-slide img {
  width: 100%;
  height: 200px;
  /* 高さは固定 */
  object-fit: cover;
  /* はみ出しても比率を維持しつつ切り抜き */
  object-position: center;
  /* 高さ・幅とも中央に切り抜く */
  display: block;
  overflow: hidden;
}

.breadcrumbs {
  display: none !important;
}

/*カスタムロゴ*/
.community .custom-logo {

  width: 320px;
  margin-top: 0px;
  margin-bottom: 5px;
  left: 10px;
}

/*メインメニュー*/
/* PCナビ全体を左右に分ける */
.pc-nav-list {
  display: flex;
  justify-content: space-between; /* 左右に分ける */
  align-items: center;
  padding: 0 20px;
  height: 60px;
  background: #f8f8f800; /* ナビ全体の背景 */
}

/* メニューは左 */
#pc-menu {
  list-style: none;
  display: flex;
  gap: 20px;
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  margin: 0;
}

/* 右側ボタンラッパーを右寄せ */
.login-buttons-wrapper {
  display: flex;
  gap: 10px; /* ボタン間隔 */
  align-items: center;
  justify-content: flex-end; /* 右寄せ */
    flex-wrap: wrap;
}

/* ボタン共通 */
.login-button a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff; /* 白背景 */
  border: 1px solid #ddd;
  padding: 10px 16px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: #444;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  white-space: nowrap; /* ボタン内のテキスト改行防止 */
}


/*フッタ*/
.community footer img.custom-logo {
  margin-bottom: 20px;
}

.community footer img.custom-logo {
  filter: brightness(0) invert(0);
  /*ロゴを黒くする*/
}

.community footer {
  color: #151515;
}


.community .footer-company .address {
  font-size: 16px;
  color: white;
}

.community .footer-company .address .tel {
  font-size: 25px;
  font-weight: bold;
  margin-top: 20px;
  font-family: 'Inter', sans-serif;
}

/* メインメニュー */
.community #pc-menu {
  font-size: 16px;
}

/* ハンバーガーボタン */
.community .menu-toggle-2 {
  background-color: #9a9c2f;
}

/* トップに戻るボタン */
#page-top {
  display: none;
}

/* SNSボタン */
.community .sns-bar,
.community #company .footer {
  background: transparent;
  filter: brightness(0) invert(0);

}

.community .button-container .vertical-button li {
  background-color: #151515;
}

.community .button-container .vertical-button li:nth-child(2) {
  background-color: #151515;
}

.community .button-container .vertical-button li:nth-child(2):hover {
  background-color: #001D56;
}

ul.wpuf_customs,
ol.wpuf_customs {
	margin: 0;
  padding:0 ;
}

/*----------- デザイン-------------- */


@media screen and (max-width: 767px) {

  /* スクリーンサイズが767px以下の場合に適用 */
  /*メインメニュー*/
  /* PCナビ全体 */
  .pc-nav-list {
    margin: 50px auto 10px auto;

  }

  /* Googleログインボタンを右端に固定 */
  .login-button {
    top: auto;

  }

}