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

/************************************
** 子テーマ用のスタイルを書く（必要なら）
************************************/

/* ここには任意で追記可 */

/**************************************************
 * 投稿（single）専用：PCは620px固定／SPはフルワイド
 * 外側のmax-widthを解除 → 内側(#main)で幅を決定
 * ※ 固定ページ（.page）には適用しない
 **************************************************/

/* 1) 外側ラッパーの上限を外す（投稿のみ） */
.single .wrap,
.single #content{
  max-width: none;
  width: 100%;
  box-sizing: border-box;
}

/* 2) 本文コンテナで幅を決める（Cocoonの main 領域） */
/* PC：本文カラム 620px 固定 */
@media (min-width: 768px){
  .single #main,
  .single .site-main{
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}
/* スマホ：フルワイド＋左右余白のみ（幅は固定しない） */
@media (max-width: 767px){
  .single #main,
  .single .site-main{
    max-width: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-left: 14px;
    padding-right: 14px;
  }
}

/* 3) タイポグラフィ（投稿のみ） */
.single .entry-content{
  font-family: "Noto Sans JP","Noto Sans CJK JP",
               "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",
               Meiryo,sans-serif;
  font-weight: 400;           /* 通常 */
  line-height: 1.8;
}
/* PC本文：18px（620pxで≈34字/行） */
@media (min-width: 768px){
  .single .entry-content{ font-size: 18px; }
}
/* SP本文：内側幅÷21でオモコロ密度に寄せる（最小/最大をクリップ） */
@media (max-width: 767px){
  .single .entry-content{
    /* 例：端末390px → 内側(390-28)=362 → 362/21 ≈ 17.2px */
    font-size: clamp(15.5px, calc((100vw - 28px) / 21), 19px);
  }
}

/* 強調（太字）は700 */
.single .entry-content b,
.single .entry-content strong{
  font-weight: 700;
}

/* 4) 画像は本文カラム内でフィット（投稿のみ） */
.single .entry-content img{
  max-width: 100%;
  height: auto;
  display: block;
}