#bunkanohi{position:relative; margin:0 auto;font-family:"‚l‚r ‚o–¾’©", "MS PMincho", "ƒqƒ‰ƒMƒm–¾’© Pro W3", "Hiragino Mincho Pro", serif;}
.wrap+article{padding:.5em 1em 3em;}
h2.colum{font-size:2.3em;  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}*/

.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: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN","HG–¾’©E","‚l‚r ‚o–¾’©","‚l‚r –¾’©",serif;}
#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}
.tube li{width:calc(100% / 4 - 1.5em);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 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}

@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%}
}