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

/* =========================================================
   ほめラニアン カスタム（2026/7/18）
   ①フォント：本文=M PLUS Rounded 1c(400)／見出し=M PLUS Rounded 1c ExtraBold(800) ※2026/7/23 はちまるポップから変更（細くて読みにくいため）
   ②背景：温かいクリーム色＋うっすら白い肉球の壁紙
   ========================================================= */

/* --- ① フォント --- */
/* SWELLは --swl-font_family 変数でフォントを配るため、変数ごと上書き＋bodyにも直接指定 */
:root {
	--swl-font_family: 'M PLUS Rounded 1c', 'Hiragino Maru Gothic ProN', 'Yu Gothic', sans-serif;
}

body {
	font-family: 'M PLUS Rounded 1c', 'Hiragino Maru Gothic ProN', 'Yu Gothic', sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.c-pageTitle,
.c-postTitle__ttl,
.c-secTitle,
.c-widget__title,
.p-articleThumb__title {
	font-family: 'M PLUS Rounded 1c', 'Hiragino Maru Gothic ProN', 'Yu Gothic', sans-serif !important;
	font-weight: 800 !important;
}

/* --- ② 背景：クリーム色＋うっすら肉球パターン --- */
body {
	background-color: #faf3e6 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cg fill='%23ffffff' fill-opacity='0.5'%3E%3Cg transform='translate(40,40) rotate(-18)'%3E%3Cellipse cx='0' cy='14' rx='13' ry='10'/%3E%3Ccircle cx='-15' cy='-2' r='5.5'/%3E%3Ccircle cx='-5' cy='-9' r='5.5'/%3E%3Ccircle cx='6' cy='-9' r='5.5'/%3E%3Ccircle cx='15' cy='-2' r='5.5'/%3E%3C/g%3E%3Cg transform='translate(130,125) rotate(16)'%3E%3Cellipse cx='0' cy='14' rx='13' ry='10'/%3E%3Ccircle cx='-15' cy='-2' r='5.5'/%3E%3Ccircle cx='-5' cy='-9' r='5.5'/%3E%3Ccircle cx='6' cy='-9' r='5.5'/%3E%3Ccircle cx='15' cy='-2' r='5.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
	background-size: 180px 180px;
}

/* 記事・固定ページの本文エリアはほんのり白で読みやすく（壁紙がうっすら透ける） */
.l-mainContent__inner > .post_content,
.l-mainContent__inner > .c-postContent {
	background: rgba(255, 255, 255, 0.55);
	border-radius: 16px;
	padding: 1.5em 1.5em;
}

/* =========================================================
   ③ おたよりフォーム（Contact Form 7）2026/7/22
   ========================================================= */
.wpcf7 {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	max-width: 620px;
	margin: 0 auto;
}

/* 導入のリード文 */
.wpcf7 .otayori-lead {
	font-size: 1.15em;
	color: #e07a86;
	text-align: center;
	line-height: 1.8;
	margin-bottom: 1.6em;
}

/* 各項目のラベル */
.wpcf7 .otayori-label {
	display: block;
	font-size: 1.05em;
	font-weight: 700;
	color: #7a5b3a;
	margin: 1.2em 0 0.4em;
}
.wpcf7 .otayori-req {
	color: #e79aa0;
	margin-left: 0.2em;
}

/* メッセージ欄の上のヒント */
.wpcf7 .otayori-hint {
	font-size: 0.9em;
	color: #9a8467;
	background: #fff7ef;
	border-radius: 12px;
	padding: 0.8em 1em;
	line-height: 1.7;
	margin: 0.3em 0 0.6em;
}

/* 入力欄（テキスト・メール・テキストエリア） */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
	width: 100%;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 1.05em;
	color: #5a4a3a;
	background: #fffdf9;
	border: 2px solid #f3d9d0;
	border-radius: 14px;
	padding: 0.7em 0.9em;
	box-sizing: border-box;
	transition: border-color 0.2s;
}
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
	border-color: #e79aa0;
	outline: none;
	background: #fff;
}
.wpcf7 ::placeholder { color: #c7b8a5; }

/* 返事希望チェックボックス */
.wpcf7 .otayori-check {
	display: block;
	font-size: 1em;
	color: #7a5b3a;
	margin: 1.2em 0;
}

/* 送信ボタン */
.wpcf7 input[type="submit"] {
	display: block;
	margin: 1.6em auto 0;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 700;
	font-size: 1.25em;
	color: #fff;
	background: #e79aa0;
	border: none;
	border-radius: 999px;
	padding: 0.7em 2.6em;
	box-shadow: 0 4px 0 #d07f88;
	cursor: pointer;
	transition: transform 0.1s, box-shadow 0.1s;
}
.wpcf7 input[type="submit"]:hover {
	background: #ec8f97;
}
.wpcf7 input[type="submit"]:active {
	transform: translateY(3px);
	box-shadow: 0 1px 0 #d07f88;
}

/* 送信完了などのメッセージ */
.wpcf7 .wpcf7-response-output {
	font-size: 1.05em;
	border: none !important;
	border-radius: 14px;
	background: #fff3d6;
	color: #7a5b3a;
	text-align: center;
	padding: 0.9em 1em !important;
	margin-top: 1.2em !important;
}