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

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

/************************************
** 背景画像の共通設定
************************************/
#header, .l-header {
    background-image: url(http://akirakublog.com/wp-content/uploads/2024/11/fd1c49de3d641cd3e4f77f82a6940f5c.jpg) !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 400px !important; /* 初期設定: PC用 */
    overflow: hidden; /* 余白を隠す */
}

/************************************
** デバイス別の高さ調整
************************************/
/* パソコン用 */
@media screen and (min-width: 1024px) {
    #header, .l-header {
        height: 400px !important; /* パソコンでの高さ */
    }
}

/* タブレット用 */
@media screen and (max-width: 1023px) and (min-width: 768px) {
    #header, .l-header {
        height: 300px !important; /* タブレットでの高さ */
    }
}

/* スマートフォン用 */
@media screen and (max-width: 767px) {
    #header, .l-header {
        height: 200px !important; /* スマートフォンでの高さ */
    }
}

/* 記事カードに立体感のある影を追加 */
.entry-card-wrap {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* ふんわりした下向きの影 */
  border-radius: 8px; /* 角を少し丸くして柔らかい印象に */
  transition: box-shadow 0.3s ease; /* ホバー時のアニメーション */
}

/* ホバー時に影を強調 */
.entry-card-wrap:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.wp-block-heading {
  color: #fff !important;
  background-color: #2f496e;
  padding: 10px;
  border-radius: 4px;
}

.sidebar.nwa .author-box{
    padding: 0;
	font-size: 0.8em; /* 通常より少し小さめ */
	line-height: 1.6;
}
.sidebar.nwa .author-box .author-thumb{
    width: 100%;
    margin: 0 0 1em 0;
    background: url(http://akirakublog.com/wp-content/uploads/2025/09/IMG_0248.jpeg);
	background-size: cover;
    height: 3em;
}
.sidebar.nwa .author-box .author-thumb img{
    max-width: 100px;
    margin-top: 9em;
}
.sidebar.nwa .author-box .author-name{
	margin-bottom: 1em;
}
/* テキストの左右の余白 */
.sidebar.nwa .author-box .author-content{
	padding: 1em 1.5em;
}

.sidebar.nwa .author-box .author-thumb img {
    border: 3px solid #fff;
}

/* 記事本文のフォントサイズ・色・行間・フォント種類 */
.entry-content {
  font-size: 17px;
  color: #1f1f1f;
  font-weight: 500 ;/* 通常より少し太めで読みやすく */
  line-height: 1.8;
  font-family: "Helvetica Neue", "游ゴシック", "Meiryo", sans-serif;
  letter-spacing: 0.03em;
}

/* 段落の余白を調整（読みやすさUP） */
.entry-content p {
  margin-bottom: 1.2em;
}

/* （スマホ表示）記事本文のフォントサイズ・色・行間・フォント種類 */
@media screen and (max-width: 600px) {
  .entry-content {
    font-size: 16px;
    line-height: 1.7;
  }
}

/* 投稿本文内のアイキャッチ画像サイズを調整 */
.post-thumbnail img {
  max-width: 100%;
  height: auto;
  width: 400px; /* 任意のサイズに調整 */
  margin: 0 auto;
  display: block;
}

/*記事の外枠に陰影をつける*/
.main {
  background-color: #fff; /* 白背景を明示 */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); /* 優しい下向きの影 */
  border-radius: 12px; /* 角を丸くして柔らかい印象に */
  padding: 40px; /* 内側の余白を広めに */
  margin: 40px auto; /* 上下余白＋中央揃え */
  max-width: 900px; /* 中央に収めて読みやすく */
}

@media screen and (max-width: 600px) {
  .main {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    padding: 20px;
    border-radius: 8px;
  }
}

/* 公開画面のタイトル*/
.single .entry-title {
  font-size: 1.5em;
  font-weight: 800;
  color: #2f496e;
  text-align: left;
  background-color: #eaf4fc;
  padding: 20px 30px;
  border-left: 6px solid #2f496e;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  margin-bottom: 1.5em;
}

/* タイトル直下のサブタイトル*/
.sub-title {
  text-align: center;
  font-size: 1.1em;
  color: #666;
  margin-top: -1em;
  margin-bottom: 2em;
  font-style: italic;
}

.toc {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* 優しい下向きの影 */
  border-radius: 8px; /* 角を丸くして柔らかい印象に */
  padding: 20px;
  background-color: #fff; /* 白背景で浮き上がるように */
  margin-bottom: 2em;
}

/* 動画を中央揃えにする */
.video-container{
	margin:0px auto;
}

iframe[src*="youtube.com"] {
  border-radius: 8px;      /* 角を少し丸く */
  box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* ふんわり影 */
}

.entry-content h2 {
  border-left: 5px solid #2f496e;
  padding-left: 10px;
  color: #2f496e;
}

/* 見出し2（H2）に対応する目次項目：〇 */
.toc-list > li::before {
  content: "〇 ";
	font-size: 1em;
}

.toc-list > li li::before {
  content: "- ";
}

/* 目次のリストスタイルを消して、記号だけにする */
.toc-list li {
  list-style-type: none;
  padding-left: 0.5em;
}

/*-------- 色指定 ---------*/
:root {
  --s-text:#2f496e; /*文字の色*/
  --s-line:#2f496e; /*線の色*/
  --s-bg1:#eaf4fc; /*ストライプ背景の色*/
}

.simple-table thead{
border-bottom:2px solid var(--s-line);	
}

.simple-table th, .simple-table tr:nth-child(even){
background-color:var(--s-bg1);
}

.simple-table table td ,.simple-table table ,.simple-table table th {
border-color:var(--s-line);
}

.simple-table td:nth-child(1),
.simple-table th:nth-child(1) {
  white-space: nowrap;
}