/* Info
========================================= */

#info #mainttl { background-image:url(../img/info/info_ttl.png); }

#info-article .subttl { margin-bottom:15px; padding:0.8em; background-color:#000; line-height:140%; color:#fff; }
#article-body { padding:0 5px; }
#info-article .box:after {content:"";clear:both;display:block;}
#info-article .box { margin-top:20px; }
#info-article .txt { font-size:90%; line-height:180%; text-align:left; }
#info-article .pic { text-align:center; }
.pic_l { float:left; margin:0.4em 15px 0 0; }
.pic_r { float:right; margin:0.4em 0 0 15px; }
.pic_c { margin:0 0 15px 0; }
.pic_c p { margin:auto; }
#info-article .pic p { margin:auto; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

.color-red { color:#dd1e2b; }
.color-orange { color:#eb6400; }
.color-green { color:#139022; }
.color-blue { color:#0068b7; }
.color-brown { color:#90662c; }

#info-back-btn { padding-top:15px; }
#info-back-btn p { width:10.0em; }
#info-back-btn p a { display:inline-block; position:relative; width:100%; padding:0.7em; box-sizing:border-box; border-radius:1.4em; background-color:#8f652c; font-size:90%; font-weight:bold; color:#fff; text-decoration:none; text-align:center; }
#info-back-btn p a::before { display:inline-block; content:""; width:0.6em; height:0.6em; position:absolute; top:0.9em; left:0.9em; background:url(../img/arrow.png) center center no-repeat; background-size:cover; transform:rotate(-90deg); }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#info #mainttl { background-image:url(../img/info/info_ttl_smp.png); }

#info-article { padding:0 10px 10px 10px; }
#info-article .subttl { padding:0.6em 0.8em; font-size:90%; }
#info-article .box { margin-top:10px; }
#info-article .txt { font-size:80%; }
#info-article .pic { float:none; margin:0 auto 10px auto; width:290px; }
#info-article .pic p { margin:auto; width:290px; }

#info-back-btn { padding:0; }
#info-back-btn p { margin:auto; }
#info-back-btn p a { font-size:80%; }

}

/* picture */

#pic_20181118_1 { width:290px; height:199px; }
#pic_20191117_1 { width:300px; height:190px; }
#pic_20201122_1 { width:300px; height:206px; }

#pic_20211114_1 { width:300px; height:206px; }

#pic_20221120_1 { width:300px; height:206px; }

#pic_20231112_2 { width:300px; height:200px; }


#pic_20241103_1 { width:300px; height:200px; }








#pic_20181118_1 p { width:290px; height:199px; background-image:url(/heritage/img/info/pic_20181118_1.jpg); }
#pic_20191117_1 p { width:300px; height:190px; background-image:url(/heritage/img/info/pic_20191117_1.jpg); }
#pic_20201122_1 p { width:300px; height:206px; background-image:url(/heritage/img/info/pic_20201122_1.jpg); }
#pic_20211114_1 p { width:300px; height:206px; background-image:url(/heritage/img/info/pic_20211114_1.jpg); }
#pic_20221120_1 p { width:300px; height:206px; background-image:url(/heritage/img/info/pic_20221120_1.jpg); }
#pic_20231112_2 p { width:300px; height:200px; background-image:url(/heritage/img/info/pic_20231112_2.jpg); }
#pic_20241103_1 p { width:300px; height:200px; background-image:url(/heritage/img/info/pic_20241103_1.jpg); }
#pic_20250527_1 p { width:400px; height:225px; background-image:url(/heritage/img/info/pic_20250527_1.jpg); }


@media all and (max-width: 767px) {

#pic_20181118_1 p { height:-webkit-calc( 199px / 290 * 290 ); height:calc( 199px / 290 * 290 ); }
#pic_20191117_1 p { height:-webkit-calc( 190px / 300 * 290 ); height:calc( 190px / 300 * 290 ); }
#pic_20201122_1 p { height:-webkit-calc( 206px / 300 * 290 ); height:calc( 206px / 300 * 290 ); }
#pic_20211114_1 p { height:-webkit-calc( 206px / 300 * 290 ); height:calc( 206px / 300 * 290 ); }
#pic_20221120_1 p { height:-webkit-calc( 206px / 300 * 290 ); height:calc( 206px / 300 * 290 ); }
#pic_20231112_2 p { height:-webkit-calc( 200px / 300 * 290 ); height:calc( 200px / 300 * 290 ); }
#pic_20241103_1 p { height:-webkit-calc( 200px / 300 * 290 ); height:calc( 200px / 300 * 290 ); }
#pic_20250527_1 p { height:-webkit-calc( 225px / 400 * 290 ); height:calc( 225px / 400 * 290 ); }


}