/*
Theme Name: Cocoon Child
Template: cocoon-master
Version: 1.0.0
*/

/*--------------------------------
  ヘッダー / MV 領域の非表示
---------------------------------*/
#header,
#header-in,
.header-in,
.header-wrap,
#header-container,
.skinadd-topmv,
.skinadd-topmv-scroll,
.grayish_topmv_dot {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

#header {
  position: static !important;
}

/* MVのオーバーレイ領域も完全非表示にする */
.grayish_topmv_whovlay {
  display: none !important;
}

/*--------------------------------
  ナビを固定する
---------------------------------*/
#navi {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/*--------------------------------
  サイト全体の余白調整
---------------------------------*/
/* ナビ分だけbodyに余白を設けて、重ならないようにする */
body {
  padding-top: 72px !important; /* ← ナビ高さ+余白で確保 */
}

/*--------------------------------
  サイトミニタイトル表示（トップページ用）
---------------------------------*/
.site-mini-title {
  background: url('http://777blog.testsite999.com/wp-content/uploads/2025/07/taile_logo.png') no-repeat center center;
  background-size: contain;
  width: 100%;
  height: 150px; /* 高さは画像に合わせて調整 */
  text-indent: -9999px;
  margin: 40px auto 24px;
}

/*--------------------------------
  投稿タイトル（h2）の余白調整
---------------------------------*/
.main .entry-title {
  margin-top: 0.5em !important;
}

/*--------------------------------
  画像エリアを大きくする（高さ拡張）
---------------------------------*/
figure.entry-card-thumb {
  height: 320px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  background: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

/* 中の画像を最大限表示 */
/*
Theme Name: Cocoon Child
Template: cocoon-master
Version: 1.0.0
*/

/*--------------------------------
  ヘッダー / MV 領域の非表示
---------------------------------*/
#header,
#header-in,
.header-in,
.header-wrap,
#header-container,
.skinadd-topmv,
.skinadd-topmv-scroll,
.grayish_topmv_dot {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

#header {
  position: static !important;
}

/* MVのオーバーレイ領域も完全非表示にする */
.grayish_topmv_whovlay {
  display: none !important;
}

/*--------------------------------
  ナビを固定する
---------------------------------*/
#navi {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/*--------------------------------
  サイト全体の余白調整
---------------------------------*/
/* ナビ分だけbodyに余白を設けて、重ならないようにする */
body {
  padding-top: 72px !important; /* ← ナビ高さ+余白で確保 */
}

/*--------------------------------
  サイトミニタイトル表示（トップページ用）
---------------------------------*/
.site-mini-title {
  background: url('http://777blog.testsite999.com/wp-content/uploads/2025/07/taile_logo.png') no-repeat center center;
  background-size: 800px auto; /* 横幅をpxで固定、縦は自動 */
  width: 100vw; /* ビューポート幅いっぱい */
  max-width: 100%; /* 念のため制限 */
  height: 180px; /* ロゴの見え方に合わせて調整してOK */
  margin: 40px auto 24px;
  text-indent: -9999px;
}

/*--------------------------------
  投稿タイトル（h2）の余白調整
---------------------------------*/
.main .entry-title {
  margin-top: 0.5em !important;
}

/*--------------------------------
  画像エリアを大きくする（高さ拡張）
---------------------------------*/
figure.entry-card-thumb {
  height: 320px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  background: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

/* 中の画像を最大限表示 */
figure.entry-card-thumb img {
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}