/* =========================================================
   買取大吉 ピアゴ半田店 LP
   画像LP → コード化。モバイルLP（中央600px幅カラム）
   ========================================================= */
:root{
	--navy:#070e69;        /* CTA背景・基調の紺 */
	--navy-d:#0a1a6b;      /* 見出し用 */
	--red:#e60012;         /* 今が売り時 等 */
	--yellow:#ffe100;      /* かんたん 等 */
	--green:#27ab3f;       /* 電話 */
	--gold1:#f7c948;
	--gold2:#e09b1a;
	--gray-bg:#ededed;
	--ink:#1d2330;
	--maxw:600px;
}

*{box-sizing:border-box;}

body.daikichi-lp{
	margin:0;
	font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",Meiryo,sans-serif;
	color:var(--ink);
	background:#fff;
	line-height:1.7;
	-webkit-font-smoothing:antialiased;
	padding-bottom:72px; /* fixedbar分 */
}

/* 管理バーの余白を打ち消し（ログイン時のズレ防止） */
.admin-bar .lp{padding-top:0;}

.lp{
	max-width:var(--maxw);
	margin:0 auto;
	overflow:hidden;
	box-shadow:0 0 40px rgba(0,0,0,.08);
}

img{max-width:100%;height:auto;display:block;}

/* ===== HERO ===== */
.hero{position:relative;line-height:0;}
.hero__img{width:100%;}
.hero__tel{ /* ヘッダーの電話番号に重ねた透明リンク */
	position:absolute;left:33%;top:0;width:67%;height:9%;
}

/* ===== セクション見出し ===== */
.sec-title{
	text-align:center;
	font-size:26px;
	font-weight:800;
	color:var(--navy-d);
	margin:0 0 26px;
	padding-top:6px;
	position:relative;
}
.sec-title::before{
	content:"";display:block;width:46px;height:5px;border-radius:3px;
	background:var(--navy-d);margin:0 auto 16px;
}
.sec-title em{color:#1657c8;font-style:normal;}
.sec-title--navy{color:var(--navy-d);}
.sec-title--light{color:#fff;}

/* ===== CTA（紺ブロック） ===== */
.cta{background:var(--navy);color:#fff;padding:30px 18px 34px;text-align:center;}
.cta__inner{max-width:520px;margin:0 auto;}

.cta__bubble{
	display:inline-block;background:#fff;color:#111;
	font-weight:800;font-size:17px;line-height:1;
	padding:12px 26px;border-radius:999px;position:relative;margin:0 0 18px;
}
.cta__bubble strong{color:var(--red);}
.cta__bubble::after{
	content:"";position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);
	border:10px solid transparent;border-top-color:#fff;border-bottom:0;
}

.cta__head{
	font-size:24px;font-weight:800;line-height:1.45;margin:0 0 22px;color:#fff;
}
.cta__head em{
	font-style:normal;color:var(--yellow);font-size:34px;
	padding:0 4px;
	text-shadow:0 2px 0 rgba(0,0,0,.15);
	white-space:nowrap; /* 「かんたん」を途中で折り返さない */
}
/* スマホ時のみ「かんたんに査定できます」を2行目へ */
.cta__br-sp{display:none;}
@media (max-width:600px){
	.cta__br-sp{display:inline;}
	/* 「いつでも！お気軽にご連絡ください」を1行に収める */
	.cta__lead--last{white-space:nowrap;}
}

.cta__lead{
	font-size:16px;font-weight:700;margin:26px 0 14px;color:#eaf0ff;
}
.cta__lead--last{margin-top:30px;}
.cta__lead .slash{color:#9fb0ff;font-weight:700;padding:0 8px;display:inline-block;}

.cta__btns{margin:0 0 6px;}
.cta__btns--row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}

/* 共通ボタン */
.btn{
	display:flex;flex-direction:column;align-items:center;justify-content:center;
	text-decoration:none;border-radius:14px;padding:14px 22px;
	font-weight:800;line-height:1.2;box-shadow:0 6px 0 rgba(0,0,0,.25);
	transition:transform .08s ease,box-shadow .08s ease;min-width:230px;
}
.btn:active{transform:translateY(4px);box-shadow:0 2px 0 rgba(0,0,0,.25);}
.btn__sub{font-size:12px;opacity:.95;margin-bottom:2px;}
.btn__main{font-size:22px;}

.btn--form{background:linear-gradient(180deg,var(--gold1),var(--gold2));color:#5b3a00;margin:0 auto;}
.btn--form .btn__main::after{content:" ▶";font-size:14px;}
.btn--tel{background:linear-gradient(180deg,#3ec24f,#1f9a37);color:#fff;}
.btn--ghost{
	background:#fff;color:var(--navy);justify-content:center;box-shadow:0 6px 0 rgba(0,0,0,.25);
}
.btn--ghost .btn__main{font-size:17px;}

/* 受付時間カード */
.cta__card{
	background:#fff;color:var(--navy);border-radius:18px;
	padding:16px 14px;margin-top:14px;
}
.cta__hours{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:4px;}
.cta__hours-label{background:var(--navy);color:#fff;font-weight:700;font-size:14px;padding:6px 14px;border-radius:8px;}
.cta__hours-val{font-size:26px;font-weight:800;letter-spacing:1px;}
.cta__tel{
	display:flex;align-items:center;justify-content:center;gap:8px;
	color:var(--navy);text-decoration:none;font-size:33px;font-weight:800;letter-spacing:1px;
}

/* ===== お困りごと ===== */
.troubles{background:var(--gray-bg);padding:34px 16px 40px;}
.trouble-grid{display:grid;gap:16px;}
.trouble-box{
	background:#fff;border:2px solid #cfd6ea;border-radius:10px;padding:18px 16px;
}
.trouble-box h3{
	margin:0 0 12px;color:#1657c8;font-size:18px;font-weight:800;text-align:center;
	padding-bottom:10px;border-bottom:2px solid #d4dcef;
}
.trouble-box ul{list-style:none;margin:0;padding:0;}
.trouble-box li{
	position:relative;padding:8px 0 8px 30px;font-size:15px;font-weight:600;
	border-bottom:1px dashed #cbd3e6;
}
.trouble-box li:last-child{border-bottom:0;}
.trouble-box li::before{
	content:"";position:absolute;left:0;top:9px;width:18px;height:18px;
	background:#1657c8;border-radius:4px;
	-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M9 16.2l-3.5-3.5L4 14.2l5 5 11-11-1.5-1.5z'/></svg>") center/14px no-repeat;
	        mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M9 16.2l-3.5-3.5L4 14.2l5 5 11-11-1.5-1.5z'/></svg>") center/14px no-repeat;
}
.trouble-box--solution{border-color:var(--navy-d);}
.trouble-box--solution h3{color:var(--navy-d);}

.trouble-arrow{
	width:0;height:0;margin:6px auto 28px;
	border-left:60px solid transparent;border-right:60px solid transparent;
	border-top:34px solid #d7dceb;
}
.sec-title--navy{margin-bottom:22px;}

/* ===== 画像セクション ===== */
.imgsec{padding:0;}
.imgsec img{width:100%;}
.imgsec--shop{padding:0;background:var(--gray-bg);}

/* ===== ブログ ===== */
.blog{background:#f4f6fb;padding:36px 16px 42px;}
.blog-lead{text-align:center;margin:-14px 0 24px;font-size:14px;font-weight:600;color:#54607a;}
.blog-list{max-width:560px;margin:0 auto;display:grid;gap:14px;}
.blog-card{
	display:flex;align-items:stretch;background:#fff;border:1px solid #d9deea;border-radius:12px;
	overflow:hidden;text-decoration:none;color:var(--ink);
	box-shadow:0 2px 8px rgba(7,14,105,.05);
	transition:transform .12s ease,box-shadow .12s ease;
}
.blog-card:active{transform:translateY(2px);}
@media (hover:hover){
	.blog-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(7,14,105,.14);}
	.blog-card:hover .blog-card__title{color:#1657c8;}
}
.blog-card__thumb{
	position:relative;flex:0 0 38%;max-width:38%;min-height:110px;
	background:linear-gradient(135deg,var(--navy-d),#1657c8);overflow:hidden;
}
.blog-card__thumb img{width:100%;height:100%;object-fit:cover;}
.blog-card__noimg{
	position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;
	color:rgba(255,255,255,.92);font-weight:800;font-size:12px;line-height:1.45;padding:10px;
}
.blog-card__cat{
	position:absolute;left:0;bottom:0;background:var(--navy-d);color:#fff;
	font-size:11px;font-weight:700;padding:3px 11px;border-radius:0 8px 0 0;letter-spacing:.3px;
}
.blog-card__body{
	flex:1;min-width:0;padding:13px 15px;display:flex;flex-direction:column;gap:7px;justify-content:center;
}
.blog-card__date{color:#1657c8;font-size:12px;font-weight:700;letter-spacing:.6px;}
.blog-card__title{
	margin:0;font-size:15px;font-weight:700;line-height:1.5;color:var(--ink);
	display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
	transition:color .12s ease;
}
.blog-card__more{margin-top:auto;color:var(--gold2);font-size:12px;font-weight:800;}
.blog-card__more span{font-weight:700;}
.blog-more{text-align:center;margin-top:24px;}

/* ===== FAQ ===== */
.faq{background:#fff;padding:36px 16px 42px;}
.faq-list{max-width:560px;margin:0 auto;display:grid;gap:12px;}
.faq-item{border:1px solid #d9deea;border-radius:10px;overflow:hidden;background:#fff;}
.faq-item summary{
	list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:12px;
	padding:16px 44px 16px 16px;font-weight:700;font-size:16px;position:relative;background:#f4f6fb;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-q{background:var(--navy-d);color:#fff;font-weight:800;border-radius:6px;padding:2px 9px;font-size:14px;flex:none;}
.faq-item summary::after{
	content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);
	font-size:24px;color:var(--navy-d);font-weight:700;line-height:1;
}
.faq-item[open] summary::after{content:"–";}
.faq-a{display:flex;gap:12px;padding:16px;}
.faq-a-mark{background:var(--red);color:#fff;font-weight:800;border-radius:6px;padding:2px 9px;font-size:14px;flex:none;height:fit-content;}
.faq-a p{margin:0;font-size:15px;}

/* ===== お問い合わせ ===== */
.contact{background:var(--navy);color:#fff;padding:40px 18px 48px;}
.contact .sec-title::before{background:#fff;}
.contact__lead{text-align:center;margin:0 auto 24px;max-width:520px;}
.contact__lead a{color:var(--yellow);font-weight:800;text-decoration:none;}
.contact__form{
	max-width:560px;margin:0 auto;background:#fff;color:var(--ink);
	border-radius:14px;padding:24px 20px;
}

/* Contact Form 7 体裁 */
.contact__form .wpcf7-form p{margin:0 0 14px;}
.contact__form label{display:block;font-weight:700;font-size:14px;margin-bottom:6px;}
.contact__form input[type=text],
.contact__form input[type=email],
.contact__form input[type=tel],
.contact__form textarea,
.contact__form select{
	width:100%;border:1px solid #c7ccd8;border-radius:8px;padding:12px;font-size:16px;font-family:inherit;
}
.contact__form textarea{min-height:120px;}
.contact__form .wpcf7-submit{
	display:block;width:100%;background:linear-gradient(180deg,var(--gold1),var(--gold2));
	color:#5b3a00;border:0;border-radius:12px;padding:16px;font-size:18px;font-weight:800;
	cursor:pointer;box-shadow:0 5px 0 rgba(0,0,0,.2);
}

/* ===== フッター ===== */
.lp-footer{background:#05103a;color:#cdd6f0;text-align:center;padding:28px 16px;font-size:13px;}
.lp-footer p{margin:4px 0;}
.lp-footer__name{font-size:16px;font-weight:800;color:#fff;}
.lp-footer__copy{margin-top:14px;opacity:.7;}

/* ===== 追従アクションバー ===== */
.fixedbar{
	position:fixed;left:0;right:0;bottom:0;z-index:999;
	display:flex;gap:0;max-width:var(--maxw);margin:0 auto;
	box-shadow:0 -3px 12px rgba(0,0,0,.18);
}
.fixedbar__btn{
	flex:1;display:flex;align-items:center;justify-content:center;gap:7px;
	padding:15px 6px;font-weight:800;font-size:16px;text-decoration:none;color:#fff;
}
.fixedbar__btn--tel{background:linear-gradient(180deg,#3ec24f,#1f9a37);}
.fixedbar__btn--form{background:linear-gradient(180deg,var(--gold1),var(--gold2));color:#5b3a00;}

/* ===== レスポンシブ ===== */
@media (max-width:430px){
	.sec-title{font-size:22px;}
	.cta__head{font-size:21px;}
	.cta__head em{font-size:29px;}
	.cta__hours-val{font-size:22px;}
	.cta__tel{font-size:27px;}
	.btn__main{font-size:20px;}
	.trouble-box li{font-size:14px;}
}

/* PC：両脇の余白に薄い背景 */
@media (min-width:601px){
	body.daikichi-lp{background:#dfe3ee;}
	.fixedbar{border-radius:12px 12px 0 0;overflow:hidden;}
}

/* =========================================================
   サイドバー カテゴリーウィジェットのレイアウト整え
   親テーマ(OnePress)が li を float:left/width:50% で2カラム化し、
   長い日本語カテゴリ名が中途半端に折り返すのを1カラムに統一する。
   ========================================================= */
.widget-area .widget_categories li{
	float:none !important;
	width:100% !important;
	margin-bottom:0;
	padding:6px 0;
	line-height:1.6;
	overflow-wrap:anywhere;
	border-bottom:1px dashed #e3e3e3;
}
.widget-area .widget_categories > ul > li:last-child{border-bottom:0;}
/* 件数 (xx) を少し控えめに */
.widget-area .widget_categories li{color:#8a8f9c;}
.widget-area .widget_categories li a{color:inherit;}
/* 子カテゴリはインデント＆区切り線なし */
.widget-area .widget_categories ul.children{
	margin:6px 0 0 14px;
	padding-left:10px;
	border-left:2px solid #ececec;
}
.widget-area .widget_categories ul.children li{
	float:none !important;
	width:100% !important;
	border-bottom:0;
	padding:4px 0;
	font-size:.95em;
}