@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Sans+KR&family=IBM+Plex+Sans+KR&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');

/* 전반적 페이지 스타일 */

body,h1,h2,h3,h4,h5,h6{
font-family: 'IBM Plex Sans KR', "Noto Sans KR", "Noto Sans JP", "Nanum Gothic", "Malgun Gothic", sans-serif !important;
font-size: 0.9em;
line-height: 180% !important;
}

.page-background{
background: #D5DCE4 url(../assets/page-bg.png) no-repeat;
background-attachment: fixed;
background-position: center top;
color: #000000;
}

pre{
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}

#notice_i,#notice_p{
text-align: center;
font-size: 1em;
}


.pagelist,.notice{
background-color: rgba(0,0,0,0.65);
border-radius: 1em;
width: 30vw;
margin: 0.5em auto;
padding: 0.5em 0;
height: auto;
color: #FFFFFF;
}

.pagelist li{
margin-left: -0.5em;
}

@media ( max-width: 1280px ){
 .pagelist,.notice{width: 50vw;}
}

@media ( max-width: 1024px ){
 .pagelist,.notice{width: 70vw;}
}

@media ( max-width: 720px ){
 .pagelist,.notice{width: 90vw;}
}

.pageentries{font-weight: bold;}

.monthlyheader,.yearlyheader{
padding-left: 0.5em;
border-radius: 1em;
background-color: #F8F8FA;
color: rgba(0,0,0,0.95) !important;
}


label{font-size: 0.9em;}

sub,sup{line-height: normal !important;}

#scrollbutton{
bottom: 0;
right: 0;
width: 3.3em;
height: 2em;
line-height: 2em;
font-size: 140%;
text-align: center;
background-color: #E8E8FF;
border: 2px solid #5F5F5F;
border-radius: 0.25em 0em 0em 0em;
position: fixed;
opacity: 0.72;
}

span{
color: rgba(0,0,0,1);
text-decoration: none;
}

a:link{
color: rgba(0,255,221,1);
text-decoration: none;
}
a:active{
color: rgba(10,131,119,1);
text-decoration: none;
}
a:visited{
color: rgba(10,131,119,1);
text-decoration: none;
}
a:hover{
color: rgba(2,36,32,1);
text-decoration: none;
}

label{cursor: pointer;}

input{
font-family: Tahoma;
}

input[type="number"]{width: 55px;}

input.inNum{
height: 2em;
width: 7em;
font-size: 13px;
}

input.generalBtns{
background-color: #FFFFFF;
cursor: pointer;
font-family: NanumGothic;
border: 1px solid #0000FF;
border-radius: 3px;
}

input.calcBtns{
margin-top: 1em;
margin-bottom: 1em;
padding : 1.4em 8em;
font-size : 1.1em;
}

abbr{cursor: help;}

table,tr,td,th{
border: 1px solid #000000;
border-collapse: collapse;
}

ul,ol{margin-right: 1em;}

.stopped{
z-index: 5;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.5);
}

.pageindex{
margin: auto;
width: 20em;
border: 1px solid #C0B1A2;
background-color: #FFFFFF;
}

ul.sectionlist{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: inherit;
border: 1px solid #000000;
}

li.sectionlist{
display: block;
color: #000000;
text-align: center;
padding: 0.5em 1em;
text-decoration: none;
border-bottom: 1px solid #000000;
}

li.sectionlist:last-child{border-bottom: none;}

.sectionheading{
font-weight: bold;
margin-top: 2.5em;
margin-left: 0.5rem;
}

.seriesheading{
font-weight: bold;
margin-top: 1.25em;
margin-left: 0.5rem;
}

.website_about{margin: 0.25rem 0.5rem;}

.cancelled{text-decoration: line-through;}
.cancelreason{font-style: italic;}

.otherevents{
font-weight: bold;
list-style-type: none;
}

/* 멤버별 이미지 컬러 */

/* 가독성 향상 */
span[class^="c_chara"],span[class^="t_"],label{
width: auto;
height: auto;
border-radius: 6px;
padding-left: 3px;
padding-right: 3px;
background-color: rgba(255,255,255,0.78);
}

/* VIRTUAL SINGER */
#s_vs{background-color:#00CDBA;}
#s_vs a{color: #000000 !important;}
.t_vs{color: #00CDBA;}
.c_chara_miku{color: #33CCBA;}
.c_chara_rin{color: #FFCC11;}
.c_chara_len{color: #FFEE12;}
.c_chara_luka{color: #FFBACC;}
.c_chara_meiko{color: #DE4444;}
.c_chara_kaito{color: #3367CD;}

/* Leo/need */
#s_ln{background-color:#4455DD;}
#s_ln a{color: #FFFFFF !important;}
.t_ln{color: #4455DD;}
.c_chara_ichika{color: #33AAEE;}
.c_chara_saki{color: #FFDD45;}
.c_chara_honami{color: #EE6666;}
.c_chara_shiho{color: #BBDE22;}

/* MORE MORE JUMP! */
#s_mj{background-color:#6CCB20;}
#s_mj a{color: #000000 !important;}
.t_mj{color: #6CCB20;}
.c_chara_minori{color: #FFCDAC;}
.c_chara_haruka{color: #99CDFF;}
.c_chara_airi{color: #FFA9CC;}
.c_chara_shizuku{color: #9AEEDE;}

/* Vivid BAD SQUAD */
#s_vb{background-color:#EE1166;}
#s_vb a{color: #FFFFFF !important;}
.t_vb{color: #EE1166;}
.c_chara_kohane{color: #FF679A;}
.c_chara_an{color: #00BBCC;}
.c_chara_akito{color: #FF7721;}
.c_chara_touya{color: #0077DD;}

/* 원더랜즈x쇼타임 */
#s_ws{background-color:#FF9900;}
#s_ws a{color: #FFFFFF !important;}
.t_ws{color: #FF9900;}
.c_chara_tsukasa{color: #FFBB00;}
.c_chara_emu{color: #FF66BC;}
.c_chara_nene{color: #34DD9A;}
.c_chara_rui{color: #BB88ED;}

/* 25시, 나이트코드에서. */
#s_nc{background-color:#884499;}
#s_nc a{color: #FFFFFF !important;}
.t_nc{color: #884499;}
.c_chara_k_kanade{color: #BB6688;}
.c_chara_yuki_mafuyu{color: #8889CD;}
.c_chara_enanan_ena{color: #CCAA88;}
.c_chara_amia_mizuki{color: #DDAACC;}


#date_list,#overall_lists,#container_filter,.blockcontainer{
padding: 0.5em;
margin: auto;
border: 1px solid #aaaaaa;
}

#view_month,#date_now{
text-align: center;
padding: 0.5em;
margin: auto;
}

.listdesc{list-style-type: none;}

.indexhead{text-align: center;}

.idollinks{
margin-top: -0.5em;
display: none;
}

.scriptlinks{cursor: pointer;}

.idolnames,.cgevent_lists,.cgelection_lists{font-size: 1em;}



.nonavail{
opacity: 0.5;
filter: Alpha(opacity=50);
}

.tblsection{
font-size: 1.25em;
padding: 0.25em 0;
}

.notyetavail{color: #DEDEDE;}

.link_idolinfo{color: inherit !important;}


/* 텍스트 애니메이션 효과 */
@keyframes fadeInOut{
 0% {opacity: 1;}
 50% {opacity: 0;}
 100% {opacity: 1;}
}
@-o-keyframes fadeInOut{
 0% {opacity: 1;}
 50% {opacity: 0;}
 100% {opacity: 1;}
}
@-moz-keyframes fadeInOut{
 0% {opacity: 1;}
 50% {opacity: 0;}
 100% {opacity: 1;}
}
@-webkit-keyframes fadeInOut{
 0% {opacity: 1;}
 50% {opacity: 0;}
 100% {opacity: 1;}
}

#nearend_event,#nearend_event_k{
 -webkit-animation: fadeInOut 2s infinite;
 -moz-animation: fadeInOut 2s infinite;
 -o-animation: fadeInOut 2s infinite;
 animation: fadeInOut 2s infinite;
}

#cgidols_numbers_765876,#cgidols_numbers_346{
 width: 17em;
 margin: auto;
 resize: none;
}

.cg_partialvoice{color: #CCCCCC;}

.cgelection_idols{
width: 100%;
overflow: auto;
}

#birthday_today,#birthday_nearest{
text-align: center;
justify-content: center;
background-color: #F5F8FA;
background-image: url('/assets/birthday_icon_trans.png');
background-repeat: no-repeat;
background-size: 87px;
background-position: right bottom;
font-size: 1em;
width: 22.25em;
margin-top: 1em;
margin-left: auto;
margin-right: auto;
padding-top: 0.5em;
padding-bottom: 1.5em;
padding-left: 0.375em;
padding-right: 0.375em;
border-radius: 1.4em;
}


#event_countdown,#event_countdown_k{
display: table-cell;
vertical-align: middle;
height: 240px;
}

#countdown_time,#event_progress,#nearend_event,#underday_event,#countdown_time_k,#event_progress_k,#nearend_event_k,#underday_event_k{line-height: 144% !important;}

#nearest_by_series{
font-size: 1em;
margin: 0 auto 0 auto;
}

#today_birth{text-align: center;}

#page_disclaimer{padding-right: 1.5em;}

#date_now{
text-align: center;
font-size: 14px;
text-decoration: underline;
padding-top: 1em;
padding-bottom: 1em;
}

#current_browser{font-size: 11px;}

#headtext{
text-align: center;
background-color: #F5F8FA;
padding-top: 1em;
padding-bottom: 1em;
border-radius: 1.4em;
}

#author_info,#recent_edit{
text-align: right;
padding-left: 0.5em;
padding-right: 0.5em;
font-size: 90%;
}

#author_footer{
text-align: center;
padding: 1em;
font-size: 0.875em;
}

#layer_today{
display: none;
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(0,0,0,0.5);
}

#anniversaries_today{
display: none;
text-align: center;
position: absolute;
background-color: rgba(255,255,221,0.75) !important;
width: 28em;
top: 30%;
left: 50%;
border-radius: 1em;
margin-top: auto;
margin-left: -14em;
padding: 1em;
height: auto;
z-index: 2;
}


.date_today{background-color: rgba(255,255,221,0.75);}