@charset "UTF-8";
/*! Theme Name: Cocoon Child Template:   cocoon-master Version:    1.0.6 */

/************************************
 ** 子テーマ用のスタイルを書く
 ************************************/ 
/*トップページ用固定ページから表示を消す（2019.1.20）*/ 
/*フロント固定ページのタイトルを非表示*/ 
.home.page .entry-title, 
/*フロント固定ページの投稿日・更新日を非表示*/ 
.home.page .date-tags{ display: none; }

/*カテゴリページからブログカードへのリンクを非表示（2021.11.8）*/ 
.category .list { display: none; }

/*カテゴリページからページネーションを非表示（2021.11.22）*/ 
/*左から順に、次のページ、ページ番号、ページ番号間の「…」*/ 
.pagination-next, .page-numbers, page-numbers.dots { display: none; }

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

/* コメント入力欄の「メールアドレスが公開されることはありません。」を削除（2019.5.31） */ 
.comment-form-email { display:none; } 
.comment-form-url { display:none; } 
.form-allowed-tags {display:none; } 
.comment-notes {display:none; } 
.says{display:none; }


/* アフィリエイトの複数本を横スクロール（2026.5.2）  */
/*  PC・スマホ共通：常に横並び＆横スクロールにする設定  */
.affiliate-row {
  display: flex;
  flex-wrap: nowrap; /*  画面サイズに関わらず下へ折り返さず1行に強制する  */
  overflow-x: auto;  /*  画面からはみ出た部分を横スクロール可能にする  */
  gap: 15px;
  margin-bottom: 30px;
  padding-bottom: 15px; /*  スクロールバーが表示された時のための余白  */
  -webkit-overflow-scrolling: touch; /*  スマホ・タブレットでのスクロールを滑らかにする */ 
}

/* 各リンクの幅の設定  */
.affiliate-item {
  /*  縮まないように固定幅を持たせる（PCでもスマホでも同じ幅をキープ） */ 
  flex: 0 0 200px; 
  box-sizing: border-box; 
}

/* アフィリエイトリンク内の画像を歪ませないための設定 */
.affiliate-item img {
  max-width: 100%; /* 箱の幅からはみ出さないようにする */
  height: auto;    /* 縦横の比率（アスペクト比）を自動で保つ */
  object-fit: contain; /* 画像全体が綺麗に収まるようにする */
}