@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 ページ: カードサイズ統一 & 空カラム非表示
   TODO: confirm — 本番の body class / page-id を確認し、
         セレクタを .page-id-XXX .entry-content に限定する
   ============================================= */

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

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

/* --- 画像エリアを固定Boxにし、Cover表示 --- */
.entry-content .wp-block-media-text .wp-block-media-text__media {
  height: 120px;
  overflow: hidden;
}

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

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

.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名のセクションでもカラム幅が広がらないようにする */
.entry-content .wp-block-columns {
  gap: 1.5em;
}

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

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

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

/* --- レスポンシブ: タブレット以下でカード高さを自動に --- */
@media screen and (max-width: 834px) {
  .entry-content .wp-block-media-text,
  .entry-content .wp-block-media-text .wp-block-media-text__media {
    height: auto;
  }
  .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;
}