チームの理念・コンセプト・指導方針を伝えるページ。ビジョンと活動内容を明示します。
シーズンの試合記録を一覧表示。勝敗・スコア・大会名を見やすく整理します。
選手・スタッフの紹介ページ。ポジション・背番号・出身校などを記載します。
入団を検討する選手・保護者向けのページ。体験入団の案内も掲載します。
練習グラウンドへのアクセス情報。地図・交通手段・駐車場情報を掲載します。
入団相談・取材・各種問い合わせ窓口。フォームURLを設置予定です。
/* ================================================
チームカラー設定
Ameba Ownd カスタムCSS
エンジ / ゴールド / ホワイト / ブラック
================================================ */
/* ── フォント読み込み（headタグ内に追加推奨）──
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&family=Oswald:wght@400;600;700&display=swap');
*/
/* ── カラー変数定義 ── */
:root {
--color-crimson: #920F15; /* エンジ（メイン） */
--color-crimson-dark: #6E0A10; /* エンジ（ダーク） */
--color-gold: #C9A84C; /* ゴールド */
--color-gold-light: #E8C97A; /* ゴールド（ライト） */
--color-black: #0A0A0A; /* ブラック */
--color-dark: #1A1A1A; /* ダークグレー */
--color-white: #FFFFFF; /* ホワイト */
--color-text: #1A1A1A; /* 本文テキスト */
--color-text-muted: #666666; /* サブテキスト */
}
/* ================================================
ヘッダー・サイトタイトル
================================================ */
/* サイト全体フォント */
body {
font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', sans-serif;
color: #1A1A1A;
}
/* ヘッダー全体 */
#header,
.header,
header {
background: #0A0A0A !important;
border-bottom: 4px solid #C9A84C !important;
padding: 0 !important;
}
/* ヘッダー内のコンテナ */
#header .header-inner,
.header-inner {
padding: 20px 30px;
}
/* ヘッダー上部アクセントライン */
#header::before {
content: '⚾ SHONAN HIRATSUKA NORTH — 中学野球の新しいスタンダードをつくる';
display: block;
background: linear-gradient(90deg, #920F15 0%, #6E0A10 50%, #0A0A0A 100%);
color: rgba(255,255,255,0.85);
padding: 6px 30px;
font-size: 11px;
letter-spacing: 2px;
}
/* サイトタイトル */
#header .site-title,
.site-title,
h1.site-title {
font-family: 'Noto Sans JP', sans-serif !important;
font-size: 22px !important;
font-weight: 900 !important;
color: #FFFFFF !important;
letter-spacing: 3px !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
/* サイトタイトル（リンク） */
#header .site-title a,
.site-title a {
color: #FFFFFF !important;
text-decoration: none !important;
}
/* サイトの説明文（サブタイトル） */
.site-description,
#header .description {
font-family: 'Oswald', sans-serif !important;
color: #C9A84C !important;
font-size: 10px !important;
letter-spacing: 2px !important;
font-weight: 500 !important;
text-transform: uppercase !important;
}
/* ================================================
本文・記事エリア・ボタン
================================================ */
/* メインコンテンツエリア */
main,
#main,
.main-content,
.content-area {
background: #FAFAFA !important;
padding: 40px 30px !important;
}
/* ページタイトル・見出し */
.page-title,
h1.entry-title,
.entry-title {
font-family: 'Oswald', 'Noto Sans JP', sans-serif !important;
font-size: 28px !important;
font-weight: 700 !important;
color: #0A0A0A !important;
letter-spacing: 2px !important;
border-bottom: 3px solid #920F15 !important;
padding-bottom: 12px !important;
margin-bottom: 24px !important;
}
/* 記事内の見出し h2 */
.entry-content h2,
article h2 {
font-family: 'Oswald', 'Noto Sans JP', sans-serif !important;
font-size: 22px !important;
font-weight: 700 !important;
color: #0A0A0A !important;
border-left: 5px solid #920F15 !important;
padding-left: 14px !important;
margin: 28px 0 16px !important;
letter-spacing: 1px !important;
}
/* 記事内の見出し h3 */
.entry-content h3,
article h3 {
font-size: 17px !important;
font-weight: 700 !important;
color: #920F15 !important;
margin: 20px 0 10px !important;
padding-bottom: 6px !important;
border-bottom: 1px dashed rgba(146,15,21,0.35) !important;
}
/* 記事本文 */
.entry-content p,
article p {
font-size: 15px !important;
line-height: 1.85 !important;
color: #333 !important;
margin-bottom: 16px !important;
}
/* 記事カード */
.blog-card,
.post-card,
.entry-card {
background: white !important;
border: 1px solid #e0e0e0 !important;
border-top: 4px solid #920F15 !important;
transition: all 0.3s !important;
box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}
.blog-card:hover,
.post-card:hover {
box-shadow: 0 8px 30px rgba(146,15,21,0.15) !important;
transform: translateY(-3px) !important;
}
/* ボタン */
.btn,
.button,
a.btn,
input[type="submit"] {
background: linear-gradient(135deg, #920F15, #6E0A10) !important;
color: #C9A84C !important;
padding: 12px 28px !important;
font-weight: 700 !important;
font-size: 14px !important;
letter-spacing: 2px !important;
border: 1px solid rgba(201,168,76,0.6) !important;
cursor: pointer !important;
text-decoration: none !important;
display: inline-block !important;
transition: all 0.3s !important;
}
.btn:hover,
.button:hover,
input[type="submit"]:hover {
background: linear-gradient(135deg, #C9A84C, #E8C97A) !important;
color: #0A0A0A !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(201,168,76,0.35) !important;
}
/* タグ・ラベル */
.tag,
.category,
.label {
background: #920F15 !important;
color: #C9A84C !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
padding: 3px 8px !important;
text-transform: uppercase !important;
}
/* 日付 */
.date,
.post-date,
time {
color: #999 !important;
font-size: 12px !important;
letter-spacing: 1px !important;
}
/* 区切り線 */
hr {
border: none !important;
height: 2px !important;
background: linear-gradient(90deg, #920F15, #C9A84C, transparent) !important;
margin: 24px 0 !important;
}
/* リンク */
.entry-content a {
color: #920F15 !important;
text-decoration: none !important;
border-bottom: 1px solid rgba(146,15,21,0.3) !important;
transition: border-color 0.3s !important;
}
.entry-content a:hover {
border-bottom-color: #C9A84C !important;
}
/* ================================================
⚾ SHONAN HIRATSUKA NORTH BASEBALL TEAM
Ameba Ownd カスタムCSS
エンジ #920F15 / ゴールド #C9A84C / ホワイト #FFFFFF / ブラック #0A0A0A
================================================ */
/* ── フォント ── */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&family=Oswald:wght@400;600;700&display=swap');
/* ── カラー変数 ── */
:root {
--color-crimson: #920F15;
--color-crimson-dark: #6E0A10;
--color-gold: #C9A84C;
--color-gold-light: #E8C97A;
--color-black: #0A0A0A;
--color-white: #FFFFFF;
}
/* ── 基本設定 ── */
body {
font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', sans-serif;
color: #1A1A1A;
}
/* ── ヘッダー ── */
#header, header {
background: #0A0A0A !important;
border-bottom: 4px solid #C9A84C !important;
}
#header::before {
content: '⚾ SHONAN HIRATSUKA NORTH — 中学野球の新しいスタンダードをつくる';
display: block;
background: linear-gradient(90deg, #920F15 0%, #6E0A10 50%, #0A0A0A 100%);
color: rgba(255,255,255,0.85);
padding: 6px 30px;
font-size: 11px;
letter-spacing: 2px;
}
.site-title, h1.site-title {
font-family: 'Noto Sans JP', sans-serif !important;
font-size: 22px !important;
font-weight: 900 !important;
color: #FFFFFF !important;
letter-spacing: 3px !important;
white-space: nowrap !important;
}
.site-title a { color: #FFFFFF !important; text-decoration: none !important; }
.site-description {
font-family: 'Oswald', sans-serif !important;
color: #C9A84C !important;
font-size: 10px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
}
/* ── ナビゲーション ── */
nav, #navigation {
background: #1A1A1A !important;
border-top: 1px solid rgba(201,168,76,0.25) !important;
}
nav ul, #navigation ul {
display: flex !important;
flex-wrap: nowrap !important;
list-style: none !important;
padding: 0 10px !important;
margin: 0 !important;
overflow-x: auto !important;
white-space: nowrap !important;
scrollbar-width: none !important;
}
nav ul::-webkit-scrollbar { display: none !important; }
nav ul li { flex-shrink: 0 !important; }
nav ul li a, #navigation ul li a {
color: rgba(255,255,255,0.75) !important;
text-decoration: none !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
padding: 14px 16px !important;
white-space: nowrap !important;
display: block !important;
position: relative !important;
transition: color 0.3s !important;
}
nav ul li a:hover, nav ul li.active a {
color: #C9A84C !important;
}
nav ul li a::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important; left: 0 !important;
width: 0 !important; height: 3px !important;
background: linear-gradient(90deg, #920F15, #C9A84C) !important;
transition: width 0.3s !important;
}
nav ul li a:hover::after { width: 100% !important; }
/* ── メインコンテンツ ── */
main, #main, .main-content {
background: #FAFAFA !important;
}
/* ── 見出し ── */
.entry-title, h1.entry-title {
font-family: 'Oswald', 'Noto Sans JP', sans-serif !important;
font-size: 28px !important;
font-weight: 700 !important;
color: #0A0A0A !important;
border-bottom: 3px solid #920F15 !important;
padding-bottom: 12px !important;
margin-bottom: 24px !important;
}
.entry-content h2, article h2 {
font-family: 'Oswald', 'Noto Sans JP', sans-serif !important;
font-size: 22px !important;
font-weight: 700 !important;
color: #0A0A0A !important;
border-left: 5px solid #920F15 !important;
padding-left: 14px !important;
margin: 28px 0 16px !important;
}
.entry-content h3, article h3 {
font-size: 17px !important;
font-weight: 700 !important;
color: #920F15 !important;
margin: 20px 0 10px !important;
border-bottom: 1px dashed rgba(146,15,21,0.35) !important;
padding-bottom: 6px !important;
}
/* ── 本文 ── */
.entry-content p, article p {
font-size: 15px !important;
line-height: 1.85 !important;
color: #333 !important;
margin-bottom: 16px !important;
}
/* ── リンク ── */
.entry-content a {
color: #920F15 !important;
text-decoration: none !important;
border-bottom: 1px solid rgba(146,15,21,0.3) !important;
}
.entry-content a:hover {
border-bottom-color: #C9A84C !important;
}
/* ── ボタン ── */
.btn, .button, a.btn, input[type="submit"] {
background: linear-gradient(135deg, #920F15, #6E0A10) !important;
color: #C9A84C !important;
padding: 12px 28px !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
border: 1px solid rgba(201,168,76,0.6) !important;
cursor: pointer !important;
transition: all 0.3s !important;
}
.btn:hover, .button:hover, input[type="submit"]:hover {
background: linear-gradient(135deg, #C9A84C, #E8C97A) !important;
color: #0A0A0A !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(201,168,76,0.35) !important;
}
/* ── 記事カード ── */
.blog-card, .post-card, .entry-card {
background: white !important;
border: 1px solid #e0e0e0 !important;
border-top: 4px solid #920F15 !important;
transition: all 0.3s !important;
}
.blog-card:hover, .post-card:hover {
box-shadow: 0 8px 30px rgba(146,15,21,0.15) !important;
transform: translateY(-3px) !important;
}
/* ── タグ・カテゴリ ── */
.tag, .category {
background: #920F15 !important;
color: #C9A84C !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
padding: 3px 8px !important;
text-transform: uppercase !important;
}
/* ── 区切り線 ── */
hr {
border: none !important;
height: 2px !important;
background: linear-gradient(90deg, #920F15, #C9A84C, transparent) !important;
margin: 24px 0 !important;
}
/* ── フッター ── */
footer, #footer {
background: #0A0A0A !important;
border-top: 4px solid #920F15 !important;
padding: 56px 40px 24px !important;
}
footer a, #footer a {
color: rgba(255,255,255,0.45) !important;
text-decoration: none !important;
transition: color 0.3s !important;
}
footer a:hover, #footer a:hover {
color: #C9A84C !important;
}
footer h3, footer h4, #footer h3, #footer h4 {
color: #C9A84C !important;
font-family: 'Oswald', 'Noto Sans JP', sans-serif !important;
letter-spacing: 4px !important;
text-transform: uppercase !important;
padding-bottom: 10px !important;
border-bottom: 1px solid rgba(201,168,76,0.2) !important;
}
footer p, #footer p {
color: rgba(255,255,255,0.45) !important;
font-size: 13px !important;
line-height: 1.7 !important;
}
.copyright, footer small {
color: rgba(255,255,255,0.25) !important;
font-size: 11px !important;
letter-spacing: 1px !important;
border-top: 1px solid rgba(255,255,255,0.08) !important;
padding-top: 20px !important;
margin-top: 36px !important;
display: block !important;
}
/* ── レスポンシブ ── */
@media (max-width: 768px) {
.site-title { font-size: 18px !important; }
nav ul { flex-wrap: nowrap !important; }
nav ul li a { padding: 12px 14px !important; font-size: 11px !important; }
main, #main { padding: 20px 15px !important; }
}
ownd.me にアクセスし、アカウントでログインしてください。
管理画面左メニューの「デザイン」をクリック → 右上の「カスタムCSS」ボタンをクリック。CSSを入力できるエリアが表示されます。
上の「📋 全コード」タブを開き、「全コードをコピー」ボタンを押してください。コピーしたコードをOwndのカスタムCSS欄に貼り付けます。
貼り付けたら「保存」ボタンをクリック。サイトを開いてデザインが変わっていれば成功です！うまく反映されない箇所があればご相談ください。
サイト名はOwndの設定→「サイト名」「説明文」から「湘南平塚北リトルシニア」「SHONAN HIRATSUKA NORTH BASEBALL TEAM」に変更してください。フォントの読み込みはOwndのheadタグ設定（カスタムHTML）から追加するとより効果的です。
• エンジ色を調整 → #920F15 を別の色コードに置換
• ゴールドを調整 → #C9A84C を別の色コードに置換
• レイアウトが崩れた場合 → Owndのテンプレートによっては一部調整が必要です。お気軽にご相談ください！