@charset "UTF-8";
/*
Theme Name: 株式会社アーバン・クリエイト 子テーマ
Template: urban_create
Description: urban_create の子テーマ。ブログ／メルマガ改修はここに載せる（親テーマは無改変）。
Version: 0.3.1
Author: MIYOSHI Shuji
Text Domain: urban_create_child
*/

/* 親CSSの後に適用＝上書き用。mockページ用のスタイルをここに集約。 */

/* ============================================================
 * 共通：ブログ帯（中段セクション mid-section）
 * 既存の新着プレス欄と同じカード部品(.list-press/.press)を再利用。
 * ============================================================ */
.home-blog{background:#F7F8F8;padding:96px 0;margin:0 auto 0;}
.home-blog__inner{max-width:1440px;padding:0 40px;margin:0 auto;box-sizing:border-box;}
.home-blog__lead{text-align:center;color:#6C747A;font-size:14px;margin:8px 0 0;}
.list-press--blog .list-press__item{width:calc(33.3333% - 22px);}
.home-blog__author{font-size:12px;color:#6C747A;letter-spacing:1px;}
.home-blog__author::before{content:"by ";color:#0F8C50;font-weight:700;}
.home-blog__btn{text-align:center;margin-top:56px;}
.home-blog__empty{text-align:center;color:#9AA2A6;padding:48px 0;}
@media screen and (max-width:1024px){.list-press--blog .list-press__item{width:calc(50% - 16px);}}
@media screen and (max-width:768px){
  .home-blog{padding:56px 0;}
  .home-blog__inner{padding:0 30px;}
  .list-press--blog .list-press__item{width:100%;}
}

/* ============================================================
 * KV右下フロート（keyvisual-float）
 * ============================================================ */
.uc-stage{position:relative;}
.uc-blogfloat{position:absolute;right:32px;bottom:32px;width:326px;z-index:4;
  background:rgba(255,255,255,.97);backdrop-filter:blur(6px);
  border:1px solid #e7e9ea;border-radius:10px;box-shadow:0 14px 40px rgba(0,0,0,.16);overflow:hidden;}
.uc-blogfloat__head{padding:16px 18px;border-bottom:1px solid #eef0f0;}
.uc-blogfloat__ttl{font-weight:700;color:#333;font-size:15px;line-height:1.3;}
.uc-blogfloat__en{display:block;font-family:"Lato",sans-serif;font-weight:700;font-size:10px;
  letter-spacing:.14em;color:#0F8C50;margin-top:2px;}
.uc-blogfloat__body{padding:6px 14px 8px;}
.uc-mini{display:flex;gap:12px;padding:12px 2px;border-bottom:1px solid #f0f2f2;text-decoration:none;}
.uc-mini:last-child{border-bottom:none;}
.uc-mini__img{flex:none;width:54px;height:54px;border-radius:5px;overflow:hidden;background:#eee;}
.uc-mini__img img{width:100%;height:100%;object-fit:cover;}
.uc-mini__t{display:block;font-weight:500;font-size:12.5px;color:#333;line-height:1.5;margin-bottom:4px;}
.uc-mini__m{display:block;font-family:"Lato",sans-serif;font-size:10.5px;color:#0F8C50;font-weight:700;}
.uc-mini__m em{font-style:normal;color:#9aa2a6;font-family:"Zen Kaku Gothic New";margin-left:6px;}
.uc-blogfloat__more{display:block;text-align:center;padding:12px;font-size:11.5px;font-weight:700;
  font-family:"Lato",sans-serif;letter-spacing:.06em;color:#0F8C50;border-top:1px solid #eef0f0;text-decoration:none;}
.uc-blogfloat__more:hover{background:#f6faf7;}
@media screen and (max-width:900px){
  .uc-blogfloat{position:static;width:auto;margin:16px 20px 0;box-shadow:0 8px 22px rgba(0,0,0,.12);}
}

/* ============================================================
 * メルマガ バックナンバー（mailmagazine）
 * ============================================================ */
.uc-mailmag{padding:110px 0 130px;}
.uc-mailmag__inner{max-width:960px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
.uc-mailmag__lead{text-align:center;color:#6C747A;font-size:14px;line-height:2;margin:8px 0 48px;}
.uc-mailmag__list{list-style:none;margin:0;padding:0;border-top:1px solid #e4e7e6;}
.uc-issue{border-bottom:1px solid #e4e7e6;}
.uc-issue__link{display:grid;grid-template-columns:76px 108px 1fr auto;gap:20px;align-items:center;
  padding:22px 8px;text-decoration:none;transition:padding .3s,background .3s;}
.uc-issue__link:hover{padding-left:18px;background:#f7f8f8;}
.uc-issue__no{font-family:"Lato",sans-serif;font-weight:700;font-size:15px;color:#0F8C50;letter-spacing:.04em;}
.uc-issue__date{font-family:"Lato",sans-serif;font-size:12px;color:#9aa2a6;letter-spacing:.08em;}
.uc-issue__title{font-size:16px;font-weight:500;color:#333;line-height:1.6;}
.uc-issue__arrow{color:#cfd6d2;font-size:16px;transition:.3s;}
.uc-issue__link:hover .uc-issue__arrow{color:#0F8C50;transform:translateX(4px);}
.uc-mailmag__empty{text-align:center;color:#9aa2a6;padding:60px 0;}
@media screen and (max-width:680px){
  .uc-mailmag__inner{padding:0 24px;}
  .uc-issue__link{grid-template-columns:64px 1fr;gap:6px 14px;padding:18px 4px;}
  .uc-issue__date{grid-column:2;}
  .uc-issue__title{grid-column:1 / -1;}
  .uc-issue__arrow{display:none;}
}

/* ============================================================
 * 木村ご夫妻 写真プレースホルダ（見出し・REQ-3／仮CG）
 * ============================================================ */
.uc-couple{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 0 18px;}
.uc-couple img{width:76px;height:76px;border-radius:50%;box-shadow:0 6px 18px rgba(51,51,51,.12);}
.uc-couple__cap{font-size:11px;color:#9AA2A6;letter-spacing:.04em;}
/* フロート内の小アバター */
.uc-blogfloat__head{display:flex;align-items:center;gap:11px;}
.uc-blogfloat__ava{flex:none;}
.uc-blogfloat__ava img{width:40px;height:40px;border-radius:50%;}

/* ============================================================
 * [REQ-13] プレス/ブログ一覧カードの抜粋（記事冒頭2〜3行）
 *  - WP標準の抜粋(get_the_excerpt)を出力。日本語は語数トリムが効きにくいため
 *    PHP側で120字上限＋ここで3行クランプの二段で崩れを防ぐ。
 *  - 色は本文トークン#6C747A、フォントは既存(Zen Kaku Gothic New)を継承（REQ-14）。
 * ============================================================ */
.press__excerpt{
  color:#6C747A;
  font-size:13px;
  line-height:1.9;
  margin:8px 0 0;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
  overflow:hidden;
}

/* ============================================================
 * [SNS/REQ-29] ヘッダーSNSアイコン（Mock D 案2「ヘッダー常時露出」）
 * 資料請求ボタンの右に、CTAより弱い丸枠モノトーン線画で置く。
 * ============================================================ */
.uc-sns {
	display: flex;
	align-items: center;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0 0 0 16px;
	border-left: 1px solid #DDE3DF;
}
.uc-sns__item { line-height: 0; }
.uc-sns__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #CFD6D2;
	color: #333;
	transition: background-color .2s, border-color .2s, color .2s;
}
.uc-sns__link:link, .uc-sns__link:visited { color: #333; }
.uc-sns__link:hover, .uc-sns__link:active {
	background: #0F8C50;
	border-color: #0F8C50;
	color: #fff;
}
.uc-sns__link:focus-visible { outline: 2px solid #0F8C50; outline-offset: 2px; }
.uc-sns__link svg { width: 16px; height: 16px; display: block; }
/* スマホ幅：親テーマがCTAを隠しヘッダー右余白を20pxにするため、固定配置のメニューボタン（右20px・幅40px）と重ならないよう右余白を確保 */
@media screen and (max-width: 666px) {
	.header { padding-right: 68px; }
	.uc-sns { padding-left: 0; border-left: 0; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
	.uc-sns__link { transition: none; }
}