@charset "utf-8";
/*
 * 親テーマ SOURCE の版差の吸収（本番 = 1.4 / 移行元バックアップ = 2.2.2）
 *   テーマ本体は 2.2.2 のまま、2.2.2 で変わった見た目のうち本番と差が出る箇所だけを本番（1.4）の値に戻す。
 *   読み込み位置: テーマの CSS（footer-bar.css）の直後・ページ内 <style>（追加 CSS）より前。src/lib/render.ts が差し込む。
 *   差異の洗い出し: node scripts/wp-import/style-diff.mjs --base <STG の URL> --paths ...
 *   共有ボタン（X アイコン）とフッターの X アイコンは 2.2.2 のまま（2026-10-02 顧客要望で Twitter → X 表記に統一）
 */

/* トップ: スライダーのキャッチコピー（2.2.2 で font-weight:400 が追加） */
#header_slider .caption .title, #header_video .caption .title, #header_youtube .caption .title { font-weight:600; }

/* トップ: 「ニュース」「制作実績」見出し（2.2.2 で float:left が追加され左寄せになる） */
.index_list_header .headline { float:none; }

/* 一覧・詳細の日付（2.2.2 で Arial 指定が追加） */
.entry-date, .styled_post_list1 .date { font-family:inherit; }

/* ブログ一覧のタイトル（2.2.2 で font-weight:500 が追加） */
.blog_list .box .title { font-weight:400; }

/* タイトルの折り返し（2.2.2 で word-break:break-word が追加） */
.news_list .title a, .blog_list .box .title a, .work_list .box .title a, #post_title, #single_news #post_title, .pc .no_side_content #post_title, #related_post li .title a { word-break:normal; }

/* 制作実績 詳細下部（2.2.2 で min-height が追加） */
#work_footer_data { min-height:0; }

/* ページ内リンクのスクロール（2.2.2 で追加） */
html { scroll-behavior:auto; scroll-padding-top:0; }

/* サイドバーのカテゴリー一覧（2.2.2 でリスト表示のスタイルが追加） */
.widget_categories ul ul { margin:10px 0 0 0; }
.widget_categories ul li { margin:0 0 10px 0; padding:2px 0; line-height:2; color:inherit; }
.widget_categories ul li a { display:inline; line-height:inherit; padding:0; }
.widget_categories .widget_headline + ul { margin:0; }

/* フォームの送信結果メッセージ（2.2.2 で枠なし・中央寄せ・赤字に変更。本番は CF7 標準の枠付き表示） */
.wpcf7 form .wpcf7-response-output { margin:2em 0.5em 1em; padding:0.2em 1em; border:2px solid #00a0d2; text-align:inherit; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { color:inherit; font-size:inherit; }

/* ブログカード（2.2.2 で横並び・赤字タイトル等に変更） */
.cardlink { display:block; align-items:normal; }
.cardlink_thumbnail { width:auto; flex:0 1 auto; aspect-ratio:auto; }
.cardlink_thumbnail img { width:auto; object-fit:fill; }
.cardlink .timestamp { margin:0; padding:0; vertical-align:top; color:#666; line-height:1.6; font-size:12px; }
.cardlink .timestamp:before {
  font-family:'design_plus'; content:'\e94e';
  font-size:12px; color:#222; display:block; float:left; margin:0 8px 0 0;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.cardlink_title { font-size:16px; color:inherit; font-weight:inherit; }
.cardlink_excerpt { font-size:13px; }
@media screen and (max-width: 767px) {
  .cardlink_thumbnail { float:none; flex:0 1 auto; aspect-ratio:auto; }
  .cardlink_excerpt { display:block; }
}

/* スマホ: トップのスライダーの高さ（2.2.2 で calc(100vh - 56px) に変更） */
@media only screen and (max-width:767px) {
  #header_slider, #header_slider .item { height:90vh; }
}