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

#info #container { background:url(../img/bg_news.jpg) fixed; background-size:cover; }

.info-dtl.box { text-align:left; padding-bottom:10px; margin-bottom:10px; }
.info-dtl.box h2 { display:block; background:#46a201; color:#fff; padding:0.4em 0.6em; line-height:140%; margin-bottom:10px; }
.info-dtl.box h2:after {content:"";clear:both;display:block;}
.info-dtl.box h2 span.date { display:inline-block; margin-right:0.5em; font-size:80%; color:#aeed7f; font-family:"Poppins", sans-serif; font-weight:normal; }
.info-dtl.box .text { font-size:90%; line-height:180%; }

.info-pic { margin:0 auto 20px auto; }
.info-pic p { position:relative; width:100%; height:0; background-color:rgba(0,0,0,0.1); }
.info-pic p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

.info-more-btn { position:relative; margin:1.0em 0; text-align:center; }
.info-more-btn a::before { display:inline-block; position:relative; top:-0.2em; margin-right:0.5em; content:"▼"; font-size:60%; }
.info-more-btn.info-more-btn-open a::before { transform: rotate(180deg); }
.info-more-btn::before { position:absolute; content:""; display:block; z-index:10; top:-6em; left:0; width:100%; height:5em; background:rgb(255,255,255); background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }
.info-more-btn.info-more-btn-open::before { display:none; }
.info-more { display:none; padding-top:20px; }

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

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

.info-pic { width:80%!important; margin:0 10% 20px 10%; }

}


/* info-top
=============================================== */

#info-top { margin-bottom:40px; color:#fff; }
#info-top-ttl { margin:0 0 0.5em 0; padding:0.4em; background-color:#333; font-family:ryo-gothic-plusn, sans-serif; font-weight:500; font-style:normal; font-size:160%; }
#info-top .info-pic p { background-color:rgba(255,255,255,0.1); }

#info-top .btn { float:none; width:100%; text-align:center; }
#info-top .btn a { display:block; width:8.0em; height:auto; margin:auto; padding:0.6em 0.4em; box-sizing:border-box; text-align:center; border-radius:10px; background-color:#2a6001; color:#fff; font-size:14px; font-weight:bold; text-decoration:none; text-indent:0; /* hover */ transition:opacity 0.2s ease-out; }
@media (hover: hover) { #info-top .btn a:hover { opacity:0.7; } }
#info-top .btn a:after { position:relative; top:0.15em; float:right; content:" "; vertical-align:middle; width:0.7em; height:0.7em; background:url(../img/arrow.png) center center no-repeat; background-size:contain; }

#info-top .info-more-btn::before { background:rgb(0,0,0); background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }

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

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

#info-top-ttl { font-size:120%; }

}