おんがくの共同作業場

合唱団募集情報へ　2019.11.4　マーラー「千人の交響曲」
2020.12.24オリジナルのシンガーシールドを使用した杉並公会堂　バッハ「ロ短調ミサ」～コンサート情報へ
コンサート情報へ　～2019.12.27　キエフ第九～
2017.3.25 音楽復興支援コンサート～會津風雅堂(会津若松公演)～おんがくの共同作業場について
2018.1.15海外公演・NYカーネギーホール　カール・ジェンキンス「平和への道程」
アフガン寄付－地雷で傷ついたアフガニスタンの子供たちに車椅子を贈るベネフィットコンサート

イベント情報

合唱団員募集

2025年06月27日立飛ホールディングス主催ベートーヴェン第９＆合唱幻想曲を歌おう！ more
2025年04月5日ヘンデル『メサイア』 more
2025年04月5日郡司博が愛した日本の合唱曲！※参考デモ音源をYoutubeで公開中です more
2025年03月16日ブリテン：戦争レクイエム more
2025年03月5日コールクランツ／メンデルスゾーン『詩篇42』団員募集！ more
2024年05月3日アンサンブルラボ Vol.4 団員募集（女声）！ more

お知らせ

img.wp-smiley,img.emoji{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:none!important;padding:0!important}.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}body{--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0 rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0 -3px rgba(255,255,255,1) , 6px 6px rgba(0,0,0,1);--wp--preset--shadow--crisp:6px 6px 0 rgba(0,0,0,1)}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flex{display:flex}body .is-layout-flex{flex-wrap:wrap;align-items:center}body .is-layout-flex>*{margin:0}body .is-layout-grid{display:grid}body .is-layout-grid>*{margin:0}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.has-black-color{color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-color{color:var(--wp--preset--color--white)!important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple)!important}.has-black-background-color{background-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-background-color{background-color:var(--wp--preset--color--white)!important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple)!important}.has-black-border-color{border-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-border-color{border-color:var(--wp--preset--color--white)!important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple)!important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple)!important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan)!important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange)!important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red)!important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray)!important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum)!important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple)!important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux)!important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk)!important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean)!important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass)!important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight)!important}.has-small-font-size{font-size:var(--wp--preset--font-size--small)!important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium)!important}.has-large-font-size{font-size:var(--wp--preset--font-size--large)!important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large)!important}.wp-block-navigation a:where(:not(.wp-element-button)){color:inherit}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}.wp-block-pullquote{font-size:1.5em;line-height:1.6}.recentcomments a{display:inline!important;padding:0!important;margin:0!important}.broken_link,a.broken_link{text-decoration:line-through}.page-id-11690{body, html { margin: 0; padding: 0; box-sizing: border-box; /* paddingとborderをwidth/heightに含める */ font-family: 'Noto Sans JP', 'Segoe UI', Meiryo, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', sans-serif; line-height: 1.7; /* 行間を少し広めに */ color: #333; /* 基本の文字色 */ background-color: #f9f9f9; /* ページ全体の背景色 */ } *, *:before, *:after { box-sizing: inherit; } a { color: #0056b3; /* NPOのブランドカラーに合わせて調整 */ text-decoration: none; transition: color 0.3s ease; } a:hover, a:focus { color: #003d80; /* ホバー時の色 */ text-decoration: underline; } /* ファーストビュー (ヒーローセクション) */ .hero-section { position: relative; /* 背景要素の基準点 */ display: flex; flex-direction: column; /* ポートレートとテキストを縦に並べる */ align-items: center; /* 中央揃え */ justify-content: center; /* 中央揃え */ min-height: 85vh; /* ビューポートの高さの85% (調整可能) */ padding: 50px 20px; /* 上下のパディングを多めに、左右は少し */ text-align: center; overflow: hidden; /* 背景要素のはみ出しを制御 */ background-color: #e9ecef; /* 背景画像が読み込まれない場合のフォールバック色 */ /* 必要であればグラデーション背景なども検討 */ /* background: linear-gradient(to bottom, rgba(233, 236, 239, 0.8), rgba(220, 223, 226, 0.9)); */ } /* 背景要素のコンテナ */ .hero-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; /* コンテンツより後ろに配置 */ } .hero-background .silhouette-overlay, .hero-background .activity-background-overlay { width: 100%; height: 100%; object-fit: cover; /* コンテナに合わせて画像を調整 */ opacity: 0.3; /* かなり薄く表示 (調整可能) */ /* シルエット画像の場合、object-positionで位置を調整することもできます */ /*例: object-position: bottom right; */ } /* コンテンツ部分 (ポートレート、キャッチコピー、リード文) */ .hero-content { position: relative; /* 背景より手前に表示 */ z-index: 2; max-width: 600px; /* コンテンツの最大幅 */ background-color: rgba(255, 255, 255, 0.85); /* テキストが読みやすいように半透明の背景 */ padding: 30px 40px; /* 内側の余白 */ border-radius: 12px; /* 角を丸くする */ box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); /* 立体感を出す影 */ margin-top: 20px; /* 上部に少しマージン */ } /* 佐藤氏のポートレート */ .portrait-container { margin-bottom: 25px; /* ポートレートとキャッチコピーの間隔 */ } .portrait { width: 180px; /* ポートレートの幅 (調整可能) */ height: 180px; /* ポートレートの高さ (調整可能) */ border-radius: 50%; /* 円形にする */ object-fit: cover; /* 画像が円にきれいに収まるように */ border: 6px solid #ffffff; /* 白い縁取り */ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* ポートレートに影 */ } .placeholder-image { /* 画像読み込み失敗時のスタイル */ background-color: #e0e0e0; display: flex; align-items: center; justify-content: center; color: #757575; font-size: 14px; } /* キャッチコピー */ .catchphrase { font-size: 2.4em; /* キャッチコピーの文字サイズ (調整可能) */ font-weight: 700; /* 太字 */ color: #1a2b48; /* NPOのテーマカラーに合わせて調整 (濃い青系など) */ margin-top: 0; margin-bottom: 20px; /* キャッチコピーとリード文の間隔 */ line-height: 2.0; /* 行間 */ } /* リード文 */ .lead-text { font-size: 1.15em; /* リード文の文字サイズ (調整可能) */ color: #495057; /* 少し濃いめのグレー */ margin-bottom: 0; /* 下部の余白はなし */ max-width: 600px; /* リード文が長くなりすぎないように */ /* text-align: left; */ } .new-director-link { font-weight: bold; /* 新代表理事の名前を少し強調 */ } /* レスポンシブ対応 */ @media (max-width: 768px) { /* タブレットサイズ */ .hero-section { min-height: auto; /* 高さを自動に */ padding: 40px 15px; } .hero-content { padding: 25px 30px; } .portrait { width: 150px; height: 150px; } .catchphrase { font-size: 2em; } .lead-text { font-size: 1.05em; } } @media (max-width: 480px) { /* スマートフォンサイズ */ .hero-content { padding: 20px; margin-top: 10px; } .portrait { width: 120px; height: 120px; border-width: 4px; } .catchphrase { font-size: 1.7em; margin-bottom: 15px; } .lead-text { font-size: 1em; } } /* ギャラリーコンテナのスタイル */ .gallery-container { display: grid; /* repeat(): 繰り返しを指定します。 auto-fit: コンテナの幅に合わせて、できるだけ多くの列を配置します。 minmax(): 列の最小幅と最大幅を指定します。ここでは最小250px、最大1fr（利用可能なスペースを均等に分割） */ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; /* グリッドアイテム間の隙間 */ padding: 15px; max-width: 1200px; /* ギャラリー全体の最大幅 */ margin: 20px auto; /* 中央寄せ */ } /* ギャラリーアイテムのスタイル */ .gallery-item { background-color: #fff; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; /* 画像がはみ出ないように */ box-shadow: 2px 2px 5px rgba(0,0,0,0.1); display: flex; /* キャプションを画像の下に配置するため */ flex-direction: column; } .gallery-item img { width: 100%; /* 親要素いっぱいに表示 */ height: auto; /* アスペクト比を維持 */ display: block; /* 余白をなくす */ object-fit: cover; /* 画像がコンテナに合わせてトリミングされる（必要に応じて調整） */ aspect-ratio: 4 / 3; /* 画像のアスペクト比を固定（任意） */ } .gallery-item .caption { padding: 10px; font-size: 0.9em; text-align: center; margin: 0; background-color: #f9f9f9; } .photo-container { max-width: 1200px; /* コンテンツの最大幅を指定 */ margin: 0 auto; /* 中央揃え */ border: 1px solid #eee; box-shadow: 0 2px 5px rgba(0,0,0,0.1); overflow: hidden; /* 角丸を有効にするため */ border-radius: 8px; } /* --- モバイル表示のスタイル (デフォルト) --- */ .photo-item img { width: 80%; height: auto; 　margin: auto auto; /* 中央揃え */ display: block; /* 画像の下にできる余分な隙間をなくす */ } .text-item { padding: 1.5rem; } /* --- PC表示のスタイル (画面幅が768px以上の場合に適用) --- */ @media (min-width: 768px) { .photo-container { display: flex; /* 子要素を横並びにする */ align-items: center; /* 子要素を縦方向の中央に揃える */ } .photo-item { /* 全体の幅の1/6を写真の幅とする */ width: calc(100% / 6); flex-shrink: 0; /* 幅が縮まないようにする */ } .text-item { /* 残りの幅をテキストエリアとする */ width: calc(100% * 5 / 6); padding: 2rem; /* PCでは余白を少し大きめに */ } } h3 { font-size: 20px !important;/*文字のサイズ*/ background: rgba(50,50,50,.07);/*背景色*/ border-bottom: 3px solid #323232;/*下線*/ color: #323232; padding: .5em .5em; margin-bottom: 10px; border-top: none; } h4 { font-size: 18px !important;/*文字のサイズ*/ border-left: 3px solid #323232;/*左線*/ padding: .5em .7em;/*余白*/ color: #323232; margin-bottom: 15px; border-top: none; border-bottom: none; } /* #sub {display: none; } */ }.postid-11506{.link-buy a { display: none; } }.postid-11649{.link-buy a { display: none; } }@media only screen and (max-width:767px){body:after{display:none;content:"smartphone"}.hide-arrows-smartphone .flex-direction-nav,.hide-navigation-smartphone .flex-control-paging,.hide-navigation-smartphone .flex-control-nav,.hide-navigation-smartphone .filmstrip{display:none!important}}@media only screen and (min-width:768px) and (max-width:1023px){body:after{display:none;content:"tablet"}.hide-arrows-tablet .flex-direction-nav,.hide-navigation-tablet .flex-control-paging,.hide-navigation-tablet .flex-control-nav,.hide-navigation-tablet .filmstrip{display:none!important}}@media only screen and (min-width:1024px) and (max-width:1439px){body:after{display:none;content:"laptop"}.hide-arrows-laptop .flex-direction-nav,.hide-navigation-laptop .flex-control-paging,.hide-navigation-laptop .flex-control-nav,.hide-navigation-laptop .filmstrip{display:none!important}}@media only screen and (min-width:1440px){body:after{display:none;content:"desktop"}.hide-arrows-desktop .flex-direction-nav,.hide-navigation-desktop .flex-control-paging,.hide-navigation-desktop .flex-control-nav,.hide-navigation-desktop .filmstrip{display:none!important}}