/* コラムの栞・お気に入り（2026-08-14）
   記事下の商品リンクより後ろに、静かな見た目で置く。
   売り物のボタンと同じ強さにすると、そちらの邪魔になる。 */

.mk{margin:26px 0 34px}
.mk__in{max-width:680px}
.mk__lead{
	margin:0 0 14px;font-size:14px;font-weight:800;line-height:1.85;
	color:#4a3f5c;text-align:center}
.mk__btns{display:flex;gap:9px;flex-wrap:wrap}
.mk__btn{
	flex:1 1 46%;min-width:150px;padding:14px 10px;border-radius:14px;cursor:pointer;
	background:#fff;border:1.5px solid #e2d6f2;color:#6b3fa0;
	font-family:inherit;font-size:13.5px;font-weight:900;line-height:1.4}
.mk__btn:hover{background:#faf7ff}
.mk__btn.is-on{
	background:#f4f0fa;border-color:#cdbcea;color:#8a7f9c;cursor:default}
.mk__ico{margin:0 6px 0 0;font-size:15px}
.mk__note{
	margin:12px 0 0;font-size:11.5px;line-height:1.95;color:#8a7f9c;text-align:center}
.mk__note b{color:#6b3fa0}

/* 押したあとに出す。押す前には出さない。 */
.mk__join{
	margin:14px 0 0;padding:18px 16px;border-radius:16px;
	background:linear-gradient(168deg,#faf7ff 0%,#f3edfb 100%);
	border:1.5px solid #ddd0f0;text-align:center}
.mk__joinlead{margin:0 0 10px;font-size:14px;font-weight:800;line-height:1.95;color:#2b2440}
.mk__joinlead b{color:#6b3fa0}
.mk__joinsub{margin:0 0 14px;font-size:11.5px;line-height:1.95;color:#6f6684}
.mk__joinsub b{color:#4a3f5c}
.mk__joinbtn{
	display:block;padding:14px;border-radius:999px;text-decoration:none;
	background:linear-gradient(135deg,#6b3fa0,#8c68d6);color:#fff;
	font-size:14.5px;font-weight:900;box-shadow:0 8px 20px rgba(107,63,160,.24)}
.mk__close{
	margin:10px 0 0;padding:8px 14px;border:0;background:transparent;cursor:pointer;
	color:#a99cbb;font-family:inherit;font-size:12px;font-weight:800}

@media (max-width:380px){
	.mk__btn{flex:1 1 100%}
}

/* 2026-08-27: セラへの静かな一行。
   売り物のボタンと同じ強さにしない——ここは無料の場所への案内で、
   課金導線（tp-shindan-cta）はこの帯より前に出ている。
   枠も背景も付けず、細い区切り線だけで段落として見せる。 */
.mk__sera{
	margin:14px 0 0;padding:13px 0 0;border-top:1px solid #ece5f6;
	font-size:12.5px;line-height:1.95;color:#8a7f9c;text-align:center}
.mk__seralead{display:block;margin:0 0 4px}
.mk__seralink{
	font-size:13px;font-weight:800;color:#6b3fa0;text-decoration:none;
	border-bottom:1px solid #d9c9f0;padding-bottom:1px}
.mk__seralink:hover{border-bottom-color:#6b3fa0}