body {
font-family: 'Noto Sans JP', 'Meiryo', 'Yu Gothic', sans-serif;
background: linear-gradient(180deg, #226a9c 0 180px, #eaf6fa 180px 100%);
margin: 0;
padding: 0;
color: #222;
}
/* メイン枠 */
.main-container {
max-width: 920px;
margin: 32px auto;
background: #fff;
border-radius: 18px;
box-shadow: 0 6px 20px #0001;
padding: 0 0 32px 0;
overflow: hidden;
}
/* ヘッダー部 */
.header {
background: #225b9b;
color: #fff;
padding: 24px 32px 12px 32px;
position: relative;
}
.header-title {
font-size: 1.25em;
letter-spacing: 0.1em;
font-weight: 700;
margin-bottom: 8px;
}
/* 入場無料バッジ */
.header-badge {
position: absolute;
top: 24px;
right: 32px;
background: #cf2225;
color: #fff;
border-radius: 50%;
width: 80px;
height: 80px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.3em;
border: 6px solid #fff;
box-shadow: 0 3px 9px #0002;
z-index: 3;
text-align: center;
line-height: 1.1;
flex-direction: column;
}
.speaker-name {
font-size: 2.2em;
font-weight: 700;
letter-spacing: 0.12em;
margin-top: 14px;
margin-bottom: 0;
text-shadow: 0 2px 6px #0002;
}
.challenge-title {
font-size: 2em;
font-weight: bold;
color: #225b9b;
margin: 10px 0 0 0;
letter-spacing: 0.1em;
}
/* メイン部(写真+情報) */
.main-content {
display: flex;
gap: 36px;
align-items: flex-start;
padding: 16px 36px 0 36px;
flex-wrap: wrap;
}
/* シェフ写真 */
.speaker-photo {
width: 310px;
min-width: 220px;
max-width: 340px;
margin-top: -70px;
border-radius: 14px;
box-shadow: 0 2px 14px #226a9c30;
border: 6px solid #fff;
object-fit: cover;
background: #eef;
}
/* 右情報パネル */
.info-panel {
flex: 1;
min-width: 240px;
margin-top: 16px;
}
.info-table {
margin-bottom: 16px;
font-size: 1.15em;
line-height: 1.7;
}
.info-table th, .info-table td {
padding: 5px 8px;
}
.info-table th {
color: #225b9b;
font-weight: bold;
width: 65px;
vertical-align: top;
text-align: left;
}
.info-table td strong {
font-size: 1.3em;
color: #222;
}
.venue {
margin: 1em 0 0 0;
font-size: 1.07em;
}
.venue span {
color: #225b9b;
font-weight: 700;
font-size: 1.1em;
}
/* プロフィール折りたたみパネル */
.profile-panel {
margin-top: 18px;
background: #f2f6fc;
border-radius: 9px;
padding: 10px 16px;
box-shadow: 0 1px 4px #226a9c22;
transition: max-height 0.3s;
overflow: hidden;
font-size: 0.98em;
}
.profile-toggle {
background: #225b9b;
color: #fff;
border: none;
font-size: 1em;
font-weight: bold;
padding: 6px 16px;
border-radius: 7px;
cursor: pointer;
margin-bottom: 7px;
transition: background 0.2s;
}
.profile-toggle:hover {
background: #1c4674;
}
/* 70周年ロゴ */
.logo-area {
margin: 28px 0 0 36px;
display: flex;
align-items: center;
gap: 8px;
}
.logo-area img {
height: 58px;
}
.logo-area span {
font-size: 1.13em;
font-weight: bold;
color: #c02a18;
letter-spacing: 0.04em;
}
/* 主催・問合せ */
.footer-area {
margin: 34px 28px 0 28px;
background: #226a9c;
color: #fff;
border-radius: 10px;
padding: 18px 18px 10px 18px;
font-size: 1.01em;
display: flex;
flex-wrap: wrap;
gap: 28px;
align-items: flex-start;
justify-content: space-between;
}
.footer-area div {
min-width: 230px;
}
.footer-area b {
font-size: 1.08em;
letter-spacing: 0.05em;
}
.footer-area .qr {
text-align: right;
min-width: 90px;
}
.footer-area .qr img {
width: 84px;
}
/* スマホ対応 */
@media (max-width: 700px) {
.main-container { padding-bottom: 16px; }
.main-content { flex-direction: column; gap: 8px; padding: 10px 7px 0 7px;}
.logo-area { margin-left: 7px; }
.footer-area { margin-left: 7px; margin-right: 7px;}
.header-badge { right: 10px; top: 18px;}
}
無料

講師 | 三國 清三 氏 |
---|---|
日時 |
6月7日(土) 令和7年 開演15時30分(開場15時00分) |
場所 |
豊丘村交流学習センター ゆめあるて 長野県下伊那郡豊丘村神稲369 |
フランス料理シェフ。1954年北海道増毛町生まれ。中学卒業後、札幌グランドホテルで修行。21歳で駐スイス日本大使館公邸料理人となり、三つ星レストラン等で研鑽。
1985年「オテル・ドゥ・ミクニ」開業。料理長として日本のフレンチ界を牽引。
著書やメディア出演多数。YouTubeなどで50万人の登録者を持つ。2022年「料理マスターズ」金賞。
ベストセラーも多数。現在も第一線で活躍しスローフード推進など社会貢献も。

豊丘村制施行70周年記念
// プロフィール折りたたみ用変数
let profileOpen = false;
// 折りたたみボタンが押されたら実行
function toggleProfile() {
const panel = document.getElementById("profilePanel");
const btn = document.querySelector(".profile-toggle");
if (!profileOpen) {
// パネルを開く
panel.style.maxHeight = "300px";
btn.innerHTML = "講師プロフィール ▲";
profileOpen = true;
} else {
// パネルを閉じる
panel.style.maxHeight = "0";
btn.innerHTML = "講師プロフィール ▼";
profileOpen = false;
}
}