@charset "UTF-8";
.community-wrap {
  width: 50%;
  margin: auto; }
  @media screen and (max-width: 480px) {
    .community-wrap {
      width: 90%; } }
  @media screen and (min-width: 480px) and (max-width: 801px) {
    .community-wrap {
      width: 70%; } }
  .community-wrap .community-lockcontent-wrap {
    padding: 25px; }
    @media screen and (max-width: 480px) {
      .community-wrap .community-lockcontent-wrap {
        padding: 1em; } }
    .community-wrap .community-lockcontent-wrap .community-lockcontent {
      position: relative;
      width: 100%;
      height: 0;
      padding-top: 56.25%;
      cursor: pointer;
      overflow: hidden;
      background-color: #222; }
      .community-wrap .community-lockcontent-wrap .community-lockcontent .thumb-wrap {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #fff;
        text-align: center;
        width: 100%; }
        .community-wrap .community-lockcontent-wrap .community-lockcontent .thumb-wrap svg {
          fill: #fff;
          width: 3em;
          height: 3em; }
          @media screen and (max-width: 480px) {
            .community-wrap .community-lockcontent-wrap .community-lockcontent .thumb-wrap svg {
              width: 2em;
              height: 2em; } }
        .community-wrap .community-lockcontent-wrap .community-lockcontent .thumb-wrap p {
          margin: 50px 0; }
          @media screen and (max-width: 480px) {
            .community-wrap .community-lockcontent-wrap .community-lockcontent .thumb-wrap p {
              margin: 1em 0; } }
          .community-wrap .community-lockcontent-wrap .community-lockcontent .thumb-wrap p br {
            display: none; }
            @media screen and (max-width: 480px) {
              .community-wrap .community-lockcontent-wrap .community-lockcontent .thumb-wrap p br {
                display: block; } }
        .community-wrap .community-lockcontent-wrap .community-lockcontent .thumb-wrap a {
          color: #fff;
          border: 1px solid #fff;
          padding: 12px;
          width: 200px;
          font-size: 0.8em;
          display: inline-block; }
          @media screen and (max-width: 480px) {
            .community-wrap .community-lockcontent-wrap .community-lockcontent .thumb-wrap a {
              padding: 5px;
              width: 40%;
              font-size: 0.7em; } }
          @media screen and (max-width: 480px) {
            .community-wrap .community-lockcontent-wrap .community-lockcontent .thumb-wrap a span {
              display: none; } }
          .community-wrap .community-lockcontent-wrap .community-lockcontent .thumb-wrap a:hover {
            background-color: #fff;
            color: #222; }
  .community-wrap .community-content {
    margin-top: 50px;
    padding: 25px 25px 50px; }
    @media screen and (max-width: 480px) {
      .community-wrap .community-content {
        padding: 25px 15px; } }
    .community-wrap .community-content a {
      text-decoration: underline; }
    .community-wrap .community-content:first-of-type {
      margin-top: 0; }
    @media screen and (max-width: 480px) {
      .community-wrap .community-content .more-comment {
        padding-top: 25px; } }
    .community-wrap .community-content .note-toolbar {
      position: relative !important; }
    .community-wrap .community-content #survey {
      display: inline-block;
      border-width: 1px;
      border-style: solid;
      padding: 5px 1em;
      cursor: pointer;
      margin-top: 1em; }
      .community-wrap .community-content #survey:hover {
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        opacity: 0.7; }
    .community-wrap .community-content #survey_form {
      width: 100%;
      margin: 1em 0; }
      .community-wrap .community-content #survey_form tbody, .community-wrap .community-content #survey_form tr, .community-wrap .community-content #survey_form td {
        width: 100%; }
      .community-wrap .community-content #survey_form .surveydelete {
        cursor: pointer;
        color: #e0245e;
        margin-left: 10px;
        padding: 8px;
        font-size: 1.2em; }
    .community-wrap .community-content .input-content {
      font-size: 1em;
      display: block;
      width: 100%;
      padding: 5px 10px;
      background: none;
      background-image: none;
      border: none;
      border-bottom: 1px solid;
      border-radius: 0;
      -webkit-transition: border-color 0.25s ease, -webkit-box-shadow 0.25s ease;
      transition: border-color 0.25s ease, -webkit-box-shadow 0.25s ease;
      -o-transition: border-color 0.25s ease, box-shadow 0.25s ease;
      transition: border-color 0.25s ease, box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease; }
      @media screen and (max-width: 480px) {
        .community-wrap .community-content .input-content {
          padding: 4px 10px;
          height: 40px;
          font-size: 0.9em;
          -webkit-appearance: none; } }
      .community-wrap .community-content .input-content:focus {
        outline: 0; }
      .community-wrap .community-content .input-content.input-content-textarea {
        margin-top: 0;
        font-size: 1.1em; }
        @media screen and (max-width: 480px) {
          .community-wrap .community-content .input-content.input-content-textarea {
            height: 150px; } }
    .community-wrap .community-content .now-count {
      font-size: 0.8em;
      display: block;
      margin-top: 3px;
      text-align: right; }
    .community-wrap .community-content .postinner-footer .table-more {
      position: relative; }
      .community-wrap .community-content .postinner-footer .table-more .popup-triangle {
        border: 8px solid transparent;
        border-bottom-color: #222;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 1001; }
        .community-wrap .community-content .postinner-footer .table-more .popup-triangle:before {
          content: "";
          border: 9px solid transparent;
          border-bottom-color: #fff;
          position: absolute;
          right: -9px;
          top: -9px;
          z-index: 1000; }
      .community-wrap .community-content .postinner-footer .table-more .more-popup {
        position: absolute;
        background-color: #fff;
        border: 1px solid #ddd;
        top: 20px;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 10;
        font-size: 0.8em;
        padding: 2px;
        width: 150px;
        margin: 0; }
        .community-wrap .community-content .postinner-footer .table-more .more-popup .more-popup-list .share-button {
          padding: 1em;
          display: inline-block;
          width: 100%;
          font-family: sans-serif; }
          .community-wrap .community-content .postinner-footer .table-more .more-popup .more-popup-list .share-button:hover {
            background-color: #ddd; }
        .community-wrap .community-content .postinner-footer .table-more .more-popup .more-popup-list .share-twitter {
          color: #1da1f2; }
        .community-wrap .community-content .postinner-footer .table-more .more-popup .more-popup-list .share-facebook {
          color: #1877f2; }
        .community-wrap .community-content .postinner-footer .table-more .more-popup .more-popup-list i {
          margin-right: 5px; }
    .community-wrap .community-content .postinner-footer svg {
      width: 1em;
      height: 1em; }
    .community-wrap .community-content .postinner-footer .postinner-share {
      cursor: pointer; }
    .community-wrap .community-content .postinner-footer .postinner-like {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-left: 2em;
      cursor: pointer; }
      .community-wrap .community-content .postinner-footer .postinner-like .like-counter {
        margin-left: 5px;
        font-weight: bold; }
    .community-wrap .community-content .postinner-liked {
      color: #e0245e;
      fill: #e0245e; }
    .community-wrap .community-content .community-user-image {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      background-color: #fff; }
      @media screen and (max-width: 480px) {
        .community-wrap .community-content .community-user-image {
          width: 40px;
          height: 40px; } }
      .community-wrap .community-content .community-user-image.nolink {
        pointer-events: none; }
    .community-wrap .community-content .community-user-namewrap {
      margin-left: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .community-wrap .community-content .community-user-namewrap .community-user-name {
        font-weight: bold;
        font-size: 1.1em;
        fill: inherit;
        text-decoration: none; }
        .community-wrap .community-content .community-user-namewrap .community-user-name.nolink {
          pointer-events: none; }
          .community-wrap .community-content .community-user-namewrap .community-user-name.nolink span {
            text-decoration: none; }
        @media screen and (max-width: 480px) {
          .community-wrap .community-content .community-user-namewrap .community-user-name {
            font-size: 1em; } }
        .community-wrap .community-content .community-user-namewrap .community-user-name span {
          display: inline;
          vertical-align: middle;
          text-decoration: underline; }
        .community-wrap .community-content .community-user-namewrap .community-user-name svg {
          width: 1em;
          height: 1em;
          display: inline;
          vertical-align: middle;
          margin-left: 3px; }
      .community-wrap .community-content .community-user-namewrap .community-post-time {
        margin-top: 5px; }
        @media screen and (max-width: 480px) {
          .community-wrap .community-content .community-user-namewrap .community-post-time {
            font-size: 0.7em; } }
    .community-wrap .community-content .community-post-body {
      padding: 25px 0;
      word-break: break-all; }
      .community-wrap .community-content .community-post-body img {
        width: 100% !important; }
      .community-wrap .community-content .community-post-body .iframe-wrap {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 56.25%;
        cursor: pointer;
        overflow: hidden; }
        .community-wrap .community-content .community-post-body .iframe-wrap iframe {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
          width: 100%;
          height: 100%;
          opacity: 0; }
          .community-wrap .community-content .community-post-body .iframe-wrap iframe.on, .community-wrap .community-content .community-post-body .iframe-wrap iframe.note-video-clip {
            opacity: 1; }
    .community-wrap .community-content .note-editor.note-frame {
      border-color: #ddd; }
      .community-wrap .community-content .note-editor.note-frame iframe {
        position: static;
        width: 100%;
        height: 300px; }
    .community-wrap .community-content .community-post-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%; }
    .community-wrap .community-content .community-post-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .community-wrap .community-content .post-ellipsis {
      position: relative;
      cursor: pointer; }
      .community-wrap .community-content .post-ellipsis .popup-triangle {
        border: 8px solid transparent;
        border-bottom-color: #ddd;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 1001; }
        .community-wrap .community-content .post-ellipsis .popup-triangle:before {
          content: "";
          border: 9px solid transparent;
          border-bottom-color: #fff;
          position: absolute;
          right: -9px;
          top: -7px;
          z-index: 1000; }
      .community-wrap .community-content .post-ellipsis .more-popup {
        position: absolute;
        background-color: #fff;
        border: 1px solid #ddd;
        top: 20px;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 10;
        font-size: 0.8em;
        padding: 2px;
        width: 150px;
        margin: 0; }
        .community-wrap .community-content .post-ellipsis .more-popup .hide-display {
          padding: 0.5em 1em;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: 100%;
          color: #222; }
          .community-wrap .community-content .post-ellipsis .more-popup .hide-display:hover {
            background-color: #ddd;
            color: inherit; }
          .community-wrap .community-content .post-ellipsis .more-popup .hide-display .hide-display-icon {
            margin-right: 5px;
            padding: 5px;
            border: 1px solid #222;
            border-radius: 50%; }
      .community-wrap .community-content .post-ellipsis svg {
        width: 1em;
        height: 1em; }
    .community-wrap .community-content .community-submit {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .community-wrap .community-content .community-submit button {
        outline: none;
        font: inherit;
        border-radius: 8px;
        text-transform: uppercase;
        letter-spacing: 2px;
        text-align: center;
        padding: 11px 2em;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        cursor: pointer;
        border-width: 1px;
        border-style: solid; }
        .community-wrap .community-content .community-submit button:disabled {
          border-color: #eaeaea !important;
          background: #fafafa;
          position: static;
          color: #999;
          box-shadow: none !important;
          text-shadow: none !important;
          cursor: not-allowed; }
          .community-wrap .community-content .community-submit button:disabled:hover {
            opacity: 1; }
    .community-wrap .community-content .postinner-liked {
      color: #e0245e;
      fill: #e0245e; }
    .community-wrap .community-content .postinner-comment-wrap {
      border-top: 1px solid;
      margin: 25px 0 0;
      padding: 0; }
      .community-wrap .community-content .postinner-comment-wrap .postinner-comment {
        margin: 25px 0;
        padding-bottom: 25px;
        border-bottom: 1px solid; }
        .community-wrap .community-content .postinner-comment-wrap .postinner-comment:last-of-type {
          margin-bottom: 0;
          padding-bottom: 0;
          border-bottom: none; }
        .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-replylist {
          margin-left: 25px;
          margin-top: 25px; }
        .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-userimage {
          width: 45px;
          height: 45px;
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          border-radius: 50%;
          background-color: #fff;
          display: inline-block; }
          @media screen and (max-width: 480px) {
            .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-userimage {
              width: 30px;
              height: 30px; } }
          .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-userimage.nolink {
            pointer-events: none; }
        .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-body {
          margin-left: 1em;
          width: 100%;
          word-break: break-all; }
          .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-body .postinner-comment-username {
            font-weight: bold;
            margin-bottom: 8px;
            display: inline-block;
            fill: inherit;
            text-decoration: none; }
            .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-body .postinner-comment-username.nolink {
              pointer-events: none; }
              .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-body .postinner-comment-username.nolink span {
                text-decoration: none; }
            .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-body .postinner-comment-username span {
              display: inline;
              vertical-align: middle;
              text-decoration: underline; }
            .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-body .postinner-comment-username svg {
              width: 1em;
              height: 1em;
              display: inline;
              vertical-align: middle;
              margin-left: 3px; }
        .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-ellipsis {
          margin-left: auto;
          cursor: pointer;
          position: relative; }
          .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-ellipsis svg {
            width: 1em;
            height: 1em; }
          .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-ellipsis .popup-triangle {
            border: 8px solid transparent;
            border-bottom-color: #222;
            position: absolute;
            top: 5px;
            left: 50%;
            transform: translate(-50%, 0);
            z-index: 1001; }
            .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-ellipsis .popup-triangle:before {
              content: "";
              border: 9px solid transparent;
              border-bottom-color: #fff;
              position: absolute;
              right: -9px;
              top: -9px;
              z-index: 1000; }
          .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-ellipsis .more-popup {
            position: absolute;
            background-color: #fff;
            border: 1px solid #ddd;
            top: 20px;
            left: 50%;
            transform: translate(-50%, 0);
            z-index: 10;
            font-size: 0.8em;
            padding: 2px;
            width: 150px;
            margin: 0; }
            .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-ellipsis .more-popup .hide-display {
              padding: 0.5em 1em;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              width: 100%;
              color: #222; }
              .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-ellipsis .more-popup .hide-display:hover {
                background-color: #ddd; }
              .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-ellipsis .more-popup .hide-display .hide-display-icon {
                margin-right: 5px;
                padding: 5px;
                border: 1px solid #222;
                border-radius: 50%;
                width: 2em;
                height: 2em; }
                .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-ellipsis .more-popup .hide-display .hide-display-icon svg {
                  width: 100%;
                  height: 100%;
                  fill: #222; }
        .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-iconlist {
          margin-top: 10px; }
          .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-iconlist svg {
            width: 1em;
            height: 1em; }
          .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-iconlist .postinner-comment-icon {
            margin-left: 10px;
            cursor: pointer; }
            .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-iconlist .postinner-comment-icon.del-comment {
              margin: 0;
              cursor: none; }
              .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-iconlist .postinner-comment-icon.del-comment:before {
                content: '　'; }
          .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-iconlist .reply-comment-button {
            cursor: pointer; }
        .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-like {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .community-wrap .community-content .postinner-comment-wrap .postinner-comment .postinner-comment-like svg {
            margin-right: 5px; }
    .community-wrap .community-content .reply-comment {
      margin-top: 2em; }
      .community-wrap .community-content .reply-comment.switchon {
        display: block !important; }
      .community-wrap .community-content .reply-comment .reply-inner {
        padding: 1em 0 0 2em; }
      .community-wrap .community-content .reply-comment .reply-comment-body {
        width: 100%;
        margin-left: 1em; }
        .community-wrap .community-content .reply-comment .reply-comment-body .post-comment {
          outline: none;
          background: transparent;
          background-image: none;
          -webkit-box-shadow: none;
          box-shadow: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          border: 1px solid #ddd;
          color: inherit;
          line-height: 1.5;
          width: 100%;
          padding: 0.5em;
          overflow: hidden;
          min-height: 60px;
          max-height: 100px;
          height: auto;
          resize: none; }
    .community-wrap .community-content .community-form {
      margin: 25px 0 0;
      padding: 10px 0;
      font-size: 0.9em;
      position: relative; }
      .community-wrap .community-content .community-form .inputGroup {
        display: block;
        padding: 0 10px;
        position: relative; }
        .community-wrap .community-content .community-form .inputGroup label {
          padding: 15px 60px 15px 15px;
          line-height: 1.5;
          width: 100%;
          display: block;
          text-align: left;
          cursor: pointer;
          position: relative;
          z-index: 2;
          -webkit-transition: all .5s;
          -o-transition: all .5s;
          transition: all .5s;
          overflow: hidden; }
          @media screen and (max-width: 480px) {
            .community-wrap .community-content .community-form .inputGroup label {
              font-size: 0.8em;
              padding: 12px 3.5em 12px 0.5em; } }
          .community-wrap .community-content .community-form .inputGroup label:before {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%) scale3d(1, 1, 1);
            transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
            opacity: 0;
            z-index: -1; }
          .community-wrap .community-content .community-form .inputGroup label:after {
            width: 25px;
            height: 25px;
            content: '\f00c';
            font-weight: bold;
            font-family: "Font Awesome\ 5 Free";
            border-width: 1px;
            border-style: solid;
            color: transparent;
            border-radius: 50%;
            z-index: 2;
            position: absolute;
            right: 1em;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            cursor: pointer;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s; }
            @media screen and (max-width: 480px) {
              .community-wrap .community-content .community-form .inputGroup label:after {
                font-size: 10px;
                width: 16px;
                height: 16px; } }
        .community-wrap .community-content .community-form .inputGroup .already:after {
          opacity: 0; }
        .community-wrap .community-content .community-form .inputGroup .selected:after {
          opacity: 1; }
        .community-wrap .community-content .community-form .inputGroup input:checked ~ label:before {
          -webkit-transform: translate(-50%, -50%) scale3d(60, 60, 1);
          transform: translate(-50%, -50%) scale3d(60, 60, 1);
          opacity: 1; }
        .community-wrap .community-content .community-form .inputGroup input {
          width: 32px;
          height: 32px;
          order: 1;
          z-index: 2;
          position: absolute;
          right: 30px;
          top: 50%;
          transform: translateY(-50%);
          cursor: pointer;
          visibility: hidden; }
      .community-wrap .community-content .community-form .not-auth-user {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        text-align: center; }
        .community-wrap .community-content .community-form .not-auth-user br {
          display: none; }
          @media screen and (max-width: 480px) {
            .community-wrap .community-content .community-form .not-auth-user br {
              display: block; } }
    .community-wrap .community-content .reply-comment {
      margin-top: 2em; }
      .community-wrap .community-content .reply-comment.switchon {
        display: block !important; }
      .community-wrap .community-content .reply-comment .reply-inner {
        padding: 1em 0 0 2em; }
      .community-wrap .community-content .reply-comment .reply-comment-body {
        width: 100%;
        margin-left: 1em; }
        .community-wrap .community-content .reply-comment .reply-comment-body .post-comment {
          outline: none;
          background: transparent;
          background-image: none;
          -webkit-box-shadow: none;
          box-shadow: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          border: 1px solid #ddd;
          color: inherit;
          line-height: 1.5;
          width: 100%;
          padding: 0.5em;
          overflow: hidden;
          min-height: 60px;
          max-height: 100px;
          height: auto;
          resize: none; }
    .community-wrap .community-content .submit-comment-wrap {
      text-align: right;
      margin-top: 1em; }
    .community-wrap .community-content .submit-comment {
      letter-spacing: 2px;
      text-align: center;
      padding: 5px 2em;
      border-radius: 8px;
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
      cursor: pointer;
      outline: none;
      border: none; }
    .community-wrap .community-content .read-more {
      position: relative;
      text-decoration: none;
      cursor: text; }
      .community-wrap .community-content .read-more .trigger {
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        left: 50%;
        bottom: 0;
        cursor: pointer;
        color: #000;
        font-weight: bold;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .community-wrap .community-content .read-more .postinner-content {
        position: relative;
        overflow: hidden;
        max-height: 89.6px;
        transition: max-height 500ms ease; }
        .community-wrap .community-content .read-more .postinner-content::before {
          content: '';
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
          position: absolute;
          bottom: 0;
          width: 100%;
          height: 55px;
          transition: opactiy 500ms ease, visibility 500ms ease; }
      .community-wrap .community-content .read-more.expanded .postinner-content {
        max-height: 600px; }
        .community-wrap .community-content .read-more.expanded .postinner-content::before {
          opacity: 0;
          visibility: hidden; }
      .community-wrap .community-content .read-more.expanded .trigger {
        opacity: 0;
        visibility: hidden; }

.page-content .post-wrap,
.page-content .postsearch-content-wrap {
  width: 50%;
  margin: auto; }
  @media screen and (max-width: 480px) {
    .page-content .post-wrap,
    .page-content .postsearch-content-wrap {
      width: 90%; } }
  @media screen and (min-width: 480px) and (max-width: 801px) {
    .page-content .post-wrap,
    .page-content .postsearch-content-wrap {
      width: 70%; } }
.page-content .post-live-wrap {
  width: 85%;
  max-width: 1200px; }
  @media screen and (max-width: 801px) {
    .page-content .post-live-wrap {
      display: block; } }
  .page-content .post-live-wrap .post-inner {
    width: 65%; }
    @media screen and (max-width: 801px) {
      .page-content .post-live-wrap .post-inner {
        width: 100%; } }
    @media screen and (max-width: 801px) {
      .page-content .post-live-wrap .post-inner .live-sticky.is-fixed {
        width: 100%;
        height: 0;
        padding-top: 56.25%; } }
    @media screen and (max-width: 801px) {
      .page-content .post-live-wrap .post-inner .live-sticky.is-fixed .live-sticky-inner {
        position: fixed;
        width: 100%;
        top: 50px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transfprm: translateX(-50%);
        z-index: 10; } }
  .page-content .post-live-wrap .livecomment-wrap {
    width: 32%;
    margin-top: 0;
    border: none;
    padding: 25px;
    position: sticky;
    top: 50px; }
    @media screen and (max-width: 801px) {
      .page-content .post-live-wrap .livecomment-wrap {
        width: 100%;
        padding: 25px 15px;
        margin-top: 25px;
        position: unset; } }
    .page-content .post-live-wrap .livecomment-wrap .comment-loading {
      margin-bottom: 25px; }
      .page-content .post-live-wrap .livecomment-wrap .comment-loading .spinner {
        width: 20px;
        height: 20px;
        border: 2px #ddd solid;
        border-top: 2px #999 solid;
        border-radius: 50%;
        margin: auto;
        -webkit-animation: spinAnimation 0.8s infinite linear;
        animation: spinAnimation 0.8s infinite linear; }
@-webkit-keyframes spinAnimation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes spinAnimation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
    .page-content .post-live-wrap .livecomment-wrap .livecomment-inner {
      max-height: 250px;
      overflow-y: scroll;
      margin-bottom: 25px;
      border: 1px solid #ddd;
      padding: 15px; }
      @media screen and (max-width: 801px) {
        .page-content .post-live-wrap .livecomment-wrap .livecomment-inner {
          max-height: 200px; } }
      .page-content .post-live-wrap .livecomment-wrap .livecomment-inner .nocomment {
        text-align: center;
        font-size: 0.8em; }
    .page-content .post-live-wrap .livecomment-wrap .livecomment-list {
      margin: 0 0 10px;
      padding-bottom: 0;
      border-bottom: none; }
      .page-content .post-live-wrap .livecomment-wrap .livecomment-list:last-of-type {
        margin-bottom: 0; }
      .page-content .post-live-wrap .livecomment-wrap .livecomment-list .livecomment {
        position: relative;
        padding-right: 20px;
        word-break: break-all; }
        .page-content .post-live-wrap .livecomment-wrap .livecomment-list .livecomment .livecomment-userimage {
          width: 25px;
          height: 25px;
          border-radius: 50%;
          display: inline;
          vertical-align: middle;
          object-fit: cover;
          border: 1px solid #ddd; }
        .page-content .post-live-wrap .livecomment-wrap .livecomment-list .livecomment .livecomment-username {
          margin: 0 5px;
          font-weight: bold; }
          .page-content .post-live-wrap .livecomment-wrap .livecomment-list .livecomment .livecomment-username a.nolink {
            pointer-events: none;
            text-decoration: none; }
        .page-content .post-live-wrap .livecomment-wrap .livecomment-list .livecomment p {
          line-height: 2;
          display: inline;
          font-size: 0.8em; }
        .page-content .post-live-wrap .livecomment-wrap .livecomment-list .livecomment svg {
          width: 15px;
          height: 15px; }
        .page-content .post-live-wrap .livecomment-wrap .livecomment-list .livecomment .del-icon {
          position: absolute;
          top: 6px;
          right: 0;
          cursor: pointer; }
        .page-content .post-live-wrap .livecomment-wrap .livecomment-list .livecomment .creator-icon {
          display: inline;
          vertical-align: middle;
          margin-left: 1px; }
    .page-content .post-live-wrap .livecomment-wrap .livecomment-reply .livecomment-login {
      font-size: 0.8em;
      text-align: center;
      margin-top: 15px; }
    .page-content .post-live-wrap .livecomment-wrap .livecomment-reply .input-editor-textarea {
      font-size: 0.9em;
      width: 100%;
      padding: 0.5em 8px;
      outline: none;
      border: 1px solid #ddd;
      max-height: 300px;
      resize: none; }
    .page-content .post-live-wrap .livecomment-wrap .livecomment-reply .comment-count {
      font-size: 0.8em; }
    .page-content .post-live-wrap .livecomment-wrap .livecomment-reply .livecomment-submitbutton-wrap {
      text-align: right;
      margin-top: 15px; }
      .page-content .post-live-wrap .livecomment-wrap .livecomment-reply .livecomment-submitbutton-wrap .livecomment-submitbutton {
        outline: none;
        background-image: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        padding: 4px 15px;
        font-size: 0.8em;
        cursor: pointer;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s; }
        .page-content .post-live-wrap .livecomment-wrap .livecomment-reply .livecomment-submitbutton-wrap .livecomment-submitbutton:hover {
          background-color: inherit; }
.page-content .postsearch-content-wrap {
  margin-bottom: 25px;
  position: relative; }
  .page-content .postsearch-content-wrap .category-horizonlabel-wrap .category-horizonlabel.no-link {
    pointer-events: none; }
  .page-content .postsearch-content-wrap .not-auth-user {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center; }
    .page-content .postsearch-content-wrap .not-auth-user a {
      display: inline-block; }
    .page-content .postsearch-content-wrap .not-auth-user br {
      display: none; }
      @media screen and (max-width: 480px) {
        .page-content .postsearch-content-wrap .not-auth-user br {
          display: block; } }
    .page-content .postsearch-content-wrap .not-auth-user ~ .category-horizonlabel-wrap, .page-content .postsearch-content-wrap .not-auth-user ~ .more-search-wrap {
      opacity: 0;
      visibility: hidden; }
.page-content .post-inner {
  padding: 25px 25px 50px;
  margin-top: 50px; }
  @media screen and (max-width: 480px) {
    .page-content .post-inner {
      padding: 1em 1em 25px; } }
  .page-content .post-inner:first-of-type {
    margin-top: 0;
    position: relative; }
    .page-content .post-inner:first-of-type .post-pinned-message {
      font-size: 0.8em;
      margin-top: 2px; }
      .page-content .post-inner:first-of-type .post-pinned-message svg {
        width: 1em;
        height: 1em;
        margin-right: 3px;
        margin-top: 1px; }
        @media screen and (max-width: 480px) {
          .page-content .post-inner:first-of-type .post-pinned-message svg {
            width: 1.2em;
            height: 1.2em;
            margin-right: 0; } }
      .page-content .post-inner:first-of-type .post-pinned-message span {
        margin-top: -1px; }
        @media screen and (max-width: 480px) {
          .page-content .post-inner:first-of-type .post-pinned-message span {
            display: none; } }
.page-content .post-header {
  padding: 25px 0; }
  @media screen and (max-width: 480px) {
    .page-content .post-header {
      padding: 1em 0; } }
.page-content .postheader-icon-wrap {
  margin-right: 1em; }
.page-content .postheader-icon {
  width: 50px;
  height: 50px;
  background-position: center;
  background-size: cover;
  border-radius: 50%; }
.page-content .postheader-username {
  font-weight: bold;
  line-height: 1.5; }
.page-content .postheader-body .post-content {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  cursor: pointer;
  overflow: hidden; }
  .page-content .postheader-body .post-content.lock-content {
    background-color: #222 !important;
    font-family: initial; }
    .page-content .postheader-body .post-content.lock-content .thumb-wrap {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      color: #fff;
      text-align: center;
      width: 100%; }
      .page-content .postheader-body .post-content.lock-content .thumb-wrap svg {
        fill: #fff;
        width: 3em;
        height: 3em; }
        @media screen and (max-width: 480px) {
          .page-content .postheader-body .post-content.lock-content .thumb-wrap svg {
            width: 2em;
            height: 2em; } }
      .page-content .postheader-body .post-content.lock-content .thumb-wrap p {
        margin: 50px 0; }
        @media screen and (max-width: 480px) {
          .page-content .postheader-body .post-content.lock-content .thumb-wrap p {
            margin: 1em 0; } }
      .page-content .postheader-body .post-content.lock-content .thumb-wrap a {
        color: #fff;
        border: 1px solid #fff;
        padding: 12px;
        width: 200px;
        font-size: 0.8em;
        display: inline-block; }
        @media screen and (max-width: 480px) {
          .page-content .postheader-body .post-content.lock-content .thumb-wrap a {
            padding: 5px;
            width: 40%;
            font-size: 0.7em; } }
        @media screen and (max-width: 480px) {
          .page-content .postheader-body .post-content.lock-content .thumb-wrap a span {
            display: none; } }
        .page-content .postheader-body .post-content.lock-content .thumb-wrap a:hover {
          background-color: #fff;
          color: #222; }
  .page-content .postheader-body .post-content iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%; }
.page-content .postheader-body .link-card {
  display: block;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #222;
  font-family: sans-serif; }
  .page-content .postheader-body .link-card .link-image-wrap {
    position: relative;
    width: 100%; }
    .page-content .postheader-body .link-card .link-image-wrap:before {
      content: "";
      display: block;
      padding-top: calc( 1 / 1.91 * 100%); }
    .page-content .postheader-body .link-card .link-image-wrap .link-image {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background-position: center;
      background-size: cover; }
  .page-content .postheader-body .link-card .link-content {
    padding: 15px; }
    .page-content .postheader-body .link-card .link-content .link-title {
      font-weight: bold;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .page-content .postheader-body .link-card .link-content .link-desc {
      margin-top: 5px;
      text-align: justify;
      word-break: break-all;
      font-size: 0.8em;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
      @media screen and (max-width: 480px) {
        .page-content .postheader-body .link-card .link-content .link-desc {
          font-size: 0.6em; } }
    .page-content .postheader-body .link-card .link-content .link-url {
      font-size: 0.7em;
      margin-top: 5px;
      color: #999; }
.page-content .postheader-body .post-content:hover .icon-icon-movie {
  opacity: 1; }
.page-content .postheader-body .player {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%; }
.page-content .postheader-body .thumb {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 100%;
  height: 134%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
.page-content .postheader-body .image-thumb {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }
.page-content .postheader-body .icon-icon-movie {
  position: absolute;
  z-index: 2;
  fill: #fff;
  top: 50%;
  left: 50%;
  width: 5em;
  height: 5em;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0.8; }
.page-content .postheader-body .post-inner-content {
  padding: 25px 0 0; }
  @media screen and (max-width: 480px) {
    .page-content .postheader-body .post-inner-content {
      margin-top: 0; } }
  .page-content .postheader-body .post-inner-content a {
    text-decoration: underline; }
.page-content .postheader-body .postinner-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
.page-content .postheader-body .postinner-title-wrap {
  width: 100%;
  position: relative; }
  .page-content .postheader-body .postinner-title-wrap .post-date .post-time,
  .page-content .postheader-body .postinner-title-wrap .post-date .queue-status {
    margin-left: 5px; }
  .page-content .postheader-body .postinner-title-wrap .post-category {
    display: inline-block;
    font-size: 0.8em;
    border-radius: 5px;
    padding: 5px 12px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 5px 0; }
  .page-content .postheader-body .postinner-title-wrap .post-title {
    margin-top: 5px;
    font-weight: bold;
    font-size: 1.2em;
    word-break: break-word; }
    @media screen and (max-width: 480px) {
      .page-content .postheader-body .postinner-title-wrap .post-title {
        font-size: 1em; } }
.page-content .postheader-body .postinner-icon-wrap {
  width: 25%;
  text-align: right; }
  .page-content .postheader-body .postinner-icon-wrap .postinner-icon-link {
    display: inline-block;
    margin-left: 10px; }
    .page-content .postheader-body .postinner-icon-wrap .postinner-icon-link:first-of-type {
      margin-left: 0; }
  .page-content .postheader-body .postinner-icon-wrap i {
    font-size: 1.5em;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center; }
.page-content .postheader-body .postinner-body {
  padding-top: 25px; }
  .page-content .postheader-body .postinner-body .postinner-content {
    word-break: break-word; }
    .page-content .postheader-body .postinner-body .postinner-content .iframe-wrap {
      position: relative;
      width: 100%;
      height: 0;
      padding-top: 56.25%;
      cursor: pointer; }
      .page-content .postheader-body .postinner-body .postinner-content .iframe-wrap iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%; }
    .page-content .postheader-body .postinner-body .postinner-content img {
      width: 100% !important; }
.page-content .postheader-body .postinner-footer {
  padding-top: 1em; }
  .page-content .postheader-body .postinner-footer .table-more {
    position: relative; }
    .page-content .postheader-body .postinner-footer .table-more .popup-triangle {
      border: 8px solid transparent;
      border-bottom-color: #222;
      position: absolute;
      top: 5px;
      left: 50%;
      transform: translate(-50%, 0);
      z-index: 1001; }
      .page-content .postheader-body .postinner-footer .table-more .popup-triangle:before {
        content: "";
        border: 9px solid transparent;
        border-bottom-color: #fff;
        position: absolute;
        right: -9px;
        top: -9px;
        z-index: 1000; }
    .page-content .postheader-body .postinner-footer .table-more .more-popup {
      position: absolute;
      background-color: #fff;
      border: 1px solid #ddd;
      top: 20px;
      left: 50%;
      transform: translate(-50%, 0);
      z-index: 10;
      font-size: 0.8em;
      padding: 2px;
      width: 150px;
      margin: 0; }
      .page-content .postheader-body .postinner-footer .table-more .more-popup .more-popup-list {
        border-bottom: 1px solid #ddd; }
        .page-content .postheader-body .postinner-footer .table-more .more-popup .more-popup-list:last-of-type {
          border-bottom: none; }
        .page-content .postheader-body .postinner-footer .table-more .more-popup .more-popup-list .share-button {
          padding: 1em;
          display: inline-block;
          width: 100%;
          text-decoration: none;
          font-family: sans-serif; }
          .page-content .postheader-body .postinner-footer .table-more .more-popup .more-popup-list .share-button:hover {
            background-color: #ddd; }
        .page-content .postheader-body .postinner-footer .table-more .more-popup .more-popup-list .share-twitter {
          color: #1da1f2; }
        .page-content .postheader-body .postinner-footer .table-more .more-popup .more-popup-list .share-facebook {
          color: #1877f2; }
        .page-content .postheader-body .postinner-footer .table-more .more-popup .more-popup-list i {
          margin-right: 5px; }
  .page-content .postheader-body .postinner-footer .postinner-share {
    cursor: pointer; }
    .page-content .postheader-body .postinner-footer .postinner-share svg {
      width: 1em;
      height: 1em; }
  .page-content .postheader-body .postinner-footer .postinner-like {
    margin-left: 25px;
    cursor: pointer; }
    .page-content .postheader-body .postinner-footer .postinner-like svg {
      width: 1em;
      height: 1em; }
    .page-content .postheader-body .postinner-footer .postinner-like .like-counter {
      margin-left: 5px;
      font-weight: bold; }
  .page-content .postheader-body .postinner-footer .postinner-comment {
    margin-left: 25px;
    text-decoration: none; }
    .page-content .postheader-body .postinner-footer .postinner-comment p {
      margin-left: 5px;
      font-weight: bold; }
    .page-content .postheader-body .postinner-footer .postinner-comment svg {
      width: 1em;
      height: 1em;
      fill: inherit; }
.page-content .postheader-body .button-wrap {
  margin-top: 25px;
  padding-top: 50px;
  border-top: 1px solid; }
  .page-content .postheader-body .button-wrap .button {
    text-decoration: none; }
.page-content .postheader-body .postinner-login {
  text-align: center;
  margin-top: 15px;
  font-size: 0.8em; }
.page-content .postheader-body .postinner-liked {
  color: #e0245e;
  fill: #e0245e; }
.page-content .postheader-body .postinner-comment-wrap {
  border-top: 1px solid;
  margin: 25px 0 0;
  padding: 0; }
  @media screen and (max-width: 480px) {
    .page-content .postheader-body .postinner-comment-wrap {
      padding: 25px 0 0; } }
  .page-content .postheader-body .postinner-comment-wrap .postinner-comment {
    margin: 25px 0;
    padding-bottom: 25px;
    border-bottom: 1px solid; }
    .page-content .postheader-body .postinner-comment-wrap .postinner-comment:last-of-type {
      margin: 2em 0 0;
      padding-bottom: 0;
      border-bottom: none; }
    .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-replylist {
      margin-left: 25px;
      margin-top: 25px; }
    .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-userimage {
      width: 45px;
      height: 45px;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 50%;
      background-color: #fff;
      display: inline-block; }
      @media screen and (max-width: 480px) {
        .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-userimage {
          width: 30px;
          height: 30px; } }
      .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-userimage.nolink {
        pointer-events: none; }
    .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-body {
      margin-left: 1em;
      width: 100%;
      word-break: break-all; }
      .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-body .postinner-comment-username {
        font-weight: bold;
        margin-bottom: 8px;
        display: inline-block;
        fill: inherit;
        text-decoration: none; }
        .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-body .postinner-comment-username.nolink {
          pointer-events: none; }
          .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-body .postinner-comment-username.nolink span {
            text-decoration: none; }
        .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-body .postinner-comment-username span {
          display: inline;
          vertical-align: middle;
          text-decoration: underline; }
        .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-body .postinner-comment-username svg {
          width: 1em;
          height: 1em;
          display: inline;
          vertical-align: middle;
          margin-left: 3px; }
    .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-ellipsis {
      margin-left: auto;
      cursor: pointer;
      position: relative; }
      .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-ellipsis svg {
        width: 1em;
        height: 1em; }
      .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-ellipsis .popup-triangle {
        border: 8px solid transparent;
        border-bottom-color: #222;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 1001; }
        .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-ellipsis .popup-triangle:before {
          content: "";
          border: 9px solid transparent;
          border-bottom-color: #fff;
          position: absolute;
          right: -9px;
          top: -9px;
          z-index: 1000; }
      .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-ellipsis .more-popup {
        position: absolute;
        background-color: #fff;
        border: 1px solid #ddd;
        top: 20px;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 10;
        font-size: 0.8em;
        padding: 2px;
        width: 150px;
        margin: 0; }
        .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-ellipsis .more-popup .hide-display {
          padding: 0.5em 1em;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: 100%;
          color: #222; }
          .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-ellipsis .more-popup .hide-display:hover {
            background-color: #ddd; }
          .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-ellipsis .more-popup .hide-display .hide-display-icon {
            margin-right: 5px;
            padding: 5px;
            border: 1px solid #222;
            border-radius: 50%;
            width: 2em;
            height: 2em; }
            .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-ellipsis .more-popup .hide-display .hide-display-icon svg {
              width: 100%;
              height: 100%;
              fill: #222; }
    .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-iconlist {
      margin-top: 10px; }
      .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-iconlist svg {
        width: 1em;
        height: 1em; }
      .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-iconlist .postinner-comment-icon {
        margin-left: 10px;
        cursor: pointer; }
      .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-iconlist .reply-comment-button {
        cursor: pointer; }
    .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-like {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .page-content .postheader-body .postinner-comment-wrap .postinner-comment .postinner-comment-like svg {
        margin-right: 5px; }
.page-content .postheader-body .reply-comment {
  margin-top: 2em; }
  .page-content .postheader-body .reply-comment.switchon {
    display: block !important; }
  .page-content .postheader-body .reply-comment .reply-inner {
    padding: 1em 0 0 2em; }
  .page-content .postheader-body .reply-comment .reply-comment-body {
    width: 100%;
    margin-left: 1em; }
    .page-content .postheader-body .reply-comment .reply-comment-body .post-comment {
      outline: none;
      background: transparent;
      background-image: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: 1px solid #ddd;
      color: inherit;
      line-height: 1.5;
      width: 100%;
      padding: 0.5em;
      overflow: hidden;
      min-height: 60px;
      max-height: 100px;
      height: auto;
      resize: none; }
.page-content .postheader-body .submit-comment-wrap {
  text-align: right;
  margin-top: 1em; }
.page-content .postheader-body .submit-comment {
  letter-spacing: 2px;
  text-align: center;
  padding: 5px 2em;
  border-radius: 8px;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
  outline: none;
  border-style: solid;
  border-width: 1px; }
.page-content .postheader-body .read-more {
  position: relative;
  text-decoration: none;
  cursor: text; }
  .page-content .postheader-body .read-more .trigger {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 50%;
    bottom: 0;
    cursor: pointer;
    font-weight: bold;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .page-content .postheader-body .read-more .postinner-content {
    position: relative;
    overflow: hidden;
    max-height: 89.6px;
    -webkit-transition: max-height 500ms ease;
    -o-transition: max-height 500ms ease;
    transition: max-height 500ms ease; }
    .page-content .postheader-body .read-more .postinner-content::before {
      content: '';
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 55px;
      -webkit-transition: opactiy 500ms ease, visibility 500ms ease;
      -o-transition: opactiy 500ms ease, visibility 500ms ease;
      transition: opactiy 500ms ease, visibility 500ms ease; }
  .page-content .postheader-body .read-more.expanded .postinner-content {
    max-height: none; }
    .page-content .postheader-body .read-more.expanded .postinner-content::before {
      opacity: 0;
      visibility: hidden; }
  .page-content .postheader-body .read-more.expanded .trigger {
    opacity: 0;
    visibility: hidden; }

.creatorpage-project-wrap {
  width: 80%;
  margin: auto; }
  @media screen and (max-width: 480px) {
    .creatorpage-project-wrap {
      width: 90%; } }
  .creatorpage-project-wrap .creatorpage-project-inner {
    margin-top: 50px;
    width: 100%; }
    @media screen and (max-width: 480px) {
      .creatorpage-project-wrap .creatorpage-project-inner {
        display: block !important; } }
    .creatorpage-project-wrap .creatorpage-project-inner:hover {
      opacity: 1; }
    .creatorpage-project-wrap .creatorpage-project-inner:first-of-type {
      margin-top: 0; }
    .creatorpage-project-wrap .creatorpage-project-inner form {
      width: 100%; }
    @media screen and (max-width: 801px) {
      .creatorpage-project-wrap .creatorpage-project-inner .creatorpage-project-content {
        display: block !important; } }
    .creatorpage-project-wrap .creatorpage-project-inner .project-image-wrap {
      width: 80%; }
      @media screen and (max-width: 801px) {
        .creatorpage-project-wrap .creatorpage-project-inner .project-image-wrap {
          width: 100%; } }
    .creatorpage-project-wrap .creatorpage-project-inner .project-image {
      width: 100%;
      height: 100%;
      padding-top: 66.66666%;
      background-size: cover;
      background-position: center; }
    .creatorpage-project-wrap .creatorpage-project-inner .project-content {
      padding: 25px;
      width: 100%; }
      @media screen and (max-width: 480px) {
        .creatorpage-project-wrap .creatorpage-project-inner .project-content {
          width: 100%;
          padding: 1em; } }
      .creatorpage-project-wrap .creatorpage-project-inner .project-content .project-content-inner {
        width: 100%; }
    .creatorpage-project-wrap .creatorpage-project-inner .project-title-wrap h2 {
      font-size: 1.3em;
      text-align: left;
      padding-bottom: 0;
      line-height: 1.5;
      overflow: hidden;
      height: 3em; }
      @media screen and (max-width: 480px) {
        .creatorpage-project-wrap .creatorpage-project-inner .project-title-wrap h2 {
          font-size: 1em; } }
    .creatorpage-project-wrap .creatorpage-project-inner .project-title-wrap .project-description {
      height: 3em;
      overflow: hidden;
      margin-top: 1em;
      font-size: 0.8em; }
    .creatorpage-project-wrap .creatorpage-project-inner .support-content-header {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .creatorpage-project-wrap .creatorpage-project-inner .support-content-header {
          display: block; } }
      .creatorpage-project-wrap .creatorpage-project-inner .support-content-header .support-title {
        padding: 0;
        font-size: 1.3em;
        width: 75%;
        text-align: left;
        overflow: hidden;
        max-height: 3em;
        line-height: 1.5; }
        @media screen and (max-width: 480px) {
          .creatorpage-project-wrap .creatorpage-project-inner .support-content-header .support-title {
            width: auto;
            font-size: 1em; } }
      .creatorpage-project-wrap .creatorpage-project-inner .support-content-header .support-bottom-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .creatorpage-project-wrap .creatorpage-project-inner .support-content-header .support-bottom-content i {
          margin-right: 10px;
          line-height: 1.5; }
    .creatorpage-project-wrap .creatorpage-project-inner .support-content-body .amount {
      margin: 2em 0; }
      @media screen and (max-width: 480px) {
        .creatorpage-project-wrap .creatorpage-project-inner .support-content-body .amount {
          margin: 1em 0; } }
    .creatorpage-project-wrap .creatorpage-project-inner .project-bar {
      margin: 2em 0;
      position: relative; }
      .creatorpage-project-wrap .creatorpage-project-inner .project-bar .bar-background {
        border-radius: 100px;
        height: 4px;
        overflow: hidden;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        background-color: #ddd; }
        .creatorpage-project-wrap .creatorpage-project-inner .project-bar .bar-background .bar-success {
          background-color: #FCC202;
          border-radius: 0 4px 4px 0;
          height: 100%; }
      .creatorpage-project-wrap .creatorpage-project-inner .project-bar .bar-success-persent {
        margin-left: 1em; }
    .creatorpage-project-wrap .creatorpage-project-inner .project-bottom-wrap .icon-icon-fire {
      font-size: 1.5em;
      fill: #d85259;
      margin: 0; }
    .creatorpage-project-wrap .creatorpage-project-inner .project-bottom-wrap .project-bottom-content {
      margin-left: 2em; }
      .creatorpage-project-wrap .creatorpage-project-inner .project-bottom-wrap .project-bottom-content:first-of-type {
        margin-left: 0; }
    .creatorpage-project-wrap .creatorpage-project-inner .project-bottom-wrap svg {
      margin-right: 5px;
      width: 1em;
      height: 1em; }
    .creatorpage-project-wrap .creatorpage-project-inner .project-bottom-wrap .icon-icon-audience {
      width: 1.4em;
      height: 1.4em; }
    .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap {
      padding: 50px;
      width: 100%; }
      @media screen and (max-width: 801px) {
        .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap {
          padding: 50px 1em; } }
      .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .return-confirm-title {
        padding-bottom: 50px; }
      .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .about-return-confirm,
      .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .select-payment-title {
        font-size: 1.2em;
        font-weight: bold; }
        @media screen and (max-width: 480px) {
          .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .about-return-confirm,
          .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .select-payment-title {
            font-size: 1em; } }
      .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .select-payment-wrap {
        margin: 50px 0 0; }
      .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .basic-table-wrap {
        margin-top: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        @media screen and (max-width: 480px) {
          .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .basic-table-wrap {
            display: block; } }
      @media screen and (max-width: 480px) {
        .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .returnconfirm-image-wrap {
          width: 100%; } }
      .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .returnconfirm-image {
        width: 300px; }
        @media screen and (max-width: 480px) {
          .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .returnconfirm-image {
            width: 100%; } }
        @media screen and (min-width: 480px) and (max-width: 801px) {
          .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .returnconfirm-image {
            width: 200px; } }
      .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .basic-table {
        margin-left: 50px;
        width: 100%; }
        @media screen and (max-width: 480px) {
          .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .basic-table {
            margin-left: 0; } }
        @media screen and (min-width: 480px) and (max-width: 801px) {
          .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .basic-table {
            margin-left: 1em; } }
        .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .basic-table .basic-tr {
          width: 100%;
          padding: 1em; }
          @media screen and (max-width: 801px) {
            .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .basic-table .basic-tr {
              display: block;
              padding-bottom: 2em; } }
          .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .basic-table .basic-tr:first-of-type {
            padding-top: 0; }
          .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .basic-table .basic-tr:last-of-type {
            padding-bottom: 0; }
          .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .basic-table .basic-tr .basic-th {
            width: 20%;
            font-weight: bold; }
            @media screen and (max-width: 801px) {
              .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .basic-table .basic-tr .basic-th {
                width: auto;
                margin-bottom: 0.5em; } }
          .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .basic-table .basic-tr .basic-td {
            width: 80%; }
            @media screen and (max-width: 801px) {
              .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .basic-table .basic-tr .basic-td {
                width: 100%; } }
            .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .basic-table .basic-tr .basic-td .text-bold {
              font-weight: bold; }
            .creatorpage-project-wrap .creatorpage-project-inner .return-confirm-wrap .basic-table .basic-tr .basic-td .return-name {
              margin-bottom: 1em; }
    .creatorpage-project-wrap .creatorpage-project-inner .project-increment {
      margin-top: 50px;
      padding: 2em; }
      @media screen and (max-width: 480px) {
        .creatorpage-project-wrap .creatorpage-project-inner .project-increment {
          padding: 2em 0; } }
      .creatorpage-project-wrap .creatorpage-project-inner .project-increment .project-increment-title {
        text-align: center;
        margin-bottom: 25px;
        font-size: 1.2em;
        font-weight: bold; }
        @media screen and (max-width: 480px) {
          .creatorpage-project-wrap .creatorpage-project-inner .project-increment .project-increment-title {
            font-size: 1em;
            text-align: left;
            line-height: 1.5; } }
      .creatorpage-project-wrap .creatorpage-project-inner .project-increment .project-increment-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .creatorpage-project-wrap .creatorpage-project-inner .project-increment .input-increment-wrap {
        margin: 0 1em;
        font-size: 1.5em; }
        @media screen and (max-width: 480px) {
          .creatorpage-project-wrap .creatorpage-project-inner .project-increment .input-increment-wrap {
            font-size: 0.8em; } }
      .creatorpage-project-wrap .creatorpage-project-inner .project-increment .input-increment {
        width: 200px;
        height: 80px;
        font-size: 1em;
        margin-right: 0.5em;
        text-align: center;
        outline: none; }
        @media screen and (max-width: 480px) {
          .creatorpage-project-wrap .creatorpage-project-inner .project-increment .input-increment {
            width: 100px;
            height: 40px;
            font-size: 16px; } }
      .creatorpage-project-wrap .creatorpage-project-inner .project-increment .button {
        width: 40px;
        height: 40px;
        padding: 0;
        border-width: 1px;
        border-style: solid;
        border-radius: 50%;
        outline: none;
        cursor: pointer; }
        @media screen and (max-width: 480px) {
          .creatorpage-project-wrap .creatorpage-project-inner .project-increment .button {
            width: 30px;
            height: 30px;
            font-size: 0.7em; } }
        .creatorpage-project-wrap .creatorpage-project-inner .project-increment .button:hover {
          -webkit-transition: all .5s;
          -o-transition: all .5s;
          transition: all .5s; }
          .creatorpage-project-wrap .creatorpage-project-inner .project-increment .button:hover i {
            color: initial; }

.project-select-wrap {
  padding: 100px 0 0; }
  .project-select-wrap h3 {
    text-align: center;
    font-size: 1.3em; }
  .project-select-wrap .project-select-inner:after {
    content: "";
    width: calc(100% / 3.5);
    margin: 2em 0; }
  .project-select-wrap .project-select {
    margin: 100px 0 0;
    width: calc(100% / 3.5); }
    @media screen and (max-width: 480px) {
      .project-select-wrap .project-select {
        width: 100%; } }
    @media screen and (min-width: 480px) and (max-width: 801px) {
      .project-select-wrap .project-select {
        width: calc(100% / 2.1); } }
    .project-select-wrap .project-select .return-image {
      width: 100%;
      height: 200px;
      background-position: center;
      background-size: cover; }
    .project-select-wrap .project-select .return-label {
      padding: 1em; }
      .project-select-wrap .project-select .return-label .return-title {
        font-weight: bold; }
      .project-select-wrap .project-select .return-label .return-description {
        font-size: 0.8em;
        height: 4.5em;
        overflow: hidden; }
      .project-select-wrap .project-select .return-label .amount {
        margin: 1em 0; }
    .project-select-wrap .project-select .button-wrap {
      margin: 1em 0 0; }
      .project-select-wrap .project-select .button-wrap .button {
        padding: 10px;
        display: inline-block;
        font-size: 0.8em; }

.cart-button {
  position: absolute;
  top: 13%;
  right: 2%;
  z-index: 10; }
  @media screen and (max-width: 480px) {
    .cart-button {
      top: 70px;
      right: 5%; } }
  @media screen and (min-width: 480px) and (max-width: 801px) {
    .cart-button {
      right: 5%; } }
  .cart-button .cart-icon {
    padding: 10px;
    border-radius: 50%;
    margin-right: 10px; }
  .cart-button svg {
    width: 1.3em;
    height: 1.3em;
    margin-right: 5px; }
  .cart-button .cart {
    font-size: 1.3em;
    font-weight: 200; }
    @media screen and (max-width: 480px) {
      .cart-button .cart {
        display: none; } }
  .cart-button .badge {
    font-size: 0.8em;
    position: absolute;
    top: 0;
    right: -20px;
    background-color: red;
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    line-height: 1; }
    @media screen and (max-width: 480px) {
      .cart-button .badge {
        right: -10px;
        top: -13px; } }

.shop-contents {
  max-width: 1024px;
  width: 90%;
  margin: auto; }
  .shop-contents .nopost-block {
    width: 100%; }
  .shop-contents .nopost-inner {
    padding: 25px; }
  .shop-contents .nopost {
    text-align: center; }
  .shop-contents.shop-list-wrap {
    display: -ms-grid;
    display: grid;
    grid-gap: 25px;
    -ms-grid-columns: 1fr 4px 1fr 4px 1fr 4px;
    grid-template-columns: repeat(3, 1fr); }
    @media screen and (max-width: 600px) {
      .shop-contents.shop-list-wrap {
        grid-gap: 10px;
        -ms-grid-columns: 1fr 4px 1fr 4px;
        grid-template-columns: repeat(2, 1fr); } }
    .shop-contents.shop-list-wrap.full-wide-wrap {
      -ms-grid-columns: 1fr 4px;
      grid-template-columns: repeat(1, 1fr); }
    .shop-contents.shop-list-wrap .shop-list {
      width: 100%;
      display: inline-block;
      padding: 1em;
      text-align: center;
      position: relative;
      overflow: hidden; }
      @media screen and (max-width: 480px) {
        .shop-contents.shop-list-wrap .shop-list {
          padding: 10px; } }
      .shop-contents.shop-list-wrap .shop-list .shop-list-image {
        width: 100%;
        height: 0;
        padding-top: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        position: relative; }
      .shop-contents.shop-list-wrap .shop-list .shop-list-titlewrap {
        padding-top: 1em; }
        @media screen and (max-width: 480px) {
          .shop-contents.shop-list-wrap .shop-list .shop-list-titlewrap {
            padding: 10px 0 0; } }
      .shop-contents.shop-list-wrap .shop-list .shop-typeicon-wrap {
        margin-bottom: 1em;
        position: relative;
        z-index: 10;
        display: inline-block; }
        .shop-contents.shop-list-wrap .shop-list .shop-typeicon-wrap .shop-typeicon {
          width: 25px;
          height: 25px;
          border-radius: 50%;
          padding: 5px;
          display: inline-block;
          margin-right: 5px;
          cursor: pointer;
          position: relative;
          line-height: 5px; }
          .shop-contents.shop-list-wrap .shop-list .shop-typeicon-wrap .shop-typeicon:last-of-type {
            margin-right: 0; }
          .shop-contents.shop-list-wrap .shop-list .shop-typeicon-wrap .shop-typeicon .icon-tooltip {
            display: inline-block;
            position: absolute;
            top: -25px;
            left: 50%;
            z-index: 11;
            white-space: nowrap;
            font-size: 0.8em;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            padding: 8px 5px; }
            @media screen and (max-width: 480px) {
              .shop-contents.shop-list-wrap .shop-list .shop-typeicon-wrap .shop-typeicon .icon-tooltip {
                font-size: 0.7em; } }
            .shop-contents.shop-list-wrap .shop-list .shop-typeicon-wrap .shop-typeicon .icon-tooltip:before {
              content: "";
              position: absolute;
              -webkit-transition: all .5s;
              -o-transition: all .5s;
              transition: all .5s;
              border: 10px solid transparent;
              bottom: -19px;
              left: 50%;
              -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
        .shop-contents.shop-list-wrap .shop-list .shop-typeicon-wrap svg {
          width: 100%;
          height: 100%; }
      .shop-contents.shop-list-wrap .shop-list .shop-list-title {
        width: 100%;
        word-break: break-all; }
      .shop-contents.shop-list-wrap .shop-list .shop-list-price {
        margin-top: 1em; }
        .shop-contents.shop-list-wrap .shop-list .shop-list-price:before {
          content: "¥ "; }
        .shop-contents.shop-list-wrap .shop-list .shop-list-price:after {
          content: " 〜"; }
        .shop-contents.shop-list-wrap .shop-list .shop-list-price.sale {
          color: #e73656; }
      .shop-contents.shop-list-wrap .shop-list .salerate {
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #e73656;
        color: #fff;
        font-size: 0.8em;
        width: 75px;
        text-align: center; }
        @media screen and (max-width: 480px) {
          .shop-contents.shop-list-wrap .shop-list .salerate {
            font-size: 0.6em;
            width: 50px; } }
      .shop-contents.shop-list-wrap .shop-list .auction-period {
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #e73656;
        color: #fff;
        font-size: 0.8em;
        padding: 0 5px;
        text-align: center;
        display: inline-block; }
        @media screen and (max-width: 480px) {
          .shop-contents.shop-list-wrap .shop-list .auction-period {
            font-size: 0.6em; } }
      .shop-contents.shop-list-wrap .shop-list .almost-gone {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #e73656;
        color: #fff;
        font-size: 0.8em;
        padding: 0 5px;
        text-align: center;
        display: inline-block; }
        @media screen and (max-width: 480px) {
          .shop-contents.shop-list-wrap .shop-list .almost-gone {
            font-size: 0.6em; } }
      .shop-contents.shop-list-wrap .shop-list .soldout {
        position: absolute;
        top: -70px;
        left: -70px;
        width: 0;
        height: 0;
        z-index: 2;
        border-style: solid;
        border-color: transparent;
        border-width: 70px;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg); }
        @media screen and (max-width: 480px) {
          .shop-contents.shop-list-wrap .shop-list .soldout {
            top: -40px;
            left: -40px;
            border-width: 40px; } }
        .shop-contents.shop-list-wrap .shop-list .soldout span {
          text-align: center;
          font-weight: bold;
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
          position: absolute;
          top: -50px;
          left: -29px;
          font-size: 0.8em;
          width: 62px; }
          @media screen and (max-width: 480px) {
            .shop-contents.shop-list-wrap .shop-list .soldout span {
              font-size: 0.6em;
              top: -34px;
              left: -21px;
              line-height: 1;
              width: 40px; } }
          .shop-contents.shop-list-wrap .shop-list .soldout span br {
            display: none; }
            @media screen and (max-width: 480px) {
              .shop-contents.shop-list-wrap .shop-list .soldout span br {
                display: block; } }
      .shop-contents.shop-list-wrap .shop-list .lock-icon {
        position: absolute;
        width: 40px;
        height: 40px;
        top: 15px;
        right: 15px;
        padding: 10px;
        background-color: #fff;
        border-radius: 50%;
        z-index: 2;
        border: 1px solid #ddd; }
        @media screen and (max-width: 480px) {
          .shop-contents.shop-list-wrap .shop-list .lock-icon {
            width: 30px;
            height: 30px;
            top: 5px;
            right: 5px;
            padding: 6px; } }
        .shop-contents.shop-list-wrap .shop-list .lock-icon svg {
          width: 100%;
          height: 100%;
          fill: #222; }
      .shop-contents.shop-list-wrap .shop-list .shop-list-link {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1; }
        .shop-contents.shop-list-wrap .shop-list .shop-list-link:hover {
          opacity: 0.8; }
  .shop-contents.shop-view-wrap {
    padding: 50px; }
    @media screen and (max-width: 480px) {
      .shop-contents.shop-view-wrap {
        padding: 25px 15px 50px; } }
    .shop-contents.shop-view-wrap .shop-image-wrap {
      position: relative; }
      .shop-contents.shop-view-wrap .shop-image-wrap .shop-image-slider {
        opacity: 0; }
        .shop-contents.shop-view-wrap .shop-image-wrap .shop-image-slider .shop-main-image {
          width: 100%;
          height: 300px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain; }
          @media screen and (max-width: 480px) {
            .shop-contents.shop-view-wrap .shop-image-wrap .shop-image-slider .shop-main-image {
              height: 200px; } }
          .shop-contents.shop-view-wrap .shop-image-wrap .shop-image-slider .shop-main-image.main:hover {
            cursor: zoom-in; }
        .shop-contents.shop-view-wrap .shop-image-wrap .shop-image-slider .shop-sub-image {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover;
          position: absolute;
          top: 0;
          left: 0; }
        .shop-contents.shop-view-wrap .shop-image-wrap .shop-image-slider .slick-slide {
          outline: none; }
          .shop-contents.shop-view-wrap .shop-image-wrap .shop-image-slider .slick-slide .slide-wrapper {
            display: block;
            opacity: 0.5;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s; }
        .shop-contents.shop-view-wrap .shop-image-wrap .shop-image-slider.slick-initialized {
          opacity: 1; }
        .shop-contents.shop-view-wrap .shop-image-wrap .shop-image-slider .slick-dots {
          margin: 50px 0;
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 1fr 4px 1fr 4px 1fr 4px 1fr 4px 1fr 4px 1fr 1fr 4px 1fr 4px 1fr 4px 1fr 4px 1fr 4px 1fr 1fr 4px;
          grid-template-columns: repeat(11, 1fr);
          grid-gap: 5px; }
          @media screen and (max-width: 480px) {
            .shop-contents.shop-view-wrap .shop-image-wrap .shop-image-slider .slick-dots {
              margin: 25px 0;
              -ms-grid-columns: 4px 1fr 4px 1fr 4px 1fr 4px 1fr 4px 1fr 1fr 4px;
              grid-template-columns: repeat(6, 1fr); } }
          .shop-contents.shop-view-wrap .shop-image-wrap .shop-image-slider .slick-dots li {
            border: 1px solid transparent;
            cursor: pointer;
            position: relative; }
            .shop-contents.shop-view-wrap .shop-image-wrap .shop-image-slider .slick-dots li:before {
              content: "";
              display: block;
              padding-top: 100%; }
            .shop-contents.shop-view-wrap .shop-image-wrap .shop-image-slider .slick-dots li.slick-active {
              cursor: default; }
      .shop-contents.shop-view-wrap .shop-image-wrap .slider-arrow {
        outline: none;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        text-decoration: none;
        font-family: 'Material Icons';
        font-size: 4em;
        cursor: pointer;
        position: absolute;
        z-index: 1;
        top: 150px; }
        @media screen and (max-width: 480px) {
          .shop-contents.shop-view-wrap .shop-image-wrap .slider-arrow {
            top: 75px; } }
        .shop-contents.shop-view-wrap .shop-image-wrap .slider-arrow.slick-disabled {
          opacity: 0; }
        .shop-contents.shop-view-wrap .shop-image-wrap .slider-arrow.arrow-right {
          right: -50px; }
          @media screen and (max-width: 480px) {
            .shop-contents.shop-view-wrap .shop-image-wrap .slider-arrow.arrow-right {
              right: -0.3em; } }
          .shop-contents.shop-view-wrap .shop-image-wrap .slider-arrow.arrow-right:before {
            content: '\e315'; }
        .shop-contents.shop-view-wrap .shop-image-wrap .slider-arrow.arrow-left {
          left: -50px; }
          @media screen and (max-width: 480px) {
            .shop-contents.shop-view-wrap .shop-image-wrap .slider-arrow.arrow-left {
              left: -0.3em; } }
          .shop-contents.shop-view-wrap .shop-image-wrap .slider-arrow.arrow-left:before {
            content: "\e314"; }
        .shop-contents.shop-view-wrap .shop-image-wrap .slider-arrow:hover {
          -webkit-transition: all .5s;
          -o-transition: all .5s;
          transition: all .5s; }
    .shop-contents.shop-view-wrap .shop-desc-wrap .shop-product-category {
      border-radius: 5px;
      padding: 3px 10px;
      font-size: 0.8em;
      margin-bottom: 10px;
      display: inline-block; }
    .shop-contents.shop-view-wrap .shop-desc-wrap .shop-product-title {
      font-size: 1.4em;
      text-align: left;
      padding-bottom: 15px;
      line-height: 1.5; }
      @media screen and (max-width: 480px) {
        .shop-contents.shop-view-wrap .shop-desc-wrap .shop-product-title {
          font-size: 1em;
          padding-top: 0; } }
    .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap {
      margin-bottom: 25px; }
      .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-inner {
        margin-bottom: 1em; }
        @media screen and (max-width: 480px) {
          .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-inner {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
        .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-inner:last-of-type {
          margin-bottom: 0; }
      .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list {
        margin-right: 1em; }
        @media screen and (max-width: 480px) {
          .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list {
            font-size: 0.9em;
            margin-right: 5px;
            margin-top: 10px; } }
        .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list:last-of-type {
          margin-right: 0; }
        .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list a {
          display: inline-block; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list a.share-button {
            color: #fff;
            height: 20px;
            border-radius: 3px;
            font-weight: 500;
            font-size: 12px;
            padding: 1px 8px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            @media screen and (max-width: 480px) {
              .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list a.share-button {
                height: auto;
                font-size: 1em;
                padding: 5px 8px; } }
            .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list a.share-button i {
              margin-right: 3px; }
            .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list a.share-button svg {
              width: 1.2em;
              height: 1.3em;
              margin-right: 3px; }
              @media screen and (max-width: 480px) {
                .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list a.share-button svg {
                  width: 1em;
                  height: 1em; } }
            .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list a.share-button p {
              font-family: sans-serif;
              line-height: 1; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list a.share-twitter {
            background-color: #1da1f2; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list a.share-facebook {
            background-color: #1877f2; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list a.share-line {
            background-color: #00b900; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list a.howtoorder {
            color: inherit; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list a.contact-button {
            color: #555;
            background-color: #f5f5f5;
            border: 1px solid #999; }
            @media screen and (max-width: 480px) {
              .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list a.contact-button {
                padding: 4px 8px; } }
            .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list a.contact-button svg {
              fill: #555; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list a.share-widget {
            background-color: #999;
            cursor: pointer; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list a.widget-report {
            font-size: 12px;
            cursor: pointer; }
        .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup {
          width: 100%;
          height: 100vh;
          position: fixed;
          background-color: rgba(0, 0, 0, 0.8);
          top: 0;
          left: 0;
          z-index: 1000; }
        .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner {
          width: 90%;
          position: fixed;
          height: 80vh;
          background-color: #fff;
          color: #222;
          z-index: 1001;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
          @media screen and (max-width: 480px) {
            .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner {
              overflow-y: scroll; } }
          @media screen and (max-width: 480px) {
            .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-popup-wrap {
              display: block; } }
          .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content {
            width: 50%;
            padding: 50px; }
            @media screen and (max-width: 480px) {
              .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content {
                width: 100%;
                padding: 50px 1em 0; }
                .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content:last-of-type {
                  padding: 50px 1em; } }
            .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content .close-button {
              position: absolute;
              font-size: 2em;
              right: 10px;
              top: 10px;
              cursor: pointer; }
            .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content .widget-content-title {
              padding: 0;
              font-size: 1.3em;
              text-align: left; }
            .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content .widget-desc {
              margin: 25px 0; }
            .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content .widet-content-embed {
              width: 100%;
              height: 20vh;
              font-size: 0.8em;
              padding: 1em;
              line-height: 1.5; }
              @media screen and (max-width: 480px) {
                .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content .widet-content-embed {
                  border: 1px solid #aaa; } }
            .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content .widget-shop {
              width: 100%;
              border: 1px solid #ddd;
              margin: 0; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-report-form label {
            display: block;
            margin-bottom: 1em;
            cursor: pointer; }
            @media screen and (max-width: 480px) {
              .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-report-form label {
                font-size: 0.8em; } }
            .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-report-form label:first-of-type {
              margin-top: 50px; }
              @media screen and (max-width: 480px) {
                .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-report-form label:first-of-type {
                  margin-top: 25px; } }
            .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-report-form label input {
              margin-right: 1em; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widet-report-content {
            width: 100%;
            height: 100%;
            font-size: 1em;
            padding: 1em;
            border: 1px solid #ddd; }
            @media screen and (max-width: 480px) {
              .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widet-report-content {
                font-size: 0.8em;
                margin-top: -25px;
                height: 30vh; } }
          .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .button-wrap {
            margin: 0; }
            @media screen and (max-width: 480px) {
              .shop-contents.shop-view-wrap .shop-desc-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .button-wrap {
                padding-bottom: 50px; } }
    .shop-contents.shop-view-wrap .shop-desc-wrap .shop-product-desc {
      text-align: justify;
      word-break: break-all;
      position: relative;
      margin-bottom: 50px; }
      .shop-contents.shop-view-wrap .shop-desc-wrap .shop-product-desc img {
        max-width: 100%; }
      .shop-contents.shop-view-wrap .shop-desc-wrap .shop-product-desc a {
        text-decoration: underline; }
      @media screen and (max-width: 801px) {
        .shop-contents.shop-view-wrap .shop-desc-wrap .shop-product-desc .readmore {
          max-height: 300px;
          overflow: hidden; } }
      @media screen and (max-width: 801px) {
        .shop-contents.shop-view-wrap .shop-desc-wrap .shop-product-desc .remove {
          max-height: unset;
          overflow: unset; } }
      .shop-contents.shop-view-wrap .shop-desc-wrap .shop-product-desc .morebutton {
        display: none; }
        @media screen and (max-width: 801px) {
          .shop-contents.shop-view-wrap .shop-desc-wrap .shop-product-desc .morebutton {
            display: block;
            width: 100px;
            margin: 25px auto;
            padding: 5px 10px;
            cursor: pointer;
            text-align: center;
            border: 1px solid; }
            .shop-contents.shop-view-wrap .shop-desc-wrap .shop-product-desc .morebutton.hidden {
              display: none; } }
    @media screen and (max-width: 801px) {
      .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info {
        display: block; } }
    .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-left {
      width: 55%; }
      @media screen and (max-width: 801px) {
        .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-left {
          width: 100%;
          margin-bottom: 25px; } }
      .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-left.shop-info-image {
        position: relative; }
        .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-left.shop-info-image .shop-image {
          width: 100%;
          height: 100%;
          padding-top: 56.25%;
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat; }
        .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-left.shop-info-image .shop-iframe-wrap {
          position: relative;
          width: 100% !important;
          height: 0;
          padding-top: 56.25%;
          cursor: pointer;
          overflow: hidden; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-left.shop-info-image .shop-iframe-wrap .thumb {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 2;
            width: 100%;
            height: 134%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
          .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-left.shop-info-image .shop-iframe-wrap .icon-icon-movie {
            position: absolute;
            z-index: 2;
            fill: #fff;
            top: 50%;
            left: 50%;
            width: 5em;
            height: 5em;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            opacity: 0.8; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-left.shop-info-image .shop-iframe-wrap iframe {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            z-index: 1; }
    .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right {
      width: 40%; }
      @media screen and (max-width: 801px) {
        .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right {
          width: 100%; } }
      .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap {
        padding: 15px 0;
        border-top: 1px solid;
        border-bottom: 1px solid; }
        @media screen and (max-width: 801px) {
          .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap {
            border: none;
            padding: 0; } }
        .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview {
          margin-bottom: 15px;
          position: relative;
          z-index: 100; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview svg {
            width: 25px;
            height: 25px;
            margin-right: 15px;
            -ms-flex-negative: 0;
            flex-shrink: 0; }
            @media screen and (max-width: 801px) {
              .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview svg {
                margin-right: 10px; } }
            .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview svg.variation-icon {
              margin-top: 0.8em; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview p .emphasis {
            font-size: 2.3em; }
            @media screen and (max-width: 480px) {
              .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview p .emphasis {
                font-size: 2em; } }
            @media screen and (min-width: 480px) and (max-width: 801px) {
              .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview p .emphasis {
                font-size: 1.8em; } }
            .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview p .emphasis.emphasis-number {
              margin: 0 5px; }
              @media screen and (max-width: 801px) {
                .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview p .emphasis.emphasis-number {
                  margin: 0 3px; } }
            .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview p .emphasis.emphasis-lead {
              margin-right: 5px; }
              @media screen and (max-width: 801px) {
                .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview p .emphasis.emphasis-lead {
                  margin-right: 3px; } }
            .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview p .emphasis.emphasis-end {
              font-size: 2em; }
            .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview p .emphasis.emphasis-text {
              font-size: 1.3em; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview p.sale {
            display: inline-block; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview p.sale-basic-price {
            font-size: 0.5em;
            margin-right: 5px;
            position: relative; }
            .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview p.sale-basic-price:before {
              content: "";
              width: 100%;
              height: 1px;
              position: absolute;
              top: 50%; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview p.sale-price {
            color: #e73656; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview p .sale-period {
            margin-right: 5px;
            color: #e73656; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview p.digitalcontent-wrap {
            overflow: hidden; }
            .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview p.digitalcontent-wrap .digitalcontent-filename {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
            .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview p.digitalcontent-wrap .digitalcontent-filesize {
              margin-left: 5px; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview .product-select-wrap {
            width: 100%; }
            .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview .product-select-wrap .product-select {
              font-size: 0.9em;
              margin-bottom: 10px; }
              .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview .product-select-wrap .product-select:last-of-type {
                margin-bottom: 0; }
              .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview .product-select-wrap .product-select label {
                margin-right: 10px;
                width: 35px; }
              .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview .product-select-wrap .product-select .select-wrap.product-select-inner {
                border-radius: 0;
                width: 100%; }
                .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview .product-select-wrap .product-select .select-wrap.product-select-inner .select {
                  max-width: 100%;
                  width: 100%;
                  height: 50px;
                  padding-right: 35px; }
                  .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shop-overview .product-select-wrap .product-select .select-wrap.product-select-inner .select:disabled {
                    background-color: #ddd;
                    cursor: not-allowed; }
        .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shipping-price-wrap {
          font-size: 0.8em; }
          .shop-contents.shop-view-wrap .shop-desc-wrap .shop-info .shop-info-right.shop-overview-wrap .shipping-price-wrap .shipping-price {
            margin-left: 3px; }
    .shop-contents.shop-view-wrap .increment-wrap {
      position: relative; }
      .shop-contents.shop-view-wrap .increment-wrap .taxin-text {
        position: absolute;
        bottom: -1.5em;
        right: 0; }
    .shop-contents.shop-view-wrap .limited-wrap {
      margin-top: 50px;
      text-align: center; }
      .shop-contents.shop-view-wrap .limited-wrap .limited-desc {
        color: #e73656; }
      .shop-contents.shop-view-wrap .limited-wrap .limited-button-wrap {
        margin-top: 50px; }
        @media screen and (max-width: 480px) {
          .shop-contents.shop-view-wrap .limited-wrap .limited-button-wrap {
            display: block; } }
        .shop-contents.shop-view-wrap .limited-wrap .limited-button-wrap .button-wrap {
          margin-top: 0; }
        .shop-contents.shop-view-wrap .limited-wrap .limited-button-wrap .limited-login {
          margin-left: 50px; }
          @media screen and (max-width: 480px) {
            .shop-contents.shop-view-wrap .limited-wrap .limited-button-wrap .limited-login {
              margin-top: 15px;
              margin-left: 0; } }
      .shop-contents.shop-view-wrap .limited-wrap .date {
        margin: 0 5px; }
  .shop-contents .outofstock {
    cursor: not-allowed !important; }
  .shop-contents .select-wrap {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    display: inline-block; }
    .shop-contents .select-wrap:before {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 0.7em;
      width: 0;
      height: 0;
      padding: 0;
      content: '';
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #666666;
      pointer-events: none;
      z-index: 10; }
    .shop-contents .select-wrap.select-single-amount:before {
      content: unset; }
    .shop-contents .select-wrap.select-single-amount .select {
      pointer-events: none; }
    .shop-contents .select-wrap .select {
      max-width: 150px;
      cursor: pointer;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      border: none;
      outline: none;
      background: transparent;
      background-image: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      height: 30px;
      padding: 0px 25px 0px 10px;
      font-size: 0.9em; }
      .shop-contents .select-wrap .select.select-amount {
        width: 70px; }
        @media screen and (max-width: 480px) {
          .shop-contents .select-wrap .select.select-amount {
            width: auto;
            height: 25px; } }
  .shop-contents.shop-cart-wrap .continue-button {
    text-align: center;
    padding: 1em;
    display: block;
    margin-bottom: 50px;
    border-width: 1px;
    border-style: solid; }
    @media screen and (max-width: 480px) {
      .shop-contents.shop-cart-wrap .continue-button {
        padding: 10px;
        margin-bottom: 25px; } }
    .shop-contents.shop-cart-wrap .continue-button:hover {
      background-color: transparent;
      opacity: 1; }
  .shop-contents.shop-cart-wrap .cart-list-wrap .cart-title {
    font-weight: 200;
    font-size: 1.5em;
    text-align: left;
    padding: 0.5em;
    margin: 0; }
    @media screen and (max-width: 480px) {
      .shop-contents.shop-cart-wrap .cart-list-wrap .cart-title {
        font-size: 1.3em; } }
    .shop-contents.shop-cart-wrap .cart-list-wrap .cart-title svg {
      width: 0.9em;
      height: 0.9em;
      margin-right: 8px; }
  .shop-contents .cart-list-inner {
    padding: 0 50px; }
    @media screen and (max-width: 480px) {
      .shop-contents .cart-list-inner {
        padding: 0 10px; } }
    .shop-contents .cart-list-inner .cart-list {
      padding: 25px 0;
      border-bottom: 1px solid; }
      @media screen and (max-width: 480px) {
        .shop-contents .cart-list-inner .cart-list {
          padding: 15px 0; } }
      .shop-contents .cart-list-inner .cart-list.no-cart-list {
        border-bottom: none; }
      .shop-contents .cart-list-inner .cart-list .cart-content-wrap {
        -ms-flex-negative: 0;
        flex-shrink: 0; }
      .shop-contents .cart-list-inner .cart-list .cart-image-wrap {
        margin-right: 25px; }
        @media screen and (max-width: 480px) {
          .shop-contents .cart-list-inner .cart-list .cart-image-wrap {
            margin-right: 15px; } }
        .shop-contents .cart-list-inner .cart-list .cart-image-wrap .cart-image {
          width: 100px;
          height: 100px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain; }
          @media screen and (max-width: 480px) {
            .shop-contents .cart-list-inner .cart-list .cart-image-wrap .cart-image {
              width: 50px;
              height: 50px; } }
      .shop-contents .cart-list-inner .cart-list .cart-productname-wrap {
        width: 100%;
        word-break: break-all; }
        .shop-contents .cart-list-inner .cart-list .cart-productname-wrap.cart-overflow-content {
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .shop-contents .cart-list-inner .cart-list .cart-productname-wrap .cart-productname {
          margin-bottom: 15px; }
          @media screen and (max-width: 480px) {
            .shop-contents .cart-list-inner .cart-list .cart-productname-wrap .cart-productname {
              margin-bottom: 10px; } }
      .shop-contents .cart-list-inner .cart-list .cart-productdigital {
        overflow: hidden; }
        .shop-contents .cart-list-inner .cart-list .cart-productdigital svg {
          width: 1em;
          height: 1em;
          margin-right: 5px;
          -ms-flex-negative: 0;
          flex-shrink: 0; }
        .shop-contents .cart-list-inner .cart-list .cart-productdigital .digitalcontent-filename {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
          .shop-contents .cart-list-inner .cart-list .cart-productdigital .digitalcontent-filename .digitalcontent-filesize {
            margin-left: 5px; }
      .shop-contents .cart-list-inner .cart-list .cart-button-wrap .cart-delete {
        margin-bottom: 2em;
        color: #e73656;
        display: block;
        text-align: right;
        cursor: pointer; }
        @media screen and (max-width: 480px) {
          .shop-contents .cart-list-inner .cart-list .cart-button-wrap .cart-delete {
            margin-bottom: 10px; } }
    .shop-contents .cart-list-inner .cart-amountprice-wrap {
      width: 300px;
      padding: 25px 0;
      margin-left: auto; }
      @media screen and (max-width: 480px) {
        .shop-contents .cart-list-inner .cart-amountprice-wrap {
          width: 100%;
          padding: 15px 0; } }
      .shop-contents .cart-list-inner .cart-amountprice-wrap .cart-amountprice-list {
        margin-bottom: 15px; }
        .shop-contents .cart-list-inner .cart-amountprice-wrap .cart-amountprice-list:last-of-type {
          margin-bottom: 0;
          border-top: 1px solid;
          padding-top: 15px;
          font-weight: bold; }
        .shop-contents .cart-list-inner .cart-amountprice-wrap .cart-amountprice-list .cart-amount-creditcard {
          width: 30px;
          height: 20px;
          margin-left: 10px; }
  .shop-contents .shop-checkout .shop-payment-wrap {
    margin-bottom: 50px; }
    .shop-contents .shop-checkout .shop-payment-wrap .select-payment-wrap {
      margin-top: 0; }
      .shop-contents .shop-checkout .shop-payment-wrap .select-payment-wrap .page-menu {
        margin-top: 0; }
  .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner {
    margin-bottom: 50px; }
    @media screen and (max-width: 801px) {
      .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner {
        display: block; } }
    .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner:last-of-type {
      margin-bottom: 0; }
    .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner .shop-confirm-info {
      width: 48%; }
      @media screen and (max-width: 801px) {
        .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner .shop-confirm-info {
          width: 100%;
          margin-bottom: 50px; }
          .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner .shop-confirm-info:last-of-type {
            margin-bottom: 0; } }
    .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner .keibuy-confirm-wrap {
      border: 1px solid #222;
      padding: 25px; }
      @media screen and (max-width: 480px) {
        .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner .keibuy-confirm-wrap {
          padding: 15px; } }
      @media screen and (max-width: 480px) {
        .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner .keibuy-confirm-wrap .confirm-inner {
          display: block; } }
      .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner .keibuy-confirm-wrap .confirm-inner .confirm-image-wrap {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 25px; }
        @media screen and (max-width: 480px) {
          .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner .keibuy-confirm-wrap .confirm-inner .confirm-image-wrap {
            margin-right: 0;
            margin-bottom: 15px; } }
        .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner .keibuy-confirm-wrap .confirm-inner .confirm-image-wrap .confirm-image {
          width: 125px;
          height: 125px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain; }
          @media screen and (max-width: 480px) {
            .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner .keibuy-confirm-wrap .confirm-inner .confirm-image-wrap .confirm-image {
              width: 100%;
              height: 100%;
              padding-bottom: 100%; } }
      .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner .keibuy-confirm-wrap .confirm-inner .confirm-product-wrap {
        width: 100%;
        word-break: break-all; }
        .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner .keibuy-confirm-wrap .confirm-inner .confirm-product-wrap .confirm-product-inner .confirm-creatorname {
          font-size: 1em;
          margin-bottom: 5px; }
          @media screen and (max-width: 480px) {
            .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner .keibuy-confirm-wrap .confirm-inner .confirm-product-wrap .confirm-product-inner .confirm-creatorname {
              font-size: 0.9em; } }
        @media screen and (max-width: 480px) {
          .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner .keibuy-confirm-wrap .confirm-inner .confirm-product-wrap .confirm-product-inner .confirm-productname {
            font-size: 0.9em; } }
        .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner .keibuy-confirm-wrap .confirm-inner .confirm-product-wrap .confirm-amountprice-list {
          margin-top: 10px;
          padding-top: 10px;
          border-top: 1px solid #222; }
          @media screen and (max-width: 480px) {
            .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner .keibuy-confirm-wrap .confirm-inner .confirm-product-wrap .confirm-amountprice-list .confirm-amountprice-title,
            .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner .keibuy-confirm-wrap .confirm-inner .confirm-product-wrap .confirm-amountprice-list .confirm-amountprice {
              font-size: 0.9em; } }
          .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner .keibuy-confirm-wrap .confirm-inner .confirm-product-wrap .confirm-amountprice-list .confirm-amountprice {
            font-weight: bold; }
            .shop-contents .shop-confirm-wrap .shop-confirm .shop-confirm-inner .keibuy-confirm-wrap .confirm-inner .confirm-product-wrap .confirm-amountprice-list .confirm-amountprice .taxin {
              margin-left: 3px;
              font-size: 0.8em; }

.button-wrap.shop-button-wrap {
  margin-bottom: 50px; }
  @media screen and (max-width: 480px) {
    .button-wrap.shop-button-wrap {
      margin: 0; } }
@media screen and (max-width: 801px) {
  .button-wrap.submit-button-wrap.keibuy-button-wrap {
    padding-top: 0; } }

.auction-ranking-wrap {
  margin-top: 50px; }
  .auction-ranking-wrap .auction-ranking-title {
    padding-bottom: 50px; }
  .auction-ranking-wrap .auction-ranking-lists {
    width: 100%;
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    -ms-grid-rows: auto auto auto auto auto;
    grid-template-rows: auto auto auto auto auto;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
    counter-reset: count; }
    .auction-ranking-wrap .auction-ranking-lists.rank-five {
      width: 50%;
      margin: auto;
      -ms-grid-columns: 100%;
      grid-template-columns: 100%; }
      @media screen and (max-width: 801px) {
        .auction-ranking-wrap .auction-ranking-lists.rank-five {
          width: 100%; } }
      @media screen and (max-width: 480px) {
        .auction-ranking-wrap .auction-ranking-lists.rank-five .auction-ranking-list .auction-ranking-listinner .ranking-username-wrap .ranking-price {
          padding-right: 35px;
          position: unset;
          left: unset;
          bottom: unset;
          -webkit-transform: unset;
          -ms-transform: unset;
          transform: unset; } }
    .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list {
      width: 100%;
      border-top: 1px solid;
      border-right: 1px solid;
      padding: 15px; }
      @media screen and (max-width: 480px) {
        .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list {
          padding: 5px;
          position: relative; } }
      @media screen and (max-width: 600px) {
        .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list {
          border-left: 1px solid; } }
      .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list:first-of-type {
        border: none !important; }
        .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list:first-of-type .ranking-circle {
          background-color: transparent; }
          .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list:first-of-type .ranking-circle:before {
            content: '\f521';
            font-weight: bold;
            font-family: "Font Awesome\ 5 Free";
            font-size: 1.5em; }
            @media screen and (max-width: 801px) {
              .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list:first-of-type .ranking-circle:before {
                font-size: 1.2em; } }
      .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list:nth-of-type(-n+5) {
        border-left: 1px solid; }
      .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list:nth-of-type(5) {
        border-bottom: 1px solid;
        margin-bottom: -1px; }
      .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list:last-of-type {
        border-bottom: 1px solid;
        margin-bottom: -1px; }
      @media screen and (max-width: 801px) {
        .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list .auction-ranking-listinner {
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: start; } }
      .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list .ranking-circle {
        width: 50px;
        height: 50px;
        text-align: center;
        display: block;
        line-height: 46px;
        border-radius: 50%;
        font-size: 1.5em;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
        @media screen and (max-width: 801px) {
          .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list .ranking-circle {
            width: 25px;
            height: 25px;
            line-height: 23px;
            font-size: 1em; } }
        .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list .ranking-circle:before {
          counter-increment: count;
          content: counter(count); }
      .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list .ranking-username-wrap {
        width: 100%;
        margin-left: 25px;
        height: 75px;
        overflow: hidden; }
        @media screen and (max-width: 801px) {
          .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list .ranking-username-wrap {
            height: 55px;
            margin-left: 10px; } }
        .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list .ranking-username-wrap .ranking-username {
          font-size: 1.1em;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
          @media screen and (max-width: 480px) {
            .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list .ranking-username-wrap .ranking-username {
              font-size: 0.9em; } }
          @media screen and (min-width: 480px) and (max-width: 801px) {
            .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list .ranking-username-wrap .ranking-username {
              font-size: 1em; } }
        .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list .ranking-username-wrap .ranking-price {
          font-size: 2em;
          text-align: center;
          padding-right: 75px; }
          @media screen and (max-width: 480px) {
            .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list .ranking-username-wrap .ranking-price {
              font-size: 1em;
              padding-right: 0;
              position: absolute;
              left: 50%;
              bottom: 10px;
              -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              transform: translateX(-50%); } }
          @media screen and (min-width: 480px) and (max-width: 801px) {
            .auction-ranking-wrap .auction-ranking-lists .auction-ranking-list .ranking-username-wrap .ranking-price {
              font-size: 1.3em;
              padding-right: 35px; } }
  .auction-ranking-wrap .note {
    text-align: center;
    margin-top: 50px;
    font-size: 1em; }
    @media screen and (max-width: 600px) {
      .auction-ranking-wrap .note {
        font-size: 0.7em;
        text-align: left;
        margin-top: 5px; } }

.maxbid-wrap {
  margin: 50px 0 -50px;
  padding: 25px;
  text-align: center;
  border-bottom: 1px solid;
  position: relative; }
  @media screen and (max-width: 600px) {
    .maxbid-wrap {
      margin-top: 25px; } }
  .maxbid-wrap .maxbid {
    font-size: 1.2em;
    font-weight: bold; }
    .maxbid-wrap .maxbid .maxbid-amount {
      margin-left: 15px;
      font-size: 2em; }
      @media screen and (max-width: 600px) {
        .maxbid-wrap .maxbid .maxbid-amount {
          font-size: 1.3em;
          display: block; } }
      .maxbid-wrap .maxbid .maxbid-amount:after {
        content: "円";
        margin-left: 15px;
        font-size: 0.8em; }
  .maxbid-wrap .comment-icon-wrap {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 10px;
    cursor: pointer;
    z-index: 2; }
    .maxbid-wrap .comment-icon-wrap svg {
      width: 100%;
      height: 100%; }
  .maxbid-wrap.logout {
    margin: 50px 0; }

@media screen and (max-width: 600px) {
  .auctioncontents-button-wrap {
    display: block !important; } }
.auctioncontents-button-wrap .auctioncontents-button-inner {
  margin-top: 50px;
  text-align: center;
  width: 100%; }
  @media screen and (max-width: 600px) {
    .auctioncontents-button-wrap .auctioncontents-button-inner {
      margin-top: 25px; } }
  .auctioncontents-button-wrap .auctioncontents-button-inner .auctioncontents-button {
    cursor: pointer;
    display: inline-block;
    border: 1px solid;
    padding: 5px 0;
    width: 100%;
    max-width: 350px;
    position: relative;
    z-index: 1; }
    .auctioncontents-button-wrap .auctioncontents-button-inner .auctioncontents-button svg {
      width: 30px;
      height: 30px;
      margin-right: 5px;
      display: inline-block;
      vertical-align: middle; }
      @media screen and (max-width: 600px) {
        .auctioncontents-button-wrap .auctioncontents-button-inner .auctioncontents-button svg {
          width: 20px;
          height: 20px; } }
    .auctioncontents-button-wrap .auctioncontents-button-inner .auctioncontents-button .auctioncontents-button-text {
      display: inline-block;
      vertical-align: middle; }

.mybids-wrap .mybids-title {
  text-align: left;
  margin-bottom: 15px; }
.mybids-wrap .table-wrap table tr th {
  background-color: #222;
  color: #fff;
  border-color: #222 #fff transparent #222; }
  .mybids-wrap .table-wrap table tr th:last-of-type {
    border-right-color: #222; }

.category-select-wrap .select-wrap {
  margin-left: 15px; }
  @media screen and (max-width: 600px) {
    .category-select-wrap .select-wrap {
      margin-left: 0;
      margin-top: 10px; } }
  .category-select-wrap .select-wrap:first-of-type {
    margin-left: 0; }
    @media screen and (max-width: 600px) {
      .category-select-wrap .select-wrap:first-of-type {
        margin-top: 0; } }

.search-content-wrap.shopsearch-content-wrap {
  max-width: 1024px;
  width: 90%;
  margin: 0 auto 25px; }
  .search-content-wrap.shopsearch-content-wrap .category-horizonlabel-wrap {
    margin-bottom: 0; }

.support-contents {
  max-width: 1024px;
  width: 90%;
  margin: auto; }
  .support-contents .nopost-inner {
    padding: 25px; }
  .support-contents .nopost {
    text-align: center; }
  .support-contents .support-list {
    margin-top: 50px;
    width: 100%;
    padding: 25px;
    display: inline-block;
    position: relative;
    overflow: hidden; }
    @media screen and (max-width: 480px) {
      .support-contents .support-list {
        padding: 15px; } }
    .support-contents .support-list:first-of-type {
      margin-top: 0; }
    .support-contents .support-list:hover {
      opacity: 1; }
    .support-contents .support-list .limited {
      position: absolute;
      top: -70px;
      left: -70px;
      width: 0;
      height: 0;
      z-index: 2;
      border-style: solid;
      border-color: transparent;
      border-width: 70px;
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg); }
      @media screen and (max-width: 480px) {
        .support-contents .support-list .limited {
          top: -50px;
          left: -50px;
          border-width: 50px; } }
      .support-contents .support-list .limited p {
        text-align: center;
        font-weight: bold;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        top: -63px;
        left: -40px;
        font-size: 0.8em; }
        @media screen and (max-width: 480px) {
          .support-contents .support-list .limited p {
            font-size: 0.6em;
            top: -42px;
            left: -32px;
            line-height: 1; } }
        .support-contents .support-list .limited p svg {
          width: 2em;
          height: 2em; }
        .support-contents .support-list .limited p span {
          display: block;
          line-height: 1; }
          .support-contents .support-list .limited p span.ja {
            font-size: 1.3em; }
            @media screen and (max-width: 480px) {
              .support-contents .support-list .limited p span.ja {
                margin-bottom: 4px; } }
    @media screen and (max-width: 801px) {
      .support-contents .support-list .support-list-inner {
        display: block; } }
    @media screen and (max-width: 801px) {
      .support-contents .support-list .support-list-inner .support-info-left {
        margin-bottom: 15px; } }
    .support-contents .support-list .support-list-inner .support-overview-wrap {
      border: none;
      padding: 0;
      width: 42%; }
      @media screen and (max-width: 801px) {
        .support-contents .support-list .support-list-inner .support-overview-wrap {
          width: 100%; } }
      .support-contents .support-list .support-list-inner .support-overview-wrap .support-list-title {
        font-size: 18px;
        font-weight: 400;
        padding-bottom: 0;
        margin-bottom: 15px;
        line-height: 1.5;
        height: 54px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: justify;
        word-break: break-all; }
        @media screen and (max-width: 801px) {
          .support-contents .support-list .support-list-inner .support-overview-wrap .support-list-title {
            height: auto;
            font-size: 1em;
            padding-top: 0; } }
      .support-contents .support-list .support-list-inner .support-overview-wrap .support-overview:last-child {
        margin-bottom: 0; }
    .support-contents .support-list .support-title-wrap h2 {
      font-size: 1.3em;
      text-align: left;
      padding-bottom: 0;
      line-height: 1.5;
      overflow: hidden;
      height: 3em; }
      @media screen and (max-width: 801px) {
        .support-contents .support-list .support-title-wrap h2 {
          font-size: 1em; } }
    .support-contents .support-list .support-title-wrap .support-description {
      height: 3em;
      overflow: hidden;
      margin-top: 1em;
      font-size: 0.8em; }
    .support-contents .support-list .support-content-header {
      width: 100%; }
      @media screen and (max-width: 801px) {
        .support-contents .support-list .support-content-header {
          display: block; } }
      .support-contents .support-list .support-content-header .support-title {
        padding: 0;
        font-size: 20px;
        height: 60px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: justify;
        word-break: break-all;
        line-height: 1.5;
        font-weight: bold;
        margin-bottom: 5px; }
        @media screen and (max-width: 480px) {
          .support-contents .support-list .support-content-header .support-title {
            font-size: 14px;
            height: auto;
            max-height: 42px; } }
        @media screen and (min-width: 480px) and (max-width: 801px) {
          .support-contents .support-list .support-content-header .support-title {
            font-size: 16px;
            height: 48px; } }
      .support-contents .support-list .support-content-header .support-description {
        font-size: 14px;
        height: 63px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-align: justify;
        word-break: break-all; }
        @media screen and (max-width: 480px) {
          .support-contents .support-list .support-content-header .support-description {
            font-size: 12px;
            height: auto;
            max-height: 54px; } }
        @media screen and (min-width: 480px) and (max-width: 801px) {
          .support-contents .support-list .support-content-header .support-description {
            font-size: 12px;
            height: 54px; } }
    .support-contents .support-list .support-content-body {
      margin: 2em 0; }
      .support-contents .support-list .support-content-body .amount {
        margin: 2em 0; }
        @media screen and (max-width: 480px) {
          .support-contents .support-list .support-content-body .amount {
            margin: 1em 0; } }
    .support-contents .support-list .support-content-bottom {
      text-align: right; }
      @media screen and (max-width: 321px) {
        .support-contents .support-list .support-content-bottom {
          font-size: 0.8em; } }
      @media screen and (min-width: 321px) and (max-width: 480px) {
        .support-contents .support-list .support-content-bottom {
          font-size: 0.9em; } }
      @media screen and (min-width: 480px) and (max-width: 801px) {
        .support-contents .support-list .support-content-bottom {
          font-size: 0.8em; } }
      @media screen and (max-width: 480px) {
        .support-contents .support-list .support-content-bottom {
          text-align: left; } }
      .support-contents .support-list .support-content-bottom .support-bottom-content {
        display: inline-block;
        vertical-align: middle;
        margin-right: 2em; }
        @media screen and (max-width: 801px) {
          .support-contents .support-list .support-content-bottom .support-bottom-content {
            margin-right: 10px; } }
        .support-contents .support-list .support-content-bottom .support-bottom-content:last-of-type {
          margin-right: 0; }
        .support-contents .support-list .support-content-bottom .support-bottom-content svg {
          margin-right: 10px;
          width: 1.5em;
          height: 1.5em;
          display: inline-block;
          vertical-align: middle; }
          @media screen and (max-width: 480px) {
            .support-contents .support-list .support-content-bottom .support-bottom-content svg {
              width: 1.2em;
              height: 1.2em;
              margin-right: 3px; } }
          @media screen and (min-width: 480px) and (max-width: 801px) {
            .support-contents .support-list .support-content-bottom .support-bottom-content svg {
              margin-right: 3px; } }
          .support-contents .support-list .support-content-bottom .support-bottom-content svg.icon-icon-fund {
            width: 1.2em;
            height: 1.2em; }
            @media screen and (max-width: 480px) {
              .support-contents .support-list .support-content-bottom .support-bottom-content svg.icon-icon-fund {
                width: 15px;
                height: 15px; } }
          .support-contents .support-list .support-content-bottom .support-bottom-content svg.icon-icon-time {
            width: 1.1em;
            height: 1.1em; }
        .support-contents .support-list .support-content-bottom .support-bottom-content p {
          display: inline-block;
          vertical-align: middle; }

.support-list-wrap {
  max-width: 800px;
  width: 90%; }

@media screen and (max-width: 801px) {
  .support-view-wrap .support-view .support-view-inner {
    display: block; } }
.support-view-wrap .support-view .support-info-wrap {
  padding: 50px;
  border-bottom: 1px solid #ccc;
  position: relative;
  z-index: 10; }
  @media screen and (max-width: 480px) {
    .support-view-wrap .support-view .support-info-wrap {
      padding: 25px 15px; } }
  .support-view-wrap .support-view .support-info-wrap .support-title {
    padding-bottom: 0;
    line-height: 1.2;
    text-align: justify;
    word-break: break-all;
    font-size: 1.4em;
    margin-bottom: 25px; }
    @media screen and (max-width: 480px) {
      .support-view-wrap .support-view .support-info-wrap .support-title {
        font-size: 1em;
        padding-top: 0; } }
  .support-view-wrap .support-view .support-info-wrap.support-info-top {
    padding-top: 25px; }

@media screen and (max-width: 801px) {
  .support-info-bottom .support-info {
    display: block; } }
.support-info-bottom .support-desc,
.support-info-bottom .support-return-desc {
  text-align: justify;
  word-break: break-all;
  position: relative; }
  .support-info-bottom .support-desc img,
  .support-info-bottom .support-return-desc img {
    max-width: 100%; }
  .support-info-bottom .support-desc a,
  .support-info-bottom .support-return-desc a {
    text-decoration: underline; }
  @media screen and (max-width: 801px) {
    .support-info-bottom .support-desc .readmore,
    .support-info-bottom .support-return-desc .readmore {
      max-height: 300px;
      overflow: hidden; } }
  .support-info-bottom .support-desc .morebutton,
  .support-info-bottom .support-return-desc .morebutton {
    display: none; }
    @media screen and (max-width: 801px) {
      .support-info-bottom .support-desc .morebutton,
      .support-info-bottom .support-return-desc .morebutton {
        display: block;
        width: 100px;
        margin: 25px auto;
        padding: 5px 10px;
        cursor: pointer;
        text-align: center;
        border: 1px solid; }
        .support-info-bottom .support-desc .morebutton.hidden,
        .support-info-bottom .support-return-desc .morebutton.hidden {
          display: none; } }
@media screen and (max-width: 801px) {
  .support-info-bottom .support-desc {
    margin-bottom: 25px !important; } }
.support-info-bottom #returnDesc {
  padding: 15px;
  border: 1px solid; }
  @media screen and (max-width: 801px) {
    .support-info-bottom #returnDesc {
      padding: 0;
      border: none; } }
.support-info-bottom .return-desc-title {
  font-weight: bold;
  margin-bottom: 5px; }
.support-info-bottom .return-date-wrap {
  margin-bottom: 10px; }
  .support-info-bottom .return-date-wrap svg {
    width: 1.4em;
    height: 1.4em;
    margin-right: 5px; }
  .support-info-bottom .return-date-wrap .return-date span {
    font-size: 1.5em; }

.payment-wrap {
  padding: 0 50px; }
  @media screen and (max-width: 480px) {
    .payment-wrap {
      padding: 0 15px; } }
  @media screen and (max-width: 480px) {
    .payment-wrap .increment-wrap {
      margin-top: 25px; } }
  @media screen and (max-width: 480px) {
    .payment-wrap .select-payment-wrap {
      margin-top: 25px; } }
  @media screen and (max-width: 480px) {
    .payment-wrap .select-payment-wrap .page-menu {
      margin-top: 25px; } }

.button-wrap.support-button-wrap {
  margin: 0;
  padding: 100px 0; }
  @media screen and (max-width: 480px) {
    .button-wrap.support-button-wrap {
      padding: 50px 0; } }
.button-wrap.submit-button-wrap {
  margin: 0;
  padding: 100px 0 50px; }
.button-wrap .support-button-inner p .date {
  margin: 0 5px; }
.button-wrap .support-button-inner p br {
  display: none; }
  @media screen and (max-width: 480px) {
    .button-wrap .support-button-inner p br {
      display: block; } }
.button-wrap .button:disabled {
  border: 1px solid #eaeaea !important;
  background: #ddd;
  position: static;
  color: #999;
  box-shadow: none !important;
  text-shadow: none !important;
  cursor: not-allowed; }

.support-info .support-info-left {
  width: 55%; }
  @media screen and (max-width: 480px) {
    .support-info .support-info-left {
      margin-bottom: 25px; } }
  @media screen and (max-width: 801px) {
    .support-info .support-info-left {
      width: 100%; } }
  @media screen and (min-width: 480px) and (max-width: 801px) {
    .support-info .support-info-left {
      margin-bottom: 50px; } }
  .support-info .support-info-left.support-image-wrap {
    position: relative; }
    .support-info .support-info-left.support-image-wrap .support-image {
      width: 100%;
      height: 100%;
      padding-top: 66.7%;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat; }
    .support-info .support-info-left.support-image-wrap .support-image-begin {
      position: relative; }
      .support-info .support-info-left.support-image-wrap .support-image-begin:before {
        content: "Comming Soon!!!";
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-family: sans-serif;
        background-color: rgba(0, 0, 0, 0.8);
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1; }
    .support-info .support-info-left.support-image-wrap .support-iframe-wrap {
      position: relative;
      width: 100% !important;
      height: 0;
      padding-top: 56.25%;
      cursor: pointer;
      overflow: hidden; }
      .support-info .support-info-left.support-image-wrap .support-iframe-wrap .thumb {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        width: 100%;
        height: 134%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .support-info .support-info-left.support-image-wrap .support-iframe-wrap .icon-icon-movie {
        position: absolute;
        z-index: 2;
        fill: #fff;
        top: 50%;
        left: 50%;
        width: 5em;
        height: 5em;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0.8; }
      .support-info .support-info-left.support-image-wrap .support-iframe-wrap iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%; }
    .support-info .support-info-left.support-image-wrap .agile {
      width: 100%; }
      .support-info .support-info-left.support-image-wrap .agile__nav-button {
        background: transparent;
        border: none;
        color: #ccc;
        cursor: pointer;
        font-size: 3em;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
        @media screen and (max-width: 480px) {
          .support-info .support-info-left.support-image-wrap .agile__nav-button {
            padding: 0; } }
        .support-info .support-info-left.support-image-wrap .agile__nav-button:hover {
          color: #888; }
        .support-info .support-info-left.support-image-wrap .agile__nav-button--left {
          left: 0; }
        .support-info .support-info-left.support-image-wrap .agile__nav-button--next {
          right: 0; }
      .support-info .support-info-left.support-image-wrap .agile__dots {
        position: absolute;
        left: 50%;
        bottom: -15px;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
        @media screen and (max-width: 480px) {
          .support-info .support-info-left.support-image-wrap .agile__dots {
            bottom: -25px; } }
      .support-info .support-info-left.support-image-wrap .agile__dot {
        margin: 0 10px; }
        .support-info .support-info-left.support-image-wrap .agile__dot button {
          background-color: #ddd;
          border: none;
          border-radius: 50%;
          cursor: pointer;
          display: block;
          height: 10px;
          font-size: 0;
          line-height: 0;
          margin: 0;
          padding: 0;
          -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
          width: 10px; }
.support-info .support-info-right {
  width: 40%; }
  @media screen and (max-width: 801px) {
    .support-info .support-info-right {
      width: 100%; } }
  .support-info .support-info-right.support-overview-wrap {
    padding: 25px 0;
    border-top: 1px solid;
    border-bottom: 1px solid; }
    @media screen and (max-width: 480px) {
      .support-info .support-info-right.support-overview-wrap {
        padding: 15px 0 0;
        border: none; } }
    .support-info .support-info-right.support-overview-wrap .support-overview {
      margin-bottom: 15px; }
      .support-info .support-info-right.support-overview-wrap .support-overview svg {
        width: 25px;
        height: 25px;
        margin-right: 15px; }
        @media screen and (max-width: 801px) {
          .support-info .support-info-right.support-overview-wrap .support-overview svg {
            margin-right: 10px; } }
      .support-info .support-info-right.support-overview-wrap .support-overview p .emphasis {
        font-size: 2.3em; }
        @media screen and (max-width: 480px) {
          .support-info .support-info-right.support-overview-wrap .support-overview p .emphasis {
            font-size: 2em; } }
        @media screen and (min-width: 480px) and (max-width: 801px) {
          .support-info .support-info-right.support-overview-wrap .support-overview p .emphasis {
            font-size: 1.8em; } }
        .support-info .support-info-right.support-overview-wrap .support-overview p .emphasis.emphasis-lead {
          margin-right: 5px; }
          @media screen and (max-width: 801px) {
            .support-info .support-info-right.support-overview-wrap .support-overview p .emphasis.emphasis-lead {
              margin-right: 3px; } }
        .support-info .support-info-right.support-overview-wrap .support-overview p .emphasis.emphasis-end {
          font-size: 2em; }
      .support-info .support-info-right.support-overview-wrap .support-overview .support-bar {
        margin-top: 5px; }
        .support-info .support-info-right.support-overview-wrap .support-overview .support-bar .bar-background {
          height: 18px;
          border-radius: 0; }
          .support-info .support-info-right.support-overview-wrap .support-overview .support-bar .bar-background .bar-success {
            border-radius: 0; }
      .support-info .support-info-right.support-overview-wrap .support-overview .support-summary-inner {
        padding: 0 15px 0 40px; }
        @media screen and (max-width: 801px) {
          .support-info .support-info-right.support-overview-wrap .support-overview .support-summary-inner {
            padding: 0 15px 0 35px; } }
    @media screen and (max-width: 480px) {
      .support-info .support-info-right.support-overview-wrap .sharebutton-wrap {
        display: block;
        margin-top: 1em; } }
    .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-inner {
      margin-bottom: 1em; }
      .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-inner:last-of-type {
        margin-bottom: 0; }
    .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list {
      margin-right: 1em; }
      @media screen and (max-width: 480px) {
        .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list {
          font-size: 0.9em;
          margin-right: 5px; } }
      .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list:last-of-type {
        margin-right: 0; }
      .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list a {
        display: inline-block; }
        .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list a.share-button {
          color: #fff;
          height: 20px;
          border-radius: 3px;
          font-weight: 500;
          font-size: 12px;
          padding: 1px 8px;
          border: 1px solid;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          @media screen and (max-width: 480px) {
            .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list a.share-button {
              height: auto;
              font-size: 1em;
              padding: 4px 8px; } }
          .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list a.share-button i {
            margin-right: 3px; }
          .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list a.share-button svg {
            width: 11px;
            height: 11px;
            margin-right: 3px; }
          .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list a.share-button p {
            font-family: sans-serif;
            line-height: 1; }
        .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list a.share-twitter {
          background-color: #1da1f2;
          border-color: #1da1f2; }
        .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list a.share-facebook {
          background-color: #1877f2;
          border-color: #1877f2; }
        .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list a.share-line {
          background-color: #00b900;
          border-color: #00b900; }
        .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list a.howtoorder {
          color: inherit; }
        .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list a.contact-button {
          color: #555;
          background-color: #f5f5f5;
          border-color: #999; }
          .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list a.contact-button svg {
            fill: #555; }
        .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list a.share-widget {
          background-color: #999;
          cursor: pointer; }
        .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list a.widget-report {
          font-size: 12px;
          cursor: pointer; }
      .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup {
        width: 100%;
        height: 100vh;
        position: fixed;
        background-color: rgba(0, 0, 0, 0.8);
        top: 0;
        left: 0;
        z-index: 1000; }
      .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner {
        width: 90%;
        position: fixed;
        height: 80vh;
        background-color: #fff;
        color: #222;
        z-index: 1001;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        @media screen and (max-width: 480px) {
          .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner {
            overflow-y: scroll; } }
        @media screen and (max-width: 480px) {
          .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-popup-wrap {
            display: block; } }
        .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content {
          width: 50%;
          padding: 50px; }
          @media screen and (max-width: 480px) {
            .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content {
              width: 100%;
              padding: 50px 1em 0; }
              .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content:last-of-type {
                padding: 50px 1em; } }
          .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content .close-button {
            position: absolute;
            font-size: 2em;
            right: 10px;
            top: 10px;
            cursor: pointer; }
          .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content .widget-content-title {
            padding: 0;
            font-size: 1.3em;
            text-align: left; }
          .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content .widget-desc {
            margin: 25px 0; }
          .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content .widet-content-embed {
            width: 100%;
            height: 20vh;
            font-size: 0.8em;
            padding: 1em;
            line-height: 1.5; }
            @media screen and (max-width: 480px) {
              .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content .widet-content-embed {
                border: 1px solid #aaa; } }
          .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content .widget-shop {
            width: 100%;
            border: 1px solid #ddd;
            margin: 0; }
        .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-report-form label {
          display: block;
          margin-bottom: 1em;
          cursor: pointer; }
          @media screen and (max-width: 480px) {
            .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-report-form label {
              font-size: 0.8em; } }
          .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-report-form label:first-of-type {
            margin-top: 50px; }
            @media screen and (max-width: 480px) {
              .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-report-form label:first-of-type {
                margin-top: 25px; } }
          .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-report-form label input {
            margin-right: 1em; }
        .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widet-report-content {
          width: 100%;
          height: 100%;
          font-size: 1em;
          padding: 1em;
          border: 1px solid #ddd; }
          @media screen and (max-width: 480px) {
            .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widet-report-content {
              font-size: 0.8em;
              margin-top: -25px;
              height: 30vh; } }
        .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .button-wrap {
          margin: 0; }
          @media screen and (max-width: 480px) {
            .support-info .support-info-right.support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .button-wrap {
              padding-bottom: 50px; } }

.support-overview-wrap {
  padding: 25px 0;
  border-top: 1px solid;
  border-bottom: 1px solid; }
  .support-overview-wrap .support-overview {
    margin-bottom: 15px; }
    .support-overview-wrap .support-overview svg {
      width: 30px;
      height: 30px;
      margin-right: 25px; }
    .support-overview-wrap .support-overview p .emphasis {
      font-size: 2.5em; }
      .support-overview-wrap .support-overview p .emphasis.emphasis-number {
        margin: 0 5px; }
      .support-overview-wrap .support-overview p .emphasis.emphasis-price {
        margin-right: 5px; }
    .support-overview-wrap .support-overview .support-bar {
      margin-top: 5px;
      position: relative; }
      .support-overview-wrap .support-overview .support-bar .bar-background {
        background-color: #ccc;
        border-radius: 100px;
        height: 4px;
        overflow: hidden;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 18px;
        border-radius: 0; }
        .support-overview-wrap .support-overview .support-bar .bar-background .bar-success {
          background-color: #FCC202;
          border-radius: 0 4px 4px 0;
          height: 100%; }
      .support-overview-wrap .support-overview .support-bar .bar-success-persent {
        margin-left: 1em;
        width: 30px;
        text-align: right;
        border-radius: 0; }
  .support-overview-wrap .period-note {
    font-size: 0.7em;
    margin-left: 40px; }
    @media screen and (max-width: 801px) {
      .support-overview-wrap .period-note {
        margin-left: 35px; } }
  @media screen and (max-width: 480px) {
    .support-overview-wrap .sharebutton-wrap {
      display: block;
      margin-top: 1em; } }
  .support-overview-wrap .sharebutton-wrap .sharebutton-inner {
    margin-bottom: 1em; }
    .support-overview-wrap .sharebutton-wrap .sharebutton-inner:last-of-type {
      margin-bottom: 0; }
  .support-overview-wrap .sharebutton-wrap .sharebutton-list {
    margin-right: 1em; }
    @media screen and (max-width: 480px) {
      .support-overview-wrap .sharebutton-wrap .sharebutton-list {
        font-size: 0.9em;
        margin-right: 5px; } }
    .support-overview-wrap .sharebutton-wrap .sharebutton-list:last-of-type {
      margin-right: 0; }
    .support-overview-wrap .sharebutton-wrap .sharebutton-list a {
      display: inline-block; }
      .support-overview-wrap .sharebutton-wrap .sharebutton-list a.share-button {
        color: #fff;
        height: 20px;
        border-radius: 3px;
        font-weight: 500;
        font-size: 12px;
        padding: 1px 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        @media screen and (max-width: 480px) {
          .support-overview-wrap .sharebutton-wrap .sharebutton-list a.share-button {
            height: auto;
            font-size: 1em;
            padding: 5px 8px; } }
        .support-overview-wrap .sharebutton-wrap .sharebutton-list a.share-button i {
          margin-right: 3px; }
        .support-overview-wrap .sharebutton-wrap .sharebutton-list a.share-button svg {
          width: 1.2em;
          height: 1.3em;
          margin-right: 3px; }
        .support-overview-wrap .sharebutton-wrap .sharebutton-list a.share-button p {
          font-family: sans-serif;
          line-height: 1; }
      .support-overview-wrap .sharebutton-wrap .sharebutton-list a.share-twitter {
        background-color: #1da1f2; }
      .support-overview-wrap .sharebutton-wrap .sharebutton-list a.share-facebook {
        background-color: #1877f2; }
      .support-overview-wrap .sharebutton-wrap .sharebutton-list a.share-line {
        background-color: #00b900; }
      .support-overview-wrap .sharebutton-wrap .sharebutton-list a.howtoorder {
        color: inherit; }
      .support-overview-wrap .sharebutton-wrap .sharebutton-list a.contact-button {
        color: #555;
        background-color: #f5f5f5;
        border: 1px solid #999; }
        .support-overview-wrap .sharebutton-wrap .sharebutton-list a.contact-button svg {
          fill: #555; }
      .support-overview-wrap .sharebutton-wrap .sharebutton-list a.share-widget {
        background-color: #999;
        cursor: pointer; }
      .support-overview-wrap .sharebutton-wrap .sharebutton-list a.widget-report {
        font-size: 12px;
        cursor: pointer; }
    .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup {
      width: 100%;
      height: 100vh;
      position: fixed;
      background-color: rgba(0, 0, 0, 0.8);
      top: 0;
      left: 0;
      z-index: 1000; }
    .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner {
      width: 90%;
      position: fixed;
      height: 80vh;
      background-color: #fff;
      color: #222;
      z-index: 1001;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      @media screen and (max-width: 480px) {
        .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner {
          overflow-y: scroll; } }
      @media screen and (max-width: 480px) {
        .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-popup-wrap {
          display: block; } }
      .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content {
        width: 50%;
        padding: 50px; }
        @media screen and (max-width: 480px) {
          .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content {
            width: 100%;
            padding: 50px 1em 0; }
            .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content:last-of-type {
              padding: 50px 1em; } }
        .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content .close-button {
          position: absolute;
          font-size: 2em;
          right: 10px;
          top: 10px;
          cursor: pointer; }
        .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content .widget-content-title {
          padding: 0;
          font-size: 1.3em;
          text-align: left; }
        .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content .widget-desc {
          margin: 25px 0; }
        .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content .widet-content-embed {
          width: 100%;
          height: 20vh;
          font-size: 0.8em;
          padding: 1em;
          line-height: 1.5; }
          @media screen and (max-width: 480px) {
            .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content .widet-content-embed {
              border: 1px solid #aaa; } }
        .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-content .widget-shop {
          width: 100%;
          border: 1px solid #ddd;
          margin: 0; }
      .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-report-form label {
        display: block;
        margin-bottom: 1em;
        cursor: pointer; }
        @media screen and (max-width: 480px) {
          .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-report-form label {
            font-size: 0.8em; } }
        .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-report-form label:first-of-type {
          margin-top: 50px; }
          @media screen and (max-width: 480px) {
            .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-report-form label:first-of-type {
              margin-top: 25px; } }
        .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widget-report-form label input {
          margin-right: 1em; }
      .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widet-report-content {
        width: 100%;
        height: 100%;
        font-size: 1em;
        padding: 1em;
        border: 1px solid #ddd; }
        @media screen and (max-width: 480px) {
          .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .widet-report-content {
            font-size: 0.8em;
            margin-top: -25px;
            height: 30vh; } }
      .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .button-wrap {
        margin: 0; }
        @media screen and (max-width: 480px) {
          .support-overview-wrap .sharebutton-wrap .sharebutton-list .widget-popup-inner .button-wrap {
            padding-bottom: 50px; } }

.support-join-title {
  margin-bottom: 25px; }

.support-join {
  padding: 50px; }
  @media screen and (max-width: 801px) {
    .support-join {
      padding: 25px 15px; } }
  @media screen and (max-width: 801px) {
    .support-join .support-input-confirm {
      display: block; } }
  .support-join .support-input-confirm .support-payment-wrap {
    width: 48%; }
    @media screen and (max-width: 801px) {
      .support-join .support-input-confirm .support-payment-wrap {
        width: 100%; } }
  .support-join .support-payment-wrap {
    margin-bottom: 50px; }
    @media screen and (max-width: 801px) {
      .support-join .support-payment-wrap {
        font-size: 0.9em; } }
    .support-join .support-payment-wrap .select-payment-wrap {
      margin-top: 0; }
      .support-join .support-payment-wrap .select-payment-wrap .page-menu {
        margin-top: 0; }
  .support-join .checkbox-wrap {
    margin-bottom: 50px; }
  .support-join .support-confirm-wrap {
    margin-bottom: 50px; }
    .support-join .support-confirm-wrap .support-confirm {
      width: 100%; }
      .support-join .support-confirm-wrap .support-confirm .support-confirm-inner {
        padding: 25px; }
        @media screen and (max-width: 480px) {
          .support-join .support-confirm-wrap .support-confirm .support-confirm-inner {
            display: block;
            padding: 15px; } }
        .support-join .support-confirm-wrap .support-confirm .support-confirm-inner .support-confirm-left .support-image {
          width: 145px;
          height: 0;
          padding-top: 100%;
          background-position: center;
          background-size: contain;
          background-repeat: no-repeat; }
          @media screen and (max-width: 480px) {
            .support-join .support-confirm-wrap .support-confirm .support-confirm-inner .support-confirm-left .support-image {
              width: 100%; } }
        .support-join .support-confirm-wrap .support-confirm .support-confirm-inner .support-confirm-right {
          width: 100%;
          margin-left: 25px; }
          @media screen and (max-width: 480px) {
            .support-join .support-confirm-wrap .support-confirm .support-confirm-inner .support-confirm-right {
              margin-left: 0;
              margin-top: 15px; } }
          .support-join .support-confirm-wrap .support-confirm .support-confirm-inner .support-confirm-right .support-confirm-table {
            width: 100%; }
            .support-join .support-confirm-wrap .support-confirm .support-confirm-inner .support-confirm-right .support-confirm-table .basic-tr {
              width: 100%;
              margin-bottom: 8px; }
              @media screen and (max-width: 480px) {
                .support-join .support-confirm-wrap .support-confirm .support-confirm-inner .support-confirm-right .support-confirm-table .basic-tr {
                  display: block;
                  margin-bottom: 15px; } }
              .support-join .support-confirm-wrap .support-confirm .support-confirm-inner .support-confirm-right .support-confirm-table .basic-tr:last-of-type {
                margin-bottom: 0;
                border-top: 1px solid;
                padding-top: 8px; }
                .support-join .support-confirm-wrap .support-confirm .support-confirm-inner .support-confirm-right .support-confirm-table .basic-tr:last-of-type .basic-td {
                  text-align: right; }
              .support-join .support-confirm-wrap .support-confirm .support-confirm-inner .support-confirm-right .support-confirm-table .basic-tr .basic-th {
                width: 150px; }
                @media screen and (max-width: 480px) {
                  .support-join .support-confirm-wrap .support-confirm .support-confirm-inner .support-confirm-right .support-confirm-table .basic-tr .basic-th {
                    width: 100%;
                    font-weight: bold; } }
              .support-join .support-confirm-wrap .support-confirm .support-confirm-inner .support-confirm-right .support-confirm-table .basic-tr .basic-td {
                width: 100%; }
                .support-join .support-confirm-wrap .support-confirm .support-confirm-inner .support-confirm-right .support-confirm-table .basic-tr .basic-td .note {
                  margin-top: 0;
                  margin-left: 5px; }
                  @media screen and (max-width: 480px) {
                    .support-join .support-confirm-wrap .support-confirm .support-confirm-inner .support-confirm-right .support-confirm-table .basic-tr .basic-td .note {
                      margin-left: 0;
                      display: block; } }
  .support-join .support-confirm-edit {
    font-size: 0.8em;
    text-align: right;
    display: block;
    margin-top: 5px; }

.support-confirm-notice .confirm-notice .notice-list {
  font-size: 0.8em;
  margin-left: 1em; }
  .support-confirm-notice .confirm-notice .notice-list p {
    position: relative; }
    .support-confirm-notice .confirm-notice .notice-list p:before {
      content: "";
      position: absolute;
      width: 3px;
      height: 3px;
      top: 0.6em;
      left: -0.8em;
      border-radius: 50%; }

.support-complete,
.support-error {
  padding: 50px; }
  @media screen and (max-width: 480px) {
    .support-complete,
    .support-error {
      padding: 50px 15px; } }

.support-creditcard {
  margin-top: 5px; }
  .support-creditcard .creditcard-image {
    margin-right: 10px; }
    @media screen and (max-width: 480px) {
      .support-creditcard .creditcard-image {
        width: 30px; } }

[v-cloak] {
  display: none; }

.note {
  font-size: 0.8em;
  margin-top: 1em;
  color: inherit; }
  .note:before {
    content: "※ "; }

.flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start; }

.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.justify-arround {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.left {
  text-align: left; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.m1 {
  margin: 1em 0 !important; }

.mt0 {
  margin-top: 0 !important; }

.mt1 {
  margin-top: 1em !important; }

.mt2 {
  margin-top: 2em !important; }

.mt3 {
  margin-top: 3em !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mb1 {
  margin-bottom: 1em !important; }

.mb2 {
  margin-bottom: 2em !important; }

.mb3 {
  margin-bottom: 3em !important; }

.p0 {
  padding: 0 !important; }

.p3 {
  padding: 3em 0 !important; }

.pt3 {
  padding-top: 3em !important; }

.pb3 {
  padding-bottom: 3em !important; }

.text-underline {
  text-decoration: underline; }

.text-bold {
  font-weight: bold; }

.wrap-60 {
  width: 60% !important;
  margin: auto !important; }
  @media screen and (max-width: 801px) {
    .wrap-60 {
      width: 90% !important; } }

.wrap-90 {
  width: 90% !important;
  margin: auto !important; }

.wrap-100 {
  width: 100% !important; }

.note-toolbar {
  position: relative !important; }

img {
  max-width: 100%; }

.header-title {
  padding-bottom: 0;
  text-align: left; }

.regist-message {
  text-align: center; }
  @media screen and (max-width: 480px) {
    .regist-message {
      text-align: left; } }

.number-list {
  list-style: decimal;
  padding-left: 1em; }

.select-payment-wrap {
  margin-top: 50px; }
  .select-payment-wrap .page-menu {
    margin: 50px 0 0; }
    .select-payment-wrap .page-menu .tabs {
      padding: 0;
      margin: 0;
      list-style: none; }
      @media screen and (min-width: 480px) and (max-width: 801px) {
        .select-payment-wrap .page-menu .tabs {
          width: 100%; } }
      .select-payment-wrap .page-menu .tabs .tab-wrap {
        margin: 0;
        width: calc(100% / 3);
        font-size: 0.9em;
        border-left-width: 1px;
        border-left-style: solid;
        border-top-width: 1px;
        border-top-style: solid; }
        @media screen and (max-width: 480px) {
          .select-payment-wrap .page-menu .tabs .tab-wrap {
            width: 100%; } }
        .select-payment-wrap .page-menu .tabs .tab-wrap:first-of-type:before {
          display: none; }
        .select-payment-wrap .page-menu .tabs .tab-wrap:last-of-type {
          border-right-width: 1px;
          border-right-style: solid; }
        .select-payment-wrap .page-menu .tabs .tab-wrap label {
          width: 100%;
          padding: 1em;
          cursor: pointer; }
          @media screen and (max-width: 480px) {
            .select-payment-wrap .page-menu .tabs .tab-wrap label {
              padding: 1em 0.5em;
              font-size: 0.8em; } }
        .select-payment-wrap .page-menu .tabs .tab-wrap input[type="radio"] {
          position: absolute;
          opacity: 0; }
          .select-payment-wrap .page-menu .tabs .tab-wrap input[type="radio"] + label:before {
            content: '';
            background: #f4f4f4;
            border-radius: 100%;
            border: 1px solid #b4b4b4;
            display: inline-block;
            width: 1.2em;
            height: 1.2em;
            position: relative;
            margin-right: 5px;
            cursor: pointer;
            text-align: center;
            -webkit-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s; }
          .select-payment-wrap .page-menu .tabs .tab-wrap input[type="radio"]:checked + label:before {
            background-color: #3197EE;
            -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
            box-shadow: inset 0 0 0 4px #f4f4f4; }
          .select-payment-wrap .page-menu .tabs .tab-wrap input[type="radio"]:focus + label:before {
            outline: none;
            border-color: #3197EE; }
    .select-payment-wrap .page-menu .tab_container {
      padding: 50px;
      border-left-width: 1px;
      border-left-style: solid;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-right-width: 1px;
      border-right-style: solid; }
      @media screen and (max-width: 480px) {
        .select-payment-wrap .page-menu .tab_container {
          padding: 0;
          width: 100%; } }
      @media screen and (min-width: 480px) and (max-width: 801px) {
        .select-payment-wrap .page-menu .tab_container {
          width: 100%; } }
    .select-payment-wrap .page-menu .tab_content {
      padding: 20px 0;
      display: none; }
      @media screen and (max-width: 480px) {
        .select-payment-wrap .page-menu .tab_content {
          padding: 25px 10px; } }
      .select-payment-wrap .page-menu .tab_content .payment-icon-wrap {
        margin-bottom: 25px; }
        @media screen and (max-width: 480px) {
          .select-payment-wrap .page-menu .tab_content .payment-icon-wrap {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between; } }
        .select-payment-wrap .page-menu .tab_content .payment-icon-wrap .payment-icon {
          width: 50px;
          margin-right: 1em; }
          @media screen and (max-width: 480px) {
            .select-payment-wrap .page-menu .tab_content .payment-icon-wrap .payment-icon {
              width: 9vw;
              margin: 0; } }
          .select-payment-wrap .page-menu .tab_content .payment-icon-wrap .payment-icon:last-of-type {
            margin-right: 0; }
          .select-payment-wrap .page-menu .tab_content .payment-icon-wrap .payment-icon.convenience-icon {
            height: 50px; }
      .select-payment-wrap .page-menu .tab_content .payment-description {
        margin-top: 25px; }
        .select-payment-wrap .page-menu .tab_content .payment-description .note {
          color: inherit; }
    .select-payment-wrap .page-menu .tab-accordion_heading {
      display: none; }
      @media screen and (max-width: 480px) {
        .select-payment-wrap .page-menu .tab-accordion_heading {
          margin: 0;
          padding: 10px 20px 10px 35px;
          display: block;
          cursor: pointer;
          text-align: left;
          font-size: 0.9em;
          border-top: 1px solid;
          position: relative; }
          .select-payment-wrap .page-menu .tab-accordion_heading:before {
            content: '';
            background: #f4f4f4;
            border-radius: 100%;
            border: 1px solid #b4b4b4;
            display: inline-block;
            vertical-align: middle;
            width: 1.2em;
            height: 1.2em;
            margin-right: 5px;
            cursor: pointer;
            text-align: center;
            -webkit-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
            position: absolute;
            top: 50%;
            left: 10px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
          .select-payment-wrap .page-menu .tab-accordion_heading.tab-active:before {
            background-color: #3197EE;
            -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
            box-shadow: inset 0 0 0 4px #f4f4f4; } }
  .select-payment-wrap .select-payment-title {
    margin-top: 50px; }
  .select-payment-wrap .payment-note {
    margin-top: 50px; }
  .select-payment-wrap .creditcard-list-wrap .creditcard-list {
    margin-top: 25px; }
    .select-payment-wrap .creditcard-list-wrap .creditcard-list:first-of-type {
      margin-top: 0; }
    .select-payment-wrap .creditcard-list-wrap .creditcard-list .input-radio {
      margin: 5px 1em 5px 0; }
      @media screen and (max-width: 480px) {
        .select-payment-wrap .creditcard-list-wrap .creditcard-list .input-radio {
          display: block; } }
      .select-payment-wrap .creditcard-list-wrap .creditcard-list .input-radio:last-of-type {
        margin-right: 0; }
    .select-payment-wrap .creditcard-list-wrap .creditcard-list input[type="checkbox"],
    .select-payment-wrap .creditcard-list-wrap .creditcard-list input[type="radio"] {
      position: absolute;
      opacity: 0; }
      .select-payment-wrap .creditcard-list-wrap .creditcard-list input[type="checkbox"] + .span-radio,
      .select-payment-wrap .creditcard-list-wrap .creditcard-list input[type="radio"] + .span-radio {
        position: relative;
        cursor: pointer;
        padding: 0;
        font-size: 0.9em; }
      .select-payment-wrap .creditcard-list-wrap .creditcard-list input[type="checkbox"] + .span-radio:before,
      .select-payment-wrap .creditcard-list-wrap .creditcard-list input[type="radio"] + .span-radio:before {
        content: '';
        margin-right: 5px;
        display: inline-block;
        vertical-align: text-top;
        width: 20px;
        height: 20px;
        border: 1px solid #b4b4b4;
        background-color: #f4f4f4;
        border-radius: 50%;
        margin-right: 10px; }
        @media screen and (max-width: 480px) {
          .select-payment-wrap .creditcard-list-wrap .creditcard-list input[type="checkbox"] + .span-radio:before,
          .select-payment-wrap .creditcard-list-wrap .creditcard-list input[type="radio"] + .span-radio:before {
            width: 15px;
            height: 15px;
            margin-right: 5px; } }
      .select-payment-wrap .creditcard-list-wrap .creditcard-list input[type="checkbox"]:checked + .span-checkbox:after,
      .select-payment-wrap .creditcard-list-wrap .creditcard-list input[type="radio"]:checked + .span-checkbox:after {
        content: '';
        position: absolute;
        left: 5px;
        top: 9px;
        background-color: #3197EE;
        width: 2px;
        height: 2px;
        -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
        box-shadow: inset 0 0 0 4px #f4f4f4;
        transform: rotate(45deg); }
      .select-payment-wrap .creditcard-list-wrap .creditcard-list input[type="checkbox"]:checked + .span-radio:after,
      .select-payment-wrap .creditcard-list-wrap .creditcard-list input[type="radio"]:checked + .span-radio:after {
        content: '';
        position: absolute;
        left: 6px;
        top: 6px;
        background-color: #3197EE;
        width: 10px;
        height: 10px;
        border-radius: 50%; }
        @media screen and (max-width: 480px) {
          .select-payment-wrap .creditcard-list-wrap .creditcard-list input[type="checkbox"]:checked + .span-radio:after,
          .select-payment-wrap .creditcard-list-wrap .creditcard-list input[type="radio"]:checked + .span-radio:after {
            left: 5px;
            top: 5px;
            width: 7px;
            height: 7px; } }
    @media screen and (max-width: 480px) {
      .select-payment-wrap .creditcard-list-wrap .creditcard-list .sd-remove {
        display: none; } }
    .select-payment-wrap .creditcard-list-wrap .creditcard-list .creditcard-image {
      width: 35px;
      margin: 0 25px; }
      @media screen and (max-width: 480px) {
        .select-payment-wrap .creditcard-list-wrap .creditcard-list .creditcard-image {
          margin-left: 15px;
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      .select-payment-wrap .creditcard-list-wrap .creditcard-list .creditcard-number-list {
        margin-top: 10px; } }
    .select-payment-wrap .creditcard-list-wrap .creditcard-list .creditcard-number-list .creditcard-number,
    .select-payment-wrap .creditcard-list-wrap .creditcard-list .creditcard-number-list .creditcard-expiration {
      font-size: 0.8em; }
  .select-payment-wrap .payment-form {
    width: 50%;
    margin-top: 25px; }
    @media screen and (max-width: 480px) {
      .select-payment-wrap .payment-form {
        width: 100%;
        margin-top: 15px; } }
    @media screen and (min-width: 480px) and (max-width: 801px) {
      .select-payment-wrap .payment-form {
        width: 70%; } }
    .select-payment-wrap .payment-form fieldset {
      border: none;
      position: relative; }
      .select-payment-wrap .payment-form fieldset p {
        font-size: 11px;
        cursor: pointer;
        margin-top: 1em;
        text-decoration: underline;
        position: absolute; }
        .select-payment-wrap .payment-form fieldset p i {
          margin-right: 5px; }
      .select-payment-wrap .payment-form fieldset.fieldset-half {
        width: 45%; }
        @media screen and (max-width: 480px) {
          .select-payment-wrap .payment-form fieldset.fieldset-half {
            width: auto; } }
        .select-payment-wrap .payment-form fieldset.fieldset-half .select-wrap {
          width: 100%; }
    .select-payment-wrap .payment-form label {
      display: block;
      text-transform: uppercase;
      font-size: 11px;
      margin-bottom: 5px;
      font-weight: bold; }
    .select-payment-wrap .payment-form .fieldset-wrap {
      margin-bottom: 25px; }
      .select-payment-wrap .payment-form .fieldset-wrap:last-of-type {
        margin-bottom: 0; }
    .select-payment-wrap .payment-form input,
    .select-payment-wrap .payment-form .StripeElement {
      width: 100%;
      line-height: 1.5;
      outline: none !important;
      background: transparent;
      background-image: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: inline-block;
      margin-right: 8px;
      height: 38px;
      color: #222;
      background-color: #fff;
      padding: 10px;
      border-radius: 5px;
      font-size: 1em;
      border: 1px solid rgba(0, 0, 0, 0.3); }
      .select-payment-wrap .payment-form input:last-of-type,
      .select-payment-wrap .payment-form .StripeElement:last-of-type {
        margin-right: 0; }
    .select-payment-wrap .payment-form .select {
      position: relative; }
      .select-payment-wrap .payment-form .select select {
        position: absolute;
        font-size: 0.9em;
        padding: 0;
        border: none;
        width: 100%;
        outline: none !important;
        top: 50%;
        left: 0;
        padding-left: 1em;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 38px;
        background: none; }
        .select-payment-wrap .payment-form .select select :-moz-focusring {
          color: transparent;
          text-shadow: 0 0 0 #000; }
    .select-payment-wrap .payment-form .select-wrap {
      width: 46%; }
      .select-payment-wrap .payment-form .select-wrap .select {
        width: 100%; }
        .select-payment-wrap .payment-form .select-wrap .select.select-amount {
          width: 50px; }
    .select-payment-wrap .payment-form .fieldset-expiration {
      width: 60%; }
      @media screen and (max-width: 480px) {
        .select-payment-wrap .payment-form .fieldset-expiration {
          width: 48%; } }
    .select-payment-wrap .payment-form .fieldset-ccv {
      width: 30%; }
      @media screen and (max-width: 480px) {
        .select-payment-wrap .payment-form .fieldset-ccv {
          width: 48%; } }
    .select-payment-wrap .payment-form .hide {
      display: none;
      margin-top: 2em; }
      .select-payment-wrap .payment-form .hide.switchoff {
        display: block; }
      .select-payment-wrap .payment-form .hide img {
        width: 100%; }
  .select-payment-wrap .error-message {
    padding: 5px 15px;
    width: 100%;
    margin-bottom: 25px;
    display: inline-block;
    font-size: 0.9em;
    background-color: #eb1c26;
    color: #fff; }
    @media screen and (max-width: 480px) {
      .select-payment-wrap .error-message {
        font-size: 0.7em; } }
    .select-payment-wrap .error-message.card-error {
      position: absolute;
      bottom: 40px;
      right: 0;
      width: auto;
      padding: 10px;
      font-size: 0.8em;
      margin: 0;
      line-height: 1.5; }
      @media screen and (max-width: 480px) {
        .select-payment-wrap .error-message.card-error {
          font-size: 0.7em; } }
      .select-payment-wrap .error-message.card-error:before {
        content: "";
        position: absolute;
        border: 10px solid transparent;
        bottom: -20px;
        right: 3px;
        border-top-color: #eb1c26; }
  .select-payment-wrap .payment-confirm-table {
    width: 100% !important;
    margin: 0 !important; }
    .select-payment-wrap .payment-confirm-table .basic-tr {
      border-bottom: 1px solid; }
      @media screen and (min-width: 480px) and (max-width: 801px) {
        .select-payment-wrap .payment-confirm-table .basic-tr {
          padding-bottom: 1em !important; } }
      .select-payment-wrap .payment-confirm-table .basic-tr:last-of-type {
        border-bottom: none; }
      @media screen and (min-width: 480px) and (max-width: 801px) {
        .select-payment-wrap .payment-confirm-table .basic-tr .basic-th {
          margin-bottom: 1em !important; } }

.doc-wrap {
  width: 60%;
  margin: auto;
  padding: 50px; }
  @media screen and (max-width: 480px) {
    .doc-wrap {
      width: 90%; } }
  .doc-wrap .doc-title {
    font-size: 1.8em;
    text-align: left;
    border-bottom: 1px solid;
    padding-bottom: 25px !important;
    margin-bottom: 25px; }
    @media screen and (max-width: 480px) {
      .doc-wrap .doc-title {
        font-size: 1.5em; } }
  .doc-wrap .doc-body {
    font-size: 0.9em; }
    .doc-wrap .doc-body p {
      text-align: justify;
      word-break: break-all; }
    .doc-wrap .doc-body ol {
      list-style: decimal;
      padding-left: 2em; }
      @media screen and (max-width: 480px) {
        .doc-wrap .doc-body ol {
          padding-left: 1em; } }
    .doc-wrap .doc-body .doc-list {
      margin-top: 2em; }
    .doc-wrap .doc-body .doc-list-text {
      margin-top: 1em; }
    .doc-wrap .doc-body .list {
      list-style: decimal;
      padding-left: 1.5em; }
      .doc-wrap .doc-body .list li {
        margin-top: 1em; }
        .doc-wrap .doc-body .list li p {
          margin-left: 0.5em; }
    .doc-wrap .doc-body .inner-list {
      list-style: none;
      padding-left: 0; }
      .doc-wrap .doc-body .inner-list li {
        margin-top: 1em;
        counter-increment: cnt; }
        .doc-wrap .doc-body .inner-list li p {
          text-indent: -2em;
          margin-left: 3em; }
          .doc-wrap .doc-body .inner-list li p:before {
            content: "(" counter(cnt) ") ";
            line-height: 1.5;
            display: inline-block;
            text-indent: -1em;
            margin-left: 0.6em;
            width: 20px; }
    .doc-wrap .doc-body .inner-inner-list {
      list-style: none; }
      .doc-wrap .doc-body .inner-inner-list li {
        counter-increment: calc-ex10; }
        .doc-wrap .doc-body .inner-inner-list li p {
          text-indent: -2em;
          margin-left: 2em; }
          .doc-wrap .doc-body .inner-inner-list li p:before {
            content: "(" counter(calc-ex10,lower-latin) ")"; }
    .doc-wrap .doc-body .establishment {
      margin-top: 100px;
      text-align: right; }
    .doc-wrap .doc-body .doc {
      margin-bottom: 50px; }
      .doc-wrap .doc-body .doc:last-of-type {
        margin-bottom: 0; }
      .doc-wrap .doc-body .doc .doc-head {
        font-weight: bold;
        margin-bottom: 10px;
        line-height: 1.5; }
      .doc-wrap .doc-body .doc .doc-content-wrap {
        margin-top: 25px;
        padding-left: 15px; }
  .doc-wrap#howtoorder {
    margin-top: 100px; }

.complete-icon {
  width: 150px;
  height: 150px;
  margin: 0 auto; }

.thanks-message-header,
.sorry-message-header {
  text-align: center; }
  @media screen and (max-width: 480px) {
    .thanks-message-header,
    .sorry-message-header {
      font-size: 2em; } }
  @media screen and (max-width: 480px) {
    .thanks-message-header.congrats,
    .sorry-message-header.congrats {
      font-size: 9vw; } }

.thanks-sharebutton-wrap,
.sorry-message-wrap {
  margin: 50px 0;
  padding: 25px; }
  @media screen and (max-width: 480px) {
    .thanks-sharebutton-wrap,
    .sorry-message-wrap {
      padding: 15px 0; } }
  .thanks-sharebutton-wrap .thanks-share-message,
  .thanks-sharebutton-wrap .sorry-message,
  .sorry-message-wrap .thanks-share-message,
  .sorry-message-wrap .sorry-message {
    font-size: 1.3em;
    padding-bottom: 25px; }
    @media screen and (max-width: 480px) {
      .thanks-sharebutton-wrap .thanks-share-message,
      .thanks-sharebutton-wrap .sorry-message,
      .sorry-message-wrap .thanks-share-message,
      .sorry-message-wrap .sorry-message {
        padding: 0;
        font-size: 0.9em;
        margin-bottom: 25px;
        line-height: 1.5; } }
  .thanks-sharebutton-wrap .sorry-message,
  .sorry-message-wrap .sorry-message {
    padding-bottom: 0; }
  .thanks-sharebutton-wrap .sharebutton-inner,
  .sorry-message-wrap .sharebutton-inner {
    margin-left: 1em; }
    @media screen and (max-width: 480px) {
      .thanks-sharebutton-wrap .sharebutton-inner,
      .sorry-message-wrap .sharebutton-inner {
        margin-bottom: 1em;
        margin-left: 0; } }
    .thanks-sharebutton-wrap .sharebutton-inner:first-of-type,
    .sorry-message-wrap .sharebutton-inner:first-of-type {
      margin-left: 0; }
    @media screen and (max-width: 480px) {
      .thanks-sharebutton-wrap .sharebutton-inner:last-of-type,
      .sorry-message-wrap .sharebutton-inner:last-of-type {
        margin-bottom: 0; } }
  .thanks-sharebutton-wrap .sharebutton-list,
  .sorry-message-wrap .sharebutton-list {
    margin-right: 1em; }
    .thanks-sharebutton-wrap .sharebutton-list:last-of-type,
    .sorry-message-wrap .sharebutton-list:last-of-type {
      margin-right: 0; }
    .thanks-sharebutton-wrap .sharebutton-list a,
    .sorry-message-wrap .sharebutton-list a {
      display: inline-block; }
      .thanks-sharebutton-wrap .sharebutton-list a.share-button,
      .sorry-message-wrap .sharebutton-list a.share-button {
        color: #fff;
        height: 20px;
        border-radius: 3px;
        font-weight: 500;
        font-size: 12px;
        padding: 1px 8px 1px 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        @media screen and (max-width: 480px) {
          .thanks-sharebutton-wrap .sharebutton-list a.share-button,
          .sorry-message-wrap .sharebutton-list a.share-button {
            height: auto; } }
        .thanks-sharebutton-wrap .sharebutton-list a.share-button i,
        .sorry-message-wrap .sharebutton-list a.share-button i {
          margin-right: 3px; }
        .thanks-sharebutton-wrap .sharebutton-list a.share-button p,
        .sorry-message-wrap .sharebutton-list a.share-button p {
          font-family: sans-serif; }
      .thanks-sharebutton-wrap .sharebutton-list a.share-twitter,
      .sorry-message-wrap .sharebutton-list a.share-twitter {
        background-color: #1da1f2; }
      .thanks-sharebutton-wrap .sharebutton-list a.share-facebook,
      .sorry-message-wrap .sharebutton-list a.share-facebook {
        background-color: #1877f2; }
      .thanks-sharebutton-wrap .sharebutton-list a.share-line,
      .sorry-message-wrap .sharebutton-list a.share-line {
        background-color: #00b900; }

.thanks-message {
  margin-top: 50px; }
  .thanks-message h3 {
    font-weight: bold;
    margin-bottom: 25px; }
    @media screen and (max-width: 480px) {
      .thanks-message h3 {
        text-align: center; } }
  .thanks-message .thanks-message-inner p {
    text-align: justify;
    word-break: break-all; }
    .thanks-message .thanks-message-inner p a {
      display: inline; }

.button-wrap {
  margin: 50px 0 0; }
  .button-wrap .button {
    font-size: 0.8em;
    outline: none; }

.more-comment {
  font-size: 0.9em;
  display: inline-block;
  padding-top: 25px; }
  @media screen and (max-width: 480px) {
    .more-comment {
      padding-top: 0; } }

.contact {
  width: 60%;
  margin: auto;
  padding: 50px; }
  @media screen and (max-width: 801px) {
    .contact {
      width: 90%;
      padding: 50px 1em; } }
  .contact .contact-description {
    margin-bottom: 50px; }
  .contact #MessageBox #flashMessage {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    padding: 20px;
    text-align: center; }
    @media screen and (max-width: 480px) {
      .contact #MessageBox #flashMessage {
        font-size: 0.8em;
        padding: 1em; } }
  .contact #MessageBox .alert-message {
    background-color: red;
    color: #fff; }
  .contact #FlagCreatorInquiryConfirmForm dt, .contact #FlagCreatorInquiryConfirmForm dd {
    line-height: 1.5; }
  .contact #FlagCreatorInquiryConfirmForm dt {
    padding: 20px; }
    @media screen and (max-width: 480px) {
      .contact #FlagCreatorInquiryConfirmForm dt {
        padding: 0; } }
  .contact #FlagCreatorInquiryConfirmForm dd {
    font-size: 0.9em; }
    .contact #FlagCreatorInquiryConfirmForm dd span {
      margin-top: -1px; }
  .contact dl {
    display: table;
    width: 100%;
    border-top: 1px solid;
    margin-bottom: 0;
    -webkit-margin-before: 0; }
    @media screen and (max-width: 480px) {
      .contact dl {
        margin-bottom: 30px;
        display: block;
        border-top: none; } }
    .contact dl:last-of-type {
      border-bottom: 1px solid; }
      @media screen and (max-width: 480px) {
        .contact dl:last-of-type {
          border-bottom: none; } }
    .contact dl dt {
      display: table-cell;
      width: 35%;
      margin-bottom: 0;
      padding: 32px 20px 20px;
      font-size: 0.9em;
      position: relative;
      vertical-align: top;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 480px) {
        .contact dl dt {
          margin-bottom: 10px;
          display: block;
          width: auto;
          padding: 0;
          font-size: 0.8em; } }
      .contact dl dt .label {
        margin-top: -1px;
        display: inline-block;
        padding: 3px 4px 2px;
        color: #fff;
        font-size: 0.8em;
        font-weight: normal;
        position: absolute;
        right: 20px;
        margin-right: 0;
        border-radius: 2px; }
        @media screen and (max-width: 480px) {
          .contact dl dt .label {
            position: unset;
            right: auto;
            margin-right: 10px; } }
        .contact dl dt .label.required {
          background-color: #e11619; }
        .contact dl dt .label.optional {
          background-color: #aaa; }
    .contact dl dd {
      display: table-cell;
      width: 65%;
      padding: 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0; }
      @media screen and (max-width: 480px) {
        .contact dl dd {
          display: block;
          width: auto;
          padding: 0; } }
      .contact dl dd .input-wrap {
        position: relative;
        display: block;
        word-break: break-all;
        text-align: justify; }
        @media screen and (max-width: 480px) {
          .contact dl dd .input-wrap.input-confirm-wrap {
            font-size: 0.8em;
            line-height: 1.5; } }
        .contact dl dd .input-wrap .input-content {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          background-image: none;
          background: none;
          -webkit-box-shadow: none;
          box-shadow: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          outline: none;
          width: 100%;
          font-size: 0.9em;
          padding: 5px 10px;
          display: block;
          border: 1px solid;
          border-radius: 5px;
          -webkit-transition: border-color 0.25s ease, -webkit-box-shadow 0.25s ease;
          transition: border-color 0.25s ease, -webkit-box-shadow 0.25s ease;
          -o-transition: border-color 0.25s ease, box-shadow 0.25s ease;
          transition: border-color 0.25s ease, box-shadow 0.25s ease; }
          @media screen and (max-width: 480px) {
            .contact dl dd .input-wrap .input-content {
              font-size: 0.8em; } }
        .contact dl dd .input-wrap textarea {
          font-family: initial; }
        .contact dl dd .input-wrap input {
          height: 38px; }
        .contact dl dd .input-wrap .error-message {
          font-size: 0.8em;
          text-align: right;
          margin-top: 10px;
          font-weight: bold;
          color: red; }
  .contact .accept {
    text-align: center;
    margin: 100px 0; }
    .contact .accept input[type="checkbox"] {
      position: absolute;
      opacity: 0; }
      .contact .accept input[type="checkbox"] + .accept-label {
        position: relative;
        cursor: pointer;
        padding: 0;
        font-size: 0.9em; }
        @media screen and (max-width: 480px) {
          .contact .accept input[type="checkbox"] + .accept-label {
            font-size: 0.8em; } }
      .contact .accept input[type="checkbox"] + .accept-label:before {
        content: '';
        margin-right: 10px;
        display: inline-block;
        vertical-align: text-top;
        width: 22px;
        height: 22px;
        background: #aaa; }
      .contact .accept input[type="checkbox"]:hover + .accept-label:before {
        background: #FCC202; }
      .contact .accept input[type="checkbox"]:focus + .accept-label:before {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }
      .contact .accept input[type="checkbox"]:checked + .accept-label:before {
        background: #FCC202; }
      .contact .accept input[type="checkbox"]:checked + .accept-label:after {
        content: '';
        position: absolute;
        left: 5px;
        top: 10px;
        background: white;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
        transform: rotate(45deg); }
  .contact .button-wrap {
    margin-top: 100px; }
    .contact .button-wrap .button {
      line-height: 1; }
    .contact .button-wrap a {
      margin-right: 2em; }

#adminbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 32px;
  line-height: 32px;
  background-color: #23282d;
  color: #fff;
  font-family: sans-serif;
  font-weight: 400; }
  #adminbar .adminbar-inner {
    width: 90%;
    margin: auto;
    font-size: 0.8em;
    position: relative; }
    #adminbar .adminbar-inner .adminbar-title .adminbar-title-inner {
      width: 100%;
      position: relative; }
      #adminbar .adminbar-inner .adminbar-title .adminbar-title-inner .adminbar-title-link {
        cursor: pointer;
        padding: 0 5px; }
      #adminbar .adminbar-inner .adminbar-title .adminbar-title-inner .adminbar-subtitle {
        display: none;
        position: absolute;
        width: 100%;
        padding: 0 5px;
        background-color: #23282d; }
      #adminbar .adminbar-inner .adminbar-title .adminbar-title-inner .adminbar-subtitle-link {
        display: block; }
    #adminbar .adminbar-inner .admin-preview-status .preview-status {
      display: inline-block;
      background-color: #48c774;
      color: #fff;
      padding: 3px 10px; }

.error {
  text-align: center;
  width: 90%;
  margin: 0 auto 100px;
  padding: 50px 25px; }
  @media screen and (max-width: 801px) {
    .error {
      text-align: left; } }
  .error p {
    margin-bottom: 25px; }
    .error p:last-of-type {
      margin-bottom: 0; }

.postinner-comment-hide {
  background-color: #ddd;
  color: #222;
  border: 1px solid #ccc;
  padding: 25px;
  border-radius: 5px; }

.iframe-wrap {
  width: 100%;
  cursor: pointer; }
  .iframe-wrap iframe {
    max-width: 100%;
    opacity: 0; }
    .iframe-wrap iframe.on, .iframe-wrap iframe.note-video-clip {
      opacity: 1; }

.body-content img {
  width: 100% !important; }

.poweredbyflag svg {
  width: 60px;
  height: 20px;
  margin-left: 10px; }

.stripe-button-el {
  text-shadow: none !important;
  box-shadow: none !important; }
  .stripe-button-el span {
    height: auto !important;
    min-height: auto !important;
    line-height: inherit !important;
    background-image: none !important;
    text-shadow: none !important;
    box-shadow: none !important; }
    .stripe-button-el span:active {
      background-color: transparent !important;
      background: transparent !important;
      background-image: none !important; }

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.input-content {
  line-height: 1.5; }

b {
  font-weight: bold; }

.increment-wrap {
  margin-top: 50px;
  padding: 2em;
  position: relative; }
  @media screen and (max-width: 480px) {
    .increment-wrap {
      padding: 1em; } }
  .increment-wrap .increment-title {
    text-align: center;
    margin-bottom: 25px;
    font-size: 1.2em;
    font-weight: bold; }
    @media screen and (max-width: 480px) {
      .increment-wrap .increment-title {
        font-size: 3.8vw;
        text-align: center;
        margin-bottom: 1em; } }
    .increment-wrap .increment-title.swing {
      -webkit-animation: swing 0.5s infinite ease-in-out;
      animation: swing 0.5s infinite ease-in-out;
      -webkit-transform-origin: top;
      -ms-transform-origin: top;
      transform-origin: top; }
@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotate(-3deg); }
  50% {
    -webkit-transform: rotate(3deg); }
  100% {
    -webkit-transform: rotate(-3deg); } }
@keyframes swing {
  0% {
    -webkit-transform: rotate(-3deg); }
  50% {
    -webkit-transform: rotate(3deg); }
  100% {
    -webkit-transform: rotate(-3deg); } }
  .increment-wrap .increment-inner {
    position: relative;
    z-index: 1; }
  .increment-wrap .input-increment-wrap {
    width: 200px;
    height: 80px;
    margin: 0 15px;
    font-size: 1.5em;
    position: relative;
    color: #222; }
    @media screen and (max-width: 480px) {
      .increment-wrap .input-increment-wrap {
        font-size: 1.3em;
        width: 43vw;
        height: 60px; } }
    .increment-wrap .input-increment-wrap span {
      position: absolute;
      bottom: 5px;
      right: 5px;
      font-size: 0.6em; }
  .increment-wrap .input-increment {
    width: 100%;
    height: 100%;
    font-size: 1em;
    text-align: center;
    outline: none; }
  .increment-wrap .button {
    width: 40px;
    height: 40px;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    outline: none;
    cursor: pointer; }
    @media screen and (max-width: 480px) {
      .increment-wrap .button {
        width: 30px;
        height: 30px;
        font-size: 0.7em; } }
    .increment-wrap .button:hover {
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s; }
  .increment-wrap .lottie-animation {
    width: 50%;
    height: 200%;
    position: absolute; }
    @media screen and (max-width: 480px) {
      .increment-wrap .lottie-animation {
        width: 100%;
        height: 300%; } }
    .increment-wrap .lottie-animation.lottie-left {
      left: 0;
      bottom: 0; }
      @media screen and (max-width: 480px) {
        .increment-wrap .lottie-animation.lottie-left {
          display: none; } }
    .increment-wrap .lottie-animation.lottie-right {
      right: 0;
      bottom: -50%; }

.steps {
  max-width: 1024px;
  width: 90%;
  margin: 0 auto 25px; }
  .steps .step {
    width: calc(100%/4);
    text-align: center;
    border: 1px solid;
    border-left: none;
    border-right: none;
    padding: 5px 0 5px 15px;
    position: relative; }
    @media screen and (max-width: 480px) {
      .steps .step {
        font-size: 0.8em; } }
    .steps .step:before {
      content: "";
      position: absolute;
      top: 50%;
      right: -12px;
      -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
      transform: translateY(-50%) rotate(-45deg);
      width: 23px;
      height: 22px;
      border-bottom: 1px solid;
      border-right: 1px solid;
      z-index: 2; }
      @media screen and (max-width: 480px) {
        .steps .step:before {
          width: 18px;
          height: 17px;
          right: -10px; } }
    .steps .step:first-of-type {
      padding-left: 0; }
    .steps .step:last-of-type {
      border-right: 1px solid;
      border-left: none; }
      .steps .step:last-of-type:before {
        display: none; }

.payment-input-wrap .payment-group .payment-input-group {
  margin-bottom: 25px; }
  @media screen and (max-width: 480px) {
    .payment-input-wrap .payment-group .payment-input-group {
      display: block; } }
  .payment-input-wrap .payment-group .payment-input-group:last-of-type {
    margin-bottom: 0; }
  .payment-input-wrap .payment-group .payment-input-group .payment-input {
    width: 100%; }
    @media screen and (max-width: 480px) {
      .payment-input-wrap .payment-group .payment-input-group .payment-input {
        display: block;
        width: 100%;
        margin-bottom: 25px; } }
    .payment-input-wrap .payment-group .payment-input-group .payment-input.half {
      width: 48%; }
      @media screen and (max-width: 480px) {
        .payment-input-wrap .payment-group .payment-input-group .payment-input.half {
          width: 100%; } }
    .payment-input-wrap .payment-group .payment-input-group .payment-input.quarter {
      width: 23%; }
    .payment-input-wrap .payment-group .payment-input-group .payment-input.postalcode {
      width: 10%; }
      @media screen and (max-width: 480px) {
        .payment-input-wrap .payment-group .payment-input-group .payment-input.postalcode {
          width: 48%; } }
    .payment-input-wrap .payment-group .payment-input-group .payment-input.postal {
      width: 20%; }
    .payment-input-wrap .payment-group .payment-input-group .payment-input.pref {
      width: 20%; }
    .payment-input-wrap .payment-group .payment-input-group .payment-input.city {
      width: 50%; }
    .payment-input-wrap .payment-group .payment-input-group .payment-input.address {
      width: 34%; }
      @media screen and (max-width: 480px) {
        .payment-input-wrap .payment-group .payment-input-group .payment-input.address {
          width: 100%; } }
  .payment-input-wrap .payment-group .payment-input-group .payment-input-inner {
    position: relative; }
  .payment-input-wrap .payment-group .payment-input-group .label {
    font-size: 0.8em;
    margin-bottom: 10px;
    display: block; }
    .payment-input-wrap .payment-group .payment-input-group .label .label-inner {
      position: relative; }
    .payment-input-wrap .payment-group .payment-input-group .label svg {
      width: 16px;
      height: 16px;
      display: inline-block;
      margin-left: 5px; }
    .payment-input-wrap .payment-group .payment-input-group .label .icon-wrap {
      position: absolute;
      top: 50%;
      right: -21px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      cursor: pointer; }
    .payment-input-wrap .payment-group .payment-input-group .label .tooltip {
      position: absolute;
      width: 250px;
      padding: 10px;
      top: 30px; }
      .payment-input-wrap .payment-group .payment-input-group .label .tooltip:before {
        position: absolute;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        content: "";
        border: 10px solid transparent;
        top: -19px;
        left: 3px; }
  .payment-input-wrap .payment-group .payment-input-group .input-content {
    background: none;
    background-image: none;
    border: none;
    border-bottom: 1px solid;
    outline: none;
    color: inherit;
    width: 100%;
    font-size: 1em;
    border-radius: 0; }
    .payment-input-wrap .payment-group .payment-input-group .input-content.error-content {
      color: #ff0000; }
  .payment-input-wrap .payment-group .payment-input-group p.error-content {
    font-size: 0.7em;
    position: absolute;
    right: 0;
    bottom: -16px;
    color: #ff0000;
    width: max-content;
    text-align: right; }

.bottomcategory-select-wrap {
  margin-top: 50px !important;
  text-align: right; }
  @media screen and (max-width: 480px) {
    .bottomcategory-select-wrap {
      margin-top: 0 !important;
      margin-bottom: -15px !important;
      text-align: left; } }

.servicecategory-select-wrap {
  max-width: unset;
  width: 100%;
  text-align: right; }

.checkbox-wrap {
  text-align: center;
  margin: 0; }
  .checkbox-wrap input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    visibility: hidden; }
    .checkbox-wrap input[type="checkbox"] + .label {
      position: relative;
      cursor: pointer;
      padding: 0;
      font-size: 0.9em; }
      @media screen and (max-width: 480px) {
        .checkbox-wrap input[type="checkbox"] + .label {
          font-size: 0.8em; } }
    .checkbox-wrap input[type="checkbox"] + .label:before {
      content: '';
      margin-right: 10px;
      display: inline-block;
      vertical-align: text-top;
      width: 20px;
      height: 20px;
      border: 1px solid; }
      @media screen and (max-width: 480px) {
        .checkbox-wrap input[type="checkbox"] + .label:before {
          margin-right: 5px; } }
    .checkbox-wrap input[type="checkbox"]:checked + .label:after {
      content: '';
      position: absolute;
      left: 5px;
      top: 10px;
      width: 2px;
      height: 2px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

#remarks {
  font-size: 1.2em; }
  @media screen and (max-width: 480px) {
    #remarks {
      font-size: 1em; } }

.note-placeholder {
  line-height: 1.5; }

.amount:before {
  content: "¥ "; }

.payment-title {
  margin-bottom: 25px; }

.confirm-notice .notice-list {
  font-size: 0.8em;
  margin-left: 1em; }
  .confirm-notice .notice-list p {
    position: relative; }
    .confirm-notice .notice-list p:before {
      content: "";
      position: absolute;
      width: 3px;
      height: 3px;
      top: 0.6em;
      left: -0.8em;
      border-radius: 50%; }

.confirm-edit {
  font-size: 0.8em;
  text-align: right;
  display: block;
  margin-top: 5px; }

#onclickOverlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(255, 255, 255, 0.6);
  -webkit-animation: show 0.3s linear 0s;
  animation: show 0.3s linear 0s; }
  #onclickOverlay .spinner-wrap {
    height: 100%; }
  #onclickOverlay .spinner {
    width: 80px;
    height: 80px;
    border: 4px #ddd solid;
    border-top: 4px #999 solid;
    border-radius: 50%;
    -webkit-animation: spinAnimation 0.8s infinite linear;
    animation: spinAnimation 0.8s infinite linear; }
  #onclickOverlay.active {
    display: block; }

@-webkit-keyframes show {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes show {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes spinAnimation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes spinAnimation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.flash-message-wrap {
  max-width: 1024px;
  width: 90%;
  margin: auto; }

#MessageBox {
  width: 100%;
  margin-bottom: 50px; }
  #MessageBox .message {
    margin: 0;
    padding: 20px;
    font-size: 16px;
    background-color: #fff;
    color: #222;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    border-bottom-width: 5px; }
    @media screen and (max-width: 480px) {
      #MessageBox .message {
        font-size: 0.8em;
        padding: 10px; } }
    #MessageBox .message.notice-message {
      border-bottom-color: #237a57; }
    #MessageBox .message.alert-message {
      border-bottom-color: #d85259; }
    #MessageBox .message.warning-message {
      border-bottom-color: #FCD34D; }
    #MessageBox .message svg {
      width: 2.5em;
      height: 2.5em;
      margin-right: 15px; }
      #MessageBox .message svg.icon-icon-check {
        fill: #237a57; }
      #MessageBox .message svg.icon-icon-cancel {
        fill: #d85259; }
      #MessageBox .message svg.icon-icon-error {
        fill: #FCD34D; }
    #MessageBox .message .message-contents {
      width: 100%; }
      #MessageBox .message .message-contents .message-title {
        font-weight: bold; }
      @media screen and (max-width: 480px) {
        #MessageBox .message .message-contents .message-link {
          display: block;
          text-align: right; } }

.select-wrap {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background: #fff;
  display: inline-block; }
  .select-wrap:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 8px;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666666;
    pointer-events: none;
    z-index: 10; }
  .select-wrap .select {
    cursor: pointer;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 38px;
    padding: 10px 25px 10px 10px;
    line-height: 1; }

.flagcontentmodal-background-wrap .flagcontentmodal-background {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100vh;
  z-index: 100000;
  top: 0;
  left: 0; }
  .flagcontentmodal-background-wrap .flagcontentmodal-background .flagcontentmodal-close-button {
    color: #fff;
    position: fixed;
    right: 10px;
    top: 5px;
    font-size: 3em;
    cursor: pointer; }
  .flagcontentmodal-background-wrap .flagcontentmodal-background .flagcontentmodal-contents-wrap {
    width: 90%;
    height: 75vh;
    margin: auto;
    background-color: #fff;
    color: #222;
    padding: 50px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    border-radius: 10px; }
    @media screen and (max-width: 480px) {
      .flagcontentmodal-background-wrap .flagcontentmodal-background .flagcontentmodal-contents-wrap {
        padding: 25px 10px; } }
    .flagcontentmodal-background-wrap .flagcontentmodal-background .flagcontentmodal-contents-wrap .shop-confirm-wrap .shop-confirm .shop-confirm-inner .cart-list-inner {
      border: 1px solid #222;
      color: #222;
      background-color: #fff; }
    .flagcontentmodal-background-wrap .flagcontentmodal-background .flagcontentmodal-contents-wrap .shop-confirm-wrap .shop-confirm .shop-confirm-inner .confirm-notice .notice-list p:before {
      background-color: #222; }
    .flagcontentmodal-background-wrap .flagcontentmodal-background .flagcontentmodal-contents-wrap.narrow-width {
      max-width: 350px;
      padding: 25px; }
      @media screen and (max-width: 480px) {
        .flagcontentmodal-background-wrap .flagcontentmodal-background .flagcontentmodal-contents-wrap.narrow-width {
          padding: 25px 10px; } }
    .flagcontentmodal-background-wrap .flagcontentmodal-background .flagcontentmodal-contents-wrap.middle-width {
      max-width: 700px;
      padding: 10px; }
    .flagcontentmodal-background-wrap .flagcontentmodal-background .flagcontentmodal-contents-wrap.eyecatchmodal-wrap {
      background-color: transparent; }
    .flagcontentmodal-background-wrap .flagcontentmodal-background .flagcontentmodal-contents-wrap .eyecatch-wrap {
      width: 100%;
      height: 100%; }
      .flagcontentmodal-background-wrap .flagcontentmodal-background .flagcontentmodal-contents-wrap .eyecatch-wrap .eyecatch {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat; }
    .flagcontentmodal-background-wrap .flagcontentmodal-background .flagcontentmodal-contents-wrap .button {
      background-color: #222;
      color: #fff;
      border-radius: 0; }

.no-hierarchy-comments .comment-title {
  text-align: left;
  margin-bottom: 25px; }
.no-hierarchy-comments .comment-login-button {
  background-color: #222;
  color: #fff;
  padding: 10px;
  width: 100%;
  display: inline-block;
  margin-bottom: 50px; }
  @media screen and (max-width: 480px) {
    .no-hierarchy-comments .comment-login-button {
      font-size: 0.9em; } }
.no-hierarchy-comments .block-comment-wrap {
  margin-bottom: 50px;
  padding: 15px;
  border: 1px solid #d9534f;
  color: #d9534f; }
.no-hierarchy-comments .comment-textarea-wrap {
  margin-bottom: 50px; }
  .no-hierarchy-comments .comment-textarea-wrap .comment-input-textarea {
    width: 100%;
    outline: none;
    background: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ddd;
    color: inherit;
    line-height: 1.5;
    padding: 0.5em;
    overflow: hidden;
    min-height: 60px;
    max-height: 100px;
    height: auto;
    resize: none; }
  .no-hierarchy-comments .comment-textarea-wrap .comment-input-button {
    border: none;
    background-color: #222;
    color: #fff;
    width: 100%;
    padding: 10px;
    margin-top: 25px;
    outline: none;
    cursor: pointer; }
.no-hierarchy-comments .comment-wrap .comment-list {
  margin-bottom: 50px; }
  .no-hierarchy-comments .comment-wrap .comment-list:last-of-type {
    margin-bottom: 0; }
  .no-hierarchy-comments .comment-wrap .comment-list .comment-inner .comment-userimage-wrap {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    margin-right: 10px; }
    .no-hierarchy-comments .comment-wrap .comment-list .comment-inner .comment-userimage-wrap .comment-userimage {
      background-color: #222;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-position: center;
      background-size: cover;
      display: block; }
      .no-hierarchy-comments .comment-wrap .comment-list .comment-inner .comment-userimage-wrap .comment-userimage.nolink {
        pointer-events: none; }
  .no-hierarchy-comments .comment-wrap .comment-list .comment-inner .comment-body {
    text-align: justify;
    word-break: break-all;
    width: 100%; }
    .no-hierarchy-comments .comment-wrap .comment-list .comment-inner .comment-body .comment-username {
      margin-bottom: 15px;
      display: inline-block;
      font-weight: bold;
      font-size: 1em; }
      .no-hierarchy-comments .comment-wrap .comment-list .comment-inner .comment-body .comment-username.nolink {
        pointer-events: none; }
        .no-hierarchy-comments .comment-wrap .comment-list .comment-inner .comment-body .comment-username.nolink span {
          text-decoration: none; }
      .no-hierarchy-comments .comment-wrap .comment-list .comment-inner .comment-body .comment-username span {
        display: inline;
        vertical-align: middle; }
      .no-hierarchy-comments .comment-wrap .comment-list .comment-inner .comment-body .comment-username .creator-icon {
        fill: #222;
        width: 1em;
        height: 1em;
        display: inline;
        vertical-align: middle; }
    .no-hierarchy-comments .comment-wrap .comment-list .comment-inner .comment-body .comment-content {
      background-color: #f5f5f5;
      padding: 10px;
      border-radius: 10px;
      width: 100%; }
    .no-hierarchy-comments .comment-wrap .comment-list .comment-inner .comment-body .comment-date-wrap {
      margin-top: 5px; }
      .no-hierarchy-comments .comment-wrap .comment-list .comment-inner .comment-body .comment-date-wrap .comment-delete,
      .no-hierarchy-comments .comment-wrap .comment-list .comment-inner .comment-body .comment-date-wrap .comment-date {
        font-size: 0.8em;
        color: #777;
        line-height: 1; }

.table-wrap {
  width: 100%; }
  .table-wrap table {
    width: 100%;
    border: 1px solid; }
    .table-wrap table tr {
      border: 1px solid; }
      .table-wrap table tr th,
      .table-wrap table tr td {
        text-align: center;
        border: 1px solid;
        padding: 5px;
        vertical-align: middle; }
      .table-wrap table tr .table-rights svg {
        width: 1em;
        height: 1em;
        fill: #11beae; }

.comment-loading {
  margin-bottom: 50px; }

#onclickLoading {
  display: none; }
  #onclickLoading .spinner {
    width: 20px;
    height: 20px;
    border: 2px #ddd solid;
    border-top: 2px #999 solid;
    border-radius: 50%;
    margin: auto;
    -webkit-animation: spinAnimation 0.8s infinite linear;
    animation: spinAnimation 0.8s infinite linear; }
@-webkit-keyframes spinAnimation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes spinAnimation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
#centerFlashMessage {
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 1000;
  opacity: 0;
  visibility: hidden; }
  #centerFlashMessage.animate-fadeincenterfadeout {
    opacity: 1;
    -webkit-animation: fadein-fadeout 4.5s 0.4s cubic-bezier(0.32, 1.75, 0.65, 0.91);
    animation: fadein-fadeout 4.5s 0.4s cubic-bezier(0.32, 1.75, 0.65, 0.91); }
  #centerFlashMessage .status {
    padding: 50px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.9);
    max-width: 400px;
    max-height: 400px;
    width: 90%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    #centerFlashMessage .status svg {
      width: 100px !important;
      height: 100px !important; }
    #centerFlashMessage .status .status-inner p {
      color: #fff; }
    #centerFlashMessage .status .status-inner .message-title {
      font-size: 2em;
      font-weight: bold; }
    #centerFlashMessage .status .status-inner .message-text {
      margin-top: 15px; }

@-webkit-keyframes fadein-fadeout {
  0% {
    opacity: 0;
    visibility: visible; }
  12% {
    opacity: 1; }
  70% {
    opacity: 1;
    visibility: visible; }
  80% {
    opacity: 0; }
  100% {
    visibility: hidden; } }
@keyframes fadein-fadeout {
  0% {
    opacity: 0;
    visibility: visible; }
  12% {
    opacity: 1; }
  70% {
    opacity: 1;
    visibility: visible; }
  80% {
    opacity: 0; }
  100% {
    visibility: hidden; } }
.search-content-wrap {
  padding: 15px 25px;
  margin-top: 2em; }
  @media screen and (max-width: 480px) {
    .search-content-wrap {
      padding: 15px;
      margin-top: 1em;
      margin-bottom: -1em; } }
  .search-content-wrap .search-popup {
    position: relative;
    margin-top: 15px; }
    .search-content-wrap .search-popup #searchInput {
      width: 100%;
      height: 40px;
      padding: 0 65px 0 10px;
      outline: none;
      color: inherit;
      background: none;
      border: 1px solid; }
      @media screen and (max-width: 480px) {
        .search-content-wrap .search-popup #searchInput {
          height: 30px;
          padding-right: 40px;
          border-radius: 0;
          font-size: 1em; } }
    .search-content-wrap .search-popup #searchButton {
      position: absolute;
      top: 0;
      right: 0;
      width: 65px;
      height: 40px;
      padding: 0;
      outline: none;
      border: none;
      background: none;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media screen and (max-width: 480px) {
        .search-content-wrap .search-popup #searchButton {
          width: 40px;
          height: 30px; } }
      .search-content-wrap .search-popup #searchButton svg {
        width: 20px;
        height: 20px; }
        @media screen and (max-width: 480px) {
          .search-content-wrap .search-popup #searchButton svg {
            width: 16px;
            height: 16px; } }
  .search-content-wrap .category-horizonlabel-wrap {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 15px;
    margin-bottom: 10px; }
    .search-content-wrap .category-horizonlabel-wrap .clear-wrap {
      -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
      order: -1; }
      .search-content-wrap .category-horizonlabel-wrap .clear-wrap .clear {
        display: block;
        position: relative;
        width: 25px;
        height: 25px;
        margin-right: 10px;
        border: 1px solid;
        border-radius: 50%;
        cursor: pointer; }
        .search-content-wrap .category-horizonlabel-wrap .clear-wrap .clear:before, .search-content-wrap .category-horizonlabel-wrap .clear-wrap .clear:after {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          width: 2px;
          height: 15px; }
        .search-content-wrap .category-horizonlabel-wrap .clear-wrap .clear:before {
          -webkit-transform: translate(-50%, -50%) rotate(45deg);
          -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg); }
        .search-content-wrap .category-horizonlabel-wrap .clear-wrap .clear:after {
          -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg); }
    .search-content-wrap .category-horizonlabel-wrap .category-label {
      border: 1px solid;
      border-radius: 15px;
      padding: 5px 10px;
      display: inline-block;
      font-size: 0.9em;
      margin-right: 15px;
      white-space: nowrap;
      cursor: pointer; }
      .search-content-wrap .category-horizonlabel-wrap .category-label.active {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        pointer-events: none;
        margin-right: 15px !important; }
      .search-content-wrap .category-horizonlabel-wrap .category-label:last-of-type {
        margin-right: 0; }
  .search-content-wrap .more-search-wrap {
    font-size: 0.8em;
    line-height: 1;
    text-align: right; }
    .search-content-wrap .more-search-wrap .more-search {
      cursor: pointer;
      display: inline-block;
      vertical-align: middle; }
      .search-content-wrap .more-search-wrap .more-search svg {
        width: 15px;
        height: 15px;
        display: inline-block;
        vertical-align: middle; }
      .search-content-wrap .more-search-wrap .more-search span {
        display: inline-block;
        vertical-align: middle; }
  .search-content-wrap ::-webkit-scrollbar {
    height: 5px; }
  .search-content-wrap ::-webkit-scrollbar-track {
    border-radius: 5px; }
  .search-content-wrap ::-webkit-scrollbar:horizontal {
    height: 5px; }
  .search-content-wrap ::-webkit-scrollbar-thumb {
    border-radius: 5px; }

.secondary-address {
  padding: 25px; }
  @media screen and (max-width: 480px) {
    .secondary-address {
      padding: 15px; } }

.mypage-userview {
  width: 90%;
  max-width: 600px;
  margin: auto;
  padding: 50px;
  word-break: break-all; }
  @media screen and (max-width: 480px) {
    .mypage-userview {
      padding: 25px; } }
  .mypage-userview .user-content-header {
    margin-bottom: 25px; }
    @media screen and (max-width: 480px) {
      .mypage-userview .user-content-header {
        display: block; } }
  .mypage-userview .user-thumbnail {
    width: 125px;
    height: 125px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid;
    border-radius: 50%;
    margin-right: 25px;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    @media screen and (max-width: 480px) {
      .mypage-userview .user-thumbnail {
        margin: 0 auto 15px; } }
  .mypage-userview .user-content-right {
    word-break: break-all;
    overflow: hidden; }
    .mypage-userview .user-content-right p {
      margin-bottom: 5px; }
      .mypage-userview .user-content-right p:last-of-type {
        margin-bottom: 0; }
      .mypage-userview .user-content-right p svg {
        width: 15px;
        height: 15px;
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
      .mypage-userview .user-content-right p span {
        display: inline-block;
        vertical-align: middle; }
  .mypage-userview .user-name {
    font-size: 1.2em;
    font-weight: bold; }
    @media screen and (max-width: 480px) {
      .mypage-userview .user-name {
        text-align: center; } }
  @media screen and (max-width: 480px) {
    .mypage-userview .user-creator-status {
      text-align: center;
      margin-bottom: 25px !important;
      padding-bottom: 25px;
      border-bottom: 1px solid; } }
  .mypage-userview .user-creator-status .status {
    font-size: 0.7em;
    padding: 3px 8px;
    border-radius: 3px; }
  .mypage-userview .user-link a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle; }
  .mypage-userview .user-desc {
    white-space: pre-wrap;
    text-align: justify;
    word-break: break-all; }

/*# sourceMappingURL=flagcontent.css.map */