|
|
| 881行目: |
881行目: |
| margin-top: 1em; | | margin-top: 1em; |
| text-align: center; | | text-align: center; |
| }
| |
|
| |
|
| |
| /* 経済屋メインページ用ヘッダー
| |
| テンプレート:経済屋メインヘッダー で使用
| |
| */
| |
| .kmw-main-header {
| |
| border: 1px solid #c8e4ff;
| |
| background-color: #f8fbff;
| |
| border-radius: 16px;
| |
| padding: 1.4em 1.8em;
| |
| display: flex;
| |
| align-items: center;
| |
| gap: 1.6em;
| |
| box-sizing: border-box;
| |
| margin: 0;
| |
| }
| |
|
| |
| /* 中の要素から「よく分からない枠・背景・影・センタリング」を全部剥がす */
| |
| .kmw-main-header div,
| |
| .kmw-main-header span,
| |
| .kmw-main-header p,
| |
| .kmw-main-header a {
| |
| background: transparent !important;
| |
| border: 0 !important;
| |
| box-shadow: none !important;
| |
| margin: 0 !important;
| |
| padding: 0 !important;
| |
| text-align: left !important;
| |
| }
| |
|
| |
| /* ロゴだけは普通に表示 */
| |
| .kmw-main-header-logo img {
| |
| height: 128px;
| |
| width: 128px;
| |
| object-fit: contain;
| |
| display: block;
| |
| }
| |
|
| |
| /* テキスト部分：左寄せ */
| |
| .kmw-main-header-text {
| |
| flex: 1 1 auto;
| |
| text-align: left !important;
| |
| }
| |
|
| |
| /* タイトル・サブタイトルをブロック化して縦に並べる */
| |
| .kmw-main-header-title {
| |
| display: block;
| |
| font-size: 180%;
| |
| font-weight: 500;
| |
| color: #3366cc;
| |
| margin-bottom: 0.25em;
| |
| }
| |
|
| |
| .kmw-main-header-title a {
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .kmw-main-header-subtitle {
| |
| display: block;
| |
| font-size: 95%;
| |
| color: #444;
| |
| }
| |
|
| |
| /* スマホ（幅 720px 以下）はロゴ非表示＋テキスト全幅 */
| |
| @media (max-width: 720px) {
| |
| .kmw-main-header-logo {
| |
| display: none;
| |
| }
| |
|
| |
| .kmw-main-header {
| |
| padding: 1.0em 1.2em;
| |
| }
| |
|
| |
| .kmw-main-header-text {
| |
| width: 100%;
| |
| }
| |
| } | | } |