/*
 Theme Name: Fujiwara Paint Child (FAKE)
 Theme URI: https://www.fujiwara-paint.jp/
 Description: TCD「FAKE」子テーマ — 統合CSS（文字サイズ統一・見出し・UI調整）
 Author: Fujiwara Paint
 Version: 1.0.1
 Template: fake_tcd074
*/

/* ========== タイポ統一（固定/投稿） ========== */
body.page .post_content,
body.single .post_content {
  font-size: 16px !important;   /* SP基準 */
  line-height: 1.6 !important;
  color: #333 !important;
}
body.page .post_content p,
body.single .post_content p { margin-bottom: 1em !important; }

body.page .post_content h2,
body.single .post_content h2 {
  font-size: 21px !important;
  line-height: 1.5 !important;
  color: #777 !important;
  border-bottom: 3px solid #eded1c !important;
  padding-bottom: .3em !important;
  margin: 1.2em 0 .8em !important;
}
body.page .post_content h3,
body.single .post_content h3 {
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: #777 !important;
  border-bottom: 1px solid #eded1c !important;
  display: inline-block;
  padding-bottom: .2em !important;
  margin: 1.2em 0 .8em !important;
}

/* 画像幅（本文内） */
body.page .post_content img,
body.single .post_content img {
  max-width: 700px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* ヒーローの白字影 */
.caption h2, .caption span { color:#fff; text-shadow:1px 1px 2px #000; }

/* アニメーション（軽量） */
@keyframes opacityAnimation {
  0%{opacity:0; transform:translate3d(0,10px,0);}
  100%{opacity:1; transform:translate3d(0,0,0);}
}
#page_header .catch.animate,
#page_header .catch.animate2,
#page_header .desc.animate,
#page_header .desc.animate2,
.pc #header.animate {
  animation: opacityAnimation 1.4s cubic-bezier(0.165,0.84,0.44,1) forwards .5s;
}
#index_news.animate { transform: translate3d(0,0,0); transition: transform .35s .5s; }
#index_slider .logo_desc_area.animate,
#index_slider .button.animate,
#index_slider .search_area.animate {
  animation: opacityAnimation 1.4s cubic-bezier(0.165,0.84,0.44,1) forwards .5s;
}

/* UI細部 */
.header_tel_sp { display:none; }
@media (max-width:1050px){
  .header_tel_sp{ position:absolute; top:0; right:70px; bottom:0; display:flex; align-items:center; }
  .header_tel_sp a img{ width:18px; }
  #header_logo{ max-width:180px; }
}

/* 画像カード */
.img_800_block{ width:min(800px,90%); margin:0 auto 20px; }
.img_800_block:last-of-type{ margin-bottom:0; }
.img_800_block img{ width:100%; height:auto; box-shadow:0 0 5px #e0e0e0; }

.catch_txt{ font-size:42px; }

/* ボタン */
button{
  -moz-appearance:none; -webkit-appearance:none; appearance:none;
  margin:1em 0; padding:.6em 1em; font-size:1em;
  background:#f2e400; color:#3a3200; border:0; border-radius:0; transition:.3s; cursor:pointer;
}
button:hover{ background:#c4be13; color:#fff; }

/* 埋め込み動画（16:9） */
.video{ position:relative; width:100%; height:0; padding-top:56.25%; }
.video iframe{ position:absolute; inset:0; width:100%; height:100%; }

/* PC拡大比率維持 */
@media (min-width:769px){
  body.page .post_content, body.single .post_content { font-size:18px !important; }
  body.page .post_content h2, body.single .post_content h2 { font-size:24px !important; }
  body.page .post_content h3, body.single .post_content h3 { font-size:20px !important; }
  .video-wrap{ max-width:80%; margin-inline:auto; }
}
@media (max-width:767px){
  .catch_txt{ font-size:22px; }
}
