/* button */
/* sns */
/* categories */
/* all menu */
/* share */
/* aside */
/* icon */
#contents .reporter-box {
  width: 100%;
  background: url("/resource/image/mobile/reporter-bg.png") center center no-repeat;
  background-size: cover;
}
#contents .reporter-box .reporter-information-introduce {
  width: 100%;
  height: 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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px 16px 24px 16px;
}
#contents .reporter-box .reporter-information-introduce .reporter-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
}
#contents .reporter-box .reporter-information-introduce .reporter-information .image-wrapper {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 12px;
}
#contents .reporter-box .reporter-information-introduce .reporter-information .image-wrapper .image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#contents .reporter-box .reporter-information-introduce .reporter-information .name-mail-button .reporter-name {
  text-align: left;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}
#contents .reporter-box .reporter-information-introduce .reporter-information .name-mail-button .reporter-name .name {
  font-size: 22px;
  font-weight: 500;
  color: #fff;
}
#contents .reporter-box .reporter-information-introduce .reporter-information .name-mail-button .reporter-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none !important;
  text-decoration: none !important;
  color: inherit;
  color: #fff !important;
}
#contents .reporter-box .reporter-information-introduce .reporter-information .name-mail-button .reporter-button .mail-icon {
  display: block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2027 3H3.7973C3.08378 3 2.5 3.5625 2.5 4.25V11.75C2.5 12.4375 3.08378 13 3.7973 13H13.2027C13.9162 13 14.5 12.4375 14.5 11.75V4.25C14.5 3.5625 13.9162 3 13.2027 3Z' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.5 5L8.5 9L2.5 5' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat;
  margin-right: 8px;
}
#contents .reporter-box .reporter-information-introduce .reporter-information .name-mail-button .reporter-button .text {
  text-decoration: none !important;
  color: inherit;
  color: #fff !important;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}
#contents .reporter-box .reporter-information-introduce .reporter-introduce {
  margin-top: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}
#contents .datepicker-wrapper.has-margin {
  margin-bottom: 16px;
}