@charset "utf-8";
/******************************************************************************/
/* NICT STARS Event Viewer for JQuery Plugin                                  */
/* author : Inoue Computer Service.                                           */
/******************************************************************************/
.nict-stars-event-viewer { position:absolute; top:110px; left:0px; right:0px; width:80vw; max-width:700px; margin:0 auto; box-sizing:border-box; border-radius:6px; border:solid 1px rgba(41,51,92,0.9); background:rgba(41,51,92,0.8); box-shadow:0 0 20px 10px rgba(0,0,0,0.3); z-index:1; animation-name:nict-stars-event-viewer-slide-in; animation-duration:0.5s; }

.nict-stars-event-viewer-title                                         { display:flex; padding:10px 4px 8px 4px; font-size:15px; font-weight:bold; border-radius:6px 6px 0 0; color:#fff; background:rgba(0,0,0,0.4); }
.nict-stars-event-viewer-title .nict-stars-event-viewer-sort           { width:24px; height:24px; margin:0 6px; cursor:pointer; text-align:center; }
.nict-stars-event-viewer-title .nict-stars-event-viewer-sort:before    { content:"↓"; }
.nict-stars-event-viewer-title .nict-stars-event-viewer-desc:before    { content:"↑"; }
.nict-stars-event-viewer-title .nict-stars-event-viewer-caption        { flex-grow:1; text-indent:22px; background:url(jquery-nict-stars-event-viewer-title.svg) no-repeat left top; background-size:22px 22px; }
.nict-stars-event-viewer-title .nict-stars-event-viewer-caption:before { content:"Event Viewer"; }
.nict-stars-event-viewer-title .nict-stars-event-viewer-close          { width:24px; height:24px; margin:0 6px; cursor:pointer; background:url(jquery-nict-stars-event-viewer-close.svg) no-repeat top center; background-size:20px 20px; }

.nict-stars-event-viewer-list                                                                                                                  { list-style-type:none; margin:0px; padding:0px; }
.nict-stars-event-viewer-list .nict-stars-event-viewer-item                                                                                    { display:flex; width:100%; border-bottom:1px solid rgba(0,0,0,0.3); }
.nict-stars-event-viewer-list .nict-stars-event-viewer-item:last-of-type                                                                       { border-bottom:none; }
.nict-stars-event-viewer-list .nict-stars-event-viewer-item              > *                                                                   { font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff; }
.nict-stars-event-viewer-list .nict-stars-event-viewer-item              > .nict-stars-event-viewer-date                                       { padding:10px 10px 10px 20px; width:155px; background:rgba(0,0,0,0.2); cursor:pointer; }
.nict-stars-event-viewer-list .nict-stars-event-viewer-item              > .nict-stars-event-viewer-body                                       { width:100%; height:45px; transition:height 0.2s ease-out; }
.nict-stars-event-viewer-list .nict-stars-event-viewer-item              > .nict-stars-event-viewer-body > *:nth-of-type(1)                    { padding:10px; height:25px; overflow:hidden; text-overflow:ellipsis; background:rgba(0,0,0,0.2); cursor:pointer; }
.nict-stars-event-viewer-list .nict-stars-event-viewer-item              > .nict-stars-event-viewer-body > *:nth-of-type(1):before             { content:"●"; margin-right:10px; color:#249ce2; }
.nict-stars-event-viewer-list .nict-stars-event-viewer-item              > .nict-stars-event-viewer-body > *:nth-of-type(2)                    { padding:15px 20px 15px 30px; color:#c6d0eb; visibility:hidden; }
.nict-stars-event-viewer-list .nict-stars-event-viewer-item              > .nict-stars-event-viewer-body > .nict-stars-event-viewer-rel        { margin:0px 0px 15px 30px; padding:4px 0px; width:100px; font-size:11px; text-align:center; color:#fff; background:#249ce2; border-radius:15px; cursor:pointer; }
.nict-stars-event-viewer-list .nict-stars-event-viewer-item              > .nict-stars-event-viewer-body > .nict-stars-event-viewer-rel:hover  { background:#e1467c; }
.nict-stars-event-viewer-list .nict-stars-event-viewer-item              > .nict-stars-event-viewer-body > .nict-stars-event-viewer-rel:before { content:"link"; }
.nict-stars-event-viewer-list .nict-stars-event-viewer-item              > .nict-stars-event-viewer-user                                       { padding:10px 20px 10px 10px; width:150px; background:rgba(0,0,0,0.2); cursor:pointer; }

.nict-stars-event-viewer-list .nict-stars-event-viewer-select > .nict-stars-event-viewer-body > *                       { white-space:normal; }
.nict-stars-event-viewer-list .nict-stars-event-viewer-select > .nict-stars-event-viewer-body > *:nth-of-type(1)        { height:auto!important; overflow:visible; text-indent:-25px; padding-left:35px; border-bottom:1px solid rgba(0,0,0,0.1); }
.nict-stars-event-viewer-list .nict-stars-event-viewer-select > .nict-stars-event-viewer-body > *:nth-of-type(1):before { color:#e1467c; }
.nict-stars-event-viewer-list .nict-stars-event-viewer-select > .nict-stars-event-viewer-body > *:nth-of-type(n+2)      { visibility:visible; }

.nict-stars-event-viewer-list .nict-stars-event-viewer-no-event > .nict-stars-event-viewer-body        { line-height:45px; text-align:center; }
.nict-stars-event-viewer-list .nict-stars-event-viewer-no-event > .nict-stars-event-viewer-body:before { content:"no event"; }

@keyframes nict-stars-event-viewer-slide-in
{
  from { opacity:0; transform:translateY(-150px); }
  to   { opacity:1; transform:translateY(   0px); }
}

@media screen and (max-width :640px)
{
  .nict-stars-event-viewer                                                                                                       { width:95vw; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > *                                                            { font-size:11px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-date                                { padding:15px 5px 15px 10px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body                                { height:47px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-no-event > .nict-stars-event-viewer-body                                { line-height:47px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body > *:nth-of-type(1)             { padding:15px 5px; height:17px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body > *:nth-of-type(1):before      { margin-right:5px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-select   > .nict-stars-event-viewer-body > *:nth-of-type(1)             { text-indent:-16px; padding-left:21px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body > *:nth-of-type(2)             { padding:5px 5px 5px 20px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body > .nict-stars-event-viewer-rel { margin:0px 0px 5px 20px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-user                                { padding:15px 10px 15px 5px; }
}

@media screen and (min-width :2000px)
{
  .nict-stars-event-viewer { top:220px; max-width:1400px; border-radius:12px; border-width:2px; box-shadow:0 0 40px 20px rgba(0,0,0,0.3); }

  .nict-stars-event-viewer-title                                  { padding:10px 8px 16px 8px; font-size:30px; border-radius:12px 12px 0 0; }
  .nict-stars-event-viewer-title .nict-stars-event-viewer-sort    { width:48px; height:48px; margin:0 12px; }
  .nict-stars-event-viewer-title .nict-stars-event-viewer-caption { text-indent:44px; background-size:44px 44px; }
  .nict-stars-event-viewer-title .nict-stars-event-viewer-close   { width:48px; height:48px; margin:0 12px; background-size:40px 40px; }

  .nict-stars-event-viewer-list .nict-stars-event-viewer-item                                                                    { border-bottom-width:2px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > *                                                            { font-size:30px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-date                                { padding:20px 20px 20px 40px; width:310px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body                                { height:90px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-no-event > .nict-stars-event-viewer-body                                { line-height:90px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body > *:nth-of-type(1)             { padding:20px; height:50px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-select   > .nict-stars-event-viewer-body > *:nth-of-type(1)             { text-indent:-50px; padding-left:70px; border-bottom-width:2px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body > *:nth-of-type(1):before      { margin-right:20px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body > *:nth-of-type(2)             { padding:30px 40px 30px 60px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body > .nict-stars-event-viewer-rel { margin:0px 0px 30px 60px; padding:8px 0px; width:200px; font-size:22px; border-radius:30px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-user                                { padding:20px 40px 20px 20px; width:300px; }
}

@media screen and (min-width :4000px)
{
  .nict-stars-event-viewer { top:440px; max-width:2800px; border-radius:24px; border-width:4px; box-shadow:0 0 80px 40px rgba(0,0,0,0.3); }

  .nict-stars-event-viewer-title                                  { padding:20px 16px 32px 16px; font-size:60px; border-radius:24px 24px 0 0; }
  .nict-stars-event-viewer-title .nict-stars-event-viewer-sort    { width:96px; height:96px; margin:0 24px; }
  .nict-stars-event-viewer-title .nict-stars-event-viewer-caption { text-indent:88px; background-size:88px 88px; }
  .nict-stars-event-viewer-title .nict-stars-event-viewer-close   { width:96px; height:96px; margin:0 24px; background-size:80px 80px; }

  .nict-stars-event-viewer-list .nict-stars-event-viewer-item                                                                    { border-bottom-width:4px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > *                                                            { font-size:60px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-date                                { padding:40px 40px 40px 80px; width:620px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body                                { height:180px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-no-event > .nict-stars-event-viewer-body                                { line-height:180px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body > *:nth-of-type(1)             { padding:40px; height:100px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-select   > .nict-stars-event-viewer-body > *:nth-of-type(1)             { text-indent:-100px; padding-left:140px; border-bottom-width:4px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body > *:nth-of-type(1):before      { margin-right:40px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body > *:nth-of-type(2)             { padding:60px 80px 60px 120px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body > .nict-stars-event-viewer-rel { margin:0px 0px 60px 120px; padding:16px 0px; width:400px; font-size:44px; border-radius:60px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-user                                { padding:40px 80px 40px 40px; width:600px; }
}

@media screen and (min-width :8000px)
{
  .nict-stars-event-viewer { top:880px; max-width:5600px; border-radius:48px; border-width:8px; box-shadow:0 0 160px 80px rgba(0,0,0,0.3); }

  .nict-stars-event-viewer-title                                  { padding:40px 32px 64px 32px; font-size:120px; border-radius:48px 48px 0 0; }
  .nict-stars-event-viewer-title .nict-stars-event-viewer-sort    { width:192px; height:192px; margin:0 48px; }
  .nict-stars-event-viewer-title .nict-stars-event-viewer-caption { text-indent:176px; background-size:176px 176px; }
  .nict-stars-event-viewer-title .nict-stars-event-viewer-close   { width:192px; height:192px; margin:0 48px; background-size:160px 160px; }

  .nict-stars-event-viewer-list .nict-stars-event-viewer-item                                                                    { border-bottom-width:8px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > *                                                            { font-size:120px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-date                                { padding:80px 80px 80px 160px; width:1240px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body                                { height:360px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-no-event > .nict-stars-event-viewer-body                                { line-height:360px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body > *:nth-of-type(1)             { padding:80px; height:200px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-select   > .nict-stars-event-viewer-body > *:nth-of-type(1)             { text-indent:-200px; padding-left:280px; border-bottom-width:8px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body > *:nth-of-type(1):before      { margin-right:80px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body > *:nth-of-type(2)             { padding:120px 160px 120px 240px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-body > .nict-stars-event-viewer-rel { margin:0px 0px 120px 240px; padding:32px 0px; width:800px; font-size:88px; border-radius:120px; }
  .nict-stars-event-viewer-list .nict-stars-event-viewer-item     > .nict-stars-event-viewer-user                                { padding:80px 160px 80px 80px; width:1200px; }
}