@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* KD: article visual tuning for kyuden-drone.jp */
:root {
	--kd-ink: #0d1524;
	--kd-ink-2: #16233e;
	--kd-blue: #1c4fd8;
	--kd-gold: #b8862b;
	--kd-gold-soft: #faf4e4;
	--kd-paper: #f3f5f9;
	--kd-line: #d8dfe9;
	--kd-green: #06c755;
	--kd-green-deep: #05a648;
}

.l-mainContent__inner {
	color: #232c3e;
}

.post_content h2.wp-block-heading,
.post_content h2 {
	position: relative;
	margin-top: 3.1em;
	padding: .78em 1em .78em 1.1em;
	border-left: 6px solid var(--kd-gold);
	border-radius: 4px;
	background: linear-gradient(90deg, var(--kd-ink), var(--kd-ink-2));
	color: #fff;
	letter-spacing: 0;
	box-shadow: 0 10px 28px rgba(13, 21, 36, .12);
}

.post_content h2.wp-block-heading::after,
.post_content h2::after {
	content: "";
	position: absolute;
	right: 16px;
	bottom: 10px;
	width: 72px;
	height: 2px;
	background: linear-gradient(90deg, transparent, rgba(184, 134, 43, .9));
}

.post_content h3.wp-block-heading,
.post_content h3 {
	margin-top: 2.4em;
	padding: .1em 0 .35em .8em;
	border-left: 4px solid var(--kd-blue);
	border-bottom: 1px solid var(--kd-line);
	color: var(--kd-ink);
	letter-spacing: 0;
}

.post_content a {
	color: #1646c1;
	text-underline-offset: .18em;
	text-decoration-thickness: 1px;
}

.post_content a:hover {
	color: var(--kd-blue);
}

.post_content strong {
	color: var(--kd-ink);
}

.post_content .wp-block-table.is-style-stripes table {
	border: 1px solid var(--kd-line);
}

.post_content .wp-block-table.is-style-stripes th {
	background: var(--kd-ink);
	color: #fff;
}

.post_content .wp-block-table.is-style-stripes tr:nth-child(odd) td {
	background: #fafbfd;
}

.post_content .is-style-icon_pen,
.post_content .is-style-icon_good,
.post_content .is-style-balloon_box {
	border-radius: 6px;
}

.l-articleBottom__section.-author {
	display: none;
}

.kd-editor-box {
	margin: 3.2em 0 0;
	padding: 18px;
	border: 1px solid var(--kd-line);
	border-left: 5px solid var(--kd-gold);
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(13, 21, 36, .06);
}

.kd-editor-box__label {
	margin: 0 0 12px;
	color: var(--kd-ink);
	font-size: 15px;
	font-weight: 800;
}

.kd-editor-box__body {
	display: flex;
	gap: 14px;
	align-items: flex-start;
}

.kd-editor-box__mark {
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--kd-ink), var(--kd-ink-2));
	color: #fff;
	font-weight: 800;
}

.kd-editor-box__name {
	margin: 0 0 6px;
	color: var(--kd-ink);
	font-weight: 800;
	line-height: 1.5;
}

.kd-editor-box__text {
	margin: 0;
	color: #5e6a7e;
	font-size: 14px;
	line-height: 1.8;
}

.kd-mobile-ranking-cta {
	border-color: rgba(13, 21, 36, .14);
	border-radius: 8px;
}

.kd-mobile-ranking-cta__button {
	background: var(--kd-green);
	color: #fff;
}

.kd-mobile-ranking-cta__button:hover {
	background: var(--kd-green-deep);
	color: #fff;
}

@media (max-width: 767px) {
	.post_content h2.wp-block-heading,
	.post_content h2 {
		padding: .72em .85em;
		border-left-width: 5px;
	}

	.post_content h2.wp-block-heading::after,
	.post_content h2::after {
		width: 46px;
	}
}