@charset "UTF-8"; /* Template: swell Theme Name: SWELL CHILD Theme URI: https://swell-theme.com/ Description: SWELLの子テーマ Version: 1.0.0 Author: LOOS WEB STUDIO Author URI: https://loos-web-studio.com/ License: GNU General Public License License URI: http://www.gnu.org/licenses/gpl.html */ /* ========================================================================== 賢威8 → SWELL 互換CSS（dangomochi.com） 過去記事に残る賢威の装飾クラスを、SWELL上でも同じ見た目で表示するためのCSS。 SWELLの「カスタマイズ → 追加CSS」、または子テーマの style.css に貼り付ける。 すべて .post_content（記事本文）の中だけに効くように限定してある。 作成: 2026-09-16 ========================================================================== */ /* --- 1. 賢威のアイコン（ など） ------------------ 賢威は専用アイコンフォントを使っていたため、テーマを外すと文字化け・消失する。 ここでは同じ形をSVGとして埋め込み、文字色を引き継ぐようにしている。 */ .post_content .icon_point, .post_content .icon_blank, .post_content .icon_caution, .post_content .icon_time, .post_content .icon_arrow_up, .post_content .icon_arrow_down, .post_content .icon_arrow_left, .post_content .icon_arrow_right { display: inline-block; width: 20px; height: 20px; vertical-align: -0.25em; background-color: currentColor; font-style: normal; line-height: 1; } .post_content .icon_point { -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20transform%3D%22translate%280%2C960%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M876.322%20306.398c-11.52-31.949-30.891-83.797-30.891-116.804v-150.818c0-37.222-29.867-67.072-67.038-67.072h-335.189c-37.188%200-67.038%2029.85-67.038%2067.072v150.818c0%2025.156-45.073%2060.757-62.327%2075.913-21.47%2018.842-42.94%2036.642-67.533%2052.361-48.708%2030.362-138.274%2052.89-138.274%20123.068%200%2083.268%2045.551%20150.818%20134.059%20150.818%2023.040%200%2045.534-3.652%2067.038-11.52v195.908c0%2072.243%2061.269%20134.042%20133.53%20134.042%2073.301%200%20134.605-60.757%20134.605-134.042v-88.525c21.965-1.587%2042.94-8.38%2062.293-19.388%207.339%201.058%2015.206%201.57%2022.494%201.57%2033.519%200%2067.038-11.008%2093.218-31.42%2098.987%201.058%20157.116-66.509%20157.116-163.396%200.085-58.624-16.162-114.125-36.062-168.585zM757.965%20571.375c-9.95%200-19.9-1.058-29.338-2.594-12.032%2021.999-41.899%2034.031-65.98%2034.031-12.561%200-25.156-3.157-36.13-9.438-16.742%2017.801-37.7%2027.767-62.31%2027.767-16.725%200-41.37-7.356-53.931-18.33v173.329c0%2036.13-30.908%2067.038-67.038%2067.038-35.618%200-67.038-31.932-67.038-67.038v-301.653c-33.007%200-67.038%2050.261-134.059%2050.261-50.278%200-67.055-39.287-67.055-83.78%200-14.66%2060.757-41.37%2072.789-47.138%2011.537-6.281%2023.057-12.561%2034.065-19.388%2027.733-17.306%2051.831-37.222%2075.93-58.675%2038.229-33.519%2085.367-70.707%2085.367-126.225v-16.742h335.172v16.742c0%2091.614%2067.055%20181.163%2067.055%20282.761-0.034%2059.255-24.132%2099.072-87.501%2099.072zM744.875%20105.813c-18.278%200-33.502-15.223-33.502-33.519%200-18.33%2015.206-33.519%2033.502-33.519%2018.33%200%2033.536%2015.189%2033.536%2033.519-0.017%2018.33-15.206%2033.519-33.536%2033.519z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20transform%3D%22translate%280%2C960%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M876.322%20306.398c-11.52-31.949-30.891-83.797-30.891-116.804v-150.818c0-37.222-29.867-67.072-67.038-67.072h-335.189c-37.188%200-67.038%2029.85-67.038%2067.072v150.818c0%2025.156-45.073%2060.757-62.327%2075.913-21.47%2018.842-42.94%2036.642-67.533%2052.361-48.708%2030.362-138.274%2052.89-138.274%20123.068%200%2083.268%2045.551%20150.818%20134.059%20150.818%2023.040%200%2045.534-3.652%2067.038-11.52v195.908c0%2072.243%2061.269%20134.042%20133.53%20134.042%2073.301%200%20134.605-60.757%20134.605-134.042v-88.525c21.965-1.587%2042.94-8.38%2062.293-19.388%207.339%201.058%2015.206%201.57%2022.494%201.57%2033.519%200%2067.038-11.008%2093.218-31.42%2098.987%201.058%20157.116-66.509%20157.116-163.396%200.085-58.624-16.162-114.125-36.062-168.585zM757.965%20571.375c-9.95%200-19.9-1.058-29.338-2.594-12.032%2021.999-41.899%2034.031-65.98%2034.031-12.561%200-25.156-3.157-36.13-9.438-16.742%2017.801-37.7%2027.767-62.31%2027.767-16.725%200-41.37-7.356-53.931-18.33v173.329c0%2036.13-30.908%2067.038-67.038%2067.038-35.618%200-67.038-31.932-67.038-67.038v-301.653c-33.007%200-67.038%2050.261-134.059%2050.261-50.278%200-67.055-39.287-67.055-83.78%200-14.66%2060.757-41.37%2072.789-47.138%2011.537-6.281%2023.057-12.561%2034.065-19.388%2027.733-17.306%2051.831-37.222%2075.93-58.675%2038.229-33.519%2085.367-70.707%2085.367-126.225v-16.742h335.172v16.742c0%2091.614%2067.055%20181.163%2067.055%20282.761-0.034%2059.255-24.132%2099.072-87.501%2099.072zM744.875%20105.813c-18.278%200-33.502-15.223-33.502-33.519%200-18.33%2015.206-33.519%2033.502-33.519%2018.33%200%2033.536%2015.189%2033.536%2033.519-0.017%2018.33-15.206%2033.519-33.536%2033.519z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain; } .post_content .icon_blank { width:14px; height:14px; vertical-align:-0.1em; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20transform%3D%22translate%280%2C960%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M624.828%20772.335c0%200-29.457%2026.761%200.7%2027.204l276.753%202.97c0%200%2019.217%202.475%2015.787-16.145l-1.86-276.634c0%200%200.427-29.184-28.706-0.051l-66.526%2066.509-172.1-172.015c-27.938-25.242-55.159%202.133-55.159%202.133l-71.885%2071.936c-26.146%2027.921%200.887%2055.825%200.887%2055.825l170.65%20169.762-68.54%2068.506zM887.467%2089.6h-768c-28.262%200-51.2%2022.938-51.2%2051.2v597.333c0%2028.262%2022.938%2051.2%2051.2%2051.2h375.467c28.262%200%2051.2-22.938%2051.2-51.2s-22.938-51.2-51.2-51.2h-324.267v-494.933h665.6v153.6c0%2028.262%2022.938%2051.2%2051.2%2051.2s51.2-22.938%2051.2-51.2v-204.8c0-28.262-22.938-51.2-51.2-51.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20transform%3D%22translate%280%2C960%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M624.828%20772.335c0%200-29.457%2026.761%200.7%2027.204l276.753%202.97c0%200%2019.217%202.475%2015.787-16.145l-1.86-276.634c0%200%200.427-29.184-28.706-0.051l-66.526%2066.509-172.1-172.015c-27.938-25.242-55.159%202.133-55.159%202.133l-71.885%2071.936c-26.146%2027.921%200.887%2055.825%200.887%2055.825l170.65%20169.762-68.54%2068.506zM887.467%2089.6h-768c-28.262%200-51.2%2022.938-51.2%2051.2v597.333c0%2028.262%2022.938%2051.2%2051.2%2051.2h375.467c28.262%200%2051.2-22.938%2051.2-51.2s-22.938-51.2-51.2-51.2h-324.267v-494.933h665.6v153.6c0%2028.262%2022.938%2051.2%2051.2%2051.2s51.2-22.938%2051.2-51.2v-204.8c0-28.262-22.938-51.2-51.2-51.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain; } .post_content .icon_caution { -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20transform%3D%22translate%280%2C960%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M957.372%20121.566l-383.539%20666.197c0%200-57.6%2083.763-125.662%201.297l-384.7-667.494c0%200-72.192-80.674%2012.203-82.842h875.895c0%200.034%2076.493%208.226%205.803%2082.842zM443.187%20596.873c0%2033.963%2036.779%2058.675%2070.758%2058.675%2033.997%200%2067.499-24.713%2067.499-58.675v-256.393c0-33.98-35.635-61.508-69.632-61.508-33.963%200-68.625%2027.529-68.625%2061.508v256.393zM516.028%20106.513c-38.4%200-69.53%2031.147-69.53%2069.547s31.13%2069.495%2069.53%2069.495c38.434%200%2069.564-31.095%2069.564-69.495s-31.13-69.547-69.564-69.547z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20transform%3D%22translate%280%2C960%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M957.372%20121.566l-383.539%20666.197c0%200-57.6%2083.763-125.662%201.297l-384.7-667.494c0%200-72.192-80.674%2012.203-82.842h875.895c0%200.034%2076.493%208.226%205.803%2082.842zM443.187%20596.873c0%2033.963%2036.779%2058.675%2070.758%2058.675%2033.997%200%2067.499-24.713%2067.499-58.675v-256.393c0-33.98-35.635-61.508-69.632-61.508-33.963%200-68.625%2027.529-68.625%2061.508v256.393zM516.028%20106.513c-38.4%200-69.53%2031.147-69.53%2069.547s31.13%2069.495%2069.53%2069.495c38.434%200%2069.564-31.095%2069.564-69.495s-31.13-69.547-69.564-69.547z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain; } .post_content .icon_time { -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20transform%3D%22translate%280%2C960%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M511.027%20914.773c-259.772%200-470.374-210.62-470.374-470.391s210.603-470.391%20470.374-470.391c259.789%200%20470.306%20210.62%20470.306%20470.391s-210.517%20470.391-470.306%20470.391zM510.993%2067.755c-208.009%200-376.61%20168.636-376.61%20376.644s168.636%20375.62%20376.61%20375.62c208.009%200%20376.576-167.612%20376.576-375.62%200.034-208.009-168.55-376.644-376.576-376.644zM737.451%20483.908l-178.33%201.041v251.409c0%2026.863-21.777%2048.674-48.657%2048.674-26.846%200-46.336-21.76-46.336-48.674v-301.107c0-26.863%2019.49-46.336%2046.336-46.336h226.987c26.863%200%2048.657%2019.473%2048.657%2046.336s-21.794%2048.657-48.657%2048.657z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20transform%3D%22translate%280%2C960%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M511.027%20914.773c-259.772%200-470.374-210.62-470.374-470.391s210.603-470.391%20470.374-470.391c259.789%200%20470.306%20210.62%20470.306%20470.391s-210.517%20470.391-470.306%20470.391zM510.993%2067.755c-208.009%200-376.61%20168.636-376.61%20376.644s168.636%20375.62%20376.61%20375.62c208.009%200%20376.576-167.612%20376.576-375.62%200.034-208.009-168.55-376.644-376.576-376.644zM737.451%20483.908l-178.33%201.041v251.409c0%2026.863-21.777%2048.674-48.657%2048.674-26.846%200-46.336-21.76-46.336-48.674v-301.107c0-26.863%2019.49-46.336%2046.336-46.336h226.987c26.863%200%2048.657%2019.473%2048.657%2046.336s-21.794%2048.657-48.657%2048.657z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain; } .post_content .icon_arrow_up { -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20transform%3D%22translate%280%2C960%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M179.166%20492.732c0%200-67.601-8.038-31.863%2028.672l334.729%20336.623c0%200%2020.207%2026.061%2038.468-0.478l332.732-335.121c0%200%2035.635-29.679-34.475-29.679h-162.833l0.427-414.071c-3.209-64-68.966-63.863-68.966-63.863l-173.039%200.068c-65.058%202.133-66.133%2068.267-66.133%2068.267l0.461%20409.6-169.506-0.017z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20transform%3D%22translate%280%2C960%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M179.166%20492.732c0%200-67.601-8.038-31.863%2028.672l334.729%20336.623c0%200%2020.207%2026.061%2038.468-0.478l332.732-335.121c0%200%2035.635-29.679-34.475-29.679h-162.833l0.427-414.071c-3.209-64-68.966-63.863-68.966-63.863l-173.039%200.068c-65.058%202.133-66.133%2068.267-66.133%2068.267l0.461%20409.6-169.506-0.017z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain; } .post_content .icon_arrow_down { -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20transform%3D%22translate%280%2C960%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M825.668%20399.565c0%200%2067.601%208.073%2031.829-28.672l-334.729-336.657c0%200-20.207-26.027-38.485%200.495l-332.715%20335.104c0%200-35.635%2029.696%2034.475%2029.696h162.867l-0.495%20414.071c3.209%2064%2068.949%2063.863%2068.949%2063.863l173.073-0.068c65.058-2.133%2066.133-68.267%2066.133-68.267l-0.461-409.6%20169.557%200.034z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20transform%3D%22translate%280%2C960%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M825.668%20399.565c0%200%2067.601%208.073%2031.829-28.672l-334.729-336.657c0%200-20.207-26.027-38.485%200.495l-332.715%20335.104c0%200-35.635%2029.696%2034.475%2029.696h162.867l-0.495%20414.071c3.209%2064%2068.949%2063.863%2068.949%2063.863l173.073-0.068c65.058-2.133%2066.133-68.267%2066.133-68.267l-0.461-409.6%20169.557%200.034z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain; } .post_content .icon_arrow_left { -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20transform%3D%22translate%280%2C960%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M467.388%20769.98c0%200%203.191%2067.601-33.57%2031.846l-330.223-329.387c0%200-26.044-20.207%200.495-38.468l328.67-330.598c0%200%2034.594-35.635%2034.594%2034.492v160.102l414.123%200.137c64%203.209%2063.795%2068.966%2063.795%2068.966l-0.068%20173.039c-2.099%2065.058-68.233%2066.133-68.233%2066.133l-409.6-1.058%200.017%20164.796z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20transform%3D%22translate%280%2C960%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M467.388%20769.98c0%200%203.191%2067.601-33.57%2031.846l-330.223-329.387c0%200-26.044-20.207%200.495-38.468l328.67-330.598c0%200%2034.594-35.635%2034.594%2034.492v160.102l414.123%200.137c64%203.209%2063.795%2068.966%2063.795%2068.966l-0.068%20173.039c-2.099%2065.058-68.233%2066.133-68.233%2066.133l-409.6-1.058%200.017%20164.796z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain; } .post_content .icon_arrow_right { -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20transform%3D%22translate%280%2C960%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M536.371%20758.63c0%200-3.174%2067.601%2033.57%2031.863l336.64-329.421c0%200%2026.027-20.207-0.461-38.468l-335.155-330.581c0%200-34.526-35.635-34.526%2034.492v160.102l-414.123%200.137c-64%203.209-63.846%2068.966-63.846%2068.966l0.068%20173.056c2.133%2065.058%2068.267%2066.133%2068.267%2066.133l409.6-1.058v164.813l-0.034-0.034z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20transform%3D%22translate%280%2C960%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M536.371%20758.63c0%200-3.174%2067.601%2033.57%2031.863l336.64-329.421c0%200%2026.027-20.207-0.461-38.468l-335.155-330.581c0%200-34.526-35.635-34.526%2034.492v160.102l-414.123%200.137c-64%203.209-63.846%2068.966-63.846%2068.966l0.068%20173.056c2.133%2065.058%2068.267%2066.133%2068.267%2066.133l409.6-1.058v164.813l-0.034-0.034z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain; } /* icon_point は行頭の「ポイント」印として文の前に置かれている */ .post_content .icon_point { margin-right: 6px; } /* --- 2. 蛍光ペン風マーカー ------------------------------------------------ */ .post_content .line-yellow { background: linear-gradient(transparent 50%, #fff499 50%); } .post_content .line-orange { background: linear-gradient(transparent 50%, #f7d999 50%); } .post_content .line-pink { background: linear-gradient(transparent 50%, #f7c2e1 50%); } .post_content .line-lime { background: linear-gradient(transparent 50%, #aae59e 50%); } .post_content .line-gray { background: linear-gradient(transparent 50%, #d6d6d6 50%); } /* --- 3. 文字色 ------------------------------------------------------------ */ .post_content .red { color: #eb3b54; } .post_content .black { color: #505050; } /* --- 4. 囲みボックス（box_style） ----------------------------------------- */ .post_content .box_style { margin: 0 0 30px; } .post_content .box_style p:last-child { margin-bottom: 0; } .post_content .box_style01 .box_inner { padding: 10px; background-color: #e8f7f7; } .post_content .box_style02 .box_inner { padding: 10px; background-color: #fff; } .post_content .box_style07 .box_inner { padding: 10px; background-color: rgba(255,255,255,.7); } .post_content .box_style_blue, .post_content .box_style_green, .post_content .box_style_orange, .post_content .box_style_red, .post_content .box_style_pink, .post_content .box_style_yellow, .post_content .box_style_gray { margin-bottom: 30px; padding: 6px; background-size: 4px 4px; background-repeat: repeat; } .post_content .box_style_blue { background-image: linear-gradient(-45deg,#fff 25%,#0baedd 25%,#0baedd 50%,#fff 50%,#fff 75%,#0baedd 75%,#0baedd); } .post_content .box_style_green { background-image: linear-gradient(-45deg,#fff 25%,#5bc130 25%,#5bc130 50%,#fff 50%,#fff 75%,#5bc130 75%,#5bc130); } .post_content .box_style_orange { background-image: linear-gradient(-45deg,#fff 25%,#fca60d 25%,#fca60d 50%,#fff 50%,#fff 75%,#fca60d 75%,#fca60d); } .post_content .box_style_red { background-image: linear-gradient(-45deg,#fff 25%,#d94b59 25%,#d94b59 50%,#fff 50%,#fff 75%,#d94b59 75%,#d94b59); } .post_content .box_style_pink { background-image: linear-gradient(-45deg,#fff 25%,#f48cc0 25%,#f48cc0 50%,#fff 50%,#fff 75%,#f48cc0 75%,#f48cc0); } .post_content .box_style_yellow { background-image: linear-gradient(-45deg,#fff 25%,#f2cb0c 25%,#f2cb0c 50%,#fff 50%,#fff 75%,#f2cb0c 75%,#f2cb0c); } .post_content .box_style_gray { background-image: linear-gradient(-45deg,#fff 25%,#999 25%,#999 50%,#fff 50%,#fff 75%,#999 75%,#999); } .post_content .box_style_blue .box_inner, .post_content .box_style_green .box_inner, .post_content .box_style_orange .box_inner, .post_content .box_style_red .box_inner, .post_content .box_style_pink .box_inner, .post_content .box_style_yellow .box_inner, .post_content .box_style_gray .box_inner { padding: 15px; } .post_content .box_style_blue .box_inner { background-color: #f8fdff; } .post_content .box_style_green .box_inner { background-color: #f9fff3; } .post_content .box_style_orange .box_inner { background-color: #fdf9f1; } .post_content .box_style_red .box_inner { background-color: #fff8f9; } .post_content .box_style_pink .box_inner { background-color: #fffafd; } .post_content .box_style_yellow .box_inner { background-color: #fffdf3; } .post_content .box_style_gray .box_inner { background-color: #fafafa; } /* ボックスの見出し（左上に飛び出す帯） */ .post_content .box_style_blue .box_style_title, .post_content .box_style_green .box_style_title, .post_content .box_style_orange .box_style_title, .post_content .box_style_red .box_style_title, .post_content .box_style_pink .box_style_title, .post_content .box_style_yellow .box_style_title, .post_content .box_style_gray .box_style_title { margin: -8px 0 5px -27px; color: #fff; line-height: 1.4; font-weight: 700; } .post_content .box_style_title span { position: relative; display: inline-block; padding: 5px 10px; } .post_content .box_style_title span::before { position: absolute; top: 100%; left: 0; width: 0; height: 0; border: 3px solid transparent; border-top-color: #d6d6d6; border-right-color: #d6d6d6; content: ""; } .post_content .box_style_blue .box_style_title span { background-color: #0baedd; } .post_content .box_style_green .box_style_title span { background-color: #5bc130; } .post_content .box_style_orange .box_style_title span { background-color: #fca60d; } .post_content .box_style_red .box_style_title span { background-color: #d94b59; } .post_content .box_style_pink .box_style_title span { background-color: #f48cc0; } .post_content .box_style_yellow .box_style_title span { background-color: #f2cb0c; } .post_content .box_style_gray .box_style_title span { background-color: #999; } /* --- 5. 丸数字つき番号リスト（list_style02） ------------------------------ */ .post_content .list_style02, .post_content .list_style02 ol { counter-reset: num; } .post_content .list_style02 { margin-left: 22px; padding-left: 0; } .post_content .list_style02 li { position: relative; list-style-type: none; margin-bottom: 15px; padding-left: 10px; } .post_content .list_style02 li::before { position: absolute; top: 5px; left: -7px; width: 22px; height: 22px; margin-right: 1em; margin-left: -1em; border-radius: 1em; background: #05a5ab; color: #fff; font-size: 14px; line-height: 22px; text-indent: 0; text-align: center; vertical-align: middle; counter-increment: num; content: counter(num); } .post_content .box_style_blue .list_style02 li::before { background-color: #0baedd; } .post_content .box_style_green .list_style02 li::before { background-color: #5bc130; } .post_content .box_style_orange .list_style02 li::before { background-color: #fca60d; } .post_content .box_style_red .list_style02 li::before { background-color: #d94b59; } .post_content .box_style_pink .list_style02 li::before { background-color: #f48cc0; } .post_content .box_style_yellow .list_style02 li::before { background-color: #f2cb0c; } .post_content .box_style_gray .list_style02 li::before { background-color: #999; } /* --- 6. チェックリスト（check-list） -------------------------------------- */ .post_content .check-list { margin-left: 28px; padding-left: 0; } .post_content .check-list li { position: relative; list-style: none; margin-bottom: 1em; } .post_content .check-list li::before { position: absolute; top: 5px; left: -23px; display: inline-block; width: 18px; height: 18px; background-color: #eb3b54; content: ""; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20transform%3D%22translate%280%2C960%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M876.322%20306.398c-11.52-31.949-30.891-83.797-30.891-116.804v-150.818c0-37.222-29.867-67.072-67.038-67.072h-335.189c-37.188%200-67.038%2029.85-67.038%2067.072v150.818c0%2025.156-45.073%2060.757-62.327%2075.913-21.47%2018.842-42.94%2036.642-67.533%2052.361-48.708%2030.362-138.274%2052.89-138.274%20123.068%200%2083.268%2045.551%20150.818%20134.059%20150.818%2023.040%200%2045.534-3.652%2067.038-11.52v195.908c0%2072.243%2061.269%20134.042%20133.53%20134.042%2073.301%200%20134.605-60.757%20134.605-134.042v-88.525c21.965-1.587%2042.94-8.38%2062.293-19.388%207.339%201.058%2015.206%201.57%2022.494%201.57%2033.519%200%2067.038-11.008%2093.218-31.42%2098.987%201.058%20157.116-66.509%20157.116-163.396%200.085-58.624-16.162-114.125-36.062-168.585zM757.965%20571.375c-9.95%200-19.9-1.058-29.338-2.594-12.032%2021.999-41.899%2034.031-65.98%2034.031-12.561%200-25.156-3.157-36.13-9.438-16.742%2017.801-37.7%2027.767-62.31%2027.767-16.725%200-41.37-7.356-53.931-18.33v173.329c0%2036.13-30.908%2067.038-67.038%2067.038-35.618%200-67.038-31.932-67.038-67.038v-301.653c-33.007%200-67.038%2050.261-134.059%2050.261-50.278%200-67.055-39.287-67.055-83.78%200-14.66%2060.757-41.37%2072.789-47.138%2011.537-6.281%2023.057-12.561%2034.065-19.388%2027.733-17.306%2051.831-37.222%2075.93-58.675%2038.229-33.519%2085.367-70.707%2085.367-126.225v-16.742h335.172v16.742c0%2091.614%2067.055%20181.163%2067.055%20282.761-0.034%2059.255-24.132%2099.072-87.501%2099.072zM744.875%20105.813c-18.278%200-33.502-15.223-33.502-33.519%200-18.33%2015.206-33.519%2033.502-33.519%2018.33%200%2033.536%2015.189%2033.536%2033.519-0.017%2018.33-15.206%2033.519-33.536%2033.519z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20transform%3D%22translate%280%2C960%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M876.322%20306.398c-11.52-31.949-30.891-83.797-30.891-116.804v-150.818c0-37.222-29.867-67.072-67.038-67.072h-335.189c-37.188%200-67.038%2029.85-67.038%2067.072v150.818c0%2025.156-45.073%2060.757-62.327%2075.913-21.47%2018.842-42.94%2036.642-67.533%2052.361-48.708%2030.362-138.274%2052.89-138.274%20123.068%200%2083.268%2045.551%20150.818%20134.059%20150.818%2023.040%200%2045.534-3.652%2067.038-11.52v195.908c0%2072.243%2061.269%20134.042%20133.53%20134.042%2073.301%200%20134.605-60.757%20134.605-134.042v-88.525c21.965-1.587%2042.94-8.38%2062.293-19.388%207.339%201.058%2015.206%201.57%2022.494%201.57%2033.519%200%2067.038-11.008%2093.218-31.42%2098.987%201.058%20157.116-66.509%20157.116-163.396%200.085-58.624-16.162-114.125-36.062-168.585zM757.965%20571.375c-9.95%200-19.9-1.058-29.338-2.594-12.032%2021.999-41.899%2034.031-65.98%2034.031-12.561%200-25.156-3.157-36.13-9.438-16.742%2017.801-37.7%2027.767-62.31%2027.767-16.725%200-41.37-7.356-53.931-18.33v173.329c0%2036.13-30.908%2067.038-67.038%2067.038-35.618%200-67.038-31.932-67.038-67.038v-301.653c-33.007%200-67.038%2050.261-134.059%2050.261-50.278%200-67.055-39.287-67.055-83.78%200-14.66%2060.757-41.37%2072.789-47.138%2011.537-6.281%2023.057-12.561%2034.065-19.388%2027.733-17.306%2051.831-37.222%2075.93-58.675%2038.229-33.519%2085.367-70.707%2085.367-126.225v-16.742h335.172v16.742c0%2091.614%2067.055%20181.163%2067.055%20282.761-0.034%2059.255-24.132%2099.072-87.501%2099.072zM744.875%20105.813c-18.278%200-33.502-15.223-33.502-33.519%200-18.33%2015.206-33.519%2033.502-33.519%2018.33%200%2033.536%2015.189%2033.536%2033.519-0.017%2018.33-15.206%2033.519-33.536%2033.519z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain; } /* --- 7. ふきだしの顔画像（賢威キャラクタープラグイン） ------------------------- EWWW の遅延読み込みが img に style="height:1px" を残すことがあり、スマホで顔が消える。 高さを自動に戻す。 */ .post_content .talker img { height: auto !important; width: auto; max-width: 100%; } .post_content .talker { max-width: 100px; } /* --- 8. ふきだしの文字サイズ ------------------------------------------------ 賢威は html{font-size:62.5%} のため 1rem=10px。SWELLでは 1rem≒16px なので プラグインCSSの 1.4rem が約1.6倍に膨らむ。賢威では本文と同じ大きさだったので本文に合わせる。 */ .post_content .bubble { font-size: inherit; } .post_content .bubble .bubble_in { font-size: inherit; line-height: 1.8; } .post_content .talker b { font-size: 0.8em; } /* --- 9. ヘッダー（育児ブログと同じ：タイトル中央寄せ） ---------------------- */ .l-header.-parallel .l-header__logo { text-align: center; } .l-header.-parallel .l-header__logo .c-headLogo { display: inline-block; margin-left: auto; margin-right: auto; text-align: center; } .l-header.-parallel .l-header__logo .c-headLogo__link, .l-header.-parallel .l-header__logo .c-headLogo__text { text-align: center; } /* --- 10. ふきだし: 太字を通常の太さに、顔画像を丸に（2026-09-16 ユーザー要望） --- */ .post_content .bubble .bubble_in strong, .post_content .bubble .bubble_in b { font-weight: normal; } .post_content .talker img.circle { border-radius: 50%; } /* --- 11. ヘッダーロゴのサイズ（旧ヘッダー画像 600×150 を等倍に近く表示。育児ブログと同じ手法） --- */ :root { --logo_size_pc: 150px; } @media (min-width: 1025px) { .l-header__logo .c-headLogo { height: 150px !important; } .l-header__logo .c-headLogo__img { height: 100% !important; width: auto !important; max-width: none !important; } } /* --- 12. メインビジュアル（WELCOME画像）を画像の高さぴったりに --------------- */ .p-mainVisual.-height-img .p-mainVisual__inner { height: auto !important; min-height: 0 !important; } /* --- 13. ふきだしの名前を顔画像の真下・中央に（育児ブログと同じ見た目） ------- */ .post_content .talker b { display: block; text-align: center; } .post_content .talker img { margin-left: auto; margin-right: auto; }