@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
*/

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

/* --- 監修者ボックスのスタイル（PC・モバイル共通） --- */
.supervisor-box {
  background-color: #f8f8f8; /* 背景色 */
  border: 1px solid #e0e0e0; /* 枠線 */
  padding: 18px;
  margin: 2em 3px;
  display: flex;
  align-items: flex-start; /* 上揃え */
  gap: 20px; /* 要素間のスペース */
}

/* 左側（画像とSNS） */
.supervisor-profile {
  flex: 0 0 120px; /* 幅を固定 */
  text-align: center;
  margin-top: 10px;
}

/* プロフィール画像 */
.supervisor-avatar img {
  width: 120px;
  height: 120px;
  border-radius: 50%; /* 円形にする */
  object-fit: cover; /* 画像の比率を保ったままトリミング */
}

/* 右側（テキスト情報） */
.supervisor-info {
  flex: 1;
}

.supervisor-title {
  font-weight: bold;
  font-size: 1.1em;
  margin: 0 0 10px;
}

/* ★この行の「1.3em」は正しい書き方です★ */
.supervisor-name {
  font-weight: bold;
  font-size: 1.3em; 
  margin: 0 0 10px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

.supervisor-detail p {
  margin: 0 0 1em;
  line-height: 1.7;
}


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

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