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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* ------------------------
   隷書体フォントを読み込む
------------------------ */
@font-face {
  font-family: 'HKReiKK';
  src: url('/wp/wp-content/themes/cocoon-child-master/fonts/hkreikk.woff') format('woff'),
       url('/wp/wp-content/themes/cocoon-child-master/fonts/hkreikk.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* ------------------------
   カスタムヘッダータイトル（ロゴ + タイトル）
------------------------ */
.custom-header-title-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  margin-left: 40px; /* ← 左の余白を調整 */
}

.custom-header-title-wrap img {
  width: 40px; /* ← 馬ロゴのサイズ調整 */
  height: auto;
  margin-right: 10px;
}

.custom-header-title-wrap .site-title-text {
  font-family: 'HKReiKK', sans-serif;
  font-size: 32px;
  font-weight: normal;
  line-height: 1.2;
}

/* ------------------------
   旧タイトル（単独表示分）を非表示
------------------------ */
.site-name-text {
  display: none;
}

/* ------------------------
   ヘッダー固定
------------------------ */
.header-container {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.admin-bar .header-container {
  top: 32px; /* ログインバーがある場合の補正 */
}
body {
  padding-top: 40px; /* 固定ヘッダー分の空間 */
}

/* ------------------------
   フロントページの日付を非表示
------------------------ */
.home .date-tags,
.home .update-date {
  display: none !important;
}

/* ------------------------
   全ページ左右の余白削除（全幅）
------------------------ */
.wrap,
.content,
.article,
.entry-content,
.container,
#main,
.main,
#content,
.l-entry,
.l-content,
.l-inner,
.l-container {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body,
html {
  padding: 0 !important;
  margin: 0 !important;
}

/************************************
** レスポンシブデザイン用メディアクエリ
************************************/

/*1023px以下*/
@media screen and (max-width: 1023px){
  /* 必要ならここに書く */
}

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

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

/************************************
** スマホの画像オーバラップキャッチを小さく
************************************/





.entry-title {
  font-size: 36px; /* 好きなサイズに */
}

.entry-content p {
  font-size: 18px;
}