@charset "UTF-8";
.Jscr[name=search] .searchform {
  padding: 1em;
  text-align: center;
}
.Jscr[name=search] .searchform .keyword {
  display: inline-block;
  width: 27em;
  max-width: calc(100vw - 6em);
  padding: 1em;
  font-size: 1.25em;
  border: none;
  outline: none;
  border: 0.1em solid #aaa;
  border-radius: 0.5em;
}
.Jscr[name=search] .searchform .close {
  position: absolute;
  top: 1.25em;
  display: inline-block;
  margin-left: -2.5em;
  top: 2.25em;
}
.Jscr[name=search] .searchform .close img {
  width: 1.5em;
  height: 1.5em;
  opacity: 0.4;
}
.Jscr[name=search] .userinfo.me .btns {
  display: none !important;
}
.Jscr[name=search] .usersinner {
  display: inline-block;
  max-width: 768px;
  margin: auto;
}
.Jscr[name=search] .usersinner .userinfo {
  margin: 0 auto 0 auto;
  position: relative;
  display: block;
  text-align: left;
  padding: 1em;
  font-size: 1em;
}
.Jscr[name=search] .usersinner .userinfo .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 3.5em;
  width: 3.5em;
  margin: 0.5em;
  overflow: hidden;
}
.Jscr[name=search] .usersinner .userinfo .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=search] .usersinner .userinfo .coverimage {
  display: none;
}
.Jscr[name=search] .usersinner .userinfo .sns {
  position: relative;
  display: inline-block;
  margin-left: 0.25em;
  vertical-align: middle;
}
.Jscr[name=search] .usersinner .userinfo .sns .sns1 {
  display: inline-block;
  padding: 0.32em;
}
.Jscr[name=search] .usersinner .userinfo .sns .sns1 img {
  height: 1.5em;
  vertical-align: middle;
}
.Jscr[name=search] .usersinner .userinfo .sns .sns1.twitter img {
  height: 1.25em;
}
.Jscr[name=search] .usersinner .userinfo .fields {
  display: block;
  margin-left: 5em;
  vertical-align: top;
  text-align: left;
}
.Jscr[name=search] .usersinner .userinfo .fields .userid {
  display: block;
  color: #444;
  margin-top: 0.5em;
}
.Jscr[name=search] .usersinner .userinfo .fields .username {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 1.25em;
  margin-top: 0.25em;
  word-break: break-all;
  line-height: 1.25em;
}
.Jscr[name=search] .usersinner .userinfo .fields .relation {
  margin-top: 0em;
  display: none;
  padding: 0em;
  color: #888888;
}
.Jscr[name=search] .usersinner .userinfo .fields .relation .relation1 {
  display: inline-block;
  padding: 0.5em 0em 0.5em 0em;
}
.Jscr[name=search] .usersinner .userinfo .fields .relation .relation1 > div {
  display: inline-block;
  width: 7em;
}
.Jscr[name=search] .usersinner .userinfo .fields .relation .relation1 > div img {
  height: 1em;
  vertical-align: -0.05em;
  margin-right: 0.25em;
}
.Jscr[name=search] .usersinner .userinfo .fields .relation .relation1 > div .Jfld {
  color: #000;
}
.Jscr[name=search] .usersinner .userinfo .btns {
  position: relative;
  display: inline-block;
  width: calc(100% - 5em);
  margin-top: 0.65em;
  margin-left: 5em;
}
.Jscr[name=search] .usersinner .userinfo .btns .btn1 {
  font-weight: bold;
  display: inline-block;
  color: #000;
  background-color: #fff;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin: 0em 0.25em 0.5em 0.25em;
  width: auto;
}
.Jscr[name=search] .usersinner .userinfo .btns .btn1 img {
  height: 1em;
}
.Jscr[name=search] .usersinner .userinfo .btns .menu {
  float: right;
  display: inline-block;
  padding: 0.4em 0.5em 0.5em 0.5em;
  margin: 0.5em 0.5em 0.5em 0.5em;
}
.Jscr[name=search] .usersinner .userinfo .btns .menu img {
  height: 1em;
}
.Jscr[name=search] .usersinner .userinfo .profile {
  display: block;
  text-align: left;
  margin-left: 5em;
  line-height: 1.25em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.Jscr[name=search] .usersinner .userinfo[jdata_followcheck="1"] .btn1.following {
  background-color: #dddddd;
  color: #666666;
  border-color: #dddddd;
}
.Jscr[name=search] .usersinner .userinfo[jdata_followcheck="1"] .btn1.following:after {
  content: "ing";
}
.Jscr[name=search] .usersinner .userinfo[jdata_donatecheck="1"] .btn1.donating {
  display: none;
  background-color: #dddddd;
  color: #666666;
  border-color: #dddddd;
}
.Jscr[name=search] .paysinner {
  display: block;
}
.Jscr[name=search] .arts[type=all] .artsinner {
  display: block;
}
.Jscr[name=search] .arts[type=all] .usersinner {
  display: block;
}
.Jscr[name=search] .arts[type=all] .paysinner {
  display: block;
}
.Jscr[name=search] .arts[type=world] .artsinner {
  display: block;
}
.Jscr[name=search] .arts[type=world] .usersinner {
  display: none;
}
.Jscr[name=search] .arts[type=world] .paysinner {
  display: none;
}
.Jscr[name=search] .arts[type=pays] .artsinner {
  display: none;
}
.Jscr[name=search] .arts[type=pays] .usersinner {
  display: none;
}
.Jscr[name=search] .arts[type=pays] .paysinner {
  display: block;
}
.Jscr[name=search] .arts[type=accounts] .artsinner {
  display: none;
}
.Jscr[name=search] .arts[type=accounts] .usersinner {
  display: block;
}
.Jscr[name=search] .arts[type=accounts] .paysinner {
  display: none;
}
.Jscr[name=search] .arts[type=tags] .artsinner {
  display: none;
}
.Jscr[name=search] .arts[type=tags] .usersinner {
  display: block;
}
.Jscr[name=search] .arts[type=tags] .paysinner {
  display: none;
}

.Jscr[name=welcome] .scrollarea {
  top: 0em;
  padding-top: 2em;
}
.Jscr[name=welcome] .welcomelogo {
  position: absolute;
  left: 1em;
  top: 0.5em;
  height: 3.5em;
  padding: 0.75em;
}
.Jscr[name=welcome] .welcomelogo img {
  height: 100%;
}
.Jscr[name=welcome] .welcomelogo.center {
  left: 50%;
  top: 0.5em;
  transform: translate(-50%, 0);
}
.Jscr[name=welcome] .arts {
  padding-bottom: 1em;
}
.Jscr[name=welcome] .arts .artscategory {
  text-align: right;
  padding-right: 2em;
}
.Jscr[name=welcome] .arts .artscategory .artscategory1 {
  padding: 0em 0.25em;
}
.Jscr[name=welcome] .block {
  display: inline-block;
  padding: 1em;
  width: 50%;
  box-sizing: border-box;
  vertical-align: top;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .block {
    width: 100%;
  }
}
.Jscr[name=welcome] .block.center {
  text-align: center;
}
.Jscr[name=welcome] .block.r {
  width: 50%;
  padding-left: 3em;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .block.r {
    width: 100%;
    padding-bottom: 0;
    padding: 1em 2em 1em 2em;
  }
}
.Jscr[name=welcome] .welcome {
  position: relative;
  display: block;
  max-width: 80%;
  margin: auto;
  padding: 1em 1em 1em 1em;
  font-size: 1vw;
}
.Jscr[name=welcome] .welcome.logo {
  padding: 1em 1em 1em 7em;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .welcome {
    font-size: 1em;
    max-width: 100%;
    padding: 1em 1em 1em 1em;
  }
  .Jscr[name=welcome] .welcome.logo {
    padding: 1em 0em 1em 0em;
  }
}
.Jscr[name=welcome] .welcome .logo {
  width: 35em;
  margin-top: 2.5em;
  margin-left: 1em;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .welcome .logo {
    width: 80%;
    margin-left: 0em;
    margin-top: 0em;
  }
}
.Jscr[name=welcome] .welcome .catch {
  margin-top: 0em;
  font-size: 1.5em;
  font-weight: bold;
  margin-left: 0.5em;
  line-height: 1.5em;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .welcome .catch {
    font-size: 1.25em;
    margin-left: 0em;
  }
}
.Jscr[name=welcome] .welcome .feature {
  list-style: none;
  font-size: 1.75em;
  font-weight: bold;
  padding-left: 1.1em;
}
.Jscr[name=welcome] .welcome .feature li {
  margin-bottom: 0.75em;
  line-height: 1em;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .welcome .feature {
    font-size: 2em;
    padding-left: 0;
  }
}
.Jscr[name=welcome] .welcome .note {
  margin: 1.25em 3em 0em 2.3em;
  width: 23em;
  line-height: 1.5em;
  font-size: 0.8em;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .welcome .note {
    margin: 1em 0em 0 calc((100% - 23em) / 2);
    font-size: 0.8em;
    width: 23em;
  }
}
.Jscr[name=welcome] .welcome .buttons {
  text-align: left;
  margin-top: 0em;
}
.Jscr[name=welcome] .welcome .buttons.ft {
  text-align: center;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .welcome .buttons.ft {
    text-align: left;
  }
}
.Jscr[name=welcome] .welcome .buttons .btn1 {
  text-align: center;
  font-weight: bold;
  display: inline-block;
  color: #fff;
  background-color: #000;
  font-size: 1.25em;
  border-radius: 2em;
  padding: 1em 2em 1em 2em;
  vertical-align: 0.2em;
  margin: 1em 1.5em 0 1.5em;
  letter-spacing: 0.05em;
  width: 15em;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .welcome .buttons .btn1 {
    margin: 1em 0em 0 calc((100% - 15em) / 2);
  }
}
.Jscr[name=welcome] .welcome .aboutus {
  margin-top: 0em;
}
.Jscr[name=welcome] .welcome .aboutus .message {
  padding: 2em 4em;
  font-size: 1.25em;
}
.Jscr[name=welcome] .welcome .aboutus .message p {
  line-height: 1.5em;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .welcome .aboutus .message {
    padding: 2em;
    font-size: 1.25em;
    padding: 0em;
  }
}
.Jscr[name=welcome] .welcome .start {
  display: block;
  width: 35em;
  max-width: 100%;
  margin: 4em auto;
}
.Jscr[name=welcome] .welcome .start .note {
  width: 23em;
  margin: 1.25em auto;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .welcome .start {
    margin: 5em auto 0 auto;
  }
}
.Jscr[name=welcome] .welcome .donations .message {
  padding: 2em 4em;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .welcome .donations .message {
    padding: 0;
    font-size: 1.25em;
  }
}
.Jscr[name=welcome] .welcome .donations .message p {
  line-height: 1.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.Jscr[name=welcome] .welcome section {
  margin: 3em;
  margin-top: 4em;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .welcome section {
    margin: 3em 1em 1em 1em;
  }
}
.Jscr[name=welcome] .welcome section .title {
  font-size: 1.8em;
  font-weight: bold;
}
.Jscr[name=welcome] .welcome section .message {
  font-size: 1.25em;
  line-height: 1.5em;
  font-weight: bold;
  padding: 2em 4em;
  margin-bottom: 3em;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .welcome section .message {
    padding: 0 0 0 0em;
  }
}
.Jscr[name=welcome] .welcome section .message p {
  line-height: 1.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.Jscr[name=welcome] .welcome section .paymentimage_spc {
  width: 100%;
  aspect-ratio: 39/26;
  margin-bottom: 10em;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .welcome section .paymentimage_spc {
    margin-bottom: 7em;
  }
}
.Jscr[name=welcome] .welcome section .paymentimage {
  width: 100%;
  position: absolute;
  left: 0em;
  margin-top: 1em;
}
.Jscr[name=welcome] .welcome section .faq1 {
  position: relative;
  margin-bottom: 1em;
}
.Jscr[name=welcome] .welcome section .faq1:not([pub*=welcome]) {
  display: none;
}
.Jscr[name=welcome] .welcome section .faq1 .question {
  position: relative;
  display: block;
  padding: 0.75em 0em;
  margin-right: 2em;
  margin-left: 2em;
  padding-right: 2em;
  font-size: 1.25em;
  font-weight: bold;
  border-bottom: 0.1em solid #888888;
  line-height: 1.5em;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .welcome section .faq1 .question {
    margin-right: 0;
    margin-left: 0;
  }
}
.Jscr[name=welcome] .welcome section .faq1 .question:after {
  content: url(../img/icon_plus2.svg);
  width: 1em;
  height: 1em;
  display: inline-block;
  position: absolute;
  right: 0.5em;
  top: 0.8em;
}
.Jscr[name=welcome] .welcome section .faq1 .answer {
  display: block;
  padding: 0;
  margin-right: 2.5em;
  margin-left: 2.75em;
  font-size: 1em;
  word-break: break-word;
  line-height: 1.25em;
  height: 0;
  overflow: hidden;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .welcome section .faq1 .answer {
    margin-right: 0;
    margin-left: 0;
  }
}
.Jscr[name=welcome] .welcome section .faq1 .answer div {
  line-height: 1.5em;
}
.Jscr[name=welcome] .welcome section .faq1.open .answer {
  height: auto;
  padding: 0.75em 0em;
}
.Jscr[name=welcome] .welcome section .faq1.open .answer p {
  line-height: 1.5em;
}
.Jscr[name=welcome] .welcome section .faq1.open .answer div {
  line-height: 1.5em;
}
.Jscr[name=welcome] .welcome section .faq1.open .question:after {
  content: url(../img/icon_minus2.svg);
}
.Jscr[name=welcome] .whatsaday {
  display: grid;
  grid-template-rows: 1fr;
  transition: all 1s ease-out;
  text-align: center;
  font-size: 1.25em;
  font-weight: bold;
  margin-top: 4em;
  margin-bottom: 4em;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .whatsaday {
    margin-top: 2em;
  }
}
.Jscr[name=welcome] .whatsaday div {
  opacity: 1;
  overflow: hidden;
}
.Jscr[name=welcome] .closecont {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 1s ease-out;
  padding-top: 0;
  padding-bottom: 0;
}
.Jscr[name=welcome] .closecont .closecont_inner {
  transition: opacity 3s ease-out;
  overflow: hidden;
}
.Jscr[name=welcome].closecontopen .whatsaday {
  grid-template-rows: 0fr;
  margin: 0;
}
.Jscr[name=welcome].closecontopen .whatsaday > div {
  opacity: 0;
}
.Jscr[name=welcome].closecontopen .closecont {
  grid-template-rows: 1fr;
}
.Jscr[name=welcome].closecontopen .closecont .closecont_inner {
  opacity: 1;
}
.Jscr[name=welcome] .pays {
  position: relative;
  left: 0;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
.Jscr[name=welcome] .pays .pay1 {
  margin: 0 auto 0 auto;
  position: relative;
  display: inline-block;
  width: 30em;
  text-align: left;
  padding: 1em 1em 5em 1em;
  font-size: 0.8em;
  vertical-align: top;
  max-width: calc(50%);
  vertical-align: top;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .pays .pay1 {
    font-size: 0.6em;
  }
}
.Jscr[name=welcome] .pays .pay1 .image {
  float: none;
}
.Jscr[name=welcome] .pays .pay1 .image img {
  width: 100%;
}
.Jscr[name=welcome] .pays .pay1 .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 3.5em;
  width: 3.5em;
  margin-left: 0.5em;
  margin-top: 1em;
  overflow: hidden;
}
.Jscr[name=welcome] .pays .pay1 .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=welcome] .pays .pay1 .price {
  top: auto;
  right: 1em;
  margin-top: 1.25em;
  font-size: 1.5em;
}
.Jscr[name=welcome] .pays .pay1 .description span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
  width: 100%;
}
.Jscr[name=welcome] .posts {
  position: relative;
  left: 0;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
.Jscr[name=welcome] .posts .art1 {
  margin: 0 auto 0 auto;
  position: relative;
  display: inline-block;
  width: 30em;
  text-align: left;
  padding: 1em 1em 1em 1em;
  font-size: 0.8em;
  vertical-align: top;
  max-width: calc(50%);
  vertical-align: top;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .posts .art1 {
    font-size: 0.8em;
    padding: 1em 0.75em 1em 0.75em;
  }
}
.Jscr[name=welcome] .posts .art1 .image {
  float: none;
}
.Jscr[name=welcome] .posts .art1 .image img {
  width: 100%;
  border-radius: 1em;
}
.Jscr[name=welcome] .posts .art1 .arttitle {
  padding: 0 0.5em 0 0.5em;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1.5em;
  margin-top: 1em;
  white-space: normal;
}
.Jscr[name=welcome] .posts .art1 .description {
  line-height: 1.5em;
  padding: 0 0.5em 0 0.5em;
  margin-top: 1em;
  word-wrap: break-word;
}
.Jscr[name=welcome] .posts .art1 .orgurl {
  line-height: 1.5em;
  padding: 0 0.5em 0 0.5em;
  margin-top: 0.75em;
  color: #888888;
}
.Jscr[name=welcome] .users {
  position: relative;
  left: 0;
  width: 100vw;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
.Jscr[name=welcome] .users .userinfo {
  margin: 0 auto 0 auto;
  position: relative;
  display: inline-block;
  width: 30em;
  text-align: left;
  padding: 1em 1em 3em 1em;
  font-size: 0.8em;
  max-width: 50%;
  vertical-align: top;
}
@media screen and (max-width: 639px) {
  .Jscr[name=welcome] .users .userinfo {
    font-size: 0.6em;
  }
}
.Jscr[name=welcome] .users .userinfo .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 3.5em;
  width: 3.5em;
  margin-left: 0.5em;
  margin-top: 1em;
  overflow: hidden;
}
.Jscr[name=welcome] .users .userinfo .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=welcome] .users .userinfo .sns {
  position: relative;
  display: inline-block;
  margin-left: 0.25em;
  vertical-align: middle;
}
.Jscr[name=welcome] .users .userinfo .sns .sns1 {
  display: inline-block;
  padding: 0.32em;
}
.Jscr[name=welcome] .users .userinfo .sns .sns1 img {
  height: 1.5em;
  vertical-align: middle;
}
.Jscr[name=welcome] .users .userinfo .sns .sns1.twitter img {
  height: 1.25em;
}
.Jscr[name=welcome] .users .userinfo .bookmark {
  float: right;
  margin-top: 0.3em;
}
.Jscr[name=welcome] .users .userinfo .bookmark:before {
  content: url(../img/icon_bookmark.svg);
  vertical-align: top;
  height: 1.2em;
  display: inline-block;
  width: 1.2em;
  margin-right: 0.5em;
}
.Jscr[name=welcome] .users .userinfo .bookmark .Jfld[name=bookmarkcnt] {
  display: none;
}
.Jscr[name=welcome] .users .userinfo[jdata_bookmarkcheck="1"] .bookmark:before {
  content: url(../img/icon_bookmarkcheck.svg);
}
.Jscr[name=welcome] .users .userinfo .fields {
  display: block;
  margin-left: 5em;
  text-align: left;
  margin-top: 2em;
}
.Jscr[name=welcome] .users .userinfo .fields .userid {
  display: block;
  color: #444;
  line-height: 2em;
}
.Jscr[name=welcome] .users .userinfo .fields .userid .Jfld {
  display: inline-block;
  width: 12em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Jscr[name=welcome] .users .userinfo .fields .username {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 1.5em;
  margin-top: 0em;
  word-break: break-all;
  width: 10em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Jscr[name=welcome] .users .userinfo .fields .relation {
  margin-top: 0.5em;
  display: inline-block;
  padding: 0.25em;
  color: #888888;
}
.Jscr[name=welcome] .users .userinfo .fields .relation .relation1 {
  display: inline-block;
  padding: 0.5em 0em 0.5em 0.5em;
}
.Jscr[name=welcome] .users .userinfo .fields .relation .relation1 > div {
  display: inline-block;
  width: 7em;
}
.Jscr[name=welcome] .users .userinfo .fields .relation .relation1 > div img {
  height: 1em;
  vertical-align: -0.05em;
  margin-right: 0.25em;
}
.Jscr[name=welcome] .users .userinfo .fields .relation .relation1 > div .Jfld {
  color: #000;
}
.Jscr[name=welcome] .users .userinfo .btns {
  display: block;
  margin-top: 0.5em;
  margin-left: -0.5em;
  margin-right: -0.5em;
  text-align: center;
}
.Jscr[name=welcome] .users .userinfo .btns .btn1 {
  font-weight: bold;
  display: inline-block;
  color: #000;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.5em 1em 0.5em 1em;
  margin: 0.5em 0.5em 0.5em 0.5em;
}
.Jscr[name=welcome] .users .userinfo .btns .btn1 img {
  height: 1em;
}
.Jscr[name=welcome] .users .userinfo .btns .btn1.edit {
  display: none;
}
.Jscr[name=welcome] .users .userinfo .btns .menu, .Jscr[name=welcome] .users .userinfo .btns .share {
  float: right;
  display: inline-block;
  padding: 0.4em 0.5em 0.5em 0.5em;
  margin: 0.3em 0.5em 0.5em 0.5em;
}
.Jscr[name=welcome] .users .userinfo .btns .menu img, .Jscr[name=welcome] .users .userinfo .btns .share img {
  height: 1.5em;
}
.Jscr[name=welcome] .users .userinfo .coverimage {
  position: relative;
  text-align: center;
  margin-top: 0.75em;
  margin-left: 0em;
  margin-right: -1em;
}
.Jscr[name=welcome] .users .userinfo .coverimage img {
  position: relative;
  aspect-ratio: 16/9;
  border-radius: 0.5em;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.Jscr[name=welcome] .users .userinfo .tag {
  display: none;
  margin-top: 3em;
}
.Jscr[name=welcome] .users .userinfo .profile {
  display: block;
  margin-top: 1em;
  height: 5.5em;
  overflow: hidden;
}
.Jscr[name=welcome] .users .userinfo .profile .Jfld {
  line-height: 1.8em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  white-space: pre-wrap;
}
.Jscr[name=welcome] .users .userinfo .profile:not(.open):after {
  display: block;
  content: "...more";
  color: #aaa;
}
.Jscr[name=welcome] .users .userinfo .profile.open .Jfld {
  display: block;
}
.Jscr[name=welcome] .users .userinfo .profile.open .more {
  display: none;
}
.Jscr[name=welcome] .users .userinfo .profile.open + .tag {
  display: none;
}
.Jscr[name=welcome] .users .userinfo a {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
.Jscr[name=welcome] .users .userinfo[jdata_followcheck="1"] .btn1.following {
  background-color: #000;
  color: #fff;
}
.Jscr[name=welcome] .users .userinfo[jdata_donatecheck="1"] .btn1.donating {
  background-color: #000;
  color: #fff;
}
.Jscr[name=welcome] .viewmore, .Jscr[name=welcome] .ourphilosophy {
  text-align: center;
  font-weight: bold;
  padding: 1em;
}
.Jscr[name=welcome] .viewmore img, .Jscr[name=welcome] .ourphilosophy img {
  display: inline-block;
  height: 1em;
  margin-right: 1em;
  vertical-align: -0.1em;
}

.Jscr[name=feed] {
  /*
  .arts:not(.viewtile):not(.viewcascade) {
      .art1[jdata_status='WORLD'] { 
          .image {
              img {
                  aspect-ratio: auto !important;
              }
          }
      }
  }
  */
}
.Jscr[name=feed] .searchform {
  padding: 1em;
  text-align: center;
}
.Jscr[name=feed] .searchform .keyword {
  display: inline-block;
  width: 27em;
  max-width: calc(100vw - 6em);
  padding: 1em;
  font-size: 1.25em;
  border: none;
  outline: none;
  border: 0.1em solid #aaa;
  border-radius: 0.5em;
}
.Jscr[name=feed] .searchform .close {
  position: absolute;
  top: 1.25em;
  display: inline-block;
  margin-left: -2.5em;
  top: 2.25em;
}
.Jscr[name=feed] .searchform .close img {
  width: 1.5em;
  height: 1.5em;
  opacity: 0.4;
}
.Jscr[name=feed] .sns {
  position: relative;
  display: inline-block;
  top: -0.1em;
  left: -0.5em;
  height: 1em;
  width: 1.5em;
  margin-left: 0.25em;
  vertical-align: middle;
}
.Jscr[name=feed] .sns .sns1 {
  display: inline-block;
  padding-left: 0.32em;
  padding-right: 0.32em;
  height: 100%;
}
.Jscr[name=feed] .sns .sns1 img {
  height: 1em;
  width: 1em;
  vertical-align: middle;
}
.Jscr[name=feed] .sns .sns1.twitter img {
  height: 1.25em;
}

.Jscr[name=start] .rule {
  display: block;
  white-space: pre-wrap;
  border: 0.1em solid #888888;
  height: 30em;
  margin: 1em auto;
  padding: 1em;
  overflow: auto;
  max-width: 768px;
  line-height: 1.5em;
  border-radius: 0.5em;
  width: calc(100% - 2em);
}
.Jscr[name=start] .bold {
  font-weight: bold;
}
.Jscr[name=start] .doui {
  display: block;
  padding: 1em;
  text-align: center;
  font-size: 1.25em;
}
.Jscr[name=start] .doui input {
  margin-right: 0.5em;
  width: 1em;
  height: 1em;
  vertical-align: text-bottom;
}
.Jscr[name=start] .mail {
  display: block;
  padding: 1em;
  text-align: center;
  font-size: 1.25em;
}
.Jscr[name=start] .mail input {
  width: 100%;
  border: 0.1em solid #000;
  padding: 1em;
}
.Jscr[name=start] .btns {
  display: block;
  text-align: center;
  margin-bottom: 2em;
}
.Jscr[name=start] .btns .btnstart {
  display: inline-block;
  width: 4em;
  height: 4em;
  padding: 0;
  border-radius: 2em;
  background-color: #000;
  color: #fff;
  font-size: 1.25em;
  border: none;
}
.Jscr[name=start] .btns .or {
  margin: 1em 1em 0.5em 1em;
}
.Jscr[name=start] .btns #appleid-signin {
  display: inline-block;
  width: 25em;
  height: 4em;
  margin-top: 1em;
}
.Jscr[name=start] .btns #google-signin {
  position: relative;
  display: inline-block;
  width: 25em;
  height: 4em;
  margin-top: 1em;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
}
.Jscr[name=start] .btns #google-signin img {
  position: absolute;
  width: 75%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.Jscr[name=help] .faq {
  display: block;
  padding: 1em 3em 5em 3em;
  max-width: 768px;
  margin: auto;
}
.Jscr[name=help] .faq .answerhead {
  font-weight: bold;
  margin-top: 2em;
  font-size: 1.25em;
}
.Jscr[name=help] .faq .answerhead:before {
  content: "・";
}
.Jscr[name=help] .faq .faq1 {
  position: relative;
  margin-bottom: 1em;
}
.Jscr[name=help] .faq .faq1:not([pub*=help]) {
  display: none;
}
.Jscr[name=help] .faq .faq1 .question {
  position: relative;
  display: block;
  padding: 0.75em 0em;
  margin-right: 2em;
  margin-left: 2em;
  padding-right: 2em;
  font-size: 1.25em;
  font-weight: bold;
  border-bottom: 0.1em solid #888888;
}
@media screen and (max-width: 639px) {
  .Jscr[name=help] .faq .faq1 .question {
    margin-right: 0;
    margin-left: 0;
  }
}
.Jscr[name=help] .faq .faq1 .question:after {
  content: url(../img/icon_plus2.svg);
  width: 1em;
  height: 1em;
  display: inline-block;
  position: absolute;
  right: 0.5em;
  top: 0.6em;
}
.Jscr[name=help] .faq .faq1 .answer {
  display: block;
  padding: 0;
  margin-right: 2.5em;
  margin-left: 2.75em;
  font-size: 1em;
  word-break: break-word;
  line-height: 1.25em;
  height: 0;
  overflow: hidden;
}
.Jscr[name=help] .faq .faq1 .answer p {
  line-height: 1.5em;
}
.Jscr[name=help] .faq .faq1 .answer div {
  line-height: 1.5em;
}
@media screen and (max-width: 639px) {
  .Jscr[name=help] .faq .faq1 .answer {
    margin-right: 0;
    margin-left: 0;
  }
}
.Jscr[name=help] .faq .faq1.open .answer {
  height: auto;
  padding: 0.75em 0em;
}
.Jscr[name=help] .faq .faq1.open .answer div {
  line-height: 1.5em;
}
.Jscr[name=help] .faq .faq1.open .question:after {
  content: url(../img/icon_minus2.svg);
}

.Jscr[name=aboutus] .aboutuspage {
  display: block;
  white-space: pre-wrap;
  padding: 1em 1em 5em 1em;
  line-height: 2em;
  max-width: 768px;
  margin: auto;
}
.Jscr[name=aboutus] .bold {
  font-weight: bold;
  font-size: 1.25em;
}

.Jscr[name=distribution] .distributionpage {
  display: block;
  padding: 1em 1em 5em 1em;
  line-height: 1.5em;
  max-width: 768px;
  margin: auto;
}
.Jscr[name=distribution] .distributionpage p {
  line-height: 1.5em;
  margin-bottom: 1em;
}
.Jscr[name=distribution] .distributionpage span {
  font-size: 1.25em;
  font-weight: bold;
}
.Jscr[name=distribution] .distributionpage .title {
  font-size: 1.15em;
  font-weight: bold;
  margin-top: 2.5em;
}

.Jscr[name=rulepage] .rule {
  display: block;
  white-space: pre-wrap;
  padding: 1em 1em 5em 1em;
  line-height: 1.5em;
  max-width: 768px;
  margin: auto;
}
.Jscr[name=rulepage] .bold {
  font-weight: bold;
}

.Jscr[name=cookie] .cookiepolicy {
  display: block;
  white-space: pre-wrap;
  padding: 1em 1em 5em 1em;
  line-height: 1.5em;
  max-width: 768px;
  margin: auto;
}

.Jscr[name=privacy] .privacypage {
  display: block;
  white-space: pre-wrap;
  padding: 1em 1em 5em 1em;
  line-height: 1.5em;
  max-width: 768px;
  margin: auto;
}
.Jscr[name=privacy] .bold {
  font-weight: bold;
}

.Jscr[name=wallet] .title, .Jscr[name=web3auth] .title {
  padding: 1em 1em 1em 1em;
  text-align: center;
}
.Jscr[name=wallet] .wallets, .Jscr[name=web3auth] .wallets {
  display: block;
  max-width: 450px;
  margin: auto;
  text-align: center;
  margin-top: 1em;
  padding: 0em 3em;
}
.Jscr[name=wallet] .wallets .fname, .Jscr[name=web3auth] .wallets .fname {
  color: #888888;
  text-align: left;
  margin-top: 2em;
}
.Jscr[name=wallet] .wallets .fname .popular, .Jscr[name=web3auth] .wallets .fname .popular {
  border-radius: 1em;
  padding: 0.1em 1em;
  border: 1px solid #000;
  color: #000;
  margin-left: 1.25em;
}
.Jscr[name=wallet] .wallets .wallet1, .Jscr[name=web3auth] .wallets .wallet1 {
  display: inline-block;
  color: #000;
  vertical-align: middle;
  margin: 3em 1.5em 2em 1.5em;
}
.Jscr[name=wallet] .wallets .wallet1.web3auth, .Jscr[name=web3auth] .wallets .wallet1.web3auth {
  width: 100%;
  text-align: center;
}
.Jscr[name=wallet] .wallets .wallet1.web3auth img, .Jscr[name=web3auth] .wallets .wallet1.web3auth img {
  width: 100%;
  max-width: 400px;
}
.Jscr[name=wallet] .wallets .wallet1.web3auth .wallettitle, .Jscr[name=web3auth] .wallets .wallet1.web3auth .wallettitle {
  width: auto;
  margin: 1em;
  height: 1.8em;
}
.Jscr[name=wallet] .wallets .wallet1.google img, .Jscr[name=web3auth] .wallets .wallet1.google img {
  margin-top: 0.25em;
  width: 2.5em;
  height: 2.5em;
}
.Jscr[name=wallet] .wallets .wallet1.apple img, .Jscr[name=web3auth] .wallets .wallet1.apple img {
  width: 3.5em;
  height: 3.5em;
}
.Jscr[name=wallet] .wallets .wallet1.twitter img, .Jscr[name=web3auth] .wallets .wallet1.twitter img {
  width: 2.5em;
  height: 2.5em;
}
.Jscr[name=wallet] .wallets .wallet1.metamask, .Jscr[name=web3auth] .wallets .wallet1.metamask {
  margin-top: 2em;
}
.Jscr[name=wallet] .wallets .wallet1.metamask img, .Jscr[name=web3auth] .wallets .wallet1.metamask img {
  width: 2.5em;
  height: 2.5em;
  margin-right: 12.5em;
}
.Jscr[name=wallet] .logout, .Jscr[name=web3auth] .logout {
  margin: 2em auto 1em auto;
  line-height: 1.5;
  text-align: left;
  display: inline-block;
}
.Jscr[name=wallet] .note, .Jscr[name=web3auth] .note {
  margin: 1em auto 1em auto;
  line-height: 1.5;
  text-align: left;
  display: inline-block;
}

.Jscr[name=authno] .form {
  margin: auto;
  margin-top: 3em;
  max-width: 768px;
  padding: 1em;
}
.Jscr[name=authno] .form .title {
  margin-bottom: 2em;
}
.Jscr[name=authno] .form .authno {
  text-align: center;
}
.Jscr[name=authno] .form .authno input[type=tel] {
  font-size: 1.5em;
  padding: 0.5em 0.25em 0.5em 0.25em;
  width: 2em;
  margin: 0.25em;
  border-radius: 0.5em;
  background-color: #fff;
  color: #000;
  border: 0.07em solid #000;
  text-align: center;
}
.Jscr[name=authno] .form .note {
  line-height: 1.5em;
}
.Jscr[name=authno] .form .buttons {
  margin-top: 2em;
  padding: 1em;
  text-align: center;
}
.Jscr[name=authno] .form .buttons .btnsend {
  display: inline-block;
  transform: translate(0, -50%);
  background-color: #03a4d9;
  color: #fff;
  font-weight: bold;
  padding: 0.75em 2em 1em 2em;
  border-radius: 1em;
}
.Jscr[name=authno] .form .buttons .btnback {
  display: inline-block;
  transform: translate(0, -50%);
  background-color: #888888;
  color: #fff;
  font-weight: bold;
  padding: 0.75em 2em 1em 2em;
  border-radius: 1em;
  margin-right: 1em;
}

.Jscr[name=donate] .userinfo {
  position: relative;
  display: block;
  text-align: center;
  padding: 1em;
}
.Jscr[name=donate] .userinfo .username {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 1.5em;
  margin-top: 0.4em;
}
.Jscr[name=donate] .userinfo .relation {
  margin-top: 1.5em;
  display: inline-block;
  padding: 0.25em;
  font-size: 1.25em;
}
.Jscr[name=donate] .userinfo .relation .relation1 {
  display: inline-block;
  padding: 0.5em;
}
.Jscr[name=donate] .userinfo .relation .relation1 .value {
  display: inline-block;
  height: 1.5em;
  margin: 0 1em;
}
.Jscr[name=donate] .userinfo .relation .relation1 .value img {
  height: 1em;
  vertical-align: -0.05em;
  margin-right: 0.25em;
}
.Jscr[name=donate] .userinfo .relation .relation1 .value .Jfld {
  color: #000;
}
.Jscr[name=donate] .userinfo .relation .relation1 .value.selected {
  font-weight: bold;
  border-bottom: 2px solid #000;
}
.Jscr[name=donate] .userinfo .currentratio {
  margin-top: 1.5em;
}
.Jscr[name=donate] .userinfo .currentratio .donateratio {
  font-weight: bold;
  font-size: 1.5em;
  margin: 0 1em 0 1em;
}
.Jscr[name=donate] .userinfo .currentratio .donateratio:after {
  content: "%";
}
.Jscr[name=donate] .userinfo .currentratio .btn1 {
  font-weight: bold;
  display: inline-block;
  color: #000;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=donate] .donate[flg=doners] .currentratio {
  display: none;
}
.Jscr[name=donate] .userlist {
  margin-top: 1em;
  max-width: 768px;
  margin: 0 auto;
}
.Jscr[name=donate] .userlist .user1 {
  position: relative;
  display: block;
  text-align: left;
  padding: 1em;
  margin-bottom: 1em;
}
.Jscr[name=donate] .userlist .user1 .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 4.5em;
  width: 4.5em;
  margin: 0em 0.25em;
  overflow: hidden;
}
.Jscr[name=donate] .userlist .user1 .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=donate] .userlist .user1 .btnremove {
  position: absolute;
  display: none;
  right: 1em;
  top: 1em;
  font-weight: bold;
  color: #888888;
  border: 0.1em solid #888888;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=donate] .userlist .user1 .btndonate {
  position: absolute;
  display: none;
  right: 1em;
  top: 1em;
  font-weight: bold;
  color: #000;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=donate] .userlist .user1 .btndonating {
  position: absolute;
  display: none;
  right: 1em;
  top: 1em;
  font-weight: bold;
  color: #888888;
  border: 0.1em solid #888888;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=donate] .userlist .user1 .btnfollowing {
  position: absolute;
  display: none;
  right: 1em;
  top: 1em;
  font-weight: bold;
  color: #888888;
  border: 0.1em solid #888888;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=donate] .userlist .user1 .btnfollow {
  position: absolute;
  display: none;
  right: 1em;
  top: 1em;
  font-weight: bold;
  color: #000;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=donate] .userlist .user1 .btnblocking {
  position: absolute;
  display: none;
  right: 1em;
  top: 1em;
  font-weight: bold;
  color: #888888;
  border: 0.1em solid #888888;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=donate] .userlist .user1 .btnblock {
  position: absolute;
  display: none;
  right: 1em;
  top: 1em;
  font-weight: bold;
  color: #000;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=donate] .userlist .user1 .btnmuting {
  position: absolute;
  display: none;
  right: 1em;
  top: 1em;
  font-weight: bold;
  color: #888888;
  border: 0.1em solid #888888;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=donate] .userlist .user1 .btnmute {
  position: absolute;
  display: none;
  right: 1em;
  top: 1em;
  font-weight: bold;
  color: #000;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=donate] .userlist .user1 .nameid {
  margin-left: 6em;
}
.Jscr[name=donate] .userlist .user1 .nameid .username {
  font-weight: bold;
  font-size: 1.25em;
  margin-top: 0.5em;
}
.Jscr[name=donate] .userlist .user1 .nameid .userid {
  margin-top: 0em;
  color: #444;
}
.Jscr[name=donate] .userlist .user1 .nameid .userid:before {
  content: "@";
}
.Jscr[name=donate] .userlist .user1 .profile {
  text-align: left;
  margin-left: 6em;
  margin-top: 1em;
  line-height: 1.8em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
}
.Jscr[name=donate] .donate:not([flg=doners]) .user1[jdata_donatecheck="1"] .btnremove {
  display: inline-block;
}
.Jscr[name=donate] .user1[jdata_donatecheck="0"] .btndonate {
  display: inline-block;
}
.Jscr[name=donate] .donate[flg=doners] .user1[jdata_donatecheck="1"] .btndonating {
  display: inline-block;
}

.Jscr[name=notifications] .recommendmail, .Jscr[name=mywallet] .recommendmail {
  text-align: center;
  margin-top: 1em;
  padding-bottom: 1em;
}
.Jscr[name=notifications] .recommendmail span, .Jscr[name=mywallet] .recommendmail span {
  padding: 0.5em 1.5em;
  border: 0.1em solid #000;
  border-radius: 1.5em;
}
.Jscr[name=notifications] .userlist, .Jscr[name=mywallet] .userlist {
  margin-top: 1em;
  padding: 0em 1em 2em 1em;
  max-width: 768px;
  margin: 0 auto;
}
.Jscr[name=notifications] .userlist .user1, .Jscr[name=mywallet] .userlist .user1 {
  position: relative;
  display: block;
  text-align: left;
  padding: 0em 1em 0em 0.5em;
  clear: both;
}
.Jscr[name=notifications] .userlist .user1 .icon, .Jscr[name=mywallet] .userlist .user1 .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 2.5em;
  width: 2.5em;
  margin: 0em 0.5em;
  overflow: hidden;
}
.Jscr[name=notifications] .userlist .user1 .icon img, .Jscr[name=mywallet] .userlist .user1 .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=notifications] .userlist .user1 .noticedate, .Jscr[name=mywallet] .userlist .user1 .noticedate {
  display: block;
  text-align: center;
  margin-bottom: 1em;
  margin-top: 1.5em;
}
.Jscr[name=notifications] .userlist .user1 .message, .Jscr[name=mywallet] .userlist .user1 .message {
  display: block;
  margin-left: 4em;
  margin-top: 0.5em;
  line-height: 1.25em;
  word-break: normal;
}
.Jscr[name=notifications] .userlist .user1 .message .tx, .Jscr[name=notifications] .userlist .user1 .message .bold, .Jscr[name=notifications] .userlist .user1 .message .ms, .Jscr[name=notifications] .userlist .user1 .message .pay, .Jscr[name=notifications] .userlist .user1 .message .request, .Jscr[name=notifications] .userlist .user1 .message .send, .Jscr[name=notifications] .userlist .user1 .message .post, .Jscr[name=mywallet] .userlist .user1 .message .tx, .Jscr[name=mywallet] .userlist .user1 .message .bold, .Jscr[name=mywallet] .userlist .user1 .message .ms, .Jscr[name=mywallet] .userlist .user1 .message .pay, .Jscr[name=mywallet] .userlist .user1 .message .request, .Jscr[name=mywallet] .userlist .user1 .message .send, .Jscr[name=mywallet] .userlist .user1 .message .post {
  font-weight: bold;
}
.Jscr[name=notifications] .userlist .user1 .nameid, .Jscr[name=mywallet] .userlist .user1 .nameid {
  margin-left: 4em;
  margin-top: 1.5em;
}
.Jscr[name=notifications] .userlist .user1 .nameid .username, .Jscr[name=mywallet] .userlist .user1 .nameid .username {
  font-weight: bold;
  font-size: 1em;
  margin-top: 0.5em;
  word-break: break-all;
}
.Jscr[name=notifications] .userlist .user1 .nameid .sns, .Jscr[name=mywallet] .userlist .user1 .nameid .sns {
  position: relative;
  display: inline-block;
  margin-left: 0.25em;
  vertical-align: top;
}
.Jscr[name=notifications] .userlist .user1 .nameid .sns .sns1, .Jscr[name=mywallet] .userlist .user1 .nameid .sns .sns1 {
  display: inline-block;
  vertical-align: top;
  margin-left: 0.25em;
}
.Jscr[name=notifications] .userlist .user1 .nameid .sns .sns1 img, .Jscr[name=mywallet] .userlist .user1 .nameid .sns .sns1 img {
  height: 1em;
  vertical-align: middle;
}
.Jscr[name=notifications] .userlist .user1 .nameid .sns .sns1.twitter img, .Jscr[name=mywallet] .userlist .user1 .nameid .sns .sns1.twitter img {
  height: 0.85em;
}
.Jscr[name=notifications] .userlist .user1 .nameid .userid, .Jscr[name=mywallet] .userlist .user1 .nameid .userid {
  display: none;
  margin-top: 0em;
  color: #444;
}
.Jscr[name=notifications] .userlist .user1 .nameid .userid:before, .Jscr[name=mywallet] .userlist .user1 .nameid .userid:before {
  content: "@";
}
.Jscr[name=notifications] .userlist .user1 .nameid .menus, .Jscr[name=mywallet] .userlist .user1 .nameid .menus {
  float: right;
  width: 2em;
  height: 4.5em;
}
.Jscr[name=notifications] .userlist .user1 .nameid .menus .menu, .Jscr[name=notifications] .userlist .user1 .nameid .menus .reply, .Jscr[name=mywallet] .userlist .user1 .nameid .menus .menu, .Jscr[name=mywallet] .userlist .user1 .nameid .menus .reply {
  padding: 0.5em;
  margin-bottom: 0.25em;
}
.Jscr[name=notifications] .userlist .user1 .nameid .menus .menu img, .Jscr[name=notifications] .userlist .user1 .nameid .menus .reply img, .Jscr[name=mywallet] .userlist .user1 .nameid .menus .menu img, .Jscr[name=mywallet] .userlist .user1 .nameid .menus .reply img {
  width: 1em;
  height: 1em;
}
.Jscr[name=notifications] .userlist .user1 .nameid .menus .reply, .Jscr[name=mywallet] .userlist .user1 .nameid .menus .reply {
  display: none;
}
.Jscr[name=notifications] .userlist .user1.sameuser, .Jscr[name=mywallet] .userlist .user1.sameuser {
  padding: 0 1em 0 0.5em;
  width: calc(100% - 2em);
}
.Jscr[name=notifications] .userlist .user1.sameuser .icon, .Jscr[name=mywallet] .userlist .user1.sameuser .icon {
  display: none;
}
.Jscr[name=notifications] .userlist .user1.sameuser .nameid, .Jscr[name=mywallet] .userlist .user1.sameuser .nameid {
  display: none;
}
.Jscr[name=notifications] .userlist .user1 .buttons, .Jscr[name=mywallet] .userlist .user1 .buttons {
  position: relative;
  display: inline-block;
  width: calc(100% - 5em);
  margin-top: 1em;
  margin-left: 6em;
}
.Jscr[name=notifications] .userlist .user1 .buttons .btn1, .Jscr[name=mywallet] .userlist .user1 .buttons .btn1 {
  position: relative;
  font-weight: bold;
  display: none;
  color: #888888;
  border: 0.1em solid #888888;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=notifications] .userlist .user1 .profile, .Jscr[name=mywallet] .userlist .user1 .profile {
  text-align: left;
  margin-left: 6em;
  margin-top: 0.5em;
  line-height: 1.8em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
}

.Jscr[name=messages] .recommendmail {
  text-align: center;
  margin-top: 1em;
}
.Jscr[name=messages] .recommendmail span {
  padding: 0.5em 1.5em;
  border: 0.1em solid #000;
  border-radius: 1.5em;
}
.Jscr[name=messages] .userlist {
  margin-top: 1em;
  padding: 0em 1em 5em 1em;
  max-width: 768px;
  margin: 0 auto;
}
.Jscr[name=messages] .userlist .user1 {
  position: relative;
  display: block;
  text-align: left;
  padding: 0em 1em 0em 1em;
}
.Jscr[name=messages] .userlist .user1 .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 2.5em;
  width: 2.5em;
  margin: 0em 0.5em;
  overflow: hidden;
}
.Jscr[name=messages] .userlist .user1 .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=messages] .userlist .user1 .sns {
  position: relative;
  display: inline-block;
  margin-left: 0.25em;
  vertical-align: top;
}
.Jscr[name=messages] .userlist .user1 .sns .sns1 {
  display: inline-block;
  vertical-align: top;
}
.Jscr[name=messages] .userlist .user1 .sns .sns1 img {
  height: 1em;
  vertical-align: middle;
}
.Jscr[name=messages] .userlist .user1 .sns .sns1.twitter img {
  height: 0.85em;
}
.Jscr[name=messages] .userlist .user1 .noticedate {
  display: block;
  text-align: center;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
}
.Jscr[name=messages] .userlist .user1 .message {
  display: block;
  margin-left: 4em;
  margin-top: 0.5em;
  margin-bottom: 1.5em;
  margin-right: 1em;
  line-height: 1.25em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  height: 1.25em;
  overflow: hidden;
}
.Jscr[name=messages] .userlist .user1 .message .tx, .Jscr[name=messages] .userlist .user1 .message .bold, .Jscr[name=messages] .userlist .user1 .message .ms {
  font-weight: bold;
}
.Jscr[name=messages] .userlist .user1[jdata_readdt] .message {
  color: #888888;
}
.Jscr[name=messages] .userlist .user1:not([jdata_readdt]) .message {
  color: #000;
  font-weight: bold;
}
.Jscr[name=messages] .userlist .user1 .nameid {
  margin-left: 4em;
  margin-top: 1.5em;
}
.Jscr[name=messages] .userlist .user1 .nameid .username {
  font-weight: bold;
  font-size: 1em;
  margin-top: 0.5em;
  word-break: break-all;
  display: inline;
}
.Jscr[name=messages] .userlist .user1 .nameid .userid {
  display: none;
  margin-top: 0em;
  color: #444;
}
.Jscr[name=messages] .userlist .user1 .nameid .userid:before {
  content: "@";
}
.Jscr[name=messages] .userlist .user1.sameuser {
  padding: 0 1em 0 1em;
}
.Jscr[name=messages] .userlist .user1.sameuser .icon {
  display: none;
}
.Jscr[name=messages] .userlist .user1.sameuser .nameid {
  display: none;
}
.Jscr[name=messages] .userlist .user1 .buttons {
  position: relative;
  display: inline-block;
  width: calc(100% - 5em);
  margin-top: 1em;
  margin-left: 6em;
}
.Jscr[name=messages] .userlist .user1 .buttons .btn1 {
  position: relative;
  font-weight: bold;
  display: none;
  color: #888888;
  border: 0.1em solid #888888;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=messages] .userlist .user1 .profile {
  text-align: left;
  margin-left: 6em;
  margin-top: 0.5em;
  line-height: 1.8em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
}
.Jscr[name=messages] .userlist .user1 .menu {
  float: right;
}
.Jscr[name=messages] .userlist .user1 .menu img {
  width: 1em;
  height: 1em;
}

.Jscr[name=backuser] .user1.me .buttons {
  display: none !important;
}
.Jscr[name=backuser] .userinfo {
  position: relative;
  display: block;
  text-align: center;
  padding: 1em;
}
.Jscr[name=backuser] .userinfo .username {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 1.5em;
  margin-top: 0.4em;
  word-break: break-all;
  line-height: 1.25em;
}
.Jscr[name=backuser] .userinfo .relation {
  margin-top: 1.5em;
  display: inline-block;
  padding: 0.25em;
  font-size: 1.25em;
}
.Jscr[name=backuser] .userinfo .relation .relation1 {
  display: inline-block;
  padding: 0.5em;
}
.Jscr[name=backuser] .userinfo .relation .relation1 .value {
  display: inline-block;
  height: 1.5em;
  margin: 0 1em;
}
.Jscr[name=backuser] .userinfo .relation .relation1 .value img {
  height: 1em;
  vertical-align: -0.05em;
  margin-right: 0.25em;
}
.Jscr[name=backuser] .userinfo .relation .relation1 .value .Jfld {
  color: #000;
}
.Jscr[name=backuser] .userinfo .relation .relation1 .value.selected {
  font-weight: bold;
  border-bottom: 2px solid #000;
}
.Jscr[name=backuser] .userinfo .currentratio {
  margin-top: 1.5em;
}
.Jscr[name=backuser] .userinfo .currentratio .donateratio {
  font-weight: bold;
  font-size: 1.5em;
  margin: 0 1em 0 1em;
}
.Jscr[name=backuser] .userinfo .currentratio .donateratio:after {
  content: "%";
}
.Jscr[name=backuser] .userinfo .currentratio .btn1 {
  font-weight: bold;
  display: inline-block;
  color: #000;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=backuser] .donate[flg=doners] .currentratio {
  display: none;
}
.Jscr[name=backuser] .userlist {
  margin-top: 0;
  max-width: 768px;
  margin: 0 auto;
}
.Jscr[name=backuser] .userlist .user1 {
  position: relative;
  display: block;
  text-align: left;
  padding: 1em 1em 0.5em 1em;
}
.Jscr[name=backuser] .userlist .user1 .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 3.5em;
  width: 3.5em;
  margin: 0em 0.25em;
  overflow: hidden;
}
.Jscr[name=backuser] .userlist .user1 .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=backuser] .userlist .user1 .sns {
  position: relative;
  display: inline-block;
  margin-left: 0.25em;
  vertical-align: middle;
  height: 1.5em;
}
.Jscr[name=backuser] .userlist .user1 .sns .sns1 {
  display: inline-block;
  padding-left: 0.25em;
  padding-right: 0.15em;
}
.Jscr[name=backuser] .userlist .user1 .sns .sns1 img {
  height: 1.25em;
  vertical-align: middle;
}
.Jscr[name=backuser] .userlist .user1 .sns .sns1.twitter img {
  height: 1.1em;
}
.Jscr[name=backuser] .userlist .user1 .nameid {
  margin-left: 5em;
}
.Jscr[name=backuser] .userlist .user1 .nameid .username {
  font-weight: bold;
  font-size: 1.25em;
  margin-top: 0em;
  width: 100%;
  word-break: break-all;
  line-height: 1.25em;
}
.Jscr[name=backuser] .userlist .user1 .nameid .userid {
  margin-top: 0em;
  color: #444;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.75em;
  width: 19em;
  white-space: nowrap;
  vertical-align: middle;
}
.Jscr[name=backuser] .userlist .user1 .nameid .userid:before {
  content: "@";
}
.Jscr[name=backuser] .userlist .user1 .buttons {
  position: relative;
  display: inline-block;
  width: calc(100% - 5em);
  margin-top: 0.65em;
  margin-left: 5em;
}
.Jscr[name=backuser] .userlist .user1 .buttons .btn1 {
  position: relative;
  font-weight: bold;
  display: none;
  color: #888888;
  border: 0.1em solid #888888;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=backuser] .userlist .user1[jdata_followcheck="1"] .btnfollowing {
  display: inline-block;
  background-color: #dddddd;
  color: #666666;
  border: 0.1em solid #dddddd;
}
.Jscr[name=backuser] .userlist .user1[jdata_followcheck="0"] .btnfollow {
  display: inline-block;
}
.Jscr[name=backuser] .userlist .user1 .profile {
  display: block;
  text-align: left;
  margin-top: 0.5em;
  margin-left: 5em;
  line-height: 1.25em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.Jscr[name=follow] .userinfo {
  position: relative;
  display: block;
  text-align: center;
  padding: 1em;
}
.Jscr[name=follow] .userinfo .username {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 1.5em;
  margin-top: 0.4em;
}
.Jscr[name=follow] .userinfo .relation {
  display: inline-block;
  padding: 0.25em;
  font-size: 1.25em;
}
.Jscr[name=follow] .userinfo .relation .relation1 {
  display: inline-block;
  padding: 0.5em;
}
.Jscr[name=follow] .userinfo .relation .relation1 .value {
  display: inline-block;
  height: 1.5em;
  margin: 0 1em;
}
.Jscr[name=follow] .userinfo .relation .relation1 .value img {
  height: 1em;
  vertical-align: -0.05em;
  margin-right: 0.25em;
}
.Jscr[name=follow] .userinfo .relation .relation1 .value .Jfld {
  color: #000;
}
.Jscr[name=follow] .userinfo .relation .relation1 .value.selected {
  font-weight: bold;
  border-bottom: 2px solid #000;
}
.Jscr[name=follow] .userinfo .currentratio {
  margin-top: 1.5em;
}
.Jscr[name=follow] .userinfo .currentratio .donateratio {
  font-weight: bold;
  font-size: 1.5em;
  margin: 0 1em 0 1em;
}
.Jscr[name=follow] .userinfo .currentratio .donateratio:after {
  content: "%";
}
.Jscr[name=follow] .userinfo .currentratio .btn1 {
  font-weight: bold;
  display: inline-block;
  color: #000;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=follow] .userlist {
  margin-top: 0;
  max-width: 768px;
  margin: 0 auto;
  padding: 1em 0 0.5em 0;
}
.Jscr[name=follow] .userlist .user1 {
  position: relative;
  display: block;
  text-align: left;
  padding: 1em 1em 0.5em 1em;
}
.Jscr[name=follow] .userlist .user1 .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 3.5em;
  width: 3.5em;
  margin: 0em 0.25em;
  overflow: hidden;
}
.Jscr[name=follow] .userlist .user1 .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=follow] .userlist .user1 .sns {
  position: relative;
  display: inline-block;
  margin-left: 0.25em;
  vertical-align: middle;
  height: 1.5em;
}
.Jscr[name=follow] .userlist .user1 .sns .sns1 {
  display: inline-block;
  padding-left: 0.25em;
  padding-right: 0.15em;
}
.Jscr[name=follow] .userlist .user1 .sns .sns1 img {
  height: 1.25em;
  vertical-align: middle;
}
.Jscr[name=follow] .userlist .user1 .sns .sns1.twitter img {
  height: 1.1em;
}
.Jscr[name=follow] .userlist .user1 .buttons {
  position: relative;
  display: inline-block;
  width: calc(100% - 5em);
  margin-top: 0.65em;
  margin-left: 5em;
}
.Jscr[name=follow] .userlist .user1 .buttons .btn1 {
  position: relative;
  font-weight: bold;
  display: none;
  color: #888888;
  border: 0.1em solid #888888;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=follow] .userlist .user1[jdata_followcheck="1"] .btnfollowing {
  display: inline-block;
  background-color: #dddddd;
  color: #666666;
  border: 0.1em solid #dddddd;
}
.Jscr[name=follow] .userlist .user1[jdata_followcheck="0"] .btnfollow {
  display: inline-block;
}
.Jscr[name=follow] .userlist .user1 .nameid {
  margin-left: 5em;
}
.Jscr[name=follow] .userlist .user1 .nameid .username {
  font-weight: bold;
  font-size: 1.25em;
  margin-top: 0.25em;
  width: 100%;
  word-break: break-all;
  line-height: 1.25em;
}
.Jscr[name=follow] .userlist .user1 .nameid .userid {
  margin-top: 0em;
  color: #444;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.5em;
  width: 19em;
  white-space: nowrap;
}
.Jscr[name=follow] .userlist .user1 .nameid .userid:before {
  content: "@";
}
.Jscr[name=follow] .userlist .user1 .profile {
  display: block;
  text-align: left;
  margin-left: 5em;
  margin-top: 0.5em;
  line-height: 1.25em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
}

.Jscr[name=muteblock] .userinfo {
  position: relative;
  display: block;
  text-align: center;
  padding: 1em;
}
.Jscr[name=muteblock] .userinfo .username {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 1.5em;
  margin-top: 0.4em;
}
.Jscr[name=muteblock] .userinfo .relation {
  margin-top: 1.5em;
  display: inline-block;
  padding: 0.25em;
  font-size: 1.25em;
}
.Jscr[name=muteblock] .userinfo .relation .relation1 {
  display: inline-block;
  padding: 0.5em;
}
.Jscr[name=muteblock] .userinfo .relation .relation1 .value {
  display: inline-block;
  height: 1.5em;
  margin: 0 1em;
}
.Jscr[name=muteblock] .userinfo .relation .relation1 .value img {
  height: 1em;
  vertical-align: -0.05em;
  margin-right: 0.25em;
}
.Jscr[name=muteblock] .userinfo .relation .relation1 .value .Jfld {
  color: #000;
}
.Jscr[name=muteblock] .userinfo .relation .relation1 .value.selected {
  font-weight: bold;
  border-bottom: 2px solid #000;
}
.Jscr[name=muteblock] .userinfo .currentratio {
  margin-top: 1.5em;
}
.Jscr[name=muteblock] .userinfo .currentratio .donateratio {
  font-weight: bold;
  font-size: 1.5em;
  margin: 0 1em 0 1em;
}
.Jscr[name=muteblock] .userinfo .currentratio .donateratio:after {
  content: "%";
}
.Jscr[name=muteblock] .userinfo .currentratio .btn1 {
  font-weight: bold;
  display: inline-block;
  color: #000;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=muteblock] .userlist {
  margin-top: 1em;
  max-width: 768px;
  margin: 0 auto;
  padding: 1em 1em 5em 1em;
}
.Jscr[name=muteblock] .userlist .user1 {
  position: relative;
  display: block;
  text-align: left;
  padding: 1em 1em 0.5em 1em;
}
.Jscr[name=muteblock] .userlist .user1 .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 3.5em;
  width: 3.5em;
  margin: 0em 0.25em;
  overflow: hidden;
}
.Jscr[name=muteblock] .userlist .user1 .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=muteblock] .userlist .user1 .sns {
  position: relative;
  display: inline-block;
  margin-left: 0.25em;
  vertical-align: middle;
  height: 1.5em;
}
.Jscr[name=muteblock] .userlist .user1 .sns .sns1 {
  display: inline-block;
  padding-left: 0.25em;
  padding-right: 0.15em;
}
.Jscr[name=muteblock] .userlist .user1 .sns .sns1 img {
  height: 1.25em;
  vertical-align: middle;
}
.Jscr[name=muteblock] .userlist .user1 .sns .sns1.twitter img {
  height: 1.1em;
}
.Jscr[name=muteblock] .userlist .user1 .buttons {
  position: relative;
  display: inline-block;
  width: calc(100% - 5em);
  margin-top: 0.5em;
  margin-left: 5em;
}
.Jscr[name=muteblock] .userlist .user1 .buttons .btn1 {
  position: relative;
  font-weight: bold;
  display: none;
  color: #888888;
  border: 0.1em solid #888888;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=muteblock] .userlist .user1 .nameid {
  margin-left: 5em;
}
.Jscr[name=muteblock] .userlist .user1 .nameid .username {
  font-weight: bold;
  font-size: 1.25em;
  margin-top: 0.5em;
  width: 100%;
  word-break: break-all;
  line-height: 1.25em;
}
.Jscr[name=muteblock] .userlist .user1 .nameid .userid {
  margin-top: 0em;
  color: #444;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.25em;
  width: 19em;
  white-space: nowrap;
}
.Jscr[name=muteblock] .userlist .user1 .nameid .userid:before {
  content: "@";
}
.Jscr[name=muteblock] .userlist .user1 .profile {
  text-align: left;
  margin-left: 5em;
  margin-top: 0.5em;
  line-height: 1.25em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
}
.Jscr[name=muteblock] .muteblock[flg=mute] .user1[jdata_mutecheck="1"] .btnmuting {
  display: inline-block;
}
.Jscr[name=muteblock] .muteblock[flg=mute] .user1[jdata_mutecheck="0"] .btnmute {
  display: inline-block;
}
.Jscr[name=muteblock] .muteblock[flg=block] .user1[jdata_blockcheck="1"] .btnblocking {
  display: inline-block;
}
.Jscr[name=muteblock] .muteblock[flg=block] .user1[jdata_blockcheck="0"] .btnblock {
  display: inline-block;
}

.Jscr[name=userpage] .scrollarea {
  padding-bottom: 5em;
}
.Jscr[name=userpage] .homemenus {
  display: none;
}
.Jscr[name=userpage] .views {
  display: none;
}
.Jscr[name=userpage] .userinfo {
  max-width: 768px;
  margin: 0 auto 0 auto;
  position: relative;
  display: block;
  text-align: left;
  padding: 1em 1em 0em 1em;
}
.Jscr[name=userpage] .userinfo .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 6em;
  width: 6em;
  margin: 0.5em;
  overflow: hidden;
}
.Jscr[name=userpage] .userinfo .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=userpage] .userinfo .sns {
  position: relative;
  display: inline-block;
  margin-left: 0.25em;
  vertical-align: middle;
  min-height: 2.5em;
  padding-top: 0.25em;
}
.Jscr[name=userpage] .userinfo .sns .sns1 {
  display: inline-block;
  padding: 0.32em;
}
.Jscr[name=userpage] .userinfo .sns .sns1 img {
  height: 1.25em;
  vertical-align: middle;
}
.Jscr[name=userpage] .userinfo .sns .sns1.twitter img {
  height: 1.1em;
}
.Jscr[name=userpage] .userinfo .bookmark {
  position: absolute;
  display: inline-block;
  right: 1.25em;
  top: 1.5em;
}
.Jscr[name=userpage] .userinfo .bookmark:before {
  content: url(../img/icon_bookmark.svg);
  vertical-align: top;
  display: inline-block;
  height: 1em;
  width: 0.9em;
  opacity: 0.7;
}
.Jscr[name=userpage] .userinfo .bookmark .Jfld[name=bookmarkcnt] {
  display: none;
}
.Jscr[name=userpage] .userinfo[jdata_bookmarkcheck="1"] .bookmark:before {
  content: url(../img/icon_bookmarkcheck.svg);
}
.Jscr[name=userpage] .userinfo .message {
  position: absolute;
  display: inline-block;
  right: 1.5em;
  top: 5em;
}
.Jscr[name=userpage] .userinfo .message:before {
  content: url(../img/icon_comment.svg);
  vertical-align: top;
  display: inline-block;
  height: 0.9em;
  width: 0.9em;
  opacity: 0.7;
}
.Jscr[name=userpage] .userinfo .fields {
  display: block;
  margin-left: 8em;
  vertical-align: top;
  text-align: left;
}
.Jscr[name=userpage] .userinfo .fields .userid {
  display: block;
  color: #444;
  line-height: 2em;
}
.Jscr[name=userpage] .userinfo .fields .userid span {
  pointer-events: none;
}
.Jscr[name=userpage] .userinfo .fields .username {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 1.5em;
  margin-top: 0em;
  word-break: break-all;
  margin-right: 1.5em;
  pointer-events: none;
}
.Jscr[name=userpage] .userinfo .fields .relation {
  margin-top: 0.5em;
  display: inline-block;
  padding: 0.25em;
  color: #888888;
}
.Jscr[name=userpage] .userinfo .fields .relation .relation1 {
  display: inline-block;
  padding: 0.25em 0em 0.5em 0em;
}
.Jscr[name=userpage] .userinfo .fields .relation .relation1 > div {
  display: inline-block;
  margin-right: 1em;
}
.Jscr[name=userpage] .userinfo .fields .relation .relation1 > div img {
  height: 1em;
  vertical-align: -0.05em;
  margin-right: 0.25em;
}
.Jscr[name=userpage] .userinfo .fields .relation .relation1 > div .Jfld {
  color: #000;
}
.Jscr[name=userpage] .userinfo .edit {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  font-weight: bold;
}
.Jscr[name=userpage] .userinfo .btns {
  display: block;
  margin-top: 0.5em;
  margin-left: -0.5em;
  margin-right: -0.5em;
  text-align: center;
}
.Jscr[name=userpage] .userinfo .btns .btn1 {
  font-weight: bold;
  display: inline-block;
  color: #000;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.5em 1em 0.5em 1em;
  margin: 0.5em 0.5em 0.5em 0.5em;
}
.Jscr[name=userpage] .userinfo .btns .btn1 img {
  height: 1em;
}
.Jscr[name=userpage] .userinfo .btns .btn1.pay {
  display: none;
}
.Jscr[name=userpage] .userinfo .btns .menu, .Jscr[name=userpage] .userinfo .btns .share:not(.btn1) {
  float: right;
  display: inline-block;
  padding: 0.4em 0.5em 0.5em 0.5em;
  margin: 0.3em 0.2em 0.5em 0.5em;
  opacity: 0.7;
}
.Jscr[name=userpage] .userinfo .btns .menu img, .Jscr[name=userpage] .userinfo .btns .share:not(.btn1) img {
  height: 1.25em;
}
.Jscr[name=userpage] .userinfo .coverimage {
  position: relative;
  text-align: center;
  margin-top: 0.75em;
  margin-left: -1em;
  margin-right: -1em;
}
.Jscr[name=userpage] .userinfo .coverimage img {
  position: relative;
  aspect-ratio: 16/9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.Jscr[name=userpage] .userinfo .tag {
  display: none;
  margin-top: 3em;
}
.Jscr[name=userpage] .userinfo .profile {
  display: block;
  margin-top: 1em;
  max-height: 5.5em;
}
.Jscr[name=userpage] .userinfo .profile .Jfld {
  line-height: 1.8em;
  overflow: hidden;
  white-space: pre-wrap;
}
.Jscr[name=userpage] .userinfo .profile.close .Jfld {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.Jscr[name=userpage] .userinfo .profile:not(.open):after {
  display: block;
  content: "...more";
  color: #aaa;
}
.Jscr[name=userpage] .userinfo .profile.open {
  max-height: 100vh;
}
.Jscr[name=userpage] .userinfo .profile.open .Jfld {
  display: block;
}
.Jscr[name=userpage] .userinfo .profile.open .more {
  display: none;
}
.Jscr[name=userpage] .userinfo .profile.open + .tag {
  display: block;
}
.Jscr[name=userpage] .userinfo a {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
.Jscr[name=userpage] .userinfo[jdata_followcheck="1"] .btn1.following {
  background-color: #dddddd;
  color: #666666;
  border-color: #dddddd;
}
.Jscr[name=userpage] .userinfo[jdata_followcheck="1"] .btn1.following:after {
  content: "ing";
}
.Jscr[name=userpage] .userinfo[jdata_donatecheck="1"] .btn1.donating {
  background-color: #dddddd;
  color: #666666;
}
.Jscr[name=userpage] .items {
  padding-bottom: 3em;
  margin-top: 3em;
}
.Jscr[name=userpage] .items:not([category=pays]) .pays {
  display: none;
}
.Jscr[name=userpage] .items:not([category=pays]) .btns .generatepay {
  display: none;
}
.Jscr[name=userpage] .items:not([category=banners]) .banners {
  display: none;
}
.Jscr[name=userpage] .items:not([category=banners]) .btns .generatebnr {
  display: none;
}
.Jscr[name=userpage] .items:not([category=bookmarks]) .bookmarks {
  display: none;
}
.Jscr[name=userpage] .items .pays {
  max-width: 768px;
  margin: 0em auto 0 auto;
  padding: 1em;
  margin-bottom: 1em;
}
.Jscr[name=userpage] .items .pays .pay1 {
  margin-bottom: 1.5em;
}
.Jscr[name=userpage] .items .posts {
  max-width: 768px;
  margin: 0em auto 0 auto;
  padding: 1em;
  margin-bottom: 1em;
}
.Jscr[name=userpage] .items .posts .post1 {
  clear: both;
  position: relative;
  position: relative;
}
.Jscr[name=userpage] .items .posts .post1 img {
  float: left;
  width: 8em;
  height: 8em;
  object-fit: cover;
  margin-right: 1em;
  margin-bottom: 1em;
  border-radius: 0.5em;
}
.Jscr[name=userpage] .items .posts .post1 .public {
  color: #888;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
.Jscr[name=userpage] .items .posts .post1 .comment {
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Jscr[name=userpage] .items .posts .post1[jdata_public=非公開] .comment {
  color: #888;
}
.Jscr[name=userpage] .items .posts .post1[jdata_public=ブロック] {
  pointer-events: none;
}
.Jscr[name=userpage] .items .posts .post1[jdata_public=ブロック] .public {
  background-color: #f00;
  color: #fff;
  padding: 0em 0.5em;
  border-radius: 0.25em;
}
.Jscr[name=userpage] .items .posts .post1[jdata_public=ブロック] .comment {
  color: #888;
}
.Jscr[name=userpage] .items .banners {
  padding: 1em;
  max-width: 768px;
  margin: 0em auto 0 auto;
}
.Jscr[name=userpage] .items .banners .banner1 {
  margin-bottom: 1.5em;
}
.Jscr[name=userpage] .items .banners .banner1 .title {
  display: inline-block;
  width: calc(100% - 7.5em);
  font-weight: bold;
  font-size: 1.25em;
}
.Jscr[name=userpage] .items .banners .banner1 .code {
  display: inline-block;
}
.Jscr[name=userpage] .items .banners .banner1 .code img {
  width: 1.5em;
  height: 1.5em;
  vertical-align: -0.3em;
}
.Jscr[name=userpage] .items .banners .banner1 .delete {
  margin-left: 1em;
  font-weight: bold;
  display: inline-block;
  color: #000;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.5em 1em 0.5em 1em;
  margin: 0.5em 0.5em 0.5em 0.5em;
  vertical-align: 0.15em;
}
.Jscr[name=userpage] .items .btns {
  display: block;
  margin-top: 3em;
  margin-left: -0.5em;
  margin-right: -0.5em;
  text-align: center;
}
.Jscr[name=userpage] .items .btns .btn1 {
  display: inline-block;
  padding: 1rem 3.5rem 1rem 3.5rem;
  background-color: #000;
  border: 0.1em solid #000;
  font-weight: bold;
  color: #fff;
  border-radius: 1.5em;
  margin-bottom: 1em;
  font-size: 1.25em;
}
.Jscr[name=userpage] .arts {
  margin-top: 1em;
  position: relative;
}
.Jscr[name=userpage] .arts .views {
  top: 2.5em;
}
.Jscr[name=userpage] .arts .artsinner {
  margin-top: 2em;
}
.Jscr[name=userpage] .arts .artscategory {
  display: none;
}
.Jscr[name=userpage].myprofile {
  /*.btns .transfer {
      display: none !important
  }
  */
}
.Jscr[name=userpage].myprofile .btns .following {
  display: none !important;
}
.Jscr[name=userpage].myprofile .btns .donating {
  display: none !important;
}
.Jscr[name=userpage].myprofile .btns .menu {
  display: none !important;
}
.Jscr[name=userpage].myprofile .btns .transfer {
  display: none !important;
}
.Jscr[name=userpage].myprofile .share:not(.btn1) {
  display: none !important;
}
.Jscr[name=userpage].myprofile .bookmark {
  display: none;
}
.Jscr[name=userpage].myprofile .message {
  display: none;
}
.Jscr[name=userpage]:not(.myprofile) .relation1.follow {
  display: none !important;
}
.Jscr[name=userpage]:not(.myprofile) .edit {
  display: none !important;
}
.Jscr[name=userpage]:not(.myprofile) .walletaddress {
  display: none !important;
}
.Jscr[name=userpage]:not(.myprofile) .btns .share {
  display: none !important;
}
.Jscr[name=userpage]:not(.myprofile) .generatepay {
  display: none !important;
}
.Jscr[name=userpage]:not(.myprofile) .generatebanner {
  display: none !important;
}
.Jscr[name=userpage]:not(.myprofile) .banner1 .title {
  width: calc(100% - 1.5em) !important;
}
.Jscr[name=userpage]:not(.myprofile) .banner1 .delete {
  display: none !important;
}
.Jscr[name=userpage]:not(.myprofile) .pay1:not([jdata_public=public]) {
  display: none !important;
}
.Jscr[name=userpage]:not(.myprofile) .artscategory1[status=hide] {
  display: none !important;
}
.Jscr[name=userpage]:not(.myprofile) .artscategory1[status=draft] {
  display: none !important;
}
.Jscr[name=userpage]:not(.myprofile) .artscategory1[status=likes] {
  display: none !important;
}
.Jscr[name=userpage] .itemcategory {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 0em;
  min-height: 2em;
  width: 100%;
  height: 2.5em;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.Jscr[name=userpage] .itemcategory .itemcategory1 {
  display: inline-block;
  padding: 0.4em 0.25em;
  font-weight: bold;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.Jscr[name=userpage] .itemcategory .itemcategory1.selected {
  border-bottom: 0.2em solid #000;
}

.Jscr[name=transfer] .transferpage {
  display: block;
  width: 768px;
  max-width: 100%;
  margin: auto;
}
.Jscr[name=transfer] .field1 {
  position: relative;
  margin-top: 1.75em;
}
.Jscr[name=transfer] .field1.next {
  margin-top: 0em;
}
.Jscr[name=transfer] .field1.rightmax {
  margin-right: -0.25em;
}
.Jscr[name=transfer] .field1 .fname {
  margin-top: 1.5em;
  margin-bottom: 1em;
  font-size: 0.8em;
  color: #666;
}
.Jscr[name=transfer] .field1 .Jselect {
  width: 100%;
}
.Jscr[name=transfer] .field1 input, .Jscr[name=transfer] .field1 select {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  font-weight: bold;
  text-align: center;
}
.Jscr[name=transfer] .field1 input[name=amount1] {
  padding: 1em 1em 1em 1em;
}
.Jscr[name=transfer] .field1 input[name=message] {
  display: none;
  font-weight: normal;
  text-align: left;
}
.Jscr[name=transfer] .field1 .selectamount {
  display: inline-block;
  width: calc(100% / 3 - 0.25em);
  margin-bottom: 0.35em;
  text-align: center;
}
.Jscr[name=transfer] .field1 .selectamount input {
  display: none;
}
.Jscr[name=transfer] .field1 .selectamount input + div {
  position: relative;
  display: inline-block;
  padding: 0.75em 0em 0.75em 0em;
  background-color: #ddd;
  border: 1px solid #888888;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  word-break: keep-all;
  border-radius: 0.25em;
  margin-right: 0.25em;
  width: 100%;
}
.Jscr[name=transfer] .field1 .selectamount input + div .unit {
  position: relative;
  display: inline-block;
  bottom: auto;
  top: auto;
  right: auto;
  width: auto;
  margin-left: 0.25em;
  display: none;
}
.Jscr[name=transfer] .field1 .selectamount .value span {
  color: #888;
  font-size: 0.8em;
}
.Jscr[name=transfer] .field1 .unit {
  position: absolute;
  right: 1em;
  bottom: 0.85em;
  text-align: left;
  font-size: 0.8em;
  color: #888;
}
.Jscr[name=transfer] .field1 .share {
  position: absolute;
  top: 2.5em;
  right: 1em;
  transform: translate(0, -50%);
}
.Jscr[name=transfer] .field1 .share img {
  height: 1em;
  opacity: 0.7;
}
.Jscr[name=transfer] .usdtotal {
  padding: 0.5em;
  color: #666666;
  text-align: right;
}
.Jscr[name=transfer] .addmessage {
  display: block;
  text-align: center;
  margin-top: 1em;
}
.Jscr[name=transfer] .addmessage span {
  display: inline-block;
  padding: 1em 2em 1em 2em;
  background-color: #F5F5F5;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.8em;
  border-radius: 2em;
}
.Jscr[name=transfer] .addmessage span img {
  height: 1.6em;
  vertical-align: -0.5em;
  margin-right: 0.5em;
  opacity: 0.4;
}
.Jscr[name=transfer].addmess .addmessage {
  display: none;
}
.Jscr[name=transfer].addmess .Jfld[name=message] {
  display: block;
}
.Jscr[name=transfer] .userinfo {
  position: relative;
  max-width: 1024px;
  margin: 0 auto 0 auto;
  display: block;
  text-align: left;
  padding: 1em 1em 5em 1em;
}
.Jscr[name=transfer] .userinfo .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 4em;
  width: 4em;
  margin: 3em 0.35em 0.35em 0.35em;
  overflow: hidden;
  z-index: 1;
}
.Jscr[name=transfer] .userinfo .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=transfer] .userinfo .sns {
  position: relative;
  display: inline-block;
  margin-left: 0.25em;
  vertical-align: middle;
}
.Jscr[name=transfer] .userinfo .sns .sns1 {
  display: inline-block;
  padding: 0.32em;
}
.Jscr[name=transfer] .userinfo .sns .sns1 img {
  height: 1.5em;
  vertical-align: middle;
}
.Jscr[name=transfer] .userinfo .sns .sns1.twitter img {
  height: 1.1em;
}
.Jscr[name=transfer] .userinfo .fields {
  display: block;
  margin-left: 5.5em;
  vertical-align: top;
  text-align: left;
  margin-top: 0.5em;
}
.Jscr[name=transfer] .userinfo .fields .userid {
  display: inline-block;
  color: #444;
  margin-top: 0em;
}
.Jscr[name=transfer] .userinfo .fields .username {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 1.5em;
  margin-top: 0.5em;
  word-break: break-all;
  margin-right: 1.5em;
}
.Jscr[name=transfer] .notice {
  display: block;
  margin-top: 1em;
}
.Jscr[name=transfer] .notice2 {
  display: block;
  margin-top: 0.5em;
  line-height: 1.5em;
  padding: 2em 0;
}
.Jscr[name=transfer] .notice2 span {
  font-weight: bold;
}
.Jscr[name=transfer] .notice3 {
  display: block;
  margin-top: 0.5em;
  line-height: 1.5em;
  padding: 0em 0;
}
.Jscr[name=transfer] .buttons {
  display: block;
  margin-top: 2em;
  text-align: center;
}
.Jscr[name=transfer] .buttons .btn1 {
  display: inline-block;
  padding: 1rem 1.5rem 1rem 1.5rem;
  background-color: #000;
  border: 0.1em solid #000;
  font-weight: bold;
  color: #fff;
  border-radius: 1.5em;
  margin-bottom: 1em;
  font-size: 1.25em;
}
.Jscr[name=transfer] .links {
  margin-top: 1em;
  display: block;
  text-align: center;
}
.Jscr[name=transfer] .links .qrcode {
  margin: 1em;
  display: inline-block;
  vertical-align: middle;
}
.Jscr[name=transfer] .links .qrcode img {
  width: 2.5em;
  height: 2.5em;
}
.Jscr[name=transfer] .links .share {
  margin: 1em 1em 1em 2em;
  display: inline-block;
  padding: 0.5em 2em 0.5em 2em;
  font-weight: bold;
  border-radius: 1.5em;
  border: 1px solid #000;
  vertical-align: middle;
}
.Jscr[name=transfer] .links .banner {
  margin: 1em;
  display: inline-block;
  padding: 0.5em 2em 0.5em 2em;
  font-weight: bold;
  border-radius: 1.5em;
  border: 1px solid #000;
  vertical-align: middle;
}

.Jscr[name=addfunds] .transferpage {
  display: block;
  width: 768px;
  max-width: 100%;
  margin: auto;
}
.Jscr[name=addfunds] .field1 {
  position: relative;
  margin-top: 1em;
}
.Jscr[name=addfunds] .field1.next {
  margin-top: 0.5em;
}
.Jscr[name=addfunds] .field1.rightmax {
  margin-right: -0.25em;
}
.Jscr[name=addfunds] .field1 .fname {
  margin-top: 1.5em;
  margin-bottom: 1em;
  font-size: 0.8em;
  color: #666;
}
.Jscr[name=addfunds] .field1 .Jselect {
  width: 100%;
}
.Jscr[name=addfunds] .field1 input, .Jscr[name=addfunds] .field1 select {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  font-weight: bold;
  text-align: center;
}
.Jscr[name=addfunds] .field1 .selectamount {
  display: inline-block;
  width: calc(100% / 3 - 0.25em);
  text-align: center;
}
.Jscr[name=addfunds] .field1 .selectamount input {
  display: none;
}
.Jscr[name=addfunds] .field1 .selectamount input + div {
  position: relative;
  display: inline-block;
  padding: 0.75em 0em 0.75em 0em;
  background-color: #ddd;
  border: 1px solid #888888;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  word-break: keep-all;
  border-radius: 0.25em;
  margin-right: 0.25em;
  width: 100%;
}
.Jscr[name=addfunds] .field1 .selectamount input + div .unit {
  position: relative;
  display: inline-block;
  bottom: auto;
  top: auto;
  right: auto;
  width: auto;
  margin-left: 0.25em;
}
.Jscr[name=addfunds] .userinfo {
  position: relative;
  max-width: 1024px;
  margin: 0 auto 0 auto;
  display: block;
  text-align: left;
  padding: 1em;
}
.Jscr[name=addfunds] .userinfo .wallet {
  display: inline-block;
  color: #888888;
  margin-right: 0.75em;
  width: calc(100% - 3em);
}
.Jscr[name=addfunds] .userinfo .wallet + img {
  vertical-align: -0.3em;
  height: 1.4em;
  display: inline-block;
  width: 1.4em;
  opacity: 0.5;
}
.Jscr[name=addfunds] .notice {
  display: block;
  margin: 1em;
  line-height: 2em;
}
.Jscr[name=addfunds] .notice span {
  font-weight: bold;
}
.Jscr[name=addfunds] .notice2 {
  display: block;
  margin: 1em;
  line-height: 1.5em;
}

.Jscr[name=export] .export {
  display: block;
  width: 768px;
  max-width: 100%;
  margin: auto;
  padding: 1em;
}
.Jscr[name=export] p {
  line-height: 1.5em;
}
.Jscr[name=export] .buttons {
  display: block;
  margin-top: 2em;
  text-align: center;
}
.Jscr[name=export] .buttons .btn1 {
  display: inline-block;
  padding: 1rem 1.5rem 1rem 1.5rem;
  background-color: #000;
  border: 0.1em solid #000;
  font-weight: bold;
  color: #fff;
  border-radius: 1.5em;
  margin-bottom: 1em;
  font-size: 1.25em;
  min-width: 15em;
}
.Jscr[name=export] .privatekeyarea {
  display: none;
}
.Jscr[name=export] .export.out .buttons {
  display: none;
}
.Jscr[name=export] .export.out .privatekeyarea {
  display: block;
}
.Jscr[name=export] .field1 {
  position: relative;
  margin-top: 1em;
}
.Jscr[name=export] .field1.next {
  margin-top: 0.5em;
}
.Jscr[name=export] .field1.rightmax {
  margin-right: -0.25em;
}
.Jscr[name=export] .field1 .fname {
  margin-top: 1.5em;
  margin-bottom: 1em;
  font-size: 0.8em;
  color: #666;
}
.Jscr[name=export] .field1 .Jselect {
  width: 100%;
}
.Jscr[name=export] .field1 input, .Jscr[name=export] .field1 select {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  font-weight: bold;
  text-align: center;
}
.Jscr[name=export] .field1 .selectamount {
  display: inline-block;
  width: calc(100% / 3 - 0.25em);
  text-align: center;
}
.Jscr[name=export] .field1 .selectamount input {
  display: none;
}
.Jscr[name=export] .field1 .selectamount input + div {
  position: relative;
  display: inline-block;
  padding: 0.75em 0em 0.75em 0em;
  background-color: #ddd;
  border: 1px solid #888888;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  word-break: keep-all;
  border-radius: 0.25em;
  margin-right: 0.25em;
  width: 100%;
}
.Jscr[name=export] .field1 .selectamount input + div .unit {
  position: relative;
  display: inline-block;
  bottom: auto;
  top: auto;
  right: auto;
  width: auto;
  margin-left: 0.25em;
}
.Jscr[name=export] .field1 .unit {
  position: absolute;
  right: 1em;
  bottom: 0.85em;
  text-align: left;
}
.Jscr[name=export] .field1 .share {
  position: absolute;
  top: 2.25em;
  right: 1em;
  transform: translate(0, -50%);
}
.Jscr[name=export] .field1 .share img {
  height: 1.75em;
}
.Jscr[name=export] .field1 .privatekey {
  display: inline-block;
  color: #888888;
  margin-right: 0.75em;
  width: calc(100% - 3em);
}
.Jscr[name=export] .field1 .privatekey + img {
  vertical-align: -0.3em;
  height: 1.4em;
  display: inline-block;
  width: 1.4em;
  opacity: 0.5;
}

.Jscr[name=transferme] .transferpage {
  display: block;
  width: 768px;
  max-width: 100%;
  margin: auto;
}
.Jscr[name=transferme] .field1 {
  position: relative;
  margin-top: 1em;
}
.Jscr[name=transferme] .field1.next {
  margin-top: 0.5em;
}
.Jscr[name=transferme] .field1.rightmax {
  margin-right: -0.25em;
}
.Jscr[name=transferme] .field1 .fname {
  margin-top: 1.5em;
  margin-bottom: 1em;
  font-size: 0.8em;
  color: #666;
}
.Jscr[name=transferme] .field1 .Jselect {
  width: 100%;
}
.Jscr[name=transferme] .field1 input, .Jscr[name=transferme] .field1 select {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  font-weight: bold;
  text-align: center;
}
.Jscr[name=transferme] .field1 .selectamount {
  display: inline-block;
  width: calc(100% / 3 - 0.25em);
  text-align: center;
}
.Jscr[name=transferme] .field1 .selectamount input {
  display: none;
}
.Jscr[name=transferme] .field1 .selectamount input + div {
  position: relative;
  display: inline-block;
  padding: 0.75em 0em 0.75em 0em;
  background-color: #ddd;
  border: 1px solid #888888;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  word-break: keep-all;
  border-radius: 0.25em;
  margin-right: 0.25em;
  width: 100%;
}
.Jscr[name=transferme] .field1 .selectamount input + div .unit {
  position: relative;
  display: inline-block;
  bottom: auto;
  top: auto;
  right: auto;
  width: auto;
  margin-left: 0.25em;
}
.Jscr[name=transferme] .field1 .unit {
  position: absolute;
  right: 1em;
  bottom: 0.85em;
  text-align: left;
  color: #888;
  font-size: 0.8em;
}
.Jscr[name=transferme] .field1 .share {
  position: absolute;
  top: 2.25em;
  right: 1em;
  transform: translate(0, -50%);
}
.Jscr[name=transferme] .field1 .share img {
  height: 1.75em;
}
.Jscr[name=transferme] .usdtotal {
  padding: 0.5em;
  color: #666666;
  text-align: right;
}
.Jscr[name=transferme] .userinfo {
  position: relative;
  max-width: 1024px;
  margin: 0 auto 0 auto;
  display: block;
  text-align: left;
  padding: 1em;
}
.Jscr[name=transferme] .userinfo .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 4em;
  width: 4em;
  margin: 7em 0.35em 0.35em 0.35em;
  overflow: hidden;
}
.Jscr[name=transferme] .userinfo .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=transferme] .userinfo .wallet {
  display: inline-block;
  color: #888888;
  margin-right: 0.75em;
  width: calc(100% - 3em);
}
.Jscr[name=transferme] .userinfo .wallet + img {
  vertical-align: -0.3em;
  height: 1.4em;
  display: inline-block;
  width: 1.4em;
  opacity: 0.5;
}
.Jscr[name=transferme] .userinfo .fields {
  display: block;
  margin-left: 5.5em;
  vertical-align: top;
  text-align: left;
  margin-top: 1.75em;
}
.Jscr[name=transferme] .userinfo .fields .userid {
  display: block;
  color: #444;
  margin-top: 0.5em;
  pointer-events: none;
}
.Jscr[name=transferme] .userinfo .fields .username {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 2em;
  margin-top: 0.4em;
}
.Jscr[name=transferme] .notice {
  display: block;
  margin-top: 1em;
}
.Jscr[name=transferme] .notice2 {
  display: block;
  margin-top: 0.5em;
  line-height: 1.5em;
  padding: 2em 0;
}
.Jscr[name=transferme] .buttons {
  display: block;
  margin-top: 2em;
  text-align: center;
}
.Jscr[name=transferme] .buttons .btn1 {
  display: inline-block;
  padding: 1rem 1.5rem 1rem 1.5rem;
  background-color: #000;
  border: 0.1em solid #000;
  font-weight: bold;
  color: #fff;
  border-radius: 1.5em;
  margin-bottom: 1em;
  font-size: 1.25em;
}
.Jscr[name=transferme] .links {
  margin-top: 1em;
  display: block;
  text-align: center;
}
.Jscr[name=transferme] .links .qrcode {
  margin: 1em;
  display: inline-block;
  vertical-align: middle;
}
.Jscr[name=transferme] .links .qrcode img {
  width: 2.5em;
  height: 2.5em;
}
.Jscr[name=transferme] .links .banner {
  margin: 1em;
  display: inline-block;
  padding: 0.5em 2em 0.5em 2em;
  font-weight: bold;
  border-radius: 1.5em;
  border: 1px solid #000;
  vertical-align: middle;
}

.Jscr[name=qrcode] .qrcodepage {
  display: block;
  width: 768px;
  max-width: 100%;
  margin: auto;
}
.Jscr[name=qrcode] .field1 {
  position: relative;
  margin-top: 1em;
}
.Jscr[name=qrcode] .field1.next {
  margin-top: 0.5em;
}
.Jscr[name=qrcode] .userinfo {
  position: relative;
  max-width: 1024px;
  margin: 0 auto 0 auto;
  display: block;
  text-align: left;
  padding: 1em;
}
.Jscr[name=qrcode] .userinfo .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 4em;
  width: 4em;
  margin: 3.5em 0.35em 0.35em 0.35em;
  overflow: hidden;
}
.Jscr[name=qrcode] .userinfo .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=qrcode] .userinfo .fields {
  display: block;
  margin-left: 5.5em;
  vertical-align: top;
  text-align: left;
  margin-top: 1.75em;
}
.Jscr[name=qrcode] .userinfo .fields .userid {
  display: block;
  color: #444;
  margin-top: 0.5em;
}
.Jscr[name=qrcode] .userinfo .fields .username {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 2em;
  margin-top: 0.4em;
  word-break: break-all;
}
.Jscr[name=qrcode] .notice {
  display: block;
  margin-top: 1em;
}
.Jscr[name=qrcode] .qrcodeframe {
  position: relative;
  margin-top: 3em;
  display: block;
  text-align: center;
}
.Jscr[name=qrcode] .qrcodeframe .qrcode {
  margin: auto;
  width: 18em;
  height: 18em;
}
.Jscr[name=qrcode] .qrcodeframe .qrcode canvas {
  width: 100%;
  height: 100%;
}
.Jscr[name=qrcode] .qrcodeframe .adayicon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4em;
  height: 4em;
  transform: translate(-50%, -50%);
}
.Jscr[name=qrcode] .qrcodeframe .adayicon img {
  background-color: #fff;
  width: 100%;
  height: 100%;
}
.Jscr[name=qrcode] .links {
  margin-top: 3em;
  display: block;
  text-align: center;
}
.Jscr[name=qrcode] .links .copy, .Jscr[name=qrcode] .links .share, .Jscr[name=qrcode] .links .download {
  margin: 1em;
  display: inline-block;
  vertical-align: middle;
}
.Jscr[name=qrcode] .links .copy .iconname, .Jscr[name=qrcode] .links .share .iconname, .Jscr[name=qrcode] .links .download .iconname {
  display: block;
  padding-bottom: 1.5em;
}
.Jscr[name=qrcode] .links .copy img, .Jscr[name=qrcode] .links .share img, .Jscr[name=qrcode] .links .download img {
  width: 1.5em;
  height: 1.5em;
}
.Jscr[name=qrcode] .links .copy {
  display: none;
}

.Jscr[name=banners] .userinfo {
  max-width: 768px;
  margin: 0 auto 0 auto;
  position: relative;
  display: block;
  text-align: left;
  padding: 1em 1em 0em 1em;
}
.Jscr[name=banners] .userinfo .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 4em;
  width: 4em;
  margin: 0.25em;
  overflow: hidden;
}
.Jscr[name=banners] .userinfo .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=banners] .userinfo .sns {
  position: relative;
  display: inline-block;
  margin-left: 0.25em;
  vertical-align: middle;
}
.Jscr[name=banners] .userinfo .sns .sns1 {
  display: inline-block;
  padding: 0.32em;
}
.Jscr[name=banners] .userinfo .sns .sns1 img {
  height: 1.5em;
  vertical-align: middle;
}
.Jscr[name=banners] .userinfo .sns .sns1.twitter img {
  height: 1.25em;
}
.Jscr[name=banners] .userinfo .bookmark {
  position: absolute;
  display: inline-block;
  right: 1.5em;
  top: 1.5em;
}
.Jscr[name=banners] .userinfo .bookmark:before {
  content: url(../img/icon_bookmark.svg);
  vertical-align: top;
  display: inline-block;
  height: 1.2em;
  width: 1.2em;
}
.Jscr[name=banners] .userinfo .bookmark .Jfld[name=bookmarkcnt] {
  display: none;
}
.Jscr[name=banners] .userinfo[jdata_bookmarkcheck="1"] .bookmark:before {
  content: url(../img/icon_bookmarkcheck.svg);
}
.Jscr[name=banners] .userinfo .message {
  position: absolute;
  display: inline-block;
  right: 1.25em;
  top: 5em;
}
.Jscr[name=banners] .userinfo .message:before {
  content: url(../img/icon_message.svg);
  vertical-align: top;
  display: inline-block;
  height: 1.6em;
  width: 1.6em;
}
.Jscr[name=banners] .userinfo .fields {
  display: block;
  margin-left: 6em;
  vertical-align: top;
  text-align: left;
}
.Jscr[name=banners] .userinfo .fields .userid {
  display: block;
  color: #444;
  line-height: 2em;
}
.Jscr[name=banners] .userinfo .fields .username {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 1.5em;
  margin-top: 0.2em;
  word-break: break-all;
}
.Jscr[name=banners] .userinfo .btns {
  display: block;
  margin-top: 1.5em;
  margin-left: -0.5em;
  margin-right: -0.5em;
  text-align: center;
}
.Jscr[name=banners] .userinfo .btns .btn1 {
  font-weight: bold;
  display: inline-block;
  color: #000;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.5em 1em 0.5em 1em;
  margin: 0.5em 0.5em 0.5em 0.5em;
}
.Jscr[name=banners] .userinfo .btns .btn1 img {
  height: 1em;
}
.Jscr[name=banners] .userinfo .btns .menu, .Jscr[name=banners] .userinfo .btns .share:not(.btn1), .Jscr[name=banners] .userinfo .btns .views {
  float: right;
  display: inline-block;
  padding: 0.4em 0.5em 0.5em 0.5em;
  margin: 0.3em 0.5em 0.5em 0.5em;
}
.Jscr[name=banners] .userinfo .btns .menu img, .Jscr[name=banners] .userinfo .btns .share:not(.btn1) img, .Jscr[name=banners] .userinfo .btns .views img {
  height: 1.5em;
}
.Jscr[name=banners] .userinfo .coverimage {
  position: relative;
  text-align: center;
  margin-top: 0.75em;
  margin-left: -1em;
  margin-right: -1em;
}
.Jscr[name=banners] .userinfo .coverimage img {
  position: relative;
  aspect-ratio: 16/9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.Jscr[name=banners] .userinfo .tag {
  display: none;
  margin-top: 3em;
}
.Jscr[name=banners] .userinfo .profile {
  display: block;
  margin-top: 1em;
  max-height: 5.5em;
}
.Jscr[name=banners] .userinfo .profile .Jfld {
  line-height: 1.8em;
  overflow: hidden;
  white-space: pre-wrap;
}
.Jscr[name=banners] .userinfo .profile.close .Jfld {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.Jscr[name=banners] .userinfo .profile:not(.open):after {
  display: block;
  content: "...more";
  color: #aaa;
}
.Jscr[name=banners] .userinfo .profile.open {
  max-height: 100vh;
}
.Jscr[name=banners] .userinfo .profile.open .Jfld {
  display: block;
}
.Jscr[name=banners] .userinfo .profile.open .more {
  display: none;
}
.Jscr[name=banners] .userinfo .profile.open + .tag {
  display: block;
}
.Jscr[name=banners] .userinfo a {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
.Jscr[name=banners] .userinfo[jdata_followcheck="1"] .btn1.following {
  background-color: #000;
  color: #fff;
}
.Jscr[name=banners] .userinfo[jdata_followcheck="1"] .btn1.following:after {
  content: "ing";
}
.Jscr[name=banners] .userinfo[jdata_donatecheck="1"] .btn1.donating {
  background-color: #000;
  color: #fff;
}
.Jscr[name=banners] .items {
  padding-bottom: 3em;
  margin-top: 0em;
}
.Jscr[name=banners] .items .banners {
  padding: 1em;
  max-width: 768px;
  margin: 0em auto 0 auto;
}
.Jscr[name=banners] .items .banners .banner1 {
  margin-bottom: 1.5em;
}
.Jscr[name=banners] .items .banners .banner1 .title {
  display: inline-block;
  width: calc(100% - 7.5em);
  font-weight: bold;
  font-size: 1.25em;
}
.Jscr[name=banners] .items .banners .banner1 .code {
  display: inline-block;
}
.Jscr[name=banners] .items .banners .banner1 .code img {
  width: 1.5em;
  height: 1.5em;
  vertical-align: -0.3em;
}
.Jscr[name=banners] .items .banners .banner1 .delete {
  margin-left: 1em;
  font-weight: bold;
  display: inline-block;
  color: #000;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.5em 1em 0.5em 1em;
  margin: 0.5em 0.5em 0.5em 0.5em;
  vertical-align: 0.15em;
}
.Jscr[name=banners] .items .btns {
  display: block;
  margin-top: 3em;
  margin-left: -0.5em;
  margin-right: -0.5em;
  text-align: center;
}
.Jscr[name=banners] .items .btns .btn1 {
  display: inline-block;
  padding: 1rem 3.5rem 1rem 3.5rem;
  background-color: #000;
  border: 0.1em solid #000;
  font-weight: bold;
  color: #fff;
  border-radius: 1.5em;
  margin-bottom: 1em;
  font-size: 1.25em;
}
.Jscr[name=banners].myprofile {
  /*.btns .transfer {
      display: none !important
  }
  */
}
.Jscr[name=banners].myprofile .btns .following {
  display: none !important;
}
.Jscr[name=banners].myprofile .btns .donating {
  display: none !important;
}
.Jscr[name=banners].myprofile .btns .menu {
  display: none !important;
}
.Jscr[name=banners].myprofile .btns .transfer {
  display: none !important;
}
.Jscr[name=banners].myprofile .share:not(.btn1) {
  display: none !important;
}
.Jscr[name=banners].myprofile .bookmark {
  display: none;
}
.Jscr[name=banners].myprofile .message {
  display: none;
}
.Jscr[name=banners]:not(.myprofile) .relation1.follow {
  display: none !important;
}
.Jscr[name=banners]:not(.myprofile) .edit {
  display: none !important;
}
.Jscr[name=banners]:not(.myprofile) .btns .share {
  display: none !important;
}
.Jscr[name=banners]:not(.myprofile) .btns .pay {
  display: none !important;
}
.Jscr[name=banners]:not(.myprofile) .generatepay {
  display: none !important;
}
.Jscr[name=banners]:not(.myprofile) .generatebanner {
  display: none !important;
}
.Jscr[name=banners]:not(.myprofile) .banner1 .title {
  width: calc(100% - 1.5em) !important;
}
.Jscr[name=banners]:not(.myprofile) .banner1 .delete {
  display: none !important;
}
.Jscr[name=banners]:not(.myprofile) .pay1:not([jdata_public=public]) {
  display: none !important;
}
.Jscr[name=banners]:not(.myprofile) .artscategory1[status=hide] {
  display: none !important;
}
.Jscr[name=banners]:not(.myprofile) .artscategory1[status=draft] {
  display: none !important;
}
.Jscr[name=banners]:not(.myprofile) .artscategory1[status=likes] {
  display: none !important;
}
.Jscr[name=banners] .itemcategory {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 0em;
  min-height: 2em;
  width: 100%;
  height: 2.5em;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.Jscr[name=banners] .itemcategory .itemcategory1 {
  display: inline-block;
  padding: 0.4em 0.25em;
  font-weight: bold;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.Jscr[name=banners] .itemcategory .itemcategory1.selected {
  border-bottom: 0.2em solid #000;
}

.Jscr[name=banner] .bannerpage {
  display: block;
  width: 768px;
  max-width: 100%;
  margin: auto;
}
.Jscr[name=banner] .userinfo {
  position: relative;
  max-width: 1024px;
  margin: 0 auto 0 auto;
  display: block;
  text-align: left;
  padding: 1em;
}
.Jscr[name=banner] .field1 {
  position: relative;
  margin-top: 1em;
}
.Jscr[name=banner] .field1.next {
  margin-top: 0.5em;
}
.Jscr[name=banner] .field1.rightmax {
  margin-right: -0.25em;
}
.Jscr[name=banner] .field1 .fname {
  margin-top: 1.5em;
  margin-bottom: 1em;
  font-size: 0.8em;
  color: #666;
}
.Jscr[name=banner] .field1 input, .Jscr[name=banner] .field1 select {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  font-weight: bold;
  text-align: center;
}
.Jscr[name=banner] .field1.widthframe {
  display: inline-block;
  width: 10em;
  vertical-align: top;
}
.Jscr[name=banner] .field1.themesframe {
  display: inline-block;
  margin-left: 2em;
  width: 10em;
  vertical-align: top;
}
.Jscr[name=banner] .field1.themesframe .theme1 {
  display: inline-block;
  width: 1.5em;
  margin: 0.5em;
}
.Jscr[name=banner] .field1.themesframe .theme1 img {
  width: 100%;
  height: 100%;
}
.Jscr[name=banner] .notice {
  display: block;
  margin-top: 1em;
}
.Jscr[name=banner] .buttons {
  display: block;
  margin-top: 2em;
  text-align: center;
}
.Jscr[name=banner] .buttons .btn1 {
  display: inline-block;
  padding: 1rem 1.5rem 1rem 1.5rem;
  background-color: #000;
  border: 0.1em solid #000;
  font-weight: bold;
  color: #fff;
  border-radius: 1.5em;
  margin-bottom: 1em;
  font-size: 1.25em;
}
.Jscr[name=banner] .code {
  display: inline-block;
  width: calc(100% - 3em);
  vertical-align: middle;
  background-color: #ddd;
}
.Jscr[name=banner] .copy {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin: 0.5em;
  vertical-align: middle;
}
.Jscr[name=banner] .preview {
  margin-top: 2em;
  display: block;
  text-align: center;
  padding: 1em 0;
  margin-left: -1em;
  margin-right: -1em;
}
.Jscr[name=banner] .preview .bannerframe {
  display: inline-block;
  padding: 0.5em 0;
  max-width: 360px;
}
.Jscr[name=banner] .preview .bannerframe .buttontext {
  padding: 0.6em 1em 0.6em 1em;
  border: 1px solid #000;
  background-color: #fff;
  border-radius: 10em;
  font-size: 1.9em;
  font-weight: bold;
  word-break: break-word;
  text-align: center;
}
.Jscr[name=banner] .preview .bannerframe .adaytext {
  display: inline-block;
  margin-top: 0.5em;
  vertical-align: middle;
}
.Jscr[name=banner] .preview .bannerframe .adaytext img {
  height: 1.5em;
}
.Jscr[name=banner] .preview .bannerframe .araymenu {
  display: inline-block;
  vertical-align: middle;
}
.Jscr[name=banner] .preview .bannerframe .araymenu img {
  height: 2em;
}
.Jscr[name=banner] .preview[theme="2"] .bannerframe .buttontext {
  background-color: #000;
  color: #fff;
}
.Jscr[name=banner] .preview[theme="3"] {
  background-color: #000;
}
.Jscr[name=banner] .preview[theme="3"] .adaytext, .Jscr[name=banner] .preview[theme="3"] .araymenu {
  filter: invert(100%);
}

.Jscr[name=detail] .artscategory {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 0em;
  margin-top: 0.5em;
  min-height: 2em;
  width: 100%;
  height: 1.5em;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.Jscr[name=detail] .artscategory .artscategory1 {
  display: inline-block;
  padding: 0.4em 0.25em;
  font-weight: bold;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.Jscr[name=detail] .artscategory .artscategory1.selected {
  border-bottom: 0.2em solid #000;
}
.Jscr[name=detail] .artsinner {
  max-width: 768px;
  margin: 0em auto 0 auto;
}
.Jscr[name=detail] .artsinner .art1 {
  width: 100%;
  max-width: none;
}
.Jscr[name=detail] .mymenu {
  display: none;
  margin-top: 0em;
  text-align: center;
}
.Jscr[name=detail] .mymenu .mymenu1 {
  margin: 1em 0.5em;
  display: inline-block;
  padding: 0.5em 1em 0.5em 1em;
  font-weight: bold;
  border-radius: 1.5em;
  border: 1px solid #000;
  vertical-align: middle;
}
.Jscr[name=detail].mypost .artscategory {
  display: none;
}
.Jscr[name=detail].mypost .mymenu {
  display: block;
}
.Jscr[name=detail] .art1 {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 1.5em;
  max-width: 30em;
}
.Jscr[name=detail] .art1:not(.myart) .artbtns {
  display: none !important;
}
.Jscr[name=detail] .art1:not(.myart) .sell {
  display: none !important;
}
.Jscr[name=detail] .art1:not(.myart) .hold {
  display: none !important;
}
.Jscr[name=detail] .art1.myart .btns:not(.reluserbtn) {
  display: none !important;
}
.Jscr[name=detail] .art1 .image {
  position: relative;
  display: inline-block;
  float: left;
  margin: 0;
}
.Jscr[name=detail] .art1 .image img {
  display: block;
  width: 100%;
  object-fit: contain;
  max-width: 768px;
}
.Jscr[name=detail] .art1[jdata_status=WORLD] .image img {
  aspect-ratio: auto !important;
  max-height: calc(100vh - 10em);
}
.Jscr[name=detail] .art1 .worldinfo .arttitle {
  padding: 0 1em 0 1em;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1.5em;
  margin-top: 1em;
}
.Jscr[name=detail] .art1 .worldinfo .description {
  line-height: 1.5em;
  padding: 0 1em 0 1em;
  margin-top: 1em;
  word-wrap: break-word;
}
.Jscr[name=detail] .art1 .worldinfo .orgurl {
  display: inline-block;
  line-height: 1.5em;
  padding: 0 1em 0 1em;
  margin-top: 0.75em;
  color: #888888;
}
.Jscr[name=detail] .art1 .worldinfo .claimthis {
  margin-top: 0.75em;
  display: inline-block;
  padding: 0.25em 0.5em;
  border: 1px solid #888;
  border-radius: 1em;
  color: #888888;
  font-size: 0.8em;
}
.Jscr[name=detail] .art1 .worldinfo .claimthis img {
  width: 1.25em;
  height: 1.25em;
  vertical-align: -0.32em;
  margin-right: 0.5em;
}
.Jscr[name=detail] .art1 .worldinfo .claimok {
  margin-top: 0.75em;
  display: inline-block;
  padding: 0.25em 0em;
  border-radius: 1em;
  color: #888888;
  margin-left: -0.5em;
}
.Jscr[name=detail] .art1 .worldinfo .claimok img {
  width: 1.25em;
  height: 1.25em;
  vertical-align: -0.32em;
  margin-right: 0.5em;
}
.Jscr[name=detail] .art1 .owneruser.me .btns {
  display: none !important;
}
.Jscr[name=detail] .art1 .topictitle {
  display: block;
  padding: 0.5em 0 0 1em;
}
.Jscr[name=detail] .art1 .topictitle .icon {
  display: inline-block;
  border-radius: 1.5em;
  height: 2.5em;
  width: 2.5em;
  overflow: hidden;
  margin-top: 0.25em;
}
.Jscr[name=detail] .art1 .topictitle .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=detail] .art1 .topictitle .nameprice {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: calc(100% - 9em);
}
.Jscr[name=detail] .art1 .topictitle .nameprice .name {
  display: block;
  font-weight: bold;
  color: #444;
  margin: 0.35em;
}
.Jscr[name=detail] .art1 .topictitle .nameprice .topicstitle {
  display: block;
  font-weight: bold;
  color: #444;
  margin: 0.35em 0em 0.1em 0.35em;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.25em;
  width: 19em;
  white-space: nowrap;
  vertical-align: top;
}
.Jscr[name=detail] .art1 .topictitle .nameprice .sns {
  position: relative;
  display: inline-block;
  margin-left: 0.25em;
  vertical-align: top;
}
.Jscr[name=detail] .art1 .topictitle .nameprice .sns .sns1 {
  display: inline-block;
  vertical-align: top;
}
.Jscr[name=detail] .art1 .topictitle .nameprice .sns .sns1 img {
  height: 1em;
  vertical-align: middle;
}
.Jscr[name=detail] .art1 .topictitle .nameprice .sns .sns1.twitter img {
  height: 0.85em;
}
.Jscr[name=detail] .art1 .topictitle .nameprice .topicscategory {
  font-weight: bold;
  display: block;
  color: #444;
  margin: 0.35em;
}
.Jscr[name=detail] .art1 .topictitle .nameprice .worldddate {
  font-weight: normal;
  display: block;
  color: #888888;
  margin-top: 0.35em;
  margin-left: 0.35em;
}
.Jscr[name=detail] .art1 .topictitle .comment {
  display: block;
  margin-top: 0.75em;
  line-height: 1.5em;
  white-space: pre-wrap;
}
.Jscr[name=detail] .art1 .topictitle .topicsdate {
  vertical-align: 0.8em;
}
.Jscr[name=detail] .art1 .topictitle .worldstatus {
  position: absolute;
  display: inline-block;
  padding: 1em;
  opacity: 0.7;
  right: 1em;
  top: 1.5em;
  text-align: center;
}
.Jscr[name=detail] .art1 .topictitle .worldstatus .love {
  display: inline-block;
  width: 3em;
}
.Jscr[name=detail] .art1 .topictitle .worldstatus .love:before {
  content: url(../img/icon_like.svg);
  vertical-align: top;
  height: 1.4em;
  display: inline-block;
  width: 1.4em;
  margin-right: 0.5em;
}
.Jscr[name=detail] .art1 .topictitle .worldstatus .repost {
  display: inline-block;
  width: 3em;
}
.Jscr[name=detail] .art1 .topictitle .worldstatus .repost:before {
  content: url(../img/icon_repost.svg);
  vertical-align: top;
  height: 1.4em;
  display: inline-block;
  width: 1.4em;
  margin-right: 0.5em;
}
.Jscr[name=detail] .art1 .topictitle .worldstatus .bookmark {
  display: inline-block;
  width: 3em;
}
.Jscr[name=detail] .art1 .topictitle .worldstatus .bookmark:before {
  content: url(../img/icon_bookmark.svg);
  vertical-align: top;
  height: 0.8em;
  display: inline-block;
  width: 0.8em;
  margin-right: 0.5em;
}
.Jscr[name=detail] .art1 .topictitle .worldstatus .bookmark .Jfld[name=bookmarkcnt] {
  display: none;
}
.Jscr[name=detail] .art1 .topictitle .worldstatus .menu {
  display: inline-block;
  width: 3em;
}
.Jscr[name=detail] .art1 .topictitle .worldstatus .menu img {
  height: 1em;
  vertical-align: top;
}
.Jscr[name=detail] .art1 .topictitle .worldstatus .share {
  display: inline-block;
  width: 3em;
}
.Jscr[name=detail] .art1 .topictitle .worldstatus .share img {
  height: 1em;
  vertical-align: top;
}
.Jscr[name=detail] .art1 .status {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 1em;
  opacity: 0.7;
}
@media screen and (min-width: 1024px) {
  .Jscr[name=detail] .art1 .status {
    width: 450px;
    margin-left: 50px;
  }
}
.Jscr[name=detail] .art1 .status .love {
  display: inline-block;
  width: 20%;
}
.Jscr[name=detail] .art1 .status .love:before {
  content: url(../img/icon_like.svg);
  vertical-align: top;
  height: 1.4em;
  display: inline-block;
  width: 1.4em;
  margin-right: 0.5em;
}
.Jscr[name=detail] .art1 .status .bookmark {
  display: inline-block;
  width: 20%;
}
.Jscr[name=detail] .art1 .status .bookmark:before {
  content: url(../img/icon_bookmark.svg);
  vertical-align: top;
  height: 0.8em;
  display: inline-block;
  width: 0.8em;
  margin-right: 0.5em;
}
.Jscr[name=detail] .art1 .status .bookmark .Jfld[name=bookmarkcnt] {
  display: none;
}
.Jscr[name=detail] .art1 .status .view {
  display: inline-block;
  width: 20%;
}
.Jscr[name=detail] .art1 .status .view img {
  height: 1em;
  vertical-align: top;
  margin-right: 0.5em;
}
.Jscr[name=detail] .art1 .status .menu {
  display: inline-block;
  width: 20%;
}
.Jscr[name=detail] .art1 .status .menu img {
  height: 1em;
  vertical-align: top;
}
.Jscr[name=detail] .art1 .status .share {
  display: inline-block;
  width: 20%;
}
.Jscr[name=detail] .art1 .status .share img {
  height: 1em;
  vertical-align: top;
}
.Jscr[name=detail] .art1[jdata_lovecheck="1"] .worldstatus .love:before {
  content: url(../img/icon_likecheck.svg);
}
.Jscr[name=detail] .art1[jdata_bookmarkcheck="1"] .worldstatus .bookmark:before {
  content: url(../img/icon_bookmarkcheck.svg);
}
.Jscr[name=detail] .art1[jdata_repostcheck="1"] .worldstatus .repost:before {
  content: url(../img/icon_repostcheck.svg);
}
.Jscr[name=detail] .art1 .info {
  position: relative;
  display: inline-block;
  text-align: left;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .Jscr[name=detail] .art1 .info {
    width: 450px;
    margin-left: 50px;
  }
}
.Jscr[name=detail] .art1 .info .arttitle {
  display: block;
  color: #000;
  margin: 1rem;
  font-size: 0.8em;
}
.Jscr[name=detail] .art1 .info .edition {
  display: block;
  color: #000;
  font-weight: bold;
  margin: 0;
  padding: 1em;
  word-break: break-all;
  text-align: center;
}
.Jscr[name=detail] .art1 .info .description {
  display: block;
  margin: 1rem;
  line-height: 1.5em;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.Jscr[name=detail] .art1 .info .description img {
  max-width: 100%;
}
.Jscr[name=detail] .art1 .info .inpdescription {
  display: block;
  width: calc(100% - 2rem);
  margin: 1rem;
  padding: 0.5em;
  line-height: 1.5em;
}
.Jscr[name=detail] .art1 .info .tags {
  display: block;
  color: #666;
  margin: 1rem;
  line-height: 1.5em;
}
.Jscr[name=detail] .art1 .info .price {
  font-weight: bold;
  display: block;
  color: #000;
  margin: 1rem;
  font-size: 1.5em;
  text-align: center;
}
.Jscr[name=detail] .art1 .info .currentprice {
  display: block;
  color: #000;
  margin: 1rem;
  font-size: 0.8em;
}
.Jscr[name=detail] .art1 .relusers, .Jscr[name=detail] .art1 .claimusers {
  display: block;
  width: 768px;
  float: none;
  clear: both;
  margin: auto;
  text-align: left;
  max-width: 100%;
}
.Jscr[name=detail] .art1 .relusers .userinfo, .Jscr[name=detail] .art1 .claimusers .userinfo {
  max-width: 300px;
  margin: 0 auto 0 auto;
  position: relative;
  display: block;
  text-align: left;
  padding: 1em;
  font-size: 0.7em;
}
.Jscr[name=detail] .art1 .relusers .userinfo .icon, .Jscr[name=detail] .art1 .claimusers .userinfo .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 4em;
  width: 4em;
  margin: 0.75em 1.5em 1.5em 1.5em;
  overflow: hidden;
}
.Jscr[name=detail] .art1 .relusers .userinfo .icon img, .Jscr[name=detail] .art1 .claimusers .userinfo .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=detail] .art1 .relusers .userinfo .sns, .Jscr[name=detail] .art1 .claimusers .userinfo .sns {
  position: relative;
  display: inline-block;
  margin-left: 0.25em;
  vertical-align: middle;
}
.Jscr[name=detail] .art1 .relusers .userinfo .sns .sns1, .Jscr[name=detail] .art1 .claimusers .userinfo .sns .sns1 {
  display: inline-block;
  padding: 0.32em;
}
.Jscr[name=detail] .art1 .relusers .userinfo .sns .sns1 img, .Jscr[name=detail] .art1 .claimusers .userinfo .sns .sns1 img {
  height: 1.5em;
  vertical-align: middle;
}
.Jscr[name=detail] .art1 .relusers .userinfo .sns .sns1.twitter img, .Jscr[name=detail] .art1 .claimusers .userinfo .sns .sns1.twitter img {
  height: 1.25em;
}
.Jscr[name=detail] .art1 .relusers .userinfo .fields, .Jscr[name=detail] .art1 .claimusers .userinfo .fields {
  display: block;
  margin-left: 7em;
  vertical-align: top;
  text-align: left;
}
.Jscr[name=detail] .art1 .relusers .userinfo .fields .userid, .Jscr[name=detail] .art1 .claimusers .userinfo .fields .userid {
  display: block;
  color: #444;
  margin-top: 0.5em;
}
.Jscr[name=detail] .art1 .relusers .userinfo .fields .username, .Jscr[name=detail] .art1 .claimusers .userinfo .fields .username {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 1.75em;
  margin-top: 0.15em;
}
.Jscr[name=detail] .art1 .relusers .userinfo .fields .relation, .Jscr[name=detail] .art1 .claimusers .userinfo .fields .relation {
  margin-top: 0em;
  display: inline-block;
  padding: 0em;
  color: #888888;
}
.Jscr[name=detail] .art1 .relusers .userinfo .fields .relation .relation1, .Jscr[name=detail] .art1 .claimusers .userinfo .fields .relation .relation1 {
  display: inline-block;
  padding: 0.5em 0em 0.5em 0em;
}
.Jscr[name=detail] .art1 .relusers .userinfo .fields .relation .relation1 > div, .Jscr[name=detail] .art1 .claimusers .userinfo .fields .relation .relation1 > div {
  display: inline-block;
  width: 7em;
}
.Jscr[name=detail] .art1 .relusers .userinfo .fields .relation .relation1 > div img, .Jscr[name=detail] .art1 .claimusers .userinfo .fields .relation .relation1 > div img {
  height: 1em;
  vertical-align: -0.05em;
  margin-right: 0.25em;
}
.Jscr[name=detail] .art1 .relusers .userinfo .fields .relation .relation1 > div .Jfld, .Jscr[name=detail] .art1 .claimusers .userinfo .fields .relation .relation1 > div .Jfld {
  color: #000;
}
.Jscr[name=detail] .art1 .relusers .userinfo .btns, .Jscr[name=detail] .art1 .claimusers .userinfo .btns {
  display: block;
  margin-top: 0em;
  margin-left: -0.5em;
  margin-right: -0.5em;
  text-align: center;
}
.Jscr[name=detail] .art1 .relusers .userinfo .btns .btn1, .Jscr[name=detail] .art1 .claimusers .userinfo .btns .btn1 {
  font-weight: bold;
  display: inline-block;
  color: #000;
  background-color: #fff;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.5em 1em 0.5em 1em;
  margin: 0.5em 0.25em 0.5em 0.25em;
  width: auto;
}
.Jscr[name=detail] .art1 .relusers .userinfo .btns .btn1 img, .Jscr[name=detail] .art1 .claimusers .userinfo .btns .btn1 img {
  height: 1em;
}
.Jscr[name=detail] .art1 .relusers .userinfo .btns .menu, .Jscr[name=detail] .art1 .claimusers .userinfo .btns .menu {
  float: right;
  display: inline-block;
  padding: 0.4em 0.5em 0.5em 0.5em;
  margin: 0.5em 0.5em 0.5em 0.5em;
}
.Jscr[name=detail] .art1 .relusers .userinfo .btns .menu img, .Jscr[name=detail] .art1 .claimusers .userinfo .btns .menu img {
  height: 1em;
}
.Jscr[name=detail] .art1 .relusers .userinfo .profile, .Jscr[name=detail] .art1 .claimusers .userinfo .profile {
  display: block;
  margin-top: 1em;
}
.Jscr[name=detail] .art1 .relusers .userinfo .profile .Jfld, .Jscr[name=detail] .art1 .claimusers .userinfo .profile .Jfld {
  line-height: 1.8em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  white-space: pre-wrap;
}
.Jscr[name=detail] .art1 .relusers .userinfo .profile .more, .Jscr[name=detail] .art1 .claimusers .userinfo .profile .more {
  float: right;
  color: #aaa;
}
.Jscr[name=detail] .art1 .relusers .userinfo .profile.open .Jfld, .Jscr[name=detail] .art1 .claimusers .userinfo .profile.open .Jfld {
  display: block;
}
.Jscr[name=detail] .art1 .relusers .userinfo .profile.open .more, .Jscr[name=detail] .art1 .claimusers .userinfo .profile.open .more {
  display: none;
}
.Jscr[name=detail] .art1 .relusers .userinfo .btn1.donating, .Jscr[name=detail] .art1 .claimusers .userinfo .btn1.donating {
  display: none;
}
.Jscr[name=detail] .art1 .relusers .userinfo[jdata_followcheck="1"] .btn1.following, .Jscr[name=detail] .art1 .claimusers .userinfo[jdata_followcheck="1"] .btn1.following {
  background-color: #dddddd;
  color: #666666;
  border-color: #dddddd;
}
.Jscr[name=detail] .art1 .relusers .userinfo[jdata_followcheck="1"] .btn1.following:after, .Jscr[name=detail] .art1 .claimusers .userinfo[jdata_followcheck="1"] .btn1.following:after {
  content: "ing";
}
.Jscr[name=detail] .art1 .relusers .userinfo[jdata_donatecheck="1"] .btn1.donating, .Jscr[name=detail] .art1 .claimusers .userinfo[jdata_donatecheck="1"] .btn1.donating {
  display: none;
  background-color: #dddddd;
  color: #666666;
  border-color: #dddddd;
}
.Jscr[name=detail] .art1 .repostarea {
  display: none;
}
.Jscr[name=detail] .art1[jdata_status=WORLD] .topictitle {
  margin: 1em;
  padding: 0.75em 1em 1em 1em;
  border-radius: 0.5em;
  border: 1px solid #aaa;
}
.Jscr[name=detail] .art1[jdata_status=WORLD][jdata_userimage="blank.svg"] .info {
  display: none;
}
.Jscr[name=detail] .art1[jdata_status=WORLD][jdata_userimage="blank.svg"] .repostarea {
  display: block;
}
.Jscr[name=detail] .art1[jdata_status=WORLD][jdata_userimage="blank.svg"] .repostarea .fieldtitle {
  width: 90%;
  padding-left: 0.5em;
  margin: 3em auto 1em auto;
  color: #888;
  text-align: left;
}
.Jscr[name=detail] .art1[jdata_status=WORLD][jdata_userimage="blank.svg"] .repostarea textarea {
  width: 90%;
}
.Jscr[name=detail] .art1 .sells .salespricetitle {
  display: block;
  color: #000;
  margin: 1rem;
  font-size: 0.8em;
}
.Jscr[name=detail] .art1 .sells .prices {
  position: relative;
  margin: 1rem;
  display: block;
}
.Jscr[name=detail] .art1 .sells .prices .price {
  display: inline-block;
  font-weight: bold;
  color: #000;
  width: calc(100% - 8rem);
  padding: 1em;
}
.Jscr[name=detail] .art1 .sells .prices .unit {
  display: inline-block;
  font-weight: bold;
  color: #000;
  width: 8rem;
  padding: 1em;
}
.Jscr[name=detail] .art1 .sells .sellbtns {
  display: block;
  text-align: center;
}
.Jscr[name=detail] .art1 .sells .sellbtns .btn1 {
  display: inline-block;
  padding: 1rem 1.5rem 1rem 1.5rem;
  background-color: #000;
  border: 0.1em solid #000;
  font-weight: bold;
  color: #fff;
  border-radius: 1.5em;
  width: 15rem;
  margin-bottom: 1em;
  font-size: 1.25em;
}
.Jscr[name=detail] .art1[jdata_status=TOPICS], .Jscr[name=detail] .art1[jdata_status=WORLD] {
  text-align: center;
}
.Jscr[name=detail] .art1[jdata_status=TOPICS] .image, .Jscr[name=detail] .art1[jdata_status=WORLD] .image {
  display: block;
  width: 768px;
  float: none;
  clear: both;
  margin: auto;
  max-width: 100%;
}
.Jscr[name=detail] .art1[jdata_status=TOPICS] .worldinfo, .Jscr[name=detail] .art1[jdata_status=WORLD] .worldinfo {
  display: block;
  width: 768px;
  float: none;
  clear: both;
  margin: auto;
  text-align: left;
  max-width: 100%;
}
.Jscr[name=detail] .art1[jdata_status=TOPICS] .info, .Jscr[name=detail] .art1[jdata_status=WORLD] .info {
  display: block;
  width: 768px;
  float: none;
  clear: both;
  margin: auto;
  text-align: left;
  max-width: 100%;
}
.Jscr[name=detail] .art1 .artbtns {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}
.Jscr[name=detail] .art1 .artbtns .btn1 {
  font-weight: bold;
  display: inline-block;
  color: #000;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.3em 0.5em 0.5em 0.5em;
  margin-right: 0.5em;
  width: 7em;
}
.Jscr[name=detail] .art1 .artbtns .btn1.selected {
  background-color: #000;
  color: #fff;
}
.Jscr[name=detail] .art1 .btns {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-top: 2em;
}
@media screen and (min-width: 1024px) {
  .Jscr[name=detail] .art1 .btns {
    width: 90%;
  }
}
.Jscr[name=detail] .art1 .btns .btn1 {
  display: inline-block;
  padding: 1rem 1.5rem 1rem 1.5rem;
  background-color: #000;
  border: 0.1em solid #000;
  font-weight: bold;
  color: #fff;
  border-radius: 1.5em;
  width: 15rem;
  margin-bottom: 1em;
  font-size: 1.25em;
}
.Jscr[name=detail] .art1 .btns .btn1.sold {
  background-color: #fff;
  border: 0.1em solid #666;
  color: #666;
}
.Jscr[name=detail] .art1 .datainfos {
  display: inline-block;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .Jscr[name=detail] .art1 .datainfos {
    width: 450px;
    margin-left: 50px;
  }
}
.Jscr[name=detail] .art1 .datainfos .datainfo {
  display: block;
  color: #000;
  margin: 1rem;
  font-size: 0.8em;
  text-align: left;
}
.Jscr[name=detail] .art1 .datainfos .arttitle {
  display: block;
  color: #000;
  margin: 1rem;
  font-size: 0.8em;
  text-align: left;
}
.Jscr[name=detail] .art1 .sells {
  display: inline-block;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .Jscr[name=detail] .art1 .sells {
    width: 450px;
    margin-left: 50px;
  }
}
.Jscr[name=detail] .art1[jdata_pin=P] .artbtns .btn1.pin {
  background-color: #000;
  color: #fff;
}
.Jscr[name=detail] .art1[jdata_status=hide] .artbtns .btn1.hide {
  background-color: #000;
  color: #fff;
}
.Jscr[name=detail] .history {
  display: inline-block;
  width: 100%;
  padding: 1rem 2rem;
}
@media screen and (min-width: 1024px) {
  .Jscr[name=detail] .history {
    width: 450px;
    margin-left: 50px;
  }
}
.Jscr[name=detail] .history .user1 {
  position: relative;
  margin-bottom: 1em;
}
.Jscr[name=detail] .history .user1 .level {
  display: inline-block;
  vertical-align: middle;
  width: 4em;
}
.Jscr[name=detail] .history .user1 .icon {
  display: inline-block;
  border-radius: 1.5em;
  height: 2.5em;
  width: 2.5em;
  overflow: hidden;
  margin-top: 0.15em;
  vertical-align: middle;
}
.Jscr[name=detail] .history .user1 .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=detail] .history .user1 .username {
  display: inline-block;
  vertical-align: middle;
}
.Jscr[name=detail] .history .user1 .nameprice {
  display: inline-block;
  vertical-align: middle;
}
.Jscr[name=detail] .history .user1 .chain {
  position: absolute;
  top: 0.85em;
  right: 0.5em;
  width: 1.4em;
  height: 1.4em;
}

.Jscr[name=upload] .uploadinner {
  max-width: 768px;
  margin: 0em auto 0 auto;
}
.Jscr[name=upload] .uploadinner .art1 {
  width: 100%;
  max-width: none;
}
.Jscr[name=upload] .art1 {
  display: inline-block;
  width: 100%;
  margin-top: 1.5em;
  max-width: 30em;
}
.Jscr[name=upload] .art1 .image {
  position: relative;
  display: block;
  margin: 0.5em;
}
.Jscr[name=upload] .art1 .image img {
  display: block;
  width: 100%;
  object-fit: contain;
}
.Jscr[name=upload] .art1 .info {
  position: relative;
  display: block;
  text-align: left;
}
.Jscr[name=upload] .art1 .info .arttitle {
  display: block;
  font-weight: bold;
  color: #000;
  margin: 1rem;
  width: calc(100% - 2rem);
  padding: 1em;
}
.Jscr[name=upload] .art1 .info .description {
  display: block;
  color: #000;
  margin: 1rem;
  line-height: 1.5em;
  width: calc(100% - 2rem);
  padding: 1em;
  word-wrap: break-word;
}
.Jscr[name=upload] .art1 .info .prices {
  position: relative;
  margin: 1rem;
  display: block;
}
.Jscr[name=upload] .art1 .info .prices .price {
  display: inline-block;
  font-weight: bold;
  color: #000;
  width: calc(100% - 8rem);
  padding: 1em;
}
.Jscr[name=upload] .art1 .info .prices .unit {
  display: inline-block;
  font-weight: bold;
  color: #000;
  width: 8rem;
  padding: 1em;
}
.Jscr[name=upload] .art1 .artbtns {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}
.Jscr[name=upload] .art1 .artbtns .btn1 {
  font-weight: bold;
  display: inline-block;
  color: #000;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.3em 0.5em 0.5em 0.5em;
  margin-right: 0.5em;
  width: 7em;
}
.Jscr[name=upload] .art1 .btns {
  display: block;
  text-align: center;
}
.Jscr[name=upload] .art1 .btns .btn1 {
  display: inline-block;
  padding: 1rem 1.5rem 1rem 1.5rem;
  background-color: #000;
  border: 0.1em solid #000;
  font-weight: bold;
  color: #fff;
  border-radius: 1.5em;
  width: 15rem;
  margin-bottom: 1em;
  font-size: 1.25em;
}
.Jscr[name=upload] .art1 input, .Jscr[name=upload] .art1 select, .Jscr[name=upload] .art1 textarea {
  transition: 0.5s all;
}
.Jscr[name=upload] .publish, .Jscr[name=upload] .next {
  display: inline-block;
  font-weight: bold;
  padding: 0.5em;
  margin-top: 0.25em;
  margin-right: 0.25em;
}
.Jscr[name=upload][step="1"] .publish {
  display: none;
}
.Jscr[name=upload][step="1"] .back {
  display: none;
}
.Jscr[name=upload][step="2"] .next {
  display: none;
}
.Jscr[name=upload][step="2"] .close {
  display: none;
}
.Jscr[name=upload][step="2"] .art1 .price {
  width: 6em !important;
}
.Jscr[name=upload][step="2"] .art1 input, .Jscr[name=upload][step="2"] .art1 select, .Jscr[name=upload][step="2"] .art1 textarea {
  pointer-events: none;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.Jscr[name=upload][step="2"] .art1 input[type=text] {
  background-color: rgba(0, 0, 0, 0) !important;
  border-color: rgba(0, 0, 0, 0) !important;
}
.Jscr[name=upload][step="2"] .art1 input[type=email] {
  background-color: rgba(0, 0, 0, 0) !important;
  border-color: rgba(0, 0, 0, 0) !important;
}
.Jscr[name=upload][step="2"] .art1 textarea {
  background-color: rgba(0, 0, 0, 0) !important;
  border-color: rgba(0, 0, 0, 0) !important;
}
.Jscr[name=upload][step="2"] .art1 input[type=radio] {
  display: none;
}
.Jscr[name=upload][step="2"] .art1 input[type=radio]:checked + span {
  display: block;
}
.Jscr[name=upload][step="2"] .art1 input[type=radio]:checked + span:after {
  display: none;
}
.Jscr[name=upload][step="2"] .art1 input[type=radio]:checked + span:before {
  display: none;
}
.Jscr[name=upload][step="2"] .art1 input[type=checkbox] {
  display: none;
}
.Jscr[name=upload][step="2"] .art1 input[type=checkbox]:checked + span {
  display: block;
}
.Jscr[name=upload][step="2"] .art1 .data.file {
  display: none;
}
.Jscr[name=upload][step="2"] .art1 input[type=file] + i {
  display: none;
}
.Jscr[name=upload][step="2"] .art1 select, .Jscr[name=upload][step="2"] .art1 label.select {
  background-color: rgba(0, 0, 0, 0) !important;
  border-color: rgba(0, 0, 0, 0) !important;
}
.Jscr[name=upload][step="2"] .art1 select:before, .Jscr[name=upload][step="2"] .art1 label.select:before {
  display: none;
}
.Jscr[name=upload][step="2"] .art1 input[type=file] {
  display: none;
}
.Jscr[name=upload][step="2"] .art1 input[type=checkbox] {
  display: none !important;
}
.Jscr[name=upload][step="2"] .art1 input[type=checkbox]:not(:checked) + span {
  display: none !important;
}
.Jscr[name=upload][step="2"] .art1 input[type=radio] {
  display: none !important;
}
.Jscr[name=upload][step="2"] .art1 input[type=radio]:not(:checked) + span {
  display: none !important;
}
.Jscr[name=upload][step="2"] .art1 select {
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1em;
}
.Jscr[name=upload][step="2"] .art1 select[readonly]::-ms-expand {
  display: none;
}
.Jscr[name=upload][step="2"] .art1 label {
  pointer-events: none;
}
.Jscr[name=upload][step="2"] .art1 input[readonly] {
  pointer-events: none;
}
.Jscr[name=upload][step="2"] .art1 input[readonly] + span {
  pointer-events: none;
}
.Jscr[name=upload] .history {
  padding: 1rem 2rem;
}
.Jscr[name=upload] .history .user1 {
  margin-bottom: 1em;
}
.Jscr[name=upload] .history .user1 .author {
  display: inline-block;
  vertical-align: middle;
  width: 4em;
}
.Jscr[name=upload] .history .user1 .icon {
  display: inline-block;
  border-radius: 1.5em;
  height: 2.5em;
  width: 2.5em;
  overflow: hidden;
  margin-top: 0.15em;
  vertical-align: middle;
}
.Jscr[name=upload] .history .user1 .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=upload] .history .user1 .username {
  display: inline-block;
  vertical-align: middle;
}

.Jscr[name=settings] .menulist {
  max-width: 768px;
  margin: 1em auto;
  font-size: 1.25em;
}
.Jscr[name=settings] .menulist .menu1 {
  padding: 0.5em 0em 0.5em 1.5em;
}

.Jscr[name=profile] .scrollarea {
  padding-bottom: 5em;
}
.Jscr[name=profile] .header .save {
  display: inline-block;
  font-weight: bold;
  padding: 0.5em;
  margin-top: 0.25em;
  margin-right: 0.25em;
}
.Jscr[name=profile] .notice {
  display: block;
  padding: 0.5em 1em 1em 0.5em;
  line-height: 1.5em;
}
.Jscr[name=profile] .fieldtitle {
  display: block;
  color: #000;
  margin-top: 1rem;
  font-size: 0.8em;
}
.Jscr[name=profile] .emailconf {
  display: block;
  padding: 0.5em;
  text-align: right;
}
.Jscr[name=profile] .userinfo {
  max-width: 768px;
  margin: 0 auto 0 auto;
  position: relative;
  display: block;
  text-align: left;
  padding: 1em;
}
.Jscr[name=profile] .userinfo .icon {
  position: relative;
  display: inline-block;
  border-radius: 3em;
  height: 6em;
  width: 6em;
  left: calc(50% - 3em);
  overflow: hidden;
}
.Jscr[name=profile] .userinfo .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=profile] .userinfo .icon.on img {
  filter: brightness(0.5);
}
.Jscr[name=profile] .userinfo .icon.on:after {
  position: absolute;
  content: " ";
  left: calc(50% - 1em);
  top: calc(50% - 1em);
  width: 2em;
  height: 2em;
  background-image: url(../img/icon_reload.svg);
  background-size: 2em 2em;
}
.Jscr[name=profile] .userinfo .imgupload {
  display: none;
  text-align: center;
  text-decoration: underline;
  width: 100%;
  padding: 0.5em;
}
.Jscr[name=profile] .userinfo .coverimage {
  position: relative;
  text-align: center;
  margin-top: 0.5em;
  margin-left: -1em;
  margin-right: -1em;
}
.Jscr[name=profile] .userinfo .coverimage img {
  position: relative;
  max-width: 100%;
  border-radius: 0em;
  object-fit: cover;
}
.Jscr[name=profile] .userinfo .coverimage img:not([src*=coverplus]) {
  aspect-ratio: 16/9;
}
.Jscr[name=profile] .userinfo .coverimage.on img {
  filter: brightness(0.5);
}
.Jscr[name=profile] .userinfo .coverimage.on:after {
  position: absolute;
  content: " ";
  left: calc(50% - 1em);
  top: calc(50% - 1em);
  width: 2em;
  height: 2em;
  background-image: url(../img/icon_reload.svg);
  background-size: 2em 2em;
}
.Jscr[name=profile] .userinfo .coverimage .remove {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  padding: 0.5em;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 2em;
  height: 2em;
  width: 2em;
}
.Jscr[name=profile] .userinfo .coverimage .remove img {
  width: 1em;
  height: 1em;
}
.Jscr[name=profile] .userinfo:not([jdata_coverimage]) .coverimage .remove, .Jscr[name=profile] .userinfo[jdata_coverimage=""] .coverimage .remove {
  display: none;
}
.Jscr[name=profile] .userinfo .userid {
  position: relative;
  display: block;
  margin-top: 0.5em;
}
.Jscr[name=profile] .userinfo .userid input {
  position: relative;
  display: block;
  width: 100%;
  padding: 0.5em 0.5em 0.5em 3em !important;
}
.Jscr[name=profile] .userinfo .userid span.atto {
  position: absolute;
  font-size: 1.5em;
  left: 0.45em;
  top: 0.25em;
  z-index: 1;
}
.Jscr[name=profile] .userinfo .username {
  display: block;
  width: 100%;
  font-weight: bold;
  color: #000;
  margin-top: 0.5em;
  padding: 0.5em 0.5em 0.5em 1em !important;
}
.Jscr[name=profile] .userinfo .relation {
  margin-top: 0.5em;
  display: inline-block;
  padding: 0.25em;
  opacity: 0.6;
}
.Jscr[name=profile] .userinfo .relation .relation1 {
  display: inline-block;
  padding: 0.5em;
}
.Jscr[name=profile] .userinfo .relation .relation1 img {
  height: 1em;
  vertical-align: -0.05em;
  margin-right: 0.25em;
}
.Jscr[name=profile] .userinfo .profile {
  display: block;
  margin-top: 0.5em;
}
.Jscr[name=profile] .userinfo .profile textarea {
  width: 100%;
  padding: 0.5em;
  line-height: 1.5em;
}
.Jscr[name=profile] .userinfo .website {
  display: block;
  margin-top: 0.5em;
}
.Jscr[name=profile] .userinfo .website input {
  width: 100%;
  padding: 0.5em;
  line-height: 1.5em;
}
.Jscr[name=profile] .userinfo .tag {
  display: block;
  margin-top: 0.5em;
}
.Jscr[name=profile] .userinfo .tag textarea {
  width: 100%;
  padding: 0.5em;
  line-height: 1.5em;
}
.Jscr[name=profile] .userinfo .sns {
  display: block;
}
.Jscr[name=profile] .userinfo .sns .sns1 {
  position: relative;
  display: inline-block;
  padding-top: 0.5em;
  width: 100%;
}
.Jscr[name=profile] .userinfo .sns .sns1 .snslink {
  margin-left: 3em;
  padding: 0.5em;
  height: 2em;
}
.Jscr[name=profile] .userinfo .sns .sns1 .snslink:empty + div .btnsign {
  display: inline-block;
}
.Jscr[name=profile] .userinfo .sns .sns1 .snslink:not(:empty) + div .btnsign {
  display: none;
}
.Jscr[name=profile] .userinfo .sns .sns1 .snslink:empty + div .btndelink {
  display: none;
}
.Jscr[name=profile] .userinfo .sns .sns1 .snslink:not(:empty) + div .btndelink {
  display: inline-block;
}
.Jscr[name=profile] .userinfo .sns .sns1 .btnsign {
  position: absolute;
  right: 0em;
  top: 0.5em;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  border-radius: 1.5em;
  padding: 0.65em 1.65em 0.65em 1.65em;
  z-index: 1;
}
.Jscr[name=profile] .userinfo .sns .sns1 .btndelink {
  position: absolute;
  right: 0em;
  top: 0.5em;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  border-radius: 1.5em;
  padding: 0.65em 1.65em 0.65em 1.65em;
  z-index: 1;
}
.Jscr[name=profile] .userinfo .sns .sns1 img {
  position: absolute;
  height: 1.5em;
  left: 0.5em;
  top: 0.95em;
  vertical-align: -0.05em;
  margin-right: 0.25em;
  z-index: 1;
}
.Jscr[name=profile].start .starthide {
  display: none;
}
.Jscr[name=profile]:not(.start) .startshow {
  display: none;
}
.Jscr[name=profile] .note {
  margin: 1em auto 1em auto;
  line-height: 1.5;
  text-align: left;
  display: block;
}
.Jscr[name=profile] .btns {
  display: block;
  text-align: center;
  margin-top: 3em;
  margin-bottom: 2em;
}
.Jscr[name=profile] .btns .btnstart {
  display: inline-block;
  width: 11em;
  height: 3em;
  padding-top: 0.27em;
  border-radius: 3em;
  background-color: #000;
  color: #fff;
  font-size: 1.25em;
  border: none;
}

.Jscr[name=editrequest] .category {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 0em;
  min-height: 2em;
  width: 100%;
  height: 2.5em;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  margin-top: 1.5em;
}
.Jscr[name=editrequest] .category .category1 {
  display: inline-block;
  padding: 0.4em 0.25em;
  font-weight: bold;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.Jscr[name=editrequest] .category .category1.selected {
  border-bottom: 0.2em solid #000;
}
.Jscr[name=editrequest] .header .save {
  display: inline-block;
  font-weight: bold;
  padding: 0.5em;
  margin-top: 0.25em;
  margin-right: 0.25em;
}
.Jscr[name=editrequest] .notice {
  display: block;
  padding: 0.5em 1em 1em 0.5em;
  line-height: 1.5em;
}
.Jscr[name=editrequest] .fieldtitle {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 0.8em;
  color: #666;
}
.Jscr[name=editrequest] .requestto {
  margin-bottom: 2em;
}
.Jscr[name=editrequest] .requestto input {
  width: 100%;
  padding: 0.5em;
  line-height: 1.5em;
}
.Jscr[name=editrequest] .donate {
  font-weight: bold;
  color: #000;
}
.Jscr[name=editrequest] .field1 {
  position: relative;
  margin-top: 0.5rem;
}
.Jscr[name=editrequest] .field1 input[type=text] {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  border-color: #888888;
}
.Jscr[name=editrequest] .field1 .Jfld[name=message] {
  display: none;
}
.Jscr[name=editrequest] .field1 .unit {
  position: absolute;
  right: 1em;
  bottom: 0.85em;
  text-align: left;
}
.Jscr[name=editrequest] .field1 select {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  font-weight: bold;
  text-align: center;
  border-color: #888888;
}
.Jscr[name=editrequest] .field1 textarea {
  width: 100%;
  padding: 0.5em;
  line-height: 1.5em;
  border-color: #888888;
}
.Jscr[name=editrequest] .requestinfo {
  max-width: 768px;
  margin: 0 auto 0 auto;
  position: relative;
  display: block;
  text-align: left;
  padding: 1em;
}
.Jscr[name=editrequest] .requestinfo .icon {
  position: relative;
  display: inline-block;
  border-radius: 3em;
  height: 6em;
  width: 6em;
  left: calc(50% - 3em);
  overflow: hidden;
}
.Jscr[name=editrequest] .requestinfo .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=editrequest] .requestinfo .icon.on img {
  filter: brightness(0.5);
}
.Jscr[name=editrequest] .requestinfo .icon.on:after {
  position: absolute;
  content: " ";
  left: calc(50% - 1em);
  top: calc(50% - 1em);
  width: 2em;
  height: 2em;
  background-image: url(../img/icon_reload.svg);
  background-size: 2em 2em;
}
.Jscr[name=editrequest] .requestinfo .imgupload {
  display: none;
  text-align: center;
  text-decoration: underline;
  width: 100%;
  padding: 0.5em;
}
.Jscr[name=editrequest] .requestinfo .image {
  position: relative;
  text-align: center;
  margin-top: 0.5em;
  margin-left: -1em;
  margin-right: -1em;
}
.Jscr[name=editrequest] .requestinfo .image img {
  position: relative;
  aspect-ratio: 1/1;
  width: 5em;
  border-radius: 1em;
  object-fit: contain;
}
.Jscr[name=editrequest] .requestinfo .image img:not([src*=icon_coverplus]) {
  width: 100%;
  border-radius: 0;
}
.Jscr[name=editrequest] .requestinfo .image.on img {
  filter: brightness(0.5);
}
.Jscr[name=editrequest] .requestinfo .image.on:after {
  position: absolute;
  content: " ";
  left: calc(50% - 1em);
  top: calc(50% - 1em);
  width: 2em;
  height: 2em;
  background-image: url(../img/icon_reload.svg);
  background-size: 2em 2em;
}
.Jscr[name=editrequest] .requestinfo .Jselect {
  width: 100%;
}
.Jscr[name=editrequest] .requestinfo .title input {
  width: 100%;
  padding: 0.5em;
  line-height: 1.5em;
}
.Jscr[name=editrequest] .requestinfo .description {
  display: block;
  margin-top: 0.5em;
}
.Jscr[name=editrequest] .requestinfo .price input {
  width: 100%;
  padding: 0.5em;
  line-height: 1.5em;
  text-align: center;
  font-weight: bold;
}
.Jscr[name=editrequest] .requestinfo .usdtotal {
  padding: 0.5em;
  color: #666666;
  text-align: right;
}
.Jscr[name=editrequest] .requestinfo .limiterror {
  margin: 1em;
  line-height: 1.5em;
}
.Jscr[name=editrequest] .requestinfo .limiterror span {
  font-weight: bold;
}
.Jscr[name=editrequest] .requestinfo .publish {
  display: block;
  text-align: center;
}
.Jscr[name=editrequest] .requestinfo .publish label {
  display: inline-block;
  padding: 1em;
  font-weight: bold;
}
.Jscr[name=editrequest] .requestinfo .publish label input {
  margin-right: 1em;
  width: 1.5em;
  height: 1.5em;
  vertical-align: -0.4em;
}
.Jscr[name=editrequest] .requestinfo .status {
  display: block;
  text-align: center;
}
.Jscr[name=editrequest] .requestinfo .status label {
  display: inline-block;
  padding: 0.5em;
  font-weight: bold;
}
.Jscr[name=editrequest] .requestinfo .status label input {
  margin-right: 1em;
  width: 1.5em;
  height: 1.5em;
  vertical-align: -0.4em;
}
.Jscr[name=editrequest] .addmessage {
  display: block;
  text-align: center;
  margin-top: 1em;
}
.Jscr[name=editrequest] .addmessage span {
  display: inline-block;
  padding: 1em 2em 1em 2em;
  background-color: #F5F5F5;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.8em;
  border-radius: 2em;
}
.Jscr[name=editrequest] .addmessage span img {
  height: 1.6em;
  vertical-align: -0.5em;
  margin-right: 0.5em;
  opacity: 0.4;
}
.Jscr[name=editrequest].addmess .addmessage {
  display: none;
}
.Jscr[name=editrequest].addmess .Jfld[name=message] {
  display: block;
}
.Jscr[name=editrequest] .note {
  margin: 1em auto 1em auto;
  line-height: 1.5;
  text-align: left;
  display: block;
  color: #666;
}
.Jscr[name=editrequest] .btns {
  display: block;
  text-align: center;
  margin-top: 3em;
  margin-bottom: 2em;
}
.Jscr[name=editrequest] .btns .btnrequest {
  display: inline-block;
  padding: 1rem 3.5rem 1rem 3.5rem;
  background-color: #000;
  border: 0.1em solid #000;
  font-weight: bold;
  color: #fff;
  border-radius: 1.5em;
  margin-bottom: 1em;
  font-size: 1.25em;
}
.Jscr[name=editrequest] .linkmenus {
  display: block;
  text-align: center;
  margin-top: 3em;
  margin-bottom: 2em;
  margin-left: 1em;
}
.Jscr[name=editrequest] .linkmenus .linkmenu1 {
  display: inline-block;
  padding: 0 1em;
  font-weight: bold;
  border-left: 1px solid #000;
}
.Jscr[name=editrequest] .linkmenus .linkmenu1:first-child {
  border-left: none;
}

.Jscr[name=editsend] .category {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 0em;
  min-height: 2em;
  width: 100%;
  height: 2.5em;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  margin-top: 1.5em;
}
.Jscr[name=editsend] .category .category1 {
  display: inline-block;
  padding: 0.4em 0.25em;
  font-weight: bold;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.Jscr[name=editsend] .category .category1.selected {
  border-bottom: 0.2em solid #000;
}
.Jscr[name=editsend] .header .save {
  display: inline-block;
  font-weight: bold;
  padding: 0.5em;
  margin-top: 0.25em;
  margin-right: 0.25em;
}
.Jscr[name=editsend] .notice {
  display: block;
  padding: 0.5em 1em 1em 0.5em;
  line-height: 1.5em;
}
.Jscr[name=editsend] .fieldtitle {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 0.8em;
  color: #666;
}
.Jscr[name=editsend] .sendto {
  margin-bottom: 2em;
}
.Jscr[name=editsend] .sendto input {
  width: 100%;
  padding: 0.5em;
  line-height: 1.5em;
}
.Jscr[name=editsend] .field1 {
  position: relative;
  margin-top: 0.5rem;
}
.Jscr[name=editsend] .field1 input[type=text] {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  border-color: #888888;
}
.Jscr[name=editsend] .field1 .Jfld[name=message] {
  display: none;
}
.Jscr[name=editsend] .field1 .unit {
  position: absolute;
  right: 1em;
  bottom: 0.85em;
  text-align: left;
}
.Jscr[name=editsend] .field1 select {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  font-weight: bold;
  text-align: center;
  border-color: #888888;
}
.Jscr[name=editsend] .field1 textarea {
  width: 100%;
  padding: 0.5em;
  line-height: 1.5em;
  border-color: #888888;
}
.Jscr[name=editsend] .sendinfo {
  max-width: 768px;
  margin: 0 auto 0 auto;
  position: relative;
  display: block;
  text-align: left;
  padding: 1em;
}
.Jscr[name=editsend] .sendinfo .icon {
  position: relative;
  display: inline-block;
  border-radius: 3em;
  height: 6em;
  width: 6em;
  left: calc(50% - 3em);
  overflow: hidden;
}
.Jscr[name=editsend] .sendinfo .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=editsend] .sendinfo .icon.on img {
  filter: brightness(0.5);
}
.Jscr[name=editsend] .sendinfo .icon.on:after {
  position: absolute;
  content: " ";
  left: calc(50% - 1em);
  top: calc(50% - 1em);
  width: 2em;
  height: 2em;
  background-image: url(../img/icon_reload.svg);
  background-size: 2em 2em;
}
.Jscr[name=editsend] .sendinfo .imgupload {
  display: none;
  text-align: center;
  text-decoration: underline;
  width: 100%;
  padding: 0.5em;
}
.Jscr[name=editsend] .sendinfo .image {
  position: relative;
  text-align: center;
  margin-top: 0.5em;
  margin-left: -1em;
  margin-right: -1em;
}
.Jscr[name=editsend] .sendinfo .image img {
  position: relative;
  aspect-ratio: 1/1;
  width: 5em;
  border-radius: 1em;
  object-fit: contain;
}
.Jscr[name=editsend] .sendinfo .image img:not([src*=icon_coverplus]) {
  width: 100%;
  border-radius: 0;
}
.Jscr[name=editsend] .sendinfo .image.on img {
  filter: brightness(0.5);
}
.Jscr[name=editsend] .sendinfo .image.on:after {
  position: absolute;
  content: " ";
  left: calc(50% - 1em);
  top: calc(50% - 1em);
  width: 2em;
  height: 2em;
  background-image: url(../img/icon_reload.svg);
  background-size: 2em 2em;
}
.Jscr[name=editsend] .sendinfo .Jselect {
  width: 100%;
}
.Jscr[name=editsend] .sendinfo .title input {
  width: 100%;
  padding: 0.5em;
  line-height: 1.5em;
}
.Jscr[name=editsend] .sendinfo .description {
  display: block;
  margin-top: 0.5em;
}
.Jscr[name=editsend] .sendinfo .price input {
  width: 100%;
  padding: 0.5em;
  line-height: 1.5em;
  text-align: center;
  font-weight: bold;
}
.Jscr[name=editsend] .sendinfo .usdtotal {
  padding: 0.5em;
  color: #666666;
  text-align: right;
}
.Jscr[name=editsend] .sendinfo .limiterror {
  margin: 1em;
  line-height: 1.5em;
}
.Jscr[name=editsend] .sendinfo .limiterror span {
  font-weight: bold;
}
.Jscr[name=editsend] .sendinfo .publish {
  display: block;
  text-align: center;
}
.Jscr[name=editsend] .sendinfo .publish label {
  display: inline-block;
  padding: 1em;
  font-weight: bold;
}
.Jscr[name=editsend] .sendinfo .publish label input {
  margin-right: 1em;
  width: 1.5em;
  height: 1.5em;
  vertical-align: -0.4em;
}
.Jscr[name=editsend] .sendinfo .status {
  display: block;
  text-align: center;
}
.Jscr[name=editsend] .sendinfo .status label {
  display: inline-block;
  padding: 0.5em;
  font-weight: bold;
}
.Jscr[name=editsend] .sendinfo .status label input {
  margin-right: 1em;
  width: 1.5em;
  height: 1.5em;
  vertical-align: -0.4em;
}
.Jscr[name=editsend] .addmessage {
  display: block;
  text-align: center;
  margin-top: 1em;
}
.Jscr[name=editsend] .addmessage span {
  display: inline-block;
  padding: 1em 2em 1em 2em;
  background-color: #F5F5F5;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.8em;
  border-radius: 2em;
}
.Jscr[name=editsend] .addmessage span img {
  height: 1.6em;
  vertical-align: -0.5em;
  margin-right: 0.5em;
  opacity: 0.4;
}
.Jscr[name=editsend].addmess .addmessage {
  display: none;
}
.Jscr[name=editsend].addmess .Jfld[name=message] {
  display: block;
}
.Jscr[name=editsend] .note {
  margin: 1em auto 1em auto;
  line-height: 1.5;
  text-align: left;
  display: block;
  color: #666;
}
.Jscr[name=editsend] .btns {
  display: block;
  text-align: center;
  margin-top: 3em;
  margin-bottom: 2em;
}
.Jscr[name=editsend] .btns .btnsend {
  display: inline-block;
  padding: 1rem 3.5rem 1rem 3.5rem;
  background-color: #000;
  border: 0.1em solid #000;
  font-weight: bold;
  color: #fff;
  border-radius: 1.5em;
  margin-bottom: 1em;
  font-size: 1.25em;
}
.Jscr[name=editsend] .linkmenus {
  display: block;
  text-align: center;
  margin-top: 3em;
  margin-bottom: 2em;
  margin-left: 1em;
}
.Jscr[name=editsend] .linkmenus .linkmenu1 {
  display: inline-block;
  padding: 0 1em;
  font-weight: bold;
  border-left: 1px solid #000;
}
.Jscr[name=editsend] .linkmenus .linkmenu1:first-child {
  border-left: none;
}

.Jscr[name=editpay] .category {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 0em;
  min-height: 2em;
  width: 100%;
  height: 2.5em;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  margin-top: 1.5em;
}
.Jscr[name=editpay] .category .category1 {
  display: inline-block;
  padding: 0.4em 0.25em;
  font-weight: bold;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.Jscr[name=editpay] .category .category1.selected {
  border-bottom: 0.2em solid #000;
}
.Jscr[name=editpay] .header .save {
  display: inline-block;
  font-weight: bold;
  padding: 0.5em;
  margin-top: 0.25em;
  margin-right: 0.25em;
}
.Jscr[name=editpay] .notice {
  display: block;
  padding: 0.5em 1em 1em 0.5em;
  line-height: 1.5em;
}
.Jscr[name=editpay] .fieldtitle {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 0.8em;
  color: #666;
}
.Jscr[name=editpay] .addyouritem {
  display: block;
  text-align: center;
  margin-top: 1em;
}
.Jscr[name=editpay] .addyouritem span {
  display: inline-block;
  padding: 1em 2em 1em 2em;
  background-color: #F5F5F5;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.8em;
  border-radius: 2em;
}
.Jscr[name=editpay] .addyouritem span img {
  height: 1.6em;
  vertical-align: -0.45em;
  margin-right: 0.5em;
  opacity: 0.4;
}
.Jscr[name=editpay] .field1 {
  position: relative;
  margin-top: 0.5rem;
}
.Jscr[name=editpay] .field1 input[type=text] {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  border-color: #888888;
}
.Jscr[name=editpay] .field1 .unit {
  position: absolute;
  right: 1em;
  bottom: 0.85em;
  text-align: left;
}
.Jscr[name=editpay] .field1 select {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  font-weight: bold;
  text-align: center;
  border-color: #888888;
}
.Jscr[name=editpay] .field1 textarea {
  width: 100%;
  padding: 0.5em;
  line-height: 1.5em;
  border-color: #888888;
}
.Jscr[name=editpay] .payinfo {
  max-width: 768px;
  margin: 0 auto 0 auto;
  position: relative;
  display: block;
  text-align: left;
  padding: 1em;
  /*
  &:not([jdata_addimage1]),&[jdata_addimage1=""] {
      .addnotearea:not(.show) {
          display: none;
      }
  }
  &:not([jdata_addimage1]),&[jdata_addimage1=""] {
      .addimage1[no='1'] {
          .addnote,.sortup,.sortdown { 
              display: none;
          }
      }
      .addimage1[no='2'] {
          display: none;
      }
      .addimage1[no='3'] {
          display: none;
      }
  }
  &:not([jdata_addimage2]),&[jdata_addimage2=""] {
      .addimage1[no='1'] {
          .sortup,.sortdown { 
              display: none;
          }
      }
      .addimage1[no='2'] {
          .addnote,.sortup,.sortdown { 
              display: none;
          }
      }
      .addimage1[no='3'] {
          display: none;
      }
  }
  &:not([jdata_addimage3]),&[jdata_addimage3=""] {
      .addimage1[no='2'] {
          .sortup,.sortdown { 
              display: none;
          }
      }
      .addimage1[no='3'] {
          .addnote { 
              display: none;
          }
      }
  }
  */
}
.Jscr[name=editpay] .payinfo[jdata_pay_id=""] .newhide {
  display: none;
}
.Jscr[name=editpay] .payinfo .icon {
  position: relative;
  display: inline-block;
  border-radius: 3em;
  height: 6em;
  width: 6em;
  left: calc(50% - 3em);
  overflow: hidden;
}
.Jscr[name=editpay] .payinfo .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=editpay] .payinfo .icon.on img {
  filter: brightness(0.5);
}
.Jscr[name=editpay] .payinfo .icon.on:after {
  position: absolute;
  content: " ";
  left: calc(50% - 1em);
  top: calc(50% - 1em);
  width: 2em;
  height: 2em;
  background-image: url(../img/icon_reload.svg);
  background-size: 2em 2em;
}
.Jscr[name=editpay] .payinfo .imgupload {
  display: none;
  text-align: center;
  text-decoration: underline;
  width: 100%;
  padding: 0.5em;
}
.Jscr[name=editpay] .payinfo .image {
  position: relative;
  text-align: center;
  margin-top: 1.5em;
  margin-right: 4%;
  display: inline-block;
  width: 30%;
}
.Jscr[name=editpay] .payinfo .image:nth-of-type(3n + 3) {
  margin-right: 0;
}
.Jscr[name=editpay] .payinfo .image .remove {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  padding: 0.5em;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 2em;
  height: 2em;
  width: 2em;
}
.Jscr[name=editpay] .payinfo .image .remove img {
  width: 1em;
  height: 1em;
}
.Jscr[name=editpay] .payinfo .image img {
  position: relative;
  aspect-ratio: 1/1;
  width: 100%;
  object-fit: cover;
  border-radius: 1em;
  overflow: hidden;
}
.Jscr[name=editpay] .payinfo .image.on img {
  filter: brightness(0.5);
}
.Jscr[name=editpay] .payinfo .image.on:after {
  position: absolute;
  content: " ";
  left: calc(50% - 1em);
  top: calc(50% - 1em);
  width: 2em;
  height: 2em;
  background-image: url(../img/icon_reload.svg);
  background-size: 2em 2em;
}
.Jscr[name=editpay] .payinfo .addimage {
  position: relative;
  text-align: center;
  margin-top: 1.5em;
  margin-left: -1em;
  margin-right: -1em;
}
.Jscr[name=editpay] .payinfo .addimage img {
  position: relative;
  border-radius: 1em;
  object-fit: contain;
  max-height: calc(100vh - 10em);
}
.Jscr[name=editpay] .payinfo .addimage img:not([src*=icon_coverplus]) {
  max-width: 100%;
  border-radius: 0;
}
.Jscr[name=editpay] .payinfo .addimage.on img {
  filter: brightness(0.5);
}
.Jscr[name=editpay] .payinfo .addimage.on:after {
  position: absolute;
  content: " ";
  left: calc(50% - 1em);
  top: calc(50% - 1em);
  width: 2em;
  height: 2em;
  background-image: url(../img/icon_reload.svg);
  background-size: 2em 2em;
}
.Jscr[name=editpay] .payinfo .addimage .remove {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  padding: 0.5em;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 2em;
  height: 2em;
  width: 2em;
}
.Jscr[name=editpay] .payinfo .addimage .remove img {
  width: 1em;
  height: 1em;
}
.Jscr[name=editpay] .payinfo:not([jdata_image]) .imagearea:not(.show), .Jscr[name=editpay] .payinfo[jdata_image=""] .imagearea:not(.show) {
  display: none;
}
.Jscr[name=editpay] .payinfo:not([jdata_description]) .descriptionarea:not(.show), .Jscr[name=editpay] .payinfo[jdata_description=""] .descriptionarea:not(.show) {
  display: none;
}
.Jscr[name=editpay] .payinfo:not([jdata_paywall]) .paywallarea:not(.show), .Jscr[name=editpay] .payinfo[jdata_paywall=""] .paywallarea:not(.show) {
  display: none;
}
.Jscr[name=editpay] .payinfo .addnotearea[addcnt="0"] {
  display: none;
}
.Jscr[name=editpay] .payinfo .addnotearea[addcnt="1"] .addimage1[no="1"] .sortup, .Jscr[name=editpay] .payinfo .addnotearea[addcnt="1"] .addimage1[no="1"] .sortdown {
  display: none;
}
.Jscr[name=editpay] .payinfo .addnotearea[addcnt="1"] .addimage1[no="2"] {
  display: none;
}
.Jscr[name=editpay] .payinfo .addnotearea[addcnt="1"] .addimage1[no="3"] {
  display: none;
}
.Jscr[name=editpay] .payinfo .addnotearea[addcnt="2"] .addimage1[no="2"] .sortup, .Jscr[name=editpay] .payinfo .addnotearea[addcnt="2"] .addimage1[no="2"] .sortdown {
  display: none;
}
.Jscr[name=editpay] .payinfo .addnotearea[addcnt="2"] .addimage1[no="3"] {
  display: none;
}
.Jscr[name=editpay] .payinfo .Jselect {
  width: 100%;
}
.Jscr[name=editpay] .payinfo .title input {
  width: 100%;
  padding: 0.5em;
  line-height: 1.5em;
}
.Jscr[name=editpay] .payinfo .description {
  display: block;
  margin-top: 0.5em;
}
.Jscr[name=editpay] .payinfo .addimage1 {
  position: relative;
  display: block;
  margin-top: 0em;
  text-align: center;
}
.Jscr[name=editpay] .payinfo .addimage1 .sortup {
  position: relative;
  display: inline-block;
  padding: 1em;
  font-size: 1.25em;
  color: #aaa;
}
.Jscr[name=editpay] .payinfo .addimage1 .sortdown {
  position: relative;
  display: inline-block;
  padding: 1em;
  font-size: 1.25em;
  color: #aaa;
}
.Jscr[name=editpay] .payinfo .addnote {
  margin-top: 1em;
}
.Jscr[name=editpay] .payinfo .price input {
  width: 100%;
  padding: 0.5em;
  line-height: 1.5em;
  text-align: center;
  font-weight: bold;
}
.Jscr[name=editpay] .payinfo .usdtotal {
  padding: 0.5em;
  color: #666666;
  text-align: right;
}
.Jscr[name=editpay] .payinfo .publish {
  display: block;
  text-align: center;
}
.Jscr[name=editpay] .payinfo .publish label {
  display: inline-block;
  padding: 1em;
  font-weight: bold;
}
.Jscr[name=editpay] .payinfo .publish label input {
  margin-right: 1em;
  width: 1.5em;
  height: 1.5em;
  vertical-align: -0.4em;
}
.Jscr[name=editpay] .payinfo .status {
  display: block;
  text-align: center;
}
.Jscr[name=editpay] .payinfo .status label {
  display: inline-block;
  padding: 1em;
  font-weight: bold;
}
.Jscr[name=editpay] .payinfo .status label input {
  margin-right: 1em;
  width: 1.5em;
  height: 1.5em;
  vertical-align: -0.4em;
}
.Jscr[name=editpay] .note {
  margin: 1em auto 1em auto;
  line-height: 1.5;
  text-align: left;
  display: block;
}
.Jscr[name=editpay] .limiterror {
  margin: 1em;
  line-height: 1.5em;
}
.Jscr[name=editpay] .limiterror span {
  font-weight: bold;
}
.Jscr[name=editpay] .btns {
  display: block;
  text-align: center;
  margin-top: 3em;
  margin-bottom: 2em;
}
.Jscr[name=editpay] .btns .btnsave {
  display: inline-block;
  padding: 1rem 3.5rem 1rem 3.5rem;
  background-color: #000;
  border: 0.1em solid #000;
  font-weight: bold;
  color: #fff;
  border-radius: 1.5em;
  margin-bottom: 1em;
  font-size: 1.25em;
}
.Jscr[name=editpay] .linkmenus {
  display: block;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
}
.Jscr[name=editpay] .linkmenus .linkmenu1 {
  display: inline-block;
  padding: 0 1em;
  font-weight: bold;
  border-left: 1px solid #000;
}
.Jscr[name=editpay] .linkmenus .linkmenu1:first-child {
  border-left: none;
}
.Jscr[name=editpay] .linkmenus .draft.Jhide + .duplication {
  border-left: none;
}

.Jscr[name=editpost] .scrollarea {
  position: relative;
  width: 100%;
  top: 2.5em;
  bottom: 0em;
  overflow: auto;
  max-width: 768px;
  margin: auto;
  padding: 0 1em 3em 1em;
}
.Jscr[name=editpost] .header .save {
  display: inline-block;
  font-weight: bold;
  padding: 0.5em;
  margin-top: 0.25em;
  margin-right: 0.25em;
}
.Jscr[name=editpost] .notice {
  display: block;
  padding: 0.5em 1em 1em 0.5em;
  line-height: 1.5em;
}
.Jscr[name=editpost] .Jrec:not([jdata_pge_id=""]) .title textarea {
  border: none;
  pointer-events: none;
}
.Jscr[name=editpost] .fieldtitle {
  margin-top: 2em;
  margin-bottom: 0.5em;
  font-size: 0.8em;
  color: #666;
}
.Jscr[name=editpost] .field1 {
  position: relative;
  margin-top: 0.5rem;
}
.Jscr[name=editpost] .field1 input[type=text] {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  border-color: #888888;
}
.Jscr[name=editpost] .field1 input[readonly] {
  border: none;
}
.Jscr[name=editpost] .field1 .unit {
  position: absolute;
  right: 1em;
  bottom: 0.85em;
  text-align: left;
}
.Jscr[name=editpost] .field1 select {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  font-weight: bold;
  text-align: center;
  border-color: #888888;
}
.Jscr[name=editpost] .field1 textarea {
  width: 100%;
  padding: 0.5em;
  line-height: 1.5em;
  border-color: #888888;
}
.Jscr[name=editpost] .note {
  margin: 1em auto 1em auto;
  line-height: 1.5;
  text-align: left;
  display: block;
}
.Jscr[name=editpost] .btns {
  display: block;
  text-align: center;
  margin-top: 3em;
  margin-bottom: 2em;
}
.Jscr[name=editpost] .btns .btnsave {
  display: inline-block;
  padding: 1rem 3.5rem 1rem 3.5rem;
  background-color: #000;
  border: 0.1em solid #000;
  font-weight: bold;
  color: #fff;
  border-radius: 1.5em;
  margin-bottom: 1em;
  font-size: 1.25em;
}
.Jscr[name=editpost] .btns .btnsave.disable {
  opacity: 0.5;
  pointer-events: none;
}
.Jscr[name=editpost] .preview {
  margin-left: -1em;
  margin-right: -1em;
}
.Jscr[name=editpost] .preview:not(.waiting) img.waiting {
  display: none;
}
.Jscr[name=editpost] .preview img {
  width: 100%;
}
.Jscr[name=editpost] .preview img.waiting {
  width: 2em;
  width: 5em;
  position: absolute;
  left: calc(50% - 2.5em);
}
.Jscr[name=editpost] .Jfld[name=pge_title] {
  font-weight: bold;
  padding: 0.5em 1em 0.5em 1em;
  font-size: 1.25em;
  line-height: 1.5em;
}
.Jscr[name=editpost] .Jfld[name=pge_text] {
  line-height: 1.5em;
  padding: 0 1.2em 0.5em 1.2em;
}
.Jscr[name=editpost] .linkmenus {
  display: block;
  text-align: center;
  margin-top: 3em;
  margin-bottom: 2em;
  margin-left: 1em;
}
.Jscr[name=editpost] .linkmenus .linkmenu1 {
  display: inline-block;
  padding: 0 1em;
  font-weight: bold;
  border-left: 1px solid #000;
}
.Jscr[name=editpost] .linkmenus .linkmenu1:first-child {
  border-left: none;
}
.Jscr[name=editpost] .linkmenus .linkmenu1:first-child.Jhide + .linkmenu1 {
  border-left: none;
}

.Jscr[name=mywallet] .scrollarea {
  position: relative;
  width: 100%;
  top: 3.5em;
  bottom: 0em;
  overflow: auto;
  max-width: 768px;
  margin: auto;
}
.Jscr[name=mywallet] .walletinfo {
  margin-top: 0.5em;
}
.Jscr[name=mywallet] .card {
  position: relative;
  border-radius: 1em;
  background-color: #000;
  color: #fff;
  padding: 1em;
  margin: auto;
  max-width: calc(100% - 2em);
  width: 27em;
  text-align: center;
  display: block;
  aspect-ratio: 1.618/1;
}
.Jscr[name=mywallet] .card .cardinner {
  display: block;
  position: absolute;
  width: 23em;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.Jscr[name=mywallet] .card .fieldname {
  text-align: left;
  color: #aaaaaa;
}
.Jscr[name=mywallet] .card .balance {
  display: block;
  text-align: center;
  height: 7em;
  padding: 2.25em 0 1em 0;
}
.Jscr[name=mywallet] .card .balance .Jfld[name=balance] {
  display: inline-block;
  font-size: 3em;
}
.Jscr[name=mywallet] .card .balance .Jfld[name=price] {
  display: inline-block;
  margin-top: 0.5em;
}
.Jscr[name=mywallet] .card .selectnetwork {
  display: inline-block;
  text-align: left;
  margin: 3em auto 0;
}
.Jscr[name=mywallet] .card .selectnetwork img {
  height: 1em;
  vertical-align: -0.1em;
  margin-right: 1em;
}
.Jscr[name=mywallet] .card .selectnetwork .fieldname {
  font-size: 1em;
  text-align: center;
  color: #fff;
}
.Jscr[name=mywallet] .card .selectnetwork .Jselect {
  display: none;
}
.Jscr[name=mywallet] .card .selectnetwork select {
  width: 15em;
  background-color: #fff;
  color: #000;
  text-align: center;
  padding: 0.5em;
}
.Jscr[name=mywallet] .btnadd {
  position: absolute;
  top: -1em;
  right: -1em;
  padding: 0.85em;
}
.Jscr[name=mywallet] .btnadd img {
  width: 1.25em;
  height: 1.25em;
}
.Jscr[name=mywallet] .btns {
  display: block;
  margin-top: 0.75em;
  text-align: center;
}
.Jscr[name=mywallet] .btns .btn1 {
  margin: 1em 0.5em;
  display: inline-block;
  padding: 0.75em 1.5em 0.75em 1.5em;
  font-weight: bold;
  border-radius: 1.5em;
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
  vertical-align: middle;
}
.Jscr[name=mywallet] .distribution {
  text-align: center;
}
.Jscr[name=mywallet] .distribution .title {
  display: block;
  margin: 2em 1em 0 2em;
  font-weight: bold;
  text-align: left;
}
.Jscr[name=mywallet] .distribution .note {
  display: block;
  margin: 1.5em 1em 0 2.3em;
  font-size: 0.9em;
  text-align: left;
}
.Jscr[name=mywallet] .distribution .note span {
  font-weight: bold;
}
.Jscr[name=mywallet] .distribution .distributions {
  display: inline-block;
  margin-top: 1.5em;
}
.Jscr[name=mywallet] .distribution .distributions .distribution1 {
  text-align: right;
  margin: 0.5em;
}
.Jscr[name=mywallet] .distribution .distributions .distribution1 .value {
  font-size: 1.5em;
  font-weight: bold;
}
.Jscr[name=mywallet] .distribution .distributions .distribution1 .destunit {
  font-size: 0.8em;
  width: 3em;
  margin-left: 1em;
  display: inline-block;
  text-align: left;
}
.Jscr[name=mywallet] .noticetitle {
  display: block;
  margin: 2em 1em 0 2em;
  font-weight: bold;
}
.Jscr[name=mywallet] .viewmore {
  text-align: center;
  font-weight: bold;
  padding: 1em;
}
.Jscr[name=mywallet] .viewmore img {
  display: inline-block;
  height: 1em;
  margin-right: 1em;
  vertical-align: -0.1em;
}

.Jscr[name=requests] .category {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 0em;
  min-height: 2em;
  width: 100%;
  height: 2.5em;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  margin-top: 1.5em;
}
.Jscr[name=requests] .category .category1 {
  display: inline-block;
  padding: 0.4em 0.25em;
  font-weight: bold;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.Jscr[name=requests] .category .category1.selected {
  border-bottom: 0.2em solid #000;
}
.Jscr[name=requests] .userinfo {
  max-width: 768px;
  margin: 0 auto 0 auto;
  position: relative;
  display: block;
  text-align: left;
  padding: 1em 1em 0em 1em;
}
.Jscr[name=requests] .userinfo .btns {
  display: block;
  margin-top: 0.75em;
  margin-left: 0em;
  margin-right: -0.5em;
  text-align: center;
}
.Jscr[name=requests] .userinfo .btns .btn1 {
  font-weight: bold;
  display: inline-block;
  color: #000;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.5em 1em 0.5em 1em;
  margin: 0.5em 0.5em 0.5em 0.5em;
}
.Jscr[name=requests] .userinfo .btns .btn1 img {
  height: 1em;
}
.Jscr[name=requests] .items {
  padding-bottom: 3em;
  margin-top: 0em;
}
.Jscr[name=requests] .items .requests {
  max-width: 768px;
  margin: 0em auto 0 auto;
  padding: 1em;
  margin-bottom: 1.5em;
}
.Jscr[name=requests] .items .requests .request1 {
  position: relative;
  display: block;
  margin-top: 1em;
  margin-left: 6em;
}
.Jscr[name=requests] .items .requests .request1 .status {
  position: absolute;
  margin-top: 0.25em;
  left: -6em;
  width: 6.5em;
  height: 2.5em;
}
.Jscr[name=requests] .items .requests .request1 .status span {
  display: inline-block;
  margin-top: 0.15em;
  background-color: #fff;
  color: #000;
  border: none;
  padding: 0.25em 0.25em 0.25em 0.1em;
  border-radius: 1em;
  font-size: 1em;
}
.Jscr[name=requests] .items .requests .request1[jdata_status=open] .status span {
  background-color: #fff;
  padding: 0.25em 1em 0.25em 1em;
  color: #000;
  border: 0.1em solid #000;
}
.Jscr[name=requests] .items .requests .request1 .toupd .requestto {
  display: block;
  font-size: 1.25em;
  margin-top: 0.25em;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100%);
  line-height: 1.25em;
  white-space: nowrap;
}
.Jscr[name=requests] .items .requests .request1 .toupd .upd_datetime {
  display: block;
  margin-top: 0.65em;
}
.Jscr[name=requests] .items .requests .request1 .toupd .upd_datetime margin- span {
  display: inline-block;
  white-space: nowrap;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  color: #666;
}
.Jscr[name=requests] .items .requests .request1 .price {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 2em;
  margin-left: 1em;
  font-weight: bold;
  height: 2em;
}
.Jscr[name=requests] .items .requests .request1 .price span[name=price] {
  font-size: 1.25em;
}
.Jscr[name=requests] .items .requests .request1 .price span[name=unit] {
  font-size: 0.8em;
}

.Jscr[name=sends] .category {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 0em;
  min-height: 2em;
  width: 100%;
  height: 2.5em;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  margin-top: 1.5em;
}
.Jscr[name=sends] .category .category1 {
  display: inline-block;
  padding: 0.4em 0.25em;
  font-weight: bold;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.Jscr[name=sends] .category .category1.selected {
  border-bottom: 0.2em solid #000;
}
.Jscr[name=sends] .userinfo {
  max-width: 768px;
  margin: 0 auto 0 auto;
  position: relative;
  display: block;
  text-align: left;
  padding: 1em 1em 0em 1em;
}
.Jscr[name=sends] .userinfo .btns {
  display: block;
  margin-top: 0.75em;
  margin-left: 0em;
  margin-right: -0.5em;
  text-align: center;
}
.Jscr[name=sends] .userinfo .btns .btn1 {
  font-weight: bold;
  display: inline-block;
  color: #000;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.5em 1em 0.5em 1em;
  margin: 0.5em 0.5em 0.5em 0.5em;
}
.Jscr[name=sends] .userinfo .btns .btn1 img {
  height: 1em;
}
.Jscr[name=sends] .items {
  padding-bottom: 3em;
  margin-top: 0em;
}
.Jscr[name=sends] .items .sends {
  max-width: 768px;
  margin: 0em auto 0 auto;
  padding: 1em;
  margin-bottom: 1.5em;
}
.Jscr[name=sends] .items .sends .send1 {
  position: relative;
  display: block;
  margin-top: 1em;
  margin-left: 6em;
}
.Jscr[name=sends] .items .sends .send1 .status {
  position: absolute;
  margin-top: 0.25em;
  left: -6em;
  width: 6.5em;
  height: 2.5em;
}
.Jscr[name=sends] .items .sends .send1 .status span {
  display: inline-block;
  margin-top: 0.15em;
  background-color: #666666;
  color: #fff;
  border: 0.1em solid #666666;
  padding: 0.25em 1em 0.25em 1em;
  border-radius: 1em;
  font-size: 1em;
}
.Jscr[name=sends] .items .sends .send1[jdata_status=waiting] .status span {
  background-color: #fff;
  color: #000;
  border: 0.1em solid #000;
}
.Jscr[name=sends] .items .sends .send1[jdata_status=resend] .status span {
  background-color: #000;
  color: #fff;
  border: 0.1em solid #fff;
}
.Jscr[name=sends] .items .sends .send1[jdata_status=sent] .status span {
  background-color: #999999;
  color: #fff;
  border: 0.1em solid #999999;
}
.Jscr[name=sends] .items .sends .send1[jdata_status=promptsent] .status span {
  background-color: #999999;
  color: #fff;
  border: 0.1em solid #999999;
}
.Jscr[name=sends] .items .sends .send1[jdata_status=cancel] .status span {
  background-color: rgba(0, 0, 0, 0);
  color: #000;
  border: none;
  padding-left: 0.5em;
}
.Jscr[name=sends] .items .sends .send1 .toupd .sendto {
  display: block;
  font-size: 1.25em;
  margin-top: 0.25em;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100%);
  line-height: 1.25em;
  white-space: nowrap;
}
.Jscr[name=sends] .items .sends .send1 .toupd .upd_datetime {
  display: block;
  margin-top: 0.65em;
}
.Jscr[name=sends] .items .sends .send1 .toupd .upd_datetime margin- span {
  display: inline-block;
  white-space: nowrap;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  color: #666;
}
.Jscr[name=sends] .items .sends .send1 .price {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 2em;
  margin-left: 1em;
  font-weight: bold;
  height: 2em;
}
.Jscr[name=sends] .items .sends .send1 .price span[name=price] {
  font-size: 1.25em;
}
.Jscr[name=sends] .items .sends .send1 .price span[name=unit] {
  font-size: 0.8em;
}

.Jscr[name=request] .header.my .list {
  display: inline-block;
}
.Jscr[name=request] .header.my .account {
  display: none;
}
.Jscr[name=request] .scrollarea {
  padding-bottom: 5em;
}
.Jscr[name=request] .blocked {
  display: block;
  text-align: center;
  margin-bottom: 2em;
}
.Jscr[name=request] .blocked span {
  display: inline-block;
  padding: 0.5em;
  background-color: #f00;
  color: #fff;
  padding: 0.5em 2em 0.5em 2em;
  border-radius: 1em;
}
.Jscr[name=request] .notice {
  display: block;
  padding: 0.5em 1em 1em 0.5em;
  line-height: 1.5em;
}
.Jscr[name=request] .fieldtitle {
  margin-top: 1.5em;
  margin-bottom: 1em;
  font-size: 0.8em;
  color: #666;
  text-align: left;
}
.Jscr[name=request] .field1 {
  position: relative;
  margin-top: 1rem;
}
.Jscr[name=request] .field1 input[type=text] {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  border-color: #888888;
}
.Jscr[name=request] .field1 select {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  font-weight: bold;
  text-align: center;
  border-color: #888888;
}
.Jscr[name=request] .field1 textarea {
  width: 100%;
  padding: 0.5em;
  line-height: 1.5em;
  border-color: #888888;
}
.Jscr[name=request] .payinfo {
  max-width: 768px;
  margin: 0 auto 0 auto;
  position: relative;
  display: block;
  text-align: left;
  padding: 1em;
}
.Jscr[name=request] .payinfo .image {
  position: relative;
  text-align: center;
  margin-top: 0.5em;
  margin-left: -1em;
  margin-right: -1em;
}
.Jscr[name=request] .payinfo .image img {
  position: relative;
  width: 100%;
  object-fit: contain;
}
.Jscr[name=request] .payinfo .image img[src=""] {
  display: none;
}
.Jscr[name=request] .payinfo .public {
  display: block;
  margin-top: 2em;
}
.Jscr[name=request] .payinfo .public span {
  background-color: #dddddd;
  color: #666666;
  border: 0.1em solid #dddddd;
  padding: 0.25em 1em 0.25em 1em;
  border-radius: 1em;
}
.Jscr[name=request] .payinfo[jdata_public=public] .public span {
  background-color: #fff;
  color: #000;
  border: 0.1em solid #000;
}
.Jscr[name=request] .payinfo[jdata_public=draft] .public, .Jscr[name=request] .payinfo[jdata_public=draft] .title, .Jscr[name=request] .payinfo[jdata_public=draft] .description, .Jscr[name=request] .payinfo[jdata_public=draft] .price {
  opacity: 0.5;
}
.Jscr[name=request] .payinfo[jdata_public=blocked] .public span {
  background-color: #FF0000;
  color: #fff;
  border: 0.1em solid #FF0000;
}
.Jscr[name=request] .payinfo[jdata_public=blocked] .title, .Jscr[name=request] .payinfo[jdata_public=blocked] .description, .Jscr[name=request] .payinfo[jdata_public=blocked] .price {
  opacity: 0.5;
}
.Jscr[name=request] .payinfo .icons {
  display: block;
  float: right;
  margin-top: 1.5em;
  opacity: 0.7;
}
.Jscr[name=request] .payinfo .icons .icon1 {
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.5em;
  vertical-align: top;
}
.Jscr[name=request] .payinfo .icons .bookmark {
  margin-top: 0.2em;
}
.Jscr[name=request] .payinfo .icons .bookmark:before {
  content: url(../img/icon_bookmark.svg);
  vertical-align: top;
  height: 1em;
  display: inline-block;
  width: 1em;
}
.Jscr[name=request] .payinfo .icons .bookmark .Jfld[name=bookmarkcnt] {
  display: none;
}
.Jscr[name=request] .payinfo .icons[jdata_bookmarkcheck="1"] .bookmark:before {
  content: url(../img/icon_bookmarkcheck.svg);
}
.Jscr[name=request] .payinfo .icons .menu {
  margin-top: 0.3em;
}
.Jscr[name=request] .payinfo .icons .menu img {
  width: 3em;
  height: 1em;
}
.Jscr[name=request] .payinfo[jdata_bookmarkcheck="1"] .icons .bookmark:before {
  content: url(../img/icon_bookmarkcheck.svg);
}
.Jscr[name=request] .payinfo:not([jdata_requestto_id]) .requesttouserinfo {
  display: none;
}
.Jscr[name=request] .payinfo[jdata_requestto_id] .requesttouserinfo {
  display: block;
  margin-top: 1em;
}
.Jscr[name=request] .payinfo[jdata_requestto_id] .requestto span {
  display: none;
}
.Jscr[name=request] .payinfo .requestto {
  display: block;
  margin-left: 1em;
}
.Jscr[name=request] .payinfo .requestto span {
  font-size: 1.5em;
  display: block;
  margin-left: 0.25em;
  margin-top: 0.5em;
  overflow: hidden;
  width: 100%;
  line-height: 1.25em;
}
.Jscr[name=request] .payinfo .userinfo, .Jscr[name=request] .payinfo .requesttouserinfo {
  position: relative;
  max-width: 1024px;
  margin: 2em auto 0 auto;
  display: block;
  text-align: left;
  padding: 0em 1em 0em 1em;
}
.Jscr[name=request] .payinfo .userinfo .icon, .Jscr[name=request] .payinfo .requesttouserinfo .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 4em;
  width: 4em;
  margin: 0.25em 0.35em 0.35em 0.35em;
  overflow: hidden;
  z-index: 1;
}
.Jscr[name=request] .payinfo .userinfo .icon img, .Jscr[name=request] .payinfo .requesttouserinfo .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=request] .payinfo .userinfo .fields, .Jscr[name=request] .payinfo .requesttouserinfo .fields {
  display: block;
  margin-left: 5.5em;
  vertical-align: top;
  text-align: left;
  margin-top: 1.25em;
}
.Jscr[name=request] .payinfo .userinfo .fields .userid, .Jscr[name=request] .payinfo .requesttouserinfo .fields .userid {
  display: block;
  color: #444;
  margin-top: 0.5em;
}
.Jscr[name=request] .payinfo .userinfo .fields .username, .Jscr[name=request] .payinfo .requesttouserinfo .fields .username {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 2em;
  margin-top: 0.4em;
  word-break: break-all;
}
.Jscr[name=request] .payinfo .price {
  display: block;
  padding: 0.5em 1em;
  text-align: center;
}
.Jscr[name=request] .payinfo .price span {
  display: inline-block;
  font-size: 2em;
  font-weight: bold;
}
.Jscr[name=request] .payinfo .price .unit {
  display: inline-block;
  text-align: bottom;
  margin-left: 1em;
  font-weight: bold;
}
.Jscr[name=request] .payinfo .usdtotal {
  padding: 0.5em;
  color: #666666;
  text-align: center;
}
.Jscr[name=request] .payinfo .publish {
  display: block;
  text-align: center;
}
.Jscr[name=request] .payinfo .publish label {
  display: inline-block;
  padding: 1em;
  font-weight: bold;
}
.Jscr[name=request] .payinfo .publish label input {
  margin-right: 1em;
  width: 1.5em;
  height: 1.5em;
  vertical-align: -0.4em;
}
.Jscr[name=request] .payinfo .mymenu {
  display: none;
  margin-top: 0em;
  text-align: center;
}
.Jscr[name=request] .payinfo .mymenu .mymenu1 {
  margin: 1em 0.5em;
  display: inline-block;
  padding: 0.5em 1em 0.5em 1em;
  font-weight: bold;
  border-radius: 1.5em;
  border: 1px solid #000;
  vertical-align: middle;
}
.Jscr[name=request] .payinfo[jdata_status=open] .mymenu1.open {
  display: none;
}
.Jscr[name=request] .payinfo[jdata_status=close] .mymenu1.close {
  display: none;
}
.Jscr[name=request] .payinfo.myreq .mymenu {
  display: block;
}
.Jscr[name=request] .payinfo.myreq .icons {
  display: none;
}
.Jscr[name=request] .payinfo.myreq .btnpay {
  display: none;
}
.Jscr[name=request] .payinfo .links {
  margin-top: 1em;
  display: none;
  text-align: center;
}
.Jscr[name=request] .payinfo .links .qrcode {
  margin: 1em;
  display: inline-block;
  vertical-align: middle;
}
.Jscr[name=request] .payinfo .links .qrcode img {
  width: 2.5em;
  height: 2.5em;
}
.Jscr[name=request] .payinfo .links .share {
  margin: 1em;
  display: inline-block;
  padding: 0.5em 2em 0.5em 2em;
  font-weight: bold;
  border-radius: 1.5em;
  border: 1px solid #000;
  vertical-align: middle;
}
.Jscr[name=request] .payinfo.mypay .links {
  display: block;
}
.Jscr[name=request] .note {
  margin: 1em auto 1em auto;
  line-height: 1.5;
  text-align: left;
  display: block;
}
.Jscr[name=request] .btns {
  display: block;
  text-align: center;
  margin-top: 3em;
  margin-bottom: 2em;
}
.Jscr[name=request] .btns .btnpay {
  display: inline-block;
  padding: 1rem 3.5rem 1rem 3.5rem;
  background-color: #000;
  border: 0.1em solid #000;
  font-weight: bold;
  color: #fff;
  border-radius: 1.5em;
  margin-bottom: 1em;
  font-size: 1.25em;
}
.Jscr[name=request] .payinfo[jdata_status=close] .btns:after {
  content: "CLOSED";
  font-weight: bold;
  font-size: 1.25em;
  display: inline-block;
  margin-bottom: 0.25em;
}
.Jscr[name=request] .payinfo[jdata_status=close] .btnpay {
  display: none;
}
.Jscr[name=request] .payinfo[jdata_public=blocked] .mymenu {
  display: none;
}
.Jscr[name=request] .payinfo[jdata_public=blocked] .icons {
  display: none;
}
.Jscr[name=request] .payinfo[jdata_public=blocked] .userinfo {
  display: none;
}
.Jscr[name=request] .payinfo[jdata_public=blocked] .price {
  display: none;
}
.Jscr[name=request] .payinfo[jdata_public=blocked] .usdtotal {
  display: none;
}
.Jscr[name=request] .payinfo[jdata_public=blocked] .btns {
  display: none;
}
.Jscr[name=request] .payinfo[jdata_public=blocked] .links {
  display: none;
}
.Jscr[name=request] .payhistory {
  display: block;
  padding: 0.5em 1em;
  text-align: center;
}
.Jscr[name=request] .payhistory .payhistory1 {
  position: relative;
  display: block;
  text-align: left;
  padding: 0em 1em 0em 1em;
}
.Jscr[name=request] .payhistory .payhistory1 .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 3.5em;
  width: 3.5em;
  margin: 0em 0.5em;
  overflow: hidden;
}
.Jscr[name=request] .payhistory .payhistory1 .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=request] .payhistory .payhistory1 .noticedate {
  display: block;
  text-align: center;
  margin-bottom: 1.5em;
  margin-top: 3em;
}
.Jscr[name=request] .payhistory .payhistory1 .message {
  display: block;
  margin-left: 5em;
  margin-top: 1em;
  line-height: 1.25em;
  word-break: break-all;
}
.Jscr[name=request] .payhistory .payhistory1 .message .tx, .Jscr[name=request] .payhistory .payhistory1 .message .bold, .Jscr[name=request] .payhistory .payhistory1 .message .ms {
  font-weight: bold;
}
.Jscr[name=request] .payhistory .payhistory1 .nameid {
  margin-left: 5em;
  margin-top: 1.5em;
}
.Jscr[name=request] .payhistory .payhistory1 .nameid .username {
  font-weight: bold;
  font-size: 1em;
  margin-top: 0.5em;
  word-break: break-all;
}
.Jscr[name=request] .payhistory .payhistory1 .nameid .userid {
  display: none;
  margin-top: 0em;
  color: #444;
}
.Jscr[name=request] .payhistory .payhistory1 .nameid .userid:before {
  content: "@";
}
.Jscr[name=request] .payhistory .payhistory1 .nameid .menus {
  float: right;
  margin-top: -0.5em;
}
.Jscr[name=request] .payhistory .payhistory1 .nameid .menus .menu, .Jscr[name=request] .payhistory .payhistory1 .nameid .menus .reply {
  padding: 0.5em;
  margin-bottom: 0.25em;
}
.Jscr[name=request] .payhistory .payhistory1 .nameid .menus .menu img, .Jscr[name=request] .payhistory .payhistory1 .nameid .menus .reply img {
  width: 1em;
  height: 1em;
}
.Jscr[name=request] .payhistory .payhistory1.sameuser {
  padding: 0 1em 0 1em;
}
.Jscr[name=request] .payhistory .payhistory1.sameuser .icon {
  display: none;
}
.Jscr[name=request] .payhistory .payhistory1.sameuser .nameid {
  display: none;
}
.Jscr[name=request] .payhistory .payhistory1 .buttons {
  position: relative;
  display: inline-block;
  width: calc(100% - 5em);
  margin-top: 1em;
  margin-left: 6em;
}
.Jscr[name=request] .payhistory .payhistory1 .buttons .btn1 {
  position: relative;
  font-weight: bold;
  display: none;
  color: #888888;
  border: 0.1em solid #888888;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=request] .payhistory .payhistory1 .profile {
  text-align: left;
  margin-left: 6em;
  margin-top: 0.5em;
  line-height: 1.8em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
}

.Jscr[name=send] .header.my .list {
  display: inline-block;
}
.Jscr[name=send] .header.my .account {
  display: none;
}
.Jscr[name=send] .scrollarea {
  padding-bottom: 5em;
}
.Jscr[name=send] .blocked {
  display: block;
  text-align: center;
  margin-bottom: 2em;
}
.Jscr[name=send] .blocked span {
  display: inline-block;
  padding: 0.5em;
  background-color: #f00;
  color: #fff;
  padding: 0.5em 2em 0.5em 2em;
  border-radius: 1em;
}
.Jscr[name=send] .notice {
  display: block;
  padding: 0.5em 1em 1em 0.5em;
  line-height: 1.5em;
}
.Jscr[name=send] .statusmessage {
  margin: 2em 1em 2em 1em;
  text-align: center;
  font-weight: bold;
}
.Jscr[name=send] .fieldtitle {
  margin-top: 1.5em;
  margin-bottom: 1em;
  font-size: 0.8em;
  color: #666;
  text-align: left;
}
.Jscr[name=send] .field1 {
  position: relative;
  margin-top: 1rem;
}
.Jscr[name=send] .field1 input[type=text] {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  border-color: #888888;
}
.Jscr[name=send] .field1 select {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  font-weight: bold;
  text-align: center;
  border-color: #888888;
}
.Jscr[name=send] .field1 textarea {
  width: 100%;
  padding: 0.5em;
  line-height: 1.5em;
  border-color: #888888;
}
.Jscr[name=send] .payinfo {
  max-width: 768px;
  margin: 0 auto 0 auto;
  position: relative;
  display: block;
  text-align: left;
  padding: 1em;
}
.Jscr[name=send] .payinfo .image {
  position: relative;
  text-align: center;
  margin-top: 0.5em;
  margin-left: -1em;
  margin-right: -1em;
}
.Jscr[name=send] .payinfo .image img {
  position: relative;
  width: 100%;
  object-fit: contain;
}
.Jscr[name=send] .payinfo .image img[src=""] {
  display: none;
}
.Jscr[name=send] .payinfo .public {
  display: block;
  margin-top: 2em;
}
.Jscr[name=send] .payinfo .public span {
  background-color: #dddddd;
  color: #666666;
  border: 0.1em solid #dddddd;
  padding: 0.25em 1em 0.25em 1em;
  border-radius: 1em;
}
.Jscr[name=send] .payinfo[jdata_public=public] .public span {
  background-color: #fff;
  color: #000;
  border: 0.1em solid #000;
}
.Jscr[name=send] .payinfo[jdata_public=draft] .public, .Jscr[name=send] .payinfo[jdata_public=draft] .title, .Jscr[name=send] .payinfo[jdata_public=draft] .description, .Jscr[name=send] .payinfo[jdata_public=draft] .price {
  opacity: 0.5;
}
.Jscr[name=send] .payinfo[jdata_public=blocked] .public span {
  background-color: #FF0000;
  color: #fff;
  border: 0.1em solid #FF0000;
}
.Jscr[name=send] .payinfo[jdata_public=blocked] .title, .Jscr[name=send] .payinfo[jdata_public=blocked] .description, .Jscr[name=send] .payinfo[jdata_public=blocked] .price {
  opacity: 0.5;
}
.Jscr[name=send] .payinfo .icons {
  display: block;
  float: right;
  margin-top: 1.5em;
  opacity: 0.7;
}
.Jscr[name=send] .payinfo .icons .icon1 {
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.5em;
  vertical-align: top;
}
.Jscr[name=send] .payinfo .icons .bookmark {
  margin-top: 0.2em;
}
.Jscr[name=send] .payinfo .icons .bookmark:before {
  content: url(../img/icon_bookmark.svg);
  vertical-align: top;
  height: 1em;
  display: inline-block;
  width: 1em;
}
.Jscr[name=send] .payinfo .icons .bookmark .Jfld[name=bookmarkcnt] {
  display: none;
}
.Jscr[name=send] .payinfo .icons[jdata_bookmarkcheck="1"] .bookmark:before {
  content: url(../img/icon_bookmarkcheck.svg);
}
.Jscr[name=send] .payinfo .icons .menu {
  margin-top: 0.3em;
}
.Jscr[name=send] .payinfo .icons .menu img {
  width: 3em;
  height: 1em;
}
.Jscr[name=send] .payinfo .sendtomail {
  margin-top: 1em;
}
.Jscr[name=send] .payinfo .sendtomail:empty {
  display: none;
}
.Jscr[name=send] .payinfo .sendtomail:before {
  content: "via: ";
  color: #888;
}
.Jscr[name=send] .payinfo[jdata_bookmarkcheck="1"] .icons .bookmark:before {
  content: url(../img/icon_bookmarkcheck.svg);
}
.Jscr[name=send] .payinfo:not([jdata_sendto_id]) .sendtouserinfo {
  display: none;
}
.Jscr[name=send] .payinfo[jdata_sendto_id] .sendtouserinfo {
  display: block;
  margin-top: 1em;
}
.Jscr[name=send] .payinfo[jdata_sendto_id] .sendto span {
  display: none;
}
.Jscr[name=send] .payinfo .sendto {
  display: block;
  margin-left: 1em;
}
.Jscr[name=send] .payinfo .sendto span {
  font-size: 1.5em;
  display: block;
  margin-left: 0.25em;
  margin-top: 0.5em;
  overflow: hidden;
  width: 100%;
  line-height: 1.25em;
}
.Jscr[name=send] .payinfo .userinfo, .Jscr[name=send] .payinfo .sendtouserinfo {
  position: relative;
  max-width: 1024px;
  margin: 2em auto 0 auto;
  display: block;
  text-align: left;
  padding: 0em 1em 0em 1em;
}
.Jscr[name=send] .payinfo .userinfo .icon, .Jscr[name=send] .payinfo .sendtouserinfo .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 4em;
  width: 4em;
  margin: 0.25em 0.35em 0.35em 0.35em;
  overflow: hidden;
  z-index: 1;
}
.Jscr[name=send] .payinfo .userinfo .icon img, .Jscr[name=send] .payinfo .sendtouserinfo .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=send] .payinfo .userinfo .fields, .Jscr[name=send] .payinfo .sendtouserinfo .fields {
  display: block;
  margin-left: 5.5em;
  vertical-align: top;
  text-align: left;
  margin-top: 1.25em;
}
.Jscr[name=send] .payinfo .userinfo .fields .userid, .Jscr[name=send] .payinfo .sendtouserinfo .fields .userid {
  display: block;
  color: #444;
  margin-top: 0.5em;
}
.Jscr[name=send] .payinfo .userinfo .fields .username, .Jscr[name=send] .payinfo .sendtouserinfo .fields .username {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 2em;
  margin-top: 0.4em;
  word-break: break-all;
}
.Jscr[name=send] .payinfo .price {
  display: block;
  padding: 0.5em 1em;
  text-align: center;
}
.Jscr[name=send] .payinfo .price span {
  display: inline-block;
  font-size: 2em;
  font-weight: bold;
}
.Jscr[name=send] .payinfo .price .unit {
  display: inline-block;
  text-align: bottom;
  margin-left: 1em;
  font-weight: bold;
}
.Jscr[name=send] .payinfo .usdtotal {
  padding: 0.5em;
  color: #666666;
  text-align: center;
}
.Jscr[name=send] .payinfo .publish {
  display: block;
  text-align: center;
}
.Jscr[name=send] .payinfo .publish label {
  display: inline-block;
  padding: 1em;
  font-weight: bold;
}
.Jscr[name=send] .payinfo .publish label input {
  margin-right: 1em;
  width: 1.5em;
  height: 1.5em;
  vertical-align: -0.4em;
}
.Jscr[name=send] .payinfo .mymenu {
  display: none;
  margin-top: 0em;
  text-align: center;
}
.Jscr[name=send] .payinfo .mymenu .mymenu1 {
  margin: 1em 0.5em;
  display: inline-block;
  padding: 0.5em 1em 0.5em 1em;
  font-weight: bold;
  border-radius: 1.5em;
  border: 1px solid #000;
  vertical-align: middle;
}
.Jscr[name=send] .payinfo[jdata_status=resend] .mymenu1.resend {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}
.Jscr[name=send] .payinfo.mysnd .mymenu {
  display: block;
}
.Jscr[name=send] .payinfo.mysnd .icons {
  display: none;
}
.Jscr[name=send] .payinfo .links {
  margin-top: 1em;
  display: none;
  text-align: center;
}
.Jscr[name=send] .payinfo .links .qrcode {
  margin: 1em;
  display: inline-block;
  vertical-align: middle;
}
.Jscr[name=send] .payinfo .links .qrcode img {
  width: 2.5em;
  height: 2.5em;
}
.Jscr[name=send] .payinfo .links .share {
  margin: 1em;
  display: inline-block;
  padding: 0.5em 2em 0.5em 2em;
  font-weight: bold;
  border-radius: 1.5em;
  border: 1px solid #000;
  vertical-align: middle;
}
.Jscr[name=send] .payinfo.mypay .links {
  display: block;
}
.Jscr[name=send] .payinfo .btns {
  display: block;
  text-align: center;
  margin-top: 3em;
  margin-bottom: 2em;
}
.Jscr[name=send] .payinfo .btns .btnpay {
  display: inline-block;
  padding: 1rem 3.5rem 1rem 3.5rem;
  background-color: #000;
  border: 0.1em solid #000;
  font-weight: bold;
  color: #fff;
  border-radius: 1.5em;
  margin-bottom: 1em;
  font-size: 1.25em;
}
.Jscr[name=send] .payinfo .btns .btnreceive {
  display: inline-block;
  padding: 1rem 3.5rem 1rem 3.5rem;
  background-color: #000;
  border: 0.1em solid #000;
  font-weight: bold;
  color: #fff;
  border-radius: 1.5em;
  margin-bottom: 1em;
  font-size: 1.25em;
}
.Jscr[name=send] .payinfo:not(.mysnd) .btnpay {
  display: none;
}
.Jscr[name=send] .payinfo:not(.mysnd) .statusmessage {
  display: none;
}
.Jscr[name=send] .payinfo.mysnd .btnreceive {
  display: none;
}
.Jscr[name=send] .note {
  margin: 1em auto 1em auto;
  line-height: 1.5;
  text-align: left;
  display: block;
}
.Jscr[name=send] .payinfo[jdata_status=close] .btns:after {
  content: "CLOSED";
  font-weight: bold;
  font-size: 1.25em;
  display: inline-block;
  margin-bottom: 0.25em;
}
.Jscr[name=send] .payinfo[jdata_status=close] .btnpay {
  display: none;
}
.Jscr[name=send] .payinfo[jdata_public=blocked] .mymenu {
  display: none;
}
.Jscr[name=send] .payinfo[jdata_public=blocked] .icons {
  display: none;
}
.Jscr[name=send] .payinfo[jdata_public=blocked] .userinfo {
  display: none;
}
.Jscr[name=send] .payinfo[jdata_public=blocked] .price {
  display: none;
}
.Jscr[name=send] .payinfo[jdata_public=blocked] .usdtotal {
  display: none;
}
.Jscr[name=send] .payinfo[jdata_public=blocked] .btns {
  display: none;
}
.Jscr[name=send] .payinfo[jdata_public=blocked] .links {
  display: none;
}
.Jscr[name=send] .payhistory {
  display: block;
  padding: 0.5em 1em;
  text-align: center;
}
.Jscr[name=send] .payhistory .payhistory1 {
  position: relative;
  display: block;
  text-align: left;
  padding: 0em 1em 0em 1em;
}
.Jscr[name=send] .payhistory .payhistory1 .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 3.5em;
  width: 3.5em;
  margin: 0em 0.5em;
  overflow: hidden;
}
.Jscr[name=send] .payhistory .payhistory1 .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=send] .payhistory .payhistory1 .noticedate {
  display: block;
  text-align: center;
  margin-bottom: 1.5em;
  margin-top: 3em;
}
.Jscr[name=send] .payhistory .payhistory1 .message {
  display: block;
  margin-left: 5em;
  margin-top: 1em;
  line-height: 1.25em;
  word-break: break-all;
}
.Jscr[name=send] .payhistory .payhistory1 .message .tx, .Jscr[name=send] .payhistory .payhistory1 .message .bold, .Jscr[name=send] .payhistory .payhistory1 .message .ms {
  font-weight: bold;
}
.Jscr[name=send] .payhistory .payhistory1 .nameid {
  margin-left: 5em;
  margin-top: 1.5em;
}
.Jscr[name=send] .payhistory .payhistory1 .nameid .username {
  font-weight: bold;
  font-size: 1em;
  margin-top: 0.5em;
  word-break: break-all;
}
.Jscr[name=send] .payhistory .payhistory1 .nameid .userid {
  display: none;
  margin-top: 0em;
  color: #444;
}
.Jscr[name=send] .payhistory .payhistory1 .nameid .userid:before {
  content: "@";
}
.Jscr[name=send] .payhistory .payhistory1 .nameid .menus {
  float: right;
  margin-top: -0.5em;
}
.Jscr[name=send] .payhistory .payhistory1 .nameid .menus .menu, .Jscr[name=send] .payhistory .payhistory1 .nameid .menus .reply {
  padding: 0.5em;
  margin-bottom: 0.25em;
}
.Jscr[name=send] .payhistory .payhistory1 .nameid .menus .menu img, .Jscr[name=send] .payhistory .payhistory1 .nameid .menus .reply img {
  width: 1em;
  height: 1em;
}
.Jscr[name=send] .payhistory .payhistory1.sameuser {
  padding: 0 1em 0 1em;
}
.Jscr[name=send] .payhistory .payhistory1.sameuser .icon {
  display: none;
}
.Jscr[name=send] .payhistory .payhistory1.sameuser .nameid {
  display: none;
}
.Jscr[name=send] .payhistory .payhistory1 .buttons {
  position: relative;
  display: inline-block;
  width: calc(100% - 5em);
  margin-top: 1em;
  margin-left: 6em;
}
.Jscr[name=send] .payhistory .payhistory1 .buttons .btn1 {
  position: relative;
  font-weight: bold;
  display: none;
  color: #888888;
  border: 0.1em solid #888888;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=send] .payhistory .payhistory1 .profile {
  text-align: left;
  margin-left: 6em;
  margin-top: 0.5em;
  line-height: 1.8em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
}

.Jscr[name=pays] .userinfo {
  max-width: 768px;
  margin: 0 auto 0 auto;
  position: relative;
  display: block;
  text-align: left;
  padding: 1em 1em 0em 1em;
}
.Jscr[name=pays] .userinfo .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 4em;
  width: 4em;
  margin: 0.25em;
  overflow: hidden;
  z-index: 1;
}
.Jscr[name=pays] .userinfo .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=pays] .userinfo .sns {
  position: relative;
  display: inline-block;
  margin-left: 0.25em;
  vertical-align: middle;
}
.Jscr[name=pays] .userinfo .sns .sns1 {
  display: inline-block;
  padding: 0.32em;
}
.Jscr[name=pays] .userinfo .sns .sns1 img {
  height: 1.5em;
  vertical-align: middle;
}
.Jscr[name=pays] .userinfo .sns .sns1.twitter img {
  height: 1.25em;
}
.Jscr[name=pays] .userinfo .icons {
  text-align: right;
  margin-bottom: 1em;
  margin-top: 1em;
  opacity: 0.7;
}
.Jscr[name=pays] .userinfo .icons .bookmark {
  display: inline-block;
  vertical-align: top;
  padding: 0.5em 0.75em;
}
.Jscr[name=pays] .userinfo .icons .bookmark:before {
  content: url(../img/icon_bookmark.svg);
  vertical-align: top;
  display: inline-block;
  height: 1em;
  width: 1em;
}
.Jscr[name=pays] .userinfo .icons .bookmark .Jfld[name=bookmarkcnt] {
  display: none;
}
.Jscr[name=pays] .userinfo .icons .icon1.share {
  display: inline-block;
  vertical-align: top;
  padding: 0.5em 0.75em;
}
.Jscr[name=pays] .userinfo .icons .icon1.share img {
  width: 100%;
  height: 1em;
  width: 1em;
}
.Jscr[name=pays] .userinfo .icons .icon1.menu {
  display: inline-block;
  vertical-align: top;
  padding: 0.6em 0.75em;
}
.Jscr[name=pays] .userinfo .icons .icon1.menu img {
  width: 100%;
  height: 1em;
  width: 1em;
}
.Jscr[name=pays] .userinfo[jdata_bookmarkcheck="1"] .bookmark:before {
  content: url(../img/icon_bookmarkcheck.svg);
}
.Jscr[name=pays] .userinfo .message {
  float: right;
  right: 1.25em;
  top: 5em;
}
.Jscr[name=pays] .userinfo .message:before {
  content: url(../img/icon_message.svg);
  vertical-align: top;
  display: inline-block;
  height: 1.6em;
  width: 1.6em;
}
.Jscr[name=pays] .userinfo .fields {
  display: block;
  margin-left: 6em;
  vertical-align: top;
  text-align: left;
}
.Jscr[name=pays] .userinfo .fields .userid {
  display: block;
  color: #444;
  line-height: 2em;
}
.Jscr[name=pays] .userinfo .fields .username {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 1.5em;
  margin-top: 0.2em;
  word-break: break-all;
}
.Jscr[name=pays] .userinfo .btns {
  display: block;
  margin-top: 0.75em;
  margin-left: 4.5em;
  margin-right: -0.5em;
  text-align: center;
}
.Jscr[name=pays] .userinfo .btns .btn1 {
  font-weight: bold;
  display: inline-block;
  color: #000;
  border: 0.1em solid #000;
  border-radius: 1em;
  padding: 0.5em 1em 0.5em 1em;
  margin: 0.5em 0.5em 0.5em 0.5em;
}
.Jscr[name=pays] .userinfo .btns .btn1 img {
  height: 1em;
}
.Jscr[name=pays] .userinfo .btns .menu, .Jscr[name=pays] .userinfo .btns .share:not(.btn1), .Jscr[name=pays] .userinfo .btns .views {
  float: right;
  display: inline-block;
  padding: 0.4em 0.5em 0.5em 0.5em;
  margin: 0.3em 0.5em 0.5em 0.5em;
}
.Jscr[name=pays] .userinfo .btns .menu img, .Jscr[name=pays] .userinfo .btns .share:not(.btn1) img, .Jscr[name=pays] .userinfo .btns .views img {
  height: 1.5em;
}
.Jscr[name=pays] .userinfo .coverimage {
  position: relative;
  text-align: center;
  margin-top: 0.75em;
  margin-left: -1em;
  margin-right: -1em;
}
.Jscr[name=pays] .userinfo .coverimage img {
  position: relative;
  aspect-ratio: 16/9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.Jscr[name=pays] .userinfo .tag {
  display: none;
  margin-top: 3em;
}
.Jscr[name=pays] .userinfo .profile {
  display: block;
  margin-top: 1em;
  max-height: 5.5em;
}
.Jscr[name=pays] .userinfo .profile .Jfld {
  line-height: 1.8em;
  overflow: hidden;
  white-space: pre-wrap;
}
.Jscr[name=pays] .userinfo .profile.close .Jfld {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.Jscr[name=pays] .userinfo .profile:not(.open):after {
  display: block;
  content: "...more";
  color: #aaa;
}
.Jscr[name=pays] .userinfo .profile.open {
  max-height: 100vh;
}
.Jscr[name=pays] .userinfo .profile.open .Jfld {
  display: block;
}
.Jscr[name=pays] .userinfo .profile.open .more {
  display: none;
}
.Jscr[name=pays] .userinfo .profile.open + .tag {
  display: block;
}
.Jscr[name=pays] .userinfo a {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
.Jscr[name=pays] .userinfo[jdata_followcheck="1"] .btn1.following {
  background-color: #000;
  color: #fff;
}
.Jscr[name=pays] .userinfo[jdata_followcheck="1"] .btn1.following:after {
  content: "ing";
}
.Jscr[name=pays] .userinfo[jdata_donatecheck="1"] .btn1.donating {
  background-color: #000;
  color: #fff;
}
.Jscr[name=pays] .items {
  padding-bottom: 3em;
  margin-top: 3em;
}
.Jscr[name=pays] .items:not([category=pays]) .pays {
  display: none;
}
.Jscr[name=pays] .items:not([category=pays]) .btns .generatepay {
  display: none;
}
.Jscr[name=pays] .items .views {
  position: absolute;
  right: 1.5em;
  margin-top: -1.5em;
}
.Jscr[name=pays] .items .views img {
  width: 1.5em;
  height: 1.5em;
}
.Jscr[name=pays] .items[listtype=list] .view1.list {
  display: block;
}
.Jscr[name=pays] .items[listtype=list] .view1.detail {
  display: none;
}
.Jscr[name=pays] .items[listtype=detail] .view1.list {
  display: none;
}
.Jscr[name=pays] .items[listtype=detail] .view1.detail {
  display: block;
}
.Jscr[name=pays] .items[listtype=detail] .image {
  float: none;
}
.Jscr[name=pays] .items[listtype=detail] .image img {
  width: 100%;
  margin-right: 0;
  border-radius: 0;
  margin-left: -1em;
  width: calc(100% + 2em);
}
.Jscr[name=pays] .items[listtype=detail] .paydetail {
  position: relative;
  width: 100%;
  margin-top: 1.5em;
}
.Jscr[name=pays] .items[listtype=detail] .paydetail .price {
  font-size: 1.25em;
  margin-top: 0.25em;
  right: 0;
}
.Jscr[name=pays] .items[listtype=detail] .paydetail .description span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
  width: 100%;
}
.Jscr[name=pays] .items[listtype=detail] .public {
  display: none;
}
.Jscr[name=pays] .items .pays {
  max-width: 768px;
  margin: 0em auto 0 auto;
  padding: 1em;
  margin-bottom: 1em;
}
.Jscr[name=pays] .items .pays .pay1 {
  margin-bottom: 1.5em;
}
.Jscr[name=pays] .items .pay1:not([jdata_image]) .image img {
  display: none;
}
.Jscr[name=pays] .items .btns {
  display: block;
  margin-top: 3em;
  margin-left: 0em;
  margin-right: 0em;
  text-align: center;
}
.Jscr[name=pays] .items .btns .btn1 {
  display: inline-block;
  padding: 1rem 3.5rem 1rem 3.5rem;
  background-color: #000;
  border: 0.1em solid #000;
  font-weight: bold;
  color: #fff;
  border-radius: 1.5em;
  margin-bottom: 1em;
  font-size: 1.25em;
}
.Jscr[name=pays] .items .icons {
  display: block;
  text-align: right;
}
.Jscr[name=pays] .items .icons .icon1 {
  display: inline-block;
}
.Jscr[name=pays].myprofile {
  /*.btns .transfer {
      display: none !important
  }
  */
}
.Jscr[name=pays].myprofile .btns .following {
  display: none !important;
}
.Jscr[name=pays].myprofile .btns .donating {
  display: none !important;
}
.Jscr[name=pays].myprofile .btns .transfer {
  display: none !important;
}
.Jscr[name=pays].myprofile .share:not(.btn1) {
  display: none !important;
}
.Jscr[name=pays].myprofile .bookmark {
  display: none;
}
.Jscr[name=pays].myprofile .message {
  display: none;
}
.Jscr[name=pays].myprofile .icons {
  display: none;
}
.Jscr[name=pays]:not(.myprofile) .relation1.follow {
  display: none !important;
}
.Jscr[name=pays]:not(.myprofile) .edit {
  display: none !important;
}
.Jscr[name=pays]:not(.myprofile) .btns .share {
  display: none !important;
}
.Jscr[name=pays]:not(.myprofile) .btns .pay {
  display: none !important;
}
.Jscr[name=pays]:not(.myprofile) .generatepay {
  display: none !important;
}
.Jscr[name=pays]:not(.myprofile) .generatebanner {
  display: none !important;
}
.Jscr[name=pays]:not(.myprofile) .banner1 .title {
  width: calc(100% - 1.5em) !important;
}
.Jscr[name=pays]:not(.myprofile) .banner1 .delete {
  display: none !important;
}
.Jscr[name=pays]:not(.myprofile) .pay1:not([jdata_public=public]) {
  display: none !important;
}
.Jscr[name=pays]:not(.myprofile) .artscategory1[status=hide] {
  display: none !important;
}
.Jscr[name=pays]:not(.myprofile) .artscategory1[status=draft] {
  display: none !important;
}
.Jscr[name=pays]:not(.myprofile) .artscategory1[status=likes] {
  display: none !important;
}
.Jscr[name=pays] .itemcategory {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 0em;
  min-height: 2em;
  width: 100%;
  height: 2.5em;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.Jscr[name=pays] .itemcategory .itemcategory1 {
  display: inline-block;
  padding: 0.4em 0.25em;
  font-weight: bold;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.Jscr[name=pays] .itemcategory .itemcategory1.selected {
  border-bottom: 0.2em solid #000;
}

.Jscr[name=pay] .header.my .list {
  display: inline-block;
}
.Jscr[name=pay] .header.my .account {
  display: none;
}
.Jscr[name=pay] .scrollarea {
  padding-bottom: 5em;
}
.Jscr[name=pay] .blocked {
  display: block;
  text-align: center;
  margin-bottom: 2em;
}
.Jscr[name=pay] .blocked span {
  display: inline-block;
  padding: 0.5em;
  background-color: #f00;
  color: #fff;
  padding: 0.5em 2em 0.5em 2em;
  border-radius: 1em;
}
.Jscr[name=pay] .datetime {
  color: #666;
  margin-top: 2em;
}
.Jscr[name=pay] .datetime .Jfld {
  font-size: 0.9em;
}
.Jscr[name=pay] .datetime .Jfld[name=upd_datetime]:before {
  content: "(Last edited ";
}
.Jscr[name=pay] .datetime .Jfld[name=upd_datetime]:after {
  content: ")";
}
.Jscr[name=pay] .notice {
  display: block;
  padding: 0.5em 1em 1em 0.5em;
  line-height: 1.5em;
}
.Jscr[name=pay] .fieldtitle {
  margin-top: 1.5em;
  margin-bottom: 1em;
  font-size: 0.8em;
  color: #666;
  text-align: left;
}
.Jscr[name=pay] .field1 {
  position: relative;
  margin-top: 1rem;
}
.Jscr[name=pay] .field1 input[type=text] {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  border-color: #888888;
}
.Jscr[name=pay] .field1 select {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  font-weight: bold;
  text-align: center;
  border-color: #888888;
}
.Jscr[name=pay] .field1 textarea {
  width: 100%;
  padding: 0.5em;
  line-height: 1.5em;
  border-color: #888888;
}
.Jscr[name=pay] .payinfo {
  max-width: 768px;
  margin: 0 auto 0 auto;
  position: relative;
  display: block;
  text-align: left;
  padding: 1em;
  /*
  &:not([jdata_addimage1]) {
      .addimage1[no='1'] {
          display: none;
      }
  }
  &:not([jdata_addimage2]) {
      .addimage1[no='2'] {
          display: none;
      }
  }
  &:not([jdata_addimage3]) {
      .addimage1[no='3'] {
          display: none;
      }
  }
  */
}
.Jscr[name=pay] .payinfo .imageslide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column nowrap;
  margin-top: 0.5em;
  margin-left: -1em;
  margin-right: -1em;
}
.Jscr[name=pay] .payinfo .imageslide .image {
  display: flex;
  overflow: auto;
  flex: none;
  scroll-snap-type: x mandatory;
}
.Jscr[name=pay] .payinfo .imageslide .image img {
  text-align: center;
  scroll-snap-align: center;
  flex: none;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
  flex-flow: row nowrap;
}
.Jscr[name=pay] .payinfo .imageslide .image img[src=""] {
  display: none;
}
@media screen and (min-width: 640px) {
  .Jscr[name=pay] .payinfo .imageslide .image img {
    max-height: calc(100vh - 16em);
  }
}
.Jscr[name=pay] .payinfo .imagedots {
  display: block;
  text-align: center;
  margin: 0.5em;
}
.Jscr[name=pay] .payinfo .imagedots .imagedot1 {
  display: inline-block;
  background-color: #ddd;
  width: 0.6em;
  height: 0.6em;
  border-radius: 1em;
  margin: 0.25em;
}
.Jscr[name=pay] .payinfo .imagedots[no="0"] .imagedot1[no="0"] {
  background-color: #888;
}
.Jscr[name=pay] .payinfo .imagedots[no="1"] .imagedot1[no="1"] {
  background-color: #888;
}
.Jscr[name=pay] .payinfo .imagedots[no="2"] .imagedot1[no="2"] {
  background-color: #888;
}
.Jscr[name=pay] .payinfo .imagedots[no="3"] .imagedot1[no="3"] {
  background-color: #888;
}
.Jscr[name=pay] .payinfo .imagedots[no="4"] .imagedot1[no="4"] {
  background-color: #888;
}
.Jscr[name=pay] .payinfo[jdata_image2=""] .imagedots, .Jscr[name=pay] .payinfo:not([jdata_image2]) .imagedots {
  display: none;
}
.Jscr[name=pay] .payinfo .addimage1 {
  position: relative;
  text-align: center;
  margin-top: 1em;
  margin-left: -1em;
  margin-right: -1em;
}
.Jscr[name=pay] .payinfo .addimage1 img {
  position: relative;
  max-width: 100%;
  object-fit: contain;
}
.Jscr[name=pay] .payinfo .addimage1 img[src=""] {
  display: none;
}
@media screen and (min-width: 640px) {
  .Jscr[name=pay] .payinfo .addimage1 img {
    max-height: calc(100vh - 16em);
  }
}
.Jscr[name=pay] .payinfo .addimage1 .addnote {
  padding: 1em 1em 1em 1.5em;
  line-height: 1.75em;
  text-align: left;
  white-space: pre-wrap;
}
.Jscr[name=pay] .payinfo .public {
  display: block;
  margin-top: 2em;
}
.Jscr[name=pay] .payinfo .public span {
  background-color: #dddddd;
  color: #666666;
  border: 0.1em solid #dddddd;
  padding: 0.25em 1em 0.25em 1em;
  border-radius: 1em;
}
.Jscr[name=pay] .payinfo[jdata_public=public] .public span {
  background-color: #fff;
  color: #000;
  border: 0.1em solid #000;
}
.Jscr[name=pay] .payinfo[jdata_public=draft] .public, .Jscr[name=pay] .payinfo[jdata_public=draft] .title, .Jscr[name=pay] .payinfo[jdata_public=draft] .description, .Jscr[name=pay] .payinfo[jdata_public=draft] .price {
  opacity: 0.5;
}
.Jscr[name=pay] .payinfo[jdata_public=blocked] .public span {
  background-color: #FF0000;
  color: #fff;
  border: 0.1em solid #FF0000;
}
.Jscr[name=pay] .payinfo[jdata_public=blocked] .title, .Jscr[name=pay] .payinfo[jdata_public=blocked] .description, .Jscr[name=pay] .payinfo[jdata_public=blocked] .price {
  opacity: 0.5;
}
.Jscr[name=pay] .payinfo .icons {
  display: block;
  float: right;
  margin-top: 1.5em;
  opacity: 0.7;
}
.Jscr[name=pay] .payinfo .icons .icon1 {
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.5em;
  vertical-align: top;
}
.Jscr[name=pay] .payinfo .icons .bookmark {
  margin-top: 0.2em;
}
.Jscr[name=pay] .payinfo .icons .bookmark:before {
  content: url(../img/icon_bookmark.svg);
  vertical-align: top;
  height: 1em;
  display: inline-block;
  width: 1em;
}
.Jscr[name=pay] .payinfo .icons .bookmark .Jfld[name=bookmarkcnt] {
  display: none;
}
.Jscr[name=pay] .payinfo .icons[jdata_bookmarkcheck="1"] .bookmark:before {
  content: url(../img/icon_bookmarkcheck.svg);
}
.Jscr[name=pay] .payinfo .icons .menu {
  margin-top: 0.3em;
}
.Jscr[name=pay] .payinfo .icons .menu img {
  width: 3em;
  height: 1em;
}
.Jscr[name=pay] .payinfo[jdata_bookmarkcheck="1"] .icons .bookmark:before {
  content: url(../img/icon_bookmarkcheck.svg);
}
.Jscr[name=pay] .payinfo .title {
  display: block;
  font-size: 2em;
  font-weight: bold;
  margin-top: 0.5em;
  overflow: hidden;
  width: 100%;
  line-height: 1.25em;
}
.Jscr[name=pay] .payinfo .description {
  display: block;
  margin-top: 1em;
}
.Jscr[name=pay] .payinfo .description span {
  white-space: pre-wrap;
  line-height: 1.5em;
}
.Jscr[name=pay] .payinfo .paywall {
  display: block;
  margin: 1em -0.75em 1em -0.75em;
  padding: 1.5em 0.75em 1.5em 0.75em;
  background-color: #F4F4F4;
  border-radius: 1em;
}
.Jscr[name=pay] .payinfo .paywall span {
  white-space: pre-wrap;
  line-height: 1.5em;
}
.Jscr[name=pay] .payinfo:not([jdata_paywall]) .paywall {
  display: none;
}
.Jscr[name=pay] .payinfo .userinfo {
  position: relative;
  max-width: 1024px;
  margin: 2em auto 0 auto;
  display: block;
  text-align: left;
  padding: 0em 1em 0em 1em;
}
.Jscr[name=pay] .payinfo .userinfo .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 4em;
  width: 4em;
  margin: 0.25em 0.35em 0.35em 0.35em;
  overflow: hidden;
  z-index: 1;
}
.Jscr[name=pay] .payinfo .userinfo .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=pay] .payinfo .userinfo .fields {
  display: block;
  margin-left: 5.5em;
  vertical-align: top;
  text-align: left;
  margin-top: 1.25em;
}
.Jscr[name=pay] .payinfo .userinfo .fields .userid {
  display: block;
  color: #444;
  margin-top: 0.5em;
}
.Jscr[name=pay] .payinfo .userinfo .fields .username {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 2em;
  margin-top: 0.4em;
  word-break: break-all;
}
.Jscr[name=pay] .payinfo .price {
  display: block;
  padding: 0.5em 1em;
  text-align: center;
}
.Jscr[name=pay] .payinfo .price span {
  display: inline-block;
  font-size: 2em;
  font-weight: bold;
}
.Jscr[name=pay] .payinfo .price .unit {
  display: inline-block;
  text-align: bottom;
  margin-left: 1em;
  font-weight: bold;
}
.Jscr[name=pay] .payinfo .usdtotal {
  padding: 0.5em;
  color: #666666;
  text-align: center;
}
.Jscr[name=pay] .payinfo .publish {
  display: block;
  text-align: center;
}
.Jscr[name=pay] .payinfo .publish label {
  display: inline-block;
  padding: 1em;
  font-weight: bold;
}
.Jscr[name=pay] .payinfo .publish label input {
  margin-right: 1em;
  width: 1.5em;
  height: 1.5em;
  vertical-align: -0.4em;
}
.Jscr[name=pay] .payinfo .mymenu {
  display: none;
  margin-top: 0em;
  text-align: center;
}
.Jscr[name=pay] .payinfo .mymenu .mymenu1 {
  margin: 1em 0.5em;
  display: inline-block;
  padding: 0.5em 2em 0.5em 2em;
  font-weight: bold;
  border-radius: 1.5em;
  border: 1px solid #000;
  vertical-align: middle;
}
.Jscr[name=pay] .payinfo.mypay .mymenu {
  display: block;
}
.Jscr[name=pay] .payinfo.mypay .icons {
  display: none;
}
.Jscr[name=pay] .payinfo .links {
  margin-top: 1em;
  display: none;
  text-align: center;
}
.Jscr[name=pay] .payinfo .links .qrcode {
  margin: 1em;
  display: inline-block;
  vertical-align: middle;
}
.Jscr[name=pay] .payinfo .links .qrcode img {
  width: 2.5em;
  height: 2.5em;
}
.Jscr[name=pay] .payinfo .links .share {
  margin: 1em;
  display: inline-block;
  padding: 0.5em 2em 0.5em 2em;
  font-weight: bold;
  border-radius: 1.5em;
  border: 1px solid #000;
  vertical-align: middle;
}
.Jscr[name=pay] .payinfo.mypay .links {
  display: block;
}
.Jscr[name=pay] .note {
  margin: 1em auto 1em auto;
  line-height: 1.5;
  text-align: left;
  display: block;
}
.Jscr[name=pay] .btns {
  display: block;
  text-align: center;
  margin-top: 3em;
  margin-bottom: 2em;
}
.Jscr[name=pay] .btns .btnpay {
  display: inline-block;
  padding: 1rem 3.5rem 1rem 3.5rem;
  background-color: #000;
  border: 0.1em solid #000;
  font-weight: bold;
  color: #fff;
  border-radius: 1.5em;
  margin-bottom: 1em;
  font-size: 1.25em;
}
.Jscr[name=pay] .payinfo[jdata_status=closed] .btns:after {
  content: "CLOSED";
  font-weight: bold;
  font-size: 1.25em;
  display: inline-block;
  margin-bottom: 0.25em;
}
.Jscr[name=pay] .payinfo[jdata_status=closed] .btnpay {
  display: none;
}
.Jscr[name=pay] .payinfo[jdata_public=blocked] .mymenu {
  display: none;
}
.Jscr[name=pay] .payinfo[jdata_public=blocked] .icons {
  display: none;
}
.Jscr[name=pay] .payinfo[jdata_public=blocked] .userinfo {
  display: none;
}
.Jscr[name=pay] .payinfo[jdata_public=blocked] .price {
  display: none;
}
.Jscr[name=pay] .payinfo[jdata_public=blocked] .usdtotal {
  display: none;
}
.Jscr[name=pay] .payinfo[jdata_public=blocked] .btns {
  display: none;
}
.Jscr[name=pay] .payinfo[jdata_public=blocked] .links {
  display: none;
}
.Jscr[name=pay] .payhistory {
  display: block;
  padding: 0.5em 1em;
  text-align: center;
}
.Jscr[name=pay] .payhistory .payhistory1 {
  position: relative;
  display: block;
  text-align: left;
  padding: 0em 1em 0em 1em;
}
.Jscr[name=pay] .payhistory .payhistory1 .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 3.5em;
  width: 3.5em;
  margin: 0em 0.5em;
  overflow: hidden;
}
.Jscr[name=pay] .payhistory .payhistory1 .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=pay] .payhistory .payhistory1 .noticedate {
  display: block;
  text-align: center;
  margin-bottom: 1.5em;
  margin-top: 3em;
}
.Jscr[name=pay] .payhistory .payhistory1 .message {
  display: block;
  margin-left: 5em;
  margin-top: 1em;
  line-height: 1.25em;
  word-break: break-all;
}
.Jscr[name=pay] .payhistory .payhistory1 .message .tx, .Jscr[name=pay] .payhistory .payhistory1 .message .bold, .Jscr[name=pay] .payhistory .payhistory1 .message .ms {
  font-weight: bold;
}
.Jscr[name=pay] .payhistory .payhistory1 .nameid {
  margin-left: 5em;
  margin-top: 1.5em;
}
.Jscr[name=pay] .payhistory .payhistory1 .nameid .username {
  font-weight: bold;
  font-size: 1em;
  margin-top: 0.5em;
  word-break: break-all;
}
.Jscr[name=pay] .payhistory .payhistory1 .nameid .userid {
  display: none;
  margin-top: 0em;
  color: #444;
}
.Jscr[name=pay] .payhistory .payhistory1 .nameid .userid:before {
  content: "@";
}
.Jscr[name=pay] .payhistory .payhistory1 .nameid .menus {
  float: right;
  margin-top: -0.5em;
}
.Jscr[name=pay] .payhistory .payhistory1 .nameid .menus .menu, .Jscr[name=pay] .payhistory .payhistory1 .nameid .menus .reply {
  padding: 0.5em;
  margin-bottom: 0.25em;
}
.Jscr[name=pay] .payhistory .payhistory1 .nameid .menus .menu img, .Jscr[name=pay] .payhistory .payhistory1 .nameid .menus .reply img {
  width: 1em;
  height: 1em;
}
.Jscr[name=pay] .payhistory .payhistory1.sameuser {
  padding: 0 1em 0 1em;
}
.Jscr[name=pay] .payhistory .payhistory1.sameuser .icon {
  display: none;
}
.Jscr[name=pay] .payhistory .payhistory1.sameuser .nameid {
  display: none;
}
.Jscr[name=pay] .payhistory .payhistory1 .buttons {
  position: relative;
  display: inline-block;
  width: calc(100% - 5em);
  margin-top: 1em;
  margin-left: 6em;
}
.Jscr[name=pay] .payhistory .payhistory1 .buttons .btn1 {
  position: relative;
  font-weight: bold;
  display: none;
  color: #888888;
  border: 0.1em solid #888888;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-right: 0.5em;
  vertical-align: 0.2em;
}
.Jscr[name=pay] .payhistory .payhistory1 .profile {
  text-align: left;
  margin-left: 6em;
  margin-top: 0.5em;
  line-height: 1.8em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
}

.Jscr[name=qrcodepay] .notice {
  display: block;
  padding: 0.5em 1em 1em 0.5em;
  line-height: 1.5em;
}
.Jscr[name=qrcodepay] .payinfo {
  max-width: 768px;
  margin: 0 auto 0 auto;
  position: relative;
  display: block;
  text-align: left;
  padding: 1em;
}
.Jscr[name=qrcodepay] .qrcodeframe {
  position: relative;
  margin-top: 3em;
  display: block;
  text-align: center;
}
.Jscr[name=qrcodepay] .qrcodeframe .qrcode {
  margin: auto;
  width: 18em;
  height: 18em;
}
.Jscr[name=qrcodepay] .qrcodeframe .qrcode canvas {
  width: 100%;
  height: 100%;
}
.Jscr[name=qrcodepay] .qrcodeframe .adayicon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4em;
  height: 4em;
  transform: translate(-50%, -50%);
}
.Jscr[name=qrcodepay] .qrcodeframe .adayicon img {
  background-color: #fff;
  width: 100%;
  height: 100%;
}
.Jscr[name=qrcodepay] .links {
  margin-top: 3em;
  display: block;
  text-align: center;
}
.Jscr[name=qrcodepay] .links .copy, .Jscr[name=qrcodepay] .links .share, .Jscr[name=qrcodepay] .links .download {
  margin: 1em;
  display: inline-block;
  vertical-align: middle;
}
.Jscr[name=qrcodepay] .links .copy .iconname, .Jscr[name=qrcodepay] .links .share .iconname, .Jscr[name=qrcodepay] .links .download .iconname {
  display: block;
  padding-bottom: 1.5em;
}
.Jscr[name=qrcodepay] .links .copy img, .Jscr[name=qrcodepay] .links .share img, .Jscr[name=qrcodepay] .links .download img {
  width: 1.5em;
  height: 1.5em;
}
.Jscr[name=qrcodepay] .links .copy {
  display: none;
}

.Jscr[name=message] .scrollinner {
  display: block;
  width: 100%;
  max-width: 768px;
  margin: 3em auto 3em auto;
}
.Jscr[name=message] .fieldtitle {
  margin-top: 1.5em;
  margin-left: 2em;
  font-size: 0.8em;
  color: #666;
  text-align: left;
}
.Jscr[name=message] .userinfo {
  position: fixed;
  top: 3em;
  margin: 0 auto 0 auto;
  display: block;
  text-align: left;
  padding: 1em 1em 0 1em;
  font-size: 1em;
  background-color: #fff;
  box-shadow: 0 0 0.5em 0.5em #fff;
  width: 100%;
  max-width: 768px;
}
.Jscr[name=message] .userinfo .icon {
  position: absolute;
  display: inline-block;
  border-radius: 3em;
  height: 4em;
  width: 4em;
  margin: 0.5em;
  overflow: hidden;
}
.Jscr[name=message] .userinfo .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Jscr[name=message] .userinfo .coverimage {
  display: none;
}
.Jscr[name=message] .userinfo .profile {
  display: none;
}
.Jscr[name=message] .userinfo .sns {
  position: relative;
  display: inline-block;
  margin-left: 0.25em;
  vertical-align: middle;
}
.Jscr[name=message] .userinfo .sns .sns1 {
  display: inline-block;
  padding: 0.32em;
}
.Jscr[name=message] .userinfo .sns .sns1 img {
  height: 1.5em;
  vertical-align: middle;
}
.Jscr[name=message] .userinfo .sns .sns1.twitter img {
  height: 1.25em;
}
.Jscr[name=message] .userinfo .fields {
  display: block;
  margin-left: 6em;
  vertical-align: top;
  text-align: left;
}
.Jscr[name=message] .userinfo .fields .userid {
  display: block;
  color: #444;
  margin-top: 0.5em;
}
.Jscr[name=message] .userinfo .fields .username {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 1.75em;
  margin-top: 0.25em;
  word-break: break-all;
}
.Jscr[name=message] .userinfo .fields .relation {
  margin-top: 0em;
  display: inline-block;
  padding: 0em;
  color: #888888;
}
.Jscr[name=message] .userinfo .fields .relation .relation1 {
  display: inline-block;
  padding: 0.5em 0em 0.5em 0em;
}
.Jscr[name=message] .userinfo .fields .relation .relation1 > div {
  display: inline-block;
  width: 7em;
}
.Jscr[name=message] .userinfo .fields .relation .relation1 > div img {
  height: 1em;
  vertical-align: -0.05em;
  margin-right: 0.25em;
}
.Jscr[name=message] .userinfo .fields .relation .relation1 > div .Jfld {
  color: #000;
}
.Jscr[name=message] .userinfo .btns {
  display: none;
}
.Jscr[name=message] .userinfo .profile {
  display: none;
}
.Jscr[name=message] .messagelist {
  padding: 3em 1em 5em 1em;
}
.Jscr[name=message] .message1 .messagedate {
  text-align: center;
}
.Jscr[name=message] .message1.nextdate .messagedate {
  display: none;
}
.Jscr[name=message] .message1.nexttime .message .Jfld[name=upddate] {
  display: none;
}
.Jscr[name=message] .message1 .message {
  margin-top: 1em;
  text-align: left;
}
.Jscr[name=message] .message1 .message .Jfld[name=message] {
  display: inline-block;
  background-color: #eee;
  padding: 1em;
  line-height: 1.5em;
  border-radius: 0.5em;
  white-space: pre-wrap;
  text-align: left;
  max-width: 80%;
  word-break: break-all;
}
.Jscr[name=message] .message1 .message .Jfld[name=upddate] {
  margin: 0.5em;
  font-size: 0.8em;
  color: #aaa;
}
.Jscr[name=message] .message1[jdata_my="1"] .message {
  text-align: right;
}
.Jscr[name=message] .sendmessage {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 1em 1em 2em 1em;
  max-width: 768px;
}
.Jscr[name=message] .sendmessage textarea {
  padding: 0.5em 0.75em;
  border-color: #aaa;
  width: calc(100% - 2.5em);
  resize: none;
}
.Jscr[name=message] .sendmessage .btnsend {
  position: absolute;
  top: 2.25em;
  right: 1em;
  width: 1.5em;
  height: 1.5em;
}
.Jscr[name=message] .sendmessage .btnsend:before {
  content: url(../img/icon_reply.svg);
  vertical-align: top;
  display: inline-block;
  height: 1.8em;
  width: 1.8em;
}

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