@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 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0.7;
}
.community-wrap .community-content #survey .plus {
  margin-right: 5px;
  width: 1.2em;
  height: 1.2em;
  display: inline-block;
  vertical-align: sub;
  border: 1px solid;
  border-radius: 50%;
  position: relative;
}
.community-wrap .community-content #survey .plus:before, .community-wrap .community-content #survey .plus:after {
  content: "";
  position: absolute;
  display: block;
  inset: 0;
  margin: auto;
}
.community-wrap .community-content #survey .plus:before {
  width: 60%;
  height: 1px;
}
.community-wrap .community-content #survey .plus:after {
  width: 1px;
  height: 60%;
}
.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 #survey_form .surveydelete .delete {
  width: 1.2em;
  height: 1.2em;
  background-color: #e0245e;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}
.community-wrap .community-content #survey_form .surveydelete .delete:before, .community-wrap .community-content #survey_form .surveydelete .delete:after {
  content: "";
  position: absolute;
  display: block;
  inset: 0;
  margin: auto;
  background-color: #fff;
  transform: rotate(45deg);
}
.community-wrap .community-content #survey_form .surveydelete .delete:before {
  width: 60%;
  height: 1px;
}
.community-wrap .community-content #survey_form .surveydelete .delete:after {
  width: 1px;
  height: 60%;
}
.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;
  text-decoration: none;
}
.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-facebook {
  color: #1877f2;
}
.community-wrap .community-content .postinner-footer .table-more .more-popup .more-popup-list .share-facebook svg {
  fill: #1877f2;
}
.community-wrap .community-content .postinner-footer .table-more .more-popup .more-popup-list .share-x {
  color: #0f1419;
}
.community-wrap .community-content .postinner-footer .table-more .more-popup .more-popup-list .share-x svg {
  fill: #0f1419;
}
.community-wrap .community-content .postinner-footer .table-more .more-popup .more-popup-list svg {
  margin-right: 5px;
  display: inline-block;
  vertical-align: bottom;
}
.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 .more-popup .hide-display .hide-display-icon svg {
  fill: #222;
}
.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 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.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 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.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 {
  content: "✔";
  width: 25px;
  height: 25px;
  font-weight: bold;
  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 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.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 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.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%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 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 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.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: 52.3560209424%;
}
.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-facebook {
  color: #1877f2;
}
.page-content .postheader-body .postinner-footer .table-more .more-popup .more-popup-list .share-facebook svg {
  fill: #1877f2;
}
.page-content .postheader-body .postinner-footer .table-more .more-popup .more-popup-list .share-x {
  color: #0f1419;
}
.page-content .postheader-body .postinner-footer .table-more .more-popup .more-popup-list .share-x svg {
  fill: #0f1419;
}
.page-content .postheader-body .postinner-footer .table-more .more-popup .more-popup-list svg {
  margin-right: 5px;
  display: inline-block;
  vertical-align: bottom;
}
.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 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.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 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.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: 28.5714285714%;
  margin: 2em 0;
}
.project-select-wrap .project-select {
  margin: 100px 0 0;
  width: 28.5714285714%;
}
@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: 47.619047619%;
  }
}
.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 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.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 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.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 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.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 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.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;
  border: 1px solid #555;
}
@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 svg {
  width: 1em;
  height: 1em;
  margin-right: 3px;
  fill: #fff;
}
@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.share-x {
  background-color: #0f1419;
}
.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%);
  filter: drop-shadow(0 0 2px #222);
}
@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__nav-button .slide-button {
  display: block;
  width: 30px;
  height: 30px;
  background-color: #fff;
  clip-path: polygon(25% 7%, 32% 0, 82% 50%, 32% 100%, 25% 93%, 68% 50%, 25% 7%);
  aspect-ratio: 1;
}
.support-info .support-info-left.support-image-wrap .agile__nav-button .slide-button.prev {
  transform: rotate(180deg);
}
.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;
  fill: #fff;
}
.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.share-x {
  background-color: #0f1419;
  border-color: #555;
}
.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.share-x {
  background-color: #0f1419;
}
.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: 33.3333333333%;
  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 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.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 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.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: 5px;
  text-decoration: underline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.select-payment-wrap .payment-form fieldset p span {
  margin-right: 5px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid;
  position: relative;
}
.select-payment-wrap .payment-form fieldset p span:before {
  content: "？";
  font-weight: bold;
  display: inline-block;
  position: absolute;
  width: fit-content;
  height: fit-content;
  inset: 0;
  margin: auto;
  font-size: 11px;
}
.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 svg,
.sorry-message-wrap .sharebutton-list a.share-button svg {
  width: 1em;
  height: 1em;
  fill: #fff;
  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-sharebutton-wrap .sharebutton-list a.share-x,
.sorry-message-wrap .sharebutton-list a.share-x {
  background-color: #0f1419;
}

.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;
  position: relative;
}
@media screen and (max-width: 480px) {
  .increment-wrap .button {
    width: 30px;
    height: 30px;
    font-size: 0.7em;
  }
}
.increment-wrap .button:hover {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.increment-wrap .button span {
  width: 50%;
  height: 3px;
  margin: auto;
  border-radius: 5px;
}
.increment-wrap .button span.button-plus:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5px;
}
.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: 25%;
  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 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.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 */