diff --git a/newweb_idea/newweb_jdmain.css b/newweb_idea/newweb_jdmain.css index b15a751..0ea6f84 100644 --- a/newweb_idea/newweb_jdmain.css +++ b/newweb_idea/newweb_jdmain.css @@ -174,39 +174,46 @@ text-shadow: 0 1px 4px rgba(0, 0, 0, .3); flex-shrink: 0; z-index: 103; - /* ドロワー(105)・オーバーレイ(104)より下 */ position: relative; + display: flex; + align-items: center; + gap: 0; + overflow: hidden; } .site-header__logo img { height: 44px; width: auto; display: block; + flex-shrink: 0; } -/* ホバー時に「ホーム」ツールチップ */ +/* スライドして出るラベル */ .site-header__logo::after { - content: 'ホーム'; - position: absolute; - bottom: -34px; - left: 50%; - transform: translateX(-50%); - background: rgba(0, 0, 0, .72); - color: #fff; - font-size: .72rem; - font-weight: 500; - letter-spacing: .06em; - padding: 4px 10px; - border-radius: var(--r-sm); + content: 'ホームに戻る'; + display: block; + font-size: .78rem; + font-weight: 600; + letter-spacing: .08em; + color: rgba(255, 255, 255, .95); + text-shadow: 0 1px 4px rgba(0, 0, 0, .3); white-space: nowrap; - pointer-events: none; + max-width: 0; + overflow: hidden; opacity: 0; - transition: opacity .2s; - z-index: 200; + padding-left: 0; + transition: max-width .35s ease, opacity .3s ease, padding-left .35s ease; } .site-header__logo:hover::after { + max-width: 160px; opacity: 1; + padding-left: 10px; +} + +header#header.scroll-nav .site-header__logo::after { + color: var(--c-school); + text-shadow: none; } header#header.scroll-nav .site-header__logo { @@ -297,19 +304,8 @@ transform: translateY(-7.5px) rotate(-45deg); } -/* PC幅ではホームリンクを非表示(ロゴと重複するため) */ -.site-header nav ul li.nav-home { - display: none; -} - /* ── スマホ ドロワーメニュー ── */ @media (max-width: 768px) { - - /* スマホのドロワーではホームリンクを表示 */ - .site-header nav ul li.nav-home { - display: block; - } - .site-header { padding: 0 20px; } @@ -383,6 +379,11 @@ padding: 40px 40px 100px; } +/* 新着情報は画像に隙間なく接続 */ +#home-notice.wrapper { + padding-top: 0; +} + .jd-section-title, .section-title { font-size: 2rem; @@ -439,6 +440,7 @@ align-items: center; justify-content: center; overflow: hidden; + margin-bottom: 0; /* 鳥海山背景画像 */ &::before { @@ -613,6 +615,12 @@ margin-bottom: 32px; } +#home-notice { + border-radius: 0 0 var(--r-lg) var(--r-lg); + /* 上角丸なし・下角丸あり */ + margin-top: 0; +} + /* ============================================================ 新着情報 @@ -994,27 +1002,6 @@ align-self: flex-start; } -/* 記事内のul・liがカード外にはみ出さないよう修正 */ -.jd-entry__body ul, -.jd-entry__body ol, -main.activity article ul, -main.activity article ol { - margin: 0 0 18px 1.5em; - padding: 0; - font-size: .95rem; - line-height: 1.9; - color: var(--c-text); - box-sizing: border-box; - width: 100%; - max-width: 100%; - overflow-wrap: break-word; -} - -.jd-entry__body li, -main.activity article li { - margin-bottom: 4px; -} - .jd-entry__body p>ul, main.activity article p>ul { align-self: stretch; @@ -1092,18 +1079,26 @@ & li { font-size: .78rem; - line-height: 1.4; - padding: 7px 2px; - border-bottom: 1px solid var(--c-school-pale); + line-height: 1.5; + padding: 7px 6px; + border-bottom: 1px solid rgba(30, 107, 58, 0.18); + background: transparent; + transition: background .15s; + + &:nth-child(even) { + background: rgba(234, 244, 238, 0.45); + } &:last-child { border-bottom: none; } + &:hover { + background: rgba(234, 244, 238, 0.85); + } + & a { - display: flex; - flex-direction: column; - gap: 2px; + display: block; text-decoration: none; color: var(--c-text-sub); transition: color .2s; @@ -1111,17 +1106,6 @@ &:hover { color: var(--c-school); } - - & .arch-date { - font-size: .72rem; - color: var(--c-found); - letter-spacing: .04em; - } - - & .arch-title { - font-size: .8rem; - color: var(--c-text); - } } } }