@charset "UTF-8";

.head_supplement{font-size:0.7em;}



/*ニュース*/
#news{text-align:center;}
#news::before{content:""; display:block; height:15vh;}
#news::after{content:""; display:block; height:20vh;}
#news h1{text-align:center; margin-bottom:0;line-height:1.0;}
#news p{text-align:center; margin-top:0;}
#news ul{list-style:none; padding:0; text-align:center; }
.news_block li{border-bottom:1px dashed #999;}
.news_block li:first-child{border-top:1px solid #999;}
.news_block li:last-child{border-bottom:1px solid #999;} 
.news_block li:nth-child(n+6){display:none;}
#news article a { display: flex; width: 100%; text-decoration: none; color: #999;}
.news_block div{ margin:2vh 0.5vw; text-align:left; }
.news_block li:hover .news_time,
.news_block li:hover .news_category,
.news_block li:hover .news_title{color:#ccc;}
.news_time { min-width: 80px; }
.news_category { min-width: 60px; width: auto; background-color:#f2f2f2; }
.news_block .news_category{text-align:center;}
.news_category_pressrelease { min-width: 60px; width: auto; color:rgba(255,128,0,0.5); }
.news_category_info { min-width: 60px; width: auto; color:rgba(255,0,255,1);}
.news_title {
    min-width: 0;
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_view {display:inline-block; width:100px; border:1px solid #ccc; padding:3px; box-sizing:border-box; text-decoration:none;transition:0.3s;}
.news_view:hover {color:#999; border-color:#999; transform:scale(1.05); }

/*ギャラリー*/
#gallery { width: 100%; box-sizing: border-box; text-align:center;}
#gallery::after{content:""; display:block; height:20vh;}
#gallery h1{text-align:center; margin-bottom:0;line-height:1.0;}
#gallery p{text-align:center; margin-top:0;}
.grid-list li:nth-child(n+13) { display: none !important;}    /* 13番目以降の要素をすべて非表示にする */


#activities {
    text-align: center;
}
#activities h1{text-align:center; margin-bottom:0;line-height:1.0;}
.activities_txt{width:430px; text-align:left; margin-top:0; margin-left:auto; margin-right:auto ;}
.activities_txt a{text-decoration:none;}
.activities_txt a:hover{text-decoration:underline; color:brown;}
.activities_txt_note {text-align:left; font-size:10px;}

footer {
    font-size: 0.7rem; /*文字サイズ*/
    text-align: center; /*内容をセンタリング*/
    padding: 20px; /*ボックス内の余白*/
}