@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){
  /*必要ならばここにコードを書く*/
}

/* ページタイトルの非表示 */
.page .entry-title{
  display: none;
}


h1 {
    font-size: 32px !important;
	padding-top: 30px;
	padding-bottom: 30px;
}





/* H3見出しのカスタマイズ */
.entry-content h3, 
.article h3 {
  background-color: #f0f7ea;      /* 背景色（薄い緑系） */
  border: none;                   /* すべての枠線をリセット */
  border-left: 6px solid #71d11e; /* 左側の緑ライン */
  padding: 10px 15px;             /* 内側の余白 */
  font-weight: normal;            /* 標準の太さ */
  font-size: 1.5em;               /* 文字サイズ */
  line-height: 1.4;               /* 行間の調整 */
  width: 1000px;                  /* コンテンツ幅を1000px */
  display: block;                 /* 確実にブロック要素として扱う */
  margin-top: 30px;               /* 上の余白 */
  margin-bottom: 30px;            /* 下の余白 */
  margin-left: auto;              /* ブロック要素を中央配置 */
  margin-right: auto;             /* ブロック要素を中央配置 */
}






.entry-content h5, 
.article h5 {
  max-width: 1000px; /* 最大幅を1000pxに制限 */
  width: 100%; /* 親要素の幅いっぱいに広げる */
  position: relative;
  font-weight: bold;
  font-size: 1.5em;
  padding: 0;
  margin: 50px auto; /* 上下の余白はそのまま、左右の `auto` で中央揃え */
  margin-top: 30px;
  text-align: center;
  border-bottom: none;
  display: block; /* 確実にブロック要素として扱う */
}



/* カラフルな下線のデザイン */
.entry-content h5::after, 
.article h5::after {
  content: "";                       /* 擬似要素の生成 */
  display: block;
  width: 100%;                       /* 幅を見出しと同じに */
  height: 4px;                       /* 線の太さ */
  background: linear-gradient(       /* カラフルなグラデーション */
    to right,
    #fbbc05 0%,      /* 黄色 */
    #fbbc05 12%,     /* 黄色の終了 */
    #71d11e 12%,     /* 緑の開始 */
    #71d11e 24%,     /* 緑の終了 */
    #135aa4 24%,     /* 青の開始 */
    #135aa4 36%,     /* 青の終了 */
    #bdbdbd 36%,     /* グレーの開始 */
    #bdbdbd 100%     /* グレーの終了 */
  );
  margin: 8px auto 0;                /* 上の余白と中央揃え */
}


/* H6見出しのカスタマイズ */
.entry-content h6, 
.article h6 {
    border: none !important;                  /* すべての枠線をリセット */
    border-left: 6px solid #71d11e !important; /* 左側の緑ライン */
    padding-top: 20px !important;
    padding-bottom: 20px !important;
	max-width: 1000px; /* 最大幅を1000pxに制限 */
    width: 100%; /* 画面幅が狭い場合にレスポンシブ対応 */
    margin: 50px auto; /* 上下50pxの余白 + 中央揃え */
    margin-top: 30px !important;
	margin-bottom: 30px !important;


}


h1.wp-block-heading {
  font-size: 30px !important;
  font-family: Hiragino Kaku Gothic ProN !important;
  font-weight: 400 !important;
  margin: 0 !important;
}


.mobile-menu-buttons .sidebar-menu-button {
	display: none;
}




a[href*=".pdf"]:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 20px;
  margin-left: 3px;
  background-image: url(https://www.ddi.f.u-tokyo.ac.jp/wp-content/uploads/2025/07/file-expand_Pdf_icon-icons.com_68956.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

a[href*=".xls"]:after,
a[href*=".xlsx"]:after,
a[href*=".xlsm"]:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 20px;
  margin-left: 3px;
  background-image: url(https://www.ddi.f.u-tokyo.ac.jp/wp-content/uploads/2025/07/file_10_icon-icons.com_68948.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

a[href*=".doc"]:after,
a[href*=".docx"]:after,
a[href*=".docm"]:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 20px;
  margin-left: 3px;
  background-image: url(https://www.ddi.f.u-tokyo.ac.jp/wp-content/uploads/2025/07/file_5_icon-icons.com_68953.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}