@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
*/

/* ==========================================================
   電話占いヴェリテ 本サイト (verite-fortune.com) に合わせた配色・書体
   本サイトの基調色:
     スカイブルー #6ec3ec / ライト #9cd9f3
     ディープブルー #4a87e2 (上部バー・アクセント)
     淡いブルー #bad6ff / #e9f5f5 (罫線・見出し背景)
     文字 #333 / 背景 #f9f9f9
   見出し: 游明朝系 / 本文: ゴシック系
   ========================================================== */

:root {
	--color_main: #6ec3ec;
	--color_text: #333;
	--color_link: #4a87e2;
	--color_htag: #6ec3ec;
	--color_bg: #f9f9f9;
	--color_gradient1: #6ec3ec;
	--color_gradient2: #9cd9f3;
	--color_main_thin: rgba(110, 195, 236, .06);
	--color_main_dark: #4a87e2;
	--color_header_bg: #fff;
	--color_header_text: #333;
	--color_footer_bg: #4a87e2;
	--color_footer_text: #fff;
	--color_footer_widget_bg: #e9f5f5;
	--color_footer_widget_text: #333;

	--verite-sky: #6ec3ec;
	--verite-sky-light: #9cd9f3;
	--verite-blue: #4a87e2;
	--verite-line: #bad6ff;
	--verite-tint: #e9f5f5;
	--verite-mincho: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
}

body {
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	color: #333;
	background-color: #f9f9f9;
}

/* ---------- ヘッダー ---------- */
.l-header__bar {
	background: var(--verite-blue);
	color: #fff;
}
.l-header {
	background: #fff;
	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .15);
}
.c-headLogo,
.c-headLogo__link {
	font-family: var(--verite-mincho);
	font-weight: 500;
	letter-spacing: .08em;
}
.c-gnav > li > a::after,
.c-gnav > .menu-item > a::after {
	background: var(--verite-sky);
}

/* ---------- ページ・セクション見出し (本サイトの .cont_ttl 風) ---------- */
.c-pageTitle,
.c-secTitle,
.p-postList__title,
.c-postTitle__ttl,
.c-widget__title,
.l-footer .c-widget__title {
	font-family: var(--verite-mincho);
	font-weight: 500;
}
.c-pageTitle,
.c-secTitle {
	letter-spacing: .06em;
}
.c-secTitle,
.c-widget__title.-main,
.c-widget__title.-side {
	border-bottom: 2px solid var(--verite-line);
	position: relative;
	padding-bottom: .4em;
}
.c-secTitle::after,
.c-widget__title.-side::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 20%;
	border-bottom: 2px solid var(--verite-blue);
}
.c-widget__title.-side::before {
	content: none;
}

/* ---------- 記事本文の見出し ---------- */
.l-mainContent .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
	font-family: var(--verite-mincho);
	font-weight: 500;
	color: #333;
	background: var(--verite-tint);
	border-left: 5px solid var(--verite-sky-light);
	border-radius: 0;
	padding: .9em 1.2em;
	letter-spacing: .04em;
}
.l-mainContent .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before,
.l-mainContent .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::after {
	content: none;
}
.l-mainContent .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
	font-family: var(--verite-mincho);
	font-weight: 500;
	padding: 0 0 .4em;
	border-bottom: 2px solid var(--verite-line);
	position: relative;
}
.l-mainContent .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 20%;
	height: 0;
	background: none;
	border-bottom: 2px solid var(--verite-blue);
}
.l-mainContent .post_content h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
	border-left: 4px solid var(--verite-sky);
	padding-left: .7em;
}

/* ---------- リンク・ボタン (本サイトの .btn-gradient 風) ---------- */
.post_content a:not([class]) {
	color: var(--verite-blue);
}
.swell-block-button a,
.swell-block-button__link,
.wp-block-button__link,
.is-style-btn_normal a {
	background-image: linear-gradient(to top, #6ec3ec 0%, #9cd9f3 100%);
	color: #fff;
	border-radius: 6px;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, .1);
	letter-spacing: .1em;
}
.swell-block-button a:hover,
.wp-block-button__link:hover {
	opacity: .9;
}

/* ---------- 記事一覧・カテゴリーラベル・ページャー ---------- */
.c-postThumb__cat,
.p-postList__cat,
.c-categoryList__link {
	background-color: var(--verite-sky);
	color: #fff;
}
.page-numbers {
	border-radius: 4px;
}
.page-numbers.current,
.page-numbers:hover {
	background: var(--verite-sky);
	color: #fff;
}

/* ---------- 目次・ボックス ---------- */
.p-toc {
	border-color: var(--verite-line);
}
.p-toc__ttl {
	font-family: var(--verite-mincho);
}

/* ---------- フッター ---------- */
.l-footer {
	background: var(--verite-blue);
	color: #fff;
}
.l-footer a {
	color: #fff;
}
.l-footer .l-footer__foot {
	background: var(--verite-blue);
	color: #fff;
}
.l-footer .copyright,
.l-footer .copyright a,
.l-footer .l-footer__nav a {
	color: #fff !important;
}
.l-footer .copyright a {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.l-footer .copyright a:hover,
.l-footer .l-footer__nav a:hover {
	opacity: .8;
}