/* ourai-lp-templates 試着バー: テーマ定義（29本） 使い方: で該当テーマの変数に切り替わる。 data-theme属性なし＝オリジナル（テンプレ本来の見た目）。 各テンプレのCSSは var(--c-xxx, 元の値) の形でフォールバックさせること。 */ [data-theme="t01"] { --c-base: #F5E9DA; --c-main: #C0703A; --c-accent: #3F6E52; --c-text: #333333; --font-head: "Zen Maru Gothic", sans-serif; --font-body: "Zen Kaku Gothic New", sans-serif; } [data-theme="t02"] { --c-base: #FFFFFF; --c-main: #1A365D; --c-accent: #F5A623; --c-text: #333333; --font-head: "Noto Sans JP", sans-serif; --font-head-weight: 700; --font-body: "Noto Sans JP", sans-serif; } [data-theme="t03"] { --c-base: #FFFFFF; --c-main: #FDB927; --c-accent: #F26522; --c-text: #333333; --c-sub1: #4FC3F7; --c-sub2: #66BB6A; --font-head: "M PLUS Rounded 1c", sans-serif; --font-head-weight: 900; --font-body: "Noto Sans JP", sans-serif; } [data-theme="t04"] { --c-base: #FAF6F0; --c-main: #C0798A; --c-accent: #9A6B7A; --c-text: #333333; --font-head: "Shippori Mincho", serif; --font-head-weight: 600; --font-body: "Noto Sans JP", sans-serif; } [data-theme="t05"] { --c-base: #F2EDE4; --c-main: #3F6E52; --c-accent: #C7B08B; --c-text: #333333; --font-head: "Zen Maru Gothic", sans-serif; --font-body: "Zen Kaku Gothic New", sans-serif; } [data-theme="t06"] { --c-base: #EFEFEF; --c-main: #2B2D31; --c-accent: #4A6FA5; --c-text: #333333; --font-head: "BIZ UDGothic", sans-serif; --font-head-weight: 700; --font-body: "Noto Sans JP", sans-serif; } [data-theme="t07"] { --c-base: #111111; --c-main: #1E1E1E; --c-accent: #C9A227; --c-text: #EAEAEA; --font-head: "Zen Old Mincho", serif; --font-head-weight: 700; --font-body: "Noto Serif JP", serif; } [data-theme="t08"] { --c-base: #0D1117; --c-main: #16213E; --c-accent: #00E5FF; --c-text: #E6EDF3; --font-head: "M PLUS 1p", sans-serif; --font-head-weight: 700; --font-body: "Noto Sans JP", sans-serif; } [data-theme="t09"] { --c-base: #FFFFFF; --c-main: #4FB3D9; --c-accent: #E8F6F3; --c-text: #333333; --font-head: "BIZ UDPGothic", sans-serif; --font-head-weight: 700; --font-body: "BIZ UDPGothic", sans-serif; } [data-theme="t10"] { --c-base: #F6F1E7; --c-main: #264653; --c-accent: #C1272D; --c-text: #333333; --font-head: "Shippori Mincho B1", serif; --font-head-weight: 700; --font-body: "Noto Serif JP", serif; } [data-theme="t11"] { --c-base: #FFFFFF; --c-main: #111111; --c-accent: #6B7280; --c-text: #333333; --font-head: "Noto Sans JP", sans-serif; --font-head-weight: 300; --font-body: "Noto Sans JP", sans-serif; --font-body-weight: 300; } [data-theme="t12"] { --c-base: #FFFFFF; --c-main: #D62828; --c-accent: #1A1A1A; --c-text: #333333; --font-head: "Zen Kaku Gothic New", sans-serif; --font-head-weight: 900; --font-body: "Zen Kaku Gothic New", sans-serif; } [data-theme="t13"] { --c-base: #FFF8E7; --c-main: #C67C00; --c-accent: #FF6B6B; --c-text: #333333; --c-sub1: #5BD0B4; --c-sub2: #B79AE0; --font-head: "Kosugi Maru", sans-serif; --font-body: "Kosugi", sans-serif; } [data-theme="t14"] { --c-base: #F4F0EA; --c-main: #5C4033; --c-accent: #2E4E3F; --c-text: #333333; --font-head: "Noto Serif JP", serif; --font-head-weight: 600; --font-body: "Noto Sans JP", sans-serif; } [data-theme="t15"] { --c-base: #FFFFFF; --c-main: #2563EB; --c-accent: #FFE066; --c-text: #333333; --font-head: "M PLUS 1p", sans-serif; --font-head-weight: 700; --font-body: "Noto Sans JP", sans-serif; } [data-theme="t16"] { --c-base: #DDD6CB; --c-main: #1F1D1B; --c-accent: #E8401C; --c-text: #1F1D1B; --font-head: "Zen Old Mincho", serif; --font-head-weight: 700; --font-body: "Noto Sans JP", sans-serif; } [data-theme="t17"] { --c-base: #FFFFFF; --c-main: #111111; --c-accent: #FFD900; --c-text: #333333; --font-head: "M PLUS 1p", sans-serif; --font-head-weight: 900; --font-body: "Noto Sans JP", sans-serif; } [data-theme="t18"] { --c-base: #EDEDED; --c-main: #1A1A1A; --c-accent: #E58F1F; --c-text: #333333; --font-head: "Noto Sans JP", sans-serif; --font-head-weight: 700; --font-body: "Noto Sans JP", sans-serif; } [data-theme="t19"] { --c-base: #F7F5F0; --c-main: #1F5560; --c-accent: #D95B2B; --c-text: #333333; --font-head: "Noto Serif JP", serif; --font-head-weight: 600; --font-body: "Noto Sans JP", sans-serif; } [data-theme="t20"] { --c-base: #29B8CE; --c-main: #FFFFFF; --c-accent: #FFD400; --c-text: #FFFFFF; --c-sub1: #FF5CA8; --c-sub2: #8B5CF6; --font-head: "M PLUS Rounded 1c", sans-serif; --font-head-weight: 900; --font-body: "Zen Maru Gothic", sans-serif; } [data-theme="t21"] { --c-base: #FBF3E4; --c-main: #D7332A; --c-accent: #2E64B4; --c-text: #3A3530; --c-sub1: #F0C020; --font-head: "Mochiy Pop One", sans-serif; --font-body: "Zen Maru Gothic", sans-serif; } [data-theme="t22"] { --c-base: #CFE5F4; --c-main: #2B2B33; --c-accent: #C77DD8; --c-text: #2B2B33; --font-head: "Zen Kaku Gothic New", sans-serif; --font-head-weight: 700; --font-body: "Noto Sans JP", sans-serif; } [data-theme="t23"] { --c-base: #F1E8D7; --c-main: #1C1B18; --c-accent: #3FA08A; --c-text: #3A382F; --c-sub1: #E2A93B; --c-sub2: #E8836B; --font-head: "M PLUS Rounded 1c", sans-serif; --font-head-weight: 700; --font-body: "Zen Kaku Gothic New", sans-serif; } [data-theme="t24"] { --c-base: #FFFFFF; --c-main: #F5E000; --c-accent: #D6247A; --c-text: #111111; --font-head: "Noto Sans JP", sans-serif; --font-head-weight: 900; --font-body: "Noto Sans JP", sans-serif; } [data-theme="t25"] { --c-base: #FFFFFF; --c-main: #2F6BD8; --c-accent: #E8375F; --c-text: #333333; --c-sub1: #F5C518; --font-head: "Noto Sans JP", sans-serif; --font-head-weight: 700; --font-body: "Noto Sans JP", sans-serif; } [data-theme="t26"] { --c-base: #FFFFFF; --c-main: #2F8F88; --c-accent: #E2A93B; --c-text: #4A4A46; --font-head: "Noto Sans JP", sans-serif; --font-head-weight: 300; --font-body: "Noto Sans JP", sans-serif; --font-body-weight: 300; } [data-theme="t27"] { --c-base: #2E8FE0; --c-main: #FFFFFF; --c-accent: #FFD400; --c-text: #FFFFFF; --c-sub1: #FF5CA8; --font-head: "M PLUS 1p", sans-serif; --font-head-weight: 900; --font-body: "Noto Sans JP", sans-serif; } [data-theme="t28"] { --c-base: #E62E8B; --c-main: #FFFFFF; --c-accent: #5BE0B4; --c-text: #FFFFFF; --c-sub1: #F5C518; --c-sub2: #7FD0F0; --font-head: "M PLUS Rounded 1c", sans-serif; --font-head-weight: 900; --font-body: "Noto Sans JP", sans-serif; } [data-theme="t29"] { --c-base: #F5E027; --c-main: #111111; --c-accent: #FFFFFF; --c-text: #111111; --font-head: "Zen Kaku Gothic New", sans-serif; --font-head-weight: 900; --font-body: "Noto Sans JP", sans-serif; }