#bunkanohi{position:relative; margin:0 auto;font-family:var(--meiryo);}
#bunkanohi div.hero{width:100%;background:#000;}
#bunkanohi h2.titleimg{max-width:1200px;margin:0 auto;display:/*grid;grid-template-columns:repeat(4,auto)*/flex;justify-content:center;max-height:170px;gap:1rem;align-items:center;background:#000;line-height:1.4;
    time{display:inline-block;font-weight:bold;}
    img{aspect-ratio:481/463;max-width:100%;max-height:170px;}
    span{display:block;visibility:visible;font-weight:bold;font-size:clamp(1rem, calc(9.21px + 1.81vw), 2.5rem);text-align:left;color:#fff;}
}

.wrap+article{padding:.5em 1em 3em;}
h2.colum{font-size:2.1em;  font-weight: bold; margin:.5em auto 1em;letter-spacing:.1em;}
h2.colum.sml{font-size:1.8em}
.smp{display:none}
/*h2.colum b{font-size:1.4em; color:#2b4b64; margin:0 .1em;font-weight:bold}*/

h2.colum+h3.date{margin:2rem auto;text-align:center;
    span{font-size:clamp(1rem, calc(9.21px + 1.81vw), 2.5rem);font-weight:bold;
    time{display:inline-block;font-weight:bold;}
    }
}

.fz12.red{font-size:120%;font-weight:bold;padding:0 .2rem}

.about h2{padding-bottom:.5em;border-bottom:2px #8a2733 solid;text-align:center}

#bunkanohi .txtbox{line-height:1.6em;font-size:1.1em}
#bunkanohi .txtbox p{text-indent:1em}

#bunkanohi article.about{margin:1em auto 2em;padding:1em 2em;background:#fff;border-radius:1em;font-family:var(--meiryo);}
#bunkanohi .flex{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:1em;margin:1em auto 2em}
#bunkanohi .flex figure{width:18%}
#bunkanohi .flex .txtbox{width:78%;}
#bunkanohi .flex+iframe{display:block;margin:1em auto 2em;width:80%;aspect-ratio:16/9}

.tube{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:2em auto;gap:1em;padding-top:3em;border-top:2px #8a2733 solid;}
.tube li{width:calc(100% / 4 - .8em);overflow:hidden}
.tube p{line-height:1.6em; padding:.5em}

.tube li:hover{background:rgba(173,49,64,.2)} 
.tube li iframe{display:block;width:100%;aspect-ratio:4/3}

.linkbtn a{display:block;padding:.2em 2.5em;margin:1em auto;width:fit-content;text-align:center;font-size:1.2em;font-weight:bold;background:#fff;border:1px #ca5229 solid;position:relative;overflow:hidden;transition:.4s}
.linkbtn.wide a{padding:.3em 3.5em;margin:2em auto;font-size:1.4em;}
.linkbtn a::before,.linkbtn a::after{content:"";width:2em;aspect-ratio:1/2;background:#ca5229;position:absolute;transform:rotate(45deg);transition:.4s}
.linkbtn a::before{left:-.3em;top:-2em}
.linkbtn a::after{right:-.3em;bottom:-2em}
.linkbtn a:hover{color:#c6000b;border-color:#c6000b}
.linkbtn a:hover::before,.star+div a:hover::after{background:#c6000b;}
.linkbtn a:hover::before{left:.1em}
.linkbtn a:hover::after{right:.1em}
.linkbtn a span{font-size:.8em;display:inline-block;margin-left:1em}
span.bod{border-bottom:1px #666 solid;}
.linkbtn.wide a:hover{scale:1.2}

/*--add20260807--*/
:root{
--knzw_c:#6c9937;
--kaga_c:#b32828;
--noto_c:#1b6aa9;
}

.tabs {max-width:100%;margin:1rem auto;
.tab-buttons{display:flex;justify-content:center;align-items:flex-end;gap:1rem;
input[type="radio"] {display: none;}
label {display: inline-block;padding: 1rem 2rem;background: #eee;cursor: pointer;border-radius: .5rem .5rem 0 0;font-weight:bold;width:30%;text-align:center;transition:.4s;opacity:.5;color:#eee;}
    }
label[for="tab1"]{background:var(--knzw_c);}
label[for="tab2"]{background:var(--kaga_c);}
label[for="tab3"]{background:var(--noto_c);}
}

.tabs:has(#tab1:checked) label[for="tab1"]{opacity:1;color:#fff;font-size:1.4rem;}
.tabs:has(#tab2:checked) label[for="tab2"]{opacity:1;color:#fff;font-size:1.4rem;}
.tabs:has(#tab3:checked) label[for="tab3"]{opacity:1;color:#fff;font-size:1.4rem;}

.tab-content {display: none;padding: 1rem;background:#fff;border: 1px solid #ddd;}

dl.area{margin.5rem;
dt{font-weight:bold;margin-bottom:.1rem;padding:.5rem 0;border-bottom:1px #666 solid;}
dd{padding:.5rem;margin-bottom:.5rem;border-bottom:1px #666 solid;}
}


ul.bunka_list{/*display:flex;flex-wrap:wrap;gap:.5rem;*/display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, auto));margin:.5rem auto;
    li{/*width:calc(100% / 2 - .5rem);*/
        a{padding:.2rem .5rem;line-height:2rem;}
        a::before{content:"";display:inline-block;width:.8rem;height:.8rem;aspect-ratio:1;clip-path:polygon(0 0, 100% 50%, 0 100%);margin-right:.5rem;transition:.4s}
        a:hover::before{background:#fff;}
        p{font-size:.8rem;display:inline-block;}
    }
/*
            li{width:fit-content;
                a{padding:.2rem .5rem;border-radius:.5rem;transition:.4s;}
                p{font-size:.8rem;display:inline-block;}
            }
            li:has(p){padding-right:1rem;}
*/
}

.knzw_list{border:1px var(--knzw_c) solid;padding:1rem; dt{color:var(--knzw_c);}a{border-bottom:1px var(--knzw_c) solid;color:#333;}a:hover{color:#fff;background:var(--knzw_c);}a::before{background:var(--knzw_c);} }
.kaga_list{border:1px var(--kaga_c) solid; dt{color:var(--kaga_c);}a{border-bottom:1px var(--kaga_c) solid;color:#333;}a:hover{color:#fff;background:var(--kaga_c);} a::before{background:var(--kaga_c);}}
.noto_list{border:1px var(--noto_c) solid; dt{color:var(--noto_c);}a{border-bottom:1px var(--noto_c) solid;color:#333;}a:hover{color:#fff;background:var(--noto_c);} a::before{background:var(--noto_c);}}

.tabs:has(#tab1:checked) .tab-content[data-tab="tab1"],
.tabs:has(#tab2:checked) .tab-content[data-tab="tab2"],
.tabs:has(#tab3:checked) .tab-content[data-tab="tab3"] {
  display: block;}

h3.ttl{margin:2rem auto 1rem;font-size:1.5rem;font-weight:bold;padding:.5rem 1rem;background:/*#b8883b*/#FFC107;color:#fff;}

.s_ft{padding:1rem;text-align:center;
    p{margin:1rem auto;text-align:center;padding-top:1rem;border-top:1px #333 dotted;}
}
.listgrid{margin:1rem auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:.5rem;
    .cards{border:1px #b8883b solid;border-radius:.5rem;padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;
        figure{display:grid;place-items:center;width:45%;align-self:center;}
        figure:not(:has(a)){aspect-ratio:1;border:1px #ccc solid;background:#fff;}
        figure:not(:has(a))::before{content:"NO IMAGE";font-size:1.2rem;font-weight:bold;}
        .c_data{width:calc(100% - 45% - 1rem);display:flex;flex-wrap:wrap;
            dt h3{font-weight:bold;font-size:1.2rem;}
            dt+dd{margin-top:auto;}
            dd+dd{border-top:1px #666 dotted;}
            dd{padding:.5rem 0;
                span{display:inline-block;padding:0 1rem;background:#b8883b;color:#fff;font-weight:bold;border-radius:.5rem;font-size:.9rem;}
                p{margin-top:.5rem;}
                time{display:inline-block;}
                time+time::before{content: "\ff5e";}
            }
            }
        }
    }

@media screen and (max-width: 480px){ 
#bunkanohi .flex figure{width:75%}
#bunkanohi .flex .txtbox,#bunkanohi .flex+iframe{width:95%}
.smp{display:inline-block}
h2.colum,h2.colum.sml{line-height:1.2em;font-size:1.5em}
.tube li{width:100%}
        .listgrid{display:block;
        .cards{display:block;margin:1rem auto;
            figure{width:100%;margin-bottom:1rem;}
            figure:not(:has(a)){aspect-ratio:10/1;}
            .c_data{width:100%;}
        }
    }
ul.bunka_list{grid-template-columns:1fr;gap:.5rem;
    li{padding-bottom:.5rem;border-bottom:1px #666 dashed;}
    }
}