/* 宗研合唱団：募集・演奏会へのご案内 */
.shuken-guide { box-sizing:border-box; margin:20px auto 28px; padding:24px; border:1px solid #bfa77d; border-radius:8px; background:#faf6ee; color:#34281c; text-align:left; line-height:1.8; }
#hpb-main .shuken-guide h3 { background:none; border:0; padding:0; margin:0 0 10px; color:#5a3300; font-size:1.5em; height:auto; text-indent:0; }
.shuken-guide p { margin:8px 0 14px; }
.shuken-actions { display:flex; flex-wrap:wrap; gap:12px; }
#hpb-main a.shuken-button { display:inline-block; box-sizing:border-box; padding:12px 20px; background:#663d16; border:2px solid #663d16; border-radius:5px; color:#fff; font-size:1.15em; font-weight:bold; text-decoration:none; text-align:center; }
#hpb-main a.shuken-button-secondary { background:#fff; color:#663d16; }
#hpb-main a.shuken-button:hover { background:#44270c; color:#fff; }
.shuken-guide a:focus-visible { outline:3px solid #1266ad; outline-offset:4px; }
.shuken-mail { font-size:1.3em; font-weight:bold; overflow-wrap:anywhere; }
.shuken-venue-note { display:block; padding:10px 14px; border-left:4px solid #bfa77d; background:#faf6ee; margin:10px 0; line-height:1.8; }
@media(max-width:767px) {
 body.shuken-updated #hpb-container, body.shuken-updated #hpb-header, body.shuken-updated #hpb-inner, body.shuken-updated #hpb-wrapper, body.shuken-updated #hpb-title { width:100% !important; max-width:100% !important; box-sizing:border-box; }
 body.shuken-updated #hpb-main { width:100%; padding:12px; box-sizing:border-box; }
 body.shuken-updated #hpb-nav ul { flex-wrap:wrap !important; }
 body.shuken-updated #hpb-nav ul li { flex:1 1 45% !important; }
 body.shuken-updated img { max-width:100%; height:auto; }
 body.shuken-updated table, body.shuken-updated td { max-width:100%; width:auto !important; }
 body.shuken-updated blockquote { margin:12px; }
 .shuken-guide { padding:18px; }
 .shuken-actions { flex-direction:column; }
 #hpb-main a.shuken-button { width:100%; }
}