/*
    jobSystem 1.0 eclat-io@eclat menu.css Lv.171
    file http://www.eclat.cc/home/eclat-io/menu.css create Wed, 28 Dec 2016 20:04:49 GMT (ver1.0)
    (C) nancyan update Thu, 17 May 2018 13:06:38 GMT
*/
* {
  margin:0; padding:0;
}
a { text-decoration:none; }
a:link { color:lightblue; }

a:visited { color:#ff9; }
a:active { color:#fff; }
a:hover { color:skyblue; }

html {
  background-color:#000;
  color:#fff;
/*  overflow:hidden;*/
}
body {
  font-size:100%;
  line-height:1.7;

  height:100%;
  -webkit-text-size-adjust:100%; 
-webkit-overflow-scrolling:touch;
  font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;

}
html:not["xmls"] body {

}

#iphoneDisp {
/*
  position:absolute;
  top:0; right:0;
*/
  width:100%;
  height:100%;

}
html.pc #frm {
  position:absolute;
  right:0; top:0;
  width:80%;
}
html.iphone #frm {
  
}
html.pc #menuDisp {
  position:absolute;
  top:0; left:0;
  width:20%;
  height:100%;
  overflow:auto;
  border-right:6px dotted #cc9;
  background-image:url("/home/js/files/hoshizora.jpg");
  background-size:cotains;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center bottom;
  font-family:"Comic SansMS";
  font-size:90%;
}
ul {
  margin:1em;
}
.for-owner { display:none; }

.to-button {
  position:fixed; display:none;
  right:32px; z-index:10;
  width:60px; height:60px;
  background-color:#ffc;
  background-image:url("/home/default/files/yosei_0.gif");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:50% 50%;
  border-radius:50%; border:2px solid #ccc;
  cursor:pointer
}
#footer {
  display:none;
}
#toTopIco { bottom:16px; display:inline-block ;}

/* スマホの縦向き */
@media (max-width: 480px) {
  body { height:100%; }
  #mainDisp {
    left:0; top:60px;
    width:100%;
    height:calc(100% - 60px):
  }
  #menuDisp {
    top:0; width:96%;
    height:60px;
    border:none;
  }
  #menuDisp ul {
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    width:100%;
    -webkit-overflow-scrolling:touch;
  }
  #menuDisp li {
    list-style:none;
    display:inline-block;
    margin-right:.5em;
    padding:.25em;
    border:1px solid #808080;
  }
  #menuDisp li br {
    display:none;
  }
  #toTopIco {
    transform:scale(.8);
  }
  #toTopIco.to-button {
    right:16px;
  }
}
li span.num {
  font-size:80%;
  color:lightskyblue;
}
li a {
  display:inline-block;
  padding:0 .25em;
}
li a:hover {
  background-color:#600;
}
li a:hover span.num {
  color:#fff;
}