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

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


/* 「デザインリセット用のコード」 */
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/* H5 */
.entry-content h5{
border:none;
background:none;
padding: 0;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
}


/* 「オレンジ系の見出し」 */
.entry-content h2 {
padding: 0.5em;/*文字周りの余白*/
color: #fff7ef;/*文字色*/
background: #ff962d;/*背景色*/
border-left: solid 5px #ff7e00;/*左線（実線 太さ 色）*/
}

.entry-content h3 {
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #fffaf4;/*背景色*/
  border-left: solid 5px #ff7e00;/*左線（実線 太さ 色）*/
}

.entry-content h4 {
padding: 0.5em;/*文字周りの余白*/
border-left: solid 5px #ff7e00;/*左線*/
}

.entry-content h5 {
/*線の種類（二重線）太さ 色*/
border-bottom: double 5px #ff7e00;
}

.entry-content h6 {
/*線の種類（点線）2px 線色*/
border-bottom: dashed 2px #ff7e00;
}




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

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

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

/*固定ページの日付非表示*/
.post-14 .date-tags,
.post-2 .date-tags,
.post-21 .date-tags {
display: none;
}


/*特定ページのシェア・フォローボタン非表示*/
.page-id-14 .sns-share,
.page-id-14 .sns-follow {
    display: none;
}
.page-id-2 .sns-share,
.page-id-2 .sns-follow {
    display: none;
}
.page-id-21 .sns-share,
.page-id-21 .sns-follow {
    display: none;
}

 /*フッターメニューの文字色*/
.footer {
  margin-top: 40px; /*フッターとコンテンツの間に余白追加*/
  background: #ff7e00; /*フッター背景色*/
}
.footer-bottom {
  margin-top: 14px; /*フッター内上部の余白を詰める*/
}

/* フッターのロゴ画像サイズ調整 */
.footer-bottom-logo { /*ロゴの位置調整*/
  float: none;
  bottom: auto;
  position: static;
  margin-bottom: 30px;
}

.footer-bottom-logo img {
  padding: 0;
  max-width: 250px; /*ロゴ画像を少し大きく*/
  height: 40px;
  margin: 0 auto;
}

.footer-bottom-content { /*メニュー＆クレジットの位置調整*/
  float: none;
  text-align: center;
}
.navi-footer-in > .menu-footer { /*メニューの位置調整*/
  justify-content: center;
  margin-bottom: 1em;
}
.navi-footer-in a {
  color: #ffffff; /*メニューの文字色*/
}
.navi-footer-in a:hover { /*メニューのマウスホバー時の指定*/
  color: #ffffff; /*文字色を通常時と同じに*/
  background: none; /*背景色をなしに*/
  text-decoration: underline; /*アンダーラインを追加*/
}
.footer-bottom.fnm-text-width .menu-footer li {
  line-height: 1; /*メニューの区切りボーダーの高さを1文字分にする*/
}
.copyright {
  color: #ffffff; /*クレジットの文字色*/
  margin-top: 30px;
}
@media screen and (max-width: 834px) {
  .navi-footer-in > .menu-footer li.menu-item {
    border: none; /*モバイルでメニューのボーダーを消す*/
  }
}

@media screen and (max-width: 460px) {
  .navi-footer-in > .menu-footer li.menu-item { /*モバイルでメニューを1カラムにする*/
    width: 100%;
    display: block;
    flex: auto;
    padding: 0.3em 0;
  }
}

/* 目次：PC表示時だけスクロール */
@media screen and (min-width: 835px) {
  .toc-widget-box .toc-content {
    max-height: 40vh;
    overflow-y: auto;
  }
}


/* ビジュアルのテキスト非表示 */
.site-name-text {
  display:none;
}


/* PC表示用 */
.header {
  background-image: url('https://dokulab.jp/wp-content/uploads/2025/07/70cc15cb8c0866f995746c79b71cc93f.jpg');
  background-size: 100% auto; /* 横幅100%、縦は画像比率で自動 */
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #fefaf5;
  height: 350px; /* ← ここを調整して高さを変える */
}

/* タブレット表示用 */
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .header {
    background-image: url('https://dokulab.jp/wp-content/uploads/2025/07/70cc15cb8c0866f995746c79b71cc93f.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #fefaf5;

    width: 100%;
    aspect-ratio: 1792 / 1024;
    height: auto;
  }
}


/* モバイル用 */
@media screen and (max-width: 767px) {
  .header {
    background-image: url('https://dokulab.jp/wp-content/uploads/2025/07/70cc15cb8c0866f995746c79b71cc93f.jpg');
    background-size: contain; /* ← 画像全体を縮小表示（切れない） */
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #fefaf5;
    
    width: 100%;    
	height: auto; /* ← 高さを制限しない */
  }
}

/* header自体の高さも画像に合わせて調整 */
.header {
  height: auto !important;
  background-size: cover !important;
}