@charset "UTF-8";
.Jheader {
  z-index: 10;
}

.Jfooter {
  z-index: 10;
}

.Jconfirm_bg {
  z-index: 20;
}

.Jconfirm .inner {
  z-index: 20;
}

.Jwaitting_bg {
  z-index: 20;
}

.Jwaitting .inner {
  z-index: 20;
}

.Jmessage_bg {
  z-index: 20;
}

.Jmessage .inner {
  z-index: 20;
}

.Jzoomimage {
  z-index: 19;
}

.Jzoomimage_close {
  z-index: 20;
}

.Jscr {
  z-index: 0;
}

.Jmenu {
  z-index: 20;
}

body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.Jinline {
  display: inline-block !important;
}

.Jhide {
  display: none !important;
}

.Jheader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.Jfooter {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: transform 0.3s;
}

.Japp.Jfooteroff .Jfooter {
  transform: translate(0, 10em);
}

.Jonclick {
  cursor: pointer;
}

.Jonclick:hover {
  filter: brightness(1.4);
}

.Jclicked {
  filter: brightness(1.4);
}

.Jmusterror, .Jdateerror, .Jruleerror {
  box-shadow: 0 0 100em 100em rgba(255, 0, 0, 0.1) inset;
}

.Jerrormess {
  display: inline-block;
  padding-top: 0.25em;
  color: #f44;
}

.Jselect {
  position: relative;
  display: inline-block;
}
.Jselect select {
  -webkit-appearance: none;
  appearance: none;
  color: #000;
}
.Jselect::after {
  position: absolute;
  content: url(img/icon_down.svg);
  width: 1em;
  height: 1em;
  top: 50%;
  right: 0.5em;
  transform: translate(0, -50%);
  z-index: 1;
  pointer-events: none;
}

.Jscr {
  position: absolute;
  display: none;
  overflow: scroll;
  height: 100%;
  background-color: #fff;
  width: 100%;
  padding: 0em;
  animation-duration: 0.3s;
  animation-delay: 0;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}

.Jscr > .Jinner {
  padding-top: 3em;
  padding-bottom: 3em;
}

.Jscr.Jopen {
  display: block;
  transform: translate(0, 0);
}

.Jscr[anim=normal].Jopen {
  z-index: 1;
}

.Jscr[anim=normal].Jopen.Jclose {
  z-index: 0;
}

.Jscr[anim=normal].Jopen:not(.Jclose) {
  animation-name: JscrOpenNormal;
}

.Jscr[anim=normal].Jopen.Jclose {
  animation-name: none;
  transform: translate(0, 0);
}

@keyframes JscrOpenNormal {
  0% {
    transform: translate(100%, 0);
  }
  99% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
.Jscr[anim=back].Jopen {
  z-index: 0;
}

.Jscr[anim=back].Jopen.Jclose {
  z-index: 1;
}

.Jscr[anim=back].Jopen:not(.Jclose) {
  animation-name: none;
  transform: translate(0, 0);
}

.Jscr[anim=back].Jopen.Jclose {
  animation-name: JscrOpenBack;
}

@keyframes JscrOpenBack {
  0% {
    transform: translate(0%, 0);
  }
  99% {
    transform: translate(100%, 0);
  }
  100% {
    transform: translate(100%, 0);
  }
}
.Jtitle {
  padding: 0.5em;
}

.Jtbl {
  border-collapse: collapse;
}

.Jtbl td {
  border: solid 1px #ddd;
}

.Jerr {
  font-weight: bold;
}

.Jtbl.Jstandard {
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.Jtbl.Jstandard *:not(.Jscrollbar) {
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}
.Jtbl.Jstandard *:not(.Jscrollbar)::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}
.Jtbl.Jstandard .Jrech {
  overflow: auto;
  height: 3em;
  white-space: nowrap;
  background-color: #ddd;
}
.Jtbl.Jstandard .Jrech .Jfldh {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.25em 0em 0.25em;
  white-space: pre-wrap;
  word-break: break-all;
  min-width: 1em;
  vertical-align: top;
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
  text-align: center;
  background-color: #e1e8ff;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.Jtbl.Jstandard .Jrech .Jfldh[name]:after {
  position: absolute;
  content: " ";
  right: -0.2em;
  bottom: 0.1em;
  width: 0em;
  height: 0em;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-bottom: 0.5em solid rgba(0, 0, 0, 0.1);
  transform: rotate(135deg);
}
.Jtbl.Jstandard .Jrech .Jfldh[name]:hover:after {
  border-bottom: 0.5em solid #6188ff;
}
.Jtbl.Jstandard .Jrecs {
  position: absolute;
  top: 3em;
  height: calc(100vh - 20em);
  overflow: auto;
  background-color: #ddd;
}
.Jtbl.Jstandard .Jrecs .Jinner {
  position: absolute;
  top: 0;
}
.Jtbl.Jstandard .Jrec {
  display: block;
  white-space: nowrap;
}
.Jtbl.Jstandard .Jrec:nth-child(2n+1) {
  background-color: #fff;
}
.Jtbl.Jstandard .Jrec:nth-child(2n) {
  background-color: #f0f0f0;
}
.Jtbl.Jstandard .Jrec .Jfld {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.25em 0em 0.25em;
  white-space: pre-wrap;
  word-break: break-all;
  min-width: 1em;
  vertical-align: top;
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.Jtbl.Jstandard .Jrec .Jfld.Jselected {
  background-color: #8d8;
}
.Jtbl.Jstandard .Jrec .Jfld.Jcopied {
  background-color: #ddd;
}
.Jtbl.Jstandard .Jrec .Jfld.Jchanged {
  background-color: #ffa;
}
.Jtbl.Jstandard .Jrec .Jfld.Jnumber {
  text-align: right;
}
.Jtbl.Jstandard .Jrec .Jfld.Jonclick:after {
  position: absolute;
  content: " ";
  right: -0.2em;
  bottom: 0.1em;
  width: 0em;
  height: 0em;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-bottom: 0.5em solid rgba(0, 0, 0, 0.1);
  transform: rotate(135deg);
}
.Jtbl.Jstandard .Jrec .Jfld.Jonclick:hover:after {
  border-bottom: 0.5em solid #6188ff;
}
.Jtbl.Jstandard .Jrec .Jerrormess {
  position: absolute;
  display: none;
  background-color: rgba(255, 0, 0, 0.7);
  color: #fff;
  padding: 0.5em;
  margin-top: -2em;
  border-radius: 1em 1em 1em 0;
}
.Jtbl.Jstandard .Jrec .Jinp:focus + .Jerrormess {
  display: inline-block;
}
.Jtbl.Jstandard .Jrecf {
  overflow: auto;
  white-space: nowrap;
  background-color: #ddd;
}
.Jtbl.Jstandard .Jrecf .Jfldf {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.25em 0em 0.25em;
  white-space: pre-wrap;
  word-break: break-all;
  min-width: 1em;
  vertical-align: top;
  box-sizing: border-box;
  overflow: auto;
  text-align: center;
  background-color: #e1e8ff;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.Jtbl.Jstandard .Jrecf .Jfldf.Jnumber, .Jtbl.Jstandard .Jrecf .Jfldf.Jnum10000 {
  text-align: right;
  padding-right: 0.5em;
}
.Jtbl.Jstandard .Jw1 {
  width: 1em;
}
.Jtbl.Jstandard .Jw2 {
  width: 2em;
}
.Jtbl.Jstandard .Jw3 {
  width: 3em;
}
.Jtbl.Jstandard .Jw4 {
  width: 4em;
}
.Jtbl.Jstandard .Jw5 {
  width: 5em;
}
.Jtbl.Jstandard .Jw6 {
  width: 6em;
}
.Jtbl.Jstandard .Jw7 {
  width: 7em;
}
.Jtbl.Jstandard .Jw8 {
  width: 8em;
}
.Jtbl.Jstandard .Jw9 {
  width: 9em;
}
.Jtbl.Jstandard .Jw10 {
  width: 10em;
}
.Jtbl.Jstandard .Jw11 {
  width: 11em;
}
.Jtbl.Jstandard .Jw12 {
  width: 12em;
}
.Jtbl.Jstandard .Jw13 {
  width: 13em;
}
.Jtbl.Jstandard .Jw14 {
  width: 14em;
}
.Jtbl.Jstandard .Jw15 {
  width: 15em;
}
.Jtbl.Jstandard .Jw16 {
  width: 16em;
}
.Jtbl.Jstandard .Jw17 {
  width: 17em;
}
.Jtbl.Jstandard .Jw18 {
  width: 18em;
}
.Jtbl.Jstandard .Jw19 {
  width: 19em;
}
.Jtbl.Jstandard .Jw20 {
  width: 20em;
}
.Jtbl.Jstandard .Jw21 {
  width: 21em;
}
.Jtbl.Jstandard .Jw22 {
  width: 22em;
}
.Jtbl.Jstandard .Jw23 {
  width: 23em;
}
.Jtbl.Jstandard .Jw24 {
  width: 24em;
}
.Jtbl.Jstandard .Jw25 {
  width: 25em;
}
.Jtbl.Jstandard .Jw26 {
  width: 26em;
}
.Jtbl.Jstandard .Jw27 {
  width: 27em;
}
.Jtbl.Jstandard .Jw28 {
  width: 28em;
}
.Jtbl.Jstandard .Jw29 {
  width: 29em;
}
.Jtbl.Jstandard .Jw30 {
  width: 30em;
}
.Jtbl.Jstandard .Jw31 {
  width: 31em;
}
.Jtbl.Jstandard .Jw32 {
  width: 32em;
}
.Jtbl.Jstandard .Jw33 {
  width: 33em;
}
.Jtbl.Jstandard .Jw34 {
  width: 34em;
}
.Jtbl.Jstandard .Jw35 {
  width: 35em;
}
.Jtbl.Jstandard .Jw36 {
  width: 36em;
}
.Jtbl.Jstandard .Jw37 {
  width: 37em;
}
.Jtbl.Jstandard .Jw38 {
  width: 38em;
}
.Jtbl.Jstandard .Jw39 {
  width: 39em;
}
.Jtbl.Jstandard .Jw40 {
  width: 40em;
}
.Jtbl.Jstandard .Jw41 {
  width: 41em;
}
.Jtbl.Jstandard .Jw42 {
  width: 42em;
}
.Jtbl.Jstandard .Jw43 {
  width: 43em;
}
.Jtbl.Jstandard .Jw44 {
  width: 44em;
}
.Jtbl.Jstandard .Jw45 {
  width: 45em;
}
.Jtbl.Jstandard .Jw46 {
  width: 46em;
}
.Jtbl.Jstandard .Jw47 {
  width: 47em;
}
.Jtbl.Jstandard .Jw48 {
  width: 48em;
}
.Jtbl.Jstandard .Jw49 {
  width: 49em;
}
.Jtbl.Jstandard .Jw50 {
  width: 50em;
}
.Jtbl.Jstandard .Jw51 {
  width: 51em;
}
.Jtbl.Jstandard .Jw52 {
  width: 52em;
}
.Jtbl.Jstandard .Jw53 {
  width: 53em;
}
.Jtbl.Jstandard .Jw54 {
  width: 54em;
}
.Jtbl.Jstandard .Jw55 {
  width: 55em;
}
.Jtbl.Jstandard .Jw56 {
  width: 56em;
}
.Jtbl.Jstandard .Jw57 {
  width: 57em;
}
.Jtbl.Jstandard .Jw58 {
  width: 58em;
}
.Jtbl.Jstandard .Jw59 {
  width: 59em;
}
.Jtbl.Jstandard .Jw60 {
  width: 60em;
}
.Jtbl.Jstandard .Jw61 {
  width: 61em;
}
.Jtbl.Jstandard .Jw62 {
  width: 62em;
}
.Jtbl.Jstandard .Jw63 {
  width: 63em;
}
.Jtbl.Jstandard .Jw64 {
  width: 64em;
}
.Jtbl.Jstandard .Jw65 {
  width: 65em;
}
.Jtbl.Jstandard .Jw66 {
  width: 66em;
}
.Jtbl.Jstandard .Jw67 {
  width: 67em;
}
.Jtbl.Jstandard .Jw68 {
  width: 68em;
}
.Jtbl.Jstandard .Jw69 {
  width: 69em;
}
.Jtbl.Jstandard .Jw70 {
  width: 70em;
}
.Jtbl.Jstandard .Jw71 {
  width: 71em;
}
.Jtbl.Jstandard .Jw72 {
  width: 72em;
}
.Jtbl.Jstandard .Jw73 {
  width: 73em;
}
.Jtbl.Jstandard .Jw74 {
  width: 74em;
}
.Jtbl.Jstandard .Jw75 {
  width: 75em;
}
.Jtbl.Jstandard .Jw76 {
  width: 76em;
}
.Jtbl.Jstandard .Jw77 {
  width: 77em;
}
.Jtbl.Jstandard .Jw78 {
  width: 78em;
}
.Jtbl.Jstandard .Jw79 {
  width: 79em;
}
.Jtbl.Jstandard .Jw80 {
  width: 80em;
}
.Jtbl.Jstandard .Jw81 {
  width: 81em;
}
.Jtbl.Jstandard .Jw82 {
  width: 82em;
}
.Jtbl.Jstandard .Jw83 {
  width: 83em;
}
.Jtbl.Jstandard .Jw84 {
  width: 84em;
}
.Jtbl.Jstandard .Jw85 {
  width: 85em;
}
.Jtbl.Jstandard .Jw86 {
  width: 86em;
}
.Jtbl.Jstandard .Jw87 {
  width: 87em;
}
.Jtbl.Jstandard .Jw88 {
  width: 88em;
}
.Jtbl.Jstandard .Jw89 {
  width: 89em;
}
.Jtbl.Jstandard .Jw90 {
  width: 90em;
}
.Jtbl.Jstandard .Jw91 {
  width: 91em;
}
.Jtbl.Jstandard .Jw92 {
  width: 92em;
}
.Jtbl.Jstandard .Jw93 {
  width: 93em;
}
.Jtbl.Jstandard .Jw94 {
  width: 94em;
}
.Jtbl.Jstandard .Jw95 {
  width: 95em;
}
.Jtbl.Jstandard .Jw96 {
  width: 96em;
}
.Jtbl.Jstandard .Jw97 {
  width: 97em;
}
.Jtbl.Jstandard .Jw98 {
  width: 98em;
}
.Jtbl.Jstandard .Jw99 {
  width: 99em;
}
.Jtbl.Jstandard .Jw100 {
  width: 100em;
}

.Jfieldope .Jinner {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #e1e8ff;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0em 0em 0.5em 0.5em;
  padding: 0.5em;
}
.Jfieldope .Jinner .Jope1 {
  padding: 0.5em;
  cursor: pointer;
  color: #444;
}
.Jfieldope .Jinner .Jope1:hover {
  color: #6188ff;
}
.Jfieldope .Jinner .Jfilter {
  padding: 0.5em;
  cursor: pointer;
  color: #444;
}
.Jfieldope .Jinner .Jfilter:hover {
  color: #6188ff;
}
.Jfieldope .Jinner .Jfilter span {
  vertical-align: -0.1em;
}
.Jfieldope .Jinner .Jfilter.open span {
  transform: rotate(180deg);
  display: inline-block;
}
.Jfieldope .Jinner .Jkeyword {
  padding: 1em;
  border-radius: 0.25em;
}
.Jfieldope .Jinner .Jfilterlist {
  background-color: #fff;
  overflow: auto;
  max-height: 20em;
  padding: 0.25em;
  margin: 0.5em;
  border-top: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #ccc;
  border-radius: 0.25em;
}
.Jfieldope .Jinner .Jfilterlist:empty {
  display: none;
}
.Jfieldope .Jinner .Jfilterlist .Jfilterall, .Jfieldope .Jinner .Jfilterlist .Jfilter1 {
  display: block;
  padding: 0.25em;
}
.Jfieldope .Jinner .Jfilterlist .Jfilterall input[type=checkbox], .Jfieldope .Jinner .Jfilterlist .Jfilter1 input[type=checkbox] {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.25em;
  vertical-align: -0.1em;
}
.Jfieldope .Jfieldope_bg {
  position: fixed;
  display: block;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.3s;
}

@media screen and (max-width: 480px) {
  .Jspnarrow {
    font-size: 126.31%;
  }
}
@media screen and (max-width: 470px) {
  .Jspnarrow {
    font-size: 123.68%;
  }
}
@media screen and (max-width: 460px) {
  .Jspnarrow {
    font-size: 121.05%;
  }
}
@media screen and (max-width: 450px) {
  .Jspnarrow {
    font-size: 118.42%;
  }
}
@media screen and (max-width: 440px) {
  .Jspnarrow {
    font-size: 115.78%;
  }
}
@media screen and (max-width: 430px) {
  .Jspnarrow {
    font-size: 113.15%;
  }
}
@media screen and (max-width: 420px) {
  .Jspnarrow {
    font-size: 110.52%;
  }
}
@media screen and (max-width: 410px) {
  .Jspnarrow {
    font-size: 107.89%;
  }
}
@media screen and (max-width: 400px) {
  .Jspnarrow {
    font-size: 105.26%;
  }
}
@media screen and (max-width: 390px) {
  .Jspnarrow {
    font-size: 102.63%;
  }
}
@media screen and (max-width: 380px) {
  .Jspnarrow {
    font-size: 100%;
  }
}
@media screen and (max-width: 370px) {
  .Jspnarrow {
    font-size: 97.36%;
  }
}
@media screen and (max-width: 360px) {
  .Jspnarrow {
    font-size: 94.73%;
  }
}
@media screen and (max-width: 350px) {
  .Jspnarrow {
    font-size: 92.1%;
  }
}
@media screen and (max-width: 340px) {
  .Jspnarrow {
    font-size: 89.47%;
  }
}
@media screen and (max-width: 330px) {
  .Jspnarrow {
    font-size: 86.84%;
  }
}
@media screen and (max-width: 320px) {
  .Jspnarrow {
    font-size: 84.21%;
  }
}
@media screen and (max-width: 310px) {
  .Jspnarrow {
    font-size: 81.57%;
  }
}
@media screen and (max-width: 300px) {
  .Jspnarrow {
    font-size: 78.94%;
  }
}
@media screen and (max-width: 290px) {
  .Jspnarrow {
    font-size: 76.31%;
  }
}
@media screen and (max-width: 280px) {
  .Jspnarrow {
    font-size: 73.68%;
  }
}
@media screen and (max-width: 270px) {
  .Jspnarrow {
    font-size: 71.05%;
  }
}
@media screen and (max-width: 260px) {
  .Jspnarrow {
    font-size: 68.42%;
  }
}
@media screen and (max-width: 250px) {
  .Jspnarrow {
    font-size: 65.78%;
  }
}
@media screen and (max-width: 240px) {
  .Jspnarrow {
    font-size: 63.15%;
  }
}
@media screen and (max-width: 760px) {
  .Jtbnarrow {
    font-size: 100%;
  }
}
@media screen and (max-width: 750px) {
  .Jtbnarrow {
    font-size: 98.68%;
  }
}
@media screen and (max-width: 740px) {
  .Jtbnarrow {
    font-size: 97.36%;
  }
}
@media screen and (max-width: 730px) {
  .Jtbnarrow {
    font-size: 96.05%;
  }
}
@media screen and (max-width: 720px) {
  .Jtbnarrow {
    font-size: 94.73%;
  }
}
@media screen and (max-width: 710px) {
  .Jtbnarrow {
    font-size: 93.42%;
  }
}
@media screen and (max-width: 700px) {
  .Jtbnarrow {
    font-size: 92.1%;
  }
}
@media screen and (max-width: 690px) {
  .Jtbnarrow {
    font-size: 90.78%;
  }
}
@media screen and (max-width: 680px) {
  .Jtbnarrow {
    font-size: 89.47%;
  }
}
@media screen and (max-width: 670px) {
  .Jtbnarrow {
    font-size: 88.15%;
  }
}
@media screen and (max-width: 660px) {
  .Jtbnarrow {
    font-size: 86.84%;
  }
}
@media screen and (max-width: 650px) {
  .Jtbnarrow {
    font-size: 85.52%;
  }
}
@media screen and (max-width: 640px) {
  .Jtbnarrow {
    font-size: 84.21%;
  }
}
@media screen and (max-width: 630px) {
  .Jtbnarrow {
    font-size: 82.89%;
  }
}
@media screen and (max-width: 620px) {
  .Jtbnarrow {
    font-size: 81.57%;
  }
}
@media screen and (max-width: 610px) {
  .Jtbnarrow {
    font-size: 80.26%;
  }
}
@media screen and (max-width: 600px) {
  .Jtbnarrow {
    font-size: 78.94%;
  }
}
@media screen and (max-width: 590px) {
  .Jtbnarrow {
    font-size: 77.63%;
  }
}
@media screen and (max-width: 580px) {
  .Jtbnarrow {
    font-size: 76.31%;
  }
}
@media screen and (max-width: 570px) {
  .Jtbnarrow {
    font-size: 75%;
  }
}
@media screen and (max-width: 560px) {
  .Jtbnarrow {
    font-size: 73.68%;
  }
}
@media screen and (max-width: 550px) {
  .Jtbnarrow {
    font-size: 72.36%;
  }
}
@media screen and (max-width: 540px) {
  .Jtbnarrow {
    font-size: 71.05%;
  }
}
@media screen and (max-width: 530px) {
  .Jtbnarrow {
    font-size: 69.73%;
  }
}
@media screen and (max-width: 520px) {
  .Jtbnarrow {
    font-size: 68.42%;
  }
}
@media screen and (max-width: 510px) {
  .Jtbnarrow {
    font-size: 67.1%;
  }
}
@media screen and (max-width: 500px) {
  .Jtbnarrow {
    font-size: 65.78%;
  }
}
@media screen and (max-width: 490px) {
  .Jtbnarrow {
    font-size: 64.47%;
  }
}
@media screen and (max-width: 480px) {
  .Jtbnarrow {
    font-size: 63.15%;
  }
}
@media screen and (max-width: 470px) {
  .Jtbnarrow {
    font-size: 61.84%;
  }
}
@media screen and (max-width: 460px) {
  .Jtbnarrow {
    font-size: 60.52%;
  }
}
@media screen and (max-width: 450px) {
  .Jtbnarrow {
    font-size: 59.21%;
  }
}
@media screen and (max-width: 440px) {
  .Jtbnarrow {
    font-size: 57.89%;
  }
}
@media screen and (max-width: 430px) {
  .Jtbnarrow {
    font-size: 56.57%;
  }
}
@media screen and (max-width: 420px) {
  .Jtbnarrow {
    font-size: 55.26%;
  }
}
@media screen and (max-width: 410px) {
  .Jtbnarrow {
    font-size: 53.94%;
  }
}
@media screen and (max-width: 400px) {
  .Jtbnarrow {
    font-size: 52.63%;
  }
}
@media screen and (max-width: 390px) {
  .Jtbnarrow {
    font-size: 51.31%;
  }
}
@media screen and (max-width: 380px) {
  .Jtbnarrow {
    font-size: 50%;
  }
}
@media screen and (max-width: 370px) {
  .Jtbnarrow {
    font-size: 48.68%;
  }
}
.Jconfirm {
  position: absolute;
  left: -50%;
  top: -50%;
}
.Jconfirm.show {
  width: 200vw;
  height: 200vh;
}
.Jconfirm > .inner {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  max-width: calc(50% - 3em);
  max-height: calc(50% - 3em);
  background-color: #fff;
  border-radius: 0.5em;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  overflow-y: auto;
  transform: translate(-50%, -50%) scale(0.1);
  -ms-overflow-style: none;
  scrollbar-width: none;
  opacity: 0;
  transition: all 0.3s;
}
.Jconfirm > .inner > .inner::-webkit-scrollbar {
  display: none;
}
.Jconfirm .Jconfirm_message {
  padding: 2em 2em 1em 2em;
  line-height: 1.5em;
  white-space: pre-wrap;
  word-break: break-all;
}
.Jconfirm .Jconfirm_prompt {
  padding: 0.5em;
}
.Jconfirm .Jconfirm_prompt input {
  padding: 0.5em;
  margin-left: 1em;
  margin-right: 1em;
  width: calc(100% - 2em);
  display: block;
  box-sizing: border-box;
}
.Jconfirm .Jconfirm_buttons {
  position: relative;
  display: table;
  width: 100%;
  margin-top: 1em;
  border-top: 1px solid #ddd;
}
.Jconfirm .Jconfirm_buttons > .inner {
  display: table-row;
}
.Jconfirm .Jconfirm_buttons > .inner .Jconfirm_button1 {
  position: relative;
  display: table-cell;
  text-algin: center;
  font-size: 1em;
  padding: 0.75em 1em 0.75em 1em;
  text-align: center;
  border-left: 1px solid #ddd;
  color: #000;
  white-space: nowrap;
}
.Jconfirm .Jconfirm_buttons > .inner .Jconfirm_button1.hide {
  display: none;
}
.Jconfirm .Jconfirm_buttons > .inner .Jconfirm_button1:hover {
  color: #04f;
}
.Jconfirm .Jconfirm_buttons > .inner .Jconfirm_button1:first-child {
  border-left: none;
}
.Jconfirm .Jconfirm_buttons.Jvertical > .inner .Jconfirm_button1 {
  display: block;
  border-bottom: 1px solid #ddd;
  white-space: break-spaces;
}
.Jconfirm .Jconfirm_buttons.Jautowidth > .inner .Jconfirm_button1 {
  display: inline-block;
  border: none;
}
.Jconfirm .Jconfirm_bg {
  position: fixed;
  display: block;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.3s;
}
.Jconfirm.show > .inner {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.Jconfirm.show .Jconfirm_bg {
  opacity: 1;
}

.Jwaitting img {
  position: relative;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 4em;
  width: 5em;
}
.Jwaitting > .inner {
  position: fixed;
  display: none;
  background-color: #fff;
  border-radius: 0.5em;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.Jwaitting .Jwaitting_message {
  display: block;
  padding: 1em 1em 1em 1em;
  line-height: 1.5em;
  white-space: pre-wrap;
  margin-top: 0.5em;
  text-align: center;
  min-width: 5em;
}
.Jwaitting .Jwaitting_message > div {
  display: block;
  margin-top: 0.5em;
}
.Jwaitting .Jwaitting_bg {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.5);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
}

.Japp.Jwaitting_show .Jwaitting .inner {
  display: block;
}
.Japp.Jwaitting_show .Jwaitting_bg {
  display: block;
}

.Jmessage {
  position: absolute;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
}
.Jmessage > .inner {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  max-width: calc(50% - 3em);
  max-height: calc(50% - 3em);
  background-color: #fff;
  border-radius: 0.5em;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  overflow-y: auto;
  transform: translate(-50%, -50%) scale(0.1);
  -ms-overflow-style: none;
  scrollbar-width: none;
  opacity: 0;
  transition: all 0.3s;
}
.Jmessage > .inner > .inner::-webkit-scrollbar {
  display: none;
}
.Jmessage .Jmessage_message {
  padding: 2em 2em 2em 2em;
  line-height: 1.5em;
  white-space: pre-wrap;
}
.Jmessage .Jmessage_bg {
  position: fixed;
  display: block;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
.Jmessage.show > .inner {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.Jmessage.show .Jmessage_bg {
  opacity: 1;
}

.Jfileman {
  position: absolute;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
}
.Jfileman > .inner {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  max-width: calc(50% - 3em);
  max-height: calc(50% - 3em);
  background-color: #fff;
  border-radius: 0.5em;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  overflow-y: auto;
  transform: translate(-50%, -50%) scale(0.1);
  -ms-overflow-style: none;
  scrollbar-width: none;
  opacity: 0;
  transition: all 0.3s;
}
.Jfileman > .inner > .inner::-webkit-scrollbar {
  display: none;
}
.Jfileman .Jfileman_frame {
  padding: 1em;
  width: calc(100vw - 2em);
  height: calc(100vh - 9em);
  max-width: 60em;
  border: 0;
}
.Jfileman .Jfileman_bg {
  position: fixed;
  display: block;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
.Jfileman .close {
  position: absolute;
  right: 0.25em;
  top: 0.25em;
  font-size: 1.5em;
  font-weight: bold;
  color: #888;
}
.Jfileman.show > .inner {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.Jfileman.show .Jfileman_bg {
  opacity: 1;
}

.Jzoomimage {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transform: translate(0, 0) scale(0.3);
  opacity: 0;
  transition: all 0.3s;
}
.Jzoomimage .image, .Jzoomimage .imagehires {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transform-origin: left top;
}
.Jzoomimage.show {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

.Jzoomimage_close {
  position: absolute;
  right: 0em;
  top: -0.25em;
  font-size: 2em;
  color: #000;
  padding: 0.5em;
  transform: translate(0, 0) scale(0.3);
  opacity: 0;
  transition: all 0.3s;
}
.Jzoomimage_close.show {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

.Jmenu {
  position: relative;
  height: 100%;
}
.Jmenu > .inner {
  position: absolute;
  right: auto;
  left: 0;
  top: 0;
  padding-top: 2em;
  height: 100vh;
  background-color: #888;
  color: #fff;
  transform: translate(-100%, 0);
  transition: all 0.3s;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.Jmenu > .inner > .inner::-webkit-scrollbar {
  display: none;
}
.Jmenu > .inner .menu1 {
  padding: 1em 1em 0 1em;
}
.Jmenu > .inner .close {
  position: absolute;
  right: 0.5em;
  top: 0.25em;
  font-size: 1.5em;
  color: #fff;
}
.Jmenu.Jmenuright > .inner {
  left: auto;
  right: 0;
  transform: translate(100%, 0);
}
.Jmenu .Jmenu_bg {
  position: fixed;
  display: block;
  background-color: rgba(0, 0, 0, 0.3);
  transform: translate(-100%, 0);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
.Jmenu.show > .inner {
  transform: translate(0, 0);
}
.Jmenu.show .Jmenu_bg {
  opacity: 1;
  transform: translate(0, 0);
}

.Jsuggestarea {
  padding: 0.5em;
}

.Jsuggest {
  padding: 0.5em;
  width: 30em;
  max-width: 100%;
}

.Jsuggestlist {
  background-color: #fff;
  color: #222;
  border: 1px solid #ddd;
}

.Jsuggestlist .suggest1 {
  line-height: 1.5em;
  padding: 0.25em;
}

.Jsuggestlist .suggest1:hover {
  background-color: #eee;
}

/*# sourceMappingURL=JFW.scss.map */