@charset "UTF-8";

html {
  font-size: 62.5%;
  height: 100%;
  overflow: auto;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
}

html.is-modal-open, html.is-modal-opens {
  overflow: hidden;
}

body {
  color: #42444e;
  font-size: 1.3rem;
  font-family: "PingFang SC", sans-serif;
  line-height: 1.4;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-wrap: break-word;
}

ul,
li {
  list-style: none;
}

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1.5em;
}

p,
ul,
ol,
dl,
blockquote,
table,
section {
  margin-top: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
blockquote,
table {
  margin-bottom: 0;
}

figure {
  margin: 0;
}

*:first-child {
  margin-top: 0;
}

ul,
ol {
  padding-left: 0;
}

dd {
  margin-left: 0;
}

b,
strong {
  font-weight: bold;
}

small {
  font-size: 85%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #fd0;
  background-color: transparent;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover {
  color: inherit;
}

img {
  vertical-align: bottom;
  max-width: 100%;
  border: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: normal;
  text-align: left;
}

hr {
  display: block;
  margin: 0;
  border: none;
}

a,
button,
input:not([type="range"]),
label,
select,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

label {
  display: inline-block;
}

button {
  color: inherit;
  font: inherit;
  background: transparent;
  text-align: inherit;
  margin: 0;
  padding: 0;
  border: none;
  overflow: visible;
  cursor: pointer;
}

button:disabled, button[aria-disabled="true"] {
  cursor: default;
}

button:focus {
  outline: none;
}

input[type="radio"],
input[type="checkbox"] {
  vertical-align: middle;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
textarea {
  color: inherit;
  font: inherit;
  font-family: "PingFang SC", sans-serif;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
  background: transparent linear-gradient(transparent, transparent);
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
  outline: none;
}

textarea {
  resize: none;
}

select {
  font-family: "PingFang SC", sans-serif;
}

select::-ms-expand {
  display: none;
}

select:focus {
  outline: none;
}

[area-hidden="true"] {
  display: none;
}

::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

input[type="search"] {
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  display: none;
}

input::-webkit-search-cancel-button {
  display: none;
}

/* ---------------------------
  font
--------------------------- */
@font-face {
  font-family: 'iconfont';
  src: url("/assets/font/iconfont.eot?t=1612484148585");
  src: url("/assets/font/iconfont.eot?t=1612484148585#iefix") format("embedded-opentype"), url("/assets/font/iconfont.woff2?t=1612484148585") format("woff2"), url("/assets/font/iconfont.woff?t=1612484148585") format("woff"), url("/assets/font/iconfont.ttf?t=1612484148585") format("truetype"), url("/assets/font/iconfont.svg?t=1612484148585#iconfont") format("svg");
}

[class^="ic-"], [class*=" ic-"] {
  font-family: 'iconfont' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  vertical-align: bottom;
  text-transform: none;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ic-add:before {
  content: "\e900";
}

.ic-alipay:before {
  content: "\e901";
}

.ic-all:before {
  content: "\e902";
}

.ic-angle:before {
  content: "\e903";
}

.ic-article:before {
  content: "\e904";
}

.ic-at:before {
  content: "\e905";
}

.ic-bell:before {
  content: "\e906";
}

.ic-book:before {
  content: "\e907";
}

.ic-cable:before {
  content: "\e908";
}

.ic-cake:before {
  content: "\e909";
}

.ic-calendar:before {
  content: "\e90a";
}

.ic-camera-arrow:before {
  content: "\e90b";
}

.ic-camera-large:before {
  content: "\e90c";
}

.ic-camera-small:before {
  content: "\e90d";
}

.ic-camera:before {
  content: "\e90e";
}

.ic-cancel:before {
  content: "\e90f";
}

.ic-card:before {
  content: "\e910";
}

.ic-check:before {
  content: "\e911";
}

.ic-checked:before {
  content: "\e912";
}

.ic-chevron-down:before {
  content: "\e913";
}

.ic-chevron:before {
  content: "\e914";
}

.ic-circle:before {
  content: "\e915";
}

.ic-close:before {
  content: "\e916";
}

.ic-coin:before {
  content: "\e917";
}

.ic-comment:before {
  content: "\e918";
}

.ic-comments:before {
  content: "\e919";
}

.ic-contest:before {
  content: "\e91a";
}

.ic-cross:before {
  content: "\e91b";
}

.ic-crown:before {
  content: "\e91c";
}

.ic-delete:before {
  content: "\e91d";
}

.ic-diamond:before {
  content: "\e91e";
}

.ic-download:before {
  content: "\e91f";
}

.ic-exchange:before {
  content: "\e920";
}

.ic-external:before {
  content: "\e921";
}

.ic-eye:before {
  content: "\e922";
}

.ic-face:before {
  content: "\e923";
}

.ic-flash:before {
  content: "\e924";
}

.ic-grid:before {
  content: "\e925";
}

.ic-group:before {
  content: "\e926";
}

.ic-hash:before {
  content: "\e927";
}

.ic-heart:before {
  content: "\e928";
}

.ic-hide:before {
  content: "\e929";
}

.ic-holiday:before {
  content: "\e92a";
}

.ic-home:before {
  content: "\e92b";
}

.ic-info:before {
  content: "\e92c";
}

.ic-input:before {
  content: "\e92d";
}

.ic-keyboard:before {
  content: "\e92e";
}

.ic-lease:before {
  content: "\e92f";
}

.ic-lens-01:before {
  content: "\e930";
}

.ic-lens-02:before {
  content: "\e931";
}

.ic-light:before {
  content: "\e932";
}

.ic-like:before {
  content: "\e933";
}

.ic-list:before {
  content: "\e934";
}

.ic-location:before {
  content: "\e935";
}

.ic-lock:before {
  content: "\e936";
}

.ic-lv:before {
  content: "\e937";
}

.ic-mail:before {
  content: "\e938";
}

.ic-medal:before {
  content: "\e939";
}

.ic-mic:before {
  content: "\e93a";
}

.ic-minus:before {
  content: "\e93b";
}

.ic-movie:before {
  content: "\e93c";
}

.ic-pagetop:before {
  content: "\e93d";
}

.ic-pen:before {
  content: "\e93e";
}

.ic-people:before {
  content: "\e93f";
}

.ic-phone:before {
  content: "\e940";
}

.ic-picture:before {
  content: "\e941";
}

.ic-pictures:before {
  content: "\e942";
}

.ic-play:before {
  content: "\e943";
}

.ic-plus:before {
  content: "\e944";
}

.ic-popper:before {
  content: "\e945";
}

.ic-post-all:before {
  content: "\e946";
}

.ic-post-camera:before {
  content: "\e947";
}

.ic-post-photo:before {
  content: "\e948";
}

.ic-post-video:before {
  content: "\e949";
}

.ic-post-vote:before {
  content: "\e94a";
}

.ic-reader:before {
  content: "\e94b";
}

.ic-reload:before {
  content: "\e94c";
}

.ic-report:before {
  content: "\e94d";
}

.ic-reset:before {
  content: "\e94e";
}

.ic-search:before {
  content: "\e94f";
}

.ic-service:before {
  content: "\e950";
}

.ic-setting:before {
  content: "\e951";
}

.ic-share:before {
  content: "\e952";
}

.ic-show:before {
  content: "\e953";
}

.ic-slider:before {
  content: "\e954";
}

.ic-star:before {
  content: "\e955";
}

.ic-trash:before {
  content: "\e956";
}

.ic-unchecked:before {
  content: "\e957";
}

.ic-upload:before {
  content: "\e958";
}

.ic-user-gallery:before {
  content: "\e959";
}

.ic-user-list:before {
  content: "\e95a";
}

.ic-user-post:before {
  content: "\e95b";
}

.ic-user:before {
  content: "\e95c";
}

.ic-verified:before {
  content: "\e95d";
}

.ic-video:before {
  content: "\e95e";
}

.ic-vote:before {
  content: "\e95f";
}

.ic-wechat-pay:before {
  content: "\e960";
}

.ic-wechat:before {
  content: "\e961";
}

.ic-weibo:before {
  content: "\e962";
}

.ic-zoom:before {
  content: "\e963";
}

.ic-wechat:before {
  color: #3bb430;
}

.ic-weibo:before {
  color: #d81e06;
}

.ic-wechat-pay:before {
  color: #09bb07;
}

.ic-alipay:before {
  color: #027aff;
}

.font-svg {
  font-size: 1em;
  width: 1em;
  margin-right: 6px;
}

.ic-avatar {
  display: inline-block;
  vertical-align: bottom;
}

.ic-avatar > img {
  width: 30px;
}

.ic-tmall {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}

.ic-tmall > img {
  width: 24px;
}

.ic-thumb {
  display: inline-block;
  vertical-align: bottom;
}

.ic-thumb > img {
  width: 50px;
}

.ic-thumb.ic-thumb--large > img {
  width: 60px;
}

.ic-thumb.ic-thumb--xlarge > img {
  width: 100px;
}

.ic-external-shadow:before {
  content: "";
  background: url("/assets/img/icn_external_shadow.png") no-repeat 50% 50%;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.ic-close-shadow:before {
  content: "";
  background: url("/assets/img/icn_close_shadow.png") no-repeat 50% 50%;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.ic-add-gradient > svg {
  width: 100%;
  height: 100%;
}

.ic-verified {
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}

.ic-verified:before {
  color: #000;
  font-size: 1rem;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

/* ---------------------------
  layout
--------------------------- */
.l-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  min-height: 0%;
}

.l-wrapper.l-wrapper--A .l-main_inner {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.l-wrapper.l-wrapper--B {
  background: #f5f5f5;
}

.l-wrapper.l-wrapper--C, .l-wrapper.l-wrapper--E, .l-wrapper.l-wrapper--I {
  background: #f5f5f5;
}

.l-wrapper.l-wrapper--C .l-footer {
  background: #fff;
}

.l-wrapper.l-wrapper--C .l-footer_inner {
  padding-top: 0;
  padding-bottom: 20px;
}

.l-wrapper.l-wrapper--I .l-footer_inner {
  padding-bottom: 20px;
}

.l-wrapper.l-wrapper--N {
  padding-bottom: 55px;
}

.l-wrapper.l-wrapper--R .l-main {
  background: #f5f5f5;
  padding-bottom: 40px;
}

.l-wrapper.l-wrapper--R .l-footer {
  background: #f5f5f5;
}

.l-wrapper.l-wrapper--S .l-main {
  background: #f5f5f5;
  padding-bottom: 40px;
}

.l-wrapper.l-wrapper--S .l-footer {
  background: #f5f5f5;
}

.l-wrapper.l-wrapper--W .l-main {
  background: #f5f5f5;
  padding-bottom: 40px;
}

.l-wrapper.l-wrapper--V .l-main {
  background: #fff;
  padding-bottom: 40px;
}

.l-wrapper.l-wrapper--Z .l-main {
  background: #fff;
}

.l-wrapper.l-wrapper--navbar {
  min-height: calc(100vh - 50px);
  padding-bottom: 50px;
}

.l-wrapper.l-wrapper--commentbar {
  min-height: calc(100vh - 55px);
  padding-bottom: 55px;
}

.l-wrapper.l-wrapper--post .list-setting {
  margin-top: 0;
}

.l-wrapper.l-wrapper--cartbar {
  padding-bottom: 50px;
}

.l-wrapper.l-wrapper--intro .l-main {
  background: #fff;
}

.l-header {
  background: #fff;
}

.l-header_logo img {
  display: block;
}

.l-header_search {
  position: relative;
}

.l-gnav_list {
  list-style: none;
  padding-left: 0;
}

.l-wrapper--top .l-gnav_list_item:nth-child(1):after {
  background: #000;
  width: 80%;
}

.l-wrapper--store .l-gnav_list_item:nth-child(2):after {
  background: #000;
  width: 80%;
}

.l-wrapper--circle .l-gnav_list_item:nth-child(2):after {
  background: #000;
  width: 80%;
}

.l-wrapper--photos .l-gnav_list_item:nth-child(3):after {
  background: #000;
  width: 80%;
}

.l-wrapper--bbs .l-gnav_list_item:nth-child(4):after {
  background: #000;
  width: 80%;
}

.l-wrapper--nikon .l-gnav_list_item:nth-child(6):after {
  background: #000;
  width: 80%;
}

.l-gnav_banner {
  list-style: none;
  padding-left: 0;
}

.l-gnav_banner_item img {
  width: 100%;
}

.l-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  min-height: 0%;
}

.l-main_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  min-height: 0%;
  position: relative;
}

.l-footer {
  color: #a3a6ad;
  font-size: 1.1rem;
}

.l-footer_inner {
  text-align: center;
  padding: 10px;
}

.l-footer_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.l-footer_info_mypage {
  margin-left: -15px;
}

.l-footer_info_external {
  margin-top: 10px;
  margin-left: -15px;
}

.l-footer_link {
  color: #a3a6ad;
  text-decoration: none;
  margin-left: 15px;
}

.l-footer_link > img {
  width: 14px;
  margin-right: 3px;
}

.l-footer_link.l-footer_link--primary {
  color: #fd0;
}

.l-footer_copyright {
  white-space: nowrap;
  margin-top: 3px;
}

.l-pagetop {
  width: 38px;
  height: 38px;
  position: fixed;
  right: 13px;
  bottom: 15%;
  z-index: 998;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.l-pagetop.is-visible {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.l-pagetop__btn {
  color: #fff;
  font-size: 1.8rem;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 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;
  text-decoration: none;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
}

/* ---------------------------
  library
--------------------------- */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth
.flatpickr-days
.dayContainer:nth-child(n + 1)
.flatpickr-day.inRange:nth-child(7n + 7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth
.flatpickr-days
.dayContainer:nth-child(n + 2)
.flatpickr-day.inRange:nth-child(7n + 1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

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

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
      /*rtl:begin:ignore*/
  left: 0;
  /*
      /*rtl:end:ignore*/
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
      /*rtl:begin:ignore*/
  right: 0;
  /*
      /*rtl:end:ignore*/
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month
.flatpickr-monthDropdown-months
.flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #fd0;
  border-color: #fd0;
}

.flatpickr-day.today {
  border-color: #fd0;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #fd0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #fd0;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  -webkit-box-shadow: -10px 0 0 #fd0;
  box-shadow: -10px 0 0 #fd0;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #fd0, 5px 0 0 #fd0;
  box-shadow: -5px 0 0 #fd0, 5px 0 0 #fd0;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #fd0, 5px 0 0 #fd0;
  box-shadow: -5px 0 0 #fd0, 5px 0 0 #fd0;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
      align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* ---------------------------
  module
--------------------------- */
.heading {
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
}

.heading .heading_inner {
  padding: 10px 45px 10px;
  position: relative;
}

.heading.heading--elastic .heading_back {
  left: 15px;
}

.heading.heading--elastic .heading_toolbar_search {
  padding-right: 13px;
}

.heading.is-searching {
  width: 100%;
  height: calc(100% - 51px);
  position: fixed;
  top: 0;
  left: 0;
}

.heading.is-searching .heading_toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.heading.is-searching .heading_toolbar_inner {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.heading.is-searching .heading_toolbar_result {
  display: block;
  height: calc(100% - 44px);
  overflow-y: auto;
}

.heading_title {
  color: #252831;
  font-size: 1.7rem;
  font-weight: 500;
  text-align: center;
}

.heading_back {
  color: #42444e;
  font-size: 2.4rem;
  line-height: 1;
  text-decoration: none;
  width: 24px;
  height: 24px;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.heading_back_text {
  display: none;
}

.heading_setting {
  color: #42444e;
  font-size: 2.4rem;
  line-height: 1;
  text-decoration: none;
  width: 24px;
  height: 24px;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
}

.heading_cancel {
  color: #42444e;
  font-size: 1.4rem;
  line-height: 1;
  text-decoration: none;
  width: auto;
  height: 13px;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
}

.heading_toolbar_inner {
  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;
  height: 44px;
  position: relative;
  padding: 0 15px;
}

.heading_toolbar_menu {
  width: 24px;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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-right: 8px;
}

.heading_toolbar_search {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  position: relative;
}

.heading_toolbar_search .input-search {
  background: #f8f8f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
}

.heading_toolbar_search .input-search .input-search_icon {
  font-size: 1.8rem;
  color: #a3a6ad;
  margin-left: 5px;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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;
  height: 30px;
}

.heading_toolbar_search .input-search input {
  border: 0;
  background: transparent;
  font-size: 1.6rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  padding: 6px 0;
}

.heading_toolbar_search .input-search input:focus {
  border: 0;
  outline: none;
}

.heading_toolbar_mypage {
  width: 24px;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 8px;
}

.heading_toolbar_mypage a {
  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;
  color: #42444e;
  font-size: 2.4rem;
  text-decoration: none;
}

.heading_toolbar_result {
  display: none;
  padding: 15px;
  border-top: 1px solid #e6e6e6;
}

.heading_filter .overlay-search_input {
  padding: 0;
}

.heading_filter .input-search {
  max-width: 620px;
  margin: 0 auto 30px;
}

.content {
  min-height: 0%;
}

.content.content--center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.content.content--center .content_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;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.content-full.content-full--white {
  background: #FFF;
}

.content_body.content_body--fit {
  padding: 0;
}

.content_inner {
  padding: 15px;
}

.content_inner + .content_inner--wide {
  padding-top: 0;
}

.content_inner.content_inner--wide {
  padding-left: 5px;
  padding-right: 5px;
}

.content_gradient {
  padding-top: 30px;
  position: relative;
  overflow: hidden;
}

.content_gradient:before {
  content: "";
  display: block;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  width: 152%;
  height: 365px;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.content_gradient.content_gradient--small:before {
  -webkit-transform: translate(-50%, -70%);
          transform: translate(-50%, -70%);
}

.content_gradient.content_gradient-task01 {
  padding-top: 10px;
}

.content_gradient.content_gradient-task01 .list-quest {
  margin-top: 10px;
}

.content_gradient-task02::before {
  background: linear-gradient(135deg, #a4d8ef 0%, #cde883 100%);
}

.content_gradient-task02 .btn-action {
  background: linear-gradient(135deg, #a4d8ef 0%, #cde883 100%);
}

.content_gradient-task03::before {
  background: linear-gradient(135deg, #eae2f3 0%, #deebff 100%);
}

.content_gradient-task03 .btn-action {
  background: linear-gradient(135deg, #eae2f3 0%, #deebff 100%);
}

.content_gradient-achievement::before {
  background: linear-gradient(-45deg, #FFEFE2 0%, #FFF7C4 100%);
}

.content_gradient-notOwned::before {
  background: #e6e6e6;
}

.content_gradient_inner {
  position: relative;
}

.content_mv {
  position: relative;
}

.content_mv_content {
  color: #FFF;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  width: 100%;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
}

.content_mv_title {
  font-size: 1.5rem;
  font-weight: 500;
}

.content_mv_meta {
  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;
  margin-top: 10px;
}

.content_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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.content_header:not(:first-child) {
  margin-top: 20px;
}

.content_header.content_header--white {
  background: #FFF;
  margin-top: 0;
  padding: 20px 15px;
}

.content_header.content_header--mtwide {
  margin-top: 40px;
}

.content_header_inner {
  padding: 0 15px;
}

.content_header_menu {
  margin-left: 15px;
}

.content_header_left > * {
  margin-top: 0;
}

.content_header_link {
  margin-top: 0;
  margin-left: auto;
}

.content_header_link a {
  text-decoration: none;
  color: #42444e;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.content_header_link a .ic-chevron {
  font-size: 1.7rem;
  margin-left: 5px;
}

.content_header_link a .ic-calendar {
  font-size: 2.4rem;
}

.content_header_help {
  text-align: right;
  width: 100%;
  margin-top: 10px;
}

.content_scrollnav:not(:first-child) {
  margin-top: 20px;
}

.content_scrollnav:not(:last-child) {
  margin-bottom: 25px;
}

.content_scrollnav.content_scrollnav--white {
  background: #fff;
}

.content_scrollnav.content_scrollnav--white:not(:first-child) {
  margin-top: 0;
  padding-top: 20px;
}

.content_scrollnav.content_scrollnav--white:not(:last-child) {
  margin-bottom: 0;
}

.content_scrollnav.content_scrollnav--white .content_scrollnav_nav {
  padding-left: 10px;
}

.content_scrollnav_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;
  padding: 0 20px;
}

.content_scrollnav_header_menu {
  margin-left: 15px;
}

.content_scrollnav_nav {
  padding-left: 20px;
}

.content_scrollnav_nav:not(:first-child) {
  margin-top: 20px;
}

.content_scrollnav_tab {
  margin-top: 15px;
}

.content_section:not(:first-child) {
  margin-top: 20px;
}

.content_section.content_section--high:not(:first-child) {
  margin-top: 40px;
}

.content_action:not(:first-child) {
  margin-top: 40px;
}

.content_action.content_action--low:not(:first-child) {
  margin-top: 20px;
}

.content_action.content_action--xlow:not(:first-child) {
  margin-top: 10px;
}

.content_action.content_action--center {
  text-align: center;
}

.content_action.content_action--negative {
  margin-top: 80px;
}

.content_action.content_action--medium {
  max-width: 712px;
  margin-left: auto;
  margin-right: auto;
}

.content_action_item:not(:first-child) {
  margin-top: 10px;
}

.content_action_item-text {
  text-align: center;
  padding-top: 10px;
}

.content_footer {
  padding: 20px 15px;
}

.content_footer_btn {
  text-align: center;
  margin: 0 auto;
}

.content_footer_help ul, .content_footer_copyright ul {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 0;
}

.content_footer_help li, .content_footer_copyright li {
  display: inline-block;
  font-size: 1.1rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 5px;
}

.content_footer_help {
  margin: 20px 0 10px;
}

.content_footer_copyright {
  color: #a3a6ad;
}

.content_slider {
  padding: 20px 0;
}

.content_slider_header {
  padding: 0 15px;
  margin-bottom: 10px;
}

.content_bg {
  background: #FFF;
  padding-top: 20px;
}

.content_bg.content_bg--pd {
  padding-bottom: 20px;
}

.content_bg + .content_inner {
  margin-top: 10px;
}

.content_bg.content_bg_a {
  padding: 15px 0;
}

.content_bg_inner {
  padding: 0 15px;
}

.content_bg_inner.content_bg_inner--border {
  border-top: 1px solid #e6e6e6;
}

.form {
  padding: 0 15px 20px;
}

.form:not(:first-child) {
  margin-top: 20px;
}

.form input[type="text"],
.form input[type="email"],
.form input[type="password"],
.form input[type="tel"],
.form input[type="number"]
input[type="date"],
.form textarea {
  font-size: 1.7rem;
}

.form input[type="text"]:-moz-placeholder-shown, .form input[type="email"]:-moz-placeholder-shown, .form input[type="password"]:-moz-placeholder-shown, .form input[type="tel"]:-moz-placeholder-shown, .form input[type="number"]
input[type="date"]:-moz-placeholder-shown, .form textarea:-moz-placeholder-shown {
  color: #a3a6ad;
}

.form input[type="text"]:-ms-input-placeholder, .form input[type="email"]:-ms-input-placeholder, .form input[type="password"]:-ms-input-placeholder, .form input[type="tel"]:-ms-input-placeholder, .form input[type="number"]
input[type="date"]:-ms-input-placeholder, .form textarea:-ms-input-placeholder {
  color: #a3a6ad;
}

.form input[type="text"]:placeholder-shown,
.form input[type="email"]:placeholder-shown,
.form input[type="password"]:placeholder-shown,
.form input[type="tel"]:placeholder-shown,
.form input[type="number"]
input[type="date"]:placeholder-shown,
.form textarea:placeholder-shown {
  color: #a3a6ad;
}

.form input[type="text"]::-webkit-input-placeholder,
.form input[type="email"]::-webkit-input-placeholder,
.form input[type="password"]::-webkit-input-placeholder,
.form input[type="tel"]::-webkit-input-placeholder,
.form input[type="number"]
input[type="date"]::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
  color: #a3a6ad;
}

.form input[type="text"]:-moz-placeholder,
.form input[type="email"]:-moz-placeholder,
.form input[type="password"]:-moz-placeholder,
.form input[type="tel"]:-moz-placeholder,
.form input[type="number"]
input[type="date"]:-moz-placeholder,
.form textarea:-moz-placeholder {
  color: #a3a6ad;
  opacity: 1;
}

.form input[type="text"]::-moz-placeholder,
.form input[type="email"]::-moz-placeholder,
.form input[type="password"]::-moz-placeholder,
.form input[type="tel"]::-moz-placeholder,
.form input[type="number"]
input[type="date"]::-moz-placeholder,
.form textarea::-moz-placeholder {
  color: #a3a6ad;
  opacity: 1;
}

.form input[type="text"]:-ms-input-placeholder,
.form input[type="email"]:-ms-input-placeholder,
.form input[type="password"]:-ms-input-placeholder,
.form input[type="tel"]:-ms-input-placeholder,
.form input[type="number"]
input[type="date"]:-ms-input-placeholder,
.form textarea:-ms-input-placeholder {
  color: #a3a6ad;
}

.form select {
  font-size: 1.7rem;
}

.form.form--notitle:not(:first-child) {
  margin-top: 60px;
}

.form.form--notitle-low:not(:first-child) {
  margin-top: 40px;
}

.form.form--small {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}

.form.form--full {
  max-width: inherit;
}

.form.form--post .form_inner {
  padding: 10px 15px 20px;
}

.form.form--top {
  padding-top: 40px;
}

.form.form--pt {
  padding-top: 20px;
}

.form.form--gray {
  background: #f5f5f5;
  padding: 20px 15px 40px;
}

.form_inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.form_header {
  background: #FFF;
  margin-left: -15px;
  margin-right: -15px;
  padding: 30px 15px 40px;
}

.form_header:not(:first-child) {
  margin-top: 40px;
}

.form_step {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0;
}

.form_step_item {
  color: #a3a6ad;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: relative;
}

.form_step_item:before {
  background: linear-gradient(-45deg, #FFCDA5 0%, #FAE24B 100%);
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  right: 0;
}

.form_step_item:not(:first-child) {
  margin-left: 20px;
}

.form_step_item:not(:last-child) {
  margin-right: 20px;
}

.form_step_item.is-active {
  color: #252831;
}

.form_step_item.is-active:before {
  content: '';
}

.form_step_item.is-active .form_step_text > span {
  font-size: 2.7rem;
}

.form_step_item.is-complete {
  color: #252831;
}

.form_step_text {
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1;
  display: block;
  position: relative;
}

.form_title {
  color: #252831;
  font-size: 1.7rem;
  font-weight: 500;
}

.form_title:not(:first-child) {
  margin-top: 40px;
}

.form_title.form_title--mlow:not(:first-child) {
  margin-top: 30px;
}

.form_title.form_title--low:not(:first-child) {
  margin-top: 20px;
}

.form_title.form_title--xlow:not(:first-child) {
  margin-top: 10px;
}

.form_title.form_title--small {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}

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

.form_title_menu {
  margin-left: 10px;
}

.form_item:not(:first-child) {
  margin-top: 40px;
}

.form_item.form_item--high:not(:first-child) {
  margin-top: 60px;
}

.form_item.form_item--mlow:not(:first-child) {
  margin-top: 30px;
}

.form_item.form_item--low:not(:first-child) {
  margin-top: 20px;
}

.form_item.form_item--xlow:not(:first-child) {
  margin-top: 10px;
}

.form_item.form_item--small {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}

.form_item.form_item--avatar {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.form_help:not(:first-child) {
  margin-top: 10px;
}

.form_help.form_help--low:not(:first-child) {
  margin-top: 5px;
}

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

.form_help_right {
  margin-left: auto;
}

.form_result {
  text-align: center;
}

.form_result:not(:first-child) {
  margin-top: 20px;
}

.form_confirm {
  font-size: 1.2rem;
  padding: 0 20px 6px;
  border-bottom: 1px solid #e6e6e6;
}

.form_confirm:not(:first-child) {
  margin-top: 10px;
}

.form_action:not(:first-child) {
  margin-top: 40px;
}

.form_action.form_action--mlow:not(:first-child) {
  margin-top: 30px;
}

.form_action.form_action--low:not(:first-child) {
  margin-top: 20px;
}

.form_action.form_action--xlow:not(:first-child) {
  margin-top: 10px;
}

.form_action.form_action--row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form_action.form_action--row .form_action_item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}

.form_action.form_action--row .form_action_item:not(:first-child) {
  margin-top: 0;
  margin-left: 10px;
}

.form_action_error {
  margin-bottom: 20px;
}

.form_action_item:not(:first-child) {
  margin-top: 10px;
}

.form_link {
  text-align: center;
}

.form_link:not(:first-child) {
  margin-top: 40px;
}

.form_link.form_link--low:not(:first-child) {
  margin-top: 20px;
}

.form_hint {
  font-size: 1.4rem;
  margin-top: 10px;
  padding: 0 20px;
}

.form_scroll {
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  overflow-y: auto;
}

.form_bottom {
  margin-top: auto;
}

.form_vote_item {
  border-bottom: 1px solid #e6e6e6;
}

.form_vote_item:not(:first-child) {
  margin-top: 10px;
}

.form_vote_add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}

.form_vote_add > span {
  font-size: 1.8rem;
  line-height: 1;
  margin-right: 10px;
}

.form_vote_add.is-disabled, .form_vote_add[disabled] {
  color: #a3a6ad;
  pointer-events: none;
}

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

.form_column_main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.form_column_side {
  width: 224px;
  margin-left: 20px;
}

.form_radius {
  background: #FFF;
}

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

.form_flex_btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.form_hr {
  padding-top: 15px;
  border-top: 1px solid #EAEAEA;
}

.form_hr:not(:first-child) {
  margin-top: 15px;
}

.form_cart {
  background: #f5f5f5;
  width: 100%;
  border-top: 1px solid #e6e6e6;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1003;
}

.form_cart_header {
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 15px;
}

.form_cart_header_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.form_cart_header_btn .ic-chevron-down {
  font-size: 1.8rem;
  margin-right: 5px;
}

.form_cart_header_btn.is-active .ic-chevron-down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.form_cart_header_menu {
  margin-left: 10px;
}

.form_cart_header_menu > *:not(:first-child) {
  margin-left: 10px;
}

.form_cart_body {
  display: none;
}

.form_cart_body_inner {
  padding: 20px 15px;
}

.form_breakdown {
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.form_breakdown:not(:first-of-type) {
  margin-top: 10px;
}

.form_breakdown_action {
  margin-left: auto;
}

.form_checkbox {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form_checkbox_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  position: relative;
}

.form_checkbox_label:before {
  content: '';
  display: block;
  border: 1px solid #42444e;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  background: transparent;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
}

.form_checkbox_label:after {
  font-family: 'iconfont' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  vertical-align: bottom;
  text-transform: none;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  color: #42444e;
  position: absolute;
  left: 4px;
  top: 4px;
  opacity: 0;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
}

.form_checkbox_input {
  display: none;
}

.form_checkbox_input:checked ~ .form_checkbox_label:before {
  background: #fd0;
}

.form_checkbox_input:checked ~ .form_checkbox_label:after {
  opacity: 1;
}

.form_checkbox_link {
  margin-left: 5px;
}

.input-text {
  position: relative;
}

.input-text:not(:first-child) {
  margin-top: 20px;
}

.input-text > input {
  width: 100%;
  min-height: 30px;
  padding: 0 0 6px 20px;
  border-bottom: 1px solid #e6e6e6;
}

.input-text > button {
  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;
  width: 47px;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
}

.input-text.is-readonly > input {
  color: #a3a6ad;
  background: #e6e6e6;
  padding: 3px 0 3px 20px;
  border-bottom: none;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.input-text.js-reset > input {
  padding-right: 40px;
}

.input-text.js-reset > button {
  padding-bottom: 6px;
}

.input-text-post {
  position: relative;
}

.input-text-post:not(:first-child) {
  margin-top: 20px;
}

.input-text-post > input {
  width: 100%;
  min-height: 30px;
  padding: 0 0 6px 20px;
  border-bottom: 1px solid #e6e6e6;
}

.input-text-border {
  position: relative;
}

.input-text-border:not(:first-child) {
  margin-top: 20px;
}

.input-text-border > input {
  width: 100%;
  min-height: 44px;
  padding: 0 15px;
  border: 2px solid #e6e6e6;
  border-radius: 5px;
}

.input-text-border > button {
  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;
  width: 44px;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
}

.input-text-border.js-reset > input {
  padding-right: 40px;
}

.input-text-white > input[type="text"] {
  background: #fff;
  width: 100%;
}

.input-tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 6px;
  border-bottom: 1px solid #e6e6e6;
}

.input-tel:not(:first-child) {
  margin-top: 20px;
}

.input-tel > input {
  min-height: 23px;
}

.input-tel > input[readonly] {
  font-weight: 500;
}

.input-tel > span {
  margin-right: 20px;
  border-right: 1px solid #e6e6e6;
}

.input-tel_international {
  width: 50px;
}

.input-tel_number {
  width: 100%;
}

.input-pin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 285px;
  margin-left: auto;
  margin-right: auto;
}

.input-pin:not(:first-child) {
  margin-top: 20px;
}

.input-pin > input[type="tel"] {
  font-size: 3rem;
  text-align: center;
  width: 60px;
  height: 60px;
  padding: 0;
  border: 2px solid #e6e6e6;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.input-pin > input[type="tel"]:focus {
  color: #fd0;
  border-color: #fd0;
  outline: none;
}

.input-gender {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.input-gender:not(:first-child) {
  margin-top: 20px;
}

.input-gender_item {
  text-align: center;
  max-width: 90px;
  width: 50%;
  position: relative;
}

.input-gender_item:not(:first-child) {
  margin-left: 30px;
}

.input-gender_item > input {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.input-gender_item > input:checked + .input-gender_pic:before {
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
}

.input-gender_item > input:checked + .input-gender_pic + .input-gender_text {
  color: #fd0;
}

.input-gender_pic {
  pointer-events: none;
}

.input-gender_pic:before {
  content: "";
  width: 90px;
  height: 90px;
  background: transparent;
  display: block;
  border-radius: 100%;
}

.input-gender_pic img {
  position: absolute;
  top: 9px;
  left: 9px;
  max-width: 72px;
}

.input-gender_text {
  font-size: 1.5rem;
  font-weight: 500;
  display: block;
  text-align: center;
  margin-top: 10px;
}

.input-sms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 25px;
}

.input-sms:not(:first-child) {
  margin-top: 20px;
}

.input-sms_item {
  text-align: center;
  max-width: 130px;
  width: 50%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.input-sms_item:not(:first-child) {
  margin-left: 30px;
}

.input-sms_item > input {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.input-sms_item > input:checked + .input-sms_ic {
  color: #42444e;
}

.input-sms_item > input:checked + .input-sms_ic + .input-sms_text {
  color: #fd0;
}

.input-sms_item > input:checked + .input-sms_ic + .input-sms_text:before {
  content: "";
}

.input-sms_ic {
  color: #a3a6ad;
  font-size: 4.8rem;
  line-height: 1;
}

.input-sms_text {
  color: #a3a6ad;
  font-size: 1.5rem;
  font-weight: 500;
  display: block;
  text-align: center;
  margin-top: 5px;
}

.input-sms_text:before {
  font-family: 'iconfont' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  vertical-align: bottom;
  text-transform: none;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  display: block;
  font-size: 1.3rem;
  margin-bottom: 5px;
}

.input-reset {
  position: relative;
}

.input-reset > input[type="text"] {
  color: #252831;
  height: 44px;
  width: 100%;
  padding: 5px 50px 5px 10px;
  border: 2px solid #e6e6e6;
  border-radius: 5px;
}

.input-reset > input[type="text"]:-moz-placeholder-shown {
  color: #42444e;
}

.input-reset > input[type="text"]:-ms-input-placeholder {
  color: #42444e;
}

.input-reset > input[type="text"]:placeholder-shown {
  color: #42444e;
}

.input-reset > input[type="text"]::-webkit-input-placeholder {
  color: #42444e;
}

.input-reset > input[type="text"]:-moz-placeholder {
  color: #42444e;
  opacity: 1;
}

.input-reset > input[type="text"]::-moz-placeholder {
  color: #42444e;
  opacity: 1;
}

.input-reset > input[type="text"]:-ms-input-placeholder {
  color: #42444e;
}

.input-reset > button {
  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;
  width: 47px;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
}

.input-reader {
  position: relative;
}

.input-reader > input {
  width: 100%;
  min-height: 30px;
  padding: 0 0 6px 20px;
  border-bottom: 1px solid #e6e6e6;
}

.input-reader > button {
  font-size: 2.4rem;
  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;
  width: 30px;
  height: 100%;
  margin: auto;
  position: absolute;
  bottom: 3px;
  right: 12px;
}

.input-textarea {
  position: relative;
}

.input-textarea > textarea {
  width: 100%;
  height: 130px;
  padding: 10px;
  border: 2px solid #e6e6e6;
  border-radius: 5px;
}

.input-textarea > button {
  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;
  width: 47px;
  height: 47px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
}

.input-textarea.js-reset > textarea {
  padding-right: 40px;
}

.input-textarea-post {
  position: relative;
}

.input-textarea-post > textarea {
  width: 100%;
  height: 100px;
  padding: 10px 0;
}

.input-upload {
  position: relative;
}

.input-upload > input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.input-upload.input-upload--inline {
  display: inline-block;
  vertical-align: bottom;
  width: 140px;
  height: 90px;
}

.input-upload.input-upload--inline.input-confirm {
  padding: 0;
  border-bottom: none;
}

.input-upload.input-upload--inline.input-confirm > img {
  border: 1px solid #979797;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.input-upload.input-upload--preview .btn-upload {
  position: absolute;
  top: 0;
  left: 0;
}

.input-upload.input-upload--preview .btn-upload:before, .input-upload.input-upload--preview .btn-upload:after {
  display: none;
}

.input-upload.input-upload--full img {
  width: 100%;
}

.input-upload-video {
  padding-top: 62.3%;
  position: relative;
}

.input-upload-video > input {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.input-upload-video > label {
  position: absolute;
  top: 0;
  left: 0;
}

.input-upload-preview {
  padding-top: 73.37%;
  position: relative;
}

.input-upload-preview > input {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.input-upload-preview > label {
  position: absolute;
  top: 0;
  left: 0;
}

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

.input-code > input[type="text"] {
  width: 100%;
  padding: 0 11px;
  width: calc(16.6666% - 3px);
  border: 2px solid #e6e6e6;
  border-radius: 5px;
}

.input-code > input[type="text"]:not(:first-child) {
  margin-left: 3px;
}

.input-search {
  position: relative;
}

.input-search > input[type="text"] {
  color: #252831;
  width: 100%;
  height: 44px;
  padding: 5px 10px 5px 50px;
  border: 2px solid #42444e;
  border-radius: 5px;
}

.input-search > input[type="text"]:-moz-placeholder-shown {
  color: #a3a6ad;
}

.input-search > input[type="text"]:-ms-input-placeholder {
  color: #a3a6ad;
}

.input-search > input[type="text"]:placeholder-shown {
  color: #a3a6ad;
}

.input-search > input[type="text"]::-webkit-input-placeholder {
  color: #a3a6ad;
}

.input-search > input[type="text"]:-moz-placeholder {
  color: #a3a6ad;
  opacity: 1;
}

.input-search > input[type="text"]::-moz-placeholder {
  color: #a3a6ad;
  opacity: 1;
}

.input-search > input[type="text"]:-ms-input-placeholder {
  color: #a3a6ad;
}

.input-search > button {
  font-size: 2.4rem;
  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;
  width: 47px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.input-search .input-search_reset {
  color: #e6e6e6;
  font-size: 1.8rem;
  left: inherit;
  right: 0;
}

.input-search-header {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  position: relative;
}

.input-search-header input {
  border: 0;
  background: transparent;
  font-size: 1.6rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  padding: 6px 0;
}

.input-search-header input:-moz-placeholder-shown {
  color: #a3a6ad;
}

.input-search-header input:-ms-input-placeholder {
  color: #a3a6ad;
}

.input-search-header input:placeholder-shown {
  color: #a3a6ad;
}

.input-search-header input::-webkit-input-placeholder {
  color: #a3a6ad;
}

.input-search-header input:-moz-placeholder {
  color: #a3a6ad;
  opacity: 1;
}

.input-search-header input::-moz-placeholder {
  color: #a3a6ad;
  opacity: 1;
}

.input-search-header input:-ms-input-placeholder {
  color: #a3a6ad;
}

.input-search-header input:focus {
  border: 0;
  outline: none;
}

.input-search-header_icon {
  font-size: 1.8rem;
  color: #a3a6ad;
  margin-left: 5px;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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;
  height: 30px;
}

.input-search-header_reset {
  margin-right: 10px;
}

.input-search-header_reset span {
  vertical-align: top;
}

.input-confirm {
  color: 400;
  font-size: 1.7rem;
  padding: 0 20px 6px;
  border-bottom: 1px solid #e6e6e6;
}

.input-confirm:not(:first-child) {
  margin-top: 10px;
}

.input-confirm.input-confirm--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.input-confirm_left {
  color: #252831;
  font-weight: 500;
}

.input-confirm_right {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
  width: 50%;
}

.input-success {
  color: #a3a6ad;
  font-size: 1.7rem;
  padding: 3px 0 4px;
}

.input-select {
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}

.input-select > select {
  color: #42444e;
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076%2076%22%3E%3Cdefs%2F%3E%3Cpath%20fill%3D%22%2342444e%22%20d%3D%22M61.272%2023.168L39.581%2047.521%2017.889%2023.168a2.98%202.98%200%2000-2.074-.997%202.98%202.98%200%2000-2.168.792c-1.235%201.141-1.314%203.07-.207%204.323l21.961%2024.667a5.598%205.598%200%20008.377%200l21.944-24.667a3.085%203.085%200%2000.776-2.06c0-.871-.365-1.695-.982-2.264a2.962%202.962%200%2000-4.244.206z%22%2F%3E%3C%2Fsvg%3E") no-repeat right 20px center;
  background-size: 18px 18px;
  width: 100%;
  height: 29px;
  border: none;
  padding: 0 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.input-thumb {
  position: relative;
}

.input-thumb > input {
  width: calc(100% - 70px);
}

.input-thumb_ic {
  background: #fff;
  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;
  width: 60px;
  height: 60px;
  padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  bottom: 0;
  right: 0;
}

.input-datepicker {
  font-size: 1.7rem;
  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;
  padding: 0 20px 6px;
  border-bottom: 1px solid #e6e6e6;
  cursor: pointer;
}

.input-recaptcha {
  max-width: 265px;
  margin: 0 auto;
}

.input-toggle {
  display: block;
  width: 45px;
  height: 24px;
  position: relative;
}

.input-toggle > input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.input-toggle > input:checked + span {
  background: #fd0;
}

.input-toggle > input:checked + span:before {
  left: calc(100% - 23px);
}

.input-toggle > span {
  background: #e6e6e6;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  position: relative;
}

.input-toggle > span:before {
  content: "";
  display: block;
  background: #fff;
  width: 20px;
  height: 20px;
  margin: auto 0;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.input-toggle.is-active > span {
  background: #fd0;
}

.input-toggle.is-active > span:before {
  left: calc(100% - 23px);
}

.input-vote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0 7px 20px;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}

.input-vote > input {
  width: 100%;
}

.input-vote.input-vote--file {
  padding: 0 0 10px 0;
}

.input-vote_upload {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 40px;
  margin-right: 10px;
  position: relative;
}

.input-vote_upload > input {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.input-vote_btn {
  color: #fa5a53;
  font-size: 1.8rem;
  line-height: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.input-vote_btn.is-disabled, .input-vote_btn[disabled] {
  color: #a3a6ad;
  pointer-events: none;
}

.input-wysiwyg > textarea {
  background: #fff;
  width: 100%;
  padding: 10px;
}

.input-radiobtn {
  position: relative;
}

.input-radiobtn > input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.input-radiobtn > input:checked + span {
  color: #42444e;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  border-color: transparent;
}

.input-radiobtn > span {
  color: #a3a6ad;
  text-align: center;
  display: block;
  padding: 5px 14px;
  border: 1px solid #a3a6ad;
  border-radius: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.input-hash {
  position: relative;
}

.input-hash > input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.input-hash > input:checked + span {
  color: #42444e;
  border-color: #42444e;
}

.input-hash > span {
  color: #a3a6ad;
  font-size: 1.2rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 9px;
  border: 1px solid #a3a6ad;
  border-radius: 25px;
}

.input-rental {
  font-size: 1.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-rental_price {
  background: #e6e6e6;
  display: inline-block;
  text-align: center;
  min-width: 105px;
  padding: 8px 15px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.input-rental_select {
  background: #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 10px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.input-rental_select > span {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 40%;
  padding: 5px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.input-rental_select > select {
  color: #42444e;
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076%2076%22%3E%3Cdefs%2F%3E%3Cpath%20fill%3D%22%2342444e%22%20d%3D%22M61.272%2023.168L39.581%2047.521%2017.889%2023.168a2.98%202.98%200%2000-2.074-.997%202.98%202.98%200%2000-2.168.792c-1.235%201.141-1.314%203.07-.207%204.323l21.961%2024.667a5.598%205.598%200%20008.377%200l21.944-24.667a3.085%203.085%200%2000.776-2.06c0-.871-.365-1.695-.982-2.264a2.962%202.962%200%2000-4.244.206z%22%2F%3E%3C%2Fsvg%3E") no-repeat right 20px center;
  background-size: 18px 18px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.list {
  list-style: none;
  padding-left: 0;
}

.list-number {
  list-style-position: inside;
}

.list_title {
  font-size: 1.5rem;
  font-weight: 500;
}

.list-link {
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -20px;
  margin-bottom: -10px;
  padding-left: 0;
}

.list-link.list-link--2rows {
  max-width: 70%;
}

.list-link.list-link--2rows .list-link_item {
  text-align: left;
  width: 50%;
}

.list-link.list-link--narrow {
  margin-left: -10px;
  margin-bottom: -5px;
}

.list-link.list-link--narrow .list-link_item {
  margin-left: 10px;
  margin-bottom: 5px;
}

.list-link.list-link--xnarrow {
  margin-left: -5px;
  margin-bottom: -5px;
}

.list-link.list-link--xnarrow .list-link_item {
  margin-left: 5px;
  margin-bottom: 5px;
}

.list-link-login {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.list-link_item {
  margin-left: 20px;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

.list-dl + .list-dl {
  margin-top: 10px;
}

.list-dl > dt {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.list-border {
  list-style: none;
}

.list-border > li {
  padding: 0 15px 10px;
  border-bottom: 1px solid #e6e6e6;
}

.list-border > li:not(:first-child) {
  margin-top: 10px;
}

.list-equipment {
  list-style: none;
  padding-left: 0;
}

.list-equipment_item:not(:first-child) {
  margin-top: 20px;
}

.list-equipment_inner {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 10px;
  border-radius: 5px;
}

.list-equipment_pic {
  width: 80px;
  margin-right: 26px;
}

.list-equipment_body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.list-equipment_title {
  font-size: 1.3rem;
  font-weight: 600;
}

.list-equipment_number {
  font-size: 1.1rem;
  margin-top: 3px;
}

.list-equipment_action:not(:first-child) {
  margin-top: 10px;
}

.list-setting {
  list-style: none;
  padding-left: 0;
  border-bottom: 1px solid #e6e6e6;
}

.list-setting.list-setting--noborder {
  border-bottom: none;
}

.list-setting_item:not(:first-child) {
  border-top: 1px solid #e6e6e6;
}

.list-setting_link {
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  width: 100%;
  height: 42px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.list-setting_link.list-setting_link--nospace {
  height: auto;
}

.list-setting_link.list-setting_link--thick {
  height: auto;
  padding: 10px 20px;
}

.list-setting_title {
  color: #252831;
  font-size: 1.7rem;
  font-weight: 500;
  margin-right: 15px;
}

.list-setting_value {
  font-size: 1.7rem;
  font-weight: 400;
  max-width: 50%;
  margin-left: auto;
}

.list-setting_value:not(.list-setting_value--sns):not(.list-setting_value--member):not(.list-setting_value--multiline) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.list-setting_value.list-setting_value--sns {
  font-size: 2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.list-setting_value.list-setting_value--sns > *:not(:first-child) {
  margin-left: 10px;
}

.list-setting_value.list-setting_value--member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.list-setting_value.list-setting_value--member span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 20px;
  position: relative;
}

.list-setting_value.list-setting_value--member span.is-pending:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #fa5a53;
  display: block;
  position: absolute;
  right: 0;
}

.list-setting_value.list-setting_value--disabled {
  color: #a3a6ad;
  margin-right: 23px;
}

.list-setting_value.list-setting_value--empty {
  color: #a3a6ad;
}

.list-setting_value.list-setting_value--multiline {
  text-align: right;
}

.list-setting_value.list-setting_value--multiline span {
  display: block;
}

.list-setting_value.list-setting_value--thumb img {
  width: 50px;
}

.list-icon [class^="ic-"],
.list-icon [class*=" ic-"] {
  font-size: 24px;
  margin-right: 8px;
}

.list-bind {
  list-style: none;
  padding-left: 0;
}

.list-bind:not(:first-child) {
  margin-top: 20px;
}

.list-bind_item:not(:first-child) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #f7f7f7;
}

.list-bind_link {
  color: #42444e;
  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;
  text-decoration: none;
  width: 100%;
}

.list-bind_ic {
  font-size: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
}

.list-bind_ic > span:not(:first-child) {
  margin-left: 10px;
}

.list-product {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-bottom: -15px;
  padding-left: 0;
}

.list-product_item {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
  margin-bottom: 15px;
  padding-left: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.list-product_item.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.list-product_link {
  color: inherit;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  min-height: 0%;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}

.list-product_ic {
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  padding: 3px 7px;
  position: absolute;
  top: 10px;
  left: 0;
}

.list-product_ic > span {
  font-size: 0;
  display: block;
  background: url("/assets/img/icn_new.svg") no-repeat 50% 50%;
  background-size: auto 100%;
  width: 23px;
  height: 6px;
}

.list-product_pic {
  min-height: 0%;
}

.list-product_body {
  background: #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 100%;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.list-product_text {
  color: #333;
  font-size: 1.2rem;
  overflow: hidden;
}

.list-product_action {
  text-align: right;
}

.list-product_action:not(:first-child) {
  margin-top: 10px;
}

.list-photo {
  list-style: none;
  padding-left: 0;
}

.list-photo_item:not(:first-child) {
  margin-top: 15px;
}

.list-sort {
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: bottom;
  padding-left: 0;
}

.list-sort_item:not(:first-child) {
  margin-left: 15px;
}

.list-sort_link {
  color: #42444e;
  font-size: 2.4rem;
  line-height: 1;
  display: block;
  text-decoration: none;
}

.list-sort_link.is-active {
  color: #fd0;
}

.list-masonry {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-bottom: -15px;
  padding-left: 0;
}

.list-masonry:not(:first-child) {
  margin-top: 15px;
}

.list-masonry.list-masonry--wide .list-masonry_item {
  margin-bottom: 20px;
}

.list-masonry.list-masonry--top .list-masonry_item {
  margin-bottom: 40px;
  position: relative;
}

.list-masonry.list-masonry--top .list-masonry_item--inner a.list-masonry_title {
  text-decoration: none;
  color: #333;
}

.list-masonry.list-masonry--top .list-masonry_user img {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 10px;
}

.list-masonry.list-masonry--top .list-masonry_user__square img {
  width: 43px;
  height: 32px;
  border-radius: 5px;
}

.list-masonry.list-masonry--top .list-masonry_user-name {
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: 600;
}

.list-masonry.list-masonry--top .list-masonry_link:not(:first-child) {
  margin-top: 10px;
}

.list-masonry.list-masonry--top .list-masonry_pic:before {
  content: "";
  display: block;
  background: rgba(255, 255, 255, 0.85);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.list-masonry.list-masonry--square {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -4px;
  margin-bottom: -4px;
}

.list-masonry.list-masonry--square .list-masonry_item {
  width: 33.3333%;
  margin-bottom: 4px;
  padding-left: 4px;
}

.list-masonry.list-masonry--square .list-masonry_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;";
}

.list-masonry.list-masonry--post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -4px;
  margin-bottom: -4px;
}

.list-masonry.list-masonry--post .list-masonry_item {
  width: 33.3333%;
  margin-bottom: 4px;
  padding-left: 4px;
}

.list-masonry.list-masonry--post .list-masonry_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;";
}

.list-masonry.list-masonry--article .list-masonry_item {
  margin-bottom: 30px;
  position: relative;
}

.list-masonry.list-masonry--article .list-masonry_slider {
  position: relative;
}

.list-masonry.list-masonry--article .list-masonry_slider .slider_counter {
  color: #a3a6ad;
  background: #0a0203;
  min-width: 30px;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 5px;
  top: 10px;
  bottom: inherit;
}

.list-masonry.list-masonry--article .list-masonry_slider .slider_pagination {
  margin-top: 5px;
}

.list-masonry.list-masonry--article .list-masonry_slider .slider_pagination > li {
  background: #d8d8d8;
  margin: 0 2px;
  border-color: #d8d8d8;
}

.list-masonry.list-masonry--article .list-masonry_slider .slider_pagination > li.slick-active {
  background: #42444e;
  border-color: #42444e;
}

.list-masonry.list-masonry--article .list-masonry_viewers:first-child {
  margin-top: 0;
}

.list-masonry.list-masonry--circle .list-masonry_item {
  margin-bottom: 30px;
  position: relative;
}

.list-masonry.list-masonry--circle .list-masonry_slider {
  position: relative;
}

.list-masonry.list-masonry--circle .list-masonry_slider .slider_counter {
  color: #a3a6ad;
  background: #0a0203;
  min-width: 30px;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 5px;
  top: 10px;
  bottom: inherit;
}

.list-masonry.list-masonry--circle .list-masonry_slider .slider_pagination {
  margin-top: 5px;
}

.list-masonry.list-masonry--circle .list-masonry_slider .slider_pagination > li {
  background: #D8D8D8;
  margin: 0 2px;
  border-color: #D8D8D8;
}

.list-masonry.list-masonry--circle .list-masonry_slider .slider_pagination > li.slick-active {
  background: #42444e;
  border-color: #42444e;
}

.list-masonry.list-masonry--circle .list-masonry_viewers:first-child {
  margin-top: 0;
}

.list-masonry.list-masonry--switch .list-masonry_like,
.list-masonry.list-masonry--switch .list-masonry_detail {
  display: none;
}

.list-masonry.list-masonry--switch.is-wide .list-masonry_item {
  margin-bottom: 20px;
}

.list-masonry.list-masonry--switch.is-wide .list-masonry_like {
  display: block;
}

.list-masonry.list-masonry--switch.is-wide .list-masonry_detail {
  display: block;
}

.list-masonry.list-masonry--pc-bg .list-masonry_link img {
  border-radius: 0;
}

.list-masonry.list-masonry--bbs .list-masonry_meta:not(:first-child) {
  margin-top: 20px;
}

.list-masonry.list-masonry--result .list-masonry_item {
  width: 100%;
}

.list-masonry.list-masonry--result .list-masonry_meta:not(:first-child) {
  margin-top: 20px;
}

.list-masonry_item {
  width: 50%;
  margin-bottom: 15px;
  padding-left: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.list-masonry_item[data-filter-category] {
  display: none;
}

.list-masonry_item[data-filter-category].is-active {
  display: block;
}

.list-masonry_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;
}

.list-masonry_header_menu {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
}

.list-masonry_link {
  color: inherit;
  display: block;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}

.list-masonry_link > input {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.list-masonry_link > input:checked + .list-masonry_pic:before {
  opacity: 1;
}

.list-masonry_link > input:checked + .list-masonry_pic > .list-masonry_check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.list-masonry_link > input:disabled + .list-masonry_pic:before {
  background: rgba(255, 255, 255, 0.5);
  border: none;
  opacity: 1;
}

.list-masonry_link > input + .list-masonry_pic {
  overflow: visible;
  position: static;
}

.list-masonry_link > input + .list-masonry_pic:before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #fd0;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}

.list-masonry_link img {
  border-radius: 5px;
}

.list-masonry_info {
  width: 100%;
}

.list-masonry_info .list-masonry_user,
.list-masonry_info .list-masonry_category,
.list-masonry_info .list-masonry_tag {
  color: #42444e;
}

.list-masonry_info-head {
  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;
}

.list-masonry_info-backdrop {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
}

.list-masonry_info-detail .list-masonry_viewers {
  margin-top: 28px;
  color: #a3a6ad;
}

.list-masonry_info.is-selected .list-masonry_info-backdrop,
.list-masonry_info.is-selected .list-masonry_info-detail {
  visibility: visible;
  opacity: 1;
}

.list-masonry_info.is-selected .list-masonry_info-backdrop {
  z-index: 1002;
}

.list-masonry_info.is-selected .list-masonry_info-detail {
  z-index: 1003;
}

.list-masonry_user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.list-masonry_user > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-masonry_user img {
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 5px;
}

.list-masonry_user-name {
  font-size: 1.2rem;
}

.list-masonry_user button {
  font-size: 1.6rem;
}

.list-masonry_user.list-masonry_user--rectangle {
  font-size: 1.6rem;
}

.list-masonry_user.list-masonry_user--rectangle img {
  max-width: 75px !important;
  width: auto;
  height: auto;
}

.list-masonry_user.list-masonry_user--rectangle span:not(:last-child) {
  margin-right: 5px;
}

.list-masonry_user.list-masonry_user--large img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.list-masonry_user_menu {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-left: 10px;
}

.list-masonry_slider:not(:first-child) {
  margin-top: 10px;
}

.list-masonry_slider_item {
  border-radius: 5px;
  position: relative;
}

.list-masonry_slider_item:focus {
  outline: 0;
}

.list-masonry_label {
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 0;
  background: linear-gradient(-45deg, #ffefe2 0%, #fff7c4 100%);
  color: #42444e;
  font-size: 1.1rem;
  line-height: 1;
  padding: 5px 15px;
  z-index: 1;
}

.list-masonry_label.list-masonry_label02 {
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
}

.list-masonry_detail {
  padding-top: 10px;
}

.list-masonry_detail > *:not(:first-child) {
  margin-top: 10px;
}

.list-masonry_tag {
  font-size: 1.1rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  list-style: none;
  font-size: 1.1rem;
}

.list-masonry_tag li {
  margin-right: 10px;
  padding: 0 7px;
  border-radius: 5px;
  height: 25px;
  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;
}

.list-masonry_tag li.list-masonry_tag--blue {
  background: linear-gradient(-45deg, #dae7fb 0%, #e5f9f7 100%);
}

.list-masonry_tag li.list-masonry_tag--violet {
  background: linear-gradient(-45deg, #ede1fd 0%, #eceeff 100%);
}

.list-masonry_tag li:last-child {
  margin-right: 0;
}

.list-masonry_like {
  position: absolute;
  left: 10px;
  bottom: 10px;
}

.list-masonry_viewers {
  font-size: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #a3a6ad;
  margin-top: 10px;
}

.list-masonry_pic {
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.list-masonry_pic img {
  border-radius: 5px;
}

.list-masonry_check {
  color: #0a0203;
  font-size: 1.2rem;
  background: #fd0;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  width: 22px;
  height: 22px;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 50%;
}

.list-masonry_check:before {
  font-family: 'iconfont' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  vertical-align: bottom;
  text-transform: none;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}

.list-masonry_btn {
  color: #fd0;
  font-size: 1.2rem;
  line-height: 1;
  position: absolute;
  right: 7px;
  bottom: 5px;
}

.list-masonry_btn > span {
  display: block;
}

.list-masonry_reset {
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 5px;
  top: 5px;
}

.list-masonry_upload {
  width: 100%;
  padding-top: 100%;
  position: relative;
}

.list-masonry_upload > input[type="file"] {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.list-masonry_upload > label {
  border-color: #a3a6ad;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
}

.list-masonry_upload > label:before, .list-masonry_upload > label:after {
  background: #a3a6ad;
}

.list-masonry_external {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 8px;
  right: 8px;
}

.list-masonry_play {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  text-align: center;
  width: 50px;
  height: 84px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.list-masonry_play_ic {
  color: #fff;
  font-size: 2.7rem;
  background: rgba(51, 51, 51, 0.7);
  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;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.list-masonry_play_ic:before {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}

.list-masonry_play_text {
  color: #fff;
  font-size: 1.7rem;
  font-weight: 500;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.list-masonry_body:not(:first-child) {
  margin-top: 10px;
}

.list-masonry_title {
  position: relative;
  font-weight: 500;
}

.list-masonry_title:not(:first-child) {
  margin-top: 10px;
}

.list-masonry_article {
  color: inherit;
  text-decoration: none;
  display: block;
}

.list-masonry_article > *:not(:first-child) {
  margin-top: 10px;
}

.list-masonry_desc {
  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;
}

.list-masonry_desc_category {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 15px;
}

.list-masonry_comments:not(:first-child) {
  margin-top: 15px;
}

.list-masonry_radius {
  background: #fff;
  padding: 10px;
  border-radius: 5px;
}

.list-masonry_meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-masonry_meta:not(:first-child) {
  margin-top: 10px;
}

.list-masonry_meta > *:not(:last-child) {
  margin-right: 10px;
}

.list-masonry_meta_menu {
  margin-left: auto;
}

.list-masonry_more {
  color: #a3a6ad;
  font-weight: 500;
  margin-top: 5px;
  display: block !important;
}

.list-masonry_reaction {
  width: calc(100% - 10px);
  height: 17px;
  position: absolute;
  left: 0;
  bottom: 4px;
  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;
  padding: 0 5px;
}

.list-masonry_reaction_item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(10, 2, 3, 0.6);
  border-radius: 8px;
  color: #fff;
  padding: 0 6px;
}

.list-masonry_reaction_item span {
  font-size: 1.2rem;
}

.list-masonry_reaction_item span[class^="ic-"] {
  margin-right: 3px;
}

.list-masonry_reaction_item.liked {
  color: #f7b500;
}

.list-selectbox {
  list-style: none;
  padding-left: 0;
}

.list-selectbox_child {
  list-style: none;
  margin-top: 0;
  padding-left: 28px;
}

.list-selectbox_btn {
  width: 100%;
  padding: 5px 0;
}

.list-selectbox_btn[disabled] {
  color: #a3a6ad;
}

.list-message {
  list-style: none;
  padding-left: 0;
}

.list-message_item {
  padding-bottom: 9px;
  border-bottom: 1px solid #e6e6e6;
}

.list-message_item:not(:first-child) {
  margin-top: 9px;
}

.list-message_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px;
}

.list-message_user {
  color: #42444e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  overflow: hidden;
  padding: 15px;
  margin: -15px;
}

.list-message_user > span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}

.list-message_user_desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 9px;
  overflow: hidden;
  width: 100vw;
  max-width: 590px;
}

.list-message_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 10px;
}

.list-message_name {
  font-size: 1.3rem;
}

.list-userInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-message_body {
  font-size: 1.1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.list-message_date {
  color: #a3a6ad;
  font-size: 1.2rem;
  margin-right: 5px;
}

.list-map {
  list-style: none;
  padding-left: 0;
}

.list-map_item {
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
}

.list-map_item:not(:first-child) {
  margin-top: 10px;
}

.list-map_title {
  color: #252831;
  font-size: 1.7rem;
  font-weight: 500;
}

.list-map_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 10px 18px 0 20px;
}

.list-map_text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 54px;
}

.list-map_action {
  margin-left: 10px;
}

.list-map_number {
  margin-top: 0;
}

.list-map_number > span:not(:first-child) {
  margin-left: 15px;
}

.list-info {
  list-style: none;
  padding-left: 0;
}

.list-info.list-info--low .list-info_item:not(:first-child) {
  margin-top: 10px;
}

.list-info_item:not(:first-child) {
  margin-top: 20px;
}

.list-info_date {
  color: #a3a6ad;
  font-size: 1.2rem;
  text-align: center;
}

.list-info_inner {
  background: #fff;
  margin-top: 10px;
  padding: 15px 32px;
  border-radius: 5px;
  position: relative;
}

.list-info_title {
  font-size: 1.3rem;
  font-weight: 600;
}

.list-info_title_btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.list-info_desc {
  color: #a3a6ad;
  font-size: 1.1rem;
}

.list-info_desc:not(:first-child) {
  margin-top: 5px;
}

.list-info_desc.list-info_desc--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.list-info_edit {
  line-height: 1;
  position: absolute;
  top: 18px;
  right: 20px;
}

.list-rental {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -3px;
  margin-bottom: -3px;
  padding-left: 0;
}

.list-rental:not(:first-child) {
  margin-top: 10px;
}

.list-rental.list-rental--grid {
  margin-left: 0;
}

.list-rental.list-rental--grid .list-rental_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-left: 0;
}

.list-rental.list-rental--grid .list-rental_pic > img {
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
     object-fit: cover;
}

.list-rental_item {
  width: 33.3333%;
  margin-bottom: 3px;
  padding-left: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.list-rental_input {
  display: block;
  position: relative;
}

.list-rental_input > input {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.list-rental_input > input:checked + .list-rental_input_body:before {
  background: #fd0;
}

.list-rental_input > input:checked + .list-rental_input_body:after {
  content: "";
}

.list-rental_input_body {
  position: relative;
}

.list-rental_input_body:before, .list-rental_input_body:after {
  position: absolute;
  z-index: 1;
}

.list-rental_input_body:before {
  content: "";
  display: block;
  background: #fff;
  width: 18px;
  height: 18px;
  right: 5px;
  bottom: 5px;
  border: 1px solid #42444e;
  border-radius: 2px;
}

.list-rental_input_body:after {
  font-family: 'iconfont' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  vertical-align: bottom;
  text-transform: none;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 1.2rem;
  right: 8px;
  bottom: 8px;
}

.list-rental_pic {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}

.list-rental_pic:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.list-rental_pic > img {
  font-family: "object-fit: contain;";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.list-rental_text {
  margin-top: 8px;
}

.list-rental_number {
  font-size: 1.2rem;
}

.list-rental_left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.list-rental_right {
  width: 32.75362%;
  padding-left: 3px;
}

.list-rental_right_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.list-rental_right_item:not(:first-child) {
  padding-top: 3px;
}

.list-rental_right_item > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.list-comments {
  list-style: none;
  padding-left: 0;
}

.list-comments_item {
  padding-left: 15px;
}

.list-comments_item:not(:first-child) {
  margin-top: 15px;
}

.list-grade {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -5px;
  margin-bottom: -5px;
  margin-top: 0;
}

.list-grade_item {
  margin-left: 5px;
  margin-bottom: 5px;
}

.list-event {
  list-style: none;
}

.list-event_item:not(:first-child) {
  margin-top: 20px;
}

.list-event_link {
  text-decoration: none;
  color: #42444e;
}

.list-event_pic {
  display: block;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}

.list-event_body {
  margin-top: 5px;
}

.list-event_title {
  font-size: 1.5rem;
  font-weight: 500;
}

.list-event_meta {
  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;
  margin-top: 10px;
}

.list-postbottom {
  list-style: none;
  border-bottom: 1px solid #e6e6e6;
}

.list-postbottom.list-postbottom--noborder {
  border-bottom: none;
}

.list-postbottom_item:not(:first-child) {
  border-top: 1px solid #e6e6e6;
}

.list-postbottom_link {
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  width: 100%;
  height: 42px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.list-postbottom_link.list-postbottom_link--nospace {
  height: auto;
}

.list-postbottom_link.list-postbottom_link--thick {
  height: auto;
  padding: 10px 20px;
}

.list-postbottom_title {
  color: #252831;
  font-size: 1.7rem;
  font-weight: 500;
  margin-right: 15px;
}

.list-postbottom_value {
  font-size: 1.7rem;
  font-weight: 400;
  max-width: 50%;
  margin-left: auto;
}

.list-postbottom_value:not(.list-postbottom_value--sns):not(.list-postbottom_value--member):not(.list-postbottom_value--multiline) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.list-postbottom_value.list-postbottom_value--sns {
  font-size: 2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.list-postbottom_value.list-postbottom_value--sns > *:not(:first-child) {
  margin-left: 10px;
}

.list-postbottom_value.list-postbottom_value--member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.list-postbottom_value.list-postbottom_value--member span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 20px;
  position: relative;
}

.list-postbottom_value.list-postbottom_value--member span.is-pending:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #fa5a53;
  display: block;
  position: absolute;
  right: 0;
}

.list-postbottom_value.list-postbottom_value--disabled {
  color: #a3a6ad;
  margin-right: 23px;
}

.list-postbottom_value.list-postbottom_value--empty {
  color: #a3a6ad;
}

.list-postbottom_value.list-postbottom_value--multiline {
  text-align: right;
}

.list-postbottom_value.list-postbottom_value--multiline span {
  display: block;
}

.list-postbottom_value.list-postbottom_value--thumb img {
  width: 50px;
}

.list-hash {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-bottom: -10px;
}

.list-hash_item {
  margin-left: 10px;
  margin-bottom: 10px;
}

.list--post {
  padding: 15px;
}

.list-gradient {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-bottom: -10px;
}

.list-gradient_item {
  margin-left: 10px;
  margin-bottom: 10px;
}

.post_address-list {
  background: #fff;
  border-radius: 10px;
  padding: 0 10px;
  list-style: none;
}

.post_address-list_item {
  border-bottom: 1px solid #e6e6e6;
  padding: 15px 2.5px 15px 5px;
}

.post_address-list_item:last-child {
  border-bottom: 0;
}

.post_address-list_name {
  font-size: 1.3rem;
}

.post_address-list_name a {
  text-decoration: none;
  color: #42444e;
}

.list-quest {
  list-style: none;
}

.list-quest_item {
  background: #fff;
  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;
  padding: 15px;
  border-radius: 5px;
}

.list-quest_item:not(:first-child) {
  margin-top: 15px;
}

.list-quest_title {
  font-size: 1.3rem;
  font-weight: 600;
}

.list-quest_desc {
  color: #a3a6ad;
  font-size: 1.1rem;
}

.list-quest_desc:not(:first-child) {
  margin-top: 5px;
}

.list-quest_menu {
  min-width: 63px;
  margin-left: 10px;
}

.list-quest_menu > a,
.list-quest_menu > button {
  width: 100%;
}

.list-achievement {
  list-style: none;
  padding: 0 15px 30px;
}

.list-achievement.list-achievement-inside {
  padding-left: 0;
  padding-right: 0;
}

.list-achievement:not(:first-child) {
  margin-top: 30px;
}

.list-achievement_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px 10px;
  border-bottom: 1px solid #e6e6e6;
}

.list-achievement_item:not(:first-child) {
  margin-top: 10px;
}

.list-achievement_body {
  overflow: hidden;
}

.list-achievement_title {
  font-size: 1.3rem;
  font-weight: 600;
}

.list-achievement_desc {
  color: #a3a6ad;
  font-size: 1.1rem;
}

.list-achievement_desc:not(:first-child) {
  margin-top: 5px;
}

.list-achievement_menu {
  margin-left: 10px;
}

.list-gift {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-bottom: -15px;
}

.list-gift_item {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
  margin-bottom: 15px;
  padding-left: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.list-gift_item.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.list-gift_link {
  color: inherit;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  min-height: 0%;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}

.list-gift_pic {
  min-height: 0%;
}

.list-gift_body {
  background: #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 100%;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.list-gift_title {
  font-size: 1.2rem;
  font-weight: normal;
}

.list-gift_menu {
  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;
}

.list-gift_menu:not(:first-child) {
  margin-top: 10px;
}

.list-gift_action {
  margin-left: 10px;
}

.list-cart {
  list-style: none;
}

.list-cart_item:not(:first-child) {
  margin-top: 10px;
}

.list-cart_inner {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  border-radius: 5px;
}

.list-cart_pic {
  width: 80px;
  margin-right: 10px;
}

.list-cart_body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.list-cart_price {
  color: #f7b500;
  font-size: 1.1rem;
  font-weight: 600;
  margin-top: 3px;
}

.list-cart_action {
  color: #e6e6e6;
  font-size: 2.4rem;
  padding: 0 10px;
}

.list-masonry_grade {
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 1.5rem 0 0.6rem;
}

.list-masonry_grade img {
  width: initial !important;
  height: 2.4rem !important;
  margin-right: 0 !important;
}

.list-masonry_grade.grade_circle {
  width: 2rem;
  height: 2rem;
  margin: 0 1.3rem 0 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-masonry_grade.grade_circle img {
  width: initial !important;
  height: 2rem !important;
}

.list-masonry_honor {
  background-color: #F5F5F5;
  padding-right: 5px;
  font-size: 12px;
  width: 6.4rem;
  height: 18px;
  text-align: left;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  padding-left: 1.1rem;
  border-radius: 0.3rem;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #333;
  margin-top: 2px;
}

.list-masonry_honor img {
  width: initial !important;
  height: 1.8rem !important;
  position: absolute;
  left: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  cursor: pointer;
}

.list-masonry_honor.honor_circle {
  width: 6.8rem;
  padding-right: 0;
  padding-left: 1.2rem;
}

.list-masonry_honor.honor_circle.honor_profile {
  width: 8.4rem;
  background-color: #f1f2f2;
  color: #000;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 23px;
  padding: 0 7px;
}

.list-masonry_honor.honor_circle.honor_profile img {
  width: 18px !important;
  position: initial;
  left: 0 !important;
}

.link-base-left {
  width: 147px;
}

.link-base-left .list-masonry_user-portrait {
  width: 40px;
  margin-right: 5px;
}

.link-base-left .list-masonry_user-name {
  width: 101px;
}

.link-base-left .list-masonry_user-word {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.link-base-left img {
  display: block;
  width: 40px !important;
  height: 40px !important;
  margin-right: 0 !important;
}

.viewers-count {
  color: #a3a6ad;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.viewers-count > span[class] {
  font-size: 1.6rem;
  margin-right: 5px;
}

.viewers-list {
  color: #a3a6ad;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.viewers-list > *:not(:first-child) {
  margin-left: 3px;
}

.viewers-list > ul,
.viewers-list_face {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding: 0 0 0 6px;
  list-style: none;
}

.viewers-list > ul li,
.viewers-list_face li {
  width: 24px;
  margin-left: -6px;
}

.viewers-list_dot {
  line-height: 1;
}

.viewers-list_dot span {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #e0e0e0;
}

.viewers-list_dot span:nth-child(2) {
  margin: 0 2px;
}

.viewers-list_emoticon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.viewers-list_emoticon img {
  width: 16px;
  margin-left: 2px;
}

.viewers-list_emoticon.viewers-list_emoticon--popover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -10px;
  position: static;
}

.viewers-list_emoticon.viewers-list_emoticon--popover:not(:last-child) {
  margin-right: 0;
}

.viewers-list_emoticon.viewers-list_emoticon--popover img {
  width: 24px;
  margin-left: 10px;
}

.viewers-list_number {
  margin: 0;
}

.viewers-face {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-bottom: -10px;
}

.viewers-face > * {
  width: 40px;
  margin-left: 10px;
  margin-bottom: 15px;
}

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

.viewers-reaction > *:not(:first-child) {
  margin-left: 10px;
}

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

.viewers-reaction.viewers-reaction--small .viewers-list_emoticon > img {
  width: 16px;
}

.viewers-reaction_item {
  font-size: 1.3rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: text-top;
}

.viewers-reaction_item.is-active > span {
  color: #F7B500;
}

.viewers-reaction_item > span {
  font-size: 1.6rem;
  margin-right: 2px;
}

.viewers-reaction_item > .viewers-list_emoticon {
  margin-left: 2px;
}

.viewers-reaction_item.viewers-reaction_item--ml-0:not(:first-child) {
  margin-left: 0;
}

.viewers-reaction_good {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.viewers-reaction_good .viewers-list_emoticon:not(:first-child) {
  margin-left: 5px;
}

.viewers-message {
  list-style: none;
  padding-left: 20px;
  padding-top: 20px;
}

.viewers-message > li:not(:first-child) {
  margin-top: 10px;
}

.viewers-more:not(:first-child) {
  margin-top: 10px;
}

.modal {
  visibility: hidden;
  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;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.is-modal-open .modal {
  visibility: visible;
  opacity: 1;
  z-index: 1003;
}

.modal.is-dark .modal_backdrop {
  background: rgba(0, 0, 0, 0.5);
}

.modal_backdrop {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: .8;
  z-index: 1002;
}

.modal_content {
  background: #FFF;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 62.74363%;
  width: 74.66667%;
  height: 100%;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 1003;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.modal_content.modal_content--confirm {
  height: auto;
}

.modal_content.modal_content--warranty {
  background: none;
  max-height: inherit;
  width: 65.33333%;
  height: auto;
}

.modal_content.modal_content--datepicker, .modal_content.modal_content--selectbox {
  width: auto;
  height: auto;
}

.modal_content.modal_content--datepicker {
  background: none;
}

.modal_content.modal_content--photo {
  background: none;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}

.modal_content.modal_content--photo .modal_img {
  border-radius: 5px;
  overflow: hidden;
}

.modal_content.modal_content--photo .modal_action {
  margin-top: 0;
  position: fixed;
  top: 20px;
  right: 20px;
}

.modal_content.modal_content--photo img {
  max-width: calc(100vw - 40px);
  max-height: calc(100vh - 40px);
}

.modal_content.modal_content--post {
  background: none;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}

.modal_content.modal_content--post img {
  max-width: calc(100vw);
  max-height: calc(100vh - 40px);
}

.modal_content.modal_content--slider {
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}

.modal_content.modal_content--slider .slider_counter {
  color: #a3a6ad;
  background: #0a0203;
  min-width: inherit;
  margin-left: 50%;
  padding: 5px 6px;
  border-radius: 5px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: fixed;
  right: inherit;
  bottom: 20px;
}

.modal_content.modal_content--map {
  background: none;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}

.modal_content.modal_content--map .modal_action {
  margin-top: 10px;
  padding: 0;
}

.modal_content.modal_content--map img {
  max-width: calc(100vw - 30px);
  max-height: calc(100vh - 70px);
}

.modal_content.modal_content--bottom, .modal_content.modal_content--comments {
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: 100%;
  height: auto;
  border-radius: 5px 5px 0 0;
}

.modal_content.modal_content--bottom {
  max-height: 225px;
}

.modal_content.modal_content--comments {
  max-height: 500px;
}

.modal_content.modal_content--form {
  background: none;
  height: auto;
  max-height: inherit;
}

.modal_content.modal_content--form .modal_form_head {
  text-align: center;
  font-weight: 700;
  color: #fff;
  font-size: 1.7rem;
  margin-bottom: 7px;
}

.modal_content.modal_content--form .modal_form_box {
  background: #FFF;
  border-radius: 8px;
}

.modal_content.modal_content--form .modal_form_inner {
  padding: 12.5px 17.5px;
}

.modal_content.modal_content--form .choices-list_item {
  padding: 12.5px 10px 12.5px 0;
}

.modal_content.modal_content--form .choices-list_item:last-child {
  border-bottom: 0;
}

.modal_content.modal_content--form .choices-list_item .choices-list_text {
  font-weight: 700;
}

.modal_content.is-modal-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal_content.modal_content--holiday-datepicker .flatpickr-calendar {
  padding-bottom: 75px;
}

.modal_content_note {
  margin: 0;
  position: absolute;
  bottom: 50px;
  left: 30px;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal_content_note span {
  margin-right: 5px;
}

.modal_header {
  text-align: center;
  padding: 20px 15px 20px;
}

.modal_scroll {
  font-size: 1.2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0 15px;
  overflow-y: auto;
}

.modal_action {
  text-align: center;
  padding: 0 15px 20px;
}

.modal_action:not(:first-child) {
  margin-top: 20px;
}

.modal_close {
  color: #e6e6e6;
  font-size: 2rem;
  line-height: 1;
  display: inline-block;
  vertical-align: bottom;
  width: 20px;
  height: 20px;
}

.modal_confirm_inner {
  padding: 0 17.5px;
}

.modal_confirm_inner.is-scroll-enable {
  overflow: scroll;
  overflow-x: hidden;
}

.modal_confirm_inner .choices-list {
  border-top: 1px solid #e6e6e6;
}

.modal_confirm_body {
  font-size: 1.5rem;
  font-weight: 500;
  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-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  text-align: center;
  padding: 20px 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.modal_confirm_text {
  font-size: 1.8rem;
  padding-bottom: 10px;
}

.modal_confirm_action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #e6e6e6;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.modal_confirm_action.modal_confirm_action--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.modal_confirm_action.modal_confirm_action--column .modal_confirm_action_item {
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}

.modal_confirm_action.modal_confirm_action--column .modal_confirm_action_item:not(:first-child) {
  border-left: none;
  border-top: 1px solid #e6e6e6;
}

.modal_confirm_action_item {
  max-width: 100%;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.modal_confirm_action_item:not(:first-child) {
  border-left: 1px solid #e6e6e6;
}

.modal_confirm_btn {
  color: #42444e;
  font-size: 1.8rem;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 100%;
  padding: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.modal_confirm_btn.modal_confirm_btn--semi {
  font-weight: 600;
}

.modal_confirm_detail {
  font-size: 1.8rem;
  font-weight: 600;
  padding: 10px 0 40px;
}

.modal_warranty_action {
  text-align: center;
}

.modal_warranty_action:not(:first-child) {
  margin-top: 10px;
}

.modal_sns {
  padding: 20px 0;
}

.modal_sns_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
}

.modal_sns_title {
  color: #a3a6ad;
  font-size: 1.5rem;
  font-weight: 500;
}

.modal_sns_emoticon {
  color: #a3a6ad;
  font-size: 1.3rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 20px;
}

.modal_sns_emoticon > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal_sns_emoticon > span:not(:first-child) {
  margin-left: 10px;
}

.modal_sns_emoticon > span > img {
  width: 16px;
  margin-right: 3px;
}

.modal_sns_body {
  padding: 0 15px;
  overflow-y: auto;
}

.modal_sns_body:not(:first-child) {
  padding-top: 20px;
}

.modal_sns_body ul, .modal_sns_body li {
  list-style: none;
}

.modal_sns_body ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}

.modal_sns_body ul li {
  text-align: center;
  margin: 0 20px;
}

.modal_sns_body ul li a {
  display: block;
  text-decoration: none;
  color: #42444E;
}

.modal_sns_body ul li span {
  display: block;
}

.modal_sns_body ul li [class^="ic-"] {
  font-size: 4.2rem;
  margin-bottom: 10px;
  background: #fff;
}

.modal_sns_body ul li:first-child {
  margin-left: 0 !important;
}

.modal_sns_body ul:last-child {
  margin-bottom: 0;
}

.modal_sns_body ul.share_system a {
  color: #999999 !important;
}

.modal_sns__action {
  position: absolute;
  top: 20px;
  right: 20px;
}

.modal_comments {
  padding: 15px 0 55px;
}

.modal_comments_header {
  text-align: center;
  padding: 0 15px 15px;
  border-bottom: 1px solid #e6e6e6;
}

.modal_comments_title {
  font-weight: 500;
}

.modal_comments_body {
  padding: 10px 0 0;
  overflow-y: scroll;
}

.modal_comments_form {
  background: #fff;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  -webkit-box-shadow: 0 -2px 10px 0 #e6e6e6;
          box-shadow: 0 -2px 10px 0 #e6e6e6;
  z-index: 5;
}

.modal_comments__action {
  position: absolute;
  top: 14px;
  right: 15px;
}

.modal_comments__action .modal_close {
  color: #42444e;
  font-size: 2.4rem;
  width: 24px;
  height: 24px;
}

.modal_movie {
  background: #000;
  width: 100vw;
  padding-top: 56.25%;
  position: relative;
}

.modal_movie > * {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

#modal_slider {
  position: absolute;
  pointer-events: none;
}

#modal_slider.is-modal-open {
  display: block;
  pointer-events: inherit;
}

.modal-share.modal_content.modal_content--bottom {
  background: #f5f5f5;
  max-height: 320px;
}

.modal-share_body {
  padding: 20px 15px 10px;
}

.modal-share_icon {
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 16px;
  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: 0 auto 6px;
}

.modal-share_icon img {
  width: 32px;
  height: auto;
}

.modal-share_icon-wechat img {
  width: 37px;
}

.modal-share_icon[class^="ic-"] {
  font-size: 3.2rem;
}

.modal-share ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-share ul li {
  text-align: center;
  font-size: 1.2rem;
  margin-right: 30px;
}

.modal-share ul li:last-child {
  margin-right: 0;
}

.modal-share ul a {
  color: #42444e;
  text-decoration: none;
}

.modal-share ul.share_system a span:not(.modal-share_icon) {
  color: #999;
}

.modal-share_action {
  width: 100%;
  height: 57px;
}

.modal-share_action .modal_close {
  background: #fff;
  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-size: 1.8rem;
  color: #333;
}

.alert {
  visibility: hidden;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 0;
  height: 0;
  margin: auto;
  border-radius: 10px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1003;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.alert.is-active {
  visibility: visible;
  width: 140px;
  height: 140px;
  opacity: .9;
}

.alert.alert--yellow {
  background: linear-gradient(-45deg, #FFCDA5 0%, #FAE24B 100%);
}

.alert.alert--yellow .alert_inner {
  background: linear-gradient(-45deg, #FFCDA5 0%, #FAE24B 100%);
}

.alert.alert--overlay {
  background: none;
}

.alert.alert--overlay.is-active {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.alert_inner {
  background: linear-gradient(135deg, #A4D8EF 0%, #CDE883 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 140px;
  height: 140px;
  border-radius: 10px;
  opacity: .9;
  z-index: 1003;
}

.alert_ic {
  font-size: 4rem;
  line-height: 1;
}

.alert_text {
  font-size: 1.5rem;
  font-weight: 500;
}

.alert_text:not(:first-child) {
  margin-top: 8px;
}

.alert_overlay {
  background: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1002;
}

.profile {
  background: #fff;
}

.profile_cover {
  background: url("/assets/img/profile-bg1.png") no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
}

.profile_cover_custom {
  background: url("/assets/img/profile-bg4.png") no-repeat;
  background-size: cover;
  position: relative;
}

.profile_cover_custom::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(58, 62, 81, 0.7);
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.profile_cover_bg {
  position: relative;
  margin: 30px auto;
}

.profile_cover_bg > img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 79.1116%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 3;
}

.profile_cover_desc {
  background: rgba(10, 2, 3, 0.5);
  -webkit-backdrop-filter: blur(0px);
          backdrop-filter: blur(0px);
  width: 100%;
  position: relative;
  z-index: 3;
}

.profile_cover_avatar {
  display: block;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 140px;
  height: 140px;
  margin: 0 auto;
  position: absolute !important;
  top: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 4;
}

.profile_cover_avatar img {
  border-radius: 50%;
  width: 100%;
}

.profile_cover_text {
  text-align: center;
}

.profile_cover_name {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 15px 13px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.profile_cover_name > * {
  margin: 5px 8px 0 0 !important;
}

.profile_cover_name .list-masonry_grade.grade_circle {
  width: 24px !important;
  height: 24px !important;
  margin: 0 1rem;
}

.profile_cover_name .list-masonry_grade.grade_circle img {
  width: 24px !important;
  height: 24px !important;
}

.cover_name_side {
  display: block;
  text-align: left;
}

.profile_cover_id {
  color: #fff;
  font-size: 1.1rem;
  margin-top: 0;
  position: relative;
}

.profile_cover_ic {
  color: #fff;
  font-size: 1.6rem;
  background: #ccddea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  width: 6.4vw;
  height: 6.4vw;
  position: absolute;
  top: 0;
  right: 0;
}

.profile_cover_ic.ic__gray {
  background: #939598;
}

.profile_cover_setting {
  color: #fff;
  font-size: 2.6rem;
  line-height: 1;
  text-decoration: none;
  margin: auto 0;
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 5;
}

.profile_cover_setting .menu_link_badge {
  position: absolute;
  top: 0;
  right: -2px;
}

.profile_cover_code {
  position: absolute;
  top: -14px;
  left: 10px;
  z-index: 5;
}

.profile_cover_code img {
  width: 24px;
}

.profile_detail {
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
}

.profile_detail.profile_detail--male {
  background: linear-gradient(140deg, #eaf8f4 0%, #dee0ff 100%);
}

.profile_detail.profile_detail--female {
  background: linear-gradient(140deg, #e9f7f4 0%, #e2deff 100%);
}

.profile_detail.profile_detail--female .btn-follow__off {
  margin: 0 0 0 auto;
}

.profile_stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 16px 20px 10px;
}

.profile_stats_item {
  text-align: center;
  position: relative;
}

.profile_stats_line {
  display: none;
}

.profile_stats_inner {
  display: inline-block;
  text-align: center;
  vertical-align: bottom;
}

.profile_stats_title {
  color: #333;
  font-size: 1.2rem;
  display: block;
}

.profile_stats_text {
  color: #333;
  font-size: 1.7rem;
  font-weight: 600;
  display: block;
}

.profile_membership {
  background: #f2f2f3;
  mix-blend-mode: multiply;
  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;
  padding: 8px 12px 8px 15px;
}

.profile_membership_rank {
  font-size: 1.1rem;
}

.profile_membership_link {
  color: #42444e;
  font-size: 1.3rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

.profile_membership_link > span {
  font-size: 1.8rem;
  margin-left: 3px;
}

.profile_membership_link .ic-coin {
  margin-right: 5px;
}

.profile_introduction {
  background: #fff;
  padding: 20px 15px;
}

.profile_introduction_title {
  font-size: 1.5rem;
  font-weight: 500;
}

.profile_experience {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}

.profile_experience-bg2 {
  background: url("/assets/img/profile-bg2.png") no-repeat;
  background-size: cover;
  background-position: center;
}

.profile_experience-bg3 {
  background: url("/assets/img/profile-bg3.png") no-repeat;
  background-size: cover;
  background-position: center;
}

.profile_experience_inner {
  padding: 17px 15px;
  color: white;
}

.profile_experience_inner a {
  color: white;
  text-decoration: none;
}

.profile_experience_honor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile_experience_honor .experience_honor-l {
  width: 64px;
}

.profile_experience_honor .experience_honor-r h4 {
  font-size: 14px;
  font-weight: 500;
  color: #42444e;
}

.profile_experience_honor .experience_honor-r p {
  font-size: 12px;
  color: #42444e;
  margin-top: 0;
}

.profile_experience_honor .experience_honor-r p.honor-r-txt {
  margin-bottom: 7px;
}

.profile_experience_name {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 10px;
}

.profile_userGrade {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.profile_userGrade-img {
  width: 24px;
  margin-right: 5px;
}

.profile_experience_ic {
  color: #fff;
  font-size: 1.4rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 22px;
  height: 22px;
  margin-right: 10px;
}

.profile_experience_detail {
  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;
  font-size: 1.1rem;
}

.profile_experience_current {
  width: 50%;
}

.profile_experience_current > p {
  margin-top: 0;
}

.profile_experience_current span {
  margin-left: 5px;
  display: inline-block;
}

.profile_experience_feature {
  width: 50%;
}

.profile_experience_feature > p {
  text-align: right;
  margin-top: 0;
}

.profile_experience_feature span {
  margin-left: 5px;
  display: inline-block;
}

.profile_experience_progress {
  background: #fff;
  position: relative;
  margin-top: 10px;
  width: 100%;
  height: 8px;
  border-radius: 10px;
}

.profile_experience_bar {
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(140deg, #edd54b 0%, #f2c29d 100%);
  display: block;
  height: 8px;
  border-radius: 10px;
}

.profile_experience_btn-area {
  background: rgba(0, 0, 0, 0.4);
  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;
  padding: 10px 20px;
}

.profile_experience_btn {
  color: #42444e;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  border-color: transparent;
  padding: 2px 11px;
  font-size: 1.1rem;
  cursor: pointer;
  border-radius: 24px;
}

.profile_experience_btn.profile_experience_btn_add {
  display: block;
  padding: 0;
  width: 72px;
  height: 25px;
  text-align: center;
  line-height: 26px;
}

.profile_experience_btn.profile_experience_btn_ta {
  background: linear-gradient(140deg, #e9f7f4 0%, #e2deff 100%);
}

.profile_experience_link {
  color: #fff;
  font-weight: 600;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

.profile_experience_link > span {
  font-size: 1.8rem;
  margin-left: 3px;
}

.menu_item {
  padding: 20px 15px;
}

.menu_item.menu_item--notification {
  background: linear-gradient(140deg, #fff7c4 0%, #ffefe2 100%);
}

.menu_item.menu_item--notification .menu_link_ic {
  padding-top: 100%;
  border-radius: 50%;
  position: relative;
}

.menu_item.menu_item--notification .menu_link_ic > span {
  width: 38px;
  height: 38px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.menu_item.menu_item--notification .menu_link_text {
  margin-top: 0;
}

.menu_list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 -20px;
  padding-left: 0;
}

.menu_list_item {
  width: 20%;
  margin-bottom: 20px;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.menu_link {
  color: #42444e;
  font-size: 1.2rem;
  display: block;
  text-decoration: none;
  position: relative;
}

.menu_link:after {
  font-size: 1.6rem;
  margin-left: auto;
}

.menu_link_ic {
  display: block;
  text-align: center;
}

.menu_link_ic > span {
  font-size: 3.9rem;
}

.menu_link_text {
  display: block;
  text-align: center;
  margin-top: 5px;
}

.menu_link_badge {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1;
  background: #fa5a53;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  min-width: 14px;
  height: 16px;
  border-radius: 10px;
  position: absolute;
  top: 10px;
  right: 0;
  padding: 2px 3px;
}

.equipment:not(:first-child) {
  margin-top: 10px;
}

.equipment_item:not(:first-child) {
  margin-top: 20px;
}

.equipment_desc:not(:first-child) {
  margin-top: 10px;
}

.equipment_list {
  list-style: none;
  padding-left: 0;
}

.equipment_list_item:not(:first-child) {
  margin-top: 20px;
}

.equipment_download {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.equipment_download > span {
  font-size: 1rem;
  margin-left: 10px;
}

.tab {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0;
}

.tab.tab--high {
  margin-top: 30px;
}

.tab.tab--colored .tab_item:not(:first-child) {
  margin-left: 50px;
}

.tab.tab--colored .tab_link {
  color: #42444e;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0 3px 5px;
}

.tab.tab--colored .tab_link:after {
  height: 3px;
}

.tab.tab--colored .tab_link.is-active {
  color: #f7b500;
}

.tab_item:not(:first-child) {
  margin-left: 10px;
}

.tab_link {
  color: #a3a6ad;
  font-size: 1.5rem;
  font-weight: 500;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 0 10px 10px;
  position: relative;
}

.tab_link:after {
  content: '';
  display: block;
  background: linear-gradient(-45deg, #FFCDA5 0%, #FAE24B 100%);
  width: 100%;
  height: 5px;
  border-radius: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
}

.tab_link.is-active {
  color: #42444e;
}

.tab_link.is-active:after {
  margin-top: 5px;
  opacity: 1;
}

.tab-sort {
  margin-top: 20px;
}

.tab-sort .tab_link {
  color: #42444e;
  font-size: 1.4rem;
  font-weight: 400;
  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: 0;
  padding: 0 5px 5px;
}

.tab-sort .tab_link span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.tab-sort .tab_link [class^="ic-"] {
  margin-right: 3px;
}

.tab-sort .tab_link:after {
  height: 2px;
  border-radius: 5px;
  opacity: 0;
}

.tab-sort .tab_link.is-active {
  background: none;
}

.tab-sort .tab_link.is-active:after {
  opacity: 1;
}

.tab_label {
  position: relative;
  cursor: pointer;
}

.tab_label > input {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.tab_label > input:checked + span:after {
  opacity: 1;
}

.tab-filter {
  display: none;
}

.tab-filter.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px;
}

.tab-filter input:checked + .tab_link {
  color: #42444e;
}

.filter-sub + .list-masonry {
  margin-top: 0;
}

.tab-content:not(:first-child) {
  margin-top: 20px;
}

.tab-content.tab-content--low:not(:first-child) {
  margin-top: 10px;
}

.tab-content_item {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

.tab-content_item.is-active {
  visibility: visible;
  height: auto;
  overflow: visible;
}

.slider {
  background: #FFF;
  padding-bottom: 20px;
}

.slider.slider--article {
  padding-bottom: 0;
}

.slider_link {
  color: inherit;
  display: block;
  text-decoration: none;
  position: relative;
}

.slider_caption {
  color: #FFF;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  width: 100%;
  padding: 6px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
}

.slider_pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}

.slider_pagination li {
  font-size: 0;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.slider_pagination li.slick-active {
  background: #e6e6e6;
}

.slider_pagination li.is-small, .slider_pagination li.is-small-prev {
  -webkit-transform: scale(0.625);
          transform: scale(0.625);
}

.slider_pagination li.is-small.slick-active, .slider_pagination li.is-small-prev.slick-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.slider_pagination_wrapper {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.slider_pagination_wrapper .slider_pagination {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: -2px;
  margin-right: -2px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.slider_pagination_wrapper .slider_pagination li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.slider_counter {
  background: #e6e6e6;
  border-radius: 2.26667vw;
  display: inline-block;
  padding: 3px 0;
  font-size: 1.1rem;
  line-height: 1;
  position: absolute;
  bottom: 20px;
  right: 10px;
  min-width: 12.8vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.slider.slider--carousel {
  padding-bottom: 0;
}

.slider.slider--carousel .slick-slide {
  margin: 0 5px;
}

.slider.slider--carousel .slider_link {
  border-radius: 5px;
  overflow: hidden;
}

.slider.slider--carousel .slider_caption {
  border-radius: 0 0 5px 5px;
  font-size: 1.5rem;
  padding: 10px 15px;
}

.slider.slider--carousel .slider_caption span {
  font-size: 1.3rem;
}

.navbar {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1002;
}

.navbar_menu {
  background: #FFF;
  list-style: none;
  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;
  padding: 6px 10px;
  border-top: 1px solid #f5f5f5;
}

.navbar_menu_item {
  width: 25%;
  position: relative;
}

.l-wrapper--top .navbar_menu_item:nth-child(1) .navbar_menu_ic:after {
  content: '';
}

.l-wrapper--circle .navbar_menu_item:nth-child(2) .navbar_menu_ic:after {
  content: '';
}

.l-wrapper--photos .navbar_menu_item:nth-child(4) .navbar_menu_ic:after {
  content: '';
}

.l-wrapper--bbs .navbar_menu_item:nth-child(5) .navbar_menu_ic:after {
  content: '';
}

.navbar_menu_btn {
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  width: 100%;
  height: 38px;
}

.navbar_menu_btn.is-disabled {
  color: #e6e6e6;
  pointer-events: none;
}

.navbar_menu_btn.is-active .navbar_menu_ic:after {
  content: '';
}

.navbar_menu_ic {
  font-size: 2.4rem;
  position: relative;
}

.navbar_menu_ic:before {
  position: relative;
  z-index: 1;
}

.navbar_menu_ic:after {
  background: linear-gradient(-45deg, #FFCDA5 0%, #FAE24B 100%);
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  right: 3px;
}

.navbar_menu_ic.navbar_menu_ic--add {
  font-size: inherit;
  line-height: 1;
  width: 38px;
  height: 38px;
}

.navbar_menu_ic.navbar_menu_ic--add:after {
  content: none;
}

.navbar_menu_ic.ic-group:after {
  top: 10px;
  right: 0;
}

.navbar_menu_text {
  font-size: 1.1rem;
  display: block;
  text-align: center;
  margin-top: 3px;
}

.navbar_menu_popover {
  background: linear-gradient(-45deg, #FFCDA5 0%, #FAE24B 100%);
  display: none;
  width: 120px;
  padding: 0 15px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: -30%;
  bottom: calc(100% + 6px + 14px);
}

.navbar_menu_popover:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: 0 auto;
  border: 6px solid transparent;
  border-top: 8px solid #FFCDA5;
  border-bottom: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
}

.navbar_menu_popover.is-active {
  display: block;
}

.navbar_popover {
  list-style: none;
  padding-left: 0;
}

.navbar_popover_item:not(:first-child) {
  border-top: 1px solid #FFF;
}

.navbar_popover_link {
  color: #42444e;
  font-size: 1.5rem;
  font-weight: 500;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 10px;
}

.navbar_ec {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
}

.navbar_ec_item {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.navbar_ec_item:not(:first-child) {
  border-left: 1px solid #FFF;
}

.navbar_ec_link {
  color: #FFF;
  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;
  text-decoration: none;
  padding: 12px 5px;
}

.navbar_ec_link.navbar_ec_link--tmall {
  background: #FF002B;
}

.navbar_ec_link.navbar_ec_link--jd {
  background: #F43414;
}

.navbar_ec_ic {
  width: 22px;
  margin-right: 10px;
}

.navbar_ec_text {
  font-size: 1.8rem;
}

.opt_release {
  visibility: hidden;
  opacity: 0;
  list-style: none;
  position: absolute;
  width: 100px;
  text-align: center;
  background: linear-gradient(135deg, #fae24b 0%, #ffcda5 100%);
  border-radius: 15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: calc(100% + 12px);
  padding: 10px 15px;
  font-size: 16px;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.opt_release:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: -8px;
  border-top: 8px solid #FFCDA5;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
}

.opt_release li {
  list-style: none;
  border-bottom: 1px solid #fff;
}

.opt_release li:last-child {
  border-bottom: none;
}

.opt_release a {
  display: block;
  text-decoration: none;
  padding: 7px 0;
  color: #42444E;
}

.opt_release.active {
  opacity: 1;
  visibility: inherit;
}

.postnavbar {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1002;
  border-top: 1px solid #f5f5f5;
}

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

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

.postnavbar_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.postnavbar_menu {
  width: calc(100% / 5 * 4);
  background: #FFF;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0;
}

.postnavbar_menu_item {
  width: 25%;
  position: relative;
}

.l-wrapper--top .postnavbar_menu_item:nth-child(1) .postnavbar_menu_ic:after {
  content: '';
}

.l-wrapper--circle .postnavbar_menu_item:nth-child(2) .postnavbar_menu_ic:after {
  content: '';
}

.l-wrapper--photos .postnavbar_menu_item:nth-child(4) .postnavbar_menu_ic:after {
  content: '';
}

.l-wrapper--learning .postnavbar_menu_item:nth-child(5) .postnavbar_menu_ic:after {
  content: '';
}

.postnavbar_menu_submit {
  width: calc(100% / 5);
  background: #FFF;
  margin-top: 0;
  padding: 6px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.postnavbar_menu_btn {
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  width: 100%;
  height: 38px;
  font-size: 2.4rem;
}

.postnavbar_menu_btn.is-disabled {
  color: #e6e6e6;
  pointer-events: none;
}

.postnavbar_menu_btn.is-active .postnavbar_menu_text {
  background: linear-gradient(-45deg, #FFCDA5 0%, #FAE24B 100%);
  border: none;
  color: #42444e;
}

.postnavbar_menu_text {
  color: #a3a6ad;
  padding: 5px 14px;
  display: block;
  font-size: 1.1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border: 1px solid #a3a6ad;
  border-radius: 24px;
  border: 1px solid #a3a6ad;
}

.product_pic {
  background: #FFF;
  padding: 0 15px 20px;
}

.product_detail {
  color: #a3a6ad;
  font-size: 1.1rem;
  display: table;
  width: 100%;
}

.product_detail:not(:first-child) {
  margin-top: 10px;
}

.product_detail_dl {
  display: table-row;
}

.product_detail_dl:not(:first-child) > * {
  padding-top: 10px;
}

.product_detail_dl > dt,
.product_detail_dl > dd {
  display: table-cell;
}

.product_detail_dl > dt {
  white-space: nowrap;
  padding-right: .5rem;
}

.product_detail_dl > dd {
  width: 100%;
}

.product_section > *:not(:first-child) {
  margin-top: 15px;
}

.bind {
  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: 0 -5px;
}

.bind_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.bind_item > span:not(:first-child) {
  margin-top: 10px;
}

.bind_logo {
  font-size: 5rem;
  width: 50px;
}

.bind_ic {
  color: #a3a6ad;
  font-size: 2.4rem;
  margin: -22px 10px 0;
}

.filter {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-bottom: -5px;
  padding-left: 0;
}

.filter_content {
  width: 100%;
}

.filter_item {
  margin-left: 10px;
  margin-bottom: 5px;
}

.filter_item input[type="checkbox"] {
  display: none;
}

.filter_item input[type="checkbox"]:checked ~ span {
  color: #42444e;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  border-color: transparent;
}

.filter_item span {
  color: #a3a6ad;
  padding: 4px 18px;
  display: block;
  font-size: 1.4rem;
  cursor: pointer;
  border: 1px solid #a3a6ad;
  border-radius: 24px;
  border: 1px solid #a3a6ad;
}

.filter_link {
  color: #42444e;
  font-size: 1.1rem;
  display: block;
  text-align: center;
  text-decoration: none;
  background: #f5f5f5;
  padding: 5px 14px 4px;
  border-radius: 30px;
}

.filter-product {
  background: #fff;
  padding-left: 15px;
  padding-bottom: 24px;
  overflow: hidden;
}

.filter-product_list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  overflow-x: auto;
}

.filter-product_item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 65px;
}

.filter-product_item > label {
  display: block;
  text-align: center;
  padding: 3px 0;
  cursor: pointer;
}

.filter-product_item input[type="radio"] {
  display: none;
}

.filter-product_item input[type="radio"]:checked ~ .filter-product_ic:after {
  content: "";
}

.filter-product_ic {
  font-size: 2.4rem;
  position: relative;
}

.filter-product_ic:before {
  position: relative;
  z-index: 1;
}

.filter-product_ic:after {
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  right: 2px;
}

.filter-product_text {
  font-size: 1.1rem;
  display: block;
  margin-top: 5px;
  position: relative;
}

.filter-gradient {
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
}

.filter-gradient_list {
  list-style: none;
  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;
  padding-left: 0;
}

.filter-gradient_item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 10px;
}

.filter-gradient_item:not(:first-child) {
  padding-left: 12px;
}

.filter-gradient_item > label {
  display: block;
  text-align: center;
  cursor: pointer;
}

.filter-gradient_item input[type="radio"] {
  display: none;
}

.filter-gradient_item input[type="radio"]:checked + .filter-gradient_text {
  color: #42444e;
}

.filter-gradient_item input[type="radio"]:checked + .filter-gradient_text:before {
  content: "";
}

.filter-gradient_text {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  display: block;
  text-align: center;
  padding: 20px 8px;
  position: relative;
}

.filter-gradient_text:before {
  background: #0a0203;
  display: block;
  width: 1.8em;
  height: 4px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}

.filter-product_ic-add,
.filter-product_ic-add > img {
  display: block;
  margin: 0 auto;
  width: 4.8rem;
  height: 4.8rem;
}

.product_item_add a {
  text-decoration: none;
  color: #42444e;
}

.product_item_add a span {
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.banner {
  color: inherit;
  background: linear-gradient(-45deg, #FFEFE2 0%, #FFF7C4 100%);
  display: block;
  text-decoration: none;
  border-radius: 5px;
}

.banner_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding: 28px 25px 20px;
}

.banner_pic {
  max-width: 159px;
  width: 53.9%;
}

.banner_body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 20px;
}

.banner_body > *:not(:first-child) {
  margin-top: 5px;
}

.banner_title {
  color: #252831;
  font-size: 2.7rem;
  font-weight: 500;
}

.banner_text {
  font-size: 1.2rem;
}

.flatpickr-calendar {
  font-size: 1.3rem;
  padding: 30px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 12px;
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
  content: none;
}

.flatpickr-months {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.flatpickr-months .flatpickr-month {
  height: auto;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  color: #444;
  font-size: 1.2rem;
  line-height: 1;
  width: 12px;
  height: 12px;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: static;
}

.flatpickr-months .flatpickr-prev-month > svg, .flatpickr-months .flatpickr-next-month > svg {
  width: 100%;
}

.flatpickr-months .flatpickr-prev-month {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.flatpickr-current-month {
  font-size: inherit;
  width: auto;
  height: auto;
  padding-top: 0;
  position: static;
  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;
}

.flatpickr-current-month select {
  font-size: 1.5rem;
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  margin: 0;
}

.flatpickr-current-month span.cur-month {
  margin-left: 0;
  margin-right: 10px;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  margin: 0;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  font-size: 1.5rem;
  font-family: "PingFang SC", sans-serif;
  font-weight: 600;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.flatpickr-current-month input.cur-year {
  width: 2.5em;
}

.flatpickr-current-month input.cur-year::-webkit-outer-spin-button, .flatpickr-current-month input.cur-year::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

.flatpickr-current-month .numInputWrapper {
  display: none;
}

.flatpickr-current-month .flatpickr-year-select {
  margin-right: 5px;
}

.flatpickr-innerContainer {
  margin-top: 12px;
}

.flatpickr-weekdays {
  height: auto;
}

span.flatpickr-weekday {
  color: #a3a6ad;
  font-size: 1.2rem;
  font-weight: 400;
}

.flatpickr-days {
  width: 100%;
  margin-top: 10px;
}

.flatpickr-day.selected {
  color: #42444e;
  background: #fd0;
  border-color: #fd0;
}

.flatpickr-day.selected:hover {
  background: #fd0;
  border-color: #fd0;
}

.flatpickr-day {
  line-height: 32px;
  max-width: 32px;
  height: 32px;
}

.flatpickr-day--high {
  margin-bottom: 10px;
}

.flatpickr-day.holiday {
  pointer-events: none;
  color: #A4A7AD;
}

.flatpickr-day.holiday .ic-holiday {
  position: absolute;
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.dayContainer {
  min-width: inherit;
  max-width: inherit;
  width: 100%;
}

.flatpickr-rContainer {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.inline-calendar .flatpickr-calendar {
  background: none;
  margin: 0 auto;
  padding: 20px;
}

.inline-calendar .flatpickr-current-month select {
  background: none;
}

.inline-calendar .flatpickr-day {
  border-radius: 0;
  max-width: unset;
  height: 40px;
  position: relative;
  font-size: 1.1rem;
  line-height: 1;
  padding-top: 7px;
}

.inline-calendar .flatpickr-day.today {
  border-color: transparent;
}

.inline-calendar .flatpickr-day.selected {
  background: linear-gradient(-45deg, rgba(255, 205, 165, 0.2) 0%, rgba(250, 226, 75, 0.2) 100%);
  color: #42444e;
  border-color: transparent;
}

.inline-calendar .flatpickr-day.disabled {
  pointer-events: none;
}

.inline-calendar .flatpickr-day.past {
  color: rgba(57, 57, 57, 0.3);
}

.inline-calendar .flatpickr-day .icons {
  width: 100%;
  height: 11px;
  font-size: 1.1rem;
  position: absolute;
  bottom: 5px;
  left: 0;
  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;
  color: #f7b500;
}

.photo {
  padding-bottom: 25px;
}

.photo.photo--post .photo_pic {
  display: block;
  max-height: inherit;
}

.photo.photo--post .photo_pic > a {
  display: block;
}

.photo.photo--post .photo_pic img {
  max-height: inherit;
}

.photo_inner {
  padding: 20px 15px;
}

.photo_header {
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 15px 0;
}

.photo_header_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.photo_header_title .list-masonry_grade {
  margin-right: 0;
}

.photo_header_title .list-masonry_user-portrait {
  width: 45px;
  margin-right: 5px;
}

.photo_header_title .list-masonry_honor {
  text-decoration: none;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 1.5rem;
}

.photo_header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #333;
}

.photo_header-left .list-masonry_user-word {
  margin-bottom: 5px;
}

.photo_header_menu {
  margin-left: 15px;
}

.photo_main {
  padding: 15px;
}

.photo_pic {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  vertical-align: bottom;
  max-height: 400px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}

.photo_pic > img {
  max-height: 400px;
  width: 100%;
}

.photo_pic_label {
  position: absolute;
  top: 15px;
  left: 0;
}

.photo_pic_zoom {
  color: #fff;
  font-size: 1.7rem;
  line-height: 1;
  text-decoration: none;
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
  padding: 8px;
  border-radius: 100%;
}

.photo_pic_zoom > span {
  display: block;
}

.photo_pic_report {
  position: absolute;
  right: 10px;
  top: 10px;
}

.photo_pic_report > span {
  display: block;
}

.photo_category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  list-style: none;
  font-size: 1.1rem;
  margin-left: -10px;
  position: relative;
}

.photo_category:not(:first-child) {
  margin-top: 10px;
}

.photo_category > li {
  margin-left: 10px;
}

.photo_action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -4px;
}

.photo_action:not(:first-child) {
  margin-top: 10px;
}

.photo_action > * {
  margin-left: 4px;
}

.photo_viewers {
  font-size: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.photo_viewers:not(:first-child) {
  margin-top: 10px;
}

.photo_viewers > *:not(:first-child) {
  margin-left: 15px;
}

.photo_wrapper {
  padding: 0 15px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.photo_wrapper:not(:first-child) {
  margin-top: 20px;
}

.photo_wrapper .photo_body {
  margin-top: 0;
  padding-bottom: 20px;
  background: none;
}

.photo_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 0;
  cursor: pointer;
}

.photo_btn .ic-chevron-down {
  display: inline-block;
  font-size: 1.8rem;
  margin-left: 1rem;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.photo_btn.on .ic-chevron-down {
  -webkit-transform: rotateZ(-180deg) !important;
          transform: rotateZ(-180deg) !important;
}

.photo_body {
  padding: 15px;
}

.photo_trash {
  font-size: 2.4rem;
  line-height: 1;
  position: absolute;
  top: 10px;
  right: 0;
}

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

.photo_meta:not(:first-child) {
  margin-top: 20px;
}

.photo_meta_ic {
  font-size: 2.4rem;
  line-height: 1;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-right: 15px;
}

.photo_meta_body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.photo_meta_list {
  line-height: 1.35;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -8px;
  margin-bottom: -5px;
  padding-left: 0;
}

.photo_meta_list > li {
  display: inline-block;
  margin-bottom: 5px;
  margin-left: 8px;
  padding-right: 9px;
  border-right: 1px solid #42444e;
}

.photo_post {
  padding: 20px 15px 15px;
}

.photo_post .photo_header {
  background: none;
  padding: 0;
}

.photo_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.photo_info:not(:first-child) {
  margin-top: 15px;
}

.photo_info_menu {
  margin-left: 10px;
}

.photo_content:not(:first-child) {
  margin-top: 10px;
}

.photo_content > *:not(:first-child) {
  margin-top: 10px;
}

.photo_content.photo_pic {
  position: relative;
}

.photo_content.photo_pic .photo_pic_meta {
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  width: 100%;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  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;
  border-radius: 0 0 4px 4px;
}

.photo_content.photo_pic .photo_pic_meta p {
  margin-top: 0;
}

.photo_content.photo_pic .photo_pic_meta p:not(:first-child) {
  margin-top: 2px;
}

.photo_content.photo_pic .photo_pic_meta .photo_pic_title {
  font-size: 1.5rem;
}

.photo_content.photo_pic .photo_pic_meta .photo_pic_meta-right {
  font-size: 1.2rem;
}

.photo_content.photo_pic ~ .photo_footer {
  border-top: 0;
  margin-top: 0;
}

.photo_footer {
  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;
  padding-top: 10px;
  border-top: 1px solid #e6e6e6;
}

.photo_footer:not(:first-child) {
  margin-top: 20px;
}

.photo_footer.photo_footer--noborder {
  padding-top: 0;
  border-top: none;
}

.photo_footer.photo_footer--noborder:not(:first-child) {
  margin-top: 10px;
}

.photo_comment:not(:first-child) {
  margin-top: 20px;
}

.photo_comment {
  padding: 0 0 20px;
}

.photo_comment_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;
  padding: 0 15px 10px;
  border-bottom: 1px solid #e6e6e6;
}

.photo_comment_header_menu {
  margin-left: 10px;
}

.photo_comment_sort {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
}

.photo_comment_sort > li:not(:first-child) {
  margin-left: 15px;
}

.photo_comment_sort_btn {
  font-weight: 500;
  position: relative;
}

.photo_comment_sort_btn > input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.photo_comment_sort_btn > input:checked + span {
  color: #a3a6ad;
}

.photo_comment_list:not(:first-child) {
  margin-top: 10px;
}

.photo_form {
  background: #fff;
  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;
  width: 100%;
  padding: 12px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 -1px 10px 0 #e6e6e6;
          box-shadow: 0 -1px 10px 0 #e6e6e6;
  position: fixed;
  left: 0;
  bottom: 0;
}

.photo_form_avatar {
  width: 32px;
}

.photo_chart {
  padding: 10px 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.photo_contest {
  padding: 30px 15px;
}

.photo_contest_btn {
  margin: 15px 0 20px;
  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;
}

.photo_contest_btn_add {
  margin-top: 30px;
}

.photo_contest_description {
  border: 1px solid #979797;
  border-radius: 5px;
  margin-top: 30px;
  padding: 15px 25px;
}

.photo_contest_description dt {
  font-size: 1.5rem;
  font-weight: 700;
}

.photo_contest_description dt:not(:first-child) {
  margin-top: 15px;
}

.photo_contest_description dd {
  margin: 12px 0 0 15px;
}

.photo_contest_description dd ol {
  margin-left: 1em;
}

.photo_contest_description dd span {
  color: #f7b500;
}

.photo_contest_results_message {
  text-align: center;
  font-size: 1.7rem;
  font-weight: 700;
  margin: 25px 0 0;
}

.no-link {
  cursor: auto;
}

.no-link:hover {
  opacity: 1 !important;
}

.hamburger .menu-state {
  display: none;
}

.hamburger .menu-state:checked ~ .hamburger_btn .hamburger_btn_line:first-child {
  -webkit-transform: translate(-50%, 7px) rotate(45deg);
          transform: translate(-50%, 7px) rotate(45deg);
}

.hamburger .menu-state:checked ~ .hamburger_btn .hamburger_btn_line:nth-child(2) {
  opacity: 0;
}

.hamburger .menu-state:checked ~ .hamburger_btn .hamburger_btn_line:nth-child(3) {
  -webkit-transform: translate(-50%, -7px) rotate(-45deg);
          transform: translate(-50%, -7px) rotate(-45deg);
}

.hamburger .menu-state:checked ~ .hamburger_menu {
  visibility: visible;
  max-height: inherit;
  -webkit-transform: translate(0);
          transform: translate(0);
  opacity: 1;
  z-index: 1004;
}

.hamburger .hamburger_btn {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}

.hamburger .hamburger_btn .hamburger_btn_line {
  position: absolute;
  left: 50%;
  display: block;
  width: 24px;
  height: 2px;
  border-radius: 2px;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #42444e;
}

.hamburger .hamburger_btn .hamburger_btn_line:nth-child(1) {
  top: 14px;
}

.hamburger .hamburger_btn .hamburger_btn_line:nth-child(2) {
  top: 21px;
}

.hamburger .hamburger_btn .hamburger_btn_line:nth-child(3) {
  top: 28px;
}

.hamburger .hamburger_menu {
  visibility: hidden;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: .4s ease-out;
  transition: .4s ease-out;
}

.hamburger_menu_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 35px 45px 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
}

.hamburger_menu_header {
  position: relative;
}

.hamburger_menu_logo {
  display: block;
  width: 64px;
}

.hamburger_menu_close {
  font-size: 2.4rem;
  position: absolute;
  top: 0;
  right: 0;
}

.hamburger_menu_body {
  margin-top: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.hamburger_menu_footer {
  text-align: right;
  margin-top: 30px;
  padding-right: 6px;
}

.hamburger_menu_footer > * {
  display: inline-block;
  width: 36px;
}

.hamburger_menu_footer > *:not(:first-child) {
  margin-left: 25px;
}

.hamburger_nav {
  list-style: none;
  margin-top: 0;
  padding-left: 0;
}

.hamburger_accordion {
  padding-left: 20px;
}

.hamburger_nav_link,
.hamburger_nav_btn {
  color: inherit;
  font-size: 1.7rem;
  display: block;
  padding: 20px 0;
  text-decoration: none;
  border-bottom: 1px solid #42444e;
  position: relative;
}

.hamburger_nav_link > span,
.hamburger_nav_btn > span {
  font-size: 1.6rem;
  height: 16px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.hamburger_nav_btn {
  width: 100%;
}

.hamburger_nav_btn.is-active > span {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.hamburger_nav_btn > span {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.article_header > *:not(:first-child) {
  margin-top: 10px;
}

.article_body:not(:first-child) {
  margin-top: 10px;
}

.article_body.article_body--high:not(:first-child) {
  margin-top: 40px;
}

.article_body > *:not(:first-child) {
  margin-top: 10px;
}

.article_footer:not(:first-child),
.article_related:not(:first-child) {
  margin-top: 40px;
}

.article_footer > *:not(:first-child),
.article_related > *:not(:first-child) {
  margin-top: 10px;
}

.article_author {
  text-align: center;
}

.article_author > *:not(:first-child) {
  margin-top: 10px;
}

.member-list {
  background: #fff;
  border-radius: 10px;
  padding: 0 10px;
  list-style: none;
}

.member-list.member-list--border-b {
  border-bottom: 1px solid #e6e6e6;
}

.member-list.member-list--full {
  padding: 0;
}

.member-list_item {
  border-bottom: 1px solid #e6e6e6;
  padding: 15px 2.5px 15px 5px;
}

.member-list_item:last-child {
  border-bottom: 0;
}

.member-list_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.member-list_action {
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.member-list_action a {
  text-decoration: none;
  color: #42444e;
  padding: 4px 14px;
  font-size: 1.1rem;
  font-weight: 400;
}

.member-list_action .btn:not(:first-child) {
  margin-left: 5px;
}

.member-list_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.member-list_pic {
  width: 60px;
  border-radius: 30px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.member-list_body {
  margin-left: 25px;
  width: 100%;
}

.member-list_name {
  font-size: 1.3rem;
}

.member-list_name a {
  text-decoration: none;
  color: #42444e;
}

.member-list_text {
  color: #a3a6ad;
  font-size: 1.1rem;
  margin-top: 3.5px;
}

.member-list_label {
  display: inline-block;
  margin-top: 3.5px;
  min-width: calc(95px / 2);
  font-size: 1rem;
  background: rgba(255, 221, 0, 0.1);
  text-align: center;
  color: #f7b500;
  line-height: 1;
  padding: 2px 0;
}

.member-list_label.is-applying {
  background: rgba(250, 112, 106, 0.1);
  color: #fa5a53;
}

.member-list .more-action {
  padding: 10px;
  text-align: center;
  cursor: pointer;
}

.member-list .more-action .class-icon {
  margin-right: 5px;
}

.member-list .more-action.is-active {
  display: none;
}

.member-list.member-list-accordion {
  border-radius: 10px 10px 0 0;
}

.member-list.member-list-accordion ~ .member-list {
  margin-top: 0;
  display: none;
  border-radius: 0 0 10px 10px;
}

.member-list-manage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.choices-list {
  list-style: none;
}

.choices-list.choices-list--inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 6px;
  border-bottom: 1px solid #e6e6e6;
}

.choices-list.choices-list--inline .choices-list_item {
  padding: 0 8px;
  border-bottom: none;
}

.choices-list.choices-list--inline .choices-list_inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.choices-list.choices-list--inline .choices-list_select span {
  height: 20px;
  margin-bottom: 3px;
}

.choices-list_item {
  border-bottom: 1px solid #e6e6e6;
  padding: 12.5px 20px;
}

.choices-list_item.no-pdt {
  padding-top: 0;
}

.choices-list_label {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.choices-list_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.choices-list_input {
  display: none;
}

.choices-list_input:checked ~ .choices-list_inner .choices-list_text {
  color: #42444e;
}

.choices-list_input:checked ~ .choices-list_inner .choices-list_select span:before {
  border-color: #42444e;
  background: #FD0;
}

.choices-list_input:checked ~ .choices-list_inner .choices-list_select span:after {
  opacity: 1;
}

.choices-list_input:checked ~ .choices-list_inner .choices-list_select--checkbox-base span:before {
  background: #fd0;
}

.choices-list_select {
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.choices-list_select span {
  width: 20px;
  height: 100%;
  position: relative;
  display: block;
}

.choices-list_select span:after {
  opacity: 0;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
}

.choices-list_select.choices-list_select--radio span:before, .choices-list_select.choices-list_select--radio span:after, .choices-list_select.choices-list_select--radio-base span:before, .choices-list_select.choices-list_select--radio-base span:after {
  content: '';
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.choices-list_select.choices-list_select--radio span:before, .choices-list_select.choices-list_select--radio-base span:before {
  width: 100%;
  height: 20px;
  border: 2px solid #a3a6ad;
}

.choices-list_select.choices-list_select--radio span:after, .choices-list_select.choices-list_select--radio-base span:after {
  width: 10px;
  height: 10px;
  background: #42444E;
}

.choices-list_select.choices-list_select--radio-base span:before {
  border-color: #A3A6AD;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.choices-list_select.choices-list_select--checkbox span, .choices-list_select.choices-list_select--checkbox-base span {
  font-family: 'iconfont' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  vertical-align: bottom;
  text-transform: none;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.choices-list_select.choices-list_select--checkbox span:after, .choices-list_select.choices-list_select--checkbox-base span:after {
  content: "";
  font-size: 1.8rem;
  color: #fd0;
}

.choices-list_select.choices-list_select--checkbox-base span:before, .choices-list_select.choices-list_select--checkbox-base span:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.choices-list_select.choices-list_select--checkbox-base span:before {
  width: 100%;
  height: 20px;
  border: 2px solid #A3A6AD;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.choices-list_select.choices-list_select--checkbox-base span:after {
  content: "";
  font-size: 1rem;
  color: #42444e;
}

.choices-list .choices-list_text {
  color: #a3a6ad;
  font-size: 1.7rem;
}

.choices-list .choices-list_text.choices-list_text--base {
  color: #42444e;
}

.choices-list .member-list_inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.choices-list .member-list_pic {
  width: 40px;
}

.choices-list .member-list_body {
  margin-left: 10px;
}

.choices-list .member-list_name {
  font-size: 1.3rem;
}

.choices-list .member-list_text {
  font-size: 1.1rem;
}

.choices-list .member-list_label {
  font-size: 1rem;
  padding: 2px 0;
  min-width: calc(95px / 2);
  height: auto;
}

.choices-list_media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.choices-list_media_pic {
  font-size: 3rem;
  margin-right: 15px;
}

.modal_content .choices-list_item {
  padding-left: 5px;
  padding-right: 5px;
}

.modal_content .choices-list_item:last-child {
  border-bottom: 0;
}

.circle-nav {
  overflow: hidden;
}

.circle-nav.circle-nav--event .circle-nav_item {
  width: 142.5px;
}

.circle-nav.circle-nav--event .circle-nav_weak {
  text-align: left;
}

.circle-nav_list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  overflow: hidden;
  overflow-x: auto;
}

.circle-nav_item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 94px;
}

.circle-nav_item:not(:first-child) {
  margin-left: 10px;
}

.circle-nav_link {
  color: inherit;
  display: block;
  text-decoration: none;
}

.circle-nav_pic {
  display: block;
}

.circle-nav_text {
  color: #252831;
  font-weight: 600;
  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;
  overflow: hidden;
}

.circle-nav_text:not(:first-child) {
  margin-top: 2px;
}

.circle-nav_ic {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin-right: 2px;
}

.circle-nav_weak {
  font-size: 1.2rem;
  display: block;
  text-align: center;
}

.circle-nav_weak:not(:first-child) {
  margin-top: 2px;
}

.circle-nav_datetime {
  font-size: 1.2rem;
  display: block;
}

.circle-nav_datetime:not(:first-child) {
  margin-top: 2px;
}

.circle-nav_level.list-grade {
  margin-top: 5px;
}

.circle-list {
  list-style: none;
  padding-left: 0;
}

.circle-list.circle-list--mine:not(:first-child) {
  margin-top: 30px;
}

.circle-list.circle-list--mine .circle-list_item:not(:first-child) {
  margin-top: 15px;
}

.circle-list.circle-list--mine .circle-list_link {
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}

.circle-list.circle-list--pc-col2 .circle-list_item:not(:first-child) {
  margin-top: 15px;
}

.circle-list.circle-list--activity .circle-list_item:nth-child(even) .circle-list_inner {
  margin-left: auto;
}

.circle-list.circle-list--event .circle-list_title {
  width: 100%;
}

.circle-list--border {
  margin-top: 0;
}

.circle-list--border .circle-list_item {
  border-bottom: 1px solid #e6e6e6;
  padding: 15px 0;
  margin-top: 0;
}

.circle-list--border .circle-list_item:not(:first-child) {
  margin-top: 0;
}

.circle-list_item {
  position: relative;
}

.circle-list_item:not(:first-child) {
  margin-top: 30px;
}

.circle-list_link {
  color: inherit;
  text-decoration: none;
  display: block;
}

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

.circle-list_media_pic {
  width: 113px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
}

.circle-list_media_pic_2 {
  width: 90px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
}

.circle-list_media_body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  overflow: hidden;
}

.circle-list_title {
  font-size: 1.5rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 70px);
  overflow: hidden;
}

.circle-list_ic {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 5px;
}

.circle-list_numbers {
  font-size: 1.2rem;
}

.circle-list_numbers:not(:first-child) {
  margin-top: 8px;
}

.circle-list_datetime {
  font-size: 1.2rem;
}

.circle-list_datetime:not(:first-child) {
  margin-top: 5px;
}

.circle-list_entries {
  font-size: 1.2rem;
}

.circle-list_entries:not(:first-child) {
  margin-top: 5px;
}

.circle-list_level.list-grade {
  margin-top: 5px;
}

.circle-list_desc:not(:first-child) {
  margin-top: 10px;
}

.circle-list_join {
  position: absolute;
  top: 0;
  right: 0;
}

.circle-list_posts {
  background: #f5f5f5;
  list-style: none;
  padding: 15px 10px;
  border-radius: 5px;
}

.circle-list_posts:not(:first-child) {
  margin-top: 10px;
}

.circle-list_posts_item:not(:first-child) {
  margin-top: 10px;
}

.circle-list_posts_link {
  color: inherit;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.circle-list_posts_sticker {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 5px;
}

.circle-list_posts_text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.circle-list_posts_time {
  font-size: 1.2rem;
  margin-left: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.circle-mv_pic {
  position: relative;
}

.circle-mv_pic > span {
  display: block;
}

.circle-mv_backdrop {
  color: #FFF;
  background: rgba(10, 2, 3, 0.7);
  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;
  width: 100%;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
}

.circle-mv_title {
  font-size: 1.8rem;
  font-weight: 500;
}

.circle-mv_menu {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 15px;
}

.circle-mv_desc {
  color: #fff;
  background: rgba(10, 2, 3, 0.7);
  padding: 10px 15px 18px;
  border-radius: 0 0 5px 5px;
}

.circle-mv_desc:not(:last-child) {
  margin-bottom: 15px;
}

.circle-mv_member {
  margin-top: 0;
}

.circle-mv_text:not(:first-child) {
  margin-top: 10px;
}

.circle-create:not(:first-child) {
  margin-top: 0;
}

.circle--post {
  padding: 15px;
}

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

.comment_avatar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 32px;
  margin-right: 10px;
  border-radius: 50%;
}

.comment_body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: .2em;
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}

.comment_body .comment {
  margin-top: 20px;
}

.comment_body .comment_avatar {
  width: 24px;
  margin-right: 5px;
}

.comment_body .comment_body {
  padding-bottom: 0;
  border-bottom: none;
}

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

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

.comment_name > span {
  margin-left: 5px;
}

.comment_text:not(:first-child) {
  margin-top: 5px;
}

.comment_more:not(:first-child) {
  margin-top: 15px;
}

.comment_time {
  font-size: 1.1rem;
  margin-left: 5px;
}

.comment_action {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
  width: 54px;
}

.comment_like {
  font-size: 1.2rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.comment_like.is-active > span {
  color: #F7B500;
}

.comment_like > span {
  font-size: 1.6rem;
  margin-bottom: 3px;
}

.comment-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
}

.comment-form_avatar {
  width: 32px;
  height: 32px;
  margin-right: 14px;
  border-radius: 50%;
  overflow: hidden;
}

.comment-form_input {
  background: #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 10px;
  border-radius: 25px;
  position: relative;
}

.comment-form_input > input {
  font-size: 1.7rem;
  width: 100%;
  height: 100%;
  padding: 0 10px 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.comment-form_input > input:-moz-placeholder-shown {
  color: #a3a6ad;
}

.comment-form_input > input:-ms-input-placeholder {
  color: #a3a6ad;
}

.comment-form_input > input:placeholder-shown {
  color: #a3a6ad;
}

.comment-form_input > input::-webkit-input-placeholder {
  color: #a3a6ad;
}

.comment-form_input > input:-moz-placeholder {
  color: #a3a6ad;
  opacity: 1;
}

.comment-form_input > input::-moz-placeholder {
  color: #a3a6ad;
  opacity: 1;
}

.comment-form_input > input:-ms-input-placeholder {
  color: #a3a6ad;
}

.comment-form_action {
  width: 32px;
}

.comment-form_action > button {
  color: #42444e;
  font-size: 1.6rem;
  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;
  width: 100%;
  height: 100%;
}

.scrollnav {
  text-align: center;
  overflow-x: auto;
}

.scrollnav_list {
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: bottom;
  padding-left: 0;
}

.scrollnav_item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 82px;
}

.scrollnav_link {
  color: inherit;
  display: block;
  text-decoration: none;
}

.scrollnav_link.is-active {
  color: #f7b500;
}

.scrollnav_link.is-active .scrollnav_ic:after {
  content: "";
}

.scrollnav_ic {
  color: #42444e;
  font-size: 2.4rem;
  display: inline-block;
  position: relative;
}

.scrollnav_ic:before {
  position: relative;
  z-index: 1;
}

.scrollnav_ic:after {
  background: linear-gradient(-45deg, #FFDF2D 0%, #FFCE93 100%);
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  right: 3px;
  bottom: 3px;
}

.scrollnav_text {
  font-weight: 600;
  display: block;
  margin-top: 5px;
}

.gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -3px;
  margin-bottom: -3px;
}

.gallery:not(:first-child) {
  margin-top: 10px;
}

.gallery.gallery--multiple > *, .gallery.gallery--quad > * {
  width: 33.3333%;
}

.gallery.gallery--quad {
  width: calc(100% - 33.3333%);
}

.gallery.gallery--quad > * {
  width: 50%;
}

.gallery.gallery--multiple.max-nine > div:last-child a {
  position: relative;
}

.gallery.gallery--multiple.max-nine > div:last-child a:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  pointer-events: none;
}

.gallery.gallery--multiple.max-nine > div:last-child a:after {
  content: '﹢6';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  color: #fff;
  pointer-events: none;
}

.gallery_item {
  width: 100%;
  margin-bottom: 3px;
  padding-left: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.gallery_item a {
  color: #42444e;
  text-decoration: none;
  font-weight: 400 !important;
}

.gallery_pic {
  display: block;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}

.gallery_caption {
  font-weight: 600;
  display: block;
  text-align: center;
}

.gallery_caption:not(:first-child) {
  margin-top: 5px;
}

.chart_info {
  color: #a3a6ad;
  font-size: 1.2rem;
  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;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
}

.chart_info:not(:first-child) {
  margin-top: 10px;
}

.chart_note {
  color: #a3a6ad;
  font-size: 1.1rem;
}

.chart_note:not(:first-child) {
  margin-top: 10px;
}

.chart_note > * {
  margin-top: 0;
}

.chart_list {
  list-style: none;
  padding-left: 0;
}

.chart_list:not(:first-child) {
  margin-top: 15px;
}

.chart_list_item:not(:first-child) {
  margin-top: 10px;
}

.chart-horizontal-btn,
.chart-horizontal-result {
  color: #42444e;
  font-size: 1.7rem;
  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;
  text-decoration: none;
  padding: 10px 15px;
  border: 1px solid #42444e;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}

.chart-horizontal-btn > span,
.chart-horizontal-result > span {
  z-index: 1;
}

.chart-horizontal-result {
  display: block;
  border-color: #e6e6e6;
}

.chart-horizontal-result.chart-horizontal-result--first {
  border-color: #fd0;
}

.chart-horizontal-result.chart-horizontal-result--first .chart-horizontal-result_bar {
  background: #fd0;
}

.chart-horizontal-result_bar {
  background: #e6e6e6;
  display: block;
  border-radius: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.chart-horizontal-result_inner {
  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;
  position: relative;
  z-index: 1;
}

.chart-horizontal-result_inner > span:last-child {
  font-size: 1.2rem;
}

.event-status {
  margin-top: 40px;
}

.event-status_title {
  color: #252831;
  font-size: 1.7rem;
  font-weight: 500;
}

.event-status_item {
  border-bottom: 1px solid #e6e6e6;
  margin-top: 20px;
  padding-bottom: 5px;
  font-size: 1.5rem;
}

.event-status_item.event-status_item-count {
  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;
}

.event-status_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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.event-status_header .event-status_label,
.event-status_header .event-status_usages {
  margin-bottom: 5px;
}

.event-status_usages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  list-style: none;
  font-size: 1.1rem;
}

.event-status_usages .event-status_usage {
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.event-status_usages .event-status_usage:last-child {
  margin-right: 0;
}

.event-status_usages .event-status_usage:before {
  content: '';
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 16px;
  margin-right: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.event-status_usages .event-status_usage.event-status_usage-low:before {
  background-image: linear-gradient(135deg, #ecf8de 0%, #d9f7e3 100%);
}

.event-status_usages .event-status_usage.event-status_usage-mid:before {
  background-image: linear-gradient(135deg, #e5f9f7 0%, #dae7fb 100%);
}

.event-status_usages .event-status_usage.event-status_usage-high:before {
  background-image: linear-gradient(135deg, #eceeff 0%, #ede1fd 100%);
}

.event-status_bar {
  width: 100%;
  height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.event-status_bar span {
  display: block;
  height: 100%;
}

.event-status_bar span.event-status_bar-low {
  background-image: linear-gradient(135deg, #ecf8de 0%, #d9f7e3 100%);
}

.event-status_bar span.event-status_bar-mid {
  background-image: linear-gradient(135deg, #e5f9f7 0%, #dae7fb 100%);
}

.event-status_bar span.event-status_bar-high {
  background-image: linear-gradient(135deg, #eceeff 0%, #ede1fd 100%);
}

.event-status_label {
  color: #a3a6ad;
  font-weight: 700;
  margin: 0;
}

.event-status_value {
  color: #F7B500;
  margin: 0;
}

.event-status_text {
  color: #a3a6ad;
  margin-top: 10px;
  font-size: 1.3rem;
}

.contest-results_item {
  margin-top: 30px;
}

.contest-results_item-01 .contest-results_head {
  background-image: linear-gradient(-45deg, #FFCDA5 0%, #FAE24B 100%);
}

.contest-results_item-01 .contest-results_head span[class^="ic-"] {
  background-image: -webkit-gradient(linear, left top, right top, from(#FFDF2D), to(#FFCE93));
  background-image: linear-gradient(90deg, #FFDF2D 0%, #FFCE93 100%);
}

.contest-results_item-01 .contest-results_body {
  border-color: #FFDD00;
}

.contest-results_item-02 .contest-results_head {
  background-image: linear-gradient(135deg, #F1F1F1 0%, #E1EBFF 100%);
}

.contest-results_item-02 .contest-results_head span[class^="ic-"] {
  background-image: linear-gradient(135deg, #F1F1F1 0%, #E1EBFF 100%);
}

.contest-results_item-02 .contest-results_body {
  border-color: #E1EAFF;
}

.contest-results_item-03 .contest-results_head {
  background-image: linear-gradient(135deg, #FFF2F0 0%, #FDE6C8 100%);
}

.contest-results_item-03 .contest-results_head span[class^="ic-"] {
  background-image: linear-gradient(135deg, #FFF2F0 0%, #FDE6C8 100%);
}

.contest-results_item-03 .contest-results_body {
  border-color: #FEE7C8;
}

.contest-results_head {
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px 5px 0 0;
  padding: 6px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1;
  font-size: 1.5rem;
  font-weight: 700;
}

.contest-results_head span[class^="ic-"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  border: 2.5px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 14px;
  font-size: 1.3rem;
  margin-right: 10px;
}

.contest-results_body {
  border-left: 2px solid #FFDD00;
  border-bottom: 2px solid #FFDD00;
  border-right: 2px solid #FFDD00;
  border-radius: 0 0 5px 5px;
}

.contest-results_body_inner {
  padding: 15px;
}

.contest-results_info {
  border-bottom: 1px solid #979797;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 15px 5px;
  margin-top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.contest-results_info:first-child {
  padding-top: 0;
}

.contest-results_info:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.contest-results_info dt {
  width: 70px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 700;
  font-size: 1.7rem;
}

.contest-results_info .viewers-reaction:not(:first-child) {
  margin-top: 5px;
}

.contest-results_author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contest-results_author .img-avatar {
  width: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 5px;
}

.contest-results_author .author_desc span {
  display: block;
}

.contest-results_author .author_desc span.author_grade {
  font-size: 1.1rem;
}

.topics--post {
  padding: 15px;
}

.topics_head {
  border-bottom: solid 6px #e6e6e6;
  padding-bottom: 20px;
  margin: -15px -15px 20px;
  padding: 15px;
}

.topics_item:not(:first-child) {
  margin-top: 10px;
}

.emotion-list {
  display: none;
  height: 130px;
  overflow: hidden;
  overflow-y: scroll;
}

.emotion-list_list {
  list-style: none;
  width: 100%;
  background-color: #fff;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  padding: 20px 30px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.emotion-list_list li {
  list-style: none;
  text-align: center;
  overflow: hidden;
  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;
  width: calc((100% - 20px * 5) / 6);
  margin: 0 20px 20px 0;
}

.emotion-list_list li:nth-child(6n) {
  margin-right: 0;
}

.emotion-list_list li img {
  width: 36px;
  height: auto;
}

.emotion-list.active {
  height: 132px;
}

.point-status {
  color: #fff;
  background: #42444e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 5px;
  overflow: hidden;
}

.point-status.point-status--gradient {
  color: #42444e;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
}

.point-status_inner {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 13px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.point-status_user {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 13px 20px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

.point-status_user_pic {
  width: 57px;
  margin-right: 10px;
}

.point-status_user_body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.point-status_user_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.point-status_user_name > *:not(:first-child) {
  margin-left: 5px;
}

.point-status_user_lv {
  font-size: 1.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.point-status_user_lv:not(:first-child) {
  margin-top: 12px;
}

.point-status_lv {
  background: #e6e6e6;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.point-status_lv:not(:first-child) {
  margin-top: 10px;
}

.point-status_lv_bar {
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  display: block;
  height: 8px;
}

.point-status_quest {
  padding-bottom: 20px;
  position: relative;
}

.point-status_quest:not(:first-child) {
  margin-top: 20px;
}

.point-status_quest_point {
  font-size: 1.1rem;
  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;
  width: 68.852%;
  margin-left: 24.59%;
}

.point-status_quest_graph {
  margin: 5px 0;
}

.point-status_quest_achievement {
  color: #42444e;
  font-size: 1rem;
  line-height: 1;
  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;
  width: 74.098%;
  margin-top: 5px;
  margin-left: 21.967%;
  position: relative;
}

.point-status_quest_achievement > span {
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  padding: 4px 8px;
  border-radius: 30px;
  position: relative;
}

.point-status_quest_achievement > span:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border: 2px solid transparent;
  border-bottom: 4px solid #fdd581;
  border-top: none;
  position: absolute;
  left: 0;
  right: 0;
  top: -4px;
}

.point-status_quest_achievement > span > span {
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  border: 1px solid #42444e;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: -13px;
}

.point-status_record {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px 0;
}

.point-status_record_title {
  font-size: 1.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.point-status_record_title > span {
  font-size: 3.3rem;
  margin-right: 4px;
}

.point-status_record_title > img {
  width: 36px;
  margin-right: 4px;
}

.point-status_record_achievement > span {
  font-size: 2.7rem;
  line-height: 1;
  margin-left: 4px;
}

.point-status_action {
  background: rgba(0, 0, 0, 0.2);
  text-align: right;
  padding: 8px 20px;
}

.point-filter {
  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;
  padding: 11px 0;
}

.point-filter_sort {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 1px solid #e6e6e6;
}

.point-filter_sort_item {
  border-left: 1px solid #e6e6e6;
}

.point-filter_sort_btn {
  font-size: 1.2rem;
  padding: 0 15px;
  position: relative;
  cursor: pointer;
}

.point-filter_sort_btn > input {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.point-filter_sort_btn > input:checked + span {
  color: #f7b500;
}

.point-filter_filter {
  font-size: 1.2rem;
  position: relative;
}

.point-filter_filter_toggle {
  text-align: center;
  min-width: 80px;
  padding: 0 15px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.point-filter_filter_toggle.is-active {
  color: #f7b500;
}

.point-filter_filter_toggle > span {
  margin-left: 3px;
  vertical-align: middle;
}

.point-filter_filter_popover {
  display: none;
  background: #FFF;
  width: 100%;
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: calc(100% + 20px);
  z-index: 1;
}

.point-filter_filter_popover:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border: 4px solid transparent;
  border-bottom: 5px solid #FFF;
  border-top: none;
  position: absolute;
  left: 0;
  right: 0;
  top: -5px;
}

.point-filter_filter_popover.is-active {
  display: block;
}

.point-filter_filter_btn {
  display: block;
  text-align: center;
  min-width: 30px;
  padding: 7px 0;
  position: relative;
  cursor: pointer;
}

.point-filter_filter_btn:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}

.point-filter_filter_btn > input {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.point-filter_filter_btn > input:checked + span {
  color: #f7b500;
}

.point-number {
  font-size: 1.5rem;
  font-weight: 500;
}

.point-number > span:not(:first-child) {
  margin-left: 5px;
}

.level-table:not(:first-child) {
  margin-top: 30px;
}

.level-table_header .level-table_table th {
  text-align: center;
}

.level-table_header .level-table_table th:first-child > span {
  line-height: 24px;
  margin-top: 0;
}

.level-table_header .level-table_table th:first-child > span:not(:first-child) {
  line-height: inherit;
  margin-top: 3px;
}

.level-table_header .level-table_table img {
  width: 24px;
}

.level-table_header .level-table_table span {
  display: block;
  margin-top: 3px;
}

.level-table_body {
  background: #FFFBE5;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}

.level-table_body:before {
  content: "";
  display: block;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  width: 59px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.level-table_body:not(:first-child) {
  margin-top: 10px;
}

.level-table_body .level-table_table tr:not(:first-child) th, .level-table_body .level-table_table tr:not(:first-child) td {
  border-top: 1px solid #e6e6e6;
}

.level-table_body .level-table_table th:not(:last-child), .level-table_body .level-table_table td:not(:last-child) {
  border-right: 1px solid #e6e6e6;
}

.level-table_body .level-table_table th {
  font-size: 1.1rem;
  text-align: center;
  height: 44px;
}

.level-table_body .level-table_table td {
  font-size: 2.4rem;
  padding: 5px 0;
}

.level-table_body .level-table_table td.txt {
  font-size: 1.1rem;
}

.level-table_body .ic-check {
  color: #f7b500;
  vertical-align: middle;
}

.level-table_body .ic-cancel {
  color: #e6e6e6;
  vertical-align: middle;
}

.level-table_table {
  width: 100%;
  position: relative;
}

.level-table_table th:first-child {
  width: 57px;
}

.level-table_table td {
  text-align: center;
}

.level-add-link {
  text-align: center;
}

.level-add-link a:first-child {
  margin-right: 15px;
}

.level-add-link a:last-child {
  margin-left: 15px;
}

.backdrop {
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 1002;
}

.backdrop.is-active {
  visibility: visible;
  opacity: 1;
}

.spinner {
  font-size: 4rem;
  margin: auto;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.spinner_item {
  position: absolute;
  left: 0.4629em;
  bottom: 0;
  width: 0.074em;
  height: 0.2777em;
  border-radius: 0.0555em;
  background-color: transparent;
  -webkit-transform-origin: center -0.2222em;
          transform-origin: center -0.2222em;
  -webkit-animation: spinner-fade 1s infinite linear;
          animation: spinner-fade 1s infinite linear;
}

.spinner_item:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.spinner_item:nth-child(2) {
  -webkit-animation-delay: 0.083s;
          animation-delay: 0.083s;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}

.spinner_item:nth-child(3) {
  -webkit-animation-delay: 0.166s;
          animation-delay: 0.166s;
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}

.spinner_item:nth-child(4) {
  -webkit-animation-delay: 0.249s;
          animation-delay: 0.249s;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.spinner_item:nth-child(5) {
  -webkit-animation-delay: 0.332s;
          animation-delay: 0.332s;
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}

.spinner_item:nth-child(6) {
  -webkit-animation-delay: 0.415s;
          animation-delay: 0.415s;
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
}

.spinner_item:nth-child(7) {
  -webkit-animation-delay: 0.498s;
          animation-delay: 0.498s;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.spinner_item:nth-child(8) {
  -webkit-animation-delay: 0.581s;
          animation-delay: 0.581s;
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg);
}

.spinner_item:nth-child(9) {
  -webkit-animation-delay: 0.664s;
          animation-delay: 0.664s;
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
}

.spinner_item:nth-child(10) {
  -webkit-animation-delay: 0.747s;
          animation-delay: 0.747s;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.spinner_item:nth-child(11) {
  -webkit-animation-delay: 0.83s;
          animation-delay: 0.83s;
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg);
}

.spinner_item:nth-child(12) {
  -webkit-animation-delay: 0.913s;
          animation-delay: 0.913s;
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg);
}

@-webkit-keyframes spinner-fade {
  0% {
    background-color: #FAE24B;
  }
  100% {
    background-color: transparent;
  }
}

@keyframes spinner-fade {
  0% {
    background-color: #FAE24B;
  }
  100% {
    background-color: transparent;
  }
}

.input-birthday.input-text {
  padding: 0 20px 6px 20px;
}

.img-center {
  display: block;
  margin: 0 auto;
}

.input-area {
  border-bottom: 1px solid #e6e6e6;
}

.input-area select,
.input-area .jiantou {
  color: #42444e;
  width: 100%;
  height: 39px;
  padding: 0 20px;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076%2076%22%3E%3Cdefs%2F%3E%3Cpath%20fill%3D%22%2342444e%22%20d%3D%22M61.272%2023.168L39.581%2047.521%2017.889%2023.168a2.98%202.98%200%2000-2.074-.997%202.98%202.98%200%2000-2.168.792c-1.235%201.141-1.314%203.07-.207%204.323l21.961%2024.667a5.598%205.598%200%20008.377%200l21.944-24.667a3.085%203.085%200%2000.776-2.06c0-.871-.365-1.695-.982-2.264a2.962%202.962%200%2000-4.244.206z%22%2F%3E%3C%2Fsvg%3E") no-repeat right 20px center;
  background-size: 18px 18px;
}

.input-birthday {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.input-birthday > label {
  line-height: 42px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 27%;
          flex: 0 0 27%;
  position: relative;
}

.input-birthday > label span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 50px;
}

.input-birthday > label span.spe {
  right: 30px;
}

.titel-align-items-center {
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.titel-align-items-center .ic-user,
.titel-align-items-center .ic-lock {
  margin-right: 10px;
}

.txt-c {
  text-align: center;
}

.show-404 {
  text-align: center;
}

.show-404:not(:first-child) {
  margin-top: 80px;
}

.show-404-img {
  margin-bottom: 80px;
}

.code_login .add-code,
.code_login .profile_membership_rank {
  padding-bottom: 0 !important;
}

.code_login .add-code {
  width: 90px;
}

.normal_link {
  color: #252831 !important;
  text-decoration: none;
}

.form_step_banner {
  padding-bottom: 10px;
  background: transparent;
}

.form_step_banner .slider_link {
  display: block;
  border: none;
  text-decoration: none;
}

.user-code {
  max-width: 180px;
  padding: 5rem 3rem;
  border-radius: 0.4rem;
}

.user-code .user_info_code img {
  border-radius: 0.4rem;
  width: 60%;
  padding: 1.5rem;
  background: #fff;
}

.user-code .user_info {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 1.5rem;
}

.user-codead {
  padding: 40px 20px;
  max-width: 300px;
}

.user-codead img {
  width: auto !important;
  max-width: 100% !important;
}

.integral_content {
  position: relative;
  padding: 2rem 0 1.5rem;
  font-size: 2.6rem;
}

.integral_content .integral_title {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-47%);
          transform: translateY(-47%);
  left: 2rem;
  font-size: 1.6rem;
}

.integral_time_title {
  font-size: 2rem;
  margin-top: 10px;
  border-bottom: 1px solid #e6e6e6;
  padding: 1rem 0 0.5rem;
  overflow: hidden;
}

.integral_time_detail {
  font-size: 1.4rem;
  color: #a3a6ad;
  margin-top: 0.5rem;
}

.integral_content_list {
  padding: 20px 0;
}

.integral_content_list .form_title {
  font-size: 1.5rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.integral_content_list .fraction_number {
  color: #ffdd00;
}

.chose-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.6rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.chose-box .active {
  background-color: #42444e;
  color: #fff;
}

.chose-box .tips {
  display: block;
  font-size: 0.5em;
}

.chose-box-four > span {
  cursor: pointer;
  margin-top: 7px;
  border-radius: 5px;
  border: 1px solid #42444e;
  text-align: center;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 23.5%;
          flex: 0 0 23.5%;
  padding: 1px 0;
  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;
  min-height: 46px;
}

.rental_money {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #e6e6e6;
  border-radius: 10px;
  list-style: none;
  font-size: 1.7rem;
  color: #a3a6ad;
  margin-top: 7px;
  padding: calc(5% - 7px) 0 5%;
}

.rental_money li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 42.5%;
          flex: 0 0 42.5%;
  border-bottom: 1px solid #a3a6ad;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px 0;
  margin-top: 7px;
}

.rental_money li:nth-child(even) {
  margin-left: 3%;
}

.rental_money li:nth-child(odd) {
  margin-right: 3%;
}

.cancellation_user {
  background: transparent !important;
  text-decoration: underline;
}

.lease_records-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.lease_records-title > span.info_tips {
  padding: 3px 10px 2px;
  color: #42444e;
}

.lease_records-title .waiting_confirmation {
  background-image: linear-gradient(135deg, #eaf8f4 0%, #dee0ff 100%);
}

.lease_records-title .booked {
  background-image: linear-gradient(135deg, #a4d8ef 0%, #cde883 100%);
}

.lease_records-title .leasing {
  background-image: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
}

.lease_records-title .completed,
.lease_records-title .cancel {
  background: #e6e6e6;
}

.deposit {
  margin-top: 7px;
}

.deposit > span {
  display: inline-block;
  background: #ffdd00;
  font-size: 1.7rem;
  padding: 7px 30px 4px;
  border-radius: 5px;
}

.lease_treaty {
  text-align: center;
  margin-bottom: 12px;
}

.lease_treaty a {
  color: #42444e;
  text-decoration: none;
}

.mt10 {
  margin-top: 10px;
}

#show_passwprd {
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}

#show_passwprd > span {
  font-size: 3rem;
  margin-top: -1.5rem;
}

#show_passwprd .ic-show {
  display: none;
}

#show_passwprd .ic-hide {
  display: block;
}

#show_passwprd.active .ic-show {
  display: block;
}

#show_passwprd.active .ic-hide {
  display: none;
}

.select-category {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.select-category li {
  list-style: none;
  width: 32%;
  margin-bottom: 2%;
  position: relative;
  border-radius: 7px;
  overflow: hidden;
  cursor: pointer;
}

.select-category li p {
  margin: 0;
  padding: 0;
}

.select-category li > span {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fff;
  z-index: 2;
}

.select-category li .on {
  opacity: 0;
  z-index: 1;
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  background: rgba(10, 2, 3, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-grid-column-align: center;
      justify-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #ffdd00;
}

.select-category li .on img {
  width: 20%;
}

.select-category li.on .on {
  opacity: 1;
}

.js-slider-photos .slider_item_content {
  padding: 0 10px;
}

.js-slider-photos .slider_item_content a.slider_link {
  border-radius: 0.52vw;
  overflow: hidden;
}

.list-masonry_viewers_photo_details {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: inherit !important;
  -webkit-box-direction: inherit !important;
      -ms-flex-direction: inherit !important;
          flex-direction: inherit !important;
}

.photo_wrapper .photo_body {
  display: none;
}

.comment-wrapper {
  padding-top: 20px;
  position: relative;
}

.comment-wrapper .modal_comments_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.5rem;
  font-weight: bold;
}

.comment-wrapper .list-comments_item {
  padding-right: 15px;
}

.comment-wrapper .content_sort {
  margin: 0 5px;
  cursor: pointer;
}

.comment-wrapper .on {
  color: #a3a8ae;
}

.comment-wrapper ul,
.comment-wrapper li {
  list-style: none;
}

.photo_title {
  font-size: 1.5rem;
  font-weight: bold;
}

.sticker_author {
  font-size: 1rem !important;
  color: #f7b500 !important;
}

.hide_comment {
  display: none;
}

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

.comment_more a {
  display: block;
  margin-top: 15px;
}

.modal_comments_form {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.comment-form_link {
  max-width: 145px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  padding: 10px 20px;
  border-radius: 50px;
  color: #424242;
  text-decoration: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.comment-form_link [class^="ic-"] {
  padding-left: 7px;
}

.comment-form_link-pc {
  position: fixed;
  right: calc(50% - 340px);
  bottom: 150px;
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
  z-index: 98;
}

.comment-form_link-acv {
  z-index: 100;
  padding: 7px 10px;
  -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2);
}

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

.word_red .modal_confirm_btn {
  color: #fb5b50;
}

#modal-comments-chose {
  max-height: 210px;
}

.photo_tagging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.photo_tagging.photo_tagging_inside {
  margin-bottom: 10px;
}

.photo_tagging .ic-crown {
  padding: 4px;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  border-radius: 50%;
  margin-right: 10px;
}

.photo_tagging .tagging {
  padding: 2px 8px;
  background: linear-gradient(-45deg, #ffefe2 0%, #fff7c4 100%);
}

.photo_address {
  padding: 0;
  margin: 0;
  margin-top: 20px;
}

.comment_textarea {
  width: 100%;
  border: 1px solid #a3a6ad;
  padding: 20px;
  min-height: 500px;
}

.event-status_item_modal {
  border: none !important;
  padding: 0 40px;
}

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

.input-textarea-post_reply {
  height: 500px;
  overflow: hidden;
}

.input-textarea-post_reply textarea {
  height: 100%;
}

.photo_category_topic {
  margin-left: -5px !important;
}

.photo_category_topic li {
  margin-left: 5px !important;
}

.photo_category_topic li:nth-child(2n) {
  color: #e7e7e7;
}

.list-masonry_user a {
  text-decoration: none;
  color: #42444e;
}

#modal-good {
  max-height: 410px;
}

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

.postnavbar_reply .postnavbar {
  position: static;
  bottom: 0;
}

.list-masonry_info-detail .list-masonry_viewers {
  margin-top: 10px;
}

.viewers-face {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#modal-comments-chose .modal_confirm_action {
  border-top: none;
}

.item-list {
  width: calc(100% - 20px);
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  background: #fff;
  margin-top: 0;
  border-radius: 0 0 5px 5px;
  z-index: 2;
  font-size: 1.7rem;
  cursor: pointer;
  display: none;
  padding: 0 10px 20px 10px;
}

.item-list li {
  list-style: none;
  padding: 10px;
  border-bottom: 1px solid #e6e6e6;
}

.circle-list--pc-col3 li.circle-list_item {
  width: 100% !important;
  padding-left: 0 !important;
}

.mtoe {
  margin-top: 0.5em !important;
}

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

.border-none {
  border: none !important;
  text-decoration: none;
}

.bg-none {
  background: none !important;
}

.bg-deep-yellow {
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%) !important;
}

.mg-center {
  margin-left: auto !important;
  margin-right: auto !important;
}

.repair_inner .user_info {
  font-weight: 500;
  font-size: 1.3rem;
  text-align: left;
}

.repair_inner .form_action {
  padding-bottom: 50px;
}

.repair_inner .btn-action {
  max-width: 240px !important;
}

.repair_inner .form_action_item:not(:first-child) {
  margin-top: 20px;
}

.border-bottom {
  border-bottom: 1px solid #e6e6e6;
}

.repair_btn {
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #42444e;
}

.user_info_boundary {
  display: none;
}

.max-712 {
  max-width: 712px;
}

.color-gray {
  color: #a3a6ad;
}

.ic-avatar2 img {
  width: 45px;
}

.has-msg {
  position: relative;
}

.has-msg::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fa5a53;
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 3;
}

.avatar-quality.has-msg::before {
  right: -8px;
  top: -8px;
}

.heading_toolbar_mypage.has-msg {
  position: relative;
}

.heading_toolbar_mypage.has-msg::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fa5a53;
  position: absolute;
  right: -1px;
  top: 9px;
}

.member-list_action a.btn {
  color: #d8d8d8;
  border: 1px solid #d8d8d8;
}

.member-list_action a.btn-action {
  color: #42444e;
  border: 1px solid transparent;
}

.list-message_info {
  width: 60px;
}

.list-message_info a {
  color: #42444e;
  text-decoration: none;
  line-height: 1.2;
}

.tab_item.tab_item_last {
  margin-right: 20px !important;
}

.spec-tip {
  background: #fffbe5;
  color: #f7b500;
  display: inline-block;
  vertical-align: middle;
  padding: 2px 8px;
  margin-right: 10px;
  font-size: 1.2rem;
}

.list-gradient-info {
  list-style: none;
}

.list-gradient-info .list-gradient_item-info {
  list-style: none;
  padding: 0 80px 20px 20px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 20px;
  position: relative;
  cursor: pointer;
}

.list-gradient-info .list-gradient_item-info p {
  margin-top: 10px;
}

.list-gradient-info .list-gradient_item-info button {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.list-gradient-info .list-gradient-info_text {
  font-size: 1.1rem;
}

.litter-title {
  font-size: 1.3rem;
  font-weight: 600;
}

.bg-white {
  background-color: #fff !important;
}

.pdr0 {
  padding-right: 0 !important;
}

.pdt0 {
  padding-top: 0 !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.profile_cover_bg {
  width: 100%;
  text-align: center;
}

.add-line {
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
}

.list-gradient-info .list-gradient_item-info button {
  pointer-events: none;
}

.modal_content.alert {
  display: none;
}

.modal_content.alert.is-active.is-modal-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%) !important;
}

.alert.modal_activity {
  width: 250px;
  height: 130px;
  padding: 30px;
  color: #313131;
}

.contest-results_head {
  position: relative;
}

.link-awards {
  position: absolute;
  right: 10px;
  top: 7px;
  color: #42444e;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.link-awards span {
  background: none !important;
  border: none !important;
  margin-right: 0 !important;
}

.link-awards span[class^="ic-"] {
  width: 15px;
  margin-left: 5px;
}

.l-opt-release {
  position: fixed;
  right: 13px;
  width: 38px;
  height: 38px;
  bottom: calc(15% + 48px);
}

.l-opt-release .opt_release {
  visibility: hidden;
  left: -140px;
  -webkit-transform: translate(-20px, 25%);
          transform: translate(-20px, 25%);
  bottom: -50%;
  border-radius: 0.4rem;
}

.l-opt-release .opt_release:before {
  left: calc(100% + 9px);
  bottom: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  border-left: 8px solid #ffcda5;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
}

.l-opt-release .opt_release li {
  border-bottom: 1px solid #e6e6e6;
}

.l-opt-release .opt_release li > a {
  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;
}

.l-opt-release .opt_release li:last-child {
  border-bottom: none;
}

.l-opt-release .opt_release.active {
  -webkit-transform: translate(0, 25%);
          transform: translate(0, 25%);
  opacity: 1;
  visibility: inherit;
}

.post_operation {
  padding: 10px 15px;
  background: whitesmoke;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.post_operation a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #a3a6ad;
  text-decoration: none;
}

.post_operation a span[class^="ic-"] {
  margin-right: 6px;
}

.add-my-activity {
  display: inline-block;
  width: 110px;
  padding: 3px 0;
  text-align: center;
  color: #42444e;
  font-size: 1.1rem;
  line-height: 1;
  border: 1px solid #42444e;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  cursor: pointer;
  margin-bottom: 0;
}

.fixed-img-height {
  position: relative;
  height: 420px;
  overflow: hidden;
  cursor: pointer;
}

.fixed-img-height > img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
}

.filter_content-add {
  overflow-x: auto;
  overflow-y: hidden;
}

.filter_content-add .filter {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-bottom: 13px;
}

.filter_content-add .filter_item span {
  padding: 4px 18px;
  font-size: 1.4rem;
}

.filter_content-add .filter_item {
  min-width: 58px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.jse-p .btn-follow__off {
  display: inline-block;
  width: 60px;
  min-width: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  margin-left: 0 !important;
}

.list_slider_box {
  position: relative;
  display: block;
}

.list_slider_box .number {
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: #333;
  padding: 5px 8px;
  z-index: 3;
  color: #fff;
  border-radius: 15px;
  font-size: 1rem;
}

.list_slider_box .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list_slider_box .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.list_slider_box:hover {
  opacity: 1;
}

.list_slider_post_box {
  position: relative;
  width: 100%;
}

.list_slider_post_box .number {
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: #333;
  padding: 5px 8px;
  z-index: 3;
  color: #fff;
  border-radius: 15px;
  font-size: 1rem;
}

.list_slider_post_box ul,
.list_slider_post_box li {
  list-style: none;
}

.list_slider_post_box .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list_slider_post_box .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.list_slider_post_box .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px auto 20px;
}

.list_slider_post_box .slick-dots button {
  display: none;
}

.list_slider_post_box .slick-dots li {
  display: block;
  text-indent: -100px;
  overflow: hidden;
  width: 12px;
  height: 12px;
  background: #e6e6e6;
  margin: 0 3px;
  border-radius: 50%;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

.list_slider_post_box .slick-dots .slick-active {
  background: #42444e;
}

.modal_confirm_detail_add {
  padding: 20px 0 0px;
}

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

.filter-gradient-bbs-add {
  background: none !important;
}

.filter-gradient-bbs-add .filter-gradient_text {
  color: #a3a6ad;
  font-size: 1.4rem;
  font-weight: 400;
  padding: 5px 28px;
  display: block;
  border: 1px solid #a3a6ad;
  border-radius: 24px;
  cursor: pointer;
}

.filter-gradient-bbs-add .filter-gradient_item
input[type="radio"]:checked
+ .filter-gradient_text:before {
  display: none;
}

.filter-gradient-bbs-add .filter-gradient_item input[type="radio"]:checked + .filter-gradient_text {
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  border-color: transparent;
}

.filter-gradient-bbs-add .filter-gradient_item
input[type="radio"]:checked
+ .filter-gradient_text.gradient_low {
  background: linear-gradient(135deg, #ecf8de 0%, #d9f7e3 100%);
}

.filter-gradient-bbs-add .filter-gradient_item
input[type="radio"]:checked
+ .filter-gradient_text.gradient_mid {
  background: linear-gradient(135deg, #e5f9f7 0%, #dae7fb 100%);
}

.filter-gradient-bbs-add .filter-gradient_item
input[type="radio"]:checked
+ .filter-gradient_text.gradient_high {
  background: linear-gradient(135deg, #eceeff 0%, #ede1fd 100%);
}

.more_btn {
  width: 100%;
  position: relative;
}

.more_btn:before, .more_btn:after {
  content: "";
  width: calc(50% - 145px);
  height: 1px;
  background: #e6e6e6;
  position: absolute;
  top: 50%;
}

.more_btn:before {
  left: 0;
}

.more_btn:after {
  right: 0;
}

.more_btn button {
  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: 40px auto 60px;
  font-size: 1.6rem;
  font-weight: bold;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  width: 220px;
  height: 50px;
  border-radius: 24px;
}

.more_btn span {
  margin-left: 10px;
  font-size: 1.8;
}

.tab_activity {
  border-bottom: 1px solid #e6e6e6;
}

.no-list-style {
  list-style: none;
}

.no-list-style li {
  list-style: none;
}

.user_info_set_body .form {
  background-color: #fff;
  padding: 15px 15px 20px;
  margin-top: 20px !important;
  border-radius: 4px;
}

.page-report {
  text-align: center;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.titel-report-img img {
  width: 9rem;
}

.titel-report {
  font-size: 1.8rem;
  font-weight: bold;
}

.report-info {
  font-size: 1.4rem;
}

.report-info-list {
  list-style: none;
  text-align: left;
  padding: 20px;
  background-color: #e6e6e6;
  border-radius: 10px;
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}

.report-info-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 7px;
}

.report-info-list li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #42444e;
  margin-top: 0.7rem;
}

.report-info-list li span {
  width: calc(100% - 16px);
}

.show-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.show-btn a {
  width: calc(50% - 5px);
}

.txt-l {
  text-align: left !important;
}

.width-full {
  width: 100%;
}

.user_info_set_body {
  max-width: 468px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.user_info_set_body .title-icon {
  font-size: 1.7rem;
}

.user_info_set_body .title-icon span {
  font-size: 2rem !important;
}

.filter-activity {
  padding-bottom: 0;
}

.input-datepicker-add {
  padding: 4px 12px 12px;
}

.form_item--low-small {
  margin-top: 0 !important;
}

.form_title_small {
  margin-top: 20px !important;
}

.circle-mv_menu .circle-mv_btn {
  margin-left: 15px;
}

.mgt-clear {
  margin-top: 0 !important;
}

.btn-gradient.btn-gradient-all {
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  border: none;
}

.list-gradient-info li,
.list-gradient-info li button {
  display: block;
  cursor: pointer;
}

.list-gradient-info-small {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-gradient-info-small li {
  position: relative;
}

.list-gradient-info-small li:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.list-photos li {
  position: relative;
}

.list-photos li .number {
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: #333;
  padding: 2px 5px;
  z-index: 3;
  color: #fff;
  border-radius: 10px;
  font-size: 1rem;
}

.list-photos li .wait-review {
  position: absolute;
  right: 0;
  top: 0;
  background: rgba(230, 230, 230, 0.8);
  text-align: center;
  width: 100%;
  height: 100%;
  z-index: 3;
  border-radius: 5px;
  font-size: 1.4rem;
  color: #424242;
  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-size: 1.6rem;
}

.list-photos li .no-review {
  position: absolute;
  right: 0;
  top: 0;
  background: rgba(66, 68, 78, 0.8);
  text-align: center;
  width: 100%;
  height: 100%;
  z-index: 3;
  border-radius: 5px;
  font-size: 1.4rem;
  color: #ffffff;
  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-size: 1.6rem;
}

.list-masonry_item-m {
  width: 100% !important;
  padding-left: 0;
  margin-bottom: 10px !important;
}

.list-masonry_item-m .list-masonry_pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slider-top {
  margin-top: 0 !important;
  margin-left: 0 !important;
}

.slider-top .list-masonry_item {
  width: 100% !important;
  margin-bottom: 20px !important;
  padding-left: 0;
}

.js-slider-top .slider_item {
  padding: 0 10px;
}

.js-slider-top .slider_item .slider_item_content {
  border-radius: 0.52vw;
  overflow: hidden;
}

.photos-slider {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.photo_category_detail {
  padding-right: 70px;
}

a.link_report {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #a3a6ad;
  text-decoration: none;
  border: 1px solid #a3a6ad;
  padding: 2px 10px;
  display: block;
  font-size: 0.8rem;
  margin-right: 10px;
  display: none;
}

a.link_report.on {
  display: block;
}

.link_report-box {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.more-btn {
  cursor: pointer;
}

.photo_category_detail {
  padding-right: 70px;
  min-height: 10px;
}

.link_report-box a {
  text-decoration: none;
  color: #42444e;
}

.circle-share {
  position: absolute;
  right: 5%;
  top: 5%;
  text-decoration: none;
  color: #fff;
  font-size: 3rem;
}

.circle-mv_member {
  position: relative;
}

.link_report-box-circle a {
  color: #fff;
  border: 1px solid #fff;
  padding: 1px 7px;
}

.ic-post-comment img {
  width: 20px;
}

.select-list li {
  padding: 0 15px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.select_filter {
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076%2076%22%3E%3Cdefs%2F%3E%3Cpath%20fill%3D%22%2342444e%22%20d%3D%22M61.272%2023.168L39.581%2047.521%2017.889%2023.168a2.98%202.98%200%2000-2.074-.997%202.98%202.98%200%2000-2.168.792c-1.235%201.141-1.314%203.07-.207%204.323l21.961%2024.667a5.598%205.598%200%20008.377%200l21.944-24.667a3.085%203.085%200%2000.776-2.06c0-.871-.365-1.695-.982-2.264a2.962%202.962%200%2000-4.244.206z%22%2F%3E%3C%2Fsvg%3E") no-repeat right center;
  background-size: 16px 16px;
  padding-right: 20px;
  color: #42444e;
}

.post-gradient {
  cursor: pointer;
}

.list-rental_input > input:disabled + .list-rental_input_body:before,
.list-rental_input > input:disabled + .list-rental_input_body:after {
  display: none !important;
}

.modal_content--photo {
  width: 690px !important;
  max-width: 90% !important;
  background: #fff !important;
}

.modal_content--photo .photo_wrapper {
  margin-top: 0 !important;
}

.modal_content--photo .photo_body {
  display: block !important;
}

.modal_content--photo .photo_wrapper {
  border: none !important;
}

.show-photo-box {
  width: 100%;
  overflow: hidden;
  position: relative;
  min-height: 385px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 98;
}

.show-photo-box img {
  display: block;
  max-height: 385px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.modal_content--slider {
  opacity: 0 !important;
}

.is-modal-open.modal_content--slider {
  opacity: 1 !important;
}

.modal_content--photo {
  position: absolute;
}

.activity_list li {
  display: none;
}

.activity_list li:nth-child(1),
.activity_list li:nth-child(2),
.activity_list li:nth-child(3),
.activity_list li:nth-child(4) {
  display: block;
}

.more_btn .close {
  display: none;
}

.more_btn .open .close {
  display: block;
}

.more_btn .open .open {
  display: none;
}

.more_btn .open .ic-chevron-down {
  -webkit-transform: rotateZ(-180deg);
          transform: rotateZ(-180deg);
}

.spe-link {
  text-decoration: none;
  color: #42444e;
}

.list-info_item {
  position: relative;
}

.list-info_item > a.full-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: none;
  transition: none;
  z-index: 2;
}

.list-info_item > a.full-link:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.post-slider .slick-arrow {
  display: none !important;
}

.cursor-default {
  cursor: default;
}

.list-rental-add {
  position: relative;
}

a.rental_item_add-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.list-masonry_sizer {
  width: 50%;
}

.input-search-vague > input[type="text"] {
  padding: 5px 50px 5px 10px;
}

.input-search-vague > button {
  right: 0;
  left: inherit;
}

.content-white {
  background-color: #fff;
}

.filter-gradient-bbs-add {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.filter-gradient-bbs-add.bg-sp-white {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.profile_introduction_text-add {
  font-size: 1rem;
  color: #cccccc;
  margin-top: 10px;
}

.l-wrapper--activity .l-gnav_list_item:nth-child(5):after {
  background: #000;
  width: 80%;
}

.color-spec {
  color: #dadce2;
}

.add-datepicker .add-datepicker-date {
  width: calc(100% - 170px);
}

.add-datepicker .add-datepicker-hour {
  border-bottom: 1px solid #e6e6e6;
  width: 58px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.spec-title .heading.heading--contentP .heading_title {
  font-size: 2rem;
}

.msg_error {
  display: none;
}

.post-address {
  margin-bottom: -20px;
  display: none;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  padding-top: 50px;
}

.post-address > span {
  display: block;
  position: relative;
  padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.post-address button {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fd0;
}

.post-address.on {
  display: block;
  opacity: 1;
}

.member-list_text.member-list_label {
  display: inline-block;
  margin-top: 3.5px;
  min-width: calc(95px / 2);
  font-size: 1rem;
  background: #f4f4f4;
  text-align: center;
  color: #939598;
  line-height: 1;
  padding: 3px 0;
  border: 1px solid transparent;
  height: auto !important;
}

.member-list_text.member-list_label.active {
  background: transparent;
  border: 1px solid #939598;
  color: #939598;
}

.member-list_action.member-list_action_user .btn {
  font-size: 1.4rem;
  padding: 0;
  width: 84px;
  height: 28px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #d8d8d8;
  border: 1px solid #d8d8d8;
}

.member-list_action.member-list_action_user .btn.btn-action {
  color: #42444e;
  border-color: transparent;
}

.member-list.member-list-accordion li .member-list_inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.member-list_action.member-list_action_user .btn.btn-action .chose {
  display: block;
}

.member-list_action.member-list_action_user .btn.btn-action .no-chose {
  display: none;
}

.member-list_action.member-list_action_user .btn .chose {
  display: none;
}

.member-list_action.member-list_action_user .btn .no-chose {
  display: block;
}

.pos-rel {
  position: relative;
}

.btn-sure {
  padding: 4px 14px;
  text-decoration: none;
  color: #42444e;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  border-radius: 24px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.chose-user-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  background: #fff;
  border-radius: 10px;
  padding: 10px 10px 0 10px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: scroll;
  height: 115px;
  margin-bottom: 15px;
}

.chose-user-list li {
  width: 80px;
  height: 80px;
  position: relative;
  margin: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
}

.chose-user-list li::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAEXklEQVRoBdVaz0sbQRTOxvWkETwYErxaKKU3/wIv9VLQ/6EgbaF46bkHz+2hFFoR/R8q9FIv/Qu8SSmYqyQkB8HoqdH0+8Z9y2Yyszuz2W2Sgc3Mzr735vtm3r75sQkqBaZut9u4v79/GgTBk+FwuIq8RvMo91G+Rn65sLDwp16vd4pqNpjEEAAF7XZ7s1qt7qK8g+u5iz2QucB1+vDw8L3ZbJ6jPHTRM8nkItDr9WqDweA9AL+C0XWTYY+6KxA4DsPw09raWt9DT4l6EQDgxU6nswfNDyjXfRtLkweJLp4fNBqNI5T/pskmnzkTgKtsQfEIwDeSBoouA3wLNvfgWr9cbFddhAD+LeTOygZPLFEbZ1GbmfBSRwDGQrjMF+SvMy2VIIDROIRLvUM+sJm3EiB49MIPKG7blP9T/U+400sbCasLsednADz7aDvCYuwvIwH637TcxoSSWGzvxJgLQZDRhi9saDI2rbrIhV7o0WlkBAB6EQAZKmcKPDstwkRsxBinEQKcpCBQapyPW85RIDZiTKrGLhQtD1oQcp5hsQZStrCmSdp0LufRhyt1sezYkGVHPALR2sYZ/PLycgWrSnWx7Jvy6rODiVXaUwRQGeDiwswpsecIAL2hrlqtVuHlmkRe9GlLRsPFBrESM2UVAUSeTZQnWlUShAsJylB2wrQeYX4kAPa7Pgbp87e3t2MqWSRs4O/u7iq+75FgFhfaGUOTUUECbFhPNhJp4Pt9720Aw6rCHHAbiJeirQNxvV9ZWaksLS2NiZOgAEsDf3NzM6brWoFo1Ay5h3VVMMkJAJ1E0s+TZbHB0RNdqfPNiT1EJOAG3Fd3RF6ApJFIKhQBnvaIvQrwq0njecskYXondHtFgaddYq+ChXsA19Fo91kkigTPpok9nok1LLlv09wx7VneBulC/jHM0pot2oi4LcTKc9+c2OlC176KJvks8KJTJAli5whcivG8uQ08fd70YhdFgthDnlViIsuLXa1/XOK8LcTKZJcHALFXedCKobjIYyCt52VuoF1bdJpkJIiZ2FUUws2pLwE27tLzYjeNhMmO6NlywawI8JTYJmiql/2A/iwrzqeR8NkPsF3BrAhgp3+OuisdkM99FnixZSKB3pTHrvlVhPlxPwADQ1wnrtqyH0AU4HSuVp0E5pooy9Wq6LPssx8A1mNiZnsx9bnf1Ee7/APXXqQce82n53TbOfUP5ESC9uIR4A2GlB8wfiOfybMhuE0Lp9XPkMcfQNRLTPBM0YM95PlntkdThf9GmIgtBs9GRgiwIjp73Gd5xtK+fi5KfCMulASMY4tvcKWpfNhI4lAg8aED4N/o9eqZqZJ1AD/fHzjoc2DNLyOHNpJl17PtCIP1nbS6UBIc3Ikf+T5zVJL1ZZXZebBNn/+a1YYTARoBiS1kPJ8vNcQCfAvtOH9mdSZAEgA/vx+6SUBSCX81OMEp28fkDCttZeVeI6Abw4jM5589dCJyP42/2/wDK4F2P+aqjfQAAAAASUVORK5CYII=);
  background-size: 100% 100%;
}

.content_section_chose {
  display: none;
}

.mt30 {
  margin-top: 30px;
}

.mt15 {
  margin-top: 15px;
}

.oh {
  overflow: hidden;
}

.mt8 {
  margin-top: 8px;
}

.mgtp-d {
  margin-top: 1.5em;
}

.pdt-s-0 {
  padding-top: 0 !important;
}

.border-radius-none {
  border-radius: 0 !important;
}

.message-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
}

.white-box {
  border-radius: 4px;
}

.message-dialogue {
  background-color: #f5f5f5;
  padding: 20px 15px;
  height: 600px;
  position: relative;
}

.modal_comments_form_dialogue {
  display: block !important;
}

.message-dialogue-list {
  margin-top: 0;
}

.dialogue-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}

.dialogue-list .comment_body {
  border-bottom: 0;
  background: #fff;
  padding: 10px;
  border-radius: 4px;
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
}

.dialogue-list .comment_avatar {
  width: 36px;
  height: 36px;
}

.dialogue-list .comment_avatar img {
  border-radius: 50%;
  overflow: hidden;
}

.dialogue-list-my {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.dialogue-list-my .comment_avatar {
  margin-right: 0;
  margin-left: 10px;
}

.dialogue-list-my .comment_body {
  background: #fd0;
}

.modal-activity-img {
  margin-top: 1em;
}

.modal-activity-img img {
  width: 120px;
}

.title-contribution {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 15px;
}

.title-contribution img {
  width: 150px;
  margin-right: 15px;
}

.vam {
  vertical-align: middle;
}

.hash_item_link {
  padding: 5px 9px;
}

.point-filter_filter_add {
  padding-right: 10px;
  border: 1px solid #eaeaea;
  margin-top: 5px;
}

.point-filter_filter_add select {
  font-size: 1.4rem !important;
  width: 100%;
  padding: 5px 14px;
}

.point-filter_fitter {
  background-color: #fff;
  margin: 0 15px;
  border-radius: 5px 5px 0 0;
  position: relative;
  z-index: 2;
}

.point-filter_fitter .point-filter_sort_item:first-child {
  border-left: none;
}

.point-filter_sort_full {
  width: 100%;
}

.point-filter_sort_full .point-filter_sort_item {
  text-align: center;
  width: 25%;
}

.pr {
  position: relative;
}

.wair-review {
  position: absolute;
  right: 0;
  top: 0;
}

.filter-video {
  margin-bottom: 20px;
}

.form_item--xlow-add {
  margin: 20px auto -7px !important;
}

.form_link--low-login {
  margin-bottom: -20px;
}

.form_link--low-login .link-base {
  color: #ffdd00;
  -webkit-transition: none;
  transition: none;
}

.form_link--low-login .link-base:hover {
  color: #42444e;
}

.list-link-login-add {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 20px !important;
}

.list-link-login-add .list-link_item {
  width: 35%;
  text-align: left;
  margin-left: 0;
}

.circle-nav_verified {
  position: relative;
  overflow: hidden;
}

.circle-nav_verified::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/assets/img/verifiedb.svg) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 0 0 8px 0;
}

.verified-box {
  margin-right: 0 !important;
  position: relative;
}

.verified-box::before {
  content: "";
  width: 14px;
  height: 14px;
  background: url(/assets/img/verifiedb.svg) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 4px;
  bottom: 0;
  border-radius: 0 0 4px 0;
}

.circle-list_media_pic-verified {
  position: relative;
}

.circle-list_media_pic-verified::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/assets/img/verifiedb.svg) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 0 0 4px 0;
}

.spec-filter {
  text-decoration: none;
  outline: none;
}

.spec-filter:hover span {
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  border-color: transparent;
  color: #42444e;
}

.photo_footer .list-masonry_viewers {
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
      -ms-flex-direction: inherit;
          flex-direction: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.photo_footer .list-masonry_viewers .viewers-reaction:first-child {
  margin-right: 16px;
}

.masonry-link {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.masonry-link-a:hover {
  background: rgba(255, 255, 255, 0.4);
  opacity: 1 !important;
}

.input-hash > input + .btn-hash .ic-cross {
  border-left: 1px solid #a3a6ad;
}

.input-hash > input:checked + .btn-hash .ic-cross {
  border-left: 1px solid #42444e;
}

.pd-clear {
  padding: 0 !important;
}

.show-no-resulsbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.show-no-resuls {
  text-align: center;
}

.font-color-white {
  color: #fff !important;
}

.modal-title-s {
  font-size: 14px;
  margin-bottom: 8px;
}

.title-sticker-hash {
  margin: -30px auto 20px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 7px;
}

.title-sticker-hash a {
  font-size: 2rem;
}

.title-sticker-hash a::before {
  font-size: 2.2rem;
}

.mgb-clear {
  margin-bottom: 0 !important;
}

.modal-input input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  font-size: 16px;
  width: 100%;
  border: 2px solid #e6e6e6;
  border-radius: 5px;
  padding: 5px;
}

.invitation-code-msg {
  margin-top: 8px;
  display: none;
}

.spec-link {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 2;
}

.spec-link:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.25);
}

.spec-link02 {
  width: calc(100% - 35px);
}

.contest-results_item-04 .contest-results_head {
  background-image: linear-gradient(135deg, #e8feff 0%, #d9f4ff 22%, #efffd4 51%, #ffe6cb 100%);
}

.contest-results_item-04 .contest-results_head span[class^="ic-"] {
  background-image: linear-gradient(135deg, #e8feff 0%, #d9f4ff 22%, #efffd4 51%, #ffd7aa 99%);
}

.contest-results_item-04 .contest-results_body {
  border-color: #e1eaff;
}

.masonry_upload_add {
  padding-top: 0 !important;
}

.pdt-0 {
  padding-top: 0 !important;
}

.list-masonry_tag li {
  margin-top: 10px;
}

.list-masonry_detail {
  padding-top: 5px;
}

.list-masonry_detail.list-masonry_circle {
  padding-top: 10px;
}

.list-masonry_tag li {
  position: relative;
}

.list-masonry_tag li > a {
  content: "";
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.avatar-kol {
  position: relative;
}

.avatar-kol::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  background-size: 100% 100%;
  z-index: 2;
}

.avatar-quality {
  position: relative;
}

.avatar-quality::after {
  content: "";
  display: block;
  width: 120%;
  height: 120%;
  position: absolute;
  top: -10%;
  left: -10%;
  background: url("/assets/img/pic_frame01.png");
  background-size: 100% 100%;
  z-index: 2;
}

.avatar-inner-v {
  position: relative;
}

.avatar-inner-v .ico-v {
  display: block;
  width: 120%;
  height: 120%;
  position: absolute;
  top: -10%;
  left: -10%;
  background: url("/assets/img/pic_frame_v.png");
  background-size: 100% 100%;
  z-index: 3;
}

.member-list_pic .avatar-kol-masonry {
  display: block;
}

.avatar-kol-masonry {
  position: relative;
}

.avatar-kol-masonry::before {
  content: "";
  display: block;
  width: 120%;
  height: 120%;
  position: absolute;
  top: -10%;
  left: -10%;
  z-index: 5;
  background: url("/assets/img/pic_frame01.png");
  background-size: 100% 100%;
  pointer-events: none;
}

.avatar-v {
  position: relative;
  display: block;
}

.avatar-v::after {
  content: "";
  display: block;
  width: 120%;
  height: 120%;
  position: absolute;
  top: -10%;
  left: -10%;
  z-index: 6;
  background: url("/assets/img/pic_frame_v.png");
  background-size: 100% 100%;
  pointer-events: none;
}

.ic-avatar.avatar-kol,
.ic-avatar.avatar-quality {
  margin-right: 5px;
  margin-left: 5px;
}

.profile_cover_avatar.avatar-kol::after,
.profile_cover_avatar.avatar-quality::after {
  width: 24px;
  height: 24px;
}

.heading_toolbar_mypage.avatar-kol::after,
.heading_toolbar_mypage.avatar-quality::after {
  width: 10px;
  height: 10px;
  bottom: 9px;
  right: -1px;
}

.avatar-quality-masonry {
  position: relative;
}

.avatar-quality-masonry::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: -4px;
  left: 12px;
  background: url("/assets/img/quality-users.svg");
  background-size: 100% 100%;
}

.sticker-lyellow-spec {
  background: linear-gradient(-45deg, #ffefe2 0%, #fff7c4 100%) !important;
}

.btn-upload-again {
  display: inline-block;
  vertical-align: bottom;
  position: absolute;
  bottom: -10px;
  left: 0;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
  min-width: 84px;
  width: 100%;
  padding: 5px 24px;
  border-radius: 25px;
  font-size: 1.4rem;
  color: #a3a6ad;
  border: 1px solid #a3a6ad;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vinherit {
  overflow: inherit !important;
}

.form_action.form_action--row.form_item.form_item--xlow {
  margin-bottom: 65px;
}

.word-white {
  color: #fff !important;
}

.moadl-coins-ul {
  padding: 0 !important;
}

.moadl-coins-ul .list-achievement_item {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.moadl-coins-ul:first-child {
  font-size: 1.3rem;
  margin-top: 10px;
}

.moadl-coins-ul:not(:first-child) {
  margin-top: 10px;
}

.modal_form_inner_conins .moadl-coins-ul-list {
  height: 180px !important;
}

.vinherit {
  overflow: inherit;
}

.hide {
  display: none;
}

.mgrclear {
  margin-right: 0 !important;
}

.sticker-icon {
  cursor: default !important;
}

.sticker-icon:hover {
  opacity: 1 !important;
}

.otspot {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

a.otspot {
  text-decoration: none;
  color: #333;
}

.max-full {
  max-width: 100%;
}

.circle-user-name {
  max-width: 8em;
}

.user-name-profile {
  width: auto !important;
}

.list-masonry_user-circle {
  margin-right: 3px;
  min-width: 24px;
}

.list-masonry_user-circle img {
  margin-right: 0 !important;
}

.pr {
  position: relative;
}

.trash-content {
  padding-right: 20px;
}

.trash-content-no {
  padding-right: 0 !important;
}

.contest-results-m {
  padding: 0;
  height: initial;
}

.contest-results-m span[class^="ic-"] {
  background-image: -webkit-gradient(linear, left top, right top, from(#ffdf2d), to(#ffce93));
  background-image: linear-gradient(90deg, #ffdf2d 0%, #ffce93 100%);
}

.contest-results-m .show-word {
  padding: 4px 8px;
  border-radius: 3px;
}

.contest-results_author-portrait {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contest-results_author-portrait .author_desc {
  max-width: 7em;
}

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

.contest-results_author_hualang .author_name {
  font-size: 14px;
}

.contest-results_head_hl {
  font-size: 20px;
  padding: 30px 28px;
}

.author_honor_name {
  font-size: 12px;
  color: #a3a6ad;
}

.photo_contest_gallery {
  border-radius: 5px;
  margin-top: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.hl_list {
  display: block;
  text-align: center;
}

.tit_gallery {
  font-size: 16px;
  font-weight: bold;
}

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

.photo_post_hl .list-masonry_user-word {
  font-size: 20px;
  margin-bottom: 0px;
}

.photo_post_hl_static .contest-results_gallery {
  padding: 14px 0;
}

.photo_post_hl_static .author {
  font-size: 18px;
  padding: 0 20px;
  font-weight: bold;
}

.photo_post_hl_static .author span:first-child {
  margin-right: 20px;
}

.photo_post_hl_static .contest-results_gallery {
  background: url("/assets/img/gallery_author_s.jpg");
  background-size: 100% 100%;
}

.full-link {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
}

.achievement-inner {
  min-height: 300px;
  border-radius: 16px;
}

.achievement-inner-in {
  text-align: center;
  position: relative;
  z-index: 3;
  background-color: #fff;
}

.achievement-inner-in .avatar-kol-masonry {
  margin-bottom: 20px;
}

.achievement-tip {
  margin-top: 30px;
  text-align: center;
}

.achievement-info {
  font-size: 15px;
  margin-bottom: 30px;
}

.achievement-img {
  padding: 0 0 15px;
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
}

.achievement-tit {
  font-size: 27px;
  font-weight: 600;
}

.achievement-info {
  font-size: 15px;
}

.achievement-inner-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #fff;
  position: relative;
  z-index: 2;
  padding: 15px 12px;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  min-height: 300px;
}

.achievement-inner-content.achievement-inner-content_fitter {
  margin-top: 0;
}

.achievement-inner-content.frame_no_get img {
  -webkit-filter: grayscale(65%) blur(1px);
          filter: grayscale(65%) blur(1px);
}

.achievement-inner-content li {
  width: 33%;
  position: relative;
  font-size: 15px;
}

.achievement-inner-content li.owned {
  margin-top: 0;
}

.achievement-inner-content li.owned img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.achievement-inner-content li.ongoing {
  margin-top: 0;
}

.achievement-inner-content li.ongoing img {
  -webkit-transform: scale(1.35);
          transform: scale(1.35);
}

.achievement-inner-content li.ongoing span.info {
  margin-top: 16px;
}

.achievement-inner-content li.ongoing .ongoing {
  right: 0;
  top: 0;
}

.achievement-inner-content li > a {
  display: block;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  color: #333;
  padding: 12px;
}

.achievement-inner-content li span.info {
  display: block;
  text-align: center;
  margin-top: 8px;
}

.achievement-inner-content li .wearing {
  position: absolute;
  right: 12px;
  top: 12px;
  font-size: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  display: inline-block;
  padding: 2px 4px;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  border-radius: 4px;
}

.achievement-inner-content li .ongoing {
  position: absolute;
  color: #fff;
  right: 12px;
  top: 12px;
  font-size: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  display: inline-block;
  padding: 2px 4px;
  background: linear-gradient(135deg, #ff7c6e 0%, #f4317f 100%);
  border-radius: 10px;
  border-radius: 4px;
}

.wearing-inside {
  position: absolute;
  right: -10px;
  -webkit-transform: translate(100%, -10%);
          transform: translate(100%, -10%);
  top: 0;
  font-size: 12px;
  z-index: 1;
  display: inline-block;
  padding: 2px 4px;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  border-radius: 4px;
}

.notOwned {
  position: absolute;
  right: -10px;
  -webkit-transform: translate(100%, -10%);
          transform: translate(100%, -10%);
  top: 0;
  font-size: 12px;
  z-index: 1;
  display: inline-block;
  padding: 2px 4px;
  background: #e6e6e6;
  border-radius: 4px;
}

.achievement-progress {
  font-size: 15px;
  font-weight: 600;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.active-word {
  color: #f7b500 !important;
}

.overdue-word {
  color: #939598 !important;
}

.end {
  font-size: 20px;
}

.content_action_ach {
  margin-top: 90px !important;
}

.achievement_experience_progress {
  width: 100%;
  height: 8px;
  background-color: #e6e6e6;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 25px;
}

.achievement-progress-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.achievement-progress-flex .progress-flex-l {
  font-size: 16px;
}

.photo_frame {
  width: calc(100% - 30px);
  overflow: hidden;
  padding: 15px 0 20px;
  margin-left: 15px;
  margin-right: 15px;
  overflow: auto;
}

.photo_frame .photo_frame-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 110%;
  position: relative;
  font-size: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.photo_frame .photo_frame_item {
  width: 12.7536%;
  position: relative;
  text-align: center;
}

.photo_frame .photo_frame_item img {
  width: 54.5454%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.photo_frame .photo_frame_item p {
  margin-top: 4px;
}

.photo_frame .item_line {
  width: 9.2753%;
  height: 3px;
  border-radius: 6px;
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(#d8d8d8));
  background: linear-gradient(90deg, #fff 0%, #d8d8d8 100%);
}

.photo_frame .on {
  position: relative;
}

.photo_frame .on:before {
  content: "";
  display: block;
  width: 128%;
  height: 128%;
  background: url("/assets/img/photo_frame-on.svg");
  background-size: 100% 100%;
  position: absolute;
  top: -14%;
  left: -14%;
  pointer-events: none;
}

.photo-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.photo-list .link-base {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.list-masonry_user_photo {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.top-violet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.top-violet .sticker-icon {
  margin-top: 10px;
}

.list-masonry_info {
  font-size: 14px;
}

.list-masonry_info .list-masonry_user-circle {
  width: 20px;
  min-width: 20px !important;
}

.list-masonry_info .list-masonry_user img {
  display: block;
  width: 20px;
  height: 20px;
}

.list-masonry_info .list-masonry_user button {
  font-size: 2rem;
}

.list-masonry_info .circle-user-name.user-name-photo {
  max-width: 7em;
}

.modal_achievement {
  background: rgba(0, 0, 0, 0.5);
  display: block;
  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;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 1003;
}

.modal_achievement .modal_achievement_cotent {
  width: 100%;
  max-width: 345px;
}

.modal_achievement .modal_achievement_info {
  background-color: #fff;
  overflow: hidden;
  border-radius: 6px;
}

.modal_achievement .achievement-inner-in {
  background-color: transparent;
}

.modal_achievement .content_action_ach {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.modal_achievement .content_action_item .btn-pc-large {
  width: 100%;
  max-width: none !important;
}

.modal_achievement .colse_modal-achievement {
  text-align: center;
  font-size: 25px;
  color: #fff;
  line-height: 1;
  margin-top: 10px;
}

.modal_achievement .colse_modal-achievement .ic-close {
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.modal_achievement .colse_modal-achievement .ic-close:hover {
  opacity: 0.7;
}

.modal_achievement .colse_modal-achievement_right {
  position: absolute;
  top: 10px;
  right: 10px;
  margin-top: 0;
  font-size: 16px;
  opacity: 0.5;
}

.modal_achievement .content_gradient.content_gradient--small:before {
  width: 101%;
  height: 151px;
  background: url("/assets/img/mode-achievement.svg");
  background-size: 100% auto;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  border-radius: 0;
}

.modal_achievement .achievement-img {
  width: 200px;
  padding-top: 17px;
}

.modal_achievement .achievement-info {
  margin-top: 5px;
}

.modal_achievement .achievement_content_inner {
  padding: 37.5px 32.5px;
}

.achievement_tit {
  font-size: 32px;
  text-align: center;
  line-height: 1;
}

.list-achievement-inside .content_gradient:before {
  height: 420px;
}

.list-masonry .link-base-left {
  width: auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.list-masonry .link-base-left .list-masonry_user-name {
  width: auto;
}

.list-masonry .link-base-left .list-masonry_user-word {
  max-width: 8em;
  line-height: 1.25;
}

.list-masonry .list-masonry_user-name {
  position: relative;
  margin-top: 4px;
}

.list-masonry .list-masonry_user-name .list-masonry_meta_time {
  width: 120px;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.list-masonry .list-masonry_honor {
  padding-left: 1.1rem;
}

.profile .list-masonry_honor.honor_circle.honor_profile {
  width: 8.4rem;
  height: 2.5rem;
  margin-right: 1rem;
}

.profile .list-masonry_honor.honor_circle.honor_profile img {
  width: 18px !important;
  height: initial !important;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.profile .list-masonry_honor.honor_circle.honor_profile2 {
  width: 6.2rem;
  height: 2.5rem;
  margin-right: 0;
}

.mv-swing {
  -webkit-animation-name: swing;
          animation-name: swing;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

.mv-bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
            transform: scale3d(1.15, 1.15, 1.15);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
            transform: scale3d(1.15, 1.15, 1.15);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
            transform: scale3d(1.15, 1.15, 1.15);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
            transform: scale3d(1.15, 1.15, 1.15);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

.mv-flipInY {
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) rotateY(-40deg);
            transform: perspective(400px) rotateY(-40deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(30deg);
            transform: perspective(400px) rotateY(30deg);
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
            transform: perspective(400px) rotateY(-15deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) rotateY(-40deg);
            transform: perspective(400px) rotateY(-40deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(30deg);
            transform: perspective(400px) rotateY(30deg);
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
            transform: perspective(400px) rotateY(-15deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.no-achievement-title {
  font-size: 15px;
  text-align: center;
  width: 100%;
  margin-top: 60px;
}

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

.vis-hidden {
  visibility: hidden;
}

.modal_activity_reminder_c {
  background: rgba(0, 0, 0, 0.5);
}

.modal_activity_reminder {
  width: 315px;
}

#modal_activity_reminder {
  width: 100%;
  padding: 0 !important;
  position: relative;
}

#modal_activity_reminder .slick-list {
  border-radius: 6px;
  overflow: hidden;
}

#modal_activity_reminder .slick-arrow {
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  text-indent: -200%;
  cursor: pointer;
  overflow: hidden;
  background: url("/assets/img/activity_reminder_btn.svg");
}

#modal_activity_reminder .slick-disabled {
  opacity: 0.5;
}

#modal_activity_reminder .slick-prev {
  top: 50%;
  left: -102px;
  -webkit-transform: rotateZ(-180deg);
          transform: rotateZ(-180deg);
}

#modal_activity_reminder .slick-next {
  top: 50%;
  right: -102px;
}

#modal_activity_reminder .activity_reminder-item {
  width: 100%;
  float: left;
  border-radius: 6px;
  overflow: hidden;
}

#modal_activity_reminder .activity_reminder-item img {
  display: block;
}

#modal_activity_reminder .slick-dots {
  display: none !important;
  margin-top: 0;
}

#modal_activity_reminder .slick-dots li button {
  width: 8px;
  height: 8px;
  text-indent: -150%;
  overflow: hidden;
  border-radius: 100%;
  background: #e6e6e6;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);
  margin: 0 2.5px;
}

#modal_activity_reminder .slick-dots .slick-active button {
  background: #f7b500;
}

.photo--post_past .photo_header {
  margin-bottom: 15px;
}

.photo--post_past .photo_header_menu {
  font-size: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.photo--post_past .photo_header_menu .link-chevron:after {
  font-size: 1.2em;
}

.photo_footer_hl {
  margin-left: -15px;
  overflow: hidden;
}

.photo_post_past {
  display: block;
}

.photo_post_past .photo_pic-masonry_sizer {
  width: calc(100% / 2) !important;
}

.photo_post_past .photo_conten {
  position: relative;
}

.photo_post_past .photo_pic {
  display: block;
  width: calc(100% / 2);
  margin-top: 0 !important;
  margin-bottom: 15px;
  margin-top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 15px;
}

.photo_post_past .photo_pic img {
  width: 100%;
}

.photo_post_past .photo_pic .photo_pic_title {
  font-size: 1.3rem !important;
}

.photo_post_past .photo_pic .photo_pic_meta {
  padding: 7px;
}

#choserelease .filter_item.on span {
  color: #42444e;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  border-color: transparent;
}

#chosereleasebox .chosereleasetalk,
#chosereleasebox .chosereleasecircle {
  display: none;
}

.content_screen {
  width: 100%;
  max-width: 594px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0;
}

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

.content_screen.hide {
  display: none;
}

.content_screen .tab_item {
  margin-left: 0;
  padding: 1.5em 0 0 0;
  position: relative;
  z-index: 8;
}

.content_screen .onw {
  color: #f7b500;
}

.content_screen #open_screen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.content_screen #open_screen img {
  width: 1em;
  height: 1em;
  margin-left: 0.1em;
}

.content_screen #open_screen .on {
  display: none;
}

.content_screen #open_screen.on {
  color: #f7b500;
}

.content_screen #open_screen.on img {
  display: none;
}

.content_screen #open_screen.on .on {
  display: block;
}

.content_screen_sm {
  padding-bottom: 10px;
}

.content_screen_sm .tab_item {
  padding-top: 0.5em;
}

.modal_content.modal_content--confirm.modal-filter {
  width: 430px;
  max-width: 430px;
  max-height: none;
  position: relative;
}

.modal_content.modal_content--confirm.modal-filter .modal_confirm_tit {
  height: 64px;
  font-size: 20px;
  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;
}

.modal_content.modal_content--confirm.modal-filter .modal_confirm_action {
  padding: 15px 30px;
  border-top: none;
  margin-top: 0;
}

.modal_content.modal_content--confirm.modal-filter .modal_confirm_body {
  display: block;
  text-align: left;
  padding-top: 0;
}

.modal_content.modal_content--confirm.modal-filter .modal_confirm_body_scoll {
  max-height: 350px;
  overflow-y: scroll;
  display: none;
}

.modal_content.modal_content--confirm.modal-filter .modal_confirm_body_scoll::-webkit-scrollbar {
  width: 8px;
}

.modal_content.modal_content--confirm.modal-filter .modal_confirm_body_scoll::-webkit-scrollbar-thumb {
  background-color: #d8d8d8;
  border-radius: 5px;
}

.modal_content.modal_content--confirm.modal-filter .modal_confirm_body_scoll::-webkit-scrollbar-track {
  background-color: transparent;
}

.modal_content.modal_content--confirm.modal-filter .modal_confirm_body_scoll::-webkit-scrollbar {
  -webkit-appearance: none;
}

.modal_content.modal_content--confirm.modal-filter .modal_confirm_body_scoll::-webkit-scrollbar:hover {
  width: 8px;
}

.modal_content.modal_content--confirm.modal-filter .form_title {
  font-size: 16px;
  padding-bottom: 7px;
  margin-top: 30px;
}

.modal_content.modal_content--confirm.modal-filter .form_title.form_title_gr {
  text-align: center;
  color: #a3a6ad;
}

.modal_content.modal_content--confirm.modal-filter .modal_filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}

.modal_content.modal_content--confirm.modal-filter .modal_filter .modal_filter_item {
  width: calc(25% - 10px);
  text-align: center;
  margin-bottom: 10px;
  display: block;
  font-size: 1.4rem;
  cursor: pointer;
  border: 1px solid #a3a6ad;
  border-radius: 24px;
  padding: 4px 0;
  margin-right: 10px;
}

.modal_content.modal_content--confirm.modal-filter .modal_filter .modal_filter_item:nth-child(4n) {
  margin-right: 0;
}

.modal_content.modal_content--confirm.modal-filter .modal_filter .modal_filter_item.on {
  color: #42444e;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  border-color: transparent;
}

.modal_content.modal_content--confirm.modal-filter .colse_modal {
  cursor: pointer;
  position: absolute;
  font-size: 25px;
  bottom: -35px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  color: #fff;
}

.filterAll .filterAll {
  display: block !important;
}

.filterVideo .filterVideo {
  display: block !important;
}

.filterDoings .filterDoings {
  display: block !important;
}

.filterLearn .filterLearn {
  display: block !important;
}

.show {
  display: block !important;
}

.achievement-inner-content_fitter .list-gift_item {
  padding-left: 0;
  margin-bottom: 0;
}

.list-setting_item_add {
  width: 100% !important;
}

.topSearch .to_search_page::before {
  display: none;
}

.to_search_page {
  position: relative;
}

.to_search_page::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 88;
}

.question-list {
  padding: 30px 60px;
  background: #fff;
  margin-bottom: 20px;
  position: relative;
}

.question-list.question-list-tips {
  padding-top: 45px;
}

.tips-list {
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tips-list span {
  padding: 3px 5px;
  border-radius: 0 0 3px 3px;
  margin-right: 12px;
}

.tips-list span:last-child {
  margin-right: 0;
}

.tips-list .primary {
  background: #FFDD00;
}

.tips-list .dangerous {
  background: #FA5A53;
  color: #fff;
}

.form_inner.form_inner--add {
  padding: 0;
}

.question-title {
  font-size: 18px;
  font-weight: 600;
  position: relative;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.question-title.required {
  position: relative;
}

.question-title.required::before {
  content: '※';
  position: absolute;
  top: 0;
  left: -12px;
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
  color: #FA5A53;
}

.question-title .num {
  padding-right: 13px;
}

.question-say {
  font-size: 17px;
}

.question-say.question-say-s {
  font-size: 17px;
  color: #666;
}

.question-say.question-say-spec {
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 17px;
}

.question-say {
  margin: 17px auto 0;
}

.choices-list-s {
  margin-top: 4.5px;
}

.choices-list-s .choices-list_inner {
  width: auto;
}

.choices-list-s .choices-list_text {
  margin-top: 0;
  margin-left: 8px;
}

.choices-list-s .choices-list_item {
  padding-left: 0;
  padding-right: 0;
}

.question_select-box {
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  margin-top: 17px;
}

.question_select {
  display: block;
  width: 100%;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076%2076%22%3E%3Cdefs%2F%3E%3Cpath%20fill%3D%22%2342444e%22%20d%3D%22M61.272%2023.168L39.581%2047.521%2017.889%2023.168a2.98%202.98%200%2000-2.074-.997%202.98%202.98%200%2000-2.168.792c-1.235%201.141-1.314%203.07-.207%204.323l21.961%2024.667a5.598%205.598%200%20008.377%200l21.944-24.667a3.085%203.085%200%2000.776-2.06c0-.871-.365-1.695-.982-2.264a2.962%202.962%200%2000-4.244.206z%22%2F%3E%3C%2Fsvg%3E") no-repeat right center;
  background-size: 24px 24px;
  padding-right: 28px;
  color: #42444e;
  padding-left: 0;
  font-size: 16px;
}

.question_textarea-box {
  margin-top: 17px;
  border-radius: 10px;
}

.question_textarea-box .question_textarea {
  width: 100%;
  border: 2px solid #E6E6E6;
  padding: 10px 15px;
  min-height: 200px;
  font-size: 17px !important;
}

.question-say-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.question-say-input input {
  border: none;
  outline: none;
  border-bottom: 1px solid #E6E6E6;
  font-size: 17px !important;
  padding: 0 8px;
  width: 80px !important;
  min-width: 80px !important;
  text-align: center;
  border-radius: 0;
}

.question-say-input-t input {
  margin: 0 5px;
  border-bottom: 2px solid #979797;
}

.question_sort-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 17px;
  margin-top: 12.5px;
}

.question_sort-list ul {
  margin-top: 0;
}

.question_sort-list li {
  padding: 12.5px 0;
}

.question_sort-list .sort-list-num {
  width: 40px;
}

.question_sort-list .sort-list-content {
  width: calc(100% - 40px);
}

.question_sort-list .sort-list-content li {
  padding: 0;
}

.question_sort-list .sort-list-content .content-info {
  padding: 12.5px 0;
  padding-left: 10px !important;
  border-bottom: 1px solid #E6E6E6;
}

.question_sort-list .sort-list-content .content-info .handle {
  display: block;
  width: 50px;
  height: 100%;
  background: url("/assets/img/icn-drag.svg") no-repeat;
  background-size: 17px auto;
  background-position: center center;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.question_sort-list .sort-num {
  display: block;
  text-align: center;
  line-height: 28px;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #FFDD00;
  color: #000;
  font-size: 17px;
}

.question_sort-list .sort-list-num li {
  padding: 12.5px 0;
}

.question_sort-list .sort-list-content li {
  position: relative;
  background-color: #fff;
  cursor: move;
}

.sortable-drag {
  background: #FFDD00 !important;
}

.sortable-drag .handle {
  background: url(/assets/img/icn-drag-move.svg) no-repeat !important;
  background-size: 17px 100% !important;
  background-position: center center !important;
}

.question_score_explain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  margin-top: 17px;
}

.question_score_explain > span {
  background: #E6E6E6;
  display: block;
  padding: 0 4px;
  border-radius: 3px 3px 3px 0;
  position: relative;
  height: 21px;
  line-height: 21px;
}

.question_score_explain > span > span {
  position: relative;
  z-index: 2;
}

.question_score_explain .explain_l::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-right: 20px solid transparent;
  border-top: 20px solid #E6E6E6;
  position: absolute;
  bottom: -8px;
  left: 0;
  z-index: 1;
}

.question_score_explain .explain_r::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-top: 20px solid #E6E6E6;
  position: absolute;
  bottom: -8px;
  right: 0;
  z-index: 1;
}

.question-sec-title {
  font-size: 17px;
  margin-top: 20px;
}

.score-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 600;
}

.score-list > li {
  width: 13.33%;
  height: 50px;
  cursor: pointer;
}

.score-list .score-list_input {
  display: none;
}

.score-list .score-list_input:checked ~ .score-list_inner {
  background-color: #FFDD00;
}

.score-list .score-list_inner {
  display: block;
  background-color: #E6E6E6;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 50px;
  width: 100%;
  height: 50px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}

.question-submit {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 40px;
}

.screen-submit {
  text-align: center;
}

.success-tit {
  font-size: 27px;
  margin-top: 80px;
}

.success-info {
  font-size: 15px;
  margin: 80px auto;
}

.page-cover-screen-wrap {
  position: relative;
  width: 100%;
  height: 250px;
}

.page-cover-screen-wrap img {
  width: 100%;
  background-size: cover;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  overflow: hidden;
  height: 100vw;
  max-height: 250px;
}

.page-cover-screen-wrap .background-image-mask {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, rgba(255, 255, 255, 0)), color-stop(10%, rgba(255, 255, 255, 0.03)), color-stop(18%, rgba(255, 255, 255, 0.06)), to(white));
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, 0.03) 10%, rgba(255, 255, 255, 0.06) 18%, white 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.screen-submit {
  background-color: #fff;
  padding-bottom: 40px;
}

.score-list_item.on .score-list_inner {
  background-color: #FFDD00;
}

.score-list_inner {
  background: url(/assets/img/star.svg) no-repeat;
  background-size: 17.5px 16.495px;
  background-position: center center;
}

.search-ranking-ct {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.search-ranking-ct .title--mypage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search-ranking-ct .clear_search {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.search-ranking-ct .clear_search [class^="ic-"] {
  font-size: 16px;
  margin-left: 2px;
}

.heading_ranking {
  display: none !important;
}

.search-history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px -20px 0;
}

.search-history .history_item {
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 5px 0 5px 15px;
  border-radius: 30px;
  text-decoration: none;
  border: 1px solid #42444e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.search-history .history_item .link {
  color: #42444f;
  text-decoration: none;
  display: block;
  font-size: 1.4rem;
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.search-history .history_item .link .s-record {
  display: none;
}

.search-history .history_item [class^="ic-"] {
  cursor: pointer;
  display: block;
  font-size: 1rem;
  line-height: 18px;
  padding: 0 20px 0 3px;
  padding-right: 15px;
  margin-left: 5px;
  border-left: 1px solid #42444f;
  font-weight: 200;
}

.search-history .history_item [class^="ic-"]::before {
  font-size: 1rem;
  display: block;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transform-origin: right;
          transform-origin: right;
}

.search-ranking-tab {
  margin-top: 40px;
}

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

.search-ranking-tab .tab_link {
  padding-left: 0;
  padding-right: 0;
  color: #42444e;
}

.search-ranking-tab .tab_link::after {
  display: none;
}

.search-ranking-tab .tab_link.is-active {
  color: #f7b500;
}

.search-ranking-tab .tab_item:not(:first-child) {
  margin-left: 40px;
}

.search-ranking-tab .tab-content {
  margin-top: 0;
}

.search-ranking-tab .tab-content_item {
  position: relative;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

.search-ranking-tab .tab-content_item.is-active {
  visibility: visible;
  height: auto;
  overflow: visible;
}

.search-ranking-tab .member-list_item:first-child {
  padding-top: 0;
}

.search-ranking-tab .circle-list.circle-list--mine .circle-list_item {
  width: 100%;
}

.search-ranking-tab .circle-list.circle-list--mine .circle-list_link {
  border-bottom: 1px solid #e6e6e6;
}

.search-ranking-tab .member-list {
  padding-top: 0;
}

.search-ranking-tab .circle-list.circle-list--mine:not(:first-child) {
  margin-top: 20px;
}

.rankingList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 5px;
}

.rankingList .rankingList-item {
  width: calc(50% - 8px);
  margin-bottom: 16px;
  background-image: linear-gradient(-95deg, #fcfcfc 0%, #f1f2f2 100%);
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.rankingList .rankingList-item .item_link {
  display: block;
  color: #42444e;
  padding: 4px 8px 4px 5px;
  text-decoration: none;
  font-size: 16px;
  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;
}

.rankingList .rankingList-item .item_link .num {
  font-weight: bolder;
  display: block;
  width: 24px;
  height: 22px;
  text-align: center;
  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: Arial;
  padding-top: 2px;
}

.rankingList .rankingList-item .item_link .wor {
  display: block;
  width: calc(100% - 27px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rankingList .rankingList-item:nth-child(1) {
  background-image: linear-gradient(-95deg, #fff9f3 0%, #ffe7e7 100%);
}

.rankingList .rankingList-item:nth-child(2) {
  background-image: linear-gradient(-95deg, #fff8fe 0%, #f0eeff 100%);
}

.rankingList .rankingList-item:nth-child(3) {
  background-image: linear-gradient(-95deg, #fbfcff 0%, #eff3ff 100%);
}

.rankingList .rankingList-item:nth-child(1) .item_link .num, .rankingList .rankingList-item:nth-child(2) .item_link .num, .rankingList .rankingList-item:nth-child(3) .item_link .num {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAAH3kF3cAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAFAAAAAAV6Uf1AAAC2klEQVQ4EW1Uv2tUQRDe2bfJSUDSJGil+BeIjZUG+yDYRCSlYiQRI7k7kyiIZ1KYGNBCEIyVCP5KaRsE0cpG4n+glZIUJhBy9+7tjN/svn13YN6xb2dnvvnm174zBo9MNy7pTn6m8d7/tZd51+nZmPb4XYlS+abu1abwbmasvhRHaimm6yIda8p1mYprzbfStlf4gJKyxyNTrRE9Ec/Wu9y2TtpkGMulQ+QJCvArMazgM5ZyNxbhUObZVgivZH62MSVdeWE8kAXU3m67U0PHqdVi8rPNNVNIU7qoNgDgUViAFKwyYpkDc4IrbzBAmYzBqUvGWnYrGj8m1UssZIwEodfgvScfv/eEvZlDqE5Njh6jzcXdnrWUpNEYken5MIV+Y2CSVsvKzt5vLmhUC0Blxkp2I3u1sq5gktv1CS7MBy1bE+1PHOBicGNlgPxNjEhLhXcAlmWndpDP1lzwBgMjDLEyxX4pY1hsTrpID4WHsQ8QZD2zNS4dAri/qZBJz96wRcwiAQK9euuIdMfKiB5b93p1ANitAICnFhDmhnFAHhvcXP4OKT4ysTKc7+/9QQE18u7pkU9L9WSrQEmhuywsDPN+/sAwzWBMNa0avw4zPXeZfUjrq/+NqyKSuTvnpfDPhM1pLGN0SSgu7HqOergEu8WFtbcG3j36osFJ6vUzGMY39uyQQeVMgQSfnmBYibiPPNgVz1SQdWcd5zQvXkBSOoCAqug9HdqOqJqhkmMHSQwAX/HzGK6xmokCq4wqoghWgjD8kFHKMJaoZCLGuurTClGkL5seCRoes1GisEoSDRDKE/wn5PTLaLZlNHVKjQ5ZABxLipgka3lhAMDjQv7ECXd4cnFCRN4wetUPrJqs2WoAdS53teFaFCJ2cujz0kYgUjJ99OPs/uhcZzbLxsto6F0qJWXAZttydr92wb7Uv6PoCdIkHLbLxdZI3inOqW2w5r7Sx9bOYTjV/QMv+wEdHi+k0QAAAABJRU5ErkJggg==");
  background-size: 18px auto;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 14px;
  color: #fff;
}

.rankingList .rankingList-item:nth-child(2) .item_link .num {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAAH3kF3cAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAFAAAAAAV6Uf1AAAC4klEQVQ4EWVUPWgUURCeednjQISAJGqC0cJaVBSrJFiKIGhxR3KaYBEjCBaKpBMjNmJAC0FQe0WDQkxptNFGQSSFFjbervFySSSg2SS3t+/Hmbf79m6Tx72d92a++eZv9wBoBcPBWZYYDPsvFjehXG8IvgPMnPplklP6xG8l39QbCF59E6EeCUC2+ENVE0qEUPEWZfxeDp6vxTAUxgDWQMZs1YZrXXzB+vlqvCbRswhCiuTCLombZ/2ZlMlJKdZVYdDBSc5ntEsVf7xhzOOmRmhqoI0rRw717cVJ1Lh4IZhqKn0jNUBTEcBkQOvgrUuzP6JYOWMGZL0BEcbe3XxSadWcIJWwLkV7qQBvTi/cjxRcizVEntmxpzy362/WCXeojde6fqZTcDqWtjozaUTth1+PNHZzDpx4bDouH3u174kFLY/4JTK8zKqz5VOFXIxGeXK2r4ALlarJVcYgC+BeAcSIU55l4L64slkykHX0JsRKHCAQ07KStgWmgBRMXYCEiUEM3gq0TKAJJCQl3gprHdgp3Vi4J46/7itQ/PlsXnZuSQoKxODY3O6v2VvwtrTaGYYbS5GEYmzEg5G53uvcI14ZKLkmz9Xx1c6N8N8t6usVpaFINYA2SBPDR0Wz8/bB6e3jyoiWLwYDWuqHUsNhIgAiAHIkaVJJd9anOo1iXumOq/0zvR84PC6PVo9qhZ+l1p4FUW0t5y0kGVFKSHetQUKHOOHFEiakMZ4iAsoG6EeRmcxFdzJPyjjGU5YeBZ7g4QoiShxtREfkHFmSjubaXlpyZj0HR8FExOycyOD6wllZYkHgNjvrnI0lBSEzeA0NAU0kcWJp03V3drIRXRkpSZ6YIL6d2qdzfkkZ8YwiJw3nDGzkNPq2LEnPJRmUEkRl7H3PdDZ+yhD443z35felWMEdZUx3i4wcLZmVK8bgzdGBnqf8d8R+vHJEiar1nD1T69qIoJ/7AEX4WJnt/dOy5k//AVQbZuUkkrx7AAAAAElFTkSuQmCC");
  background-size: 18px auto;
  background-position: center;
  background-repeat: no-repeat;
}

.rankingList .rankingList-item:nth-child(3) .item_link .num {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAAH3kF3cAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAFAAAAAAV6Uf1AAAC6ElEQVQ4EWVUy04UQRStqq4eYAgSdERX+gmGjSvlG9xAlGhAia0xuNAouFGah+FlhESiQfcSZaWJX6ArN4ZPQDcaUAMh8+h6XO+t6uqZwU56bvWtc88591b3MIbXeKovUeQ30uxd115juPxH0zNjD0f+gl/lvzyZrEL3b8VEGX8Ix2nn+nQd4pplJbqrMMxvT9U2ZdVcxpv5DdPkSVKo0BMfnVMqrhsZ1xCFSOke8hIqE5SlRUCIzroZDA+4se3kiWz0aZaIDDYiDSxSFm/Y7e8tn05TbvnovFrB5AOBG8IBEIRRKIqYwyhLVX2GH9mkAsdI4AyBnfVosWnKG6OunUk0W6qBLjyRr6mr+895Zu6hfKNHilOPto7vU77tSp5BJUkb7hRaNxxTCiB25vVP1D8Z/EgDt9ZXu18TmF9b0ENS2feuO9cRdeZGwCLD9NpGT8zHZjII1b51D6BxuLxhK9LNIiTwHaC5NOeFz9qeRZBP+sockBdxksejlngUhKZjcAxemhgIgLdiVko0hxUySAS5EGOIlsX6WjlGym1iKo6CWLHDkhaDTz72fSsmPpVALzvY/yWU6Yg1W539cOJ+GGgBCgmKySL0qoaaFsDugLYdwqIK8AZY+7KPdc0sLfH/jqsgGluGiyxTL5hh5zgWcmwMiTDim2IpYo6iW2MO+La00d3VV12fSZyPL8CANvorFkhXEIAYWUHmiUnAY9qijrk8L41Sk8LgJHMXpOgd2NyBL3KkuYjDOLdOQFqrJiWOXiARFnlVaodIQ2GIvrXcCeEB1/SNIzayIGSMhw/0VgSFltZCKwVZECMMrZ17EqU3ScF3AoaioOyHmjtwRbljJ+SFXR3WRkzsuFObmKgOCbBvWT5w74AKvTK5ZS2uwwyF5ZqBHZn91L9VHD9CWZqCOPxxeBMJ55jGDxTVA6kjI+cGdiPOHouByhv6O6I6utqIfKr5m145qDSMueC+plL0Jd08ttfcbV/9A62FNVXss5GGAAAAAElFTkSuQmCC");
  background-size: 18px auto;
  background-position: center;
  background-repeat: no-repeat;
}

.btnhistory-ct {
  display: none;
}

.btnhistory-ct_add {
  display: block;
  text-align: center;
}

.topSearchResult {
  max-width: 100% !important;
}

#search-result {
  max-width: 1200px;
  margin: 25px auto 0;
  padding: 0 20px;
}

#search-result .member-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -10px;
}

#search-result .member-list_item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(50% - 15px);
}

#search-result .circle-list.circle-list--pc-col2 {
  margin: 25px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#search-result .circle-list_item {
  width: calc(50% - 15px);
  margin-bottom: 20px;
  padding-left: 0;
}

#search-result .img-seach-result {
  margin-top: 20px;
}

.btn-join_a {
  color: #a3a6ad;
  border: 1px solid #a3a6ad;
}

.form_title_gr {
  font-size: 16px !important;
  text-align: center;
  color: #a3a6ad;
}

.his-btn {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.modal_filter_img {
  margin-top: 40px;
}

.modal_filter_img img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 200px;
}

.achievement_filter .point-filter_sort_item {
  border-left: none;
}

.achievement_filter .point-filter_sort_btn > input + span {
  font-size: 1.2rem;
  color: #a3a6ad;
  font-weight: 500;
  position: relative;
  padding-bottom: 5px;
}

.achievement_filter .point-filter_sort_btn > input + span::after {
  content: "";
  display: block;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-top: 5px;
  opacity: 0;
}

.achievement_filter .point-filter_sort_btn > input:checked + span {
  color: #42444e;
  font-size: 1.5rem;
}

.achievement_filter .point-filter_sort_btn > input:checked + span::after {
  opacity: 1;
}

.content_bg_a .tab_link {
  padding-left: 0;
  padding-right: 0;
}

.content_bg_a .tab_item:not(:first-child) {
  margin-left: 80px;
}

.l-wrapper.l-wrapper--V.search .l-main {
  background: #f5f5f5;
}

.content.topSearch {
  background-color: #fff;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.content.topSearch .input-search-header_icon {
  margin-right: 16px;
}

.content_search.content_search_addd {
  width: 100%;
  max-width: 100%;
}

.content_search.content_search_addd .input-search-header {
  max-width: 595px;
  width: 595px;
  margin-left: auto;
  margin-right: auto;
}

.content_search.content_search_addd .btn-search-action {
  width: calc(100% - 595px);
  text-align: center;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bolder;
}

.form-search-add {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}

.rankingList_big .rankingList-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rankingList_big .rankingList-item .item_link {
  width: calc(100% - 75px);
}

.form-search-add-sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-search-add-sp .input-search {
  width: calc(100% - 35px);
}

.form-search-add-sp .btn-search-action {
  font-size: 13px;
  width: 35px;
  text-align: right;
  font-weight: bolder;
  color: #42444e;
}

.photo_footer_hl_past .photo_pic_title {
  width: 100%;
}

.photo_footer_hl_past .photo_post_past .photo_pic .photo_pic_meta {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.photo_footer_hl_past .photo_post_past .photo_pic .photo_pic_meta .photo_pic_meta-left {
  width: calc(100% - 70px);
}

.photo_footer_hl_past .photo_post_past .photo_pic .photo_pic_meta .photo_pic_meta-right {
  text-align: right;
  width: 60px;
}

.photo_footer_hl_past .photo_post_past .photo_pic .photo_pic_title {
  font-size: 12px !important;
}

.filterCat {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 0;
  margin-left: -10px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background: #fff;
}

.filterCat.filterCat_inner {
  width: 100%;
}

.filterCat .catLi {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 10px;
}

.filterCat .catBtn_c {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 24px;
}

.filterCat .catBtn_c.chose .ic-chevron-down {
  background-image: url("/assets/img/ico-sanjiao-on.png");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.filterCat .catBtn_c .catName_c {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: 400;
  padding: 5px 25px 5px 10px;
  display: block;
  cursor: pointer;
  color: #42444e;
  display: block;
  min-width: 55px;
  max-width: 8.6em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  position: relative;
  z-index: 2;
}

.filterCat .catBtn_c .catName_b {
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #a3a6ad;
  padding: 5px 10px;
  cursor: pointer;
}

.filterCat .catBtn_c .catName_b .ic-reload {
  margin-right: 3px;
  margin-top: -1px;
}

.filterCat .catBtn_c .catName_b.on {
  color: #f7b500;
}

.filterCat .catBtn_c.chose {
  position: relative;
}

.filterCat .catBtn_c.chose .catName_c {
  color: #f7b500;
}

.filterCat .catBtn_c.chose .ic-chevron-down {
  color: #f7b500;
}

.filterCat .catBtn_c .ic-chevron-down {
  position: absolute;
  width: 9px;
  height: 7px;
  background-image: url("/assets/img/ico-sanjiao.png");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 4;
}

.filterCat .catBtn_c .ic-chevron-down::before {
  display: none;
}

.filterCat .catLi-max {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 5px 50px 5px 0;
}

.filterCat .catLi-max::-webkit-scrollbar {
  display: none;
}

.filterCat .catLi_g {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.filterCat .catBtn_c.on .catName_c {
  border: 1px solid transparent;
}

.filterCat .catCon {
  position: absolute;
  background: #fff;
  width: 100%;
  top: 43.7px;
  z-index: 1004;
  border-radius: 0 0 15px 15px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  pointer-events: none;
}

.filterCat .catCon.on {
  opacity: 1;
  pointer-events: all;
}

.filterCat .catList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
  padding: 10px 0;
  max-height: 200px;
  overflow-y: scroll;
  border-radius: 15px 15px 0 0;
  background: #fff;
}

.filterCat .catList::-webkit-scrollbar {
  width: 8px;
}

.filterCat .catList::-webkit-scrollbar-thumb {
  background-color: #d8d8d8;
  border-radius: 5px;
}

.filterCat .catList::-webkit-scrollbar-track {
  background-color: transparent;
}

.filterCat .catList::-webkit-scrollbar {
  -webkit-appearance: none;
}

.filterCat .catList::-webkit-scrollbar:hover {
  width: 8px;
}

.filterCat .catList li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #a3a6ad;
}

.filterCat .catList li.is-active {
  color: #f7b500;
}

.filterCat .catList li.is-active .ic-check {
  border: 1.5px solid #42444e;
  background-color: #f7b500;
}

.filterCat .catList li.is-active .ic-check::before {
  display: block;
}

.filterCat .catList li .wr {
  display: block;
  padding: 5px 0 5px 50px;
  margin-right: 15px;
}

.filterCat .catList li .ic-check {
  position: absolute;
  width: 18px;
  height: 18px;
  background: #fff;
  border: 1.5px solid #a3a6ad;
  border-radius: 3px;
  left: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.filterCat .catList li .ic-check::before {
  display: none;
  color: #42444e;
}

.filterCat .catList-three li {
  width: 33.33%;
}

.filterCat .catList-one li {
  width: 50%;
}

.filterCat .catDetermine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px;
  background: #fff;
}

.filterCat .catDetermine button:not(:first-child) {
  margin-left: 10px;
}

.filterCat .catDetermine button {
  padding: 10px 0;
}

.content_Cat.on {
  position: relative;
}

.content_Cat.on .close_cat {
  position: absolute;
  width: 200%;
  height: 100%;
  top: 43.7px;
  left: -15px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1003;
  pointer-events: visible;
}

.wen-info {
  display: block;
  position: relative;
  margin-left: auto;
  right: 0;
  z-index: 3;
}

.wen-info.wen-info2 {
  visibility: hidden;
  pointer-events: none;
}

.wen-info img {
  width: 18px;
  cursor: pointer;
}

.hot-ct {
  position: relative;
  padding-right: 80px;
}

.hot-ct.hot-ct2 {
  padding-right: 0;
}

.hot-ct .hot-ico {
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 14px;
  color: #a3a6ad;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.hot-ct .hot-ico img {
  display: block;
  width: 12px;
  margin-right: 3px;
}

.activity-state {
  padding: 2px 0;
  width: 60px;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  border-radius: 4px;
  font-size: 12px;
  background-image: linear-gradient(108deg, #dcdcdc 0%, #c1c1c1 100%);
}

.activity-state.ing {
  background-image: linear-gradient(108deg, #ff7c6e 0%, #f4317f 100%);
}

.activity-state.fut {
  background-image: linear-gradient(108deg, #ffdab2 0%, #f88f8f 100%);
}

.tab-add .tab_link:after {
  width: 32px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.tab-add .tab_link {
  padding-left: 0;
  padding-right: 0;
}

.tab-add .tab_item:not(:first-child) {
  margin-left: 40px;
}

.questionnaire_body {
  padding: 30px 0;
}

.tab-add-tl {
  margin-top: 35px;
  padding-bottom: 35px;
}

.tab-add-tl .tab_link {
  color: #42444e;
}

.content-full--gray {
  background: #f5f5f5;
}

.ct-study {
  width: 100%;
  max-width: 720px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 35px auto;
  background: #fff;
  padding: 25px 35px;
  box-sizing: border-box;
}

.ct-study.ct-study-fu {
  margin-top: -10px;
}

.ct-study.ct-study-fu .list-masonry {
  margin: 0 -15px;
}

.ct-study.ct-study-fu .list-masonry_body:not(:first-child) {
  padding-bottom: 20px;
}

.ct-study .list-masonry {
  width: 100%;
}

.ct-study .list-masonry_item {
  width: 100%;
}

.ct-study .list-masonry_viewers {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.ct-study .viewers-reaction:not(:first-child) {
  margin-left: 10px;
}

.ct-study .list-masonry_title {
  font-size: 18px;
}

.ct-study .study-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ct-study .study-tag .study-list-masonry_tag {
  margin-right: 10px;
}

.ct-study .study-tag .study-list-masonry_tag,
.ct-study .study-tag .list-masonry_tag--violet {
  margin-top: 0;
}

.ct-study .gallery.gallery--multiple > * {
  max-width: 136px;
}

.ct-study .list-masonry_radius:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ct-study .list-masonry_radius {
  padding: 0;
}

.ct-study .list-masonry_item {
  border-bottom: 1px solid #e6e6e6;
  padding-top: 10px;
  padding-bottom: 20px;
}

.ct-study .ready-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  bottom: 20px;
  text-decoration: none;
  color: #42444e;
}

.ct-study .ready-more:hover {
  color: #f7b500;
}

.ct-study .list-masonry.list-masonry--circle .list-masonry_slider {
  margin-top: 0;
}

.ct-study .gallery {
  margin-left: -8px;
}

.ct-study .gallery .gallery_item {
  padding-left: 8px;
}

.no-rest {
  height: 300px;
  text-align: center;
}

.no-rest .winfo {
  margin: 70px auto 80px;
  font-size: 16px;
  color: #42444e;
}

.no-rest .noimg img {
  max-width: 200px;
}

.border-none {
  border: none !important;
  text-decoration: none;
}

.noscrollbar::-webkit-scrollbar {
  display: none;
}

.tab_link_no_line .tab_link:after {
  display: none !important;
}

.tab_link_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 21px;
}

.tab_link_img img {
  display: block;
  width: 80px;
}

.tab_link_img .on {
  position: absolute;
  left: 0;
  opacity: 0;
}

.tab_link_img.is-active .no {
  opacity: 0;
}

.tab_link_img.is-active .on {
  opacity: 1;
}

.list-masonry_meta_time_add {
  margin-top: 3px;
}

.fw-400 {
  font-weight: 400 !important;
}

.btn-join-a {
  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;
}

.event-location {
  position: absolute;
  right: 0;
  top: 0;
  width: 118px;
  height: 36px;
  line-height: 36px;
  background: url("/assets/img/event-location-bg.png");
  background-size: cover;
  font-size: 14px;
  color: #0a0203;
  text-align: right;
  padding-right: 5px;
  cursor: default;
}

.event-status {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 118px;
  height: 36px;
  line-height: 36px;
  background: url("/assets/img/event-status-bg.png");
  color: #fff;
  background-size: cover;
  padding-left: 16px;
  cursor: default;
}

.list-masonry_slider .list-masonry_pic img {
  width: 100%;
}

.lottery-ft {
  background: #2e2e60;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-bottom: 30px;
}

.lottery-inn {
  background: #2e2e60;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.lottery-inn .lottery-tit {
  position: absolute;
  width: 84%;
  top: 20px;
  left: 8%;
  margin: 0;
  padding: 0;
}

.lottery-inn .lottery-date {
  width: 100%;
  font-size: 22px;
  position: absolute;
  text-align: center;
  bottom: 47px;
  color: #fff;
  margin: 0;
}

.lottery-inn .lucky-inn {
  position: absolute;
  bottom: 200px;
  left: 80px;
}

.lottery-inn .luckyword {
  font-size: 22px;
  line-height: 1.2;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
  font-weight: 600;
  z-index: 9;
}

.clo img {
  position: absolute;
  pointer-events: none;
}

.clo .clo-1 {
  top: 290px;
  left: 52px;
  max-width: 100px;
}

.clo .clo-1-1 {
  top: 0px;
  left: 52px;
  max-width: 100px;
}

.clo .clo-2 {
  top: 500px;
  right: 60px;
  max-width: 90px;
}

.lucky-no {
  pointer-events: none;
}

.no-lottery {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}

.lotwordbnt {
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 600;
}

.lotwordbnt .ic-angle {
  margin-left: 7px;
}

.lot-grayl {
  color: #a3a6ad;
  text-decoration: none;
}

.modal_lottery {
  width: 100%;
  height: auto;
  max-width: 345px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  overflow: hidden;
  border-radius: 6px;
  background: transparent;
}

.modal_lottery .modal_achievement_info {
  background-color: #5f62b9;
}

.modal_lottery .achievement_content_inner {
  padding: 37px 25px 33px;
}

#colse_modal_lottery {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 25px;
  cursor: pointer;
  z-index: 99;
  color: #a3a6ad;
  font-weight: 500;
}

.zindex3 {
  position: relative;
  z-index: 3;
}

.modlot-tit > img {
  width: 80%;
}

.lot-anm > div {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  max-width: none;
}

.lot-anm .bgline {
  width: 900%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.lot-anm .bgline2 {
  width: 400%;
  top: -75%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.lot-anm .bgjh {
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.lot-anm .bgjh2 {
  width: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.lot-anm .clo-1 {
  width: 80px;
  top: 100px;
  left: -25px;
}

.lot-anm .clo-1-1 {
  width: 90px;
  top: 37px;
  right: 110px;
  z-index: 6;
}

.lot-anm .clo-2 {
  width: 80px;
  bottom: 90px;
  right: -30px;
}

.giflev {
  font-size: 24px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  margin: 15px 0 0 0;
}

.gifename {
  font-size: 15px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  margin: 0 0 15px 0;
}

.gifimgbox {
  width: 200px;
  height: 200px;
  margin: 15px auto 6px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
}

.gifimgbox img {
  max-width: 160px;
  width: 180px;
}

@-webkit-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.mvrotateIn-infinite {
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.bounceIn-infinite {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.cj-bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.cj-fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.cj-fadeInBtn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation-duration: 1.7s;
          animation-duration: 1.7s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

.content_inner_lottery {
  background-color: #2e2e60;
  overflow: hidden;
}

.realupdate-bigti {
  padding: 8px 14px;
  font-size: 16px;
  margin: 20px 30px 0;
  background: #fff;
  border-radius: 8px;
}

.realupdate-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.realupdate-inner li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}

.realupdate-inner .realupdate {
  width: 40%;
  padding-right: 1%;
}

.realupdate-inner .realupdate span {
  padding-left: 7%;
}

.realupdate-inner .realupuid {
  width: 20%;
}

.realupdate-inner .realupuid a {
  text-decoration: none;
  color: #fff;
}

.realupdate-inner .realupurank {
  width: 10%;
}

.realupdate-inner .realupugif {
  width: 22%;
}

.realupdate-list {
  color: #fff;
  margin-left: 30px;
  margin-right: 30px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 30px;
  height: 300px;
  overflow-y: scroll;
}

.realupdate-list .realupdate-inner {
  font-size: 16px;
  margin-bottom: 7px;
}

.realupdate-list ul {
  margin: 0;
}

.realupdate-list-tit {
  font-size: 16px;
  color: #fff;
  padding: 15px 0 7px;
}

.realupdate-list-tit:not(:first-child) {
  padding-top: 7px;
}

.lottery-ftad {
  margin-top: 20px;
}

.content_inner_rule {
  padding: 20px 30px 50px !important;
}

.content_inner_rule h3 {
  font-size: 24px;
  text-align: center;
}

.content_inner_rule h4 {
  font-size: 18px;
}

.content_inner_lottery-bg {
  min-height: 400px;
  background-color: #2e2e60;
  background-image: url("/assets/img/_lottery/zjline.png");
  background-size: 400%;
  background-position: center center;
  padding: 20px 30px;
  overflow: hidden;
}

.prize-list {
  margin: 30px;
}

.prize-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background-color: #fff;
  text-decoration: none;
  color: #42444e;
  margin-bottom: 20px;
  padding: 15px;
  border-radius: 6px;
}

.prize-list-l {
  width: 72px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.prize-list-l img {
  width: 100%;
}

.prize-list-r {
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 9px;
  overflow: hidden;
  width: 100vw;
  max-width: 590px;
}

.prize-list-r .infor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.prize-list-r .infor-date {
  color: #a3a6ad;
}

.prize-list-r .tit {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 3px;
}

.prize-list-r .tit2 {
  color: #F7B500;
}

.dflex-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dflex-c .ic-angle {
  margin-left: 10px;
}

.prize-detail {
  background: #fff;
  border-radius: 6px;
  padding: 30px 15px;
  margin: 30px;
}

.prize-detail h2 {
  text-align: center;
}

.prize-btn {
  margin-top: 0 !important;
  margin-bottom: 30px;
}

.btn-base-whtie {
  background: #fff;
}

.winners-list-inner {
  background-color: #2e2e60;
  background-repeat: no-repeat;
  overflow: hidden;
  margin-top: 30px;
  padding: 70px 15px 30px;
}

.winners-list-tit {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  font-size: 22px;
  position: relative;
}

.winners-list-tit span {
  position: absolute;
  text-align: center;
  width: 100%;
  color: #fff;
  left: 0;
  bottom: 45px;
}

.winners-list-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
}

.winners-list-info .winners-list-info-l,
.winners-list-info .winners-list-info-r {
  width: 42%;
}

.winners-list-entry {
  margin-top: 15px;
}

.winners-list-info-t {
  background-color: #fff;
  font-size: 14px;
  border-radius: 6px;
  padding: 8px;
}

.winners-list-data {
  margin-top: 7px;
}

.winners-list-data > div {
  padding-left: 10px;
}

.winners-list-lay {
  margin-bottom: 40px;
  max-width: 332px;
  margin-left: auto;
  margin-right: auto;
}

.winners-list-cot {
  margin-top: 30px;
}

.spacingh12 {
  width: 100%;
  height: 12px;
  background-color: #fff;
}

.mean-ico img {
  width: 26px;
}

.badge-zan {
  position: relative;
}

.badge-zan .menu_link_badge {
  position: absolute;
  top: 0;
  right: -3px;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.coupon-list {
  padding: 30px;
}

.coupon-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
}

.coupon-item:not(:last-child) {
  margin-bottom: 20px;
}

.coupon-item .coupon-item-l {
  width: 100px;
  height: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: linear-gradient(-45deg, #ffefe2 0%, #fff7c4 100%);
  border: 1px solid #f7b500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.coupon-item .cou-nu {
  font-size: 36px;
  line-height: 1.2;
  font-weight: 600;
  color: #252831;
}

.coupon-item .cou-nu img {
  width: 60px;
}

.coupon-item .cou-info {
  font-size: 15px;
  font-weight: 600;
  color: #42444e;
}

.coupon-item .coupon-item-r {
  margin-left: 4px;
  width: calc(100% - 104px);
  background-color: #fff;
  border: 1px solid #f7b500;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.coupon-item .cou-tit {
  width: 100%;
  font-size: 17px;
  color: #f7b500;
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.coupon-item .cou-tit.no-link {
  color: #252831;
}

.coupon-item .cou-date-eare {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.coupon-item .cou-date-eare .coudate {
  color: #a3a6ad;
  font-size: 15px;
  width: 100%;
  margin-right: 6px;
}

.coupon-item .cou-date-eare .coudateexpiry {
  color: #fa5a53;
}

.coupon-item .cou-date-eare .btn {
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.coupon-item .btn-action {
  padding: 5px 18px;
}

.coupon-item .crq > div {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #f7b500;
  z-index: 2;
  pointer-events: none;
}

.coupon-item .crq .crq-on {
  top: -5px;
  left: -5px;
}

.coupon-item .crq .crq-tw {
  width: 14px;
  height: 14px;
  top: -7px;
  left: 91px;
}

.coupon-item .crq .crq-th {
  top: -5px;
  right: -5px;
}

.coupon-item .crq .crq-fo {
  right: -5px;
  bottom: -5px;
}

.coupon-item .crq .crq-fv {
  width: 14px;
  height: 14px;
  bottom: -7px;
  left: 91px;
}

.coupon-item .crq .crq-sx {
  left: -5px;
  bottom: -5px;
}

.coupon-item-gray .crq > div,
.coupon-item-gray .coupon-item-r {
  border: 1px solid #a3a6ad;
}

.coupon-item-gray .coupon-item-l {
  background: linear-gradient(135deg, #ededed 0%, #d6d6d6 100%);
  border: 1px solid #a3a6ad;
}

.coupon-item-gray .cou-date-eare .btn {
  border: 1px solid #a3a6ad;
  color: #a3a6ad;
  background: #fff;
}

.coupon-item-gray .cou-tit {
  color: #252831;
}

.coupon-item-used {
  position: relative;
}

.coupon-item-used::after {
  content: "";
  display: block;
  width: 78px;
  height: 78px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("/assets/img/co-used.svg");
  background-size: cover;
  pointer-events: none;
}

.catCon-date {
  text-align: center;
}

.catCon-date .flatpickr-calendar {
  margin: 0 auto;
}

.catCon-date2 .showxcrlyp {
  padding: 10px;
}

.catCon-date2 .showxcrlyp img {
  width: 100%;
}

.filterCat .catCon.catCon-date {
  max-width: 435px;
}

.fixed-topbarpc {
  position: absolute;
  font-size: 13px;
  font-weight: 600;
  right: 98px;
  top: 8px;
  z-index: 6;
}

.fixed-topbarpc a {
  color: #252831;
  text-decoration: none;
}

.pr_inner_bg {
  background: #e6e6e6;
  min-height: 500px;
  padding-top: 10px !important;
}

.filter-gradient_item a {
  text-decoration: none;
}

.prize-list-item-detail {
  padding-bottom: 50px;
  margin-bottom: 0;
}

.disb {
  display: block;
}

.merchantredemption {
  margin: -70px 50px 50px;
  position: relative;
}

.merchantredemption.merchantredemption-used ::after {
  content: "";
  display: block;
  width: 88px;
  height: 88px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(/assets/img/co-used.svg);
  background-size: cover;
  pointer-events: none;
}

.merchantredemption .merchantredemption-info {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: calc(100% - 80px);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.merchantredemption .merchantredemption-info.merchantredemption-info-b {
  margin: 0 !important;
}

.merchantredemption .mer-t {
  font-size: 16px;
}

.merchantredemption .mer-ad {
  font-size: 14px;
}

.merchantredemption .mer-na {
  font-size: 18px;
  font-weight: 600;
  margin: 5px 0;
}

.merchantredemption-b {
  margin-top: -50px;
  margin-bottom: 40px;
}

.merchantredemption-c .merchantredemption-info {
  top: calc(50% + 5px);
}

.prize-detail-out {
  display: none;
}

.rule-datail {
  text-align: center;
}

.rule-datail-more-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  position: relative;
  z-index: 3;
  margin-bottom: 30px;
}

.rule-datail-more-btn .ic-chevron-down {
  margin-left: 10px;
}

.merchantredemption-c {
  position: absolute;
  z-index: 3;
  top: 50px;
  left: 0;
}

.merchantredemption-input[type="text"] {
  display: block;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #a3a6ad;
  border-radius: 4px;
  font-size: 14px;
}

.mrverify {
  display: block;
  width: 100%;
  padding: 8px 10px;
}

.merchantredemption-info .verify-wrap {
  background: rgba(255, 221, 0, 0.2);
  border: none;
  height: 24px;
  border-radius: 12px;
  padding: 0;
  overflow: hidden;
}

.merchantredemption-info .verify-wrap .drag-btn {
  border-radius: 0 12px 12px 0;
  background-image: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  height: 24px;
  border: none;
  top: 0;
}

.merchantredemption-info .verify-wrap .drag-btn::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("/assets/img/ico-sxjt.png");
  background-size: 100% 100%;
  z-index: 2;
  pointer-events: none;
}

.merchantredemption-info .verify-wrap .drag-progress {
  height: 24px;
  background-image: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  border: none;
}

.merchantredemption-info .verify-wrap .verify-msg {
  background-image: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  height: 24px;
  border-radius: 12px;
  line-height: 24px;
  color: #fff;
}

.merchantredemption-info .verify-wrap .fix-tips,
.merchantredemption-info .verify-msg {
  line-height: 24px;
  color: #a3a6ad;
}

.me-say {
  font-size: 12px;
  text-align: center;
  margin-top: 8px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

.am-fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.am-rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.checkin-pa .checkinbtn {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #e6e6e6;
  position: fixed;
  z-index: 100;
  cursor: pointer;
}

.checkin-pa .checkinbtn .ring {
  display: block;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.checkin-pa .checkinbtn .ring path {
  stroke-dashoffset: 30;
}

.checkin-pa .checkinbtn .checkinbtn-wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 39.5px;
  height: 39.5px;
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}

.checkin-pa .checkinbtn .checkinbtn-wr span {
  display: block;
  text-align: center;
  font-size: 12px;
  color: #f7b500;
  line-height: 1.1;
}

.checkin-pa .checkinbtn .checkinbtn-wr-ct {
  display: none;
}

.checkin-pa .checkinbtn-0 .checkinbtn-wr-ct-0 {
  display: block;
}

.checkin-pa .checkinbtn-0 .checkinbtn-wr {
  width: 52px;
  height: 52px;
  background-image: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.checkin-pa .checkinbtn-0 .checkinbtn-wr span {
  color: #fff;
}

.checkin-pa .checkinbtn-0 .checkinbtn-wr .ic-input {
  margin-bottom: 3px;
}

.checkin-pa .checkinbtn-1 {
  background-image: url("/assets/img/chbg-1.png");
  background-size: cover;
}

.checkin-pa .checkinbtn-1 .checkinbtn-wr-ct-1 {
  display: block;
  margin-top: 4px;
}

.checkin-pa .checkinbtn-1 .progress-fill {
  stroke-dashoffset: 221;
}

.checkin-pa .checkinbtn-2 {
  background-image: url("/assets/img/chbg-2.png");
  background-size: cover;
}

.checkin-pa .checkinbtn-2 .checkinbtn-wr-ct-1 {
  display: block;
  margin-top: 4px;
}

.checkin-pa .checkinbtn-2 .progress-fill {
  stroke-dashoffset: 184;
}

.checkin-pa .checkinbtn-3 {
  background-image: url("/assets/img/chbg-3.png");
  background-size: cover;
}

.checkin-pa .checkinbtn-3 .checkinbtn-wr-ct-1 {
  display: block;
  margin-top: 4px;
}

.checkin-pa .checkinbtn-3 .progress-fill {
  stroke-dashoffset: 147;
}

.checkin-pa .checkinbtn-4 {
  background-image: url("/assets/img/chbg-4.png");
  background-size: cover;
}

.checkin-pa .checkinbtn-4 .checkinbtn-wr-ct-1 {
  display: block;
  margin-top: 4px;
}

.checkin-pa .checkinbtn-4 .progress-fill {
  stroke-dashoffset: 110;
}

.checkin-pa .checkinbtn-5 {
  background-image: url("/assets/img/chbg-5.png");
  background-size: cover;
}

.checkin-pa .checkinbtn-5 .checkinbtn-wr-ct-1 {
  display: block;
  margin-top: 4px;
}

.checkin-pa .checkinbtn-5 .progress-fill {
  stroke-dashoffset: 73;
}

.checkin-pa .checkinbtn-6 {
  background-image: url("/assets/img/chbg-6.png");
  background-size: cover;
}

.checkin-pa .checkinbtn-6 .checkinbtn-wr-ct-3 {
  display: block;
  margin-top: 4px;
}

.checkin-pa .checkinbtn-6 .progress-fill {
  stroke-dashoffset: 36;
}

.checkin-pa .checkinbtn-7 {
  background-image: url("/assets/img/chbg-7.png");
  background-size: cover;
}

.checkin-pa .checkinbtn-7 .checkinbtn-wr-ct-3 {
  display: block;
  margin-top: 4px;
}

.checkin-pa .checkinbtn-7 .progress-fill {
  stroke-dashoffset: 0;
}

.checkin-pa .checkinbtn-8 .checkinbtn-wr-ct-4 {
  display: block;
}

.checkin-pa .checkinbtn-8 .checkinbtn-wr span {
  color: #f7b500;
}

.checkin-pa .checkinbtn-8 .checkinbtn-wr .ic-input {
  margin-bottom: 1px;
}

.checkin-pa .checkinbtn-8 .progress-fill {
  stroke-dashoffset: 70;
}

.entcheck-in-eare {
  background-color: #fff;
  margin-top: 10px;
  padding: 15px;
  border-radius: 5px;
}

.entcheck-in-eare .entcheck-user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.entcheck-in-eare .entcheck-user-info .entcheck-user-l {
  width: 44px;
  margin-right: 10px;
}

.entcheck-in-eare .entcheck-user-info .entcheck-user-r-t {
  font-size: 17px;
  color: #252831;
}

.entcheck-in-eare .entcheck-user-info .entcheck-user-r-t span {
  color: #f7b500;
  padding-left: 3px;
  padding-right: 3px;
  font-weight: 900;
}

.entcheck-in-eare .entcheck-user-info .entcheck-user-r-say {
  font-size: 15px;
  color: #42444e;
  margin-top: 2px;
}

.entcheck-in-eare .entcheck-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}

.entcheck-in-eare .entcheck-data .entcheck-data-it {
  margin: 0 3px;
  width: 14.28%;
}

.entcheck-in-eare .entcheck-data .entcheck-data-a {
  background-image: linear-gradient(-38deg, #ffefe2 0%, #fff7c4 100%);
  border-radius: 10px;
  padding: 8px 10px 5px;
  border: 1px solid #f7b500;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.entcheck-in-eare .entcheck-data .entcheck-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffdf2d), to(#ffce93));
  background-image: linear-gradient(90deg, #ffdf2d 0%, #ffce93 100%);
}

.entcheck-in-eare .entcheck-data .entcheck-ico img {
  width: 16px;
  display: block;
}

.entcheck-in-eare .entcheck-data span.num {
  color: #f7b500;
  display: block;
  font-size: 13px;
  margin-top: 3px;
}

.entcheck-in-eare .entcheck-data .entcheck-data-b {
  font-size: 12px;
  color: #a3a6ad;
  text-align: center;
  display: block;
  margin-top: 3px;
}

.entcheck-already {
  display: none;
  cursor: pointer;
}

.entcheck-data-it.on {
  position: relative;
}

.entcheck-data-it.on .entcheck-already {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  color: #f7b500;
  background-image: linear-gradient(-38deg, #ffefe2 0%, #fff7c4 100%);
}

.worf-rd {
  color: #fa5a53;
}

.content_search.pc {
  padding-bottom: 20px;
}

.circle .navbar_menu_item:nth-child(2) .navbar_menu_ic:after {
  content: "";
}

.bg-black {
  background: #42444e;
}

.level-carousel {
  margin-left: -18px;
  padding: 30px;
  position: relative;
}

.level-carousel .slick-arrow {
  display: none !important;
}

.level-carousel .slick-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.level-carousel .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.level-carousel .slick-dots li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  text-indent: -300px;
  overflow: hidden;
  background: #D8D8D8;
  margin: 0 3px;
}

.level-carousel .slick-dots li button {
  text-indent: -300px;
}

.level-carousel .slick-dots .slick-active {
  background-color: #F7B500;
}

.level-caitem-ct {
  background-image: url("/assets/img/level-caitembg.png");
  background-size: 100% 100%;
  background-position: right bottom;
  padding: 20px 15px;
}

.content_inner-rt {
  padding: 0 !important;
}

.link-chevron2 {
  vertical-align: 0;
}

.level-caitem {
  background-image: url("/assets/img/level-caitembg1.png");
  background-size: 100% 100%;
  background-position: right bottom;
  padding: 20px 15px;
  border-radius: 10px;
  color: #fff;
  margin-left: 3px;
  margin-right: 3px;
}

.level-caitem2 {
  background-image: url("/assets/img/level-caitembg2.png");
}

.level-caitem3 {
  background-image: url("/assets/img/level-caitembg3.png");
}

.level-caitem4 {
  background-image: url("/assets/img/level-caitembg4.png");
}

.level-caitem5 {
  background-image: url("/assets/img/level-caitembg5.png");
}

.su-tit {
  font-size: 14px;
  padding-bottom: 2px;
  height: 24px;
}

.rt_user_lv {
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.rt_user_lv2 {
  font-size: 14px;
  margin-top: 25px;
  height: 22px;
}

.rt_user_lv-img {
  width: 64px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.rt_ftinfo {
  margin-top: 15px;
  height: 50px;
}

.rt_ftinfo-in {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.level-tit {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  margin-top: 10px;
}

.list-gift-rt {
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 -5px 0 -15px;
}

.list-gift-tab {
  padding-top: 20px;
}

.tab-rt {
  color: #fff;
  margin-top: 20px;
}

.tab-rt .tab_link.is-active {
  color: #fff;
}

.tab-rt .tab_link:after {
  width: 2em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.content_inner-girtlist {
  padding-bottom: 20px !important;
  margin-top: 20px !important;
}

.list-gift-rt .list-gift_body {
  padding: 20px 15px;
}

.list-gift-rt .list-gift_title {
  font-size: 15px;
  color: #42444E;
}

.list-gift-rt .list-gift_say {
  font-size: 12px;
  color: #A3A6AD;
  margin-top: 6px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-gift-rt .list-gift_menu {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.list-gift-rt .showlecimg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.list-gift-rt .showlecimg img {
  width: 22px;
}

.list-gift-rt .showlecimg img:not(:first-child) {
  padding-left: 5px;
}

.no-redeem .list-gift_pic {
  position: relative;
  display: block;
}

.no-redeem .list-gift_pic::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  overflow: hidden;
  border-radius: 10px 10px 0px 0px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.no-redeem .no-redeem-word {
  position: absolute;
  display: block;
  width: 130px;
  z-index: 3;
  font-size: 15px;
  background: rgba(0, 0, 0, 0.6);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  padding: 15px 25px;
  color: #fff;
  border-radius: 10px;
}

.redeem-img {
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 30px;
}

.redeem-info {
  background: #fff;
  border-radius: 5px;
  padding: 30px;
  margin-bottom: 30px;
}

.redeem-info .re-tit {
  font-size: 16px;
  color: #252831;
  font-weight: 600;
}

.redeem-info .re-deltail {
  font-size: 14px;
  color: #42444E;
  margin: 6px 0;
}

.redeem-info .re-piece {
  font-size: 17px;
  color: #252831;
  font-weight: 600;
}

.redeem-info .re-piece .num {
  color: #F7B500;
  display: inline-block;
  margin: 0 3px;
  vertical-align: middle;
}

.redeem-info .red-need {
  font-size: 14px;
  color: #42444E;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 6px;
}

.redeem-info .red-need img {
  width: 22px;
  margin-left: 5px;
}

.redeem-detail {
  margin: 0;
}

.redeem-detail h2 {
  font-size: 17px;
  color: #42444E;
  margin-bottom: 10px;
}

.redeem-detail p {
  margin-bottom: 15px;
}

#level-carousel {
  display: none !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
}

.heightauto {
  height: auto;
  max-height: initial !important;
}

.nodrop {
  cursor: initial !important;
}

.btn-nodrop {
  background: #a3a6ad !important;
  color: #fff !important;
  cursor: no-drop;
}

.ol-ct2 .heading {
  display: block;
  border-bottom: 1px solid #e6e6e6;
}

.ol-ct2 .form:not(:first-child) {
  margin-top: 25px !important;
}

.ol-ct2 .userName {
  border: 1px solid #e6e6e6;
  padding: 6px 0 6px 20px;
}

.ol-ct2 .input-text.js-reset > button {
  padding-bottom: 0;
}

.prohibit {
  cursor: no-drop !important;
  background: #b2afaf !important;
}

.ol-form {
  margin-top: 0 !important;
}

.ol-form .input-tel_number {
  padding: 0 0 6px 20px;
}

.ol-form .form_title:not(:first-child) {
  margin-top: 20px;
}

.ol-form .form_action {
  margin-top: 35px !important;
}

.ol-form .tab {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 272px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -20px;
}

.ol-form .tab_link {
  font-size: 24px;
}

.ol-form .tab_link:after {
  width: 48px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.ol-form .input-text {
  margin-top: 7px;
}

.ol-form .input-tel_international {
  cursor: pointer;
  width: 112px;
  font-size: 16px !important;
  text-align: center;
}

.ol-form .list-link-login-add {
  width: 100%;
}

.ol-form2 {
  position: relative;
}

.ol-form2 .list-gradient-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ol-form2 .list-gradient-info .list-gradient_item-info {
  border-bottom: 0;
  padding: 0;
  width: 30.85%;
  margin-bottom: 0;
}

.ol-form2 .list-gradient-info .list-gradient_item-info p {
  margin-top: 0;
}

.ol-form2 .list-gradient-info {
  margin-top: 15px;
}

.ol-form2 .list-gradient-info .list-gradient_item-info button {
  position: initial;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  margin-bottom: 10px;
}

.ol-form2 .select-category li .on {
  border: none;
}

.ol-form3 form {
  height: auto !important;
  overflow: scroll !important;
}

#modal-wxcode.modal_content.modal_content--confirm {
  width: auto;
  padding: 20px 20px 10px 20px;
}

#modal-wxcode .mtoe {
  margin-top: 10px;
  color: #242424;
}

.ow-img img {
  max-width: 150px;
}

.ol-form3 .ow-img {
  margin-top: 60px;
}

.ol-form3 .form_action {
  margin-top: 60px !important;
}

.ol-form3 .form_action2 {
  margin-top: 35px !important;
}

.ol-form3 .input-text2 {
  background: transparent url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076%2076%22%3E%3Cdefs%2F%3E%3Cpath%20fill%3D%22%2342444E%22%20d%3D%22M61.272%2023.168L39.581%2047.521%2017.889%2023.168a2.98%202.98%200%2000-2.074-.997%202.98%202.98%200%2000-2.168.792c-1.235%201.141-1.314%203.07-.207%204.323l21.961%2024.667a5.598%205.598%200%20008.377%200l21.944-24.667a3.085%203.085%200%2000.776-2.06c0-.871-.365-1.695-.982-2.264a2.962%202.962%200%2000-4.244.206z%22%2F%3E%3C%2Fsvg%3E) no-repeat right 20px center;
  background-size: 18px 18px;
  padding-right: 100px;
  padding: 7px 100px 7px 20px;
}

.op-wechat {
  max-height: none !important;
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: 100%;
  height: auto;
  border-radius: 5px 5px 0 0;
}

.jiantou {
  padding: 0 !important;
  line-height: 39px;
}

.btn-inline {
  font-weight: 600;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  padding: 4px 14px !important;
  width: auto !important;
  font-size: 1.4rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn-inline [class^="ic-"] {
  margin-right: 5px;
  font-size: 1.4em;
}

.input-gender .input-gender_item {
  width: 33.3%;
}

.chose-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.chose-area .input-area {
  width: 45%;
}

.input-reader2 {
  position: relative;
}

.input-reader2 > button {
  position: absolute;
  bottom: 45px;
  display: none !important;
  right: 0;
}

.input-reader3 > button {
  bottom: 0;
  display: none !important;
}

.shuru .modal_backdrop {
  opacity: 0 !important;
}

.btn-nicheng {
  width: 110px !important;
  text-align: center;
  height: auto !important;
  color: #42444e;
  font-size: 1.5rem;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  padding: 6px 9px;
  border-radius: 25px;
  top: 2px !important;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
}

.ol-ct2 .userName2 {
  border: none !important;
  border-bottom: 1px solid #e6e6e6 !important;
}

#modal-shuru img {
  width: 100% !important;
}

.input-upload2 {
  max-width: 100px !important;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
  position: relative;
  z-index: 2;
}

.form_title2 {
  margin-top: 7px !important;
  margin-bottom: -32px !important;
  text-align: center;
  color: #666;
  font-size: 14px !important;
  position: relative;
  top: -31px;
}

.pick-area {
  display: block;
  width: 100%;
  position: relative;
  font-size: 16px;
  background: #fff;
  text-decoration: none;
  cursor: default;
}

.pick-show {
  width: 100%;
  position: relative;
  padding: 4px 20px 6px;
  height: 42px;
  line-height: 42px;
  /* border: 1px solid #dedede; */
  border-bottom: 1px solid #e6e6e6;
  border-radius: 3px;
}

.pick-show span {
  float: left;
  display: inline-block;
  max-width: 130px;
  height: 24px;
  line-height: 24px;
  padding: 0 3px;
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  cursor: pointer;
}

.pick-show span:hover {
  color: #fff !important;
  border-radius: 3px;
}

.pick-show span.pressActive {
  background: #7894d4;
  color: #fff !important;
  border-radius: 3px;
}

.pick-show em.pick-arrow {
  position: absolute;
  top: 10px;
  right: 8px;
  display: block;
  width: 18px;
  height: 18px;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076%2076%22%3E%3Cdefs%2F%3E%3Cpath%20fill%3D%22%2342444E%22%20d%3D%22M61.272%2023.168L39.581%2047.521%2017.889%2023.168a2.98%202.98%200%2000-2.074-.997%202.98%202.98%200%2000-2.168.792c-1.235%201.141-1.314%203.07-.207%204.323l21.961%2024.667a5.598%205.598%200%20008.377%200l21.944-24.667a3.085%203.085%200%2000.776-2.06c0-.871-.365-1.695-.982-2.264a2.962%202.962%200%2000-4.244.206z%22%2F%3E%3C%2Fsvg%3E) no-repeat;
  background-size: 18px 18px;
}

.pick-show i {
  float: left;
  display: inline-block;
  padding: 0 3px;
  color: #333;
  font-style: normal;
}

.pick-list {
  display: none;
  position: absolute;
  width: 100%;
  line-height: 36px;
  margin: 0;
  padding: 0;
  background: #fff;
  z-index: 999999999;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #dedede;
  border-top: none;
}

.pick-list li {
  margin: 0;
  padding-left: 8px;
  list-style: none;
  color: #888;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pick-list li:hover {
  color: #fff;
  font-weight: bold;
}

.input-datepicker2 {
  padding: 0 140px 6px 12px;
}

.ol-ct2 .ow-she .userName2 {
  border-bottom: none !important;
}

.ol-ct2 .ow-she .userName {
  padding-left: 10px !important;
}

.ow-she {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 1px solid #e6e6e6 !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ow-she .input-upload {
  max-width: 45px;
  margin-bottom: 6px;
  margin-left: 5px;
}

.flex-sb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ol-form4 form {
  overflow: inherit !important;
}

.ol-ct2 .form_item-fri {
  margin-top: 30px;
}

.ol-ct2 .ol-form .form_title:not(:first-child) {
  margin-top: 30px;
}

.onlysp .form_item-fri,
.onlysp .content_mv_title {
  margin-top: 30px;
}

.onlysp .ol-form .form_title:not(:first-child) {
  margin-top: 30px;
}

#modal-touxiang {
  background: transparent;
}

.title {
  font-size: 1.5rem;
  font-weight: 500;
}

.title.title--em {
  color: #252831;
}

.title-icon {
  color: #42444e;
  font-size: 1.5rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.title-icon a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #42444e;
  width: 100%;
}

.title-icon > span,
.title-icon > a > span {
  font-size: 1.8rem;
  margin-right: 10px;
}

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

.title-underline {
  border-bottom: solid 1px #e6e6e6;
  padding-bottom: 10px;
  width: 100%;
}

.title-thanks {
  font-size: 1.7rem;
  font-weight: 500;
  text-align: center;
}

.title-modal {
  font-size: 1.5rem;
  font-weight: 500;
}

.title-small {
  font-size: 1.3rem;
}

.text-xlarge {
  font-size: 1.7rem;
}

.text-large {
  font-size: 1.7rem;
}

.text-small {
  font-size: 1.2rem;
}

.text-xsmall {
  font-size: 1.1rem;
}

.text-regular {
  font-weight: 400 !important;
}

.text-medium {
  font-weight: 500 !important;
}

.text-semi {
  font-weight: 600 !important;
}

.text-base {
  color: #42444e;
}

.text-em {
  color: #252831;
}

.text-primary-dark {
  color: #f7b500;
}

.text-weak {
  color: #a3a6ad;
}

.text-attention {
  color: #fa5a53;
}

.text-description {
  font-size: 1.2rem;
  line-height: 1.5;
}

.text-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.text-datetime {
  color: #a3a6ad;
  font-size: 1.2rem;
  font-weight: normal;
}

.label {
  display: inline-block;
  background: linear-gradient(-45deg, #ffefe2 0%, #fff7c4 100%);
  color: #42444e;
  font-size: 1.1rem;
  line-height: 1;
  padding: 5px 15px;
}

.coins-msg {
  background: linear-gradient(-45deg, #ffefe2 0%, #fff7c4 100%);
  padding: 5px 20px;
  border-radius: 5px;
}

.coins-msg span[class^="ic-"] {
  margin-right: 0.5em;
}

.link-base {
  color: #42444e;
  text-decoration: none;
}

.link-primary {
  color: #fd0;
  font-weight: 500;
  text-decoration: none;
}

.link-dprimary {
  color: #F7B500;
  font-weight: 500;
  text-decoration: none;
}

.link-weak {
  color: #a3a6ad;
  text-decoration: none;
}

.link-chevron {
  color: #42444e;
  font-weight: 600;
  text-decoration: none;
}

.link-chevron:after {
  font-family: 'iconfont' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  vertical-align: bottom;
  text-transform: none;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 1.8rem;
  margin-left: 5px;
}

.link-chevron.link-chevron--weak, .link-chevron.is-disabled {
  color: #A3A6AD;
}

.link-chevron.link-chevron--white {
  color: #fff;
}

.link-reader {
  color: #42444e;
  font-weight: 600;
  text-decoration: none;
}

.link-reader:after {
  font-family: 'iconfont' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  vertical-align: bottom;
  text-transform: none;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 1.8rem;
  margin-left: 4px;
}

.link-reader.is-disabled {
  color: #A3A6AD;
}

.link-reader.link-reader--large {
  font-size: 1.7rem;
}

.link-reader.link-reader--large:after {
  font-size: 2.4rem;
}

.link-icon {
  color: #42444e;
  font-size: 1.5rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.link-icon > span {
  font-size: 1.8rem;
  margin-right: 10px;
}

.link-border {
  font-size: 1.5rem;
  display: block;
  padding-bottom: 7px;
  border-bottom: 1px solid #e6e6e6;
}

.link-border .ic-chevron {
  font-size: 1.8rem;
}

.btn-action {
  color: #42444e;
  font-size: 1.8rem;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 13px 10px;
  border: 1px solid transparent;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-action.btn-action-m {
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%) !important;
}

.btn-action[disabled], .btn-action.is-disabled {
  color: #a3a6ad;
  background: #fff;
  border-color: #a3a6ad;
}

.btn-action[disabled], .btn-action.is-disabled:hover {
  opacity: 1;
  cursor: default;
}

.btn-action.btn-gary {
  color: #42444e;
  background: #fff;
  border-color: #a3a6ad;
}

.btn-action.btn-garyad {
  color: #A3A6AD;
  background: #F1F2F2;
  border-color: #A3A6AD;
}

.btn-action.btn-garyab {
  color: #42444e;
  background: transparent;
  border-color: #42444e;
}

.btn-weak {
  color: #a3a6ad;
  font-size: 1.8rem;
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 13px 10px;
  border: 1px solid #a3a6ad;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-base {
  color: #42444e;
  font-size: 1.8rem;
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 13px 10px;
  border: 1px solid #42444e;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-gary {
  color: #A3A6AD;
  font-size: 1.8rem;
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 13px 10px;
  border: 1px solid #A3A6AD;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-report {
  color: #fff;
  font-size: 1.1rem;
  line-height: 1;
  text-align: center;
  min-width: 60px;
  padding: 3px 5px;
  border: 1px solid #fff;
  border-radius: 25px;
}

.btn-ic {
  color: #a3a6ad;
  font-size: 1.4rem;
  line-height: 1;
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
  text-decoration: none;
  min-width: 30px;
  padding: 2px 0;
  border: 1px solid #a3a6ad;
  border-radius: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-ic > span {
  display: block;
}

.btn-ic.btn-ic--weak, .btn-ic.is-disabled, .btn-ic[disabled] {
  color: #a3a6ad;
  background: none;
  border-color: #a3a6ad;
}

.btn-ic.btn-ic--large {
  min-width: 60px;
}

.btn-ic.is-active {
  color: #42444e;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  border-color: transparent;
}

.btn-delete {
  line-height: 1;
  display: inline-block;
  vertical-align: bottom;
}

.btn-delete > span {
  display: block;
}

.btn-reset {
  color: #e6e6e6;
  font-size: 2rem;
  width: 20px;
  height: 20px;
}

.btn-reader {
  color: #252831;
  font-size: 1.8rem;
  width: 18px;
  height: 18px;
}

.btn-small {
  font-size: 1.1rem;
  display: inline-block;
  width: auto;
  padding: 4px 14px;
  border-radius: 25px;
}

.btn-external {
  font-size: 1rem;
  line-height: 1;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  padding: 5px 12px;
  border-radius: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-external > span {
  font-size: 1rem;
  margin-left: 5px;
}

.btn-upload {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #e6e6e6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.btn-upload:before, .btn-upload:after {
  content: "";
  display: block;
  background: #a3a6ad;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.btn-upload:before {
  width: 25px;
  height: 1px;
}

.btn-upload:after {
  width: 1px;
  height: 25px;
}

.btn-upload-video {
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #e6e6e6;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.btn-upload-video > span {
  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;
  width: 50px;
  height: 50px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.btn-upload-video > span:before {
  color: #fff;
  font-size: 2.7rem;
  line-height: 1;
  position: relative;
  z-index: 1;
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}

.btn-upload-video > span:after {
  content: "";
  display: block;
  background: rgba(51, 51, 51, 0.7);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.btn-upload-video-s {
  width: 144px;
  height: 144px;
  padding-top: 0;
  position: relative;
}

.btn-upload-video-s::before, .btn-upload-video-s::after {
  content: "";
  display: block;
  background: #a3a6ad;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.btn-upload-video-s:before {
  width: 25px;
  height: 1px;
}

.btn-upload-video-s:after {
  width: 1px;
  height: 25px;
}

.btn-upload-video-s img {
  position: relative;
  z-index: 2;
}

.btn-upload-preview {
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #a3a6ad;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.btn-upload-preview > span {
  display: block;
  width: 44px;
  height: 44px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.btn-upload-preview > span:before, .btn-upload-preview > span:after {
  content: "";
  display: block;
  background: #a3a6ad;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.btn-upload-preview > span:before {
  width: 100%;
  height: 2px;
}

.btn-upload-preview > span:after {
  width: 2px;
  height: 100%;
}

.btn-popover {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}

.btn-popover.btn-popover--emoticon .btn-popover_content {
  width: 120px;
  height: 30px;
  padding: 3px 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  bottom: calc(100% + 3px);
  z-index: 1;
}

.btn-popover.btn-popover--r .btn-popover_content {
  left: inherit;
  right: -10px;
}

.btn-popover.btn-popover--r .btn-popover_content:before {
  left: inherit;
  right: 5px;
}

.btn-popover_content {
  display: none;
  background: #fff;
  border-radius: 30px;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
}

.btn-popover_content:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top: 14px solid #fff;
  border-bottom: none;
  position: absolute;
  left: 2px;
  bottom: -7px;
}

.btn-popover_content.is-active {
  display: block;
}

.btn {
  font-size: 1.1rem;
  display: inline-block;
  width: auto;
  padding: 4px 14px;
  border-radius: 25px;
  border: 1px solid #42444e;
}

.btn.btn-action {
  border: 0;
}

.btn-join {
  color: #42444e;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
  text-decoration: none;
  min-width: 60px;
  padding: 4px 7px;
  border: 1px solid #42444e;
  border-radius: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-join.is-pending {
  color: #a3a6ad;
  border-color: transparent;
}

.btn-join.is-owner {
  color: #f7b500;
  background: rgba(255, 221, 0, 0.1);
  border-color: #f7b500;
}

.btn-join.btn-join--white {
  color: #fff;
  border-color: #fff;
}

.btn-join.btn-join--white.is-pending, .btn-join.btn-join--white.is-joined {
  border-color: transparent;
}

.btn-comment {
  color: #42444e;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  padding: 7px 13px;
  border-radius: 16px;
}

.btn-comment > span {
  font-size: 1.8rem;
  margin-left: 10px;
}

.btn-follow {
  color: #42444e;
  font-size: 1.1rem;
  font-weight: 500;
  text-decoration: none;
  padding: 4px 10px;
  background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
  border: 1px solid transparent;
  border-radius: 5px;
}

.btn-follow.is-active {
  background: #fff;
  border-color: #42444e;
}

.btn-follow.is-active > span:not(:first-child) {
  display: inherit;
}

.btn-follow.is-active > span:not(:last-child) {
  display: none;
}

.btn-follow > span:not(:first-child) {
  display: none;
}

.btn-follow__off {
  color: #42444e;
  font-size: 1.1rem;
  font-weight: 500;
  text-decoration: none;
  padding: 4px 10px;
  border: 1px solid #42444e;
  border-radius: 5px;
}

.btn-follow__off.is-active {
  background: #fff;
  border-color: #42444e;
}

.btn-follow__off.is-active > span:not(:first-child) {
  display: inherit;
}

.btn-follow__off.is-active > span:not(:last-child) {
  display: none;
}

.btn-follow__off > span:not(:first-child) {
  display: none;
}

.btn-hash {
  color: #42444e;
  font-size: 1.2rem;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  padding: 5px 9px;
  border: 1px solid #42444e;
  border-radius: 25px;
}

.btn-hash[disabled], .btn-hash.is-disabled {
  color: #a3a6ad;
  border-color: #a3a6ad;
}

.btn-hash .ic-cross {
  text-align: right;
  width: 13px;
  margin-left: 5px;
  border-left: 1px solid #42444e;
}

.btn-hash .ic-cross:before {
  font-size: 1rem;
  display: block;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transform-origin: right;
          transform-origin: right;
}

.btn-gradient {
  color: #42444e;
  font-size: 1.2rem;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  padding: 5px 9px;
  border: 1px solid #42444e;
  border-radius: 25px;
}

.btn-gradient[disabled], .btn-gradient.is-disabled {
  color: #a3a6ad;
  background: #fff;
  border: 1px solid #a3a6ad;
}

.btn-gradient_low {
  background: linear-gradient(135deg, #ecf8de 0%, #d9f7e3 100%);
  border: none;
}

.btn-gradient_mid {
  background: linear-gradient(135deg, #e5f9f7 0%, #dae7fb 100%);
  border: none;
}

.btn-gradient_high {
  background: linear-gradient(135deg, #eceeff 0%, #ede1fd 100%);
  border: none;
}

.btn-gradient > span {
  font-size: 1.2rem;
}

.btn-title-accordion {
  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;
  width: 100%;
  padding: 4px 12px 12px;
  border-bottom: 1px solid #e6e6e6;
}

.btn-title-accordion.is-active .ic-chevron-down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.btn-title-accordion .ic-chevron-down {
  font-size: 1.8rem;
}

.btn-trash {
  text-decoration: none;
  color: #a3a6ad;
  font-size: 1.4rem;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 2px;
  right: 0;
}

.list-masonry_title .btn-trash {
  top: 5px;
}

.sticker {
  color: #F7B500;
  font-size: 1rem;
  background: rgba(255, 221, 0, 0.1);
  padding: 0 7px;
}

.sticker-lyellow {
  background: linear-gradient(-45deg, #ffefe2 0%, #fff7c4 100%);
}

.sticker-yellow {
  background: linear-gradient(-45deg, #FFCDA5 0%, #FAE24B 100%);
}

.sticker-blue {
  background: linear-gradient(-45deg, #EAF8F4 0%, #DEE0FF 100%);
}

.sticker-lblue {
  background: linear-gradient(-45deg, #DEE0FF 0%, #EAF8F4 100%);
}

.sticker-lgreen {
  background: linear-gradient(-45deg, #DFECF5 0%, #F5FFE2 100%);
}

.sticker-lpink {
  background: linear-gradient(-45deg, #E2DEFF 0%, #FFF2F0 100%);
}

.sticker-gray {
  background: #f5f5f5;
}

.sticker-dark-gray {
  background: #42444e;
}

.sticker-active {
  background: linear-gradient(-45deg, #ffefe2 0%, #fff7c4 100%);
}

.sticker-icon {
  color: #42444e;
  font-size: 1.1rem;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: bottom;
  text-decoration: none;
  padding: 4px 6px;
  border-radius: 5px;
}

.sticker-icon_ic, .sticker-icon_i {
  font-size: 1.6rem;
  margin-left: 2px;
  position: relative;
  vertical-align: middle;
}

.sticker-icon_ic:before, .sticker-icon_i:before {
  position: relative;
  z-index: 1;
}

.sticker-icon_ic:after, .sticker-icon_i:after {
  content: "";
  display: block;
  background: linear-gradient(-45deg, #FFCDA5 0%, #FAE24B 100%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  right: 2px;
}

.sticker-radius {
  color: #42444e;
  font-size: 1.1rem;
  padding: 0 7px;
  border-radius: 25px;
}

.sticker-category {
  color: #42444e;
  font-size: 1.1rem;
  display: inline-block;
  line-height: 1;
  padding: 6px 4px;
  border: 1px solid #42444e;
  border-radius: 5px;
}

.sticker-grade {
  color: #42444e;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
  text-align: center;
  min-width: 50px;
  padding: 3px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sticker-grade.sticker-grade--01 {
  background: linear-gradient(-45deg, #D9F7E3 0%, #ECF8DE 100%);
}

.sticker-grade.sticker-grade--02 {
  background: linear-gradient(-45deg, #DAE7FB 0%, #E5F9F7 100%);
}

.sticker-grade.sticker-grade--03 {
  background: linear-gradient(-45deg, #EDE1FD 0%, #ECEEFF 100%);
}

.sticker-grade.sticker-cancel {
  background: #e6e6e6;
  cursor: pointer;
  text-decoration: none;
}

.sticker-grade.sticker-yellow {
  background: rgba(250, 112, 106, 0.1);
  cursor: pointer;
  text-decoration: none;
}

.sticker-hash {
  color: #42444e;
  font-size: 1.2rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sticker-hash:before {
  font-family: 'iconfont' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  vertical-align: bottom;
  text-transform: none;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 1.2rem;
}

.sticker-lv {
  line-height: 1;
  width: 24px;
}

.sticker-lv > img {
  height: 100%;
}

.sticker-before {
  margin-right: 10px;
}

.is-ofi:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.is-ofi img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
}

.hidden {
  display: none;
}

.ta-left {
  text-align: left !important;
}

.ta-center {
  text-align: center !important;
}

.ta-right {
  text-align: right !important;
}

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

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

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

.mt {
  margin-top: 1.5em;
}

.mt-low {
  margin-top: .75em;
}

.mt-xlow {
  margin-top: .5em;
}

.mt-none {
  margin-top: 0;
}

.mt-none:not(:first-child) {
  margin-top: 0;
}

.policy > ol > li,
.policy > ul > li {
  margin-top: 1em;
}

.policy > ol > li:first-child,
.policy > ul > li:first-child {
  margin-top: 0;
}

.policy > ol > li > ol,
.policy > ul > li > ol {
  padding-left: 0;
}

.policy > ol > li > ol > li,
.policy > ul > li > ol > li {
  list-style-type: none;
  counter-increment: brackets-number;
}

.policy > ol > li > ol > li:before,
.policy > ul > li > ol > li:before {
  content: "(" counter(brackets-number) ") ";
}

.policy > ol > li > ol ul, .policy > ol > li > ol ol,
.policy > ul > li > ol ul,
.policy > ul > li > ol ol {
  padding-left: 2em;
  margin-top: 0;
}

.policy .no-mark {
  list-style: none;
  margin-left: 1em;
}

.switching {
  width: 72px;
  height: 72px;
  position: absolute;
  top: 0;
  right: 0;
}

.switching a {
  display: block;
}

.qr .qr_text {
  font-size: 1.6rem;
  margin-top: 25px;
}

.qr .qr_img {
  background: #fff;
  padding: 22px;
  margin-top: 24px;
}

.overlay-search {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.is-search .overlay-search {
  visibility: visible;
  opacity: 1;
  z-index: 1003;
}

.overlay-search_tools {
  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;
  height: 44px;
  position: relative;
  padding: 7px 15px 4px 0;
  border-bottom: 1px solid #e6e6e6;
}

.overlay-search_back {
  width: 54px;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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;
}

.overlay-search_back a {
  color: #42444e;
  font-size: 2.4rem;
  line-height: 1;
  text-decoration: none;
  width: 24px;
  height: 24px;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.overlay-search_back a .overlay-search_back_text {
  display: none;
}

.overlay-search_input {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

.overlay-search_input .input-search {
  background: #f8f8f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
}

.overlay-search_input .input-search .input-search_icon {
  font-size: 1.8rem;
  color: #a3a6ad;
  margin-left: 5px;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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;
  height: 30px;
}

.overlay-search_input .input-search input {
  border: 0;
  background: transparent;
  font-size: 1.6rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  padding: 6px 0;
}

.overlay-search_input .input-search input:focus {
  border: 0;
  outline: none;
}

.overlay-search_history {
  padding: 20px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 600px;
}

.overlay-search_history p {
  font-size: 1.5rem;
  font-weight: 500;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.overlay-search_history button {
  font-size: 1.8rem;
}

.overlay-search_history_content {
  margin: 20px 0 0 -5px;
}

.overlay-search_history_content a {
  text-decoration: none;
  display: block;
}

.overlay-search_history_content a span {
  color: #42444e;
  background: #f5f5f5;
  border: 0;
  text-decoration: none;
}

.search-result.is-404 {
  padding-top: 40px;
}

.search-result.is-404 .search-result_title {
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
}

.hr {
  border: none;
  border-top: 1px solid #f7f7f7;
}

.hr:not(:first-child) {
  margin-top: 20px;
}

.img-avatar {
  position: relative;
}

.img-avatar > img {
  border-radius: 50%;
}

.img-avatar_badge {
  color: #fff;
  font-family: "PingFang SC", sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1;
  background: #fa5a53;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 3;
}

.img-avatar_badge.badge_num {
  width: 16px;
  height: 16px;
}

.img-photo {
  border-radius: 5px;
  overflow: hidden;
}

.img-full {
  width: 100%;
}

.img-seach-result {
  text-align: center;
  width: 100%;
}

.img-seach-result > img {
  max-width: 128px;
}

.intro {
  margin-top: 30px;
}

.intro-list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.intro-list_item {
  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-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.intro-list_item:nth-child(2) {
  margin: 0 45px;
}

.intro-list_icon {
  display: block;
  color: #fd0;
  font-size: 4.8rem;
  margin-bottom: 5px;
}

.textlink {
  text-decoration: none;
  font-size: 1.1rem;
}

.textlink--weak {
  color: #a3a6ad;
}

@media screen and (max-width: 768px) {
  * {
    -webkit-tap-highlight-color: transparent;
  }
  html.is-search {
    overflow: hidden;
  }
  .l-wrapper.l-wrapper--O {
    overflow-y: scroll;
  }
  .l-wrapper.l-wrapper--postnavbar {
    width: 100%;
    height: 100%;
    padding-bottom: 51px;
    position: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .l-footer_info_mypage {
    width: 100%;
  }
  .l-pagetop {
    width: 48px;
    height: 48px;
  }
  .content.content--sp-white {
    background: #FFF;
  }
  .content.content--post {
    height: 100%;
  }
  .content.content--post .content_body {
    height: 100%;
  }
  .content.content--post .content_inner {
    height: 100%;
    padding: 0;
  }
  .content_header.content_header--sp-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .content_header_tags {
    width: 100%;
    margin-top: 15px;
  }
  .content_header_right {
    width: 100%;
  }
  .content_footer {
    background: #fff;
  }
  .form.form--post {
    height: calc(100% - 44px);
    margin-top: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .form.form--post .form_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
  .list-masonry.list-masonry--wide .list-masonry_item {
    width: 100%;
  }
  .list-masonry.list-masonry--top .list-masonry_item {
    width: 100%;
  }
  .list-masonry.list-masonry--top .list-masonry_like button:not(.is-active) {
    color: #fff;
    border-color: #fff;
  }
  .list-masonry.list-masonry--article .list-masonry_item {
    width: 100%;
  }
  .list-masonry.list-masonry--article .list-masonry_radius {
    padding: 0;
  }
  .list-masonry.list-masonry--article .list-masonry_like button:not(.is-active) {
    color: #fff;
    border-color: #fff;
  }
  .list-masonry.list-masonry--circle .list-masonry_item {
    width: 100%;
    margin-bottom: 15px;
  }
  .list-masonry.list-masonry--circle .list-masonry_like button:not(.is-active) {
    color: #FFF;
    border-color: #FFF;
  }
  .list-masonry.list-masonry--switch.is-wide .list-masonry_item {
    width: 100%;
  }
  .list-masonry.list-masonry--bbs .list-masonry_item {
    width: 100%;
  }
  .list-masonry_info .list-masonry_user {
    margin-top: 5px;
  }
  .list-masonry_info-head {
    margin-top: 5px;
  }
  .list-masonry_info-detail {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    border-radius: 5px 5px 0 0;
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .list-masonry_info-detail_inner {
    padding: 20px 15px;
  }
  .list-masonry_info-detail .list-masonry_info_action {
    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-top: 1px solid #e6e6e6;
  }
  .list-masonry_info-detail .list-masonry_info_action_item {
    max-width: 100%;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .list-masonry_info-detail .list-masonry_info_action_item:not(:first-child) {
    border-left: 1px solid #e6e6e6;
  }
  .list-masonry_info-detail .list-masonry_info_action .info_action_btn {
    color: #42444e;
    font-size: 1.8rem;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .list-masonry_info-detail .list-masonry_info_action .info_action_btn--semi {
    font-weight: 600;
  }
  .list-masonry_title {
    font-size: 1.5rem;
  }
  .list-achievement {
    padding: 0 0 10px;
  }
  .modal_sns_body {
    overflow-x: inherit;
  }
  .modal_sns_body ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .modal_sns_body ul li {
    margin: 0 10px;
    min-width: 55px;
  }
  .modal_sns_body ul li [class^="ic-"] {
    font-size: 3.2rem;
  }
  .modal-share.modal_content.modal_content--bottom {
    max-height: none !important;
  }
  .profile_cover_bg {
    margin: 30px auto;
  }
  .profile_cover_bg > img {
    width: 280px;
  }
  .profile_cover_name > * {
    margin: 10px 8px 0 0 !important;
  }
  .profile_cover_name {
    padding: 12px 15px 22px;
  }
  .profile_cover_code {
    top: -6px;
  }
  .profile_cover_code img {
    width: 24px;
  }
  .profile_stats-fir {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .profile_stats_line {
    display: block;
    background: #979797;
    width: 1px;
    height: 20px;
  }
  .profile_experience {
    margin: 20px 15px;
  }
  .profile_experience_honor {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .profile_experience_honor .experience_honor-l {
    width: 56px;
    margin-right: 20px;
  }
  .profile_experience_honor .experience_honor-r h4 {
    font-size: 17px;
  }
  .profile_experience_honor .experience_honor-r p.honor-r-txt {
    margin: 8px auto 0;
  }
  .profile_experience_btn.profile_experience_btn_add {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .menu_list_item [class^="ic-"] {
    background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
    padding: 10px;
    font-size: 2.6rem;
    border-radius: 20px;
  }
  .menu_accordion_body {
    display: block !important;
  }
  .menu_link_ic {
    margin-bottom: 7px;
  }
  .menu_link_text {
    font-weight: 600;
  }
  .tab-sort {
    margin-bottom: 10px;
  }
  .tab-sort .tab_link [class^="ic-"] {
    margin-bottom: 1px;
  }
  .filter {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding-bottom: 9px;
    overflow: scroll;
  }
  .content_header_left {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .filter_content {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .filter_item {
    min-width: 58px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .filter_nowrap {
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: 10px;
  }
  .filter_nowrap .filter {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .filter_nowrap .filter_item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .filter-gradient {
    overflow: hidden;
  }
  .filter-gradient .filter-gradient_list {
    overflow: scroll;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .filter-product_ic-add,
  .filter-product_ic-add > img {
    width: 2.4rem;
    height: 2.4rem;
  }
  .photo_pic > img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .member-list_body {
    margin-left: 12px;
  }
  .show-404-img img {
    max-width: 255px;
  }
  .code_login .add-code {
    overflow: hidden;
  }
  .code_login .add-code .menu_link_ic {
    float: right;
    margin-top: 0.5rem;
  }
  .code_login .add-code .menu_link_ic span {
    font-size: 1.6rem;
  }
  .user-code {
    padding: 3rem 2rem;
    border-radius: 1rem;
    max-width: 180px;
    width: auto !important;
    margin: 5rem auto;
  }
  .user-codead {
    margin: 0 auto;
    max-width: 300px;
  }
  .integral_box {
    padding: 0 !important;
    margin-top: 0 !important;
  }
  .integral_content_list {
    padding: 20px 15px;
  }
  .js-slider-photos .slider_item_content {
    padding: 0 5px;
  }
  .comment-form_link-acv {
    position: fixed;
    right: 15px;
    top: 160px;
  }
  .word_red {
    border-bottom: none;
  }
  .word_red::after {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background: whitesmoke;
    border-top: 1px solid #e6e6e6;
  }
  .photo_address {
    margin-top: 10px;
  }
  .event-status_item_modal {
    padding: 0 15px;
  }
  .list-masonry_viewers_photo_details {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .list-masonry_viewers_photo_details .viewers-reaction {
    margin-bottom: 1rem;
  }
  .input-textarea-post_reply {
    height: 100%;
  }
  .photo_category_topic {
    margin-left: -3px;
  }
  #modal-good {
    max-height: 292px;
  }
  .postnavbar_reply {
    position: fixed;
    bottom: 0;
  }
  .repair_inner .user-code {
    margin-bottom: 0 !important;
  }
  .repair_inner .form_action {
    padding-bottom: 40px;
  }
  .user_info_boundary {
    display: block;
    height: 40px;
    margin-bottom: -1px;
    position: relative;
    margin: 0 -15px -1px;
    background: #fff;
  }
  .user_info_boundary:before {
    content: "";
    display: block;
    width: calc(100% - 30px);
    height: 1px;
    background-color: #e6e6e6;
    position: absolute;
    top: 0;
    left: 15px;
  }
  .user_info_boundary:after {
    content: "";
    display: block;
    width: 100%;
    height: 7px;
    background-color: whitesmoke;
    position: absolute;
    left: 0;
    bottom: 7px;
  }
  .user_info_boundary2 {
    height: 2px;
  }
  .user_info_boundary2:before {
    display: none;
  }
  .user_info_boundary2:after {
    height: 10px;
  }
  .filter_content {
    margin-right: -15px;
  }
  .content_scrollnav_header-add {
    padding: 0;
  }
  .content_scrollnav_nav-add {
    padding: 0;
  }
  .filter-gradient-bbs {
    margin-top: 15px;
  }
  .filter-gradient-bbs-add {
    background-color: whitesmoke !important;
    padding: 10px 0;
    margin-top: 0;
  }
  .filter-gradient-bbs-add .filter-gradient_text {
    padding: 2px 11px;
    font-size: 1.1rem;
  }
  .more_btn:before, .more_btn:after {
    width: calc(50% - 105px);
  }
  .more_btn button {
    height: 42px;
    font-size: 1.4rem;
    width: 160px;
    height: 38px;
  }
  .tab_activity {
    margin: 0 -15px;
  }
  .report-info-list {
    background-color: #e6e6e6;
  }
  .report-info {
    text-align: left;
  }
  .filter-activity_box .list-masonry_item {
    width: 100%;
    padding-left: 0;
  }
  .list-photos li .wait-review {
    font-size: 1.4rem;
  }
  .list-photos li .no-review {
    font-size: 1.4rem;
  }
  .photo_category_detail {
    padding-right: 50px;
  }
  a.link_report {
    font-size: 12px;
    padding: 0 5px;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    top: 0;
  }
  .ic-post-comment img {
    width: 24px;
  }
  .js-slider-top {
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .js-slider-top.slider {
    padding-bottom: 0;
  }
  .bg-sp-white {
    background-color: #fff !important;
  }
  .list-masonry.sp-half .list-masonry_item {
    width: 50%;
  }
  .post-address {
    margin-bottom: 0;
  }
  .page-sp-center {
    min-height: 563px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .chose-user-list {
    height: 40px;
    padding: 6px 0;
    margin-bottom: 15px;
  }
  .chose-user-list li {
    width: 40px;
    height: 40px;
    margin: 0 7px;
  }
  .chose-user-list li::before {
    width: 12px;
    height: 12px;
    right: -4px;
    top: 0;
  }
  .white-box {
    padding-top: 15px;
  }
  .message-dialogue {
    margin: 0;
  }
  .title-contribution img {
    width: 120px;
  }
  .circle-nav_verified::before {
    border-radius: 0 0 4px 0;
  }
  .verified-box::before {
    border-radius: 0 0 4px 0;
  }
  .circle-list_media_pic-verified::before {
    border-radius: 0 0 4px 0;
  }
  .title-sticker-hash {
    margin-top: 10px;
  }
  .list-masonry_detail {
    padding-bottom: 15px;
  }
  .avatar-quality-masonry::before {
    bottom: -2px;
    left: 16px;
  }
  .btn-upload-again {
    font-size: 1.1rem;
    display: inline-block;
    width: auto;
    padding: 4px 14px;
    border-radius: 25px;
  }
  .form_action.form_action--row.form_item.form_item--xlow {
    margin-bottom: 55px;
  }
  .top-btn-scanCode {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 5px;
    top: 5px;
  }
  .top-btn-scanCode .input-search_reset {
    position: relative;
  }
  .top-btn-scanCode .input-search_reset [class^="ic-"] {
    display: block;
  }
  .top-btn-scanCode .btn-scanCode {
    margin-left: 9px;
  }
  .top-btn-scanCode .btn-scanCode img {
    display: block;
    width: 18px;
    height: 18px;
  }
  .list-masonry--circle .list-masonry_item--inner:after {
    content: "";
    display: block;
    width: calc(100% + 30px);
    position: relative;
    left: -15px;
    height: 20px;
    background-color: #f1f2f2;
  }
  .gary-interval .list-masonry_item .list-masonry_viewers {
    padding-bottom: 20px;
  }
  .gary-interval .list-masonry_item:after {
    content: "";
    display: block;
    width: calc(100% + 30px);
    position: relative;
    left: -15px;
    height: 20px;
    background-color: #f1f2f2;
  }
  .circle-user-name.user-name-photo {
    max-width: 4em;
  }
  .list-masonry_user-circle {
    margin-right: 5px;
  }
  .contest-results_head_hl {
    font-size: 15px;
    padding: 20px;
  }
  .photo_contest_gallery {
    padding-left: 20px;
    padding-right: 20px;
  }
  .photo_post_hl .list-masonry_user-word {
    font-size: 17px;
  }
  .photo_post_hl_static .contest-results_gallery {
    padding: 13px 0;
  }
  .photo_post_hl_static .author {
    font-size: 17px;
    padding: 0 20px;
  }
  .photo_post_hl_static .author span:first-child {
    margin-right: 13px;
  }
  .photo_post_hl_static .contest-results_gallery {
    background: url("/assets/img/gallery_author_s_sp.jpg");
    background-size: 100% 100%;
  }
  .bg-white-sp {
    background-color: #fff;
  }
  .achievement-inner-in {
    background-color: transparent;
  }
  .achievement-inner-content {
    margin: 0 15px;
    border-radius: 5px;
    min-height: 68vh;
  }
  .achievement-inner-content.achievement-inner-content_fitter {
    border-radius: 0 0 5px 5px;
  }
  .achievement-progress {
    margin-left: 47px;
    margin-right: 47px;
  }
  .modal_achievement .colse_modal-achievement_right {
    top: 8px;
    right: 8px;
  }
  .list-achievement-inside .content_action_ach {
    margin-left: 47px;
    margin-right: 47px;
  }
  .achievement_content_inner.content_gradient.content_gradient--small {
    padding-top: 25px !important;
  }
  .list-masonry_home {
    padding-top: 15px !important;
  }
  .menu_list_item .sp[class^="ic-"] {
    display: block;
    max-width: 46px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-top: 12px;
  }
  .special-sp .list-masonry_viewers {
    margin-top: 1.5rem;
  }
  .special-sp .viewers-reaction_item {
    font-size: 1.2rem;
  }
  .special-sp .viewers-reaction_item > span {
    font-size: 2rem;
    margin-right: 8px;
  }
  .modal_activity_reminder {
    width: 100%;
    max-width: 345px;
  }
  #modal_activity_reminder .slick-dots {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 15px;
  }
  .photo--post_past .photo_header_menu {
    font-size: 13px;
  }
  .content_screen {
    width: calc(100% - 30px);
  }
  .modal_content.modal_content--confirm.modal-filter {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
  }
  .modal_content.modal_content--confirm.modal-filter .modal_confirm_tit {
    font-size: 17px;
    height: 54px;
  }
  .modal_content.modal_content--confirm.modal-filter .modal_confirm_body_scoll {
    min-height: 243px;
  }
  .modal_content.modal_content--confirm.modal-filter .form_title {
    margin-top: 20px;
  }
  .modal_content.modal_content--confirm.modal-filter .colse_modal {
    bottom: initial;
    top: 10px;
    right: 20px;
    color: #42444e;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .question-list {
    padding: 37px 30px 30px 30px;
    margin-bottom: 10px;
  }
  .question-list.question-list-tips {
    padding-top: 47px;
  }
  .question_sort-list .sort-list-content .content-info {
    padding: 14px 0;
  }
  .score-list > li {
    width: calc(25% - 20px);
  }
  .question-bggray-sp {
    width: 100%;
    overflow-x: hidden;
    background: #f5f5f5;
  }
  .pd0-sp {
    padding-bottom: 0 !important;
  }
  .screen-submit {
    padding: 0 15px 30px;
  }
  .search-ranking-ct .title--mypage {
    display: none;
  }
  .search-ranking-ct .title {
    display: none;
  }
  .heading_ranking {
    display: block !important;
  }
  .search-history {
    margin: 0 -10px;
    max-height: 72px;
    overflow: hidden;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
  }
  .search-history.on {
    max-height: 380px;
  }
  .search-history .history_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border: none;
    margin-left: 0;
  }
  .search-history .history_item .link .s-record {
    display: block;
    width: 1.2em;
    margin-right: 5px;
  }
  .search-history .history_item .link .s-record img {
    width: 1.2em;
  }
  .search-history .history_item [class^="ic-"] {
    border-left: none;
  }
  .search-ranking-tab {
    margin-top: 20px;
  }
  .search-ranking-tab .member-list {
    margin-top: 0;
  }
  .search-ranking-tab .member-list2 {
    margin-top: 15px !important;
  }
  .search-ranking-tab .circle-list.circle-list--mine:not(:first-child) {
    margin-top: 0;
  }
  .rankingList .rankingList-item {
    width: 100%;
  }
  .rankingList .rankingList-item .item_link {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-size: 15px;
  }
  .rankingList .rankingList-item .item_link .wor {
    width: calc(100% - 55px);
    margin-left: 5px;
  }
  .btnhistory-ct {
    display: block;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 7px;
  }
  .btnhistory-ct .open_historybtn {
    font-size: 14px;
  }
  .btnhistory-ct .clear_historyCt {
    font-size: 14px;
    display: none;
    width: 100%;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
  }
  .btnhistory-ct .clear_historyCt .clear_search {
    position: absolute;
    right: 0;
    top: 0;
    color: #a3a6ad;
  }
  .btnhistory-ct .no_historybtn {
    display: none;
    font-size: 14px;
    color: #a3a6ad;
  }
  .btnhistory-ct .no_historybtn_add {
    display: block;
  }
  #search-result {
    padding: 0 15px;
  }
  #search-result .member-list {
    margin-top: 0px;
  }
  #search-result .member-list_item {
    width: 100%;
  }
  #search-result .circle-list.circle-list--pc-col2 {
    margin-top: 15px;
  }
  #search-result .circle-list_item {
    width: 100%;
    margin-bottom: 0;
  }
  .his-btn {
    margin-top: 100px;
  }
  .modal_filter_img {
    margin-top: 60px;
  }
  .content_bg_a .tab_item:not(:first-child) {
    margin-left: 90px;
  }
  .l-wrapper.l-wrapper--V.search .l-main {
    background: #fff;
  }
  .content.topSearch {
    padding: 0;
  }
  .photo_footer_hl_past .photo_pic_title {
    font-size: 12px !important;
  }
  .content_CatCon {
    background: #fff;
    width: 100%;
  }
  .filterCat {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
  }
  .filterCat.filterCat_inner {
    padding-top: 8px;
  }
  .filterCat .catLi {
    padding: 0 2.5px;
  }
  .filterCat .catBtn_c {
    font-size: 12px;
  }
  .filterCat .catBtn_c .catName_c {
    font-size: 12px;
    padding-left: 8px;
    padding-right: 25px;
  }
  .filterCat .catBtn_c .ic-chevron-down {
    width: 7px;
    height: 5px;
  }
  .filterCat .catLi-max {
    position: initial;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-right: 70px;
  }
  .filterCat .catLi_g {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 6;
    padding-left: 0;
    padding-right: 0;
    background-color: #fff;
    height: 38.8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .filterCat .catLi_g .catResetAll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .filterCat .catCon {
    width: 100%;
    left: 0;
    top: 43.7px;
    border-radius: 0;
    background: #fff;
  }
  .filterCat .catList {
    font-size: 12px;
    max-height: 200px;
    border-radius: 15px 15px 0 0;
    background: #fff;
    padding: 5px 0;
  }
  .filterCat .catList li {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .filterCat .catList li .wr {
    padding-left: 39px;
    margin-right: 0;
    max-width: 11em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .filterCat .catList li .ic-check {
    left: 15px;
  }
  .filterCat .catList-three li {
    width: 33.33%;
  }
  .filterCat .catList-one li {
    width: 100%;
  }
  .filterCat .catList-one li .wr {
    max-width: none;
  }
  .filterCat .catDetermine {
    padding: 10px 20px;
  }
  .filterCat .catDetermine button {
    font-size: 15px;
    padding: 6.5px;
  }
  .content_Cat.on {
    overflow: hidden;
  }
  .wen-info img {
    width: 14px;
  }
  .tab-add {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .tab-add .tab_item:not(:first-child) {
    margin-left: 25px;
  }
  .tab-add-tl {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15px;
    overflow-x: scroll;
    padding-bottom: 0;
    margin-top: 20px;
  }
  .tab-add-tl::-webkit-scrollbar {
    display: none;
  }
  .tab-add-tl .tab_item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .tab-add-tl .tab_item:not(:first-child) {
    margin-left: 20px;
  }
  .content-full--gray {
    background-color: #fff;
  }
  .ct-study {
    padding: 0 0 0 15px;
    margin-top: 0;
  }
  .ct-study.ct-study-fu {
    margin-left: -15px;
    width: calc(100% + 30px);
    margin-top: 0;
  }
  .ct-study.ct-study-fu .list-masonry_body:not(:first-child) {
    padding-bottom: 15px;
  }
  .ct-study.ct-study-fu .top-violet {
    margin-top: -10px;
  }
  .ct-study .list-masonry_viewers {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .ct-study .study-tag {
    display: none;
  }
  .ct-study .list-masonry_item {
    border-bottom: none;
  }
  .ct-study .ready-more {
    display: none;
  }
  .ct-study .list-masonry_detail.list-masonry_circle {
    padding-bottom: 10px;
  }
  .ct-study .gallery {
    margin-left: -3px;
  }
  .ct-study .gallery .gallery_item {
    padding-left: 3px;
  }
  .ct-study .list-masonry.list-masonry--circle .list-masonry_item {
    margin-bottom: 0;
    padding-bottom: 10px;
  }
  .no-rest .winfo {
    font-size: 13px;
  }
  .tab_link_img img {
    width: 67.5px;
  }
  .list-masonry_meta_time_add {
    margin-top: -5px;
    margin-bottom: 3px;
  }
  .btn-join-a {
    padding: 6px 8px 8px 14px !important;
  }
  .event-location {
    font-size: 13px;
  }
  .event-status {
    font-size: 13px;
  }
  .lottery-ft {
    margin: 0 !important;
    width: 100%;
    max-width: none;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 50px;
    margin-bottom: -30px !important;
  }
  .lottery-inn {
    margin: 0 !important;
    width: 100%;
    max-width: none;
    padding-top: 80px;
  }
  .lottery-inn .lottery-tit {
    top: 15px;
  }
  .lottery-inn .lottery-date {
    font-size: 16px;
    font-weight: 700;
    bottom: 27.5%;
  }
  .lottery-inn .lucky-inn {
    bottom: 300px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .lottery-inn .luckyword {
    font-size: 18px;
    top: calc(50% + 5px);
  }
  .clo .clo-1 {
    top: 30%;
    left: 1%;
    max-width: 80px;
  }
  .clo .clo-2 {
    top: 70%;
    right: 1%;
    max-width: 72px;
  }
  .lot-anm .bgline2 {
    top: -43%;
  }
  .lot-anm .clo-1-1 {
    width: 50px;
    top: 27px;
    right: 50px;
    z-index: 6;
  }
  .content_inner_lottery {
    padding: 0;
    margin-bottom: -30px !important;
  }
  .realupdate-bigti {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .realupdate-list {
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 10px;
    padding-right: 10px;
    height: calc(100vh - 235px);
    padding-top: 20px;
  }
  .realupdate-list .realupdate-inner {
    font-size: 12px;
  }
  .realupdate-list-tit {
    font-size: 14px;
  }
  .lottery-ftad {
    padding-bottom: 0 !important;
    margin: 15px 0 !important;
  }
  .content_inner_rule {
    padding: 20px 15px 30px !important;
  }
  .content_inner_lottery-bg {
    padding: 20px 15px;
    min-height: 100vh;
    margin-bottom: -30px !important;
  }
  .prize-list {
    margin: 0;
  }
  .prize-list-item {
    padding: 20px 15px;
  }
  .prize-detail {
    padding: 15px;
    margin: 0;
  }
  .prize-btn {
    margin-top: 20px !important;
  }
  .winners-list-inner {
    padding: 40px 15px;
    margin-bottom: -40px !important;
  }
  .winners-list-tit {
    font-size: 18px;
  }
  .winners-list-tit span {
    bottom: 44px;
  }
  .winners-list-info .winners-list-info-l,
  .winners-list-info .winners-list-info-r {
    width: 40%;
  }
  .winners-list-lay {
    width: 310px;
  }
  .mean-ico {
    max-width: 50px;
    height: 48px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 12px;
    background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
    padding: 10px;
    font-size: 2.6rem;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .badge-zan .menu_link_badge {
    -webkit-transform: translate(100%, -100%);
            transform: translate(100%, -100%);
  }
  .coupon-list {
    padding: 0;
    min-height: calc(100vh - 100px);
  }
  .coupon-item:not(:last-child) {
    margin-bottom: 15px;
  }
  .coupon-item .coupon-item-l {
    width: 96px;
    height: 96px;
  }
  .coupon-item .coupon-item-r {
    width: calc(100% - 100px);
  }
  .coupon-item .cou-date-eare .coudate {
    font-size: 13px;
  }
  .coupon-item .btn-action {
    padding: 7px 19px;
  }
  .coupon-item-used::after {
    width: 48px;
    height: 48px;
    right: 20px;
  }
  .fixed-topbarpc {
    right: 15px;
    top: 15px;
  }
  .pr_inner_bg {
    padding-top: 15px !important;
    min-height: calc(100vh - 115px);
  }
  .prize-list-item-detail {
    padding-bottom: 30px;
  }
  .merchantredemption {
    margin: -30px 15px 15px;
  }
  .merchantredemption.merchantredemption-used ::after {
    width: 68px;
    height: 68px;
    right: -10px;
  }
  .merchantredemption .merchantredemption-info {
    width: calc(100% - 40px);
  }
  .merchantredemption .mer-t {
    font-size: 13px;
  }
  .merchantredemption .mer-ad {
    font-size: 13px;
  }
  .merchantredemption .mer-na {
    font-size: 14px;
  }
  .merchantredemption-b {
    margin-top: -15px;
    margin-bottom: 30px;
  }
  .merchantredemption-c {
    top: 15px;
  }
  .checkin-pa .checkinbtn {
    position: fixed;
    right: 15px;
    top: 88vw;
  }
  .level-carousel {
    margin-left: 0;
    padding: 20px 0;
  }
  .level-carousel .slick-dots {
    display: none !important;
  }
  .content_inner-rt {
    min-height: calc(100vh - 80px);
  }
  .su-tit {
    font-size: 12px;
    height: 19px;
  }
  .rt_user_lv2 {
    font-size: 12px;
    height: 17px;
  }
  .rt_ftinfo {
    height: 45px;
  }
  .level-tit {
    font-size: 15px;
    margin-top: 10px;
  }
  .list-gift-rt {
    margin: 0 -15px 0 -25px;
  }
  .content_inner-girtlist {
    padding: 0 0 10px 0 !important;
  }
  .no-redeem .list-gift_pic::before {
    border-radius: 5px 5px 0px 0px;
  }
  .redeem-img {
    margin-bottom: 15px;
  }
  .redeem-info {
    padding: 15px;
    margin-bottom: 15px;
  }
  .redeem-detail {
    max-height: 200px;
    overflow-y: scroll;
  }
  .heightauto {
    max-height: initial !important;
  }
  .ol-form .tab {
    margin-top: 20px;
  }
  .ol-form .form_item {
    margin-top: 20px;
  }
  .ol-form .tab_link {
    font-size: 18px;
  }
  .input-reader2 > button {
    display: block !important;
    bottom: 35px;
  }
  .input-reader3 > button {
    display: block !important;
    bottom: 0;
  }
  .ol-ct2 .form_title,
  .ol-ct2 .content_mv_title,
  .ol-ct2 .title-icon {
    font-size: 1.8rem;
  }
  .ol-ct2 .ol-form .input-text {
    margin-top: 10px;
  }
  .ol-ct2 .form input[type="text"],
  .ol-ct2 .form input[type="email"],
  .ol-ct2 .form input[type="password"],
  .ol-ct2 .form input[type="tel"],
  .ol-ct2 .form input[type="number"] input[type="date"],
  .ol-ct2 .form textarea,
  .ol-ct2 .input-datepicker,
  .ol-ct2 .input-gender_text {
    font-size: 2rem;
  }
  .onlysp .form_title,
  .onlysp .content_mv_title,
  .onlysp .title-icon {
    font-size: 1.8rem;
  }
  .onlysp .ol-form .input-text {
    margin-top: 10px;
  }
  .form_item-fri {
    margin-top: 30px !important;
  }
  .onlysp .form input[type="text"],
  .onlysp .form input[type="email"],
  .onlysp .form input[type="password"],
  .onlysp .form input[type="tel"],
  .onlysp .form input[type="number"] input[type="date"],
  .onlysp .form textarea,
  .onlysp .input-datepicker,
  .onlysp .input-gender_text {
    font-size: 2rem;
  }
  .pc {
    display: none;
  }
  .switching {
    display: none;
  }
  .overlay-search_history_content a span {
    padding: 5px 14px 4px;
  }
  .img-avatar_badge {
    width: 8px;
    height: 8px;
    top: 3px;
    right: 5px;
  }
}

@media screen and (min-width: 769px) {
  body {
    font-size: 1.4rem;
    line-height: 1.55;
  }
  a {
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
  }
  a:hover {
    opacity: .5;
  }
  a[href^="tel:"] {
    color: #42444e;
    text-decoration: none;
    pointer-events: none;
  }
  button {
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
  }
  button:hover {
    opacity: .5;
  }
  .ic-avatar > img {
    width: 64px;
  }
  .ic-verified:before {
    -webkit-transform: none;
            transform: none;
  }
  .l-wrapper.l-wrapper--A {
    position: relative;
  }
  .l-wrapper.l-wrapper--A .l-header {
    position: absolute;
    top: 27px;
    left: 38px;
  }
  .l-wrapper.l-wrapper--A .l-header_logo {
    width: 72px;
  }
  .l-wrapper.l-wrapper--A .l-main {
    background: url("/assets/img/bg_A.jpg") no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 50px 0;
  }
  .l-wrapper.l-wrapper--A .l-main_inner {
    background: #fff;
    width: 380px;
    min-height: 450px;
    margin: auto;
    padding: 50px 30px;
    position: relative;
    border-radius: 10px;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .l-wrapper.l-wrapper--B .l-main {
    background: #fff;
  }
  .l-wrapper.l-wrapper--C .l-footer {
    background: none;
  }
  .l-wrapper.l-wrapper--C .l-footer_inner {
    padding-bottom: inherit;
  }
  .l-wrapper.l-wrapper--D .l-main {
    padding-bottom: 50px;
  }
  .l-wrapper.l-wrapper--H .l-main {
    background: #fff;
    padding-bottom: 35px;
  }
  .l-wrapper.l-wrapper--I .l-main_inner {
    max-width: inherit;
    padding: 0;
  }
  .l-wrapper.l-wrapper--I .l-footer_inner {
    padding-bottom: inherit;
  }
  .l-wrapper.l-wrapper--J .l-main {
    padding-bottom: 35px;
  }
  .l-wrapper.l-wrapper--L .l-main, .l-wrapper.l-wrapper--M .l-main {
    background: #fff;
  }
  .l-wrapper.l-wrapper--L .l-main {
    padding-bottom: 50px;
  }
  .l-wrapper.l-wrapper--R .l-main {
    padding-bottom: 140px;
  }
  .l-wrapper.l-wrapper--R .content {
    max-width: 468px;
  }
  .l-wrapper.l-wrapper--S .l-main {
    padding-bottom: 80px;
  }
  .l-wrapper.l-wrapper--T .content_body_inner {
    max-width: 468px;
    margin: 0 auto;
  }
  .l-wrapper.l-wrapper--W .l-main {
    padding-bottom: 80px;
  }
  .l-wrapper.l-wrapper--W .content_body_inner {
    max-width: 468px;
    margin: 0 auto;
  }
  .l-wrapper.l-wrapper--V .l-main {
    padding-bottom: 20px;
  }
  .l-wrapper.l-wrapper--V .content {
    max-width: 720px;
  }
  .l-wrapper.l-wrapper--Z .l-main_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .l-wrapper.l-wrapper--Z .l-main_inner .content {
    width: 100%;
  }
  .l-wrapper.l-wrapper--navbar {
    min-height: 100vh;
    padding-bottom: 0;
  }
  .l-wrapper.l-wrapper--commentbar {
    min-height: 100vh;
    padding-bottom: 0;
  }
  .l-wrapper.l-wrapper--cartbar {
    padding-bottom: 0;
  }
  .l-header_inner {
    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;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
  }
  .l-header_logo {
    width: 68px;
  }
  .l-header_utility {
    width: 224px;
    margin-left: 20px;
  }
  .l-header_search > input {
    font-size: 1.4rem;
    width: 100%;
    padding: 7px 35px 7px 12px;
    border: 1px solid #42444e;
    border-radius: 4px;
  }
  .l-header_search > input:-moz-placeholder-shown {
    color: #ccc;
  }
  .l-header_search > input:-ms-input-placeholder {
    color: #ccc;
  }
  .l-header_search > input:placeholder-shown {
    color: #ccc;
  }
  .l-header_search > input::-webkit-input-placeholder {
    color: #ccc;
  }
  .l-header_search > input:-moz-placeholder {
    color: #ccc;
    opacity: 1;
  }
  .l-header_search > input::-moz-placeholder {
    color: #ccc;
    opacity: 1;
  }
  .l-header_search > input:-ms-input-placeholder {
    color: #ccc;
  }
  .l-header_search > button {
    font-size: 1.6rem;
    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;
    width: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }
  .l-header_user {
    font-size: 1.6rem;
    font-weight: 500;
    text-align: right;
  }
  .l-gnav {
    background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
    padding: 0 20px;
  }
  .l-gnav_inner {
    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;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .l-gnav_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .l-gnav_list_item {
    position: relative;
  }
  .l-gnav_list_item:not(:first-child) {
    margin-left: 20px;
  }
  .l-gnav_list_item:after {
    content: "";
    width: 0;
    height: 6px;
    background: transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .l-gnav_list_item:nth-child(2) .l-gnav_child {
    cursor: pointer;
  }
  .l-gnav_list_item:hover:after {
    background: #000;
    width: 80%;
  }
  .l-gnav_list_item:hover .l-gnav_child {
    visibility: visible;
    opacity: 1;
  }
  .l-gnav_list_link {
    color: #252831;
    font-size: 1.4rem;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none;
    height: 64px;
    padding: 0 20px;
  }
  .l-gnav_list_link:hover {
    opacity: 1;
  }
  .l-gnav_list_link:hover:after {
    background: #000;
    width: 80%;
  }
  .l-gnav_child {
    visibility: hidden;
    list-style: none;
    background: linear-gradient(-45deg, rgba(255, 239, 226, 0.9) 0%, rgba(255, 247, 196, 0.9) 100%);
    min-width: 160px;
    margin-top: 0;
    padding: 0 10px;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 99;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .l-gnav_child_item {
    border-bottom: 1px solid rgba(163, 166, 173, 0.15);
    line-height: 1;
  }
  .l-gnav_child_item:last-child {
    border-bottom: 0;
  }
  .l-gnav_child_link {
    color: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    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;
    text-decoration: none;
    padding: 10px;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .l-gnav_child_link:hover {
    opacity: 0.5;
  }
  .l-gnav_utility {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 20px;
  }
  .l-gnav_search {
    color: inherit;
    font-size: 3rem;
    line-height: 1;
    text-decoration: none;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 8px;
    position: relative;
  }
  .l-gnav_search:after {
    content: "";
    width: 0;
    height: 6px;
    background: transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .is-search .l-gnav_search:after,
  .l-wrapper--M .l-gnav_search:after {
    background: #000;
    width: 100%;
  }
  .l-gnav_search:hover {
    opacity: 1;
  }
  .l-gnav_search:hover:after {
    background: #000;
    width: 100%;
  }
  .l-gnav_banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    margin-left: 50px;
  }
  .l-gnav_banner_item {
    width: 32px;
  }
  .l-gnav_banner_item:not(:first-child) {
    margin-left: 10px;
  }
  .l-main {
    background: #f5f5f5;
  }
  .l-main_inner {
    display: block;
  }
  .l-footer {
    color: #999;
    font-size: 1.4rem;
    background: #f5f5f5;
  }
  .l-footer_inner {
    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;
    text-align: left;
    max-width: 1200px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
  }
  .l-footer_info {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .l-footer_info_external {
    margin-top: 0;
    margin-left: 0;
  }
  .l-footer_link {
    color: #999;
  }
  .l-footer_link > img {
    width: inherit;
    margin-right: 5px;
  }
  .l-footer_link.l-footer_link--primary {
    color: inherit;
  }
  .l-footer_copyright {
    margin-top: 0;
    margin-left: 20px;
  }
  .heading {
    background: transparent;
    border-bottom: none;
  }
  .heading .heading_inner {
    padding: 0;
  }
  .heading.heading--content .heading_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
  }
  .heading.heading--content .heading_title {
    color: #42444e;
    font-size: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .heading.heading--content .heading_back {
    color: #a3a6ad;
    font-size: 1.4rem;
    line-height: inherit;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    min-width: 84px;
    height: inherit;
    margin-left: auto;
    padding: 5px 24px;
    border: 1px solid #a3a6ad;
    border-radius: 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: static;
    -webkit-transform: none;
            transform: none;
  }
  .heading.heading--content .heading_back_text {
    display: block;
  }
  .heading.heading--gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .heading.heading--gallery .heading_title {
    font-size: 1.6rem;
  }
  .heading.heading--elastic {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
  .heading.heading--elastic .heading_toolbar_inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .heading.heading--elastic .heading_toolbar_menu {
    width: auto;
    height: auto;
  }
  .heading.heading--elastic .heading_toolbar_search {
    padding-left: 0;
    padding-right: 16px;
  }
  .heading.is-searching {
    position: static;
  }
  .heading_title {
    font-size: 3.2rem;
    line-height: 1.25;
  }
  .heading_back {
    display: none;
  }
  .heading_cancel {
    display: none;
  }
  .heading_toolbar_search .input-search {
    background: none;
    border: 1px solid #42444e;
  }
  .heading_toolbar_search .input-search input {
    padding: 8px 0;
  }
  .heading_toolbar_result {
    margin-top: 20px;
    padding: 0;
    border-top: none;
  }
  .heading_filter {
    background: #fff;
    padding: 30px 0 20px;
  }
  .content {
    max-width: 1200px;
    margin: 30px auto 0;
    padding: 0 20px;
  }
  .content.content--column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
  }
  .content.content--pc-white {
    background: #FFF;
    max-width: none;
    margin: 0;
    padding: 30px 0 10px;
  }
  .content.content--pc-high {
    margin-top: 50px;
  }
  .content.content--small {
    max-width: 468px;
  }
  .content.content--center {
    height: 100%;
  }
  .content.content--center .content_inner {
    margin-top: 0;
  }
  .content.content--post .content_inner {
    max-width: 468px;
    margin-left: auto;
    margin-right: auto;
  }
  .content-full {
    padding: 0 20px;
  }
  .content-full.content-full--white {
    padding-top: 30px;
  }
  .content-full_inner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .content_menu {
    width: 224px;
  }
  .content_body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 20px;
  }
  .content_body.content_body--small {
    max-width: 712px;
  }
  .content_body.content_body--center {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
  .content_body.content_body--center-small {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
  .content_body.content_body--center-small .form {
    max-width: 720px;
  }
  .content_body_narrow {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
  .content_body_narrow.content_body_narrow--small {
    max-width: 468px;
  }
  .content_inner {
    padding: 0;
  }
  .content_inner:not(:first-child) {
    margin-top: 30px;
  }
  .content_inner.content_inner--pc-fill:not(:first-child) {
    margin-top: 0;
  }
  .content_inner.content_inner--wide {
    padding: 0;
  }
  .content_inner.content_inner--msmall {
    max-width: 594px;
    margin-left: auto;
    margin-right: auto;
  }
  .content_inner.content_inner--small {
    max-width: 486px;
    margin-left: auto;
    margin-right: auto;
  }
  .content_gradient {
    padding-top: 0;
  }
  .content_gradient-p:before {
    content: none;
  }
  .content_mv {
    border-radius: 4px;
    overflow: hidden;
  }
  .content_mv:not(:first-child) {
    margin-top: 10px;
  }
  .content_header {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .content_header.content_header--pc-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .content_header.content_header--white {
    background: none;
    padding: 0;
  }
  .content_header_inner {
    padding: 0;
  }
  .content_header_tags {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 40px;
  }
  .content_header_left.content_header_left2 {
    margin-left: 0 !important;
    width: calc(100% - 380px);
  }
  .content_header_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: -30px;
    margin-right: 20px;
  }
  .content_header_left > * {
    margin-left: 30px;
  }
  .content_header_right {
    margin-left: auto;
  }
  .content_scrollnav:not(:last-child) {
    margin-bottom: 40px;
  }
  .content_scrollnav.content_scrollnav--white:not(:first-child) {
    padding-top: 0;
  }
  .content_scrollnav.content_scrollnav--white .content_scrollnav_nav {
    padding-left: 0;
  }
  .content_scrollnav_header {
    padding: 0;
  }
  .content_scrollnav_nav {
    padding-left: 0;
  }
  .content_scrollnav_nav:not(:first-child) {
    margin-top: 30px;
  }
  .content_scrollnav_tab {
    margin-top: 30px;
  }
  .content_section:not(:first-child) {
    margin-top: 50px;
  }
  .content_section.content_section--pc-low {
    margin-top: 26px;
  }
  .content_section.content_section--high:not(:first-child) {
    margin-top: 50px;
  }
  .content_action.content_action--low:not(:first-child) {
    margin-top: 40px;
  }
  .content_action.content_action--xlow:not(:first-child) {
    margin-top: 20px;
  }
  .content_action.content_action--negative {
    margin-top: 40px;
  }
  .content_action_item {
    text-align: center;
  }
  .content_slider_header {
    padding: 0;
  }
  .content_bg {
    background: transparent;
    padding-top: 0;
  }
  .content_bg:not(:first-child) {
    margin-top: 20px;
  }
  .content_bg_inner {
    padding: 0;
  }
  .content_search {
    max-width: 594px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .content_search:not(:last-child) {
    margin-bottom: 30px;
  }
  .form {
    max-width: 468px;
    padding: 0;
  }
  .form:not(:first-child) {
    margin-top: 30px;
  }
  .form.form--notitle:not(:first-child) {
    margin-top: 40px;
  }
  .form.form--mypage .form_title {
    font-size: 1.7rem;
  }
  .form.form--post {
    background: #FFF;
    border-radius: 4px;
  }
  .form.form--post:not(:first-child) {
    margin-top: 20px;
  }
  .form.form--post .form_title {
    font-size: 1.7rem;
  }
  .form.form--white {
    background: #FFF;
    border-radius: 4px;
  }
  .form_inner {
    padding: 15px 25px;
  }
  .form_inner.form_inner--narrow {
    padding: 15px;
  }
  .form_header {
    background: none;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
  .form_step_text {
    font-size: 2rem;
  }
  .form_title {
    font-size: 2rem;
  }
  .form_title.form_title--xlow:not(:first-child) {
    margin-top: 20px;
  }
  .form_item:not(:first-child) {
    margin-top: 30px;
  }
  .form_confirm {
    font-size: 2rem;
  }
  .form_action:not(:first-child) {
    margin-top: 50px;
  }
  .form_action_item {
    text-align: center;
  }
  .form_link {
    font-size: 1.4rem;
  }
  .form_link:not(:first-child) {
    margin-top: 30px;
  }
  .form_scroll {
    margin-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
    overflow: inherit;
  }
  .form_radius {
    padding: 20px;
    border-radius: 4px;
  }
  .form_radius.form_radius--pb-small {
    padding-bottom: 10px;
  }
  .form_cart {
    position: relative;
    margin-top: 40px;
  }
  .form_checkbox_label:after {
    left: 3px;
  }
  .input-text > input {
    min-height: 39px;
  }
  .input-text-post > input {
    min-height: 39px;
    padding-left: 0;
  }
  .input-text-white > input[type="text"] {
    font-size: 1.4rem;
    min-height: 41px;
    padding: 10px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .input-tel {
    line-height: 1;
    padding-bottom: 10px;
  }
  .input-tel > input {
    min-height: 28px;
  }
  .input-tel > input[readonly] {
    font-size: 2rem;
  }
  .input-pin > input[type="tel"] {
    font-size: 2.4rem;
  }
  .input-gender_item {
    max-width: 112.5px;
    cursor: pointer;
  }
  .input-gender_pic:before {
    width: 112px;
    height: 112px;
  }
  .input-gender_pic img {
    top: 11px;
    left: 11px;
    max-width: 90px;
  }
  .input-gender_text {
    font-size: 1.6rem;
  }
  .input-sms_item {
    cursor: pointer;
  }
  .input-sms_ic {
    font-size: 5.2rem;
  }
  .input-sms_text {
    font-size: 1.6rem;
  }
  .input-sms_text:before {
    font-size: 1.6rem;
  }
  .input-reader > input {
    min-height: 39px;
  }
  .input-upload {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }
  .input-upload.input-upload--full {
    max-width: 100%;
  }
  .input-code > input[type="text"] {
    padding: 5px 11px;
  }
  .input-search-header {
    border: 1px solid #42444e;
  }
  .input-search-header input {
    padding: 8px 0;
  }
  .input-search-header_icon {
    font-size: 2rem;
    margin-left: 12px;
    margin-right: 20px;
  }
  .input-confirm {
    padding-top: 3px;
    padding-bottom: 9px;
  }
  .input-success {
    padding-top: 4px;
    padding-bottom: 5px;
  }
  .input-select > select {
    height: 39px;
  }
  .input-thumb_ic {
    background: none;
  }
  .input-datepicker {
    padding-top: 4px;
  }
  .input-datepicker_y,
  .input-datepicker_m,
  .input-datepicker_d {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 28px;
  }
  .input-toggle {
    cursor: pointer;
  }
  .input-radiobtn {
    cursor: pointer;
  }
  .input-radiobtn > span {
    font-size: 1.4rem;
  }
  .input-hash {
    cursor: pointer;
  }
  .list-link {
    margin-left: -15px;
  }
  .list-link_item {
    margin-left: 15px;
  }
  .list-equipment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -20px;
  }
  .list-equipment_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 25%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-bottom: 20px;
  }
  .list-equipment_item:not(:first-child) {
    margin-top: 0;
  }
  .list-equipment_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    padding: 0;
  }
  .list-equipment_pic {
    background: #fff;
    text-align: center;
    width: 100%;
    margin-right: 0;
    padding: 8px 10px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .list-equipment_pic > img {
    max-width: 150px;
  }
  .list-equipment_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin-top: 6px;
    padding: 0 15px 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .list-equipment_title {
    font-size: 1.6rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  .list-equipment_number {
    color: #a3a6ad;
    font-size: 1.4rem;
    margin-top: 5px;
  }
  .list-setting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -20px;
    border-bottom: none;
  }
  .list-setting.list-setting--wide .list-setting_item {
    width: 100%;
  }
  .list-setting_item {
    width: 50%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .list-setting_item:not(:first-child) {
    border-top: none;
  }
  .list-setting_link {
    height: 70px;
    padding: 0 15px;
    border-bottom: 1px solid #979797;
  }
  .list-setting_link:after {
    font-size: 2.4rem;
    margin-left: 10px;
  }
  .list-setting_link.list-setting_link--thick {
    padding: 10px 15px;
  }
  .list-setting_title {
    font-size: 1.6rem;
  }
  .list-setting_value {
    font-size: 1.6rem;
  }
  .list-setting_value.list-setting_value--sns {
    font-size: 4.4rem;
  }
  .list-setting_value.list-setting_value--thumb img {
    width: 60px;
  }
  .list-icon [class^="ic-"],
  .list-icon [class*=" ic-"] {
    font-size: 2rem;
    margin-right: 4px;
  }
  .list-bind {
    max-width: 468px;
  }
  .list-product {
    margin-left: -20px;
    margin-bottom: -20px;
  }
  .list-product_item {
    width: 25%;
    margin-bottom: 20px;
    padding-left: 20px;
  }
  .list-product_link {
    border-radius: 10px;
  }
  .list-product_ic {
    padding: 6px 14px;
    top: 29px;
  }
  .list-product_ic > span {
    width: 45px;
    height: 12px;
  }
  .list-product_body {
    padding: 20px;
  }
  .list-product_text {
    color: #42444e;
    font-size: 1.6rem;
    font-weight: 500;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  .list-masonry {
    margin-left: -20px;
    margin-bottom: 0;
  }
  .list-masonry.list-masonry--pc-col2 .list-masonry_item {
    width: calc(100% / 2);
  }
  .list-masonry .list-masonry_item--inner {
    -webkit-transition: .3s;
    transition: .3s;
  }
  .list-masonry .list-masonry_item--inner:hover {
    -webkit-box-shadow: 0 2px 20px #A3A6AD;
            box-shadow: 0 2px 20px #A3A6AD;
  }
  .list-masonry.list-masonry--top .list-masonry_item {
    margin-bottom: 20px;
    padding-left: 20px;
  }
  .list-masonry.list-masonry--top .list-masonry_item--inner {
    background: white;
    padding: 8px;
    border-radius: 10px;
  }
  .list-masonry.list-masonry--top .list-masonry_item--inner .list-masonry_title {
    padding-right: 20px;
  }
  .list-masonry.list-masonry--top .list-masonry_user {
    left: 30px;
  }
  .list-masonry.list-masonry--top .list-masonry_user img {
    margin-right: 6px;
  }
  .list-masonry.list-masonry--top .list-masonry_user-name {
    font-size: 1.3rem;
  }
  .list-masonry.list-masonry--top .list-masonry_header_menu {
    right: 10px;
  }
  .list-masonry.list-masonry--top .list-masonry_link:not(:first-child) {
    margin-top: 0;
  }
  .list-masonry.list-masonry--top .list-masonry_pic:hover {
    opacity: 1;
  }
  .list-masonry.list-masonry--top .list-masonry_play {
    width: 36px;
    height: 57px;
  }
  .list-masonry.list-masonry--top .list-masonry_play_ic {
    font-size: 1.6rem;
    width: 36px;
    height: 36px;
  }
  .list-masonry.list-masonry--top .list-masonry_play_text {
    font-size: 1.2rem;
  }
  .list-masonry.list-masonry--top .list-masonry_category {
    font-size: 1.4rem;
  }
  .list-masonry.list-masonry--top .list-masonry_tag {
    font-size: 1.2rem;
  }
  .list-masonry.list-masonry--top .list-masonry_viewers {
    font-size: 1.4rem;
  }
  .list-masonry.list-masonry--top .list-masonry_count {
    color: #42444e;
    font-size: 1.4rem;
    position: absolute;
    right: 10px;
    bottom: 10px;
  }
  .list-masonry.list-masonry--top .list-masonry_count > span:first-child {
    font-size: 2.4rem;
  }
  .list-masonry.list-masonry--square {
    margin-left: -20px;
    margin-bottom: -20px;
  }
  .list-masonry.list-masonry--square .list-masonry_item {
    width: 25%;
    margin-bottom: 20px;
    padding-left: 20px;
  }
  .list-masonry.list-masonry--post .list-masonry_reset {
    width: 16px;
    height: 16px;
  }
  .list-masonry.list-masonry--article .list-masonry_item {
    margin-bottom: 20px;
  }
  .list-masonry.list-masonry--article .list-masonry_slider:not(:first-child) {
    margin-top: 10px;
  }
  .list-masonry.list-masonry--article .list-masonry_slider .slider_counter {
    font-size: 1.4rem;
    min-width: 36px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .list-masonry.list-masonry--article .list-masonry_slider .slider_pagination {
    margin-top: 10px;
  }
  .list-masonry.list-masonry--article .list-masonry_slider .slider_pagination > li {
    width: 8px;
    height: 8px;
  }
  .list-masonry.list-masonry--article .list-masonry_viewers > *:not(:first-child) {
    margin-top: 10px;
  }
  .list-masonry.list-masonry--circle .list-masonry_item {
    margin-bottom: 20px;
  }
  .list-masonry.list-masonry--circle .list-masonry_slider:not(:first-child) {
    margin-top: 10px;
  }
  .list-masonry.list-masonry--circle .list-masonry_slider .slider_counter {
    font-size: 1.4rem;
    min-width: 36px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .list-masonry.list-masonry--circle .list-masonry_slider .slider_pagination {
    margin-top: 10px;
  }
  .list-masonry.list-masonry--circle .list-masonry_slider .slider_pagination > li {
    width: 8px;
    height: 8px;
  }
  .list-masonry.list-masonry--circle .list-masonry_viewers > *:not(:first-child) {
    margin-top: 10px;
  }
  .list-masonry.list-masonry--switch.is-wide .list-masonry_like {
    display: none;
  }
  .list-masonry.list-masonry--switch.is-wide .list-masonry_detail {
    display: none;
  }
  .list-masonry.list-masonry--pc-bg .list-masonry_link {
    background: #f5f5f5;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    border-radius: 4px;
    overflow: hidden;
  }
  .list-masonry.list-masonry--pc-bg .list-masonry_link:hover {
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
  }
  .list-masonry.list-masonry--pc-bg .list-masonry_link:hover:hover {
    opacity: 0.5;
  }
  .list-masonry.list-masonry--pc-bg .list-masonry_pic {
    border-radius: 0;
  }
  .list-masonry.list-masonry--pc-bg .list-masonry_detail {
    padding: 10px 20px 20px;
  }
  .list-masonry.list-masonry--bbs .list-masonry_radius {
    padding: 0 5px;
  }
  .list-masonry_item {
    width: calc(100% / 4);
    margin-bottom: 20px;
    padding-left: 20px;
  }
  .list-masonry_link:hover {
    opacity: 1;
  }
  .list-masonry_link:hover .list-masonry_info {
    visibility: visible;
    opacity: 1;
    z-index: 4;
  }
  .list-masonry_info {
    width: calc(100% - 20px);
    height: calc(100% - 23px);
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.85);
    visibility: hidden;
    z-index: 4;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding: 11px 10px 12px;
  }
  .list-masonry_info-detail {
    position: absolute;
    bottom: 12px;
    left: 10px;
    width: calc(100% - 20px);
  }
  .list-masonry_info-detail .list-masonry_viewers {
    margin-top: 10px;
    color: #42444e;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .list-masonry_info-detail .list-masonry_viewers .viewers-list,
  .list-masonry_info-detail .list-masonry_viewers .viewers-count {
    color: #42444e;
  }
  .list-masonry_user img {
    width: 24px;
    height: 24px;
    margin-right: 4px;
  }
  .list-masonry_user-name {
    font-size: 1.6rem;
    line-height: 1;
  }
  .list-masonry_user.list-masonry_user--rectangle {
    font-size: 1.3rem;
  }
  .list-masonry_user.list-masonry_user--rectangle img {
    max-width: 52px;
  }
  .list-masonry_label {
    top: 20px;
  }
  .list-masonry_viewers {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .list-masonry_viewers > *:not(:first-child) {
    margin-top: 0 !important;
  }
  .list-masonry_check {
    font-size: 1.5rem;
    width: 28px;
    height: 28px;
  }
  .list-masonry_btn {
    font-size: 2.4rem;
    right: 10px;
    bottom: 10px;
  }
  .list-masonry_reset {
    width: 24px;
    height: 24px;
    right: 10px;
    top: 10px;
  }
  .list-masonry_external {
    width: 24px;
    height: 24px;
  }
  .list-masonry_title {
    font-size: 1.6rem;
  }
  .list-masonry_desc_user {
    font-size: 1.2rem;
  }
  .list-masonry_desc_category {
    margin-left: 5px;
  }
  .list-masonry_comments:not(:first-child) {
    margin-top: 20px;
  }
  .list-masonry_radius {
    padding: 8px;
    border-radius: 4px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .list-masonry_radius:hover {
    -webkit-box-shadow: 0 2px 20px 0 #a3a6ad;
            box-shadow: 0 2px 20px 0 #a3a6ad;
  }
  .list-message {
    max-width: 712px;
  }
  .list-message:not(:first-child) {
    margin-top: 30px;
  }
  .list-message_item {
    padding-bottom: 20px;
    border-bottom-color: #E6E6E6;
  }
  .list-message_item:not(:first-child) {
    margin-top: 20px;
  }
  .list-message_user_desc {
    margin-left: 20px;
  }
  .list-message_name {
    font-size: 1.4rem;
  }
  .list-userInfo2 {
    margin-bottom: 7px;
  }
  .list-message_body {
    font-size: 1.2rem;
  }
  .list-message_date {
    font-size: 1.4rem;
    margin-right: 20px;
  }
  .list-map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .list-map_item {
    padding-bottom: 20px;
    border-bottom-color: #979797;
    width: calc(50% - 100px);
  }
  .list-map_item:not(:first-child) {
    margin-top: 20px;
  }
  .list-map_body {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    margin-right: 0;
  }
  .list-info {
    max-width: 712px;
  }
  .list-info_title {
    font-size: 1.4rem;
  }
  .list-info_desc {
    font-size: 1.2rem;
  }
  .list-rental {
    margin-left: -5px;
    margin-bottom: -5px;
  }
  .list-rental_item {
    margin-bottom: 5px;
    padding-left: 5px;
  }
  .list-rental_pic {
    border: 1px solid #e6e6e6;
  }
  .list-rental_right {
    padding-left: 6px;
  }
  .list-rental_right_item:not(:first-child) {
    padding-top: 6px;
  }
  .list-comments.list-comments--pc-narrow .list-comments_item {
    padding-left: 35px;
    padding-right: 30px;
  }
  .list-grade {
    margin-bottom: -10px;
  }
  .list-grade_item {
    margin-left: 5px;
    margin-bottom: 10px;
  }
  .list-event_pic {
    border-radius: 4px;
  }
  .list-postbottom {
    border-bottom: none;
  }
  .list-postbottom.list-postbottom--wide .list-postbottom_item {
    width: 100%;
  }
  .list-postbottom_item:not(:first-child) {
    border-top: none;
  }
  .list-postbottom_link {
    height: auto;
    padding: 15px;
    border-bottom: 1px solid #979797;
  }
  .list-postbottom_link:after {
    font-size: 2rem;
    margin-left: 10px;
  }
  .list-postbottom_link.list-postbottom_link--thick {
    padding: 10px 15px;
  }
  .list-postbottom_title {
    font-size: 1.4rem;
  }
  .list-postbottom_value {
    font-size: 1.4rem;
  }
  .list-postbottom_value.list-postbottom_value--sns {
    font-size: 4.4rem;
  }
  .list-postbottom_value.list-postbottom_value--thumb img {
    width: 60px;
  }
  .post_address-list {
    padding: 0 20px;
    border-radius: 4px;
  }
  .post_address-list.post_address-list--col2 {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .post_address-list.post_address-list--col2 .post_address-list_item {
    width: calc(50% - 50px - 7.5px);
    margin: 0 20px;
  }
  .post_address-list.post_address-list--col2 .post_address-list_item:nth-child(odd) {
    margin-right: 30px;
  }
  .post_address-list.post_address-list--col2 .post_address-list_item:nth-child(even) {
    margin-left: 30px;
  }
  .post_address-list.post_address-list--col2 .post_address-list_item:nth-last-child(2):not(:nth-child(even)) {
    border-bottom: 0;
  }
  .post_address-list_name {
    font-size: 1.6rem;
  }
  .list-quest_menu {
    min-width: 92px;
  }
  .list-gift_link {
    border-radius: 10px;
  }
  .list-gift_body {
    padding: 20px;
  }
  .viewers-count.viewers-count--large > span[class] {
    font-size: 2.4rem;
  }
  .viewers-list > *:not(:first-child) {
    margin-left: 4px;
  }
  .viewers-list_dot span {
    background: #a3a6ad;
  }
  .viewers-list_emoticon img {
    width: 24px;
  }
  .viewers-list_emoticon.viewers-list_emoticon--pc-small img {
    width: 16px;
  }
  .viewers-face {
    margin-bottom: -18px;
    width: 350px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .viewers-face > * {
    margin-bottom: 18px;
  }
  .viewers-reaction {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .viewers-reaction.viewers-reaction--small .viewers-reaction_item > span {
    font-size: 1.6rem;
  }
  .viewers-reaction_item {
    font-size: 1.2rem;
  }
  .viewers-reaction_item > span {
    font-size: 1.6rem;
  }
  .viewers-reaction_item > .viewers-list_emoticon {
    margin-left: 4px;
  }
  .modal_backdrop {
    background: #f5f5f5;
  }
  .modal_content {
    background: none;
    max-width: 1200px;
    max-height: 80%;
    width: calc(100% - 64px);
  }
  .modal_content.modal_content--confirm {
    background: #FFF;
    width: 280px;
  }
  .modal_content.modal_content--warranty {
    max-height: 80%;
    width: auto;
  }
  .modal_content.modal_content--photo .modal_img {
    border-radius: 4px;
  }
  .modal_content.modal_content--photo .modal_action {
    position: absolute;
    top: inherit;
    left: 0;
    right: 0;
    bottom: -34px;
  }
  .modal_content.modal_content--photo img {
    max-width: calc(100vw - 100px);
    max-height: calc(100vh - 100px);
  }
  .modal_content.modal_content--post img {
    max-width: calc(100vw - 100px);
    max-height: calc(100vh - 100px);
  }
  .modal_content.modal_content--slider .slider_counter {
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
  .modal_content.modal_content--map {
    height: calc(100% - 100px);
  }
  .modal_content.modal_content--map .modal_map {
    height: calc(100% - 55px);
  }
  .modal_content.modal_content--map .modal_action {
    margin-top: 20px;
  }
  .modal_content.modal_content--map img {
    max-width: inherit;
    max-height: inherit;
    height: 100%;
  }
  .modal_content.modal_content--bottom, .modal_content.modal_content--comments {
    background: #FFF;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    max-width: 420px;
    max-height: 392px;
    height: 100%;
    border-radius: 10px;
  }
  .modal_content.modal_content--comments {
    max-height: 620px;
  }
  .modal_content.modal_content--form {
    width: 280px;
  }
  .modal_content.modal_content--form .modal_form_head {
    color: #42444e;
  }
  .modal_header {
    text-align: left;
    padding: 0;
  }
  .modal_scroll {
    font-size: 1.4rem;
    background: #FFF;
    padding: 50px;
    border-radius: 4px;
  }
  .modal_scroll:not(:first-child) {
    margin-top: 30px;
  }
  .modal_action {
    padding: 0;
  }
  .modal_action:not(:first-child) {
    margin-top: 30px;
  }
  .modal_close {
    color: #FFF;
    font-size: 2.5rem;
    width: 25px;
    height: 25px;
  }
  .modal_warranty_pic {
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    overflow-y: auto;
  }
  .modal_sns {
    padding: 40px 0;
  }
  .modal_sns_header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 40px;
  }
  .modal_sns_title {
    color: #42444e;
    font-size: 2rem;
  }
  .modal_sns_emoticon {
    color: #42444e;
    font-size: 1.4rem;
    margin-top: 20px;
    margin-left: 0;
  }
  .modal_sns_emoticon > span:not(:first-child) {
    margin-left: 35px;
  }
  .modal_sns_emoticon > span > img {
    width: 24px;
    margin-right: 10px;
  }
  .modal_sns_body {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow-x: hidden;
  }
  .modal_sns__action {
    font-size: 4.8rem;
    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;
    width: 100%;
    bottom: -34px;
    left: 0;
    right: inherit;
    top: inherit;
  }
  .modal_comments {
    padding: 20px 0 60px;
  }
  .modal_comments_header {
    padding: 0 20px 15px;
    position: relative;
  }
  .modal_comments_title {
    font-size: 2rem;
  }
  .modal_comments_close {
    width: 25px;
    height: 25px;
    margin: auto;
    position: absolute;
    top: 3px;
    right: 16px;
  }
  .modal_comments_close .modal_close {
    color: #42444e;
  }
  .modal_comments_body {
    padding: 18px 0 0;
  }
  .modal_comments_form {
    position: absolute;
  }
  .modal_comments__action {
    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;
    width: 100%;
    bottom: -34px;
    left: 0;
    right: inherit;
    top: inherit;
  }
  .modal_comments__action .modal_close {
    color: #fff;
  }
  .modal_movie {
    width: 80vw;
    margin: 0 auto;
  }
  .modal_slider {
    max-width: 720px;
    margin: auto;
  }
  .modal-share.modal_content.modal_content--bottom {
    height: auto;
  }
  .modal-share_body {
    padding: 40px 30px 20px;
  }
  .modal-share_icon {
    width: 60px;
    height: 60px;
  }
  .modal-share_icon img {
    width: 40px;
  }
  .modal-share_icon-wechat img {
    width: 45px;
  }
  .modal-share ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .modal-share_action {
    border-radius: 0 0 8px 8px;
    overflow: hidden;
  }
  .profile {
    border-radius: 4px;
    overflow: hidden;
  }
  .profile_cover_avatar {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    top: 50px;
  }
  .profile_cover_name {
    font-size: 1.8rem;
    font-weight: 400;
  }
  .profile_cover_ic {
    width: 24px;
    height: 24px;
  }
  .profile_cover_setting {
    font-size: 24px;
  }
  .profile_stats {
    padding: 15px 26px 15px 15px;
  }
  .profile_stats-fir {
    display: block;
  }
  .profile_stats-fir .profile_stats_item {
    width: 100%;
    margin-bottom: 4px;
  }
  .profile_stats-fir .profile_stats_item::before {
    display: none;
  }
  .profile_stats-fir .profile_stats_item:last-child {
    margin-bottom: 0;
  }
  .profile_stats-fir .profile_stats_inner {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .profile_stats_title {
    font-size: 1.1rem;
  }
  .profile_stats_text {
    font-size: 1.4rem;
    line-height: 1.35;
  }
  .profile_membership {
    position: relative;
    padding: 5px 7px;
    margin-top: 30px;
  }
  .profile_membership_rank {
    font-weight: 500;
    position: absolute;
    font-size: 1.2rem;
    top: -30px;
    left: 15px;
  }
  .profile_membership_link {
    font-size: 1.2rem;
    font-weight: 500;
    margin: 3px 0 auto auto;
    display: block;
  }
  .profile_membership_link > span {
    margin-left: 8px;
  }
  .profile_introduction_title {
    font-size: 1.6rem;
  }
  .profile_experience {
    margin: 10px 0;
  }
  .profile_experience_inner {
    padding: 15px;
  }
  .profile_experience_name {
    font-size: 1.2rem;
    margin-bottom: 5px;
  }
  .profile_experience_ic {
    width: 18px;
    height: 18px;
    font-size: 1.2rem;
  }
  .profile_experience_btn-area {
    padding: 15px;
  }
  .profile_experience_link {
    font-weight: 500;
    margin-top: 3px;
  }
  .profile_experience_link > span {
    margin-left: 8px;
  }
  .menu {
    background: #fff;
    margin-top: 10px;
    padding: 10px 20px 30px;
    border-radius: 4px;
  }
  .menu_item {
    padding: 0;
  }
  .menu_item.menu_item--notification {
    background: none;
  }
  .menu_item.menu_item--notification .menu_link_ic {
    background: none;
    padding-top: 0;
    position: absolute;
  }
  .menu_item.menu_item--notification .menu_link_ic > span {
    width: inherit;
    height: inherit;
    position: static;
  }
  .menu_item.menu_item--notification .menu_link_text {
    margin-top: 0;
  }
  .menu_list {
    display: block;
    margin: 0;
  }
  .menu_list_item {
    max-width: inherit;
    width: inherit;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
  }
  .menu_list_item:not(:first-child) .menu_link {
    padding-top: 10px;
  }
  .menu_accordion_action {
    border-bottom: 1px solid #e6e6e6;
  }
  .menu_accordion_body {
    display: none;
    padding-left: 30px;
  }
  .menu_link {
    font-size: 1.4rem;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 6px 0 6px 0;
  }
  .menu_link.menu_link--accordion .menu_link_ic {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .menu_link.menu_link--accordion.is-active .menu_link_ic {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  .menu_link_ic {
    line-height: 1;
    height: 14px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }
  .menu_link_ic > span {
    font-size: 1.6rem;
  }
  .menu_link_text {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.75;
    text-align: left;
    margin-top: 0;
  }
  .menu_link_badge {
    vertical-align: middle;
    margin-left: 5px;
    position: static;
  }
  .release {
    background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
    padding: 5px 20px;
  }
  .release .menu_accordion_action {
    border: none;
  }
  .release .menu_list {
    margin-bottom: 13px;
  }
  .tab.tab--colored .tab_link {
    font-size: 1.6rem;
  }
  .tab_link {
    color: #a3a6ad;
    font-size: 1.6rem;
    padding-left: 5px;
    padding-right: 5px;
  }
  .tab_link:after {
    height: 6px;
  }
  .tab-sort {
    margin-top: 0;
  }
  .tab-sort .tab_link {
    padding: 0 7px 10px;
    font-size: 1.5rem;
  }
  .tab-sort .tab_link [class^="ic-"] {
    margin-right: 6px;
  }
  .tab-sort .tab_link:after {
    height: 4px;
  }
  .tab-content:not(:first-child) {
    margin-top: 35px;
  }
  .tab-content.tab-content--low:not(:first-child) {
    margin-top: 35px;
  }
  .slider_caption {
    font-size: 2.6rem;
    padding: 20px;
  }
  @supports not ((-webkit-backdrop-filter: blur(7px)) or (backdrop-filter: blur(7px))) {
    .slider_caption {
      background: rgba(0, 0, 0, 0.4);
    }
  }
  .slider_caption > span {
    display: block;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .slider_pagination {
    margin-top: 30px;
  }
  .slider_pagination li {
    margin: 0 6px;
    width: 10px;
    height: 10px;
    border-width: 2px;
  }
  .slider.slider--carousel .slick-list {
    padding: 0 19% !important;
  }
  .slider.slider--carousel .slick-slide {
    margin: 0 7.5px;
  }
  .slider.slider--carousel .slider_link {
    border-radius: 4px;
  }
  .slider.slider--carousel .slider_caption {
    border-radius: 0 0 4px 4px;
  }
  .postnavbar {
    position: static;
  }
  .postnavbar_menu {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: auto;
  }
  .postnavbar_menu_item {
    max-width: 60px;
  }
  .postnavbar_menu_submit {
    width: auto;
    padding: 0 10px 0 0;
  }
  .postnavbar_menu_btn {
    font-size: 2rem;
  }
  .postnavbar_menu_text {
    font-size: 1.4rem;
    min-width: 88px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .filter {
    margin-left: -10px;
    margin-bottom: -10px;
  }
  .filter_item {
    margin-left: 10px;
    margin-bottom: 10px;
  }
  .filter_item span {
    padding: 5px 28px;
    font-size: 1.4rem;
  }
  .filter_link {
    color: #a3a6ad;
    font-size: 1.4rem;
    padding: 5px 28px;
  }
  .filter-product_list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .filter-product_item {
    width: 130px;
  }
  .filter-product_item > label {
    padding: 7px 0;
  }
  .filter-product_ic {
    font-size: 4.8rem;
  }
  .filter-product_ic:after {
    width: 25px;
    height: 25px;
    top: 4px;
    right: 3px;
  }
  .filter-product_text {
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: 4px;
  }
  .filter-gradient {
    background: none;
  }
  .filter-gradient_item {
    padding-left: 20px;
  }
  .filter-gradient_item input[type="radio"]:checked + .filter-gradient_text {
    background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
    border-color: transparent;
  }
  .filter-gradient_item input[type="radio"]:checked + .filter-gradient_text:before {
    content: none;
  }
  .filter-gradient_text {
    color: #a3a6ad;
    font-size: 1.4rem;
    font-weight: 400;
    padding: 5px 28px;
    display: block;
    border: 1px solid #a3a6ad;
    border-radius: 24px;
    cursor: pointer;
  }
  .filter-gradient_text:before {
    content: none;
  }
  .product_item_add a:hover span {
    opacity: 0.5;
  }
  .flatpickr-calendar {
    font-size: 1.4rem;
    width: 340px;
  }
  .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    font-size: 1.4rem;
    width: 14px;
    height: 14px;
  }
  .flatpickr-current-month select {
    font-size: 1.4rem;
    cursor: pointer;
  }
  .flatpickr-current-month select:hover {
    background: rgba(0, 0, 0, 0.05);
  }
  .flatpickr-current-month .flatpickr-monthDropdown-months,
  .flatpickr-current-month input.cur-year {
    font-size: 1.4rem;
  }
  span.flatpickr-weekday {
    font-size: 1.4rem;
  }
  .flatpickr-day {
    line-height: 38px;
    max-width: 38px;
    height: 38px;
  }
  .inline-calendar .flatpickr-day {
    font-size: 1.3rem;
  }
  .inline-calendar .flatpickr-day .icons {
    font-size: 1.3rem;
  }
  .photo {
    padding-bottom: 0;
  }
  .photo:not(:first-child) {
    margin-top: 26px;
  }
  .photo.photo--fill:not(:first-child) {
    margin-top: 0;
  }
  .photo.photo--post {
    background: #fff;
    border-radius: 4px;
    position: relative;
  }
  .photo.photo--post .photo_header_title {
    font-size: 1.4rem;
  }
  .photo_header {
    padding: 0;
  }
  .photo_header_title .list-masonry_user-portrait {
    width: 45px;
    margin-right: 15px;
  }
  .photo_main {
    background: none;
    padding: 0;
  }
  .photo_main:not(:first-child) {
    margin-top: 13px;
  }
  .photo_pic {
    max-height: 420px;
    border-radius: 4px;
  }
  .photo_pic > img {
    width: inherit;
  }
  .photo_pic_label {
    top: 30px;
  }
  .photo_pic_zoom {
    font-size: 1.7rem;
    right: 18px;
    bottom: 18px;
  }
  .photo_pic_report {
    right: 27px;
    top: 21px;
  }
  .photo_category > li {
    margin-left: 10px;
  }
  .photo_action {
    margin-left: -10px;
  }
  .photo_action:not(:first-child) {
    margin-top: 16px;
  }
  .photo_action > * {
    margin-left: 10px;
  }
  .photo_viewers {
    font-size: 1.4rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .photo_viewers:not(:first-child) {
    margin-top: 16px;
  }
  .photo_wrapper {
    margin-top: 15px;
  }
  .photo_body {
    background: linear-gradient(to right, #e6e6e6, #e6e6e6 10px, transparent 10px, transparent 10px);
    background-size: 20px 1px;
    background-repeat: repeat-x;
    margin-top: 16px;
    padding: 16px 0 0;
    position: relative;
  }
  .photo_meta:not(:first-child) {
    margin-top: 25px;
  }
  .photo_meta_ic {
    margin-right: 10px;
  }
  .photo_meta_list:not(:first-child) {
    margin-top: 10px;
  }
  .photo_footer {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .photo_footer > *:not(:first-child) {
    margin-left: 16px;
  }
  .photo_comment_sort_btn {
    cursor: pointer;
  }
  .photo_form {
    background: none;
    max-width: 720px;
    width: 100%;
    margin: auto;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    left: 0;
    right: 0;
    bottom: 30px;
    pointer-events: none;
  }
  .photo_form_action {
    margin-left: auto;
    padding-right: 20px;
    pointer-events: auto;
  }
  .photo_contest {
    padding: 40px 15px;
  }
  .article_header > *:not(:first-child) {
    margin-top: 15px;
  }
  .article_body:not(:first-child) {
    margin-top: 20px;
  }
  .article_body > *:not(:first-child) {
    margin-top: 50px;
  }
  .article_footer:not(:first-child),
  .article_related:not(:first-child) {
    margin-top: 50px;
  }
  .article_footer > *:not(:first-child),
  .article_related > *:not(:first-child) {
    margin-top: 20px;
  }
  .article_footer {
    text-align: center;
  }
  .member-list {
    padding: 0 20px;
    border-radius: 4px;
  }
  .member-list.member-list--col2 {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .member-list.member-list--col2 .member-list_item {
    width: calc(50% - 50px - 7.5px);
    margin: 0 20px;
  }
  .member-list.member-list--col2 .member-list_item:nth-child(odd) {
    margin-right: 30px;
  }
  .member-list.member-list--col2 .member-list_item:nth-child(even) {
    margin-left: 30px;
  }
  .member-list.member-list--col2 .member-list_item:nth-last-child(2):not(:nth-child(even)) {
    border-bottom: 0;
  }
  .member-list_inner {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .member-list_action a {
    font-size: 1.4rem;
    padding: 0;
    width: 84px;
    height: 28px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .member-list_pic {
    width: 80px;
    border-radius: 40px;
  }
  .member-list_pic img {
    border-radius: 50%;
  }
  .member-list_name {
    font-size: 1.6rem;
  }
  .member-list_text {
    font-size: 1.4rem;
  }
  .member-list_label {
    font-size: 1.2rem;
    min-width: 64px;
    padding: 0;
    height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .member-list.member-list-accordion {
    border-radius: 4px 4px 0 0;
  }
  .member-list.member-list-accordion ~ .member-list {
    border-radius: 0 0 4px 4px;
  }
  .circle-nav.circle-nav--event .circle-nav_item {
    width: 136px;
  }
  .circle-nav_item {
    width: 136px;
  }
  .circle-nav_item:not(:first-child) {
    margin-left: 16px;
  }
  .circle-nav_pic > img {
    border-radius: 10px;
  }
  .circle-nav_text {
    font-size: 1.6rem;
    font-weight: 500;
  }
  .circle-nav_ic {
    width: 20px;
    height: 20px;
    margin-right: 3px;
  }
  .circle-nav_weak {
    font-size: 1.4rem;
  }
  .circle-nav_level.list-grade {
    margin-left: -5px;
  }
  .circle-nav_level.list-grade .list-grade_item {
    margin-left: 5px;
  }
  .circle-list.circle-list--mine .circle-list_item {
    width: 50%;
    margin-bottom: 20px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .circle-list.circle-list--mine .circle-list_item:not(:first-child) {
    margin-top: 0;
  }
  .circle-list.circle-list--mine .circle-list_link {
    border-bottom-color: #979797;
  }
  .circle-list.circle-list--pc-col2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: -20px;
    margin-left: -20px;
  }
  .circle-list.circle-list--pc-col2 .circle-list_item {
    width: 50%;
    margin-bottom: 60px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .circle-list.circle-list--pc-col2 .circle-list_item:not(:first-child) {
    margin-top: 0;
  }
  .circle-list.circle-list--pc-col4 .circle-list_item {
    width: 33.3% !important;
  }
  .circle-list.circle-list--pc-col4 .circle-list_item {
    width: 50%;
    margin-bottom: 20px;
  }
  .circle-list.circle-list--activity {
    margin-bottom: -50px;
  }
  .circle-list.circle-list--activity .circle-list_item {
    margin-bottom: 50px;
  }
  .circle-list_inner {
    max-width: 560px;
    position: relative;
  }
  .circle-list_radius {
    background: #FFF;
    max-width: 560px;
    padding: 8px;
    position: relative;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .circle-list_radius:hover {
    -webkit-box-shadow: 0 2px 20px 0 #a3a6ad;
            box-shadow: 0 2px 20px 0 #a3a6ad;
  }
  .circle-list_radius .circle-list_join {
    top: 8px;
    right: 8px;
  }
  .circle-list_media_pic {
    width: 260px;
  }
  .circle-list_media_pic.circle-list_media_pic-s {
    width: 120px;
  }
  .circle-list_media_pic_2 {
    width: 111px;
  }
  .circle-list_title {
    font-size: 1.6rem;
    width: calc(100% - 90px);
  }
  .circle-list_ic {
    width: 24px;
    height: 24px;
    margin-right: 10px;
  }
  .circle-list_ic:before {
    font-size: 1.3rem;
  }
  .circle-list_numbers {
    font-size: 1.4rem;
  }
  .circle-list_numbers:not(:first-child) {
    margin-top: 10px;
  }
  .circle-list_datetime {
    font-size: 1.4rem;
  }
  .circle-list_datetime:not(:first-child) {
    margin-top: 8px;
  }
  .circle-list_entries {
    font-size: 1.4rem;
  }
  .circle-list_entries:not(:first-child) {
    margin-top: 8px;
  }
  .circle-list_level.list-grade {
    margin-top: 8px;
  }
  .circle-list_posts_sticker {
    margin-right: 6px;
  }
  .circle-mv {
    background: rgba(10, 2, 3, 0.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 4px;
    overflow: hidden;
  }
  .circle-mv:not(:first-child) {
    margin-top: 30px;
  }
  .circle-mv_pic {
    width: 285px;
  }
  .circle-mv_pic > span:before {
    padding-top: 73.3333%;
  }
  .circle-mv_backdrop {
    background: none;
    padding: 0;
    position: static;
  }
  .circle-mv_title {
    font-size: 2.4rem;
  }
  .circle-mv_btn {
    font-size: 1.4rem;
    min-width: 90px;
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .circle-mv_desc {
    background: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 20px 30px 20px 20px;
    border-radius: 0;
  }
  .circle-mv_member {
    margin-top: 10px;
  }
  .circle-create {
    max-width: 240px;
  }
  .circle-create:not(:first-child) {
    margin-top: 30px;
  }
  .circle--post {
    background: #FFF;
    border-radius: 4px;
  }
  .circle--post:not(:first-child) {
    margin-top: 30px;
  }
  .comment_avatar {
    width: 36px;
  }
  .comment_body .comment_avatar {
    width: 25px;
  }
  .comment_like {
    color: #a3a6ad;
  }
  .comment_like > span {
    color: #42444e;
    font-size: 1.8rem;
  }
  .comment-form {
    padding: 12px 16px;
  }
  .comment-form_avatar {
    width: 36px;
    height: 36px;
    margin-right: 16px;
  }
  .comment-form_input > input {
    font-size: 1.4rem;
  }
  .comment-form_action {
    width: 36px;
  }
  .comment-form_action > button {
    font-size: 2rem;
  }
  .scrollnav_item {
    width: 100px;
  }
  .scrollnav_ic {
    font-size: 3.2rem;
  }
  .scrollnav_ic:after {
    width: 16px;
    height: 16px;
    right: 5px;
    bottom: 5px;
  }
  .scrollnav_text {
    font-size: 1.6rem;
    margin-top: 8px;
  }
  .event-status {
    margin-top: 50px;
  }
  .event-status_title {
    font-size: 2rem;
  }
  .topics_item:not(:first-child) {
    margin-top: 20px;
  }
  .point-status_user_lv {
    font-size: 1.2rem;
  }
  .level-table_body:before {
    width: 72px;
  }
  .level-table_body .level-table_table th {
    font-size: 1.2rem;
    height: 48px;
  }
  .level-table_table th:first-child {
    width: 70px;
  }
  .spinner {
    font-size: 5rem;
  }
  .show-404:not(:first-child) {
    margin-top: 115px;
  }
  .show-404-img {
    margin-bottom: 50px;
  }
  .hide-pc {
    display: none;
  }
  .comment-wrapper .modal_comments_header {
    padding: 0 10px 10px;
  }
  .modal_comments_form {
    display: none;
  }
  .modal_comments_body {
    padding-bottom: 60px !important;
  }
  .comment-form_link-acv {
    position: absolute;
    top: 0;
    right: calc(50vw - 330px);
  }
  .comment-form_link-pcpr {
    position: relative;
  }
  .postnavbar_menu-right .postnavbar_menu_item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12%;
            flex: 0 0 12%;
  }
  .list-message {
    width: 720px !important;
  }
  .list-masonry-u li.list-masonry_item {
    width: calc(100% / 3);
  }
  .l-wrapper.l-wrapper--A.l-wrapper--intro .intro-list_text {
    font-size: 12px;
  }
  .l-wrapper.l-wrapper--A.l-wrapper--intro-p .l-main_inner {
    width: 720px;
  }
  .l-wrapper.l-wrapper--A.l-wrapper--intro-p .l-main_inner .form {
    width: 100%;
    max-width: 100%;
  }
  .l-wrapper.l-wrapper--A.l-wrapper--intro-p .l-main_inner .member-list,
  .l-wrapper.l-wrapper--A.l-wrapper--intro-p .l-main_inner .circle-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l-wrapper.l-wrapper--A.l-wrapper--intro-p .l-main_inner .member-list .member-list_item,
  .l-wrapper.l-wrapper--A.l-wrapper--intro-p .l-main_inner .member-list .circle-list_item,
  .l-wrapper.l-wrapper--A.l-wrapper--intro-p .l-main_inner .circle-list .member-list_item,
  .l-wrapper.l-wrapper--A.l-wrapper--intro-p .l-main_inner .circle-list .circle-list_item {
    width: 47%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0;
  }
  .l-wrapper.l-wrapper--A.l-wrapper--intro-p .l-main_inner .form_action.form_action--row {
    max-width: 468px;
    margin-left: auto;
    margin-right: auto;
  }
  .l-wrapper.l-wrapper--A.l-wrapper--intro-p .l-main_inner .member-list_item:last-child {
    border-bottom: 1px solid #e6e6e6;
  }
  .border-none-p {
    border-bottom: none;
  }
  .jse-p {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .user_info_set_body .form {
    padding: 30px;
  }
  .filter-activity {
    margin-bottom: -15px;
  }
  .show-photo-box {
    background: whitesmoke;
  }
  .post-slider .slick-arrow {
    display: block !important;
    width: 32px;
    height: 32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAAH9klEQVR4AeVba0wUVxSeOzO7K4sgBAG1oKvgC4vR+ualxtY21frAov3RSKr+aZua+MO0Wk1NmjRpWm1NbPrLRg34qq8Ya1BDJPIQBR+1CValFStVARFc2IV9zNyeMzrrsuwuM+zOdlnuj52Ze8/9zvnO3vecIYzGKTk5OdrS1jaGEcUkhrIJIkMTCGWMDEMNlGH0qJ4wjB1+bZQwVpYhrQwRWxmWbY6Oj3/Q1NRk0dJE0B38ZDQaRxG7kElEMQ0IJwWiARzSTFn2L6rn/rBarY8CwfJWN2gOSE9PNzQ1NMygIpkOpBO9KQs0D5zRQlh6I9lkulZfX28LFA/rB+yAlJSUqPYnT+dS0TkHmvSQYBjVFwYY3U1Y/krciOHVjY2NXX3J+yvvtwMopSRar59GBPoWEIc+HfoExlspRy5Y7PabhMDI0o/ULwfEQbJ3WFYxlKb2Q2fwqxDyUB8TfbwdklpwTm2F+Kio0Q5r91qoN1xtXQ3lh4k2e+bQIYbGbqfzuRo9qhxg1OneEBxCASgwqFESIlm9IIhTdTzX6RDFx0p1skoEd+zYwUbzhncYgS4DeVVOU4IfRBkObURb0WYluH2SQaDvvv5mDaXiNCWAYSFDaUrVpYoRX361va6srMzv4NjnIIjepKIwNyyIqTSCsFy1xWkr8VfNbwvAPg9L2EX+AMK6DFoCjAlmf2OCz36Coz30pyVhTVCJccBB4uJD1qsDpHne5lgDdfy2EB+Y4ZbN2YELcvJmWC8H4AoPFzkwckR7qzAQ85CLxAm4edrfywG4vA2bFZ6ntYE8w6pV4uaB0cMBuLHBtb2HTMQ8Ijfk6E6oRx8XrfZcmO/HuwtE2L3OZukW7KKzQeblagG4n8ctrVwQqVfkiFxlfq4W4DCb54iUmSgXRPCVtz5v77KL4kPk6GoBeJITDqRX5uePSEtL69FPg22XO1cewfEMT+y2a3KMpdR4vV5PzpwveS87N3e6GVJqYvKPTqfT7zpeKbanHB7ZIWc8Y5QcgAeYmmjy1OzjOSEhQVdysbQgY8oUaQDu6uqyiSJ0SA0Tcgb4R1IXwNNbDXX5hZ4wcaKx6lpNoUy+ubm5ZfXylcXgAL/1Ai2UObN4bh/o0XV/jcnJzY0vrbi0PiU19TXEaLh//58F87J/qa2pUXWq0x/9yBm5c8ThGE9FOqU/IIHUWbW6YFTR0cOFsbGxwxDn1s2bt+dn5RxubmpyBIKrpq7TbvuXld7YqKkVBNmNmzal7z2wvxAGImm/cbG09Gr2rDlHO8xmIQjwyiHgbRWPr6sYRtv+5m7Rtzu/n/7Jxs+WspAw/3DxwdL1awsr3GVCdg/ceegL4IDQpAOHDuZB01+I2mCQE3bv3HV62xdbboVGe28tyJ3HF5Wazjegl+d5cubCuSW5eXkz0Aw7pK2bPz/y8549f/c2K3Q5yB3WAdS1LtZKNczxy+ZlZUmHqh0dHZ0fr9tQfPLEiSda6VOOSw08/PvSK2rlldRJAvE4mXxLS0vrByvyi6qrq1W/wVGnVZk0cnftBZRViTwpFs6IIDhBu3S5qqr9SnX176ghMTEx4VTJ2fW44dFOo3Jk5M7pCTcLqmj6WvtQUfGdnPl5MaPHjBlpMBj0S1cszzQ/Nz+qvXq1Tbm5wZckDLFwOpabCtAxwYd/hSgIAlO0b//djCkZzOSMDBPHcfybby9+3RhlbIdFUNMryRDfEfKMM7C8iTI0ORSqTxw7/iAuLt48a87s8bAO4ublZE8el57uPH3ylHQ4EQob3HWwhG3g9BxJppQxuRdoeX/h3Lknls7Ox3kLF0yClsBlTs0cl5WTbYQVYT0cyWupuhc2hNvcZjEaq1eJxhm7d/1wb0PhR/vgQMKCqhYuWjS7subK6pjYWNcRncYmvIAH7iyGooVEmYeSY0eOPFr57tK9zyBh0dRp0yZXX69dO8Zk0nRAdjcDubMYh4ehaO4FobqvKC9vW5STt7fx4UMp/M00duzossuV62bMnBmrtQ3I+QV30IRxeFor9IV/984da9aMWftu19XdQ5mkpKTEX0+f+vDlZtFXtYDzZc7SShCDEANGDACgtbXVAU44VFlefgNhoqKiDOAAWKdol2TOLiVDWd2nsD38X0+GkW5+wfsjr9XUtj1oaOjWij4GXHaKjp8Q3+WAGJ7PEkRmsVZKwwmXY5nzHU5nFdrk2gxh+Cl4QzOvh4sDkCNyle1xzbswGwkGTq+Dl6MmuTASryzLVz552lwvc3O1AMzA2FvwkFUujLQrckOO7rxcLQAz4Y2UE4KKrAxlJrkLRcw9R862trf32Hf0aAFIFAOPGYi9jRjSMhHgJHGTn19eezkAo64x8Biai7RO95AfkI/IReLkJaK8RxeQ2XVDwsBjjL2FvF5OkuUGyFUwGHTF7Z2dXs8dvDoAiWHUNQYew3gwsIMmOHKmw2b709ef5dMBWAEjLPWcbghEjaX4AgjnfAyVtTrt5f5s7LN5b9625Twh7B1/IOFYhjaj7X3Z5rcFYGWMtsao66rySsNAaQn4z2/evvU0RLr3+dITBkjlSQqefhE/3KfjlKMGVVJgOPKb1eG4rhRVFREcE2B2aBAFcQIo0CtVEgo5nOpwtPc34HmzQ5UDEABnh+hhsXWC3YFRHVJwgzfgkObhR1OxQ4t8TXX+bFHVBdyBBvVnc+6OGLQfTro7Ae8H7aezno7A50H58bQ3R2BeuH8+/x9B6CB1VykT/wAAAABJRU5ErkJggg==);
    border-radius: 50%;
    background-size: cover;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 9;
    text-indent: -200%;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
  }
  .post-slider .slick-arrow.slick-prev {
    left: 40px;
  }
  .post-slider .slick-arrow.slick-next {
    right: 40px;
    -webkit-transform: translateY(-50%) rotateZ(-180deg);
            transform: translateY(-50%) rotateZ(-180deg);
  }
  .post-slider:hover .slick-arrow.slick-prev {
    opacity: 1;
    left: 10px;
  }
  .post-slider:hover .slick-arrow.slick-next {
    opacity: 1;
    right: 10px;
  }
  .js-slider-top.post-slider .slick-arrow {
    width: 52px;
    height: 52px;
  }
  .js-slider-top.post-slider .slick-arrow.slick-prev {
    left: 15%;
  }
  .js-slider-top.post-slider .slick-arrow.slick-next {
    right: 15%;
    -webkit-transform: translateY(-50%) rotateZ(-180deg);
            transform: translateY(-50%) rotateZ(-180deg);
  }
  .js-slider-top.post-slider:hover .slick-arrow.slick-prev {
    opacity: 1;
    left: 12%;
  }
  .js-slider-top.post-slider:hover .slick-arrow.slick-next {
    opacity: 1;
    right: 12%;
  }
  .post-slider:hover .slick-arrow.slick-disabled {
    opacity: 0.5;
  }
  .list-masonry.list-masonry--post .list-masonry_reset {
    width: 16px;
    height: 16px;
  }
  .show-photo-box:hover {
    opacity: 1;
  }
  .list-masonry_sizer {
    width: calc(100% / 4);
  }
  .form_item--low-small.form_item:not(:first-child) {
    margin-top: 10px !important;
  }
  .spec-title .heading.heading--contentP .heading_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .content_search_change {
    margin-top: 30px;
  }
  .search-change-pc {
    position: relative;
  }
  .search-change-pc .btn-reset {
    display: none;
  }
  .search-change-pc .ic-search {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-left: 0;
    cursor: pointer;
    margin-right: 0;
    padding-right: 0;
    background: #fff;
    padding-right: 10px;
  }
  .search-change-pc .ic-search:hover {
    opacity: 0.75;
  }
  .search-change-pc input {
    padding: 8px 30px 8px 15px !important;
  }
  .title--task {
    margin-top: 20px;
  }
  .mt-p-5 {
    margin-top: 5px;
  }
  .white-box {
    margin-top: 15px;
    background: #fff;
    padding: 20px 15px 25px !important;
  }
  .show-no-resulsbox {
    min-height: 500px;
  }
  .circle-user-name {
    max-width: 6em;
  }
  .full-link {
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
  }
  .full-link:hover {
    background: rgba(255, 255, 255, 0.3);
  }
  .achievement-img {
    padding-top: 30px;
  }
  .achievement_content_inner {
    padding-top: 10px;
  }
  .achievement-progress {
    max-width: 74.66667%;
  }
  .achievement_experience_progress {
    margin-left: auto;
    margin-right: auto;
  }
  .modal_achievement .achievement_content_inner {
    padding: 37.5px 32.5px !important;
  }
  .honor_profile_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3px;
  }
  .side-user-name {
    max-width: 3em;
  }
  .question_sort-list .sort-list-num li {
    padding: 12px 0;
    border-bottom: 1px solid transparent;
  }
  .page-cover-screen-wrap {
    height: 320px;
  }
  .page-cover-screen-wrap img {
    max-height: 320px;
  }
  .screen-submit {
    margin-top: 26px;
    padding-bottom: 80px;
  }
  .filterCat .catCon {
    max-width: 616px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .coupon-item .crq .crq-tw {
    left: 95px;
  }
  .coupon-item .crq .crq-fv {
    left: 95px;
  }
  .merchantredemption-input[type="text"] {
    min-width: 320px;
    font-size: 16px;
    padding: 10px;
  }
  .merchantredemption-info .verify-wrap {
    height: 36px;
    border-radius: 18px;
  }
  .merchantredemption-info .verify-wrap .drag-btn {
    height: 36px;
    border-radius: 0 18px 18px 0;
  }
  .merchantredemption-info .verify-wrap .drag-progress {
    height: 36px;
  }
  .merchantredemption-info .verify-wrap .verify-msg {
    height: 36px;
    line-height: 36px;
  }
  .merchantredemption-info .verify-wrap .fix-tips,
  .merchantredemption-info .verify-msg {
    line-height: 36px;
  }
  .me-say {
    margin-top: 8px;
    font-size: 13px;
    margin-top: 14px;
  }
  .checkin-pa .checkinbtn {
    right: 15px;
    top: 50%;
  }
  .entcheck-in-eare {
    padding: 0 20px;
  }
  .tab-rt .tab_link {
    font-size: 17px;
  }
  .ol-ct .heading {
    display: none;
  }
  .ol-ct2 .heading {
    padding: 20px 0;
    margin: -50px -30px 0 -30px;
  }
  .ol-ct2 .heading_title {
    font-size: 20px;
  }
  .ol-form2 form {
    max-height: 520px;
    overflow-y: scroll;
    position: initial;
    padding-bottom: 80px;
  }
  .ol-form2 .form_action {
    padding-top: 15px;
    background-color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0px;
    margin-top: 0 !important;
    z-index: 10;
  }
  .input-gender {
    width: 100%;
    max-width: 100% !important;
  }
  .input-gender .input-gender_item {
    max-width: none !important;
  }
  .input-gender .input-gender_item:not(:first-child) {
    margin-left: 0 !important;
  }
  .input-gender2 {
    margin-top: 10px !important;
  }
  .input-gender2 .input-gender_pic img {
    max-width: 80px;
  }
  .input-gender2 .input-gender_pic:before {
    width: 102px;
    height: 102px;
  }
  .input-gender2 .input-gender_text {
    margin-top: 5px !important;
  }
  .input-upload2 {
    max-width: 90px !important;
  }
  .title {
    font-size: 2rem;
  }
  .title.title--mypage {
    font-size: 1.6rem;
  }
  .title.title--narrow {
    max-width: 712px;
  }
  .title-icon {
    font-size: 2rem;
  }
  .title-icon > span,
  .title-icon > a > span {
    font-size: 2.4rem;
    margin-right: 5px;
  }
  .title-modal {
    font-size: 2.4rem;
  }
  .title-small {
    font-size: 1.4rem;
  }
  .text-small {
    font-size: 1.4rem;
  }
  .text-xsmall {
    font-size: 1.2rem;
  }
  .text-pc-medium {
    font-weight: 500;
  }
  .link-chevron:after {
    vertical-align: -.2em;
  }
  .link-icon {
    font-size: 2rem;
  }
  .link-icon > span {
    font-size: 2.4rem;
    margin-right: 5px;
  }
  .btn-action {
    font-size: 1.4rem;
    font-weight: 500;
    padding-top: 13px;
    padding-bottom: 13px;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
  }
  .btn-action:hover {
    opacity: 0.5;
  }
  .btn-action[disabled], .btn-action.is-disabled {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .btn-weak {
    font-size: 1.4rem;
    font-weight: 500;
    padding-top: 13px;
    padding-bottom: 13px;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
  }
  .btn-weak:hover {
    opacity: 0.5;
  }
  .btn-base {
    font-size: 1.4rem;
    font-weight: 500;
    padding-top: 13px;
    padding-bottom: 13px;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
  }
  .btn-base:hover {
    opacity: 0.5;
  }
  .btn-gary {
    font-size: 1.4rem;
    font-weight: 500;
    padding-top: 13px;
    padding-bottom: 13px;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
  }
  .btn-gary:hover {
    opacity: 0.5;
  }
  .btn-report {
    font-size: 1.4rem;
    min-width: 90px;
    padding: 8px 10px;
  }
  .btn-ic {
    font-size: 2rem;
    min-width: 42px;
    border-width: 2px;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
  }
  .btn-ic:hover {
    color: #42444e;
    background: linear-gradient(-45deg, #ffcda5 0%, #fae24b 100%);
    border-color: transparent;
    opacity: 1;
  }
  .btn-ic.btn-ic--large {
    min-width: 90px;
  }
  .btn-ic.btn-ic--pc-small {
    font-size: 1.4rem;
    min-width: 30px;
  }
  .btn-small {
    font-size: 1.4rem;
    font-weight: 500;
    width: 240px;
    border-radius: 4px;
  }
  .btn-pc-small {
    display: inline-block;
    vertical-align: bottom;
    min-width: 84px;
    width: auto;
    padding: 5px 24px;
    border-radius: 25px;
  }
  .btn-pc-small.is-disabled {
    padding: 5px 24px;
  }
  .btn-pc-large {
    display: inline-block;
    vertical-align: bottom;
    max-width: 240px;
  }
  .btn-external {
    font-size: 1.4rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 8px 30px;
  }
  .btn-external > span {
    font-size: 1.4rem;
  }
  .btn-upload {
    cursor: pointer;
  }
  .btn-upload-video {
    cursor: pointer;
  }
  .btn-upload-preview {
    border-radius: 10px;
    cursor: pointer;
  }
  .btn-join {
    font-size: 1.4rem;
    min-width: 84px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .btn-comment {
    padding-left: 18px;
    padding-right: 15px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  }
  .btn-comment > span {
    font-size: 2rem;
    margin-left: 20px;
  }
  .btn-follow {
    font-size: 1.2rem;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 4px;
  }
  .btn-follow__off {
    font-size: 1.2rem;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 4px;
  }
  .sticker-icon {
    font-size: 1.2rem;
    padding-top: 4px;
    border-bottom: 2px;
    border-radius: 4px;
  }
  .sticker-grade {
    font-size: 1.2rem;
    min-width: 50px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .sticker-hash {
    font-size: 1.4rem;
  }
  .sticker-hash:before {
    font-size: 1.6rem;
  }
  .sp {
    display: none;
  }
  .policy .no-mark {
    margin-left: 2em;
  }
  .overlay-search {
    position: absolute;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 0 0 10px 10px;
    background: rgba(255, 255, 255, 0.98);
  }
  .l-wrapper--M .overlay-search {
    visibility: visible;
    opacity: 1;
    z-index: 0;
    height: auto;
    position: static;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: none;
    transition: none;
    margin: 0 auto;
  }
  .l-wrapper--M .overlay-search .overlay-search_inner {
    padding-bottom: 20px;
  }
  .overlay-search_inner {
    padding: 50px 0;
    max-width: 700px;
    margin: 0 auto;
  }
  .overlay-search_tools {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 0;
    border-bottom: 0;
    height: auto;
  }
  .overlay-search_back {
    width: auto;
  }
  .overlay-search_back a {
    color: #a3a6ad;
    font-size: 1.4rem;
    line-height: inherit;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    min-width: 84px;
    height: inherit;
    margin-left: auto;
    padding: 5px 24px;
    border: 1px solid #a3a6ad;
    border-radius: 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: static;
    -webkit-transform: none;
            transform: none;
  }
  .overlay-search_back a .overlay-search_back_text {
    display: block;
  }
  .overlay-search_input {
    padding-right: 16px;
  }
  .overlay-search_input .input-search {
    background: none;
    border: 1px solid #42444e;
  }
  .overlay-search_input .input-search input {
    padding: 8px 0;
  }
  .overlay-search_history {
    padding: 10px 0 0;
  }
  .overlay-search_history_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .overlay-search_history p {
    color: #a3a6ad;
    margin-top: 15px;
  }
  .overlay-search_history button {
    margin-top: 15px;
  }
  .overlay-search_history_content {
    margin: 10px 0 0 10px;
  }
  .overlay-search_history_content a span {
    color: #a3a6ad;
  }
  .img-photo {
    border-radius: 4px;
  }
  .img-seach-result > img {
    max-width: 400px;
  }
}

@media screen and (max-width: 320px) {
  .input-pin > input[type="tel"] {
    width: 16vw;
    height: 16vw;
  }
  .add-my-activity {
    margin-top: 10px;
    position: static;
    margin-left: 123px;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 769px) and (min-width: 768px) and (max-width: 999px) {
  .post_address-list.post_address-list--col2 .post_address-list_item {
    width: 100%;
  }
  .post_address-list.post_address-list--col2 .post_address-list_item:nth-child(odd) {
    margin-right: 20px;
  }
  .post_address-list.post_address-list--col2 .post_address-list_item:nth-child(even) {
    margin-left: 20px;
  }
  .post_address-list.post_address-list--col2 .post_address-list_item:nth-last-child(2) {
    border-bottom: 1px solid #e6e6e6 !important;
  }
  .member-list.member-list--col2 .member-list_item {
    width: 100%;
  }
  .member-list.member-list--col2 .member-list_item:nth-child(odd) {
    margin-right: 20px;
  }
  .member-list.member-list--col2 .member-list_item:nth-child(even) {
    margin-left: 20px;
  }
  .member-list.member-list--col2 .member-list_item:nth-last-child(2) {
    border-bottom: 1px solid #e6e6e6 !important;
  }
}

@media all and (-ms-high-contrast: none) {
  .profile_detail.profile_detail--male .profile_membership {
    background: linear-gradient(140deg, #deeae9 0%, #d2d4f2 100%);
  }
  .profile_detail.profile_detail--female .profile_membership {
    background: linear-gradient(140deg, #e9f7f4 0%, #d6d2f3 100%);
  }
  .profile_membership {
    background: linear-gradient(140deg, #edd54b 0%, #f2c29d 100%);
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .filter_nowrap .filter_item {
    min-width: 58px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1099px) {
  .member-list_action {
    -ms-flex-negative: 1;
        flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .member-list_action .btn:not(:first-child) {
    margin-left: 0;
    margin-top: 5px;
  }
}

@media print, screen and (min-width: 1140px) {
  .show-404-img img {
    max-width: 373px;
  }
  .code_login .add-code,
  .code_login .profile_membership_rank {
    display: block;
  }
  .form_step_banner .slider_pagination {
    margin-top: 15px;
  }
  .hl_list img {
    max-height: 600px;
  }
  .photo_post_hl {
    padding: 35px 35px 31px 35px;
  }
  .photo_post_hl .contest-results_item {
    margin-top: 20px;
  }
  .photo--post_past .photo_header {
    margin-bottom: 25px;
  }
  .photo_footer_hl_past {
    padding-top: 35px;
  }
  .content_search_addd {
    max-width: 640px;
  }
  .search-ranking-tab .tab-content {
    margin-top: 10px;
  }
  .btnhistory-ct_add {
    margin-top: 30px;
  }
  .photo_footer_hl_past .photo_pic_title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .filterCat {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .filterCat .catBtn_c .catName_c {
    height: 33.7px;
  }
  .filterCat .catBtn_c .catName_b {
    height: 33.7px;
  }
  .filterCat .catList li {
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
  }
  .filterCat .catList li:hover {
    opacity: 0.7;
  }
  .hot-ct.hot-ct2 {
    padding-right: 0;
  }
  .btn-join-a {
    font-size: 1.2rem !important;
    padding-top: 9px !important;
    padding-bottom: 7px !important;
    padding-left: 1.2rem !important;
  }
  .lot-grayl {
    padding: 0 30px;
  }
  .prize-btn {
    width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
  .coins-msg {
    max-width: 438px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

@media screen and (max-width: 414px) {
  .profile_cover_bg img {
    max-width: 280px;
  }
}

@media screen and (max-width: 375px) {
  .add-datepicker .add-datepicker-date {
    width: calc(100% - 120px);
  }
  .input-datepicker {
    font-size: 1.7rem;
    padding: 10px 6px;
  }
  .search-ranking-tab .tab_item:not(:first-child) {
    margin-left: 25px;
  }
}

@media screen and (max-width: 480px) {
  .lottery-inn .lucky-inn {
    bottom: 140px;
  }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
  .tab-rt .tab_link {
    font-size: 15px;
  }
}