@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

.header-in {
	text-align:center;
	display: flex;
	flex-direction: column;
	/*justify-content: flex-start;*/
}
.header-in .tagline {
	text-align:right;
	margin-bottom: 0;
	width:fit-content;
	height:fit-content;
}

/* =============================================
   PEOPLE ページ (page-id-530): カードサイズ統一 & 空カラム非表示
   ============================================= */

/* --- 全メンバーカード共通: 高さ160px固定 --- */
.page-id-530 .entry-content .wp-block-media-text {
  height: 160px;
  align-items: stretch;
  overflow: hidden;
}

/* --- Faculty（先頭の wp-block-columns）: 高さ200px --- */
.page-id-530 .entry-content > div.wp-block-columns:first-of-type .wp-block-media-text {
  height: 200px;
}

/* --- 画像エリアを固定Boxにし、Cover表示 ---
   align-items:stretch で figure を親の高さに伸ばし、
   img を height:100% + object-fit:cover で確実にカバー表示する。
   WP コアの height:auto を詳細度で上書きする。 */
.page-id-530 .entry-content .wp-block-media-text .wp-block-media-text__media {
  height: 100%;
  overflow: hidden;
}

.page-id-530 .entry-content .wp-block-media-text .wp-block-media-text__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* --- テキストエリアのはみ出し防止 --- */
.page-id-530 .entry-content .wp-block-media-text .wp-block-media-text__content {
  overflow: hidden;
  padding: 8px 16px;
  align-self: center;
}

.page-id-530 .entry-content .wp-block-media-text .wp-block-media-text__content p {
  margin: 0;
  line-height: 1.4;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* --- カラム幅を3等分に固定し、左揃え ---
   2名・1名のセクションでもカラム幅が広がらないようにする */
.page-id-530 .entry-content .wp-block-columns {
  gap: 1.5em;
}

.page-id-530 .entry-content .wp-block-columns > .wp-block-column {
  flex: 0 0 calc((100% - 3em) / 3);
}

/* Faculty section: 2カラムは均等幅を維持 */
.page-id-530 .entry-content > div.wp-block-columns:first-of-type > .wp-block-column {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}

/* --- 空カラムを非表示にし、クリック可能領域を消す --- */
.page-id-530 .entry-content .wp-block-columns > .wp-block-column:empty {
  display: none;
}

/* --- レスポンシブ: タブレット以下でカード高さを自動に --- */
@media screen and (max-width: 834px) {
  .page-id-530 .entry-content .wp-block-media-text {
    height: auto;
  }
  .page-id-530 .entry-content .wp-block-media-text .wp-block-media-text__media {
    height: auto;
  }
  .page-id-530 .entry-content .wp-block-columns > .wp-block-column {
    flex-basis: 100%;
  }
}

.header-in .logo {
	text-align: right;
	margin-top: 0;
	width:fit-content;
	font-family: 'Montserrat Subrayada', sans-serif;
}