diff --git a/newweb_idea/newweb_jdmain.css b/newweb_idea/newweb_jdmain.css
index cf8370f..1fbdb16 100644
--- a/newweb_idea/newweb_jdmain.css
+++ b/newweb_idea/newweb_jdmain.css
@@ -2,8 +2,6 @@
* jdmain.css — Junior-Doctor Chokai Academy
* ============================================================
* デザイン方針: 白基調・余白重視・カード型レイアウト
- * 参考: やまがたAI部サイト (yamagata-ai.org)
- *
* ▼ テーマカラー変更はここだけ ▼
* ============================================================
*/
@@ -30,7 +28,6 @@
--c-link: var(--c-found);
/* --- 背景 --- */
- --c-bg: #fafafa;
--c-bg-white: #fff;
--c-bg-header: rgba(255, 255, 255, .95);
@@ -107,7 +104,9 @@
}
body {
- font-family: 'Noto Serif JP', 'Yu Mincho', 'YuMincho', '游明朝', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'ヒラギノ明朝 ProN', 'MS Mincho', 'MS 明朝', serif;
+ font-family: 'Noto Serif JP', 'Yu Mincho', 'YuMincho', '游明朝',
+ 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'ヒラギノ明朝 ProN',
+ 'MS Mincho', 'MS 明朝', serif;
color: var(--c-text);
background: transparent;
line-height: 1.75;
@@ -131,16 +130,6 @@
margin-left: 1.5em;
}
-.erase-line {
- text-decoration: line-through;
-}
-
-div.scrollbox {
- height: 6em;
- overflow: auto;
- background: var(--c-school-pale);
-}
-
/* ============================================================
ヘッダー
@@ -269,7 +258,6 @@
background: var(--c-school);
}
-/* 開いた状態 */
.site-header__hamburger.is-open span:nth-child(1) {
transform: translateY(7.5px) rotate(45deg);
}
@@ -334,7 +322,6 @@
color: var(--c-school);
}
- /* ドロワー背景オーバーレイ */
.site-header__overlay {
display: none;
position: fixed;
@@ -348,109 +335,6 @@
}
}
-/* ── 旧クラス互換（既存JSが .header / header.scroll-nav を使う場合） ── */
-.header {
- width: 100%;
- position: fixed;
- top: 0;
- z-index: 100;
- transition: background .35s, box-shadow .35s;
-}
-
-header.scroll-nav {
- background: var(--c-bg-header);
- box-shadow: 0 1px 0 var(--c-border), 0 4px 16px rgba(0, 0, 0, .06);
- padding-top: 0;
- padding-bottom: 0;
-}
-
-.header-nav {
- max-width: 1400px;
- margin: 0 auto;
- padding: 0 40px;
- height: var(--header-h);
- display: flex;
- align-items: center;
-
- & .sp-logo {
- display: none;
- }
-
- & nav {
- margin-left: auto;
- }
-
- & nav ul {
- display: flex;
- align-items: center;
- gap: 2px;
- list-style: none;
-
- & li {
- border: none;
-
- &:last-child {
- margin-right: 0;
- }
-
- &.bd-no {
- display: none;
- }
-
- & a {
- display: block;
- padding: 6px 14px;
- font-size: .875rem;
- font-weight: 500;
- color: var(--c-text);
- text-decoration: none;
- border-radius: var(--r-sm);
- letter-spacing: .03em;
- transition: color .2s, background .2s;
-
- &:hover {
- color: var(--c-school);
- background: var(--c-school-pale);
- border-bottom: none;
- }
-
- &.bd-none:hover {
- border-bottom: none;
- }
- }
- }
- }
-}
-
-.apply-menu {
- background: var(--c-accent) !important;
- color: var(--c-text-inv) !important;
- border-radius: var(--r-sm) !important;
- padding: 6px 18px !important;
-
- &:hover {
- opacity: .85;
- }
-}
-
-.top-logo {
- width: 52px;
- height: 52px;
- object-fit: cover;
- border-radius: 50%;
- flex-shrink: 0;
-}
-
-#hamburger-menu {
- opacity: 0;
- position: fixed;
- pointer-events: none;
-}
-
-label .buns .patty-name {
- display: none;
-}
-
/* ============================================================
共通レイアウト
@@ -461,20 +345,6 @@
padding: 40px 40px 100px;
}
-/*
- * .jd-section-title（推奨クラス名）/ .section-title（後方互換）
- * ─────────────────────────────────────────────────────────────
- * 全ページの h2 に使う共通見出し。
- *
- * 推奨 HTML:
- *
- * ACTIVITIES
- * 2025年度年間活動掲載
- *
- *
- * __en span がない場合も問題なし。
- * 旧クラス名 .section-title でもまったく同じ表示になる。
- */
.jd-section-title,
.section-title {
font-size: 2rem;
@@ -521,7 +391,7 @@
/* ============================================================
- メインビジュアル（既存ページ用・構造変更なし）
+ メインビジュアル
============================================================ */
#mainvisual {
height: 660px;
@@ -532,7 +402,7 @@
justify-content: center;
overflow: hidden;
- /* 鳥海山背景画像（スライドショーの下に固定で表示） */
+ /* 鳥海山背景画像 */
&::before {
content: '';
position: absolute;
@@ -542,11 +412,6 @@
opacity: 1.0;
}
- & .top-text {
- display: none;
- /* Chokai Academy 表示に切り替えたため非表示 */
- }
-
& .top-title {
position: absolute;
z-index: 10;
@@ -619,7 +484,6 @@
position: absolute;
inset: 0;
background: rgba(0, 0, 0, .28);
- /* 文字を読みやすくするオーバーレイ */
}
}
@@ -654,7 +518,6 @@
display: block;
margin: 0 auto 16px;
height: 300px;
- /* ← サイズはお好みで調整 */
width: auto;
}
@@ -665,14 +528,6 @@
.mainvisual-img {
position: relative;
max-width: 100%;
-
- & .top-title {
- position: absolute;
- top: 270px;
- right: 30%;
- z-index: 10;
- font-size: 2.8rem;
- }
}
@keyframes bg-shift {
@@ -708,211 +563,21 @@
/* ============================================================
- ボタン類
+ ホームセクション 半透過カード
============================================================ */
-.top-text-color {
- color: #a0ffc0;
-}
-
-.top-text-call {
- color: var(--c-accent);
- letter-spacing: 7px;
-}
-
-.HomeToApply {
- display: block;
- position: relative;
- margin: 3% 28%;
- color: var(--c-text-inv);
- background: var(--c-accent);
- border: 2px solid var(--c-accent);
- font-weight: bold;
- font-size: 20px;
- text-align: center;
- padding: 10px;
- text-decoration: none;
-
- &::before {
- content: '';
- position: absolute;
- top: -7px;
- left: -7px;
- width: 100%;
- height: 100%;
- border: 3px solid var(--c-text-inv);
- pointer-events: none;
- }
-}
-
-.HomeToApplyColor {
- color: #ffe082;
-}
-
-.HomeToQA {
- display: block;
- position: relative;
- margin: 3% 28%;
- color: var(--c-text);
- background: var(--c-found-pale);
- border: 2px solid var(--c-found);
- font-weight: bold;
- font-size: 20px;
- text-align: center;
- padding: 10px;
- text-decoration: none;
-
- &::before {
- content: '';
- position: absolute;
- top: -7px;
- left: -7px;
- width: 100%;
- height: 100%;
- border: 3px solid var(--c-found);
- pointer-events: none;
- }
-}
-
-.HomeToQAColor {
- color: var(--c-found);
+#home-notice,
+#home-class_content,
+#home-info {
+ background: rgba(255, 255, 255, 0.80);
+ backdrop-filter: blur(8px);
+ -webkit-backdrop-filter: blur(8px);
+ border-radius: var(--r-lg);
+ margin-bottom: 32px;
}
/* ============================================================
- home-about
- ============================================================ */
-#home-about {
- & .scroll {
- opacity: 0;
- }
-
- & .show {
- opacity: 1;
- transition: 1s;
- transform: translateY(-50px);
- }
-
- & .home-items {
- & h3 {
- font-size: 1.4rem;
- }
-
- & p {
- font-size: 1.2rem;
- line-height: 2;
- }
- }
-
- @media (max-width: 746px) {
- & h2 {
- font-size: 1.3rem;
- }
-
- & .home-items img {
- width: 200px;
- height: 150px;
- }
-
- & .home-items h3 {
- font-size: 1rem;
- }
-
- & .home-items p {
- font-size: .8rem;
- line-height: 1.85;
- }
- }
-}
-
-.home-items {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-evenly;
- align-items: center;
- margin-top: 30px;
- opacity: 0;
-
- &.show {
- opacity: 1;
- transition: 1s;
- transform: translateY(-50px);
- }
-
- & img {
- width: 300px;
- height: 216px;
- }
-
- & .what_study {
- @media (max-width: 1024px) {
- order: 1;
- }
- }
-}
-
-.what_study {
- width: 730px;
- margin-bottom: 10px;
-
- & h3 {
- font-size: 1.3rem;
- margin-bottom: 5px;
- }
-
- & p {
- font-size: 1.2rem;
- line-height: 2;
- }
-
- @media (max-width: 746px) {
- margin-bottom: 0;
- }
-}
-
-.aiming_top {
- width: 730px;
- margin-top: 50px;
-
- & h3 {
- font-size: 1.3rem;
- margin-bottom: 5px;
- }
-
- & p {
- font-size: 1.2rem;
- line-height: 2;
- }
-
- @media (max-width: 746px) {
- max-width: 600px;
- }
-}
-
-em.see {
- font-style: normal;
- font-weight: bold;
- background: linear-gradient(to top, #ffe082, transparent);
-}
-
-.text-bg {
- background: linear-gradient(transparent 50%, var(--c-school-pale) 50%);
-}
-
-.home-about-title {
- @media (max-width: 746px) {
- margin-top: 90px;
- }
-}
-
-.umi-img {
- @media (max-width: 746px) {
- margin: 35px 0;
- }
-}
-
-
-/* ============================================================
- home-notice
+ 新着情報
============================================================ */
.notice {
& li {
@@ -956,14 +621,6 @@
color: var(--c-found);
text-decoration: underline;
}
-
- & .erase-line {
- text-decoration: line-through;
- }
-
- & .erase-line-comment {
- margin-left: 8px;
- }
}
@media (max-width: 746px) {
@@ -994,7 +651,7 @@
/* ============================================================
- home-class_content
+ 授業内容カード（home-class_content）
============================================================ */
#home-class_content {
padding: 50px 16px;
@@ -1093,231 +750,15 @@
}
}
-.fa-position-right {
- position: absolute;
- top: calc(50% - .5em);
- right: 1rem;
-}
-
/* ============================================================
- home-QA / FAQ アコーディオン
- ============================================================ */
-@keyframes slidein {
- from {
- opacity: 0;
- transform: translateY(-4px);
- }
-
- to {
- opacity: 1;
- transform: translateY(0);
- }
-}
-
-#home-qa {
- margin: 0 auto;
- padding-bottom: 40px;
-
- & .scroll {
- opacity: 0;
- }
-
- & .show {
- opacity: 1;
- transition: 1s;
- transform: translateY(-50px);
- }
-}
-
-.qa_list {
- position: relative;
- margin: 16px 20px 24px;
- border-bottom: 1px solid var(--c-border);
- color: var(--c-text);
-
- &:hover {
- color: var(--c-school);
- }
-
- & .plus {
- position: relative;
- display: inline-flex;
- font-size: 25px;
- padding: 5px;
- transition: .3s;
- }
-
- & input[type="checkbox"]:checked~.plus {
- transform: rotate(45deg);
- }
-
- & label {
- position: absolute;
- top: 3px;
- left: 30px;
- padding: 5px;
- font-size: 23px;
- cursor: pointer;
-
- @media (max-width: 746px) {
- font-size: 17.5px;
- z-index: 1;
- }
- }
-
- & .ans {
- position: relative;
- max-height: 0;
- overflow: hidden;
- color: var(--c-text);
- margin: 5px;
- transition: max-height .4s ease;
-
- & span {
- font-size: 25px;
-
- @media (max-width: 746px) {
- font-size: 19px;
- }
- }
-
- @media (max-width: 746px) {
- margin-top: 10px;
- font-size: 17.5px;
- }
- }
-
- & input[type="checkbox"]:checked~div.ans {
- max-height: 300px;
- animation: slidein .4s;
- transition: max-height .6s ease;
- }
-
- & input {
- display: none;
- }
-}
-
-h2.faq-section {
- text-align: center;
- margin: 3rem 0;
- width: 100%;
-}
-
-div.faq-list {
- width: 100%;
-
- & dl {
- position: relative;
- left: 50%;
- transform: translateX(-50%);
- width: 70%;
- padding: 16px;
- display: flex;
- flex-direction: column;
- background: var(--c-bg-white);
- margin-bottom: 12px;
- border-radius: var(--r-md);
- border: 1px solid var(--c-border);
- border-left: 4px solid var(--c-school);
- transition: box-shadow .2s;
- cursor: pointer;
-
- &:hover {
- box-shadow: var(--shadow);
- }
-
- &.act {
- background: var(--c-school-pale);
- }
-
- & dt {
- width: 100%;
- font-size: 1rem;
- padding: 12px;
-
- &::before {
- padding: 0 1rem;
- font-size: 1.4rem;
- color: var(--c-school);
- content: "Q";
- font-weight: 700;
- }
-
- &::after {
- font-size: 1.4rem;
- float: right;
- transition: .3s;
- content: "＋";
- }
-
- &.question {
- color: var(--c-school);
-
- &::after {
- transform: rotate(-45deg);
- }
- }
- }
-
- & dd {
- width: 100%;
- max-height: 0;
- overflow: hidden;
- transition: max-height .4s ease;
-
- &::before {
- padding: 0 1rem;
- font-size: 1.4rem;
- color: var(--c-found);
- content: "A";
- font-weight: 700;
- }
-
- &.faq-show {
- max-height: 300px;
- transition: max-height .8s ease;
- }
- }
-
- @media (max-width: 1024px) {
- width: 85%;
-
- & dd,
- & dt {
- width: 100%;
- font-size: 1rem;
- }
-
- & dt::after,
- & dd::before,
- & dt::before {
- font-size: 1.2rem;
- }
- }
- }
-}
-
-
-/* ============================================================
- home-info
+ アクセス（home-info）
============================================================ */
#home-info {
background: var(--c-bg-white);
padding: 60px;
margin: 60px 0;
- & .scroll {
- opacity: 0;
- }
-
- & .show {
- opacity: 1;
- transition: 1s;
- transform: translateY(-50px);
- }
-
& img {
object-fit: cover;
width: 100%;
@@ -1334,24 +775,6 @@
}
}
-figure {
- & .scroll {
- opacity: 0;
- }
-
- & .show {
- opacity: 1;
- transition: 1s;
- transform: translateY(-50px);
- }
-}
-
-.home-info-items {
- display: flex;
- justify-content: space-evenly;
- align-items: center;
-}
-
.home-info-address_title {
font-size: 1.8rem;
color: var(--c-school);
@@ -1443,53 +866,10 @@
}
}
-.info-bottom-text {
- margin-top: 40px;
-}
-
-
-/* ============================================================
- about
- ============================================================ */
-#about {
- margin: 60px 0;
-}
-
-.about-text {
- font-size: 1.2rem;
-
- @media (max-width: 746px) {
- font-size: .9rem;
- }
-}
-
/* ============================================================
活動掲載ページ（#active）
- ============================================================
- 【推奨 HTML 構造】
-
- ...
- ...
-
-
- タイトル
- YYYY-MM-DD
-
-
説明文
-