@charset "UTF-8";
/*
 * メシオプレス03 互換CSS
 * 旧記事のショートコード・クラスを SWELL になじむ見た目で表示する。
 * 全記事をブロックで書き直したら削除する。
 */

/* ---------- ボックス共通 ---------- */
.post_content .okane-box {
	margin: 2em 0;
	padding: 1.25em 1.5em;
	border-radius: 6px;
}
.post_content .okane-box > :first-child { margin-top: 0; }
.post_content .okane-box > :last-child { margin-bottom: 0; }
.post_content .okane-box p { margin-bottom: .75em; }

/* [box_h] おすすめ・申込みボックス（旧：黄色背景） */
.post_content .okane-box--h {
	background: #fff7dc;
	border: 1px solid #f3d27a;
}

/* [box_b] オレンジ枠 */
.post_content .okane-box--b {
	background: #fff;
	border: 2px solid #ff9a5c;
}

/* [bullet_box] チェックリストボックス */
.post_content .okane-box--bullet {
	--color_list_check: #ff7a33;
	background: #fff;
	border: 2px solid #ff9a5c;
}
.post_content .okane-box--bullet ul,
.post_content .okane-box--bullet ol {
	margin: 0;
	padding-left: 0;
}
.post_content .okane-box--bullet li { margin: .4em 0; }

/* [box color title] → キャプションボックス */
.post_content .okane-capbox { margin: 2em 0; }
.post_content .okane-capbox .cap_box_content > :first-child { margin-top: 0; }
.post_content .okane-capbox .cap_box_content > :last-child { margin-bottom: 0; }

/* [label] 小見出しラベル */
.post_content .okane-label {
	display: inline-block;
	margin: .5em 0 .25em;
	padding: .3em .9em;
	border-radius: 3px;
	color: #fff;
	font-weight: 700;
	font-size: .9em;
	line-height: 1.5;
}
.post_content .okane-label--orange { background: #f39c32; }
.post_content .okane-label--blue   { background: #0e7ac4; }
.post_content .okane-label--black  { background: #444; }
.post_content .okane-label--pink   { background: #f07fa3; }
.post_content .okane-label--red    { background: #d9333f; }
.post_content .okane-label--green  { background: #3a9b4f; }

/* [blockquote] */
.post_content .okane-quote > :last-child { margin-bottom: 0; }

/* [star] */
.okane-star { color: #f5a623; letter-spacing: .05em; white-space: nowrap; }
.okane-star__empty { color: #ddd; }
.okane-star__half {
	background: linear-gradient(90deg, #f5a623 50%, #ddd 50%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/* ---------- ふきだし（SWELL の .c-balloon に色を付ける） ---------- */
.post_content .okane-balloon { margin: 2em 0; }
.okane-balloon .c-balloon__text { border-color: var(--okane-bln-border); background: var(--okane-bln-bg); }
.okane-balloon .c-balloon__before { border-right-color: var(--okane-bln-bg); }
.okane-balloon .c-balloon__after  { border-right-color: var(--okane-bln-border); }
.okane-balloon .c-balloon__text p:not(:last-of-type) { margin-bottom: .75em; }

.okane-balloon--blue   { --okane-bln-border: #8cc3e8; --okane-bln-bg: #f0f8fe; }
.okane-balloon--pink   { --okane-bln-border: #f4a9c0; --okane-bln-bg: #fff4f7; }
.okane-balloon--black  { --okane-bln-border: #bbbbbb; --okane-bln-bg: #f7f7f7; }
.okane-balloon--green  { --okane-bln-border: #9fd3a9; --okane-bln-bg: #f2faf3; }
.okane-balloon--red    { --okane-bln-border: #ef9a9a; --okane-bln-bg: #fff3f3; }
.okane-balloon--orange { --okane-bln-border: #f7c27d; --okane-bln-bg: #fff8ee; }

/* ---------- 旧テーマのクラス ---------- */

/* 黄色マーカー（SWELL のマーカーと同じ下半分の塗り） */
.post_content .marker-yellow {
	background: linear-gradient(transparent 55%, #fff27a 55%);
	padding: 0 2px;
}

/* ▶▶付きリンク（アフィリエイトの申込みリンクなど） */
.post_content [class^="delta2-"],
.post_content [class*=" delta2-"] {
	font-weight: 700;
}
.post_content .delta2-pink::before,
.post_content .delta2-red::before,
.post_content .delta2-blue::before,
.post_content .delta2-orange::before,
.post_content .delta2-green::before {
	content: "▶▶";
	display: inline-block;
	margin-right: 3px;
	font-size: .85em;
}
.post_content .delta2-pink::before   { color: #f07fa3; }
.post_content .delta2-red::before    { color: #cc3300; }
.post_content .delta2-blue::before   { color: #0066ff; }
.post_content .delta2-orange::before { color: #ffaf46; }
.post_content .delta2-green::before  { color: #339900; }

/* 文字装飾 */
.post_content .boldtxt   { font-weight: 700; }
.post_content .bigtxt    { font-size: 1.2em; }
.post_content .bigbigtxt { font-size: 1.4em; line-height: 1.5; }
.post_content .smalltxt  { font-size: .8em; }

/* カエレバ・ヨメレバのショップボタン */
.post_content [class^="shoplink"] { display: inline-block; margin: .2em .3em .2em 0; }
.post_content [class^="shoplink"] a {
	display: inline-block;
	padding: .35em 1em;
	border-radius: 3px;
	color: #fff !important;
	font-size: .85em;
	text-decoration: none;
}
.post_content .shoplinkamazon a   { background: #f79901; }
.post_content .shoplinkrakuten a  { background: #bf0000; }
.post_content .shoplinkyahoo a    { background: #e60033; }
.post_content .shoplinkkindle a   { background: #333; }
.post_content .shoplinkrakukobo a { background: #bf0000; }
.post_content .shoplinkseven a    { background: #00a54f; }