/*
    jobSystem 1.0 css-2@eclat main.css Lv.393
    file http://www.eclat.cc/home/css-2/main.css create Sat, 08 Oct 2016 08:13:28 GMT (ver1.0)
    (C) nancyan update Tue, 22 Dec 2020 07:26:46 GMT
*/
@charset "UTF-8";

* {
  padding:0; margin:0;
  box-sizing:border-box;
}


.for-owner, .for-guest, #header {
  display:none;
}

html {
  scroll-behavior:smooth;
  font-size:100%;
  background:#000 url("/home/log2/files/gyukawa.jpg") repeat fixed;
  -webkit-text-size-adjust:100%;
  scrollbar-color:orange rgba(96, 0, 0, .3);
}
hr {
  display:none;
}

.sec > hr:nth-of-type(12n) {
  display:block;
  color:ivory;
  height:2px;
  margin:2rem 3rem;
}
.sec > hr:nth-of-type(12)::before {
  display:block;
  content:"abc";
}

.fix {
  position:fixed; top:3px;
  width:19vw; height:calc(100vh - 6px);
  overflow:auto;
  padding:1em .25em;
  border-radius:.5rem;
  background-image:linear-gradient(180deg,
    rgba(33, 33, 33, .5) 0%, #ccc 1.5rem,
    rgba(33, 33, 33, .5) 3rem, rgba(33, 33, 33, .8) 100%
  );
  box-shadow:0 0 6px rgba(255, 255, 255, .7), 0 0 6px rgba(255, 255, 212, .6) inset;
}

#menu {
  left:3px;
}

#menu ul {
  margin-top:.5rem;
  height:calc(100vh - 6px - 9rem);
  overflow:auto;
  scroll-behavior:smooth;
}

#userDat {
  margin-top:.5rem;
  height:calc(100vh - 6px - 9rem);
  overflow:auto;
  scroll-behavior:smooth;
}

#thumbDisp {
  position:fixed; top:20vh; left:25vw;
  width:50vw; min-height:60vh;
  overflow:auto;
  border-radius:1rem;
  background-color:#fff;
  border:1px solid #ccc;
  padding:1rem;
  z-index:30;
  transform:scale(0);
  transition:transform .5s;
}
#thumbHeder {

}

#thumbDel {
  float:right;
  display:inline-blick;
  padding:1rem;
  margin:1rem;
  border:3px double #ccc;
  border-radius:6px;
  box-shadow:3px 3px #ccc;
  cursor:pointer;
}

#thumbBody {

  
}

.thumb #thumbDisp {
  transform:scale(1);
}
.thumb .fix, .thumb #main {
  filter:brightness(0.5);
}



#user {
  right:3px;
}

#ctrl a {
  color:#ffc;
}








li:hover {
  background-color:rgba(255, 255, 255, .3);
}


li {
  list-style:none;
  line-height:2rem;
  transition:background-color .5s;
}
li * {
  vertical-align:middle;
}


li a {
  text-decoration:none;
  font-size:.9rem;
  display:inline-block;
  white-space:nowrap;
  overflow:hidden;
  width:calc(100% - 2.5rem);
  text-overflow:ellipsis;
}

#userDat li a {
  width:calc(100% - 5.5rem);
  margin-right:.25em;
  verticaal-align:middle;
}

li.act a { text-decoration:underline 2px dotted orange; }

li a::before {
  display:inline-block;
  font-size:.9rem;
  margin-right:.2em;
  transition:transform 3s;
}

#Lv0::before, li a::before     { content:"⬜"; }
#Lv1::before, li.Lv1 a::before { content:"🟥"; }
#Lv2::before, li.Lv2 a::before { content:"🟨"; }
#Lv3::before, li.Lv3 a::before { content:"🟦"; }
#Lv4::before, li.Lv4 a::before { content:"🟩"; }
#Lv5::before, li.Lv5 a::before { content:"✅"; }

#LvDisp {
  padding:.2rem 0;
  border-top:3px dotted ivory;
  border-bottom:3px dotted ivory;
}

#LvDisp span {
  font-size:.9rem;
  margin-right:.5em;
}


#menu a, #userDat a { color:#fff; }
#menu .act a, #userDat .act a { color:#fcf; }

.ct, .ct-len, .us-ct, .us-len {
  color:#ccf;
  font-size:.8rem;
  line-height:1.3em;
  display:inline-block;
  width:6ex;
  text-align:center;
  padding:.15em .25em .15em 0;
  border:1px solid rgba(128, 0, 0, .6);
  border-radius:6px;
  background-color:rgba(33, 33, 33, .6);
}
.ct { text-align:right; }
.act .ct { color:yellow; }

.ct-len { width:5ex; }
.us-ct  { width:4ex; }

#Up1, .Up1 .ct-len { background-color:rgba(192, 33, 33, .6); }
#Up2, .Up2 .ct-len { background-color:rgba(33, 33, 192, .6); }
#Up3, .Up3 .ct-len { background-color:rgba(33, 192, 33, .6); }

#upDisp {
  text-align:center;
  padding-top:.5rem;
}
#upDisp span {
  display:inline-block;
  width:30%;
  margin-right:3%;
  border-radius:1em;
  font-size:.8rem;
}


#user li {
  color:ivory;
}
li .us-len {
 
}



li.C1    a::before { content:"🟦"; }
li.C253  a::before { content:"🟥"; }
/* li.C573  a::before { content:"🟫"; } */
li.C635  a::before { content:"🟪"; }
li.C851  a::before { content:"⬜"; }
li.C886  a::before { content:"🟨"; }
li.C888  a::before { content:"🟦"; }
li.C909  a::before { content:"⬜"; }
li.C1240 a::before { content:"🟩"; }
li.C1561 a::before { content:"🟩"; }

li.C1   a::after { content:" (C1)"; }



li {
  border-bottom:1px dotted #808080;
  transition:background-color .3s, border-bottom .5s;
}


li:hover a::before {
  transform:rotate(1125deg);
}

#cInfo {
  color:#fff;
}




#main {
  margin-left:20%;
  margin-right:20%;
  padding-top:1rem;
  padding-bottom:12rem;
}

.sec {
  margin-top:1.5rem;
  font-size:0px;
}

hr:nth-child(12n) {
  display:block;
}

.sec_title {
  color:#000;
  font-size:1.2rem;
  font-weight:bold;
  padding:.7rem 1rem;
  margin:.5rem;
  background-image:linear-gradient(180deg,
    rgba(33, 33, 33, .5) 0%, rgba(255, 255, 255, .9) 40%,
    rgba(255, 255, 255, .9) 60%, rgba(33, 33, 33, .5) 100%
  );
  box-shadow:0 0 6px rgba(255, 255, 255, .7), 0 0 6px rgba(255, 255, 212, .6) inset;
}

.entry {
  display:inline-block;
  counter-increment:cnt;
  font-size:.9rem;
  padding:.5em 1em;
  margin:0;
  border:1px solid #808080;
  transform:scale(.97);
  border-radius:1em;
  opacity:.96;
  cursor:default;
  width:25%;
  background-color:#fff;
  transition:transform .5s;
}
.entry  a {
  text-decoration:underline 1px dotted orange;
}
/* -- メイン領域の疑似タブの背景 -- */
.entry:nth-child(5n+1) {
  background-image:linear-gradient(90deg, rgba(255, 119, 255, 1) 0%,
    rgba(255, 119, 255, .1) 4%, #fff 4%, #fff  95%,
    rgba(255, 119, 255, .1) 96%, rgba(255, 119, 255, 1) 100%
  );
}
.entry:nth-child(5n+2) {
  background-image:linear-gradient(90deg, rgba(68, 119, 204, 1) 0%,
    rgba(68, 119, 204,.1) 4%, #fff 4%, #fff 96%,
    rgba(68, 119, 204,.1) 96%, rgba(68, 119, 204, 1) 100%
  );
}
.entry:nth-child(5n+3) {
  background-image:linear-gradient(90deg, rgba(255, 255, 119, 1) 0%,
    rgba(255, 255, 119, .1) 4%, #fff 4%, #fff 96%,
    rgba(255, 255, 119, .1) 96%, rgba(255, 255, 119, 1) 100%
  );
}
.entry:nth-child(5n+4) {
  background-image:linear-gradient(90deg, rgba(255, 119, 17, 1) 0%,
    rgba(255, 119, 17, .1) 4%, #fff 4%, #fff 96%,
    rgba(255, 119, 17, .1) 96%, rgba(255, 119, 17, 1) 100%
  );
}
.entry:nth-child(5n) {
  background-image:linear-gradient(90deg, rgba(110, 255, 155, 1) 0%,
    rgba(110, 255, 155, .1) 4%, #fff 4%, #fff 96%,
    rgba(110, 255, 155, .1) 96%, rgba(110, 255, 155, 1) 100%
  );
}

.entry_date {
  font-size:.8rem;
  color:#906;
}
.entry_date::after {
  content:"(" counter(cnt) ")";
  color:#93f;
  float:right;
}

.entry_title {
  font-size:.9.5rem;
  font-weight:bold;
  line-height:1.3rem;
  border-top:1px solid #efe0ef;
  border-bottom:1px solid #ccc;
  border-radius:3px;
  padding:.5rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:transform .5s;
}

.entry:nth-child(5n+1) .entry_title {
   background-image:linear-gradient(180deg,
     rgba(255, 119, 255, .3) 0%, #fff 50%,
     rgba(255, 119, 255, .3) 100%
   );
}
.entry:nth-child(5n+2) .entry_title {
  background-image:linear-gradient(180deg,
    rgba(68, 119, 204, .3) 0%, #fff 50%,
    rgba(68, 119, 204, .3) 100%
  );
}
.entry:nth-child(5n+3) .entry_title {
  background-image:linear-gradient(180deg,
    rgba(255, 255, 190, 1) 0%, #fff 50%,
    rgba(255, 255, 190, 1) 100%
  );
}
.entry:nth-child(5n+4) .entry_title {
  background-image:linear-gradient(180deg,
    rgba(255, 119, 17, .3) 0%, #fff 50%,
    rgba(255, 119, 17, .3) 100%
  );
}
.entry:nth-child(5n) .entry_title {
  background-image:linear-gradient(180deg,
    rgba(110, 255, 155, .3) 0%, #fff 50%,
    rgba(110, 255, 155, .3) 100%
  );
}

.entry_info {
  text-align:right;
  font-size:.9em;
}

.entry_body {
  padding:.25em .5em;
  font-size:.9em;
  color:#333;
  cursor:pointer;
  margin-bottom:.5em;
  background-color:snow;
  box-shadow:2px 2px 2px #ffefff;
  border-radius:3px;
  transition:background-color .5s;
}
.sec .entry_body {
  height:6em;
  overflow:hidden;
}
#thumbBody  .entry_body {
  margin:1em;
  min-height:5rem;
}

.entry_body:hover {
  background-color:#ffc;
  color:#000;
}

.import { display:none; }

.sec .entry_cite div {
  font-size:0px;
  padding:.2rem .6rem;
  border-radius:3px;
  bprder:1px solid moccasin;
  box-shadow:2px 2px 2px #eee;
}

.import_title {
  margin-bottom:.25rem;
  background-color:#fff3ff;
}
.import_cite {
  display:none;
  background-color:#efe;
}
#thumbBody .import_cite {
  display:block;
}

.entry_cite a {
  display:inline-block;
  font-size:.86rem;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.entry_cite a::before {
  display:inline-block;
  margin-right:.2rem;
  transition:transform 2s;
}
.import_title a::before { content:"⬜"; }
.import_cite  a::before { content:"✅"; }

.entry_cite div:hover {
  box-shadow:2px 2px 2px #ccc;
  background-color:#ffc;
}
.entry_cite div:hover a::before { transform:rotate(1125deg); }
.entry a:hover { color:magenta; }



/* -- _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
❇ 🧡コピペで使う 絵文字 記号集　💙💛💗
❇
❇ 🟨🟧 🟩🟦🟪 🟫⬛⬜ 🔴🟠🟡 🟢🔵🟣 🟤⚫⚪
❇ 💗💙💛 🧡💚🤍 💜🤎🖤 💘💖💝 💓💕💔
❇ ⭕❌ 🔷🔹 🔶🔸 🔺🔻 🔳🔲✅
❇
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ -- */





/* */