@charset "UTF-8";
body {
  font-family: "Segoe UI", Meiryo, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  background-color: #fff;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

input, textarea, select {
  font-size: 14px;
  border-radius: 0.25em;
  background-color: #fff;
  border: 1px solid #888888;
  line-height: 1.25;
}
input[readonly], textarea[readonly], select[readonly] {
  border: 1px solid #ddd;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.distributed {
  font-weight: bold;
}
.distributed:after {
  content: "*";
}

.bookmark {
  display: none !important;
}

select option span {
  font-size: 0.8em;
  color: #666666;
}

br.half {
  margin-top: -50%;
}

img[src*="img/blank"] {
  width: 0px;
  height: 0px;
}
img[src*="img/blank"] + .remove {
  display: none;
}

img[src*="img/icon_coverplus"] {
  opacity: 0.3;
}
img[src*="img/icon_coverplus"] + .remove {
  display: none;
}

.header img {
  -webkit-user-select: none;
  /* テキスト選択を防止 */
  -webkit-touch-callout: none;
  /* 長押しメニューを防止（iOS専用） */
  -webkit-user-drag: none;
  /* ドラッグを防止（Safari用） */
}

* {
  box-sizing: border-box;
  line-height: 1em;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
*::-webkit-scrollbar {
  display: none;
}

.openclose {
  position: relative;
}
.openclose:after {
  position: absolute;
  content: url(../img/icon_down.svg);
  transform: rotate(180deg);
  right: 1em;
  top: 0.7em;
  height: 0.8em;
  width: 0.8em;
}
.openclose:not(.open):after {
  top: 0.5em;
  transform: rotate(0deg);
}
.openclose:not(.open) + div {
  display: none;
}

.Jerrormess {
  display: block !important;
  padding: 0.25em 0.5em 0.5em 0.5em !important;
  color: #fff !important;
  position: absolute !important;
  font-size: 0.8em !important;
  background: #f44 !important;
  border-radius: 0.5em !important;
}

#torusIframe {
  display: none !important;
}

body.Jmenushow #torusIframe {
  display: block !important;
}

.linkprofile {
  font-weight: bold;
  cursor: pointer;
}

.Japp.testsite:after {
  content: "TEST";
  background-color: rgba(0, 50, 255, 0.5);
  padding: 0.25em 0.5em;
  font-size: 12px;
  position: absolute;
  right: 0.25em;
  top: 0.25em;
  color: #fff;
  border-radius: 0.5em;
}

.Japp .Jwaitting {
  opacity: 0;
  transition: 1s opacity;
}
.Japp .Jwaitting_message {
  padding: 0;
}
.Japp .Jwaitting > .inner {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  border-radius: 100%;
  top: 6em;
}
.Japp .Jwaitting > .inner .Jwaitting_message {
  display: none;
}
.Japp .Jwaitting > .inner img {
  position: relative;
  transform: none;
  left: auto;
  top: auto;
  width: 5em;
}
.Japp .Jwaitting[key*=checktransfer] {
  transition: none;
}
.Japp .Jwaitting[key*=checktransfer] > .inner {
  top: 50%;
}

.Japp.Jwaitting_show .Jwaitting {
  opacity: 1;
}
.Japp.Jwaitting_show .Jwaitting .inner {
  display: block;
}
.Japp.Jwaitting_show .Jwaitting_bg {
  display: block;
}
.Japp.Jwaitting_show .Jwaitting .inner {
  top: 50%;
}
.Japp.Jwaitting_show .Jwaitting .Jwaitting_bg {
  display: none;
}

.Japp.notification .header .account:after {
  position: absolute;
  content: "";
  width: 0.5em;
  height: 0.5em;
  right: -0.2em;
  top: -0.1em;
  border-radius: 1em;
  border: 0.2em solid #fff;
  background-color: #f00;
}
.Japp.notification .Jmenu .menu1.notice {
  position: relative;
}
.Japp.notification .Jmenu .menu1.notice:after {
  position: absolute;
  content: "";
  width: 0.5em;
  height: 0.5em;
  left: 0em;
  top: -0.1em;
  border-radius: 1em;
  border: 0.2em solid #fff;
  background-color: #f00;
}

.Japp.messageunread .header .account:after {
  position: absolute;
  content: "";
  width: 0.5em;
  height: 0.5em;
  right: -0.2em;
  top: -0.1em;
  border-radius: 1em;
  border: 0.2em solid #fff;
  background-color: #f00;
}
.Japp.messageunread .Jmenu .menu1.messages {
  position: relative;
}
.Japp.messageunread .Jmenu .menu1.messages:after {
  position: absolute;
  content: "";
  width: 0.5em;
  height: 0.5em;
  left: 0em;
  top: -0.1em;
  border-radius: 1em;
  border: 0.2em solid #fff;
  background-color: #f00;
}

.Jconfirm_message .link, .Jconfirm_message a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.Jmessage_message .connecting {
  height: 2.5em;
  vertical-align: middle;
}

.Jmessage_message a {
  font-weight: bold;
}

.show1SOLUSDT, .show1SOLUSDC {
  display: none;
}

.Jscr.drawing .scrollarea {
  opacity: 0 !important;
}

.Jscr[networkid="1SOLUSDT"] span.show1SOLUSDT {
  display: inline-block;
}

.Jscr[networkid="1SOLUSDC"] span.show1SOLUSDC {
  display: inline-block;
}

.show1, .show1USDT, .show1USDC, .show8453, .show8453USDT, .show8453USDC {
  display: none;
}

.Jscr[networkid="1USDT"] span.show1USDT {
  display: inline-block;
}

.Jscr[networkid="1USDC"] span.show1USDC {
  display: inline-block;
}

.Jscr[networkid="1"] span.show1 {
  display: inline-block;
}

.Jscr[networkid="8453USDT"] span.show8453USDT {
  display: inline-block;
}

.Jscr[networkid="8453USDC"] span.show8453USDC {
  display: inline-block;
}

.Jscr[networkid="8453"] span.show8453 {
  display: inline-block;
}

.Jmenu {
  position: fixed;
  right: 0;
  font-size: 1.25rem;
}
.Jmenu .inner {
  transform: translate(0, 0) !important;
  background-color: #fff;
  color: #000;
  width: 12em;
  height: 100%;
  overflow: auto;
}
.Jmenu .close {
  display: none;
}
.Jmenu.show > .close {
  position: absolute;
  display: block;
  left: -13.5em;
  top: 0.5em;
  color: #000;
}
.Jmenu.show > .inner {
  transform: translate(-100%, 0) !important;
  padding: 2em 1em 1em 1em;
}
.Jmenu .myinfo {
  text-align: left;
}
.Jmenu .myinfo .icon {
  position: absolute;
  display: inline-block;
  left: 1.75em;
  top: 2em;
}
.Jmenu .myinfo .icon img {
  width: 2em;
  height: 2em;
  object-fit: cover;
  border-radius: 4em;
}
.Jmenu .myinfo .fieldname {
  display: block;
  font-weight: bold;
  font-size: 0.6em;
  padding: 0.25em;
  color: #888888;
  text-align: left;
  margin-bottom: 0.5em;
  margin-left: 1em;
}
.Jmenu .myinfo .userid {
  display: block;
  font-size: 0.6em;
  padding: 0.25em;
  margin-left: 4rem;
}
.Jmenu .myinfo .username {
  display: block;
  font-weight: bold;
  font-size: 0.8em;
  padding: 0.25em;
  margin-left: 4rem;
  word-break: break-all;
}
.Jmenu .myinfo .walletinfo {
  position: relative;
  margin-top: 1em;
  margin-bottom: 1em;
  display: block;
  text-align: center;
}
.Jmenu .myinfo .walletinfo select {
  background-color: #fff;
  color: #000;
  width: calc(100% - 2em);
  text-align: center;
  padding: 0.5em;
}
.Jmenu .myinfo .walletinfo .balance {
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.Jmenu .myinfo .walletinfo .balance .Jfld[name=balance] {
  display: inline-block;
  font-weight: bold;
  font-size: 1.25em;
}
.Jmenu .myinfo .walletinfo .balance .Jfld[name=unit] {
  display: inline-block;
  font-size: 0.8em;
}
.Jmenu .myinfo .walletinfo .balance .Jfld[name=price] {
  display: block;
  font-size: 0.8em;
  color: #888888;
  margin-top: 0.5em;
}
.Jmenu .myinfo .walletinfo .balance .Jfld[name=price]:after {
  content: "▼";
  display: inline-block;
  font-size: 0.8em;
  margin-left: 0.25em;
  vertical-align: 0.1em;
}
.Jmenu .myinfo .walletinfo .reload {
  position: absolute;
  top: -0.1em;
  right: 0.5em;
  border-radius: 1em;
  width: 1em;
  height: 1em;
}
.Jmenu .myinfo .walletinfo .reload img {
  width: 0.8em;
  height: 0.8em;
}
.Jmenu .myinfo .walletinfo .buttons {
  display: block;
  margin-top: 1em;
  text-align: center;
}
.Jmenu .myinfo .walletinfo .buttons .btn1 {
  font-size: 0.6em;
  display: inline-block;
  color: #000;
  border: 1px solid #888888;
  border-radius: 1em;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin: 0.5em 0.5em 0.5em 0.5em;
}
.Jmenu .addnew {
  text-align: center;
  margin-top: 1.5em;
}
.Jmenu .addnew .btnaddnew {
  display: inline-block;
}
.Jmenu .addnew .btnaddnew img {
  height: 2em;
}
.Jmenu .menulist {
  margin-top: 1em;
  font-size: 1em;
  padding-bottom: 2em;
}
.Jmenu .menulist .menu1 {
  padding: 0.5em 0em 0.5em 1em;
}
.Jmenu .menulist .menuspace {
  padding: 0.5em 0em 0.5em 1.5em;
}
.Jmenu .menulist .submenu {
  padding: 0.5em 0em 0.5em 1.5em;
}
.Jmenu .menulist .submenu .submenu1 {
  font-size: 0.8em;
  padding: 0.5em 0em 0.5em 0em;
}
.Jmenu .menufooter {
  position: relative;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 0.5em 0.5em 3em 0.5em;
  text-align: center;
  margin-top: 0em;
}
.Jmenu .menufooter img {
  height: 1.5em;
}
.Jmenu .menufooter img.blue {
  display: none;
}
.Jmenu .menufooter img.X {
  height: 1.35em;
}

.characters {
  position: relative;
  width: 30em;
  max-width: 100%;
  text-align: center;
  max-height: 60vh;
  overflow: auto;
  white-space: normal;
  margin-top: 1em;
}
.characters .character1 {
  display: inline-block;
  padding: 0.5em;
  width: 4em;
  height: 4em;
}
@media screen and (max-width: 639px) {
  .characters .character1 {
    width: 6em;
    height: 6em;
  }
}
.characters .character1 img {
  width: 100%;
  height: 100%;
}

.Jscr {
  background-color: #fff;
  color: #000;
  padding: 0;
}

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

.Jonclick:hover {
  filter: none;
}

.Jscr .header {
  position: absolute;
  width: 100%;
  top: 0;
  height: 4em;
  background-color: #fff;
  z-index: 1;
  box-sizing: border-box;
}
.Jscr .header.externalsite .logo:not(.center) {
  display: inline-block;
}
.Jscr .header.externalsite .back {
  display: none;
}
.Jscr .header:not(.externalsite) .logo:not(.center):not(.fixed) {
  display: none;
}
.Jscr .header:not(.externalsite) .back {
  display: inline-block;
}
.Jscr .link, .Jscr a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
.Jscr .footer {
  position: relative;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 0.5em 0.5em 3em 0.5em;
  text-align: center;
  margin-top: 5em;
}
.Jscr .footer img {
  height: 1.5em;
}
.Jscr .footer img.blue {
  display: none;
}
.Jscr .footer img.X {
  height: 1.35em;
}
.Jscr .footer .footershares .footershare1 {
  margin: 0 0.75em 0 0.75em;
  vertical-align: middle;
}
.Jscr .footer .footershares .footermenu1 {
  display: inline-block;
  margin: 0.5em 1em 0.5em 0.5em;
  font-weight: bold;
  vertical-align: 0.1em;
}
.Jscr .footer .footermenus {
  margin-top: 1em;
}
.Jscr .footer .footermenus .footermenu1 {
  display: inline-block;
  margin: 1em;
}
@media screen and (min-width: 640px) {
  .Jscr .footer .footermenus .br {
    display: none;
  }
}
@media screen and (max-width: 639px) {
  .Jscr .footer .footermenus .footermenu1 {
    margin: 0.75em 0.25em;
  }
}

/* 
.Japp.testapp {
    .Jscr {
        .header:after {
            position: absolute;
            content: ' ';
            top: 0;
            left: 0;
            width: 100%;
            height: 0.2em;
            border-top: 0.2em dashed #ff0;
        }
    }
}
*/
.Japp.isdevice .devicehide {
  display: none !important;
}

.Jhide {
  display: none !important;
}

.g-signin2 {
  display: none;
}

.uploaddata {
  display: none;
}

.appversion {
  display: none;
}

.ratio1 {
  padding: 0.5em;
  margin: 0.25em;
  text-align: center;
  font-weight: bold;
}

.selectnetwork select {
  pointer-events: none;
}

.Jconfirm.report > .inner, .Jconfirm.requesttoworld > .inner {
  width: calc(768px - 2em);
  max-width: 100vw;
}

.Jconfirm.walletaddress .Jconfirm_message {
  white-space: normal;
}
.Jconfirm.walletaddress .title {
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2em;
}
.Jconfirm.walletaddress .field1 {
  position: relative;
  margin-top: 1em;
}
.Jconfirm.walletaddress .field1.next {
  margin-top: 0.5em;
}
.Jconfirm.walletaddress .field1.rightmax {
  margin-right: -0.25em;
}
.Jconfirm.walletaddress .field1 .fname {
  margin-top: 1.5em;
  margin-bottom: 1em;
  font-size: 0.8em;
  color: #666;
}
.Jconfirm.walletaddress .field1 .Jselect {
  width: 100%;
}
.Jconfirm.walletaddress .field1 input, .Jconfirm.walletaddress .field1 select {
  display: block;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #fff;
  margin: auto;
  width: 100%;
  font-weight: bold;
  text-align: center;
}
.Jconfirm.walletaddress .field1 .selectamount {
  display: inline-block;
  width: calc(100% / 3 - 0.25em);
  text-align: center;
}
.Jconfirm.walletaddress .field1 .selectamount input {
  display: none;
}
.Jconfirm.walletaddress .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%;
}
.Jconfirm.walletaddress .field1 .selectamount input + div .unit {
  position: relative;
  display: inline-block;
  bottom: auto;
  top: auto;
  right: auto;
  width: auto;
  margin-left: 0.25em;
}
.Jconfirm.walletaddress .field1 .unit {
  position: absolute;
  right: 1em;
  bottom: 0.85em;
  text-align: left;
}
.Jconfirm.walletaddress .field1 .share {
  position: absolute;
  top: 2.25em;
  right: 1em;
  transform: translate(0, -50%);
}
.Jconfirm.walletaddress .field1 .share img {
  height: 1.75em;
}
.Jconfirm.walletaddress .field1 .wallet {
  display: inline-block;
  color: #888888;
  margin-right: 0.75em;
  width: calc(100% - 3em);
  border: none;
}
.Jconfirm.walletaddress .field1 .wallet + img {
  vertical-align: -0.3em;
  height: 1.4em;
  display: inline-block;
  width: 1.4em;
  opacity: 0.5;
}
.Jconfirm.walletaddress .notice {
  display: block;
  margin-top: 2em;
}

.Jconfirm_buttons:not(.Jvertical) .Jconfirm_button1 {
  width: 50%;
  padding: 1.5em 1em 1.5em 1em !important;
}
.Jconfirm_buttons:not(.Jvertical) .Jconfirm_button1:nth-child(2) {
  font-weight: 900;
}

.Jconfirm.selectchain .inner {
  min-width: 15em;
}
.Jconfirm.selectchain .Jconfirm_message {
  padding: 0;
}
.Jconfirm.selectchain .Jconfirm_message .chain1 {
  padding: 1.25em 1.5em 1.25em 1.5em;
  border-bottom: 1px solid #aaa;
}
.Jconfirm.selectchain .Jconfirm_message .chain1 img {
  position: absolute;
  right: 1.5em;
  height: 1em;
}
.Jconfirm.selectchain .Jconfirm_buttons {
  display: none;
}

.Jconfirm.selectchainusd {
  margin-left: 5em;
  margin-top: 5em;
}
.Jconfirm.selectchainusd .inner {
  min-width: 15em;
}
.Jconfirm.selectchainusd .Jconfirm_message {
  padding: 0;
}
.Jconfirm.selectchainusd .Jconfirm_message .chain1 {
  padding: 1.25em 1.5em 1.25em 1.5em;
  border-bottom: 1px solid #aaa;
}
.Jconfirm.selectchainusd .Jconfirm_buttons {
  display: none;
}

.Jconfirm > .inner {
  min-width: 20em;
  max-width: calc(768px - 2em);
}
.Jconfirm > .inner .Jconfirm_message .big {
  font-size: 1.8em;
  font-weight: bold;
}
.Jconfirm > .inner .Jconfirm_message .bold {
  font-size: 1em;
  font-weight: bold;
}
.Jconfirm > .inner .Jconfirm_message .alignright {
  display: block;
  text-align: right;
  margin-top: 0.5em;
}
.Jconfirm > .inner .Jconfirm_message .aligncenter {
  display: block;
  text-align: center;
}
.Jconfirm > .inner .Jconfirm_message p {
  white-space: pre-wrap;
  word-break: normal;
  line-height: 1.5em;
}
.Jconfirm > .inner .Jconfirm_message .indent {
  padding: 0 1em;
}
.Jconfirm > .inner .Jconfirm_message .priceusd {
  padding-top: 0.5em;
  color: #666666;
  display: inline-block;
}

.Jconfirm.sendether .Jconfirm_buttons {
  border-top: none;
  margin-top: 0;
}
.Jconfirm.sendether .Jconfirm_buttons > .inner .Jconfirm_button1 {
  margin: 0em auto 1em 1em;
  border-radius: 5em;
  width: calc(50% - 1.5em);
  border: 1px solid #888888;
  padding: 1.25em !important;
  display: inline-block;
}
.Jconfirm.sendether .Jconfirm_buttons > .inner .Jconfirm_button1:first-child {
  border-left: 1px solid #888888;
}
.Jconfirm.sendether .Jconfirm_buttons > .inner .Jconfirm_button1:nth-child(2) {
  border: 0.12em solid #000 !important;
}

.Jconfirm .Jconfirm_buttons > .inner .Jconfirm_button1 {
  color: inherit !important;
}

.Jconfirm .Jconfirm_message:empty {
  display: none;
}
.Jconfirm .Jconfirm_message:empty + .Jconfirm_prompt + .Jconfirm_buttons {
  border-top: none;
  margin-top: 0;
}

.Jconfirm .Jconfirm_buttons.Jvertical > .inner .Jconfirm_button1 {
  padding: 1.25em 1em;
}

.Jconfirm.claimok .title {
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1em;
}

.Jconfirm.claimthismention .title {
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
}
.Jconfirm.claimthismention .note {
  position: absolute;
  margin-top: 11em;
  font-size: 0.9em;
  line-height: 1.5;
}
.Jconfirm.claimthismention ul {
  padding-left: 1.5em;
}
.Jconfirm.claimthismention ul li {
  list-style-type: decimal;
  line-height: 1.5em;
  margin-bottom: 1em;
}
.Jconfirm.claimthismention .Jconfirm_prompt {
  margin-top: -1em;
  padding-bottom: 4em;
}
.Jconfirm.claimthismention > .inner {
  padding-bottom: 6em;
}
.Jconfirm.claimthismention .Jconfirm_buttons {
  border: none !important;
  margin-top: -2.5em;
  display: block;
  position: relative;
}
.Jconfirm.claimthismention .Jconfirm_buttons > .inner {
  display: block;
  text-align: center;
  width: 100%;
}
.Jconfirm.claimthismention .Jconfirm_buttons > .inner .Jconfirm_button1:not(.Jhide) {
  display: inline-block;
  background-color: #000 !important;
  color: #fff !important;
  font-weight: bold !important;
  padding: 1em 2em 1em 2em !important;
  border-radius: 2em !important;
  width: 7em;
  font-size: 1.25em;
  position: relative;
}

/*
.Jconfirm.show > .inner {
    background-color: #fff;
    border: 0.2em solid #888888;
    color:#fff;
    .Jconfirm_buttons {
        border-top: 1px solid #888888;
        .Jconfirm_button1 {
            color:#fff;
        }
    }
}
*/
.Jwaitting .Jwaitting_bg {
  background-color: rgba(255, 255, 255, 0.5);
}

.firstpopup {
  white-space: normal;
}
.firstpopup .close {
  position: absolute;
  right: 1em;
  top: 1em;
  font-size: 1.25em;
}
.firstpopup .mess {
  margin-top: 1em;
  font-weight: bold;
}
.firstpopup .buttons {
  text-align: center;
  margin-bottom: 3em;
}
.firstpopup .buttons .button1 {
  display: inline-block;
  margin-top: 1em;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  padding: 1em 2em 1em 2em;
  border-radius: 2em;
}

.cookiefooter {
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 0;
  background-color: #222;
  color: #eee;
  padding: 1em 8.5em 1em 1em;
}
.cookiefooter .mess {
  font-size: 0.8em;
  line-height: 1.75em;
}
.cookiefooter .link {
  color: #eee;
  text-decoration: underline;
}
.cookiefooter .cookielink {
  text-decoration: underline;
}
.cookiefooter .cookieok {
  position: absolute;
  padding: 0.75em;
  right: 1em;
  top: 50%;
  border: 1px solid #ddd;
  transform: translate(0, -50%);
}
@media screen and (min-width: 800px) {
  .cookiefooter .cookieok {
    right: 3em;
  }
}
.cookiefooter .close {
  position: absolute;
  right: 0em;
  top: 0em;
  padding: 0.5em;
}

.nftsearch > .inner {
  top: 25% !important;
  transform: translate(-50%, 5em) scale(1) !important;
  max-width: calc(50%) !important;
}
.nftsearch > .inner .Jconfirm_message {
  padding: 0;
}
.nftsearch > .inner .keyword {
  width: 27em;
  max-width: calc(100vw - 6em);
  padding: 1em;
  font-size: 1.25em;
  border: none;
  outline: none;
}
.nftsearch > .inner .close {
  position: absolute;
  right: 1em;
  top: 1.25em;
}
.nftsearch > .inner .close img {
  width: 1.5em;
  height: 1.5em;
  opacity: 0.4;
}
.nftsearch > .inner select {
  border-radius: 2em;
  padding: 0.5em 1em 0.5em 1em;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  font-weight: bold;
  text-algin: center;
}
.nftsearch > .inner .Jconfirm_buttons {
  display: none;
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  height: 4em;
}
.header .back {
  padding: 1em;
  margin-left: 0.25em;
  display: inline-block;
  margin-top: 0.1em;
}
.header .back img {
  height: 2em;
}
.header .close {
  padding: 1em;
  margin-left: 0.25em;
  display: inline-block;
}
.header .close img {
  height: 2em;
}
.header .logo {
  position: absolute;
  left: 1em;
  top: 0.5em;
  height: 3.5em;
  padding: 0.75em;
}
.header .logo img {
  height: 100%;
}
.header .logo.center {
  left: 50%;
  top: 0.5em;
  transform: translate(-50%, 0);
}
.header .right {
  position: absolute;
  top: 1em;
  right: 1em;
}
.header .pagetitle {
  position: absolute;
  top: 1.25em;
  width: 100%;
  text-align: center;
  pointer-events: none;
  font-size: 1.25em;
  font-weight: bold;
}
.header .search {
  position: relative;
  display: inline-block;
  height: 3em;
  padding: 0.65em 0.75em 0.8em 0.75em;
  vertical-align: top;
  border-radius: 1.5em;
  margin: 0 0.5em 0 0;
  background-color: #fff;
}
.header .search img {
  height: 100%;
}
.header .addnew {
  position: relative;
  display: inline-block;
  height: 3em;
  padding: 0.2em 0.5em 0.5em 0.5em;
  vertical-align: top;
  margin: 0 1em 0 0em;
  background-color: #fff;
}
.header .addnew img {
  height: 100%;
}
.header .postit {
  position: relative;
  display: inline-block;
  height: 3em;
  padding: 0.2em 0.5em 0.5em 0.5em;
  vertical-align: top;
  margin: 0 1em 0 0em;
  background-color: #fff;
}
.header .postit img {
  height: 100%;
}
.header .list {
  position: relative;
  display: none;
  height: 3em;
  padding: 0.45em 0.75em 0.9em 0.75em;
  vertical-align: top;
  border-radius: 1.5em;
  margin: 0 0 0 0;
  background-color: #fff;
}
.header .list img {
  height: 100%;
}
.header .account {
  position: relative;
  display: inline-block;
}
.header .account .icon {
  display: inline-block;
  border-radius: 1.5em;
  height: 2.5em;
  width: 2.5em;
  /*background-color: #ddd;*/
  overflow: hidden;
  margin-top: 0.1em;
}
.header .account .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header .login {
  position: relative;
  display: inline-block;
  height: 3em;
  vertical-align: top;
  margin: -0.2em 0 0 1em;
  font-weight: bold;
}
.header .login .btnlogin {
  padding: 0.75em 1.5em 0.75em 1.5em;
  border: 0.1em solid #000;
  background-color: #000;
  color: #fff;
  border-radius: 1.5em;
}
.header .plus {
  position: relative;
  display: inline-block;
  height: 3em;
  vertical-align: top;
  margin: -0.2em 0 0 1em;
}
.header .plus .btnplus {
  padding: 0.75em;
  background-color: #000;
  color: #fff;
  border-radius: 1.5em;
}
.header .plus .btnplus span {
  font-size: 1.5em;
}

.scrollarea {
  position: absolute;
  width: 100%;
  top: 4.5em;
  bottom: 0em;
  overflow: auto;
}

.homemenus {
  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;
}
.homemenus .homemenu1 {
  display: inline-block;
  padding: 0.4em 0.25em;
  font-weight: bold;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.homemenus .homemenu1.selected {
  border-bottom: 0.2em solid #000;
}

.arts {
  padding-bottom: 3em;
}
.arts.viewtile .artsinner {
  margin-top: 1.5em;
}
.arts.viewtile .artsinner {
  margin-top: 1.5em;
}
.arts.viewcascade .artsinner {
  margin-top: 1.5em;
}
.arts:not(.viewtile):not(.viewcascade) .artsinner {
  margin-top: 1em;
}
.arts .artscategory {
  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;
}
.arts .artscategory .artscategory1 {
  display: inline-block;
  padding: 0.4em 0.25em;
  font-weight: bold;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.arts .artscategory .artscategory1.selected {
  border-bottom: 0.2em solid #000;
}
.arts .artscategory .artscategory1 img {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.25em;
  vertical-align: -0.1em;
}
.arts .categoryname {
  position: absolute;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0.4em;
}
.arts .artsscate {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 0em;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.arts .artsscate .artsscate1 {
  display: inline-block;
  padding: 0.4em 0.25em;
  font-weight: 500;
  margin-left: 0.5em;
  margin-right: 0.5em;
  color: #666;
}
.arts .artsscate .artsscate1.selected {
  font-weight: bold;
  color: #000;
  border-bottom: 0.2em solid #000;
}
.arts[type=world] .artsscate1:not([type=world]) {
  display: none;
}
.arts[type=foryou] .artsscate1:not([type=foryou]) {
  display: none;
}
.arts[type=following] .artsscate1:not([type=following]) {
  display: none;
}
.arts[type=pays] .artsscate1:not([type=pays]) {
  display: none;
}
.arts .views {
  position: relative;
  display: block;
  text-align: right;
  margin-top: 0.5em;
}
.arts .views .view1 {
  height: 1.5em;
  margin-right: 1em;
}
.arts .views .view1 img {
  height: 100%;
  opacity: 0.4;
}
.arts[type=logout] .views {
  top: 0.5em;
}
.arts.viewtile .artsinner {
  max-width: 1024px;
  margin: 1.25em auto 0 auto;
}
.arts.viewtile .view1.tile {
  display: none;
}
.arts.viewtile .view1.list {
  display: none;
}
.arts.viewcascade .view1.cascade {
  display: none;
}
.arts.viewcascade .view1.tile {
  display: none;
}
.arts:not(.viewtile):not(.viewcascade) .artsinner {
  max-width: 768px;
  margin: 1em auto 0 auto;
}
.arts:not(.viewtile):not(.viewcascade) .artsinner .art1 {
  width: 100%;
  max-width: none;
  margin-top: 0;
  min-height: 10em;
}
.arts:not(.viewtile):not(.viewcascade) .view1.list {
  display: none;
}
.arts:not(.viewtile):not(.viewcascade) .view1.tile {
  display: none;
}
.arts:not(.viewtile):not(.viewcascade) .orgurl {
  padding: 0 0.5em 0 1em !important;
}
.arts .art1 {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 1.5em;
  max-width: 30em;
}
.arts .art1 .distribution {
  text-align: center;
}
.arts .art1 .distribution .title {
  display: block;
  margin: 0em 1em 0 1em;
  font-weight: bold;
  text-align: left;
}
.arts .art1 .distribution .note {
  display: block;
  margin: 1.5em 1em 2em 1.5em;
  font-size: 0.7em;
  text-align: left;
  line-height: 1.5;
}
.arts .art1 .distribution .note span {
  font-weight: bold;
}
.arts .art1 .distribution .distributions {
  display: inline-block;
  margin-top: 1.5em;
}
.arts .art1 .distribution .distributions .distribution1 {
  text-align: right;
  margin: 0.5em;
}
.arts .art1 .distribution .distributions .distribution1 .mark {
  color: #888888;
  font-size: 0.8em !important;
  font-weight: normal !important;
}
.arts .art1 .distribution .distributions .distribution1 .value {
  font-size: 1.2em;
  font-weight: bold;
}
.arts .art1 .distribution .distributions .distribution1 .destunit {
  font-size: 0.6em;
  width: 3em;
  margin-left: 0.75em;
  display: inline-block;
  text-align: left;
}
.arts .art1 .image {
  position: relative;
  display: block;
  margin: 0;
}
.arts .art1 .image img {
  display: block;
  width: 100%;
  object-fit: contain;
}
.arts .art1 .worldinfo .arttitle {
  padding: 0 1em 0 1em;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1.5em;
  margin-top: 0.75em;
}
.arts .art1 .worldinfo .description {
  line-height: 1.5em;
  padding: 0 1em 0 1em;
  margin-top: 0.75em;
  word-wrap: break-word;
}
.arts .art1 .worldinfo .orgurl {
  line-height: 1.5em;
  padding: 0 0.5em 0 0.5em;
  margin-top: 0.5em;
  color: #888888;
}
.arts .art1 .status {
  position: relative;
  display: block;
  text-align: center;
  padding: 1em;
  opacity: 0.7;
}
.arts .art1 .status .love {
  display: inline-block;
  width: 20%;
}
.arts .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;
}
.arts .art1 .status .bookmark {
  display: inline-block;
  width: 20%;
}
.arts .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;
}
.arts .art1 .status .bookmark .Jfld[name=bookmarkcnt] {
  display: none;
}
.arts .art1 .status .view {
  display: inline-block;
  width: 20%;
}
.arts .art1 .status .view img {
  height: 1em;
  vertical-align: top;
  margin-right: 0.5em;
}
.arts .art1 .status .menu {
  display: inline-block;
  width: 20%;
}
.arts .art1 .status .menu img {
  height: 1em;
  vertical-align: top;
}
.arts .art1 .status .share {
  display: inline-block;
  width: 20%;
}
.arts .art1 .status .share img {
  height: 1em;
  vertical-align: top;
}
.arts .art1 .worldstatus {
  position: absolute;
  display: inline-block;
  padding: 1em;
  opacity: 0.7;
  right: 0em;
  top: 0em;
  text-align: center;
}
.arts .art1 .worldstatus .love {
  display: inline-block;
  width: 3em;
}
.arts .art1 .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;
}
.arts .art1 .worldstatus .bookmark {
  display: inline-block;
  width: 2.5em;
}
.arts .art1 .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;
}
.arts .art1 .worldstatus .bookmark .Jfld[name=bookmarkcnt] {
  display: none;
}
.arts .art1 .worldstatus .menu {
  display: inline-block;
  width: 2.5em;
}
.arts .art1 .worldstatus .menu img {
  height: 1em;
  vertical-align: top;
}
.arts .art1 .worldstatus .share {
  display: none;
  width: 2.5em;
}
.arts .art1 .worldstatus .share img {
  height: 1em;
  vertical-align: top;
}
.arts .art1[jdata_lovecheck="1"] .worldstatus .love:before {
  content: url(../img/icon_likecheck.svg);
}
.arts .art1[jdata_bookmarkcheck="1"] .worldstatus .bookmark:before {
  content: url(../img/icon_bookmarkcheck.svg);
}
.arts .art1 .edition {
  display: block;
  color: #000;
  background-color: #faf8f8;
  font-weight: bold;
  margin: 0;
  padding: 1em;
  word-break: break-all;
  text-align: center;
}
.arts .art1 .listoperation {
  position: relative;
  display: none;
  text-align: left;
  padding: 0.25em 0.5em 0 0.5em;
}
.arts .art1 .operation {
  position: relative;
  display: block;
  text-align: left;
  padding: 1em 1em 0em 1em;
}
.arts .art1 .operation .user .icon {
  display: inline-block;
  border-radius: 1.5em;
  height: 2.5em;
  width: 2.5em;
  overflow: hidden;
  margin-top: 0.25em;
}
.arts .art1 .operation .user .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.arts .art1 .operation .nameprice {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: calc(100% - 8.5em);
}
.arts .art1 .operation .nameprice .name {
  display: block;
  font-weight: bold;
  color: #444;
  margin: 0.35em;
}
.arts .art1 .operation .nameprice .arttitle {
  display: block;
  font-weight: bold;
  margin: 0.35em 0em 0.5em 0.35em;
  word-break: break-all;
}
.arts .art1 .operation .nameprice .username {
  display: block;
  font-weight: bold;
  color: #444;
  margin: 0.35em 0em 0.5em 0.35em;
  word-break: break-all;
}
.arts .art1 .operation .nameprice .price {
  font-weight: bold;
  display: block;
  color: #444;
  margin: 0.35em;
}
.arts .art1 .operation .nameprice .worldddate {
  font-weight: normal;
  display: block;
  color: #888888;
  margin-top: 0.35em;
}
.arts .art1 .operation .nameprice .paydate {
  font-weight: normal;
  display: block;
  color: #888888;
  margin-top: 0.35em;
}
.arts .art1 .operation .btns {
  float: right;
  display: inline-block;
  vertical-align: top;
}
.arts .art1 .operation .btns .buy {
  display: inline-block;
  padding: 1em 1.5em 1em 1.5em;
  background-color: #000;
  border: 0.1em solid #000;
  font-weight: bold;
  color: #fff;
  border-radius: 1.5em;
}
.arts .art1 .operation .btns .sold {
  display: inline-block;
  padding: 1em 1.5em 1em 1.5em;
  background-color: #fff;
  font-weight: bold;
  border: 0.1em solid #666;
  color: #666;
  border-radius: 1.5em;
}
.arts .art1 .operation .btns .topics {
  margin-top: 1em;
  display: inline-block;
}
.arts .art1 .operation .description:not(:empty) {
  margin-top: 1em;
  overflow: hidden;
  line-height: 1.25em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  white-space: pre-wrap;
  clear: both;
  /*
  &:before {
      float: right;
      content: '...more';
      margin-top: 1.2em;
  }
  */
}
.arts .art1 .operation .description:not(:empty) img {
  display: none;
  max-width: 100%;
}
.arts .art1 .operation .comment:not(:empty) {
  display: block;
  margin-top: 0.75em;
  line-height: 1.5em;
}
.arts .art1[jdata_status=WORLD] .operation {
  margin: 1em;
  padding: 0.75em 1em 1em 1em;
  border-radius: 0.5em;
  /*border: 1px solid #aaa;*/
  border: none;
}
.arts .art1[jdata_status=WORLD] .operation .user {
  display: none;
}
.arts .art1[jdata_status=WORLD] .operation .nameprice .arttitle {
  display: none;
}
.arts .art1[jdata_status=PAY] .operation {
  margin: 1em;
  padding: 0.25em 0.25em 1em 0.75em !important;
  color: #000;
}
.arts .art1[jdata_status=PAY] .operation .user .icon {
  margin-bottom: 0.5em;
}
.arts .art1[jdata_status=PAY] .nameprice {
  width: calc(100% - 11em);
}
.arts .art1[jdata_status=PAY] .image img {
  object-fit: contain !important;
}
.arts .art1[jdata_status=PAY]:not([jdata_image]) .image img {
  display: none;
}
.arts .art1[jdata_status=PAY] .paystatus .arttitle {
  float: left;
  display: block;
  font-weight: bold;
  margin: 0.25em 0em 1.5em 0.35em;
  word-break: break-all;
  font-size: 1.25em;
}
.arts .art1[jdata_status=PAY] .paystatus .price {
  float: right;
  text-align: right;
  margin: 0.25em 0.5em 1.5em 0.35em;
  font-weight: bold;
  color: #000;
}
.arts .art1[jdata_status=PAY] .paystatus .price span[name=price] {
  font-size: 1.25em;
}
.arts .art1[jdata_status=PAY] .paystatus .price span[name=unit] {
  font-size: 0.8em;
}
.arts .art1[jdata_status=PAY] .worldstatus {
  padding: 1em 0em 0em 0em;
}
.arts .art1[jdata_paystatus=closed] .paystatus .price:after {
  content: "CLOSED";
}
.arts .art1[jdata_paystatus=closed] span[name=price] {
  visibility: hidden;
}
.arts .art1[jdata_paystatus=closed] span[name=unit] {
  visibility: hidden;
}
.arts.viewtile .art1 {
  display: inline-block;
  width: calc(100% / 3);
  margin-top: 0;
  overflow: hidden;
}
.arts.viewtile .art1[jdata_status=PAY]:not([jdata_image]) {
  display: none;
}
.arts.viewtile .art1 .image {
  margin-left: 1px;
  margin-right: 1px;
  margin-top: 1px;
  margin-bottom: 0px;
}
.arts.viewtile .art1 .image img {
  object-fit: cover;
  aspect-ratio: 1/1 !important;
  border-radius: 0.5em;
}
.arts.viewtile .art1 .listoperation {
  display: none;
}
.arts.viewtile .art1 .worldinfo {
  display: none;
}
.arts.viewtile .art1 .orgurl {
  display: none;
}
.arts.viewtile .art1 .worldstatus {
  display: none;
}
.arts.viewtile .art1 .edition {
  display: none;
}
.arts.viewtile .art1 .status {
  display: none;
}
.arts.viewtile .art1 .operation {
  display: none;
}
.arts.viewtile .art1 .description {
  display: none !important;
}
.arts .art1:not([jdata_image]) .image {
  padding-top: 1em;
}
.arts .art1 .image:before {
  content: " ";
  position: absolute;
  width: 100%;
}
.arts.viewcascade .artsinner {
  opacity: 1;
}
.arts.viewcascade .artsinner.fadeout {
  opacity: 0;
}
.arts.viewcascade .paysinner.fadeout {
  opacity: 0;
}
.arts.viewcascade .art1 {
  display: inline-block;
  margin-top: 0;
  overflow: hidden;
  max-width: none;
}
.arts.viewcascade .art1 .image {
  margin-left: 1vw;
  margin-right: 1vw;
  margin-top: 1px;
  margin-bottom: 0.25em;
  border-radius: 0.5em;
  overflow: hidden;
  padding: 0em;
}
.arts.viewcascade .art1 .image img {
  object-fit: cover;
}
.arts.viewcascade .art1 .worldstatus {
  display: none;
}
.arts.viewcascade .art1 .orgurl {
  display: none;
}
.arts.viewcascade .art1 .arttitle {
  display: none;
}
.arts.viewcascade .art1 .comment {
  margin-top: 0.5em;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 4.5em;
  /*
  &:before {
      float: right;
      content: "...more";
      margin-top: 3em;
  }
  */
}
.arts.viewcascade .art1 .edition {
  display: none;
}
.arts.viewcascade .art1 .status {
  display: none;
}
.arts.viewcascade .art1 .nameprice {
  width: calc(100% - 3em);
}
.arts.viewcascade .art1 .price {
  position: absolute;
  right: 0.5em;
  top: 1.25em;
}
.arts.viewcascade .art1 .operation {
  padding: 0.5em 1em 0.75em 1em;
  border: none;
  margin: 0;
}
.arts.viewcascade .art1 .operation .btns {
  display: none;
}
.arts.viewcascade .art1 .description {
  display: none !important;
}
.arts.viewcascade .art1[jdata_status=WORLD] {
  /*
  .description {
      display: block !important;
      padding: 0 0em 0 0.5em;
      overflow: hidden;
      display: -webkit-box !important;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;        
  }
  */
}
.arts.viewcascade .art1[jdata_status=WORLD][jdata_userimage="blank.svg"] .listoperation {
  display: none;
}
.arts.viewcascade .art1[jdata_status=WORLD] .listoperation {
  display: block;
}
.arts.viewcascade .art1[jdata_status=WORLD] .listoperation .user {
  display: block !important;
}
.arts.viewcascade .art1[jdata_status=WORLD] .listoperation .user .icon {
  display: inline-block;
  border-radius: 1.5em;
  height: 2em;
  width: 2em;
  overflow: hidden;
  vertical-align: middle;
}
.arts.viewcascade .art1[jdata_status=WORLD] .listoperation .user .icon img {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.arts.viewcascade .art1[jdata_status=WORLD] .listoperation .user .username {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  margin-left: 0.5em;
}
.arts.viewcascade .art1[jdata_status=WORLD] .operation .user {
  display: none;
}
.arts.viewcascade .art1[jdata_status=WORLD] .arttitle {
  display: block;
  padding: 0 0em 0 0.5em;
  font-weight: bold;
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0.1em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* ★ 3行に制限 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.arts.viewcascade .art1[jdata_status=WORLD] .orgurl {
  display: block;
}
.arts.viewcascade .art1[jdata_status=PAY] .username {
  display: none;
}
.arts.viewcascade .art1[jdata_status=PAY] .paydate {
  display: none;
}
.arts.viewcascade .art1[jdata_status=PAY] .arttitle {
  font-size: 1em;
  margin: 0em 0em 1em 0.35em;
}
.arts.viewcascade .art1[jdata_status=PAY]:not([jdata_image]) .image img {
  display: none;
}
.arts.viewcascade .art1[jdata_status=PAY]:not([jdata_image]) .operation {
  padding: 1.5em 0.25em 2.75em 0.75em !important;
}

.Jscr[name=auth] .form {
  padding: 1em;
  text-align: center;
}
.Jscr[name=auth] .form .title {
  padding: 1em;
}
.Jscr[name=auth] .form .field1 {
  padding: 0.25em;
}
.Jscr[name=auth] .form input {
  padding: 0.5em;
  border: 1px solid #888888;
  border-radius: 0.5em;
  width: 10em;
}
.Jscr[name=auth] .form .buttons {
  margin-top: 2em;
  padding: 1em;
  text-align: center;
}
.Jscr[name=auth] .form .buttons .btnsend {
  display: inline-block;
  transform: translate(0, -50%);
  background-color: #000;
  color: #fff;
  font-weight: bold;
  padding: 1em 2em 1em 2em;
  border-radius: 1em;
}
.Jscr[name=auth] .form .buttons .btnback {
  display: inline-block;
  transform: translate(0, -50%);
  background-color: #888888;
  color: #fff;
  font-weight: bold;
  padding: 1em 2em 1em 2em;
  border-radius: 1em;
  margin-right: 1em;
}

.pay1 {
  position: relative;
}
.pay1 .image {
  position: relative;
  float: right;
}
.pay1 .image img {
  position: relative;
  aspect-ratio: 1/1;
  width: 5.5em;
  border-radius: 1em;
  object-fit: cover;
  margin-right: 0em;
}
.pay1 .public {
  display: block;
  margin-top: 1em;
}
.pay1 .public span {
  display: inline-block;
  margin-top: 0.15em;
  background-color: #dddddd;
  color: #666666;
  border: 0.1em solid #dddddd;
  padding: 0.25em 1em 0.25em 1em;
  border-radius: 1em;
  font-size: 0.8em;
}
.pay1[jdata_public=public] .public span {
  background-color: #fff;
  color: #000;
  border: 0.1em solid #000;
}
.pay1[jdata_public=draft] .public, .pay1[jdata_public=draft] .title, .pay1[jdata_public=draft] .description, .pay1[jdata_public=draft] .price {
  opacity: 0.5;
}
.pay1[jdata_public=blocked] .public span {
  background-color: #FF0000;
  color: #fff;
  border: 0.1em solid #FF0000;
}
.pay1[jdata_public=blocked] .title, .pay1[jdata_public=blocked] .description, .pay1[jdata_public=blocked] .price {
  opacity: 0.5;
}
.pay1 .title {
  display: inline-block;
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 0.25em;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 7em);
  line-height: 1.25em;
  white-space: nowrap;
}
.pay1 .description {
  display: block;
  margin-top: 0.25em;
}
.pay1 .description span {
  display: inline-block;
  white-space: nowrap;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 8em);
}
.pay1 .price {
  position: absolute;
  display: inline-block;
  top: 0.25em;
  right: 7em;
  font-weight: bold;
}
.pay1 .price span[name=price] {
  font-size: 1.25em;
}
.pay1 .price span[name=unit] {
  font-size: 0.8em;
}
.pay1[jdata_status=closed] .price span[name=price] {
  visibility: hidden;
}
.pay1[jdata_status=closed] .price span[name=unit] {
  visibility: hidden;
}
.pay1[jdata_status=closed] .price:after {
  content: "CLOSED";
}

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