/* ============================
	News
============================ */

/* mainttl
-------------------------------- */

#top-news .mainttl .jp .l > span { padding:0.1em 0.2em 0.3em 0.2em; font-size:215%; }
#news .mainttl .jp .l > span { padding:0.2em; font-size:215%; }


/* top news list
-------------------------------- */

#news-list { margin-bottom:2.0em; }

/*first*/
#news #news-list { min-height:400px; }

#news-list li .item { display:block; width:100%; height:100%; padding:1.0em; box-sizing:border-box; text-decoration:none; text-align:left; line-height:140%; }
#news-list li a { transition: opacity 0.2s ease-out; }
@media (hover: hover) { #news-list li a:hover { opacity:0.7; } }
#news-list li:nth-child(odd) .item { background-color:rgba(255,255,255,0.2); }
#news-list li:nth-child(even) .item { background-color:rgba(255,255,255,0.1); }
#news-list li .item dl { display:flex; flex-direction:row; align-items:flex-start; }
#news-list li .item dt { width:7.0em; color:var(--cl-olive2); font-family:'EB_Garamond'; font-weight:600; }
#news-list li .item dd{ flex:1; color:#fff; }

/* -- Media Queries -- */

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

#news-list li .item { padding:0.7em; }
#news-list li .item dl { display:block; }

}


/* detail
-------------------------------- */

#nw-dtl-hd { text-align:left; }
#nw-dtl-hd .date { margin-bottom:0.5em; color:var(--cl-olive2); font-family:'EB_Garamond'; font-weight:600; }
#nw-dtl-hd .subttl { margin-bottom:1.0em; padding-bottom:0.8em; border-bottom:rgba(255,255,255,0.4) 1px solid; font-size:150%; line-height:140%; }

#nw-box { margin-bottom:2.0em; text-align:left; }
#nw-box .txt { padding-bottom:1.5em; line-height:170%; }

.nw-pic { padding-bottom:1.5em; }
.nw-pic .pic { margin:auto; background-position:center center; background-repeat:no-repeat; background-size:cover; }

/* -- Media Queries -- */

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

#nw-dtl-hd,
#nw-box { font-size:90%; }

}