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





/* 記事のH2デザイン - グラデーションの枠で囲う */
article h2 {
  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
  padding: 1rem 2rem;
  position: relative; /* 相対配置 */
  box-sizing: border-box;
  color: #333;
  background-color: #fff;
  border: 4px solid transparent;
  border-image: linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%) 1;
  margin-bottom: 1.5rem; /* 下に余白を追加 */
}

/* 記事のH3デザイン - グラデーションの下線 */
article h3 {
    position: relative;
    font-size: 24px;
    display: block; /* 変更 */
    width: 100%; /* 追加 */
    margin: 0; /* 追加（必要に応じて調整） */
}

article h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px; /* 下線がテキストに近すぎる場合、値を調整 */
    width: 100%;
    height: 3px; /* 下線の太さ */
    background: linear-gradient(to right, #ff7e5f, #feb47b); /* グラデーションの色 */
}

article h4 {
  position: relative;
  font-size: 20px; /* 適宜調整 */
  display: block;
  width: 100%;
  margin: 0; /* 必要に応じて調整 */
}

article h4::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -5px; /* 下線がテキストに近すぎる場合、値を調整 */
  width: 100%;
  height: 3px; /* 下線の太さ */
  background: linear-gradient(to right, #ff7e5f, #feb47b); /* グラデーションの色 */
}











.scrollable-table {
    overflow: auto;
}

.wp-block-table th:first-of-type,
.wp-block-table td:first-of-type {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: #FFF4E0;
}

.wp-block-table td:nth-of-type(1) {
    background-color: #FFF4E0;
}

.wp-block-table th,
.wp-block-table td {
    vertical-align: middle !important;
    text-align: center;
    padding: 10px !important;
}