@charset "utf-8";

div.article{width:98%;background:#fff;border-top:none;margin:0 auto;position:relative}

h2{font-size:2em;color:#fff;padding:.2em 0 .1em 2em;margin:0 auto .5em;position:relative;
background: rgb(157,200,20);
background: linear-gradient(180deg, rgba(157,200,20,1) 0%, rgba(114,187,43,1) 100%);
border-radius: .2em}
h2:before{content:"";display:inline-block;position:absolute;left:.4em;top:.2em;}

#record h2{background: rgb(106,178,227);
background: linear-gradient(180deg, rgba(106,178,227,1) 0%, rgba(84,151,210,1) 100%);}

div.art-sub{margin:0 auto .5em}
div.art-date{color:#000}
div.art-date:before{content:"【"}
div.art-date:after{content:"更新】"}

div.event,div.circular,div.news{width:95%;margin:0 auto}

/*--event--*/
#event h2:before{width:1.4em;height:1.4em;background:url(../img/common/icon/mic.svg) center no-repeat}

#event .art-sub{background:#ffe55f;padding:.2em 1em;color:#000}

.eventpic,.newspic{display:flex;flex-wrap:wrap;justify-content:center;margin:2em auto;align-items:center}
.eventpic p:empty,.newspic p:empty,.circular p:empty{display:none;}
.eventpic figure,.newspic figure{width:31%;margin:0 1%;padding:1px;border:1px #ccc solid;background:#fff}
.eventpic figure img,.newspic figure img{width:100% !important;height:auto}

/*--circular--*/
#circular h2:before{top:.4em;width:1em;height:1em;background:url(../img/common/icon/board.svg) center no-repeat}
#circular .art-sub:before,#record .art-sub:before{content:"";display:inline-block;width:.8em;height:.8em;background:#e43a47;margin-right:.5em}
#circular .art-date,#record .art-date{display:none}
.circularpic{margin:1em auto;}
.circularpic a{display:inline-block;position:relative}
#circular .article+.article:before,#news .article+.article:before,#record .article+.article:before{content:"";width:96%;height:1px;background:#000;display:inline-block;position:absolute;top:0;left:2%}
#circular section a[href$="pdf"]:after,#record section a[href$="pdf"]:after{content:none;}

/*--news--*/
#news h2{background:none;color:#000;}
#news h2:before{background:url(../img/common/icon/fukidasi.svg) center no-repeat;width:1.4em;height:1.4em;}
.eventpic:empty,.newspic:empty{display:none}

/*--record--*/
#record h2:before{top:.4em;width:1em;height:1em;background:url(../img/common/icon/pen.svg) center no-repeat}

/*--class--*/
#class h2:before{width:1.4em;height:1.4em;background:url(../img/common/icon/books.svg) center no-repeat}
#class .art-sub{background:#d0edb7;padding:.2em 1em;color:#000}

/*--group--*/
#group h2:before{width:1.4em;height:1.4em;background:url(../img/common/icon/circle.svg) center no-repeat}
#group .art-sub{background:#d4eafd;padding:.2em 1em;color:#000}

@media screen and (max-width: 540px){
.eventpic figure, .newspic figure{width:48%}
}