body{background:#FFF;}

#culture{position:relative; margin:0 auto;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

.wrap+article{padding:.5em 1em 3em;}

h2.colum{font-size:2.4em;  font-weight: bold; margin:.5em auto;letter-spacing:.1em;}
h2.colum span{font-weight:bold}
/*h2.colum b{font-size:1.4em; color:#2b4b64; margin:0 .1em;font-weight:bold}*/

/*--cultnav--*/
nav.cultnav{width:227px; float:left; margin-top:1em}
.sub,.subs{display:none;}
.cultnav li[class]{margin-bottom:1em;}
.cultnav li li{margin:0;}
.cultnav a{display:block; color:#000;line-height:1.4em}
.cultnav li[class] a{background:#CCC; font-weight:bold; padding:1em}
.cultnav li[class]:nth-of-type(odd)>a{padding:1.5em 1em}
.cultnav ul.sub li a,.cultnav ul.subs li a{background:none; border-bottom:1px #CCC dotted; font-size:.85em; padding:.8em; font-weight:normal}

.history li.hist a,.resource li.reso a,.people li.peop a,.statistics li.stat a,.cultnav li a:hover{ background:#2b4b64;color:#FFF}
.resource li.reso > .sub a,.people li.peop > .subs a{color:#000}
.resource li.reso > .sub a:hover,.people li.peop > .subs a:hover{color:#FFF}

.cultnav .sub li a:hover,.cultnav .subs li a:hover{background:rgba(43,75,100,.5);}

/*--section--*/
.colum{width:838px; float:right;}
.colum h2{background:#000; color:#FFF; padding:.5em 1em; border-left:10px #2b4b64 solid; font-weight:bold; font-size:1.2em; margin:1em auto}
.colum h2 img{margin-right:.5em}
.colum hs span{font-size:.8em;}

.colum section{margin-bottom:3em;}
.colum section:last-child{ margin-bottom:5em;}

.colum figure img{margin-bottom:.5em;}

.s-img figure{width:100%; margin-bottom:2em;}
.d-img figure{width:50%;float:left; margin-bottom:2em;}
.t-img figure{width:33.3%;float:left;margin-bottom:2em;}
.f-img figure{width:24%;float:left;margin-bottom:2em; margin-left:1%;}

.m-img figure{width:15%; float:left;margin-bottom:1em; margin-left:2%;}
.f-img figure img,.m-img figure img{width:100%;}
.f-img figure:nth-of-type(4n+1){margin-left:0}
.m-img figure:nth-of-type(6n+1){margin-left:0}
.d-img figcaption,.s-img figcaption,.f-img figcaption{ text-indent:1em;font-size:.8em}

#r04 h4{background:#000; display:inline-block; padding:.5em 1em; text-align:center; color:#FFF; margin:1em auto .5em;}
#r04 h4+p{margin:1em auto; line-height:2em;}
#r04 h3.bnkz{font-weight:bold; margin:1em;}

.textbox{line-height:2em; padding:1em;overflow:hidden}
.textbox p{text-indent:1em;}
.ishibg{background:url(../img/culture/ishikawa.gif) center center no-repeat; background-size: contain}

.textbox figure.f_r{margin-left:1em;}
.textbox table.tbl,#r04 .tbl{border-collapse:collapse; border-top:1px #000 solid;border-left:1px #000 solid; margin:3em auto;}
.textbox .tbl th,.textbox .tbl td,#r04 .tbl th,#r04 .tbl td{padding:.5em 1em; border-right:1px #000 solid; border-bottom:1px #000 solid;}
.textbox .tbl th,#r04 th{background:#d5dbe0;}
#r04 .tbl td{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; vertical-align:middle}

#r04 .tbl{text-align:center; margin-top:0}
#r04 .tbl th:first-child{width:80%;}
#r04 .tbl td:first-child{text-align:left;}

dl.reslink{ border:1px #000 solid; display:inline-block; font-size:1em;letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */; margin:2em auto 3em;overflow: hidden;}
.reslink a{color:#ad3140;}
.reslink a:hover{color:#fff;background:#ad3140;}
.reslink dt{ padding:.5em 1em;}
.reslink dd a{display:block; padding:.5em .8em .5em 0;}
.reslink dd a:before{content:"";width:0;height:0; border-left:1px #000 solid; margin-right:.8em}
.reslink dt+dd a:before{border:none}
.reslink dt{display:inline-block; color:#FFF;background:#000; letter-spacing:normal}
.reslink dd{display:inline-block;background:#FFF; letter-spacing:normal}

p.rnext{text-align:center; margin:1em auto 4em}
p.rnext a{ color:#ad3140;}
p.rnext a:after{content:"\ff1e"; margin-left:.5em}
p.rnext a:hover{text-decoration:underline;}

/*--people--*/
.people h5{color:#FFF; background:#2b4b64; display:inline-block; margin:2em auto .5em; padding:.2em 1em;}
.people dl{width:100%; margin:1em auto 0}
.people dt{clear:left;float:left; padding-left: 1em;}
.people #p04 dl{font-size:.9em;}
.people #p01 dt,.people #p03 dt{width:20%;}
.people #p02 dt{width:35%;}
.people #p04 dt{width:45%;line-height:2em}
/*.people #p04 dt{width:auto; padding-right:1em}*/
.people dt:before,p.past a:before{content:'';position:relative;display:inline-block;width: 0; height: 0;border-left: 10px solid #333;border-top: 6px solid transparent;border-bottom: 6px solid transparent;margin-right: 1em;}
.people dd{padding:0}
.people dt:nth-of-type(odd),.people dt:nth-of-type(odd)+dd,.people dt:nth-of-type(odd)+dd+dd{background:#efefef}
.people dd+dd{padding:.5em 1em 0; overflow:hidden; line-height:1.6em}
.people dd figure{float:left;margin:0 1.5em;}
.people dl+dl{margin:0 auto}
.people .colum a{color:#ad3140;}
.people p.past{text-align:right; margin:.5em auto}
.people p.past a:hover{text-decoration:underline;}

/*--statistics--*/
.statistics .textbox{font-size:1.3em; padding:0 0 0 1em}
.statistics .textbox li,.statistics .textbox dt,.statistics .textbox dd,.statistics .textbox strong,#s01 .textbox b{font-weight:bold}
.statistics .textbox strong{margin-right:.5em;}
.statistics .textbox span{font-size:.7em; font-weight:normal;margin:0 .5em 0 .2em;}
.statistics .textbox li,.statistics dd:last-child{margin-bottom:1em;}

#s01 strong{color:#d10000;}
#s02 strong{color:#2b4b64;}
#s03 dl{margin-bottom:1em}
#s03 dd strong{color:#a98745;}

#s03 dt{width:9%;clear:left;float:left;}
#s03 dd{margin-left:10%; position:relative;}
.statistics li{position:relative;}
.statistics li span:last-child{ position:absolute; left:80%}
#s03 dd span:last-child{position:absolute;left:78%;}
#s03 dl+p{text-align:right; font-size:.7em;}

/*--add20170318--*/
div.gallery{margin:1em auto;overflow:hidden;border-top:1px #ccc dotted;border-bottom:1px #ccc dotted; position:relative;line-height:1}
.gallery a{display:block; overflow:hidden; padding:.5em;}
.gallery .f_l{margin-right:1.5em;}
.colum .gallery figure img{margin:0;}
.gallery h3{font-size:1.4em;line-height:1.2em; font-weight:bold; margin-bottom:1em}
.gallery h3.brown{color:#9d4209;}
.gallery h3.blue{color:#325982;}
.gallery h4{color:#000; font-size:.95em}
.gallery h4 span:first-child{padding:.2em .5em; background:#000;color:#fff; margin-right:1em; border-radius:3px}
.gallery h4 span:last-child{margin-left:1em;}
.gallery p{position:absolute;right:.5em;bottom:.5em; padding:.5em 0}
.gallery p img{-webkit-filter: invert(100%);filter: invert(100%);position:relative; margin-right:.5em;left:0;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.gallery a:hover{background:rgba(173,49,64,.2)}
.gallery a:hover p{background:#ad3140;color:#fff;}
.gallery a:hover p img{-webkit-filter: invert(0%);filter: invert(0%);left:.3em;} 
.gallery a:hover img{opacity:1}

/*--add20191108--*/
.people h3{font-size:1.4em;margin:1em auto 0;font-weight:bold;clear:both}
.people #p02 dt.w100{width:100%;}
.people #p04 dt+dd{line-height: 2em;padding: .1em 0;}
.people #p04 dd+dd{padding:.5em 1em;clear:both}

@media screen and (max-width: 480px){ 
nav.cultnav{width:100%; float:none; margin-top:1em;position:relative;}
.cultnav li[class]{display:block; width:100%; margin:0 auto 2px;}
.cultnav li br{display:none;}
.cultnav li li{display:block;}
.cultnav li[class]:nth-of-type(odd)>a{padding:1em}
.colum{width:100%; float: none;}
/*
.d-img figure{width:100%;float:none; margin-bottom:1em;}
*/

.f-img figure{width:32%;}
.m-img figure{width:23%; float:left;margin-bottom:2em; margin:0 1%;}
.m-img figure:nth-of-type(4n+1){margin-left:1%}
.f-img figure:nth-of-type(4n+1){margin-left:1%}
.f-img figure:nth-of-type(3n+1){margin-left:0;clear:left}

.textbox figure.f_r{margin-left:0; text-align:center; margin-bottom:2em;}

.reslink{width:100%;}
.reslink dt{display:block;}
.reslink dd{display:block; border-top:1px #999 dotted;}
.reslink dt+dd{border:none;}

.people dl{font-size:.9em;}
.people dt{ padding-left: .5em;}
.people #p01 dt{width:80%;}
.people #p02 dt,.people #p03 dt{float:none;display:block; width:auto}
.people #p02 dt+dd,.people #p03 dt+dd{padding-left:2em;}
.people dd+dd{padding-bottom:1em}
.people #p04 dt{width:100%}

.statistics h2.colum b,.statistics h2.colum span{display:block}
.statistics .textbox{line-height:1.4em; padding:0 .5em}
.statistics .textbox strong,.statistics .textbox span,#s01 .textbox b{display:block;}
.statistics li span:last-child,#s03 dd span:last-child{ position:initial; text-align:right;right:auto;}
.statistics li span:last-child{border-bottom:1px #999 dotted}
#s03 dl{margin-bottom:0; border-bottom:1px #999 dashed}
#s03 dt{width:100%;float:none; padding-top:.5em}
#s03 dd{margin-left:0; position:relative;}
.statistics dd:last-child{margin-bottom:0;}
.statistics .textbox li{margin-bottom:.5em}

/*--add20170318--*/
.gallery .f_l{float:left;width:auto; margin-right:1em}
.colum .gallery figure img{margin:0;}
.gallery h3{font-size:1.1em;line-height:1.6em;margin-bottom:0}
.gallery h4{color:#000;clear:both}
.gallery h4 span:first-child{display:block; margin:.5em 0 .5em 0}
.gallery h4 span:last-child{margin-left:0;display:block}

}