/* AIちいちゃんパレット Pro 公開画面 */

/* Level9 書体着せ替え：クラスを外せばテーマ本来の書体へ戻る */
.aichi-font-body-gothic{font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",YuGothic,Meiryo,"Noto Sans JP",sans-serif!important}
.aichi-font-heading-gothic{font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",YuGothic,Meiryo,"Noto Sans JP",sans-serif!important}
.aichi-font-body-rounded{font-family:"Hiragino Maru Gothic ProN","Hiragino Sans","Yu Gothic",YuGothic,Meiryo,"Noto Sans JP",sans-serif!important}
.aichi-font-heading-rounded{font-family:"Hiragino Maru Gothic ProN","Hiragino Sans","Yu Gothic",YuGothic,Meiryo,"Noto Sans JP",sans-serif!important}
.aichi-font-body-mincho{font-family:"Hiragino Mincho ProN","Yu Mincho",YuMincho,"Noto Serif JP",serif!important}
.aichi-font-heading-mincho{font-family:"Hiragino Mincho ProN","Yu Mincho",YuMincho,"Noto Serif JP",serif!important}

/* 見出し */
.aichi-palette-heading{
	box-sizing:border-box;
	line-height:1.55;
}
.aichi-palette-heading-blue{
	box-sizing:border-box;
	max-width:100%;
	overflow-wrap:anywhere;
	word-break:auto-phrase;
}
/* ブルーセット見出し階層：H2からH6へ段階的に装飾を弱める */
h2.aichi-palette-heading-blue{
	margin:2.1em 0 1em!important;
	padding:18px 21px!important;
	color:#fff!important;
	background:linear-gradient(135deg,#125f9f,#2488d8)!important;
	border:0!important;
	border-radius:14px!important;
	box-shadow:0 8px 19px rgba(18,95,159,.24)!important;
	font-size:clamp(1.35rem,2.2vw,1.75rem)!important;
	font-weight:850!important;
}
h3.aichi-palette-heading-blue{
	margin:1.9em 0 .9em!important;
	padding:14px 17px!important;
	color:#145f99!important;
	background:linear-gradient(135deg,#e8f6ff,#f7fcff)!important;
	border:0!important;
	border-left:7px solid #2389d7!important;
	border-radius:4px 12px 12px 4px!important;
	box-shadow:none!important;
	font-size:clamp(1.2rem,1.8vw,1.5rem)!important;
	font-weight:820!important;
}
h4.aichi-palette-heading-blue{
	margin:1.7em 0 .8em!important;
	padding:11px 15px!important;
	color:#17679f!important;
	background:#edf8ff!important;
	border:1px solid #b9ddf5!important;
	border-radius:10px!important;
	box-shadow:none!important;
	font-size:clamp(1.08rem,1.5vw,1.3rem)!important;
	font-weight:800!important;
}
h5.aichi-palette-heading-blue{
	margin:1.55em 0 .7em!important;
	padding:7px 10px 7px 12px!important;
	color:#17679f!important;
	background:transparent!important;
	border:0!important;
	border-left:4px solid #55aee5!important;
	border-bottom:2px solid #cce9fa!important;
	border-radius:0!important;
	box-shadow:none!important;
	font-size:clamp(1rem,1.3vw,1.16rem)!important;
	font-weight:780!important;
}
h6.aichi-palette-heading-blue{
	margin:1.4em 0 .6em!important;
	padding:3px 0!important;
	color:#2675aa!important;
	background:transparent!important;
	border:0!important;
	border-radius:0!important;
	box-shadow:none!important;
	font-size:clamp(.96rem,1.15vw,1.06rem)!important;
	font-weight:750!important;
}
.aichi-palette-heading-first{
	padding:12px 15px!important;
	color:#294158!important;
	background:linear-gradient(135deg,#fff,#edf8ff)!important;
	border-bottom:4px solid #176fbd!important;
	border-radius:12px 12px 4px 4px!important;
}
.aichi-palette-heading-first::first-letter{
	font-size:1.8em!important;
	font-weight:900!important;
	color:#176fbd!important;
	line-height:.8!important;
}
.aichi-palette-heading-premium{
	padding:15px 18px!important;
	color:#f6e5a9!important;
	background:linear-gradient(135deg,#202226,#3c3f46)!important;
	border:1px solid #b89545!important;
	border-radius:7px!important;
	box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
}

/* ボックス */
.aichi-palette-box{
	position:relative;
	margin:1.7em 0!important;
	padding:24px 20px 18px!important;
	border-radius:16px!important;
	box-sizing:border-box;
}
.aichi-palette-box::before{
	position:absolute;
	top:-14px;
	left:16px;
	padding:4px 12px;
	border-radius:999px;
	font-size:13px;
	font-weight:800;
	line-height:1.4;
}
.aichi-palette-box-point{
	background:#eef9ff!important;
	border:2px solid #8fcaff!important;
}
.aichi-palette-box-point::before{
	content:"POINT";
	background:#176fbd;
	color:#fff;
}
.aichi-palette-box-special{
	background:linear-gradient(135deg,#fff8dd,#fff)!important;
	border:3px solid #e8bd4b!important;
	box-shadow:0 7px 18px rgba(194,143,23,.12)!important;
}
.aichi-palette-box-special::before{
	content:"購入者限定特典";
	background:#d89917;
	color:#fff;
}
/* 着せ替え後もボックス本来の役割とラベルを保持する。 */
.aichi-palette-box.aichi-ai-box-kind-point::before{
	content:"POINT";
}
.aichi-palette-box.aichi-ai-box-kind-special::before{
	content:"購入者限定特典";
}

/* Q&A */
.aichi-palette-qa{
	margin:1.5em 0!important;
	padding:18px 20px!important;
	border-radius:17px!important;
	box-sizing:border-box;
}
.aichi-palette-qa-blue{
	background:#f7fbff!important;
	border:2px solid #8fcaff!important;
}
.aichi-palette-qa-pink{
	background:#fff7fa!important;
	border:2px solid #efa9c2!important;
}
.aichi-palette-question,
.aichi-palette-answer{
	position:relative!important;
	margin:0!important;
	padding:13px 8px 13px 55px!important;
	min-height:48px!important;
	line-height:1.8!important;
}
.aichi-palette-question{
	border-bottom:1px dashed rgba(79,139,190,.35)!important;
}
.aichi-palette-question::before,
.aichi-palette-answer::before{
	position:absolute;
	left:5px;
	top:11px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	border-radius:50%;
	font-size:16px;
	font-weight:900;
	box-sizing:border-box;
}
.aichi-palette-question::before{content:"Q"}
.aichi-palette-answer::before{content:"A"}
.aichi-palette-qa-blue .aichi-palette-question::before{
	background:#176fbd;
	color:#fff;
}
.aichi-palette-qa-blue .aichi-palette-answer::before{
	background:#fff;
	color:#176fbd;
	border:2px solid #176fbd;
}
.aichi-palette-qa-pink .aichi-palette-question::before{
	background:#d7668f;
	color:#fff;
}
.aichi-palette-qa-pink .aichi-palette-answer::before{
	background:#fff;
	color:#d7668f;
	border:2px solid #d7668f;
}

/* リスト */
ul.aichi-palette-list,
ol.aichi-palette-list{
	list-style:none!important;
	padding-left:0!important;
}
ul.aichi-palette-list>li,
ol.aichi-palette-list>li{
	position:relative!important;
	margin:8px 0!important;
	padding:11px 13px 11px 43px!important;
	background:#f8fcff!important;
	border:1px solid #c9e8ff!important;
	border-radius:11px!important;
	font-size:.95em!important;
	font-weight:650!important;
	line-height:1.7!important;
}
ul.aichi-palette-list-check>li::before,
ul.aichi-palette-list-heart>li::before,
ol.aichi-palette-list-check>li::before,
ol.aichi-palette-list-heart>li::before{
	position:absolute;
	left:14px;
	top:11px;
	font-weight:900;
}
ul.aichi-palette-list-check>li::before{
	content:"✓";
	display:flex;
	align-items:center;
	justify-content:center;
	width:22px;
	height:22px;
	top:12px;
	border-radius:50%;
	color:#fff;
	background:#176fbd;
	font-size:13px;
}
ol.aichi-palette-list{
	counter-reset:aichi-palette-list-counter;
}
ol.aichi-palette-list>li{
	counter-increment:aichi-palette-list-counter;
}
ol.aichi-palette-list-check>li::before{
	content:counter(aichi-palette-list-counter);
	display:flex;
	align-items:center;
	justify-content:center;
	width:24px;
	height:24px;
	top:11px;
	border-radius:50%;
	color:#fff;
	background:#176fbd;
	font-size:12px;
}
ul.aichi-palette-list-heart>li::before{
	content:"";
	width:18px;
	height:18px;
	top:13px;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23dd638e' d='M12 21s-7.2-4.35-9.65-8.42C.02 8.72 2.2 4 6.55 4c2.08 0 3.46 1.18 4.25 2.3C11.59 5.18 12.97 4 15.05 4c4.35 0 6.53 4.72 4.2 8.58C16.8 16.65 12 21 12 21Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
ol.aichi-palette-list-heart>li::before{
	content:counter(aichi-palette-list-counter);
	display:flex;
	align-items:center;
	justify-content:center;
	width:24px;
	height:24px;
	top:11px;
	border-radius:50%;
	color:#fff;
	background:#dd638e;
	font-size:12px;
}

/* ボタン */
.wp-block-button.aichi-palette-button .wp-block-button__link{
	padding:14px 29px!important;
	color:#fff!important;
	border:0!important;
	border-radius:999px!important;
	font-weight:800!important;
	text-decoration:none!important;
	box-shadow:0 6px 14px rgba(0,0,0,.16)!important;
}
.wp-block-button.aichi-palette-button-blue .wp-block-button__link{
	background:linear-gradient(135deg,#176fbd,#2b8cff)!important;
}
.wp-block-button.aichi-palette-button-gold .wp-block-button__link{
	background:linear-gradient(135deg,#8c6d29,#d2ad50)!important;
}

/* 安全に認識したCocoonボタンにも、リンク属性を変えず見た目だけ適用する */
.aichi-palette-button{max-width:100%!important;box-sizing:border-box!important}
.aichi-palette-button>a,
.aichi-palette-button .btn,
.aichi-palette-button .wp-block-button__link{display:inline-flex!important;align-items:center!important;justify-content:center!important;max-width:100%!important;padding:14px 29px!important;border:0!important;border-radius:999px!important;color:#fff!important;font-weight:800!important;line-height:1.5!important;text-align:center!important;text-decoration:none!important;overflow-wrap:anywhere!important;box-shadow:0 6px 14px rgba(0,0,0,.16)!important;box-sizing:border-box!important}
.aichi-palette-button-blue>a,
.aichi-palette-button-blue .btn,
.aichi-palette-button-blue .wp-block-button__link{background:linear-gradient(135deg,#176fbd,#2b8cff)!important}
.aichi-palette-button-gold>a,
.aichi-palette-button-gold .btn,
.aichi-palette-button-gold .wp-block-button__link{background:linear-gradient(135deg,#8c6d29,#d2ad50)!important}

/* かわいいセット：ブルーとは形から異なる、やさしい記事コーデ */
.aichi-palette-heading-cute{box-sizing:border-box;max-width:100%;overflow-wrap:anywhere;word-break:auto-phrase}
h2.aichi-palette-heading-cute{position:relative!important;margin:2.1em 0 1em!important;padding:18px 21px 18px 30px!important;color:#8e3659!important;background:linear-gradient(120deg,#fff0f5 0%,#fff8f1 72%,#fff 100%)!important;border:2px solid #efadc3!important;border-radius:22px 9px 22px 9px!important;box-shadow:0 7px 18px rgba(194,79,120,.14)!important;font-size:clamp(1.35rem,2.2vw,1.75rem)!important;font-weight:850!important}
h2.aichi-palette-heading-cute::before{content:"";position:absolute;left:10px;top:15%;width:7px;height:70%;border-radius:999px;background:linear-gradient(#e46f97,#f5b3c9)!important}
h3.aichi-palette-heading-cute{margin:1.9em 0 .9em!important;padding:13px 16px 13px 18px!important;color:#9b4161!important;background:#fff!important;border:0!important;border-left:6px solid #e47b9e!important;border-bottom:1px dashed #edb9ca!important;border-radius:10px 18px 8px 10px!important;box-shadow:none!important;font-size:clamp(1.2rem,1.8vw,1.5rem)!important;font-weight:820!important}
h4.aichi-palette-heading-cute{margin:1.7em 0 .8em!important;padding:9px 10px 9px 14px!important;color:#a24968!important;background:transparent!important;border:0!important;border-bottom:4px double #efb4c8!important;border-radius:0 0 9px 9px!important;box-shadow:none!important;font-size:clamp(1.08rem,1.5vw,1.3rem)!important;font-weight:800!important}
h5.aichi-palette-heading-cute{margin:1.55em 0 .7em!important;padding:6px 10px!important;color:#a84d6c!important;background:#fff8f1!important;border:0!important;border-left:4px solid #efa1bc!important;border-radius:7px!important;box-shadow:none!important;font-size:clamp(1rem,1.3vw,1.16rem)!important;font-weight:780!important}
h6.aichi-palette-heading-cute{margin:1.4em 0 .6em!important;padding:3px 0 3px 15px!important;color:#b25274!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:clamp(.96rem,1.15vw,1.06rem)!important;font-weight:750!important}
h6.aichi-palette-heading-cute::before{content:"";display:inline-block;width:7px;height:7px;margin:0 8px 1px -15px;border-radius:50%;background:#e985a7}
.aichi-palette-box-cute{background:linear-gradient(135deg,#fff5f8,#fffaf0)!important;border:2px solid #efb4c8!important;border-radius:20px!important;box-shadow:0 6px 16px rgba(194,79,120,.1)!important}
.aichi-palette-box-cute::before{content:"POINT";background:#d95f89;color:#fff;box-shadow:0 3px 8px rgba(194,79,120,.16)}
.aichi-palette-qa-cute{background:linear-gradient(135deg,#fff7fa,#fffaf0)!important;border:2px solid #efb4c8!important;border-radius:22px 10px 22px 10px!important}
.aichi-palette-qa-cute .aichi-palette-question{border-bottom:2px dotted #edb2c6!important}
.aichi-palette-qa-cute .aichi-palette-question::before{background:#d95f89;color:#fff;box-shadow:0 3px 7px rgba(194,79,120,.18)}
.aichi-palette-qa-cute .aichi-palette-answer::before{background:#fff8e8;color:#a85d3f;border:2px solid #e9bd87}
ul.aichi-palette-list-cute>li,ol.aichi-palette-list-cute>li{background:linear-gradient(105deg,#fff7fa,#fffdf7)!important;border:1px solid #efc2d1!important;border-radius:16px 7px 16px 7px!important;font-weight:650!important}
ul.aichi-palette-list-cute>li::before,ol.aichi-palette-list-cute>li::before{position:absolute;left:13px;top:12px;display:flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:8px 50% 50% 50%;color:#fff;background:#de7398;font-size:12px;font-weight:900;transform:rotate(-8deg)}
ul.aichi-palette-list-cute>li::before{content:"✓"}
ol.aichi-palette-list-cute{counter-reset:aichi-palette-list-counter}
ol.aichi-palette-list-cute>li{counter-increment:aichi-palette-list-counter}
ol.aichi-palette-list-cute>li::before{content:counter(aichi-palette-list-counter)}
.aichi-palette-button-cute>a,.aichi-palette-button-cute .btn,.aichi-palette-button-cute .wp-block-button__link{background:linear-gradient(135deg,#d95f89,#ef91ad)!important;border:2px solid #fff!important;border-radius:18px!important;box-shadow:0 5px 0 #b94770,0 8px 16px rgba(185,71,112,.18)!important;transition:transform .18s ease,box-shadow .18s ease!important}
.aichi-palette-button-cute>a:hover,.aichi-palette-button-cute .btn:hover,.aichi-palette-button-cute .wp-block-button__link:hover{transform:translateY(2px)!important;box-shadow:0 3px 0 #b94770,0 5px 11px rgba(185,71,112,.18)!important}

/* 個別文字装飾（アクセサリー）：通常の記事セットから独立 */
.aichi-marker-yellow,.aichi-marker-pink,.aichi-marker-blue{padding:0 .05em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.aichi-marker-yellow{background:linear-gradient(transparent 58%,#ffe96b 58%,#ffe96b 94%,transparent 94%)}
.aichi-marker-pink{background:linear-gradient(transparent 58%,#ffb8d2 58%,#ffb8d2 94%,transparent 94%)}
.aichi-marker-blue{background:linear-gradient(transparent 58%,#9edcff 58%,#9edcff 94%,transparent 94%)}

@media(max-width:640px){
	.aichi-palette-heading{
		overflow-wrap:anywhere;
		word-break:break-word;
	}
	h2.aichi-palette-heading-blue{padding:15px 14px!important;border-radius:10px!important}
	h3.aichi-palette-heading-blue{padding:12px 12px!important;border-left-width:6px!important}
	h4.aichi-palette-heading-blue{padding:10px 12px!important}
	h5.aichi-palette-heading-blue{padding:6px 8px 6px 10px!important}
	h6.aichi-palette-heading-blue{padding:2px 0!important}
	h2.aichi-palette-heading-cute{padding:15px 13px 15px 25px!important;border-radius:17px 7px 17px 7px!important}
	h3.aichi-palette-heading-cute{padding:11px 11px 11px 14px!important;border-left-width:5px!important}
	h4.aichi-palette-heading-cute{padding:8px 7px 8px 10px!important}
	h5.aichi-palette-heading-cute{padding:6px 8px!important}
	h6.aichi-palette-heading-cute{padding-left:13px!important}
	.aichi-palette-box,
	.aichi-palette-qa{
		padding:18px 13px!important;
		border-radius:12px!important;
	}
	.aichi-palette-question,
	.aichi-palette-answer{
		padding-left:47px!important;
	}
	.aichi-palette-button>a,
	.aichi-palette-button .btn,
	.aichi-palette-button .wp-block-button__link{width:100%!important;padding:13px 16px!important}
}
