SCSSのディレクトリ構成がスタイルガイドに準拠していない。

## 概要(Overview)
SCSSのディレクトリ構成がEC-CUBE 4 Style Guideに準拠していない。
flocssに従うなら下記のような形になる。

```
├── foundation
│ ├── _base.scss
│ └── _reset.scss
├── layout
│ ├── _footer.scss
│ ├── _header.scss
│ ├── _main.scss
│ └── _sidebar.scss
└── object
├── component
│ ├── _button.scss
│ ├── _dialog.scss
│ ├── _grid.scss
│ └── _media.scss
├── project
│ ├── _articles.scss
│ ├── _comments.scss
│ ├── _gallery.scss
│ └── _profile.scss
└── utility
├── _align.scss
├── _clearfix.scss
├── _margin.scss
├── _position.scss
├── _size.scss
└── _text.scss
```

第一レイヤーが抜けているので`scss`ディレクトリが`object`レイヤーとして扱われ、
`object`レイヤー内に`mixin`や`style.scss`が入るなど、
また、レイヤーが足りないため、コンポーネントが正しくないレイヤーに入っていたりするなど、
構成がおかしなことになっている。

このため、新規で`scss`ファイルを追加するとき、矛盾が生じる。

## 期待する内容(Expect) or 要望 (Requirement)
flocssに準拠する。

### 環境 (environment)
+ EC-CUBE: 4.0.x

## 関連情報 (Ref)
[hiloki/flocss](https://github.com/hiloki/flocss)