{"id":35,"date":"2025-10-27T12:11:19","date_gmt":"2025-10-27T03:11:19","guid":{"rendered":"https:\/\/fukushimaakira.com\/?page_id=35"},"modified":"2026-08-16T19:44:03","modified_gmt":"2026-08-16T10:44:03","slug":"%e3%83%9b%e3%83%bc%e3%83%a0","status":"publish","type":"page","link":"https:\/\/fukushimaakira.com\/","title":{"rendered":"\u30db\u30fc\u30e0"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ========================================\n   AKIRA FUKUSHIMA OFFICIAL SITE\n======================================== *\/\n\n\n\/* ========================================\n   BASE\n======================================== *\/\n\n.akira-portal {\n  --bg: #070707;\n  --panel: #0c0c0c;\n  --line: #242424;\n\n  --text: #cfc8ba;\n  --text-soft: #918b82;\n  --text-dark: #67635d;\n\n  --gold: #a18b66;\n  --gold-light: #cfbea0;\n\n  width: 100%;\n\n  background: var(--bg);\n  color: var(--text);\n\n  font-family:\n    \"Montserrat\",\n    \"Noto Sans JP\",\n    sans-serif;\n\n  line-height: 1.7;\n}\n\n\n.akira-portal * {\n  box-sizing: border-box;\n}\n\n\n.akira-portal img {\n  display: block;\n  max-width: 100%;\n}\n\n\n.akira-portal a {\n  text-decoration: none;\n}\n\n\n.content-section {\n  width: min(1100px, 90%);\n  margin: 0 auto;\n\n  padding-top: 100px;\n  padding-bottom: 100px;\n}\n\n\n\n\/* ========================================\n   SECTION HEADINGS\n======================================== *\/\n\n.section-heading {\n  margin-bottom: 48px;\n}\n\n\n.section-heading h2 {\n  margin: 0;\n\n  color: #cfc8ba !important;\n\n  font-size: clamp(\n    1.6rem,\n    3vw,\n    2.5rem\n  );\n\n  font-weight: 500;\n\n  letter-spacing: 0.03em;\n\n  text-transform: none;\n}\n\n\n.section-kicker {\n  margin: 0 0 8px;\n\n  color: var(--gold) !important;\n\n  font-size: 0.68rem;\n\n  letter-spacing: 0.22em;\n\n  text-transform: uppercase;\n}\n\n\n\n\/* ========================================\n   HERO\n======================================== *\/\n\n.hero {\n  position: relative;\n\n  width: 100%;\n\n  height: 82vh;\n  min-height: 650px;\n\n  display: flex;\n\n  align-items: flex-end;\n  justify-content: center;\n\n  overflow: hidden;\n\n  text-align: center;\n\n  background: #000;\n}\n\n\n\n\/* ========================================\n   HERO BACKGROUND SLIDESHOW\n======================================== *\/\n\n.hero-bg {\n  position: absolute;\n\n  inset: 0;\n\n  overflow: hidden;\n\n  background: #000;\n}\n\n\n.hero-bg::after {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 5;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(0,0,0,0.03),\n      rgba(0,0,0,0.38)\n    );\n}\n\n\n\n\/* \u5171\u901a *\/\n\n.hero-slide {\n  position: absolute;\n\n  inset: 0;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  filter:\n    saturate(1.08)\n    contrast(1.04);\n\n  opacity: 0;\n\n  will-change: opacity;\n}\n\n\n\n\/* ========================================\n   1\u679a\u76ee\uff1a\u6f14\u594f\n======================================== *\/\n\n.slide-performance {\n\n  animation:\n    heroSlide1\n    12s\n    infinite\n    ease-in-out;\n\n  object-position:\n    center center;\n\n}\n\n\n\n\/* ========================================\n   2\u679a\u76ee\uff1a\u30ef\u30fc\u30af\u30b7\u30e7\u30c3\u30d7\n======================================== *\/\n\n.slide-workshop {\n\n  animation:\n    heroSlide2\n    12s\n    infinite\n    ease-in-out;\n\n  object-fit:\n    cover;\n\n  object-position:\n    center center;\n\n}\n\n\n\n\/* ========================================\n   3\u679a\u76ee\uff1a\u30ea\u30b3\u30fc\u30c0\u30fc\u88fd\u4f5c\n======================================== *\/\n\n.slide-making {\n\n  animation:\n    heroSlide3\n    12s\n    infinite\n    ease-in-out;\n\n  object-fit:\n    cover;\n\n  object-position:\n    center center;\n\n}\n\n\n\n\/* ========================================\n   HERO SLIDESHOW ANIMATION\n======================================== *\/\n\n\n\/* 1\u679a\u76ee *\/\n\n@keyframes heroSlide1 {\n\n  0%,\n  28% {\n    opacity: 1;\n  }\n\n  34%,\n  94% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n\n}\n\n\n\n\/* 2\u679a\u76ee *\/\n\n@keyframes heroSlide2 {\n\n  0%,\n  28% {\n    opacity: 0;\n  }\n\n  34%,\n  61% {\n    opacity: 1;\n  }\n\n  67%,\n  100% {\n    opacity: 0;\n  }\n\n}\n\n\n\n\/* 3\u679a\u76ee *\/\n\n@keyframes heroSlide3 {\n\n  0%,\n  61% {\n    opacity: 0;\n  }\n\n  67%,\n  94% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n\n}\n\n\n\n\/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u6e1b\u3089\u3059\u8a2d\u5b9a *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .hero-slide {\n    animation: none;\n\n    opacity: 0;\n  }\n\n  .slide-performance {\n    opacity: 1;\n  }\n\n}\n\n\n\n\/* ========================================\n   HERO CONTENT\n======================================== *\/\n\n.hero-content {\n  position: relative;\n\n  z-index: 10;\n\n  width: 90%;\n  max-width: 900px;\n\n  text-align: center;\n\n  padding-bottom: 20px;\n\n  transform:\n    translateY(45px);\n}\n\n\n\n\/* \u7b46\u6587\u5b57 *\/\n\n.hero-signature {\n  display: block;\n\n  width:\n    min(190px, 24vw);\n\n  max-width:\n    190px;\n\n  height:\n    auto;\n\n  margin:\n    0 auto 10px;\n\n  opacity:\n    0.94;\n}\n\n\n\n\/* NAME *\/\n\n.hero h1 {\n  margin: 0;\n\n  color:\n    #d7d0c3 !important;\n\n  font-size:\n    clamp(\n      2.2rem,\n      4.5vw,\n      4rem\n    );\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    0.02em;\n\n  line-height:\n    1.1;\n}\n\n\n\n\/* SUBTITLE *\/\n\n.hero-subtitle {\n  margin:\n    13px 0 28px;\n\n  color:\n    #b9ac95 !important;\n\n  font-size:\n    clamp(\n      0.9rem,\n      1.7vw,\n      1.15rem\n    );\n\n  letter-spacing:\n    0.08em;\n}\n\n\n\n\/* ========================================\n   HERO BUTTONS\n======================================== *\/\n\n.hero-buttons {\n  display: flex;\n\n  justify-content: center;\n\n  flex-wrap: wrap;\n\n  gap: 10px;\n}\n\n\n.hero-btn {\n  padding:\n    11px 20px;\n\n  border:\n    1px solid\n    rgba(218,207,187,0.42);\n\n  color:\n    #d4ccbd !important;\n\n  background:\n    rgba(0,0,0,0.16);\n\n  backdrop-filter:\n    blur(5px);\n\n  font-size:\n    0.78rem;\n\n  letter-spacing:\n    0.07em;\n\n  transition:\n    background 0.25s,\n    border-color 0.25s,\n    transform 0.25s;\n}\n\n\n.hero-btn:hover {\n\n  background:\n    rgba(161,139,102,0.22);\n\n  border-color:\n    var(--gold);\n\n  transform:\n    translateY(-2px);\n\n}\n\n\n\n\/* ========================================\n   EVENTS\n======================================== *\/\n\n.events-section {\n  padding-top:\n    90px;\n\n  padding-bottom:\n    90px;\n}\n\n\n.events-section .section-heading {\n  margin-bottom:\n    38px;\n}\n\n\n.events-list {\n  border-top:\n    1px solid\n    var(--line);\n}\n\n\n.event-row {\n  display: grid;\n\n  grid-template-columns:\n    105px 1fr;\n\n  gap:\n    32px;\n\n  align-items:\n    center;\n\n  padding:\n    25px 5px;\n\n  border-bottom:\n    1px solid\n    var(--line);\n\n  transition:\n    padding-left 0.25s,\n    background 0.25s;\n}\n\n\n.event-row:hover {\n\n  padding-left:\n    12px;\n\n  background:\n    rgba(255,255,255,0.015);\n\n}\n\n\n\n\/* DATE *\/\n\n.event-date {\n  display: flex;\n\n  flex-direction:\n    column;\n\n  align-items:\n    flex-start;\n}\n\n\n.event-month {\n  color:\n    var(--gold);\n\n  font-size:\n    0.65rem;\n\n  letter-spacing:\n    0.2em;\n}\n\n\n.event-date strong {\n\n  margin:\n    1px 0;\n\n  color:\n    var(--gold-light);\n\n  font-size:\n    1.55rem;\n\n  font-weight:\n    400;\n\n  line-height:\n    1.15;\n}\n\n\n.event-date strong.event-range {\n  font-size:\n    1.25rem;\n}\n\n\n.event-year {\n  color:\n    var(--text-dark);\n\n  font-size:\n    0.65rem;\n\n  letter-spacing:\n    0.08em;\n}\n\n\n\n\/* EVENT INFORMATION *\/\n\n.event-type {\n  margin:\n    0 0 4px;\n\n  color:\n    var(--text-dark) !important;\n\n  font-size:\n    0.63rem;\n\n  letter-spacing:\n    0.18em;\n}\n\n\n.event-info h3 {\n\n  margin:\n    0 0 5px;\n\n  color:\n    #c9c1b3 !important;\n\n  font-size:\n    1.08rem;\n\n  font-weight:\n    500;\n\n  letter-spacing:\n    0.02em;\n}\n\n\n.event-place {\n\n  margin:\n    0;\n\n  color:\n    var(--text-soft) !important;\n\n  font-size:\n    0.8rem;\n\n}\n\n\n\n\/* ========================================\n   LATEST RELEASE\n======================================== *\/\n\n.release-section {\n\n  border-top:\n    1px solid\n    #151515;\n\n}\n\n\n.apple-music {\n  width:\n    100%;\n}\n\n\n.apple-music iframe {\n\n  display:\n    block;\n\n  width:\n    100%;\n\n  border-radius:\n    8px !important;\n\n}\n\n\n\n\/* ========================================\n   RECORDER MAKING\n======================================== *\/\n\n.recorder-section {\n\n  border-top:\n    1px solid\n    #151515;\n\n  padding-top:\n    110px;\n\n  padding-bottom:\n    120px;\n\n}\n\n\n\n\/* HEADER *\/\n\n.recorder-header {\n\n  display:\n    flex;\n\n  justify-content:\n    space-between;\n\n  align-items:\n    flex-end;\n\n  gap:\n    30px;\n\n  margin-bottom:\n    28px;\n\n}\n\n\n.recorder-header h3 {\n\n  margin:\n    0;\n\n  color:\n    #d0c5b1 !important;\n\n  font-size:\n    clamp(\n      1.35rem,\n      3vw,\n      2rem\n    );\n\n  font-weight:\n    500;\n\n  letter-spacing:\n    0.025em;\n\n}\n\n\n.recorder-status {\n\n  padding-bottom:\n    5px;\n\n  color:\n    var(--gold);\n\n  font-size:\n    0.65rem;\n\n  letter-spacing:\n    0.18em;\n\n}\n\n\n\n\/* IMAGE *\/\n\n.recorder-main-image {\n\n  overflow:\n    hidden;\n\n  background:\n    #111;\n\n}\n\n\n.recorder-main-image img {\n\n  width:\n    100%;\n\n  max-height:\n    720px;\n\n  object-fit:\n    cover;\n\n}\n\n\n\n\/* SUMMARY *\/\n\n.recorder-summary {\n\n  display:\n    flex;\n\n  flex-wrap:\n    wrap;\n\n  gap:\n    12px 28px;\n\n  padding:\n    20px 2px 28px;\n\n  color:\n    var(--text-soft);\n\n  font-size:\n    0.78rem;\n\n  letter-spacing:\n    0.04em;\n\n}\n\n\n\n\/* ========================================\n   SOUND SAMPLE\n======================================== *\/\n\n.recorder-sound {\n\n  border-top:\n    1px solid\n    var(--line);\n\n  border-bottom:\n    1px solid\n    var(--line);\n\n}\n\n\n.recorder-sound summary {\n\n  list-style:\n    none;\n\n  cursor:\n    pointer;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  gap:\n    14px;\n\n  padding:\n    22px 3px;\n\n  color:\n    var(--gold-light);\n\n  font-size:\n    0.88rem;\n\n  letter-spacing:\n    0.07em;\n\n  transition:\n    padding-left 0.25s,\n    color 0.25s;\n\n}\n\n\n.recorder-sound summary::-webkit-details-marker {\n\n  display:\n    none;\n\n}\n\n\n.recorder-sound summary:hover {\n\n  padding-left:\n    10px;\n\n  color:\n    #e0d5c0;\n\n}\n\n\n.play-icon {\n\n  color:\n    var(--gold);\n\n  font-size:\n    0.7rem;\n\n}\n\n\n\n\/* \u65e5\u82f1 *\/\n\n.toggle-text {\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n}\n\n\n.toggle-text .lang-en {\n\n  margin-top:\n    1px;\n\n  color:\n    #746d61 !important;\n\n  font-size:\n    0.7rem;\n\n}\n\n\n\n\/* VIDEO *\/\n\n.sound-video {\n\n  padding:\n    10px 0 40px;\n\n}\n\n\n.sound-video iframe {\n\n  display:\n    block;\n\n  width:\n    100%;\n\n  border-radius:\n    5px;\n\n}\n\n\n\n\/* ========================================\n   BILINGUAL\n======================================== *\/\n\n.lang-en {\n\n  display:\n    block;\n\n  margin-top:\n    5px;\n\n  color:\n    #777168 !important;\n\n  font-size:\n    0.78em;\n\n  font-weight:\n    400;\n\n  letter-spacing:\n    0.025em;\n\n  line-height:\n    1.6;\n\n}\n\n\n\n\/* ========================================\n   RECORDER CONTACT\n======================================== *\/\n\n.recorder-contact {\n\n  margin-top:\n    50px;\n\n  padding-top:\n    5px;\n\n}\n\n\n.recorder-contact > p {\n\n  margin-bottom:\n    20px;\n\n  color:\n    var(--text-soft) !important;\n\n  font-size:\n    0.87rem;\n\n  line-height:\n    1.9;\n\n}\n\n\n.contact-en {\n\n  margin-top:\n    10px;\n\n  font-size:\n    0.8rem;\n\n}\n\n\n\n\/* BUTTON *\/\n\n.contact-button {\n\n  display:\n    inline-block;\n\n  padding:\n    13px 28px;\n\n  border:\n    1px solid\n    var(--gold);\n\n  color:\n    var(--gold-light) !important;\n\n  font-size:\n    0.8rem;\n\n  letter-spacing:\n    0.06em;\n\n  text-align:\n    center;\n\n  transition:\n    background 0.25s,\n    color 0.25s;\n\n}\n\n\n.contact-button span {\n\n  display:\n    block;\n\n}\n\n\n.contact-button .button-en {\n\n  margin-top:\n    3px;\n\n  color:\n    #87785f;\n\n  font-size:\n    0.66rem;\n\n  letter-spacing:\n    0.04em;\n\n}\n\n\n.contact-button:hover {\n\n  background:\n    var(--gold);\n\n  color:\n    #090909 !important;\n\n}\n\n\n.contact-button:hover .button-en {\n\n  color:\n    #24201a;\n\n}\n\n\n\n\/* EMAIL *\/\n\n.contact-email {\n\n  margin-top:\n    14px !important;\n\n  color:\n    var(--text-dark) !important;\n\n  font-size:\n    0.75rem !important;\n\n}\n\n\n.contact-email a {\n\n  color:\n    inherit;\n\n}\n\n\n\n\/* ========================================\n   ABOUT\n======================================== *\/\n\n.about-section {\n\n  border-top:\n    1px solid\n    #151515;\n\n}\n\n\n.about-wrap {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    0.85fr 1.15fr;\n\n  gap:\n    60px;\n\n  align-items:\n    start;\n\n}\n\n\n.about-image img {\n\n  width:\n    100%;\n\n  object-fit:\n    cover;\n\n}\n\n\n\n\/* ========================================\n   PROFILE TABS\n======================================== *\/\n\n.profile-tabs {\n\n  display:\n    flex;\n\n  gap:\n    6px;\n\n  margin-bottom:\n    32px;\n\n  border-bottom:\n    1px solid\n    #242424;\n\n}\n\n\n.profile-tab {\n\n  appearance:\n    none;\n\n  border:\n    0;\n\n  border-bottom:\n    2px solid\n    transparent;\n\n  background:\n    transparent;\n\n  padding:\n    10px 18px;\n\n  color:\n    #6f6a63;\n\n  font-family:\n    inherit;\n\n  font-size:\n    0.78rem;\n\n  letter-spacing:\n    0.08em;\n\n  cursor:\n    pointer;\n\n}\n\n\n.profile-tab:hover {\n\n  color:\n    #bdb3a3;\n\n}\n\n\n.profile-tab.active {\n\n  color:\n    var(--gold-light);\n\n  border-bottom-color:\n    var(--gold);\n\n}\n\n\n.profile-content {\n\n  display:\n    none;\n\n}\n\n\n.profile-content.active {\n\n  display:\n    block;\n\n}\n\n\n.profile-content p {\n\n  margin:\n    0 0 22px;\n\n  color:\n    #aaa49a !important;\n\n  font-size:\n    0.9rem;\n\n  line-height:\n    2;\n\n}\n\n\n\n\/* ========================================\n   SOCIAL\n======================================== *\/\n\n.social-section {\n\n  border-top:\n    1px solid\n    #151515;\n\n  padding-top:\n    80px;\n\n  padding-bottom:\n    80px;\n\n}\n\n\n.social-section .section-heading {\n\n  margin-bottom:\n    25px;\n\n}\n\n\n.social-links {\n\n  border-top:\n    1px solid\n    var(--line);\n\n}\n\n\n.social-link {\n\n  display:\n    flex;\n\n  justify-content:\n    space-between;\n\n  align-items:\n    center;\n\n  padding:\n    22px 4px;\n\n  border-bottom:\n    1px solid\n    var(--line);\n\n  color:\n    #bdb4a4 !important;\n\n}\n\n\n.social-link:hover {\n\n  padding-left:\n    12px;\n\n  color:\n    #d9c9aa !important;\n\n  background:\n    rgba(255,255,255,0.015);\n\n}\n\n\n.social-name {\n\n  font-size:\n    0.95rem;\n\n  letter-spacing:\n    0.06em;\n\n}\n\n\n.social-arrow {\n\n  color:\n    #77694f;\n\n  font-size:\n    1rem;\n\n}\n\n\n\n\/* ========================================\n   FOOTER\n======================================== *\/\n\n.site-footer {\n\n  width:\n    min(1100px,90%);\n\n  margin:\n    30px auto 0;\n\n  padding:\n    45px 0;\n\n  border-top:\n    1px solid\n    #181818;\n\n  text-align:\n    center;\n\n}\n\n\n.site-footer p {\n\n  margin:\n    0;\n\n  color:\n    #57544f !important;\n\n  font-size:\n    0.7rem;\n\n  letter-spacing:\n    0.05em;\n\n}\n\n\n\n\/* ========================================\n   WORDPRESS \/ BLOCKSY\n======================================== *\/\n\n.page-title,\n.entry-header {\n\n  display:\n    none !important;\n\n}\n\n\n.site-content,\n.content-area,\n.site-main,\nbody.page .entry-content {\n\n  margin-top:\n    0 !important;\n\n  padding-top:\n    0 !important;\n\n}\n\n\n\n\/* ========================================\n   TABLET\n======================================== *\/\n\n@media (max-width: 900px) {\n\n\n  .content-section {\n\n    width:\n      88%;\n\n    padding-top:\n      80px;\n\n    padding-bottom:\n      80px;\n\n  }\n\n\n  .about-wrap {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      35px;\n\n  }\n\n\n  .about-image {\n\n    max-width:\n      600px;\n\n  }\n\n}\n\n\n\n\/* ========================================\n   MOBILE\n======================================== *\/\n\n@media (max-width: 700px) {\n\n\n  \/* HERO *\/\n\n  .hero {\n\n    height:\n      76vh;\n\n    min-height:\n      590px;\n\n  }\n\n\n  .hero-content {\n\n    width:\n      88%;\n\n    padding-bottom:\n      5px;\n\n    transform:\n      translateY(60px);\n\n  }\n\n\n  .hero-signature {\n\n    width:\n      min(120px, 32vw);\n\n    max-width:\n      120px;\n\n    margin-bottom:\n      8px;\n\n  }\n\n\n  .hero h1 {\n\n    font-size:\n      2.2rem;\n\n  }\n\n\n  .hero-subtitle {\n\n    margin:\n      10px 0 24px;\n\n    font-size:\n      0.88rem;\n\n  }\n\n\n  .hero-buttons {\n\n    gap:\n      8px;\n\n  }\n\n\n  .hero-btn {\n\n    padding:\n      10px 13px;\n\n    font-size:\n      0.68rem;\n\n  }\n\n\n\n  \/* ========================================\n     2\u679a\u76ee\uff1a\u30ef\u30fc\u30af\u30b7\u30e7\u30c3\u30d7\n     \n     \u30b9\u30de\u30db\u3060\u3051\u5c11\u3057\u7e2e\u5c0f\u3057\u3066\u3001\n     \u53d7\u8b1b\u8005\u307e\u3067\u898b\u3048\u308b\u3088\u3046\u306b\u3059\u308b\n  ======================================== *\/\n\n  .slide-workshop {\n\n    object-fit:\n      contain;\n\n    object-position:\n      center center;\n\n    width:\n      88%;\n\n    height:\n      88%;\n\n    top:\n      6%;\n\n    left:\n      6%;\n\n    background:\n      #070707;\n\n  }\n\n\n\n  \/* SECTION *\/\n\n  .content-section {\n\n    width:\n      88%;\n\n    padding-top:\n      65px;\n\n    padding-bottom:\n      65px;\n\n  }\n\n\n\n  \/* EVENTS *\/\n\n  .events-section {\n\n    padding-top:\n      65px;\n\n    padding-bottom:\n      65px;\n\n  }\n\n\n  .event-row {\n\n    grid-template-columns:\n      68px 1fr;\n\n    gap:\n      17px;\n\n    padding:\n      21px 0;\n\n  }\n\n\n  .event-row:hover {\n\n    padding-left:\n      0;\n\n  }\n\n\n  .event-date strong {\n\n    font-size:\n      1.3rem;\n\n  }\n\n\n  .event-info h3 {\n\n    font-size:\n      0.95rem;\n\n  }\n\n\n\n  \/* RECORDER *\/\n\n  .recorder-section {\n\n    padding-top:\n      75px;\n\n    padding-bottom:\n      80px;\n\n  }\n\n\n  .recorder-header {\n\n    align-items:\n      flex-start;\n\n  }\n\n\n  .recorder-status {\n\n    padding-top:\n      4px;\n\n  }\n\n\n  .recorder-summary {\n\n    gap:\n      7px 17px;\n\n    font-size:\n      0.72rem;\n\n  }\n\n\n  .sound-video iframe {\n\n    height:\n      230px;\n\n  }\n\n\n  .contact-button {\n\n    width:\n      100%;\n\n    text-align:\n      center;\n\n  }\n\n\n\n  \/* PROFILE *\/\n\n  .profile-content p {\n\n    font-size:\n      0.85rem;\n\n    line-height:\n      1.9;\n\n  }\n\n\n  .profile-tab {\n\n    padding:\n      9px 13px;\n\n    font-size:\n      0.72rem;\n\n  }\n\n\n\n  \/* SOCIAL *\/\n\n  .social-section {\n\n    padding-top:\n      60px;\n\n    padding-bottom:\n      60px;\n\n  }\n\n}\n<\/style>\n\n<!-- ========================================\n     AKIRA FUKUSHIMA OFFICIAL SITE\n======================================== -->\n\n<div class=\"akira-portal\">\n\n\n  <!-- ========================================\n       HERO\n  ========================================= -->\n\n  <section class=\"hero\">\n\n    <div class=\"hero-bg hero-slider\">\n\n\n      <!-- 1\uff1a\u6f14\u594f -->\n      <img decoding=\"async\" src=\"https:\/\/fukushimaakira.com\/wp-content\/uploads\/2025\/10\/DSC02373-scaled.jpg\" alt=\"Akira Fukushima performing\" class=\"hero-slide slide-performance\">\n\n\n      <!-- 2\uff1a\u30ef\u30fc\u30af\u30b7\u30e7\u30c3\u30d7 -->\n      <img decoding=\"async\" src=\"https:\/\/fukushimaakira.com\/wp-content\/uploads\/2026\/08\/S__57655325.jpg\" alt=\"Akira Fukushima workshop\" class=\"hero-slide slide-workshop\">\n\n\n      <!-- 3\uff1a\u30ea\u30b3\u30fc\u30c0\u30fc\u88fd\u4f5c -->\n      <img decoding=\"async\" src=\"https:\/\/fukushimaakira.com\/wp-content\/uploads\/2026\/08\/S__57655318.jpg\" alt=\"Akira Fukushima making a recorder\" class=\"hero-slide slide-making\">\n\n\n    <\/div>\n\n\n    <div class=\"hero-content\">\n\n\n      <!-- \u7b46\u6587\u5b57\u30ed\u30b4 -->\n      <img decoding=\"async\" src=\"https:\/\/fukushimaakira.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-2026\u5e748\u670815\u65e5-22_07_26.png\" alt=\"\u8b5c\u4e45\u5cf6\u5f70\" class=\"hero-signature\">\n\n\n      <h1>\n        Akira Fukushima\n      <\/h1>\n\n\n      <p class=\"hero-subtitle\">\n        Recorder Player, Improviser &amp; Maker\n      <\/p>\n\n\n      <div class=\"hero-buttons\">\n\n        <a href=\"#events\" class=\"hero-btn\">\n          Concert Schedule\n        <\/a>\n\n        <a href=\"#discography\" class=\"hero-btn\">\n          Listen\n        <\/a>\n\n        <a href=\"#shop\" class=\"hero-btn\">\n          Recorder Making\n        <\/a>\n\n        <a href=\"#about\" class=\"hero-btn\">\n          Profile\n        <\/a>\n\n        <a href=\"#social\" class=\"hero-btn\">\n          SNS\n        <\/a>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- ========================================\n       EVENTS \/ CONCERTS\n  ========================================= -->\n\n  <section id=\"events\" class=\"content-section events-section\">\n\n    <div class=\"section-heading\">\n      <h2>Events \/ Concerts<\/h2>\n    <\/div>\n\n\n    <div class=\"events-list\">\n\n\n      <!-- EVENT 01 -->\n      <article class=\"event-row\">\n\n        <div class=\"event-date\">\n\n          <span class=\"event-month\">\n            OCT\n          <\/span>\n\n          <strong>\n            07\n          <\/strong>\n\n          <span class=\"event-year\">\n            2026\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"event-info\">\n\n          <p class=\"event-type\">\n            Classical music\n          <\/p>\n\n          <h3>\n            Masato Suzuki and Bach Collegium Japan\n          <\/h3>\n\n          <p class=\"event-place\">\n            B\u00e9la Bart\u00f3k National Concert Hall\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- EVENT 02 -->\n      <article class=\"event-row\">\n\n        <div class=\"event-date\">\n\n          <span class=\"event-month\">\n            OCT\n          <\/span>\n\n          <strong>\n            18\n          <\/strong>\n\n          <span class=\"event-year\">\n            2026\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"event-info\">\n\n          <p class=\"event-type\">\n            Bach Collegium Japan\n          <\/p>\n\n          <h3>\n            Brandenburg Concertos\n          <\/h3>\n\n          <p class=\"event-place\">\n            Rotterdam, Jurriaanse Zaal\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- EVENT 03 -->\n      <article class=\"event-row\">\n\n        <div class=\"event-date\">\n\n          <span class=\"event-month\">\n            OCT\n          <\/span>\n\n          <strong>\n            20\n          <\/strong>\n\n          <span class=\"event-year\">\n            2026\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"event-info\">\n\n          <p class=\"event-type\">\n            Bach Collegium Japan\n          <\/p>\n\n          <h3>\n            Bach&#8217;s Brandenburg Concertos\n          <\/h3>\n\n          <p class=\"event-place\">\n            Concertgebouw Amsterdam\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- EVENT 04 -->\n      <article class=\"event-row\">\n\n        <div class=\"event-date\">\n\n          <span class=\"event-month\">\n            Oct\n          <\/span>\n\n          <strong class=\"event-range\">\n            22\n          <\/strong>\n\n          <span class=\"event-year\">\n            2026\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"event-info\">\n\n          <p class=\"event-type\">\n            Bach Collegium Japan\n          <\/p>\n\n          <h3>\n            Brandenburg Concertos\n          <\/h3>\n\n          <p class=\"event-place\">\n            Berlin Philharmonie\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- ========================================\n       LATEST RELEASE\n  ========================================= -->\n\n  <section id=\"discography\" class=\"content-section release-section\">\n\n    <div class=\"section-heading\">\n\n      <p class=\"section-kicker\">\n        MUSIC\n      <\/p>\n\n      <h2>\n        Latest Release\n      <\/h2>\n\n    <\/div>\n\n\n    <div class=\"apple-music\">\n\n      <iframe allow=\"autoplay *; encrypted-media *; fullscreen *; clipboard-write\" frameborder=\"0\" height=\"450\" style=\"width:100%;overflow:hidden;border-radius:10px;\" sandbox=\"allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation\" src=\"https:\/\/embed.music.apple.com\/jp\/album\/lacrimae-melodies-of-tears-single\/1822455258\">\n      <\/iframe>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- ========================================\n       RECORDER MAKING\n  ========================================= -->\n\n  <section id=\"shop\" class=\"content-section recorder-section\">\n\n    <div class=\"section-heading\">\n\n      <h2>\n        Recorder Making\n      <\/h2>\n\n    <\/div>\n\n\n\n    <article class=\"recorder-item\">\n\n\n      <div class=\"recorder-header\">\n\n        <div>\n\n          <h3>\n            Ganassi Alto in G\n          <\/h3>\n\n        <\/div>\n\n\n        <span class=\"recorder-status\">\n          AVAILABLE\n        <\/span>\n\n      <\/div>\n\n\n\n      <!-- MAIN IMAGE -->\n      <div class=\"recorder-main-image\">\n\n        <img decoding=\"async\" src=\"https:\/\/fukushimaakira.com\/wp-content\/uploads\/2026\/08\/DSCF4745-scaled.jpg\" alt=\"Ganassi Alto in G recorder by Akira Fukushima\">\n\n      <\/div>\n\n\n\n      <div class=\"recorder-summary\">\n\n        <span>\n          a&#8217;=466 \/ 440 \/ 415Hz\n        <\/span>\n\n      <\/div>\n\n\n\n      <!-- ========================================\n           SOUND SAMPLE\n      ========================================= -->\n\n      <details class=\"recorder-sound\">\n\n        <summary>\n\n          <span class=\"play-icon\">\n            \u25b6\n          <\/span>\n\n\n          <span class=\"toggle-text\">\n\n            <span>\n              \u8a66\u594f\u52d5\u753b\u3092\u8074\u304f\n            <\/span>\n\n            <span class=\"lang-en\">\n              Listen to the Sound Sample\n            <\/span>\n\n          <\/span>\n\n        <\/summary>\n\n\n        <div class=\"sound-video\">\n\n          <iframe loading=\"lazy\" width=\"100%\" height=\"500\" src=\"https:\/\/www.youtube.com\/embed\/LPGtfpfvQCA?si=xGbyUIf0VWf35xTG\" title=\"Ganassi Alto in G Sound Sample\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\">\n          <\/iframe>\n\n        <\/div>\n\n      <\/details>\n\n\n\n      <!-- ========================================\n           CONTACT\n      ========================================= -->\n\n      <div class=\"recorder-contact\">\n\n        <p>\n\n          \u3054\u8cfc\u5165\u3092\u3054\u5e0c\u671b\u306e\u65b9\u3001\u3054\u8cea\u554f\u306e\u3042\u308b\u65b9\u306f\u3001<br>\n          \u30e1\u30fc\u30eb\u306b\u3066\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002\n\n\n          <span class=\"lang-en contact-en\">\n\n            For purchase inquiries or questions about this instrument,<br>\n            please contact us by email.\n\n          <\/span>\n\n        <\/p>\n\n\n\n        <a href=\"mailto:bomusic.office@gmail.com?subject=Ganassi%20Alto%20in%20G%20Inquiry\" class=\"contact-button\">\n\n          <span>\n            \u3053\u306e\u30ea\u30b3\u30fc\u30c0\u30fc\u306b\u3064\u3044\u3066\u554f\u3044\u5408\u308f\u305b\u308b\n          <\/span>\n\n          <span class=\"button-en\">\n            Inquire About This Recorder\n          <\/span>\n\n        <\/a>\n\n\n\n        <p class=\"contact-email\">\n\n          <a href=\"mailto:bomusic.office@gmail.com\">\n            bomusic.office@gmail.com\n          <\/a>\n\n        <\/p>\n\n\n      <\/div>\n\n\n    <\/article>\n\n  <\/section>\n\n\n\n  <!-- ========================================\n       ABOUT\n  ========================================= -->\n\n  <section id=\"about\" class=\"content-section about-section\">\n\n\n    <div class=\"section-heading\">\n\n      <p class=\"section-kicker\">\n        PROFILE\n      <\/p>\n\n      <h2>\n        About Akira Fukushima\n      <\/h2>\n\n    <\/div>\n\n\n\n    <div class=\"about-wrap\">\n\n\n      <!-- PROFILE IMAGE -->\n      <div class=\"about-image\">\n\n        <img decoding=\"async\" src=\"https:\/\/fukushimaakira.com\/wp-content\/uploads\/2025\/10\/DSC01182-scaled.jpeg\" alt=\"Akira Fukushima\">\n\n      <\/div>\n\n\n\n      <!-- PROFILE TEXT -->\n      <div class=\"about-text\">\n\n\n        <!-- LANGUAGE TABS -->\n        <div class=\"profile-tabs\">\n\n          <button class=\"profile-tab active\" type=\"button\" onclick=\"showProfile('jp', this)\">\n\n            \u65e5\u672c\u8a9e\n\n          <\/button>\n\n\n          <button class=\"profile-tab\" type=\"button\" onclick=\"showProfile('en', this)\">\n\n            English\n\n          <\/button>\n\n        <\/div>\n\n\n\n        <!-- JAPANESE -->\n        <div id=\"profile-jp\" class=\"profile-content active\">\n\n\n          <p>\n            \u6771\u4eac\u85dd\u8853\u5927\u5b66\u3092\u6210\u7e3e\u6700\u512a\u79c0\u8005\u3068\u3057\u3066\u5b89\u5b85\u8cde\u3001\u30a2\u30ab\u30f3\u30b5\u30b9\u97f3\u697d\u8cde\u3001\n            \u4e09\u83f1\u5730\u6240\u8cde\u3092\u53d7\u8cde\u3057\u5352\u696d\u3002\n            \u305d\u306e\u5f8c\u30b9\u30a4\u30b9\u653f\u5e9c\u512a\u79c0\u5968\u5b66\u751f\u3068\u3057\u3066\u3001\n            \u30d0\u30fc\u30bc\u30eb\u30fb\u30b9\u30b3\u30e9\u30fb\u30ab\u30f3\u30c8\u30eb\u30e0\u306e\u30ea\u30b3\u30fc\u30c0\u30fc\u79d1\u4fee\u58eb\u8ab2\u7a0b\u3092\u4fee\u4e86\u3002\n          <\/p>\n\n\n          <p>\n            \u5728\u7c4d\u6642\u306b\u6b74\u53f2\u7684\u5373\u8208\u6f14\u594f\u306b\u9b45\u305b\u3089\u308c\u3001\n            \u73fe\u5728\u30ea\u30b3\u30fc\u30c0\u30fc\u594f\u8005\u3068\u3057\u3066\u306f\u4e16\u754c\u4e8c\u4eba\u76ee\uff08\u65e5\u672c\u4eba\u521d\uff09\u306e\u5728\u7c4d\u3068\u306a\u308b\n            \u540c\u97f3\u697d\u9662\u306e\u6b74\u53f2\u7684\u5373\u8208\u6f14\u594f\u79d1\u4fee\u58eb\u8ab2\u7a0b\u3067\u7814\u947d\u3092\u7a4d\u3093\u3067\u3044\u308b\u3002\n          <\/p>\n\n\n          <p>\n            \u30c1\u30a7\u30f3\u30d0\u30ed\u594f\u8005\u306e\u8f9b\u5ddd\u592a\u4e00\u6c0f\u3068\u5171\u306b\n            \u30b3\u30f3\u30b5\u30fc\u30c8\u30b7\u30ea\u30fc\u30ba\u300e\u30d0\u30ed\u30c3\u30af\u306e\u8da3\u300f\u3092\u4e3b\u5bb0\u3059\u308b\u4ed6\u3001\n            \u30d0\u30c3\u30cf\u30fb\u30b3\u30ec\u30ae\u30a6\u30e0\u30fb\u30b8\u30e3\u30d1\u30f3\u306e\u30ea\u30b3\u30fc\u30c0\u30fc\u594f\u8005\u3068\u3057\u3066\u3001\n            \u30b5\u30f3\u30c8\u30ea\u30fc\u30db\u30fc\u30eb\u3001\u30d9\u30eb\u30ea\u30f3\u30d5\u30a3\u30eb\u30cf\u30fc\u30e2\u30cb\u30fc\u3001\n            \u30a2\u30e0\u30b9\u30c6\u30eb\u30c0\u30e0\u30fb\u30b3\u30f3\u30bb\u30eb\u30c8\u30d8\u30dc\u30a6\u7b49\u306e\u4e3b\u8981\u30db\u30fc\u30eb\u3067\u306e\u516c\u6f14\u3084\u9332\u97f3\u3001\n            \u30c6\u30ec\u30d3\u53ce\u9332\u306b\u53c2\u52a0\u3059\u308b\u306a\u3069\u3001\u56fd\u5185\u5916\u3067\u6d3b\u52d5\u3057\u3066\u3044\u308b\u3002\n          <\/p>\n\n\n          <p>\n            \u307e\u305f\u6f14\u594f\u6d3b\u52d5\u306e\u508d\u3089\u30ea\u30b3\u30fc\u30c0\u30fc\u88fd\u4f5c\u3092\u5b66\u3073\u3001\n            \u73fe\u5728\u306f\u4e3b\u306b\u30b9\u30a4\u30b9\u306e\u594f\u8005\u306b\u697d\u5668\u3092\u63d0\u4f9b\u3057\u3001\u9ad8\u3044\u8a55\u4fa1\u3092\u5f97\u3066\u3044\u308b\u3002\n            <br><br>\u3053\u308c\u307e\u3067\u306b\u30ea\u30b3\u30fc\u30c0\u30fc\u3092\u5c71\u5ca1\u91cd\u6cbb\u3001\u5411\u6c5f\u662d\u96c5\u3001\n            \u30a2\u30f3\u30c9\u30ec\u30a2\u30b9\u30fb\u30d9\u30fc\u30ec\u30f3\u3001\n            \u6b74\u53f2\u7684\u5373\u8208\u6f14\u594f\u3092\u30c7\u30a3\u30eb\u30af\u30fb\u30d9\u30eb\u30ca\u30fc\u3001\n            \u30b9\u30f4\u30a7\u30f3\u30fb\u30b7\u30e5\u30f4\u30a1\u30f3\u30d9\u30eb\u30ac\u30fc\u306e\u5404\u6c0f\u306b\u5e2b\u4e8b\u3002\n          <\/p>\n\n\n        <\/div>\n\n\n\n        <!-- ENGLISH -->\n        <div id=\"profile-en\" class=\"profile-content\">\n\n\n          <p>\n            Akira Fukushima graduated from Tokyo University of the Arts\n            as the top-performing student, receiving the Ataka Prize,\n            the Acanthus Music Award, and the Mitsubishi Estate Award.\n            He subsequently studied in Switzerland as a Swiss Government\n            Excellence Scholar and completed his Master&#8217;s degree in Recorder\n            at the Schola Cantorum Basiliensis.\n          <\/p>\n\n\n          <p>\n            During his studies, he developed a strong interest in historical\n            improvisation. He is currently pursuing a Master&#8217;s degree in\n            Historical Improvisation at the same institution, where he became\n            the second recorder player in the world\u2014and the first from Japan\u2014\n            to enroll in the program.\n          <\/p>\n\n\n          <p>\n            Together with harpsichordist Taichi Karakawa, he presents the\n            concert series \u201cBaroque no Omomuki.\u201d\n            He also performs as a recorder player with Bach Collegium Japan,\n            appearing in concerts, recordings, and television productions\n            at major venues including Suntory Hall, the Berliner Philharmonie,\n            and the Concertgebouw in Amsterdam.\n          <\/p>\n\n\n          <p>\n            Alongside his career as a performer,\n            Fukushima also studies and practices recorder making.\n            He currently provides his instruments primarily to players\n            in Switzerland, where they have been highly regarded.\n            <br><br>He has studied recorder with Shigeharu Yamaoka,\n            Akimasa Mukae, and Andreas B\u00f6hlen,\n            and historical improvisation with Dirk B\u00f6rner\n            and Sven Schwannberger.\n          <\/p>\n\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- ========================================\n       SOCIAL MEDIA\n  ========================================= -->\n\n  <section id=\"social\" class=\"content-section social-section\">\n\n\n    <div class=\"section-heading\">\n\n      <h2>\n        Follow\n      <\/h2>\n\n    <\/div>\n\n\n\n    <div class=\"social-links\">\n\n\n      <!-- INSTAGRAM -->\n      <a href=\"https:\/\/www.instagram.com\/fumenkushima?igsh=MWJpZmpoZHZzcHAxeQ%3D%3D&amp;utm_source=qr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-link\">\n\n        <span class=\"social-name\">\n          Instagram\n        <\/span>\n\n        <span class=\"social-arrow\">\n          \u2197\n        <\/span>\n\n      <\/a>\n\n\n\n      <!-- FACEBOOK -->\n      <a href=\"https:\/\/www.facebook.com\/share\/1ATRG4YQkR\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-link\">\n\n        <span class=\"social-name\">\n          Facebook\n        <\/span>\n\n        <span class=\"social-arrow\">\n          \u2197\n        <\/span>\n\n      <\/a>\n\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- ========================================\n       FOOTER\n  ========================================= -->\n\n  <footer class=\"site-footer\">\n\n    <p>\n      \u00a9 2026 Akira Fukushima | BoM Label\n    <\/p>\n\n  <\/footer>\n\n\n<\/div>\n\n\n\n<!-- ========================================\n     PROFILE TAB SCRIPT\n======================================== -->\n\n<script>\n\nfunction showProfile(language, button) {\n\n  document\n    .querySelectorAll('.profile-content')\n    .forEach(function(content) {\n\n      content.classList.remove('active');\n\n    });\n\n\n  document\n    .querySelectorAll('.profile-tab')\n    .forEach(function(tab) {\n\n      tab.classList.remove('active');\n\n    });\n\n\n  document\n    .getElementById('profile-' + language)\n    .classList.add('active');\n\n\n  button.classList.add('active');\n\n}\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Akira Fukushima Recorder Playe [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] [class*=\"ct-container\"] > article[class*=\"post\"] {--has-boxed:var(--false);--has-wide:var(--true);}","tablet":"","mobile":""},"google_fonts":[],"version":7},"disable_header":"yes","disable_footer":"yes","content_style_source":"custom","content_style":"wide","vertical_spacing_source":"custom","content_area_spacing":"none"},"_links":{"self":[{"href":"https:\/\/fukushimaakira.com\/index.php?rest_route=\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fukushimaakira.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fukushimaakira.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fukushimaakira.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fukushimaakira.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=35"}],"version-history":[{"count":92,"href":"https:\/\/fukushimaakira.com\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":189,"href":"https:\/\/fukushimaakira.com\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions\/189"}],"wp:attachment":[{"href":"https:\/\/fukushimaakira.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}