ブログやホームページの「見出しが地味」「ボタンを目立たせたい」「大事なところを枠で囲みたい」を、コピペだけで解決できるCSSパーツ集です。 やさしいくすみカラーで、サロン・教室・ハンドメイド・個人ブログなどに合わせやすいデザインにしました。 ■ ここがポイント ・見出し20種／ボタン20種／ボックス20種の合計60パーツ ・ワンクリックでHTMLをコピーできる「カタログページ」付き（ブラウザで開くだけ） ・CSS変数を書きかえるだけで、60パーツすべての色が一括で変わります（配色見本4パターン付き） ・スマホ対応・JavaScript不要の軽いCSS ・クラス名はすべて「hcn-」で始まるので、テーマのCSSとぶつかりにくい ・WordPress（追加CSS＋カスタムHTMLブロック／追加CSSクラス）、STUDIO、ペライチなどでも使えます ■ 収録パーツ（一部） 見出し：左ライン、下線ツートン、マーカー、吹き出し、ステッチ、ナンバー付き、英字サブ付き、リボン、タブ風、ずらし影 など ボタン：ピル、立体、矢印つき、ずらし影、塗りスライド、LINE向けグリーン、キラッと光る、ラベル付き、全幅CTA など ボックス：タイトル付き、POINT、注意、ノート罫線、付箋、チェックリスト、番号リスト、吹き出し、Q&A、ステップ など ■ 内容物（zip） ・index.html … カタログ（全60パーツの見本＋HTMLコピー機能＋配色プレビュー） ・haconiwa-parts.css … CSS本体（コメント付き） ・haconiwa-parts.min.css … 圧縮版 ・README.md … 使い方ガイド（日本語）／README_EN.md（英語） ・LICENSE.txt … 利用規約 ■ 使い方 1. CSSを読み込む（WordPressは「追加CSS」に貼り付け） 2. カタログで使いたいパーツの「HTMLをコピー」を押す 3. ページに貼り付けて文字を書きかえる ※HTML・CSSの基本的な編集ができる方向けです。個別のサイトへの設置サポートは行っておりません。 ■ 利用規約・ライセンス ・個人／商用サイト、クライアントワーク（受託制作）の納品物に利用OK（件数無制限） ・改変OK、クレジット表記不要 ・CSSファイル・カタログの再配布、再販売、素材集やテンプレートへの同梱販売は禁止 ・フォントは同梱・指定していません（お使いのサイトのフォントで表示されます）。紹介画像には Noto Sans JP（SIL Open Font License）を使用しています。 haconiwa design