@charset "utf-8"; /* --------------------------------------------------------*/ /* 1.共通 /* --------------------------------------------------------*/ /* ボックスサイズの計算方法を指定 */ * { box-sizing: border-box; } /* --------------------------------------------------------*/ /* 2.レイアウト /* --------------------------------------------------------*/ /* ページ全体を囲む線 */ #wrapper { text-align: center; } /* --------------------------------------------------------*/ /* 3.ヘッダー画像 /* --------------------------------------------------------*/ /* ホームフラワーのスタイル */ #header { } #home-flower img{ width: 80px; height: 30px; display:block; } /* --------------------------------------------------------*/ /* 4.メニューナビゲーション /* --------------------------------------------------------*/ /* エリア外側のスタイル */ #menu { } /* メニューリストを囲む線 */ #menu ul { display: -webkit-flex; /* safari用 */ display: flex; } /* メニューリストの共通スタイル */ #menu li { border-left: 1px solid #7dceec; height: 45px; text-align: center; width: 40%; } /* 一番右のメニューリストのスタイル */ #menu li:last-child { border-right: 1px solid #7dceec; } /* メニューのリンクスタイル */ #menu a { color: #4d4d4d; display: block; font-size: 25px; line-height: 2; text-decoration: none; } #menu { margin-bottom: 25px; } /* メニューリストを囲む線 */ #menu ul { ; } /* メニューリストの共通スタイル */ #menu li { height: 45px; } /* メニューのリンクスタイル */ #menu a { color: #4d4d4d; font-size: 11px; } /* --------------------------------------------------------*/ /* 6.フッター /* --------------------------------------------------------*/ /* --------------------------------------------------------*/ /* 7.フッターナビゲーション /* --------------------------------------------------------*/ /* --------------------------------------------------------*/ /* 8.反映されているか確認メモ帳サブ /* --------------------------------------------------------*/ /* --------------------------------------------------------*/ /* /* --------------------------------------------------------*/ /* --------------------------------------------------------*/ /* /* --------------------------------------------------------*/