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

/* 見出し */
.aichi-palette-heading{
	box-sizing:border-box;
	line-height:1.55;
}
.aichi-palette-heading-blue{
	padding:14px 18px!important;
	color:#fff!important;
	background:linear-gradient(135deg,#176fbd,#2b8cff)!important;
	border-radius:13px!important;
	box-shadow:0 7px 17px rgba(23,111,189,.22)!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;
}

/* 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{
	list-style:none!important;
	padding-left:0!important;
}
ul.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{
	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;
}
ul.aichi-palette-list-heart>li::before{
	content:"♥";
	color:#dd638e;
}

/* ボタン */
.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;
}

@media(max-width:640px){
	.aichi-palette-heading{
		padding:11px 13px!important;
		border-radius:9px!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;
	}
}