/*
 * SWELL Blocks Portable - CSS Variables & Dynamic-CSS equivalents
 * SWELLテーマがカスタマイザー設定から動的生成しているCSSを、
 * SWELLのデフォルト値で静的に再現したものです。
 * サイトごとの色変更は、このファイルを直接編集するか、
 * 追加CSSで :root { --color_main: #xxxxxx; } 等を上書きしてください。
 */
:root,
.editor-styles-wrapper {
	/* 基本カラー */
	--color_main: #04384c;
	--color_main_thin: rgba(4, 56, 76, .05);
	--color_main_dark: rgba(3, 42, 57, 1);
	--color_text: #333;
	--color_link: #1176d4;
	--color_htag: var(--color_main);
	--color_bg: #fdfdfd;
	--color_content_bg: #fff;
	--color_gradient1: #d8ffff;
	--color_gradient2: #87e7ff;

	/* カラーパレット（deep / pale） */
	--color_deep01: #e44141;
	--color_deep02: #3d79d5;
	--color_deep03: #63a84d;
	--color_deep04: #f09f4d;
	--color_pale01: #fff2f0;
	--color_pale02: #f3f8fd;
	--color_pale03: #f1f9ee;
	--color_pale04: #fdf9ee;

	/* マーカー */
	--color_mark_blue: #b7e3ff;
	--color_mark_green: #bdf9c3;
	--color_mark_yellow: #fcf69f;
	--color_mark_orange: #ffddbc;

	/* リストアイコン */
	--color_list_check: var(--color_main);
	--color_list_num: var(--color_main);
	--color_list_good: #86dd7b;
	--color_list_triangle: #f4e03a;
	--color_list_bad: #f36060;

	/* Q&A */
	--color_faq_q: #d55656;
	--color_faq_a: #6599b7;

	/* アイコンボックス */
	--color_icon_good: #3cd250;
	--color_icon_good_bg: #ecffe9;
	--color_icon_bad: #4b73eb;
	--color_icon_bad_bg: #eafaff;
	--color_icon_info: #f578b4;
	--color_icon_info_bg: #fff0fa;
	--color_icon_announce: #ffa537;
	--color_icon_announce_bg: #fff5f0;
	--color_icon_pen: #7a7a7a;
	--color_icon_pen_bg: #f7f7f7;
	--color_icon_book: #787364;
	--color_icon_book_bg: #f8f6ef;

	/* 大アイコンボックス */
	--color_icon_point: #ffa639;
	--color_icon_check: #86d67c;
	--color_icon_batsu: #f36060;
	--color_icon_hatena: #5295cc;
	--color_icon_caution: #f7da38;
	--color_icon_memo: #84878a;

	/* エディターのカラーパレット用（ボタン・ふきだし） */
	--swl--btn-color--red: #f74a4a;
	--swl--btn-color2--red: #ffbc49;
	--swl--btn-color--blue: #338df4;
	--swl--btn-color2--blue: #35eaff;
	--swl--btn-color--green: #62d847;
	--swl--btn-color2--green: #7bf7bd;
	--color_bln_gray: #f7f7f7;
	--color_bln_gray_border: #ccc;
	--color_bln_green: #d1f8c2;
	--color_bln_green_border: #9ddd93;
	--color_bln_blue: #e2f6ff;
	--color_bln_blue_border: #93d2f0;
	--color_bln_red: #ffebeb;
	--color_bln_red_border: #f48789;
	--color_bln_yellow: #f9f7d2;
	--color_bln_yellow_border: #fbe593;
}

/* ===== マーカー（marker_type: thin） ===== */
.mark_blue { background: -webkit-linear-gradient(transparent 64%, var(--color_mark_blue) 0%); background: linear-gradient(transparent 64%, var(--color_mark_blue) 0%); }
.mark_green { background: -webkit-linear-gradient(transparent 64%, var(--color_mark_green) 0%); background: linear-gradient(transparent 64%, var(--color_mark_green) 0%); }
.mark_yellow { background: -webkit-linear-gradient(transparent 64%, var(--color_mark_yellow) 0%); background: linear-gradient(transparent 64%, var(--color_mark_yellow) 0%); }
.mark_orange { background: -webkit-linear-gradient(transparent 64%, var(--color_mark_orange) 0%); background: linear-gradient(transparent 64%, var(--color_mark_orange) 0%); }

/* ===== ボタンカラー ===== */
.red_ { --the-btn-color: #f74a4a; --the-btn-color2: #ffbc49; --the-solid-shadow: rgba(185, 55, 55, 1); }
.blue_ { --the-btn-color: #338df4; --the-btn-color2: #35eaff; --the-solid-shadow: rgba(38, 105, 183, 1); }
.green_ { --the-btn-color: #62d847; --the-btn-color2: #7bf7bd; --the-solid-shadow: rgba(73, 162, 53, 1); }

/* ボタンの丸み */
.is-style-btn_normal { --the-btn-radius: 80px; }
.is-style-btn_solid { --the-btn-radius: 80px; }
.is-style-btn_shiny { --the-btn-radius: 80px; }
.is-style-btn_line { --the-btn-radius: 80px; }

/* ===== ふきだしカラーセット ===== */
[data-col="gray"] .c-balloon__text { background: #f7f7f7; border-color: #ccc; }
[data-col="gray"] .c-balloon__before { border-right-color: #f7f7f7; }
[data-col="green"] .c-balloon__text { background: #d1f8c2; border-color: #9ddd93; }
[data-col="green"] .c-balloon__before { border-right-color: #d1f8c2; }
[data-col="blue"] .c-balloon__text { background: #e2f6ff; border-color: #93d2f0; }
[data-col="blue"] .c-balloon__before { border-right-color: #e2f6ff; }
[data-col="red"] .c-balloon__text { background: #ffebeb; border-color: #f48789; }
[data-col="red"] .c-balloon__before { border-right-color: #ffebeb; }
[data-col="yellow"] .c-balloon__text { background: #f9f7d2; border-color: #fbe593; }
[data-col="yellow"] .c-balloon__before { border-right-color: #f9f7d2; }

/* ===== キャプションブロックのカラーセット ===== */
.cap_box[data-colset="col1"] { --capbox-color: #f59b5f; --capbox-color--bg: #fff8eb; }
.cap_box[data-colset="col2"] { --capbox-color: #5fb9f5; --capbox-color--bg: #edf5ff; }
.cap_box[data-colset="col3"] { --capbox-color: #2fcd90; --capbox-color--bg: #eafaf2; }

/* ===== テーブルセルアイコンの色 ===== */
.swl-cell-bg[data-icon="doubleCircle"] { --cell-icon-color: #ffc977; }
.swl-cell-bg[data-icon="circle"] { --cell-icon-color: #94e29c; }
.swl-cell-bg[data-icon="triangle"] { --cell-icon-color: #eeda2f; }
.swl-cell-bg[data-icon="close"] { --cell-icon-color: #ec9191; }
.swl-cell-bg[data-icon="hatena"] { --cell-icon-color: #93c9da; }
.swl-cell-bg[data-icon="check"] { --cell-icon-color: #94e29c; }
.swl-cell-bg[data-icon="line"] { --cell-icon-color: #9b9b9b; }

/* ===== アイコンボックス（iconbox_type: flat / 大: flat） ===== */
[class*="is-style-big_icon_"] { border-width: 2px; border-style: solid; }