Access
アクセス・お問い合わせ
教室やイベントのお申し込み、ご不明点などがありましたら、お気軽にご連絡ください。
- 住所
- 〒657-0024 神戸市灘区楠丘町4-1-16
- 施設案内
- 一階からはエレベータもございます
takaha-theme/
├─ style.css
├─ functions.php
├─ header.php
├─ footer.php
├─ front-page.php
├─ page.php
├─ single.php
└─ archive.php
/*
Theme Name: Takaha Welfare Center
Theme URI: https://takahafure.com/
Author: OpenAI
Description: 高羽地域福祉センター向け WordPress テーマひな形
Version: 1.0.0
Text Domain: takaha
*/
:root {
–color-bg: #f7fbfc;
–color-bg-alt: #eef7f8;
–color-white: #ffffff;
–color-main: #3a8f99;
–color-main-dark: #2a6c74;
–color-accent: #f2a65a;
–color-text: #243238;
–color-sub: #607277;
–color-border: #d9e7ea;
–color-footer: #254248;
–shadow: 0 12px 28px rgba(34, 72, 78, 0.08);
–radius: 18px;
–container: 1120px;
–header-height: 84px;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
background: var(–color-bg);
color: var(–color-text);
font-family: “Hiragino Sans”, “Yu Gothic”, “Meiryo”, sans-serif;
font-size: 16px;
line-height: 1.85;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
color: var(–color-main-dark);
text-decoration: none;
}
a:hover {
opacity: 0.88;
}
ul,
ol {
padding-left: 1.2em;
}
.container {
width: min(100% – 32px, var(–container));
margin-inline: auto;
}
.skip-link {
position: absolute;
left: -9999px;
top: 0;
}
.skip-link:focus {
left: 12px;
top: 12px;
z-index: 9999;
background: #fff;
color: #000;
padding: 8px 12px;
border-radius: 8px;
box-shadow: var(–shadow);
}
.site-header {
position: sticky;
top: 0;
z-index: 1000;
background: rgba(255, 255, 255, 0.92);
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(217, 231, 234, 0.9);
}
.site-header__inner {
min-height: var(–header-height);
display: grid;
grid-template-columns: auto 1fr auto auto;
gap: 24px;
align-items: center;
}
.site-branding {
display: flex;
align-items: center;
gap: 14px;
}
.site-branding__logo img {
width: 56px;
height: auto;
object-fit: contain;
}
.site-branding__text {
display: grid;
gap: 2px;
}
.site-title {
margin: 0;
font-size: 22px;
line-height: 1.3;
}
.site-title a {
color: var(–color-text);
}
.site-description {
margin: 0;
color: var(–color-sub);
font-size: 13px;
line-height: 1.5;
}
.site-nav {
justify-self: center;
}
.site-nav__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.site-nav__list a {
font-weight: 700;
color: var(–color-text);
font-size: 15px;
}
.site-header__cta {
display: flex;
align-items: center;
gap: 12px;
}
.header-tel {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 0 16px;
border-radius: 999px;
background: #dff1f3;
color: var(–color-main-dark);
font-weight: 700;
white-space: nowrap;
}
.nav-toggle {
display: none;
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
border: 1px solid var(–color-border);
border-radius: 10px;
background: #fff;
color: var(–color-text);
font-weight: 700;
cursor: pointer;
}
.site-main {
overflow: hidden;
}
.section {
padding: 72px 0;
}
.section–alt {
background: var(–color-bg-alt);
}
.eyebrow {
margin: 0 0 8px;
color: var(–color-main);
font-weight: 700;
font-size: 13px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.section-head {
display: flex;
align-items: end;
justify-content: space-between;
gap: 24px;
margin-bottom: 28px;
}
.section-title {
margin: 0;
font-size: clamp(28px, 4vw, 40px);
line-height: 1.3;
}
.section-lead {
margin: 10px 0 0;
color: var(–color-sub);
max-width: 760px;
}
.text-link {
font-weight: 700;
white-space: nowrap;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 20px;
border-radius: 999px;
border: 1px solid transparent;
font-weight: 700;
transition: 0.25s ease;
}
.btn–primary {
background: var(–color-main);
color: #fff;
}
.btn–secondary {
background: #dff1f3;
color: var(–color-main-dark);
}
.btn–ghost {
background: transparent;
color: var(–color-main-dark);
border-color: var(–color-main);
}
.hero {
padding: 72px 0 56px;
background: linear-gradient(135deg, #e9f7f8 0%, #f8fcfd 55%, #ffffff 100%);
}
.hero__inner {
display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 40px;
align-items: center;
}
.hero__title {
margin: 0 0 16px;
font-size: clamp(34px, 5vw, 54px);
line-height: 1.2;
}
.hero__lead {
margin: 0;
color: var(–color-sub);
font-size: 17px;
max-width: 650px;
}
.hero__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 28px;
}
.hero__meta {
list-style: none;
margin: 22px 0 0;
padding: 0;
display: grid;
gap: 8px;
color: var(–color-sub);
}
.hero__image img {
width: 100%;
border-radius: 24px;
box-shadow: var(–shadow);
object-fit: cover;
}
.news-list {
display: grid;
gap: 14px;
}
.news-card,
.card,
.feature-card,
.guide-card,
.story-card,
.post-card,
.page-box {
background: var(–color-white);
border: 1px solid var(–color-border);
border-radius: var(–radius);
box-shadow: var(–shadow);
}
.news-card a {
display: grid;
gap: 6px;
padding: 20px 22px;
color: var(–color-text);
}
.news-card__date {
color: var(–color-main);
font-size: 14px;
font-weight: 700;
}
.news-card__title {
margin: 0;
font-size: 18px;
line-height: 1.5;
}
.grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.guide-card,
.card,
.feature-card,
.story-card,
.post-card {
padding: 26px;
}
.guide-card h3,
.card h3,
.feature-card h3,
.story-card h3,
.post-card h3 {
margin: 0 0 10px;
font-size: 22px;
line-height: 1.4;
}
.card__meta,
.post-meta {
margin: 0 0 10px;
color: var(–color-main);
font-size: 14px;
font-weight: 700;
}
.guide-card p,
.card p,
.feature-card p,
.story-card p,
.post-card p {
margin: 0 0 14px;
color: var(–color-sub);
}
.about-block {
display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 32px;
align-items: center;
}
.about-block__image {
display: flex;
justify-content: center;
}
.about-block__image img {
max-width: 320px;
width: 100%;
}
.access {
display: grid;
grid-template-columns: 0.95fr 1.05fr;
gap: 28px;
}
.access__info,
.access__map {
background: var(–color-white);
border: 1px solid var(–color-border);
border-radius: var(–radius);
box-shadow: var(–shadow);
}
.access__info {
padding: 28px;
}
.access__list {
margin: 0;
display: grid;
gap: 18px;
}
.access__list div {
display: grid;
gap: 6px;
}
.access__list dt {
font-size: 14px;
font-weight: 700;
color: var(–color-main);
}
.access__list dd {
margin: 0;
}
.access__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 24px;
}
.access__map {
min-height: 360px;
overflow: hidden;
}
.access__map iframe {
width: 100%;
height: 100%;
min-height: 360px;
border: 0;
display: block;
}
.page-hero {
padding: 56px 0 28px;
}
.page-hero__box {
background: linear-gradient(135deg, #e9f7f8 0%, #ffffff 100%);
border: 1px solid var(–color-border);
border-radius: 24px;
padding: 34px;
box-shadow: var(–shadow);
}
.page-title,
.archive-title,
.entry-title {
margin: 0;
font-size: clamp(30px, 4vw, 46px);
line-height: 1.25;
}
.page-content,
.entry-content,
.archive-content {
padding: 0 0 72px;
}
.page-box,
.entry-box {
padding: 32px;
}
.entry-thumbnail,
.page-thumbnail {
margin-bottom: 24px;
}
.entry-thumbnail img,
.page-thumbnail img {
border-radius: 18px;
width: 100%;
height: auto;
}
.entry-meta-wrap {
margin-bottom: 24px;
color: var(–color-sub);
font-size: 14px;
}
.entry-content p,
.page-box p,
.archive-content p {
margin: 0 0 1.2em;
}
.entry-content h2,
.page-box h2,
.archive-content h2 {
margin-top: 1.8em;
margin-bottom: 0.8em;
font-size: 28px;
line-height: 1.4;
}
.entry-content h3,
.page-box h3,
.archive-content h3 {
margin-top: 1.6em;
margin-bottom: 0.7em;
font-size: 22px;
line-height: 1.45;
}
.wp-block-image img,
.entry-content img,
.page-box img {
border-radius: 16px;
}
.post-grid {
display: grid;
gap: 20px;
}
.pagination {
margin-top: 36px;
}
.pagination .nav-links {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.pagination .page-numbers {
display: inline-flex;
min-width: 42px;
min-height: 42px;
align-items: center;
justify-content: center;
padding: 0 12px;
border-radius: 999px;
background: #fff;
border: 1px solid var(–color-border);
color: var(–color-text);
}
.pagination .current {
background: var(–color-main);
color: #fff;
border-color: var(–color-main);
}
.post-navigation {
margin-top: 32px;
display: grid;
gap: 12px;
}
.post-navigation a {
display: block;
padding: 16px 20px;
background: #fff;
border: 1px solid var(–color-border);
border-radius: 14px;
}
.site-footer {
background: var(–color-footer);
color: rgba(255, 255, 255, 0.92);
margin-top: 0;
}
.site-footer a {
color: #fff;
}
.site-footer__inner {
display: grid;
grid-template-columns: 1.2fr 0.8fr 0.9fr;
gap: 32px;
padding: 56px 0 28px;
}
.site-footer__title {
margin: 0 0 12px;
font-size: 24px;
line-height: 1.35;
}
.site-footer__lead,
.site-footer__address {
margin: 0;
color: rgba(255, 255, 255, 0.82);
}
.site-footer__menu {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 10px;
}
.site-footer__bottom {
border-top: 1px solid rgba(255, 255, 255, 0.14);
padding: 18px 0 28px;
color: rgba(255, 255, 255, 0.72);
font-size: 14px;
}
.archive-description {
margin-top: 10px;
color: var(–color-sub);
}
.no-posts {
background: #fff;
border: 1px solid var(–color-border);
border-radius: 16px;
padding: 24px;
box-shadow: var(–shadow);
}
@media (max-width: 1080px) {
.site-header__inner {
grid-template-columns: auto 1fr auto;
}
.site-nav {
justify-self: end;
}
.site-header__cta {
display: none;
}
}
@media (max-width: 960px) {
.hero__inner,
.about-block,
.access,
.grid-3,
.site-footer__inner {
grid-template-columns: 1fr;
}
.section-head {
flex-direction: column;
align-items: flex-start;
}
.site-header__inner {
grid-template-columns: auto 1fr auto;
gap: 14px;
}
.nav-toggle {
display: inline-flex;
}
.site-nav {
position: absolute;
left: 0;
right: 0;
top: calc(100% + 1px);
background: rgba(255, 255, 255, 0.98);
border-bottom: 1px solid var(–color-border);
padding: 0 16px;
display: none;
}
.site-nav.is-open {
display: block;
}
.site-nav__list {
flex-direction: column;
gap: 0;
padding: 12px 0;
}
.site-nav__list li {
border-bottom: 1px solid #edf4f5;
}
.site-nav__list li:last-child {
border-bottom: none;
}
.site-nav__list a {
display: block;
padding: 14px 4px;
}
}
@media (max-width: 640px) {
body {
font-size: 15px;
}
.container {
width: min(100% – 24px, var(–container));
}
.hero {
padding: 48px 0 36px;
}
.section,
.page-content,
.entry-content,
.archive-content {
padding-bottom: 56px;
}
.section {
padding-top: 56px;
}
.hero__title,
.page-title,
.archive-title,
.entry-title {
font-size: 32px;
}
.section-title {
font-size: 28px;
}
.hero__actions,
.access__actions {
flex-direction: column;
align-items: stretch;
}
.btn {
width: 100%;
}
.guide-card,
.card,
.feature-card,
.story-card,
.post-card,
.page-box,
.entry-box,
.access__info,
.page-hero__box {
padding: 20px;
}
.site-title {
font-size: 18px;
}
.site-description {
font-size: 12px;
}
.site-branding__logo img {
width: 44px;
}
.header-tel {
display: none;
}
.site-footer__inner {
padding-top: 44px;
}
}
120,
‘width’ => 120,
‘flex-height’ => true,
‘flex-width’ => true,
));
add_theme_support(‘html5’, array(
‘search-form’,
‘comment-form’,
‘comment-list’,
‘gallery’,
‘caption’,
‘style’,
‘script’
));
register_nav_menus(array(
‘global_menu’ => ‘グローバルメニュー’,
‘footer_menu’ => ‘フッターメニュー’,
));
}
add_action(‘after_setup_theme’, ‘takaha_theme_setup’);
function takaha_enqueue_assets() {
wp_enqueue_style(
‘takaha-style’,
get_stylesheet_uri(),
array(),
wp_get_theme()->get(‘Version’)
);
}
add_action(‘wp_enqueue_scripts’, ‘takaha_enqueue_assets’);
function takaha_fallback_global_menu() {
echo ‘
‘;
}
function takaha_fallback_footer_menu() {
echo ‘‘;
}
>
>
本文へスキップ
記事が見つかりませんでした
まだ公開されている記事がありません。最新情報はトップページからご確認ください。
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/twentytwentyfive/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
