/*
Theme Name: Logue Child
Theme URI:
Description: Logue (TCD020) 向けの子テーマ。最新WP/PHP 8.1 対応版の親テーマと組み合わせて使用します。
Author: OpenAI
Template: logue_tcd020
Version: 1.0.0
Text Domain: logue-child
*/

#bread_crumb {
	display: none;
}
/* =========================================
   共通設定
   ========================================= */
.post_item .title,
.post_item .title a,
.post_item .desc,
#site_description h2,
#post_title,
#post_contents,
#post_contents p {
  font-family: "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro",
               "Yu Gothic", "Meiryo", sans-serif;
}

.post_item .title a,
.post_item .desc,
#post_title,
#post_contents,
#post_contents p {
  color: #8b4a1f;
}

.post_item .image_area img,
#post_contents .post_image img {
  display: block;
  width: auto !important;
  max-width: 100%;
  height: auto !important;
  max-height: 500px;
}

/* =========================================
   投稿一覧
   ========================================= */
.post_item .meta ul,
.post_item .meta .post_category,
.post_item .meta .post_comment,
.post_item .meta .post_author,
#single_title_area .meta ul,
#single_title_area .post_category,
#single_title_area .post_comment,
#single_title_area .post_author {
  display: none !important;
}

.post_item .info {
  display: flex;
  flex-direction: column;
}

.post_item .meta {
  display: contents;
}

.post_item .title {
  order: 1;
  margin: 0 0 18px;
  font-size: 130%;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
}

.post_item .title a {
  text-decoration: none;
  font: inherit;
}

.post_item .title a:hover {
  opacity: 0.85;
}

.post_item .image_area {
  order: 2;
  margin: 0 0 22px;
}

.post_item .desc {
  order: 3;
  margin: 0;
  font-size: 130%;
  font-weight: 300;
  line-height: 1.9;
}

.post_item .info.clearfix {
  padding-top: 4px;
}

/* =========================================
   個別投稿ページ
   ========================================= */
#site_description h2 {
  color: #d98a2b;
  font-weight: 700;
}

#post_title {
  margin: 0 0 18px;
  font-size: 120%;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
}

#post_contents,
#post_contents p {
  font-size: 110%;
  font-weight: 700;
  line-height: 1.9;
}

#post_contents p {
  margin: 0 0 0.9em;
}

#global_menu #menu-item-2859 a {
  display: none;
}

/* Instagram説明文まわりをかわいく・読みやすく */
#sb_instagram .sb_instagram_header .sbi_header_text h3,
#sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio {
  color: #d98a2b !important;
  font-family: "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro",
               "Yu Gothic", "Meiryo", sans-serif !important;
  letter-spacing: 0.03em;
}

/* アカウント名 */
#sb_instagram .sb_instagram_header .sbi_header_text h3 {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 0 0 8px !important;
}

/* 説明文 */
#sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  margin: 0 !important;
}

/* 全体を少しやわらかく */
#sb_instagram .sb_instagram_header .sbi_header_text {
  background: #fff7ee;
  padding: 12px 14px;
  border-radius: 14px;
}

/* 投稿画像まわりのグレー枠を削除 */
.post_image {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.post_image img,
.post_contents .post_image img,
img.wp-post-image {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* 投稿一覧：画像下テキスト調整 */
.post_item .desc {
  font-family: "ヒラギノ丸ゴ ProN", "Hiragino Maru Gothic ProN",
               "メイリオ", Meiryo, sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.85 !important;
  color: #8a4b24 !important;
  letter-spacing: 0.05em !important;
  margin-top: 14px !important;
}

/* 投稿詳細：画像下の本文テキストを小さめ丸ゴシックに */
body.single-post #post_contents p {
  font-family: "ヒラギノ丸ゴ ProN", "Hiragino Maru Gothic ProN",
               "メイリオ", Meiryo, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.9 !important;
  font-weight: normal !important;
  color: #8a4b24 !important;
  letter-spacing: 0.04em !important;
  margin: 0 0 1.25em 28px !important;
  
}
/* Instagram：もっと見るボタンを非表示 */
#sb_instagram .sbi_load_btn {
  display: none !important;
}

/* フッター赤帯の外側まで強制変更 */
html body #footer_wrap,
html body #footer_bottom,
html body #copyright,
html body p#copyright,
html body #copyright span {
  background-color: #ec6700 !important;
  background: #ec6700 !important;
}

/* =========================================
   投稿一覧：アイキャッチを430px × 300pxで表示
   円形解除・元比率表示
   ========================================= */

.post_item .image_area {
  width: 430px !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.post_item .image,
.post_item .image a {
  display: block !important;
  width: 430px !important;
  height: 300px !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}

.post_item .image img,
.post_item .image_area img,
.post_item img.wp-post-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;

  object-fit: contain !important;
  object-position: center center !important;

  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;

  background: none !important;
  box-shadow: none !important;
}