@charset "UTF-8";
#news #caption { display: flex; align-items: center; }
#news #caption #category a { color: #333; text-decoration: none; display: block; padding: 0.25em 0; border-radius: 2em; width: 12em; text-align: center; font-size: 0.85em; }
@media only screen and (max-width: 576px) { #news #caption #category a { font-size: 0.75em; } }
#news #caption #category a.information { background: #C4DDF5; }
#news #caption #category a.recruit { background: #FAC5E6; }
#news #caption #category a.results { background: #D5EBAF; }
#news #caption #category a.others { background: #d9d9d9; }
#news #caption #category a.students { background: #FFEB9A; }
#news #caption time { margin-left: 1em; }
#news #caption .new { display: inline-block; font-size: 0.75em; padding: 0 0.5em; margin-left: 1em; color: #E00000; border: 1px solid #E00000; background: #fff; }
@media only screen and (max-width: 576px) { #news #caption .new { font-size: 0.7em; } }
#news h2#singleTitle { margin-top: 1em; margin-bottom: 1em; font-size: clamp(1.2em, 3.5vw, 1.8em); font-weight: 600; }
#news h2#singleTitle .passwordLock::before { font-family: spring; content: ""; color: #E68F44; font-size: 1em; font-weight: normal; display: inline-block; padding-right: 0.25em; }
#news h2#singleTitle .passwordLock.open::before { font-family: spring; content: ""; color: #1b86ef; font-size: 1em; font-weight: normal; display: inline-block; padding-right: 0.25em; }
#news__inner { background: #fff; border-radius: 1em; padding: clamp(1.5em, 4vw, 2em) clamp(0.75em, 4vw, 2em); box-shadow: 0 0 1em 0 rgba(204, 204, 204, 0.2); }
#news #passwordBox > p { text-align: center; font-weight: 500; font-size: 1.1em; }
@media only screen and (max-width: 576px) { #news #passwordBox > p { font-size: 1em; } }
#news #passwordBox form.post_password { margin-top: 1em; display: flex; flex-direction: column; }
#news #passwordBox form.post_password input { margin: 0 auto; }
#news #passwordBox form.post_password input[type="password"] { padding: 1em; background: #fff; border: 2px solid #ccc; outline: none; }
#news #passwordBox form.post_password input[type="password"]:not(:placeholder-shown) { border-color: #E68F44; }
#news #passwordBox form.post_password input[type="submit"] { margin-top: 1em; background: #E68F44; color: #fff; border: none; padding: 0.75em 2em; border-radius: 0.25em; box-shadow: 0 0.5em 0.5em -0.25em rgba(0, 0, 0, 0.3); transition: box-shadow 0.2s; }
#news #passwordBox form.post_password input[type="submit"]:hover { cursor: pointer; box-shadow: 0 0.5em 0.5em -0.25em rgba(0, 0, 0, 0); }
