/*
Theme Name: 賢威 子テーマ
Template: keni80_wp_standard_all_202405221621
Description: 賢威の子テーマ
Version: 1.0
*/

/* ここにカスタムCSSを書く */
/* =========================================
   著者ボックス（賢威向け）
========================================= */

.hq-author-box {
	display: flex;
	gap: 18px;
	border: 1px solid #d9d9d9;
	border-radius: 8px;
	background: #fafafa;
	box-sizing: border-box;
}

.hq-author-box__image {
	flex: 0 0 auto;
}

.hq-author-box__image img {
	display: block;
	width: 76px;
	height: 76px;
	object-fit: cover;
	border-radius: 8px;
}

.hq-author-box__body {
	flex: 1 1 auto;
	min-width: 0;
}

.hq-author-box__eyebrow {
	font-size: 12px;
	line-height: 1.6;
	color: #666;
	margin-bottom: 4px;
	letter-spacing: 0.02em;
}

.hq-author-box__name {
	font-size: 22px;
	line-height: 1.4;
	font-weight: 700;
	color: #222;
	margin: 0 0 4px;
}

.hq-author-box__label {
	font-size: 14px;
	line-height: 1.7;
	color: #444;
	margin-bottom: 4px;
}

.hq-author-box__role {
	font-size: 13px;
	line-height: 1.7;
	color: #666;
	margin-bottom: 6px;
}

.hq-author-box__mini-link a,
.hq-author-links a {
	text-decoration: none;
	font-weight: 700;
}

.hq-author-box__mini-link a:hover,
.hq-author-links a:hover {
	text-decoration: underline;
}

.hq-author-box__description {
	font-size: 14px;
	line-height: 1.9;
	color: #333;
	margin: 10px 0 0;
}

.hq-author-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 12px;
	margin-top: 14px;
}

.hq-author-links a {
	display: inline-block;
	padding: 8px 12px;
	border: 1px solid #d0d0d0;
	border-radius: 6px;
	background: #fff;
	font-size: 13px;
	line-height: 1.5;
	color: #222;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.hq-author-links a:hover {
	background: #f4f4f4;
	border-color: #bfbfbf;
}

/* タイトル直下 */
.hq-author-box--top {
	align-items: center;
	padding: 16px;
	margin: 18px 0 28px;
}

/* 記事末 */
.hq-author-box--bottom {
	align-items: flex-start;
	padding: 22px;
	margin: 40px 0 20px;
	background: #fff;
}

.hq-author-box--bottom .hq-author-box__image img {
	width: 96px;
	height: 96px;
	border-radius: 10px;
}

/* 賢威の本文幅とのなじみを意識 */
.single .hq-author-box a {
	box-shadow: none;
}

/* スマホ */
@media (max-width: 767px) {
	.hq-author-box {
		gap: 12px;
	}

	.hq-author-box--top,
	.hq-author-box--bottom {
		padding: 14px;
	}

	.hq-author-box--bottom {
		display: block;
	}

	.hq-author-box--top .hq-author-box__image img {
		width: 58px;
		height: 58px;
	}

	.hq-author-box--bottom .hq-author-box__image {
		margin-bottom: 12px;
	}

	.hq-author-box--bottom .hq-author-box__image img {
		width: 72px;
		height: 72px;
	}

	.hq-author-box__name {
		font-size: 18px;
	}

	.hq-author-box__label {
		font-size: 13px;
	}

	.hq-author-box__description {
		font-size: 13px;
		line-height: 1.8;
	}

	.hq-author-links {
		gap: 8px;
	}

	.hq-author-links a {
		font-size: 12px;
		padding: 7px 10px;
	}
}

/* CTAボタン */
background: #222;
color: #fff;
padding: 12px 20px;
border-radius: 6px;

.cta-button {
	background: #222;
	color: #fff !important;
	padding: 12px 20px;
	border-radius: 6px;
	display: inline-block;
	text-decoration: none;
	font-weight: 700;
}

.cta-button:hover {
	background: #444;
}