# Design
with heart.

想いをカタチに、心に残るデザインを。
架空のWebサイトを想定したテンプレートです。

creative design

## frame15-portfolio-line1（2026.5公開）

このフレームで使用しているカラーセット。（css/theme.cssで一括置き換えできます）
● ● ●

### 利用規約

- このテンプレートは、Template Partyにて無料配布しているパーツです。必ずダウンロード先のサイトの利用規約をご一読の上でご利用下さい。
- 最下部の著作表示『Web Design:Template-Party』は無断で削除しないで下さい。わざと見えなく加工する事も禁止です。下部の著作を外したい場合はTemplate-Partyのライセンス契約を行う事でHP下部の著作を外す事ができます。

### メイン画像について

- メイン画像を入れ替えたい場合は、弊社素材サイトhaconanaをご活用下さい。
- メイン画像の枠は、Illustratorなどsvgコードが出せるソフトをお持ちなら自作もできます。自作する際のマニュアルはこちら。

### 背景画像について

背景画像は、cssフォルダのstyle.cssの冒頭にある「body」の「background」で指定しています。背景画像を使わない場合は、この行から、
url("../images/bg1.png") no-repeat center top / 100%
の部分だけを削除して下さい。一番最後のセミコロン（;）まで削除すると崩れるので注意。

### トップページにだけ背景画像をおきたい場合は

上で書いている背景画像部分「のみ」をbodyから削除した上で、以下のように独立させて下さい。
bodyタグにclass="home"がついている場合にだけ背景画像を適用する指示です。
body.home {
background: var(--bg-color) url("../images/bg1.png") no-repeat center top / 100%;
}

### メニューについて

- 画面幅900px未満で開閉メニューになります。ここのブレイクポイントは、main.jsの「const breakPoint = 900;」で変更が可能です。

《Web Design:Template-Party》