/*
    color
*/
/*
    img path
*/
/*
    font
*/
.pcShow {
  display: block;
}

.btn-more {
  font-size: 15px;
  font-weight: bold;
  padding-right: 21px;
  background: url("../images/icon/icon_arrow_right_black.png") no-repeat;
  background-position: right center;
}
.btn-filter {
  display: inline-block;
  font-size: 15px;
  color: #222;
  padding-right: 19px;
  background: url("/data/skin/skinfood/images/icon/icon_filter.svg") no-repeat;
  background-size: 12px 11px;
  background-position: top 4px right;
}

.slim-select {
  display: inline-block;
  width: 120px;
  text-align: right;
}
.slim-select select {
  border: none;
  background: none;
  font-size: 15px;
  color: #222;
  background: url("/data/skin/skinfood/images/icon/icon_arrow_down_small.svg") no-repeat;
  background-position: center right;
  background-size: 10px 6px;
}

.category-depth__list {
  margin-bottom: 50px;
  padding-top: 10px;
  line-height: 1;
}
.category-depth__list li {
  display: inline-block;
  margin-left: 11px;
  padding-left: 18px;
  font-size: 12px;
  color: #888888;
  letter-spacing: -0.12px;
  background: url("../images/icon/icon_arrow_right.png") no-repeat;
  background-position: left center;
}
.category-depth__list li:first-child {
  margin-left: 0;
  padding-left: 0;
  background: none;
}
.category-depth__list li a {
  font-size: 12px;
  color: #888;
}

.default-side {
  padding: 29px 25px 39px 29px;
  margin-right: 40px;
  background-color: #fff;
  border-top: 3px solid #000;
}
.default-side__title {
  font-size: 27px;
  color: #212121;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.67px;
  margin-bottom: 28px;
}
.default-side__title-sub {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #222;
  line-height: 1;
}
.default-side__title-sub--no-margin {
  margin-bottom: 0;
}
.default-side__list ~ .default-side__list {
  margin-top: 40px;
}
.default-side__list + .default-side__title-sub {
  margin-top: 40px;
}
.default-side__item {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.15px;
  color: #888888;
  cursor: pointer;
  font-weight: bold;
}
.default-side__item ~ .default-side__item {
  margin-top: 20px;
}
.default-side__item--depth1 {
  font-weight: normal;
}
.default-side__item--depth1 a {
  color: #888;
}
.default-side__item--depth1 a.current {
  color: #212121;
  font-weight: bold;
}
.default-side__item--active {
  color: #212121;
  font-weight: bold;
}
.default-side__info {
  margin-top: 40px;
}
.default-side__info-number {
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 20px;
  font-weight: bold;
  color: #212121;
}
.default-side__info-desc {
  margin-top: 12px;
  color: #888888;
  line-height: 18px;
  letter-spacing: -0.12px;
}
.default-side__info-btn {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  padding: 16px;
}
.default-side__desc-group {
  margin-top: 9px;
  font-size: 12px;
  line-height: 1;
  color: #222;
}
.default-side__desc-anchor {
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 40px;
  font-size: 12px;
  font-weight: bold;
}
.default-title {
  position: relative;
  line-height: 1.5;
}
.default-title + br {
  display: none;
}
.default-title--bottom {
  margin-bottom: 20px;
}
.default-title--bottom-small {
  margin-bottom: 10px;
}
.default-title--top {
  margin-top: 40px;
}
.default-title--small {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 28px;
}
.default-title__more {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-right: 18px;
  font-size: 15px;
  color: #222;
  background: url("../images/icon/icon_arrow_more.png") no-repeat;
  background-position: top right;
  background-size: 9px 16px;
  line-height: 1;
  cursor: pointer;
}
.default-title--icon {
  display: block;
  padding-top: 149px;
  font-size: 18px;
  background: url("../images/icon/icon_thanks.png") no-repeat;
  background-position: center 47px;
  text-align: center;
  color: #222;
  line-height: 1;
}
.default-title--sorry {
  background-image: url("../images/icon/icon_sorry.png");
}
.default-title-desc {
  text-align: center;
  margin-top: 12px !important;
  font-size: 15px !important;
  color: #222 !important;
  line-height: 1;
}
.default-title-desc__item {
  display: inline-block;
}
.default-title-desc__item + .default-title-desc__item {
  position: relative;
  padding-left: 41px;
}
.default-title-desc__item + .default-title-desc__item:before {
  position: absolute;
  top: 0;
  left: 20px;
  bottom: 0;
  margin: auto;
  display: inline-block;
  width: 1px;
  height: 14px;
  background-color: #888;
  content: "";
}
.default-title-desc__item + .default-title-desc__item + .cta {
  margin-left: 20px;
}
.default-title--top {
  margin-top: 60px;
}
.default-title__txt {
  position: relative;
  display: inline-block;
  padding: 0 7px;
  font-size: 21px;
  font-weight: bold;
  letter-spacing: -0.52px;
  z-index: 1;
  color: #212121;
}
.default-title__txt:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 14px;
  background: #fdb814;
  content: "";
  z-index: -1;
}
.default-title__txt--gray {
  padding-left: 7px;
  font-size: 18px;
  color: #888;
}
.default-title__anchor {
  position: absolute;
  bottom: -3px;
  right: 0;
}
.default-title__container {
  margin-bottom: 21px;
}
.default-title__container--margin-bottom {
  margin-bottom: 40px;
}
.default-title__custom h3 {
  font-weight: bold;
  text-align: center;
  font-size: 32px;
  color: #222;
}
.default-title__custom p {
  font-size: 18px;
  color: #999999;
  margin-top: 13px;
}
.default-title__custom--left {
  text-align: left;
}
.default-title__custom__inner {
  font-size: 32px !important;
  color: #222 !important;
}
.default-board + .default-board {
  margin-top: 79px;
}
.default-board__header {
  position: relative;
}
.default-board__btn {
  position: absolute;
  bottom: -7px;
  right: 0;
}
.default-board__container {
  margin-top: 35px;
  background-color: #fff;
}
.default-board__container--has-tab {
  margin-top: 5px;
}
.default-board__list {
  border-top: 1px solid #212121;
  border-bottom: 1px solid #212121;
}
.default-board__item {
  height: 63px;
  padding: 0 20px;
  line-height: 63px;
  font-size: 15px;
  letter-spacing: -0.15px;
  font-weight: bold;
}
.default-board__item--has-btn {
  position: relative;
  padding-right: 60px;
  border-top: 1px solid #ddd;
}
.default-board__item--has-btn:first-child {
  border-top: none;
}
.default-board__item + .default-board__item {
  border-top: 1px solid #ddd;
}
.default-board__item-title {
  display: inline-block;
  width: 620px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #212121;
}
.default-board__item-title--row {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}
.default-board__item-date {
  float: right;
  color: #888;
}
.default-board__item-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 60px;
  height: 100%;
  background: url("../images/icon/icon_plus.png") no-repeat;
  background-position: center;
  font-size: 0;
  cursor: pointer;
}
.default-board__item-btn--active {
  background-image: url("../images/icon/icon_minus.png");
}
.default-board__item--empty {
  padding: 80px 0 78px;
  height: auto;
  line-height: 1;
  text-align: center;
  font-size: 18px;
  color: #222222;
}
.default-board__search {
  position: relative;
}
.default-board__search--small {
  width: 620px;
  margin: 0 auto;
}
.default-board__search-input input[type=text] {
  width: 100%;
  height: 34px;
  line-height: 34px;
  padding-bottom: 2px;
  padding-left: 43px;
  padding-right: 18px;
  border: none;
  border-bottom: 2px solid #fdb814;
  font-size: 15px;
  color: #888;
  box-sizing: border-box;
  background: none;
}
.default-board__search-btn {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 2px;
  margin: auto;
  width: 25px;
  height: 25px;
  background: url("../images/icon/icon-search.svg") no-repeat;
  border: none;
  background-color: none;
  font-size: 0;
  cursor: pointer;
}
.default-board__content {
  padding: 0 36px 23px;
  font-size: 15px;
  line-height: 24px;
  color: #888888;
}
.default-paging {
  text-align: center;
}
.default__tab-list {
  margin-top: 15px;
  border-bottom: 1px solid #ddd;
  font-size: 0;
}
.default__tab-item {
  display: inline-block;
  width: 130px;
  color: #888;
  font-size: 18px;
}
.default__tab-item--active .default__tab-anchor {
  color: #222;
  border-bottom: 3px solid #222;
  font-weight: bold;
}
.default__tab-anchor {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  cursor: pointer;
}
.default-popup__title {
  display: block;
  margin-top: 22px;
  font-size: 21px;
  font-weight: bold;
  color: #222;
  line-height: 1;
}
.default-popup__desc {
  margin-bottom: 14px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6;
  color: #222;
}
.default-popup__desc--normal {
  font-weight: normal;
}
.default-popup__desc--small {
  position: relative;
  margin-left: 20px;
  font-weight: normal;
}
.default-popup__desc--small:before {
  display: inline-block;
  width: 1px;
  height: 14px;
  margin-right: 20px;
  background-color: #eee;
  vertical-align: middle;
  content: "";
}
.default-popup__btn {
  position: fixed;
  bottom: 40px;
  left: 0;
  right: 0;
  font-size: 0;
}
.default-popup__btn .cta {
  height: 48px;
  padding: 0;
  line-height: 48px;
  font-size: 16px;
  font-weight: bold;
}
.default-popup__btn .cta--outline {
  margin-right: 10px;
  color: #222 !important;
}
.default-list__item {
  font-size: 0;
  padding-bottom: 17px;
  text-align: left;
}
.default-list__title {
  text-align: left;
  font-size: 15px;
}
.default-list__info {
  font-size: 15px;
  float: right;
}
.default-desc {
  font-size: 15px;
  color: #222;
}
.default-desc--list {
  line-height: 24px;
  word-break: keep-all;
}
.default-desc + .default-title--small {
  margin-top: 23px;
}
.default-desc--gray {
  color: #888;
}
.default-desc--margin-top {
  margin-top: 20px;
}
.default-border-list {
  border: 1px solid #ddd;
}
.default-border-list--margin-top {
  margin-top: 60px;
}
.default-border-list__item {
  position: relative;
  padding: 28px;
  box-sizing: border-box;
  background-color: #fff;
}
.default-border-list__item + .default-border-list__item {
  border-top: 1px solid #ddd;
}
.default-border-list__item-title {
  font-size: 15px;
  font-weight: bold;
  color: #222;
}
.default-border-list__item-desc {
  margin-top: 10px;
  font-size: 15px;
  color: #888;
  line-height: 1;
}
.default-border-list__item-badge {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 28px;
  margin: auto;
}
.default-tag__item {
  display: inline-block;
  line-height: 1;
  padding: 8px 31px 9px 12px;
  border-radius: 16px;
  color: #222;
  font-size: 15px;
  background: #fff url("/data/skin/skinfood/images/icon/icon_close_circle.svg") no-repeat;
  background-size: 14px 14px;
  background-position: center right 10px;
  cursor: pointer;
}
.default-tag__item + .default-tag__item {
  margin-left: 12px;
}
.default-table {
  width: 100%;
  border-top: 2px solid #222;
  border-collapse: collapse;
  font-size: 15px;
  margin-bottom: 28px;
  margin-top: 28px;
}
.default-table--slim {
  margin-bottom: 12px;
}
.default-table thead th {
  height: 70px;
}
.default-table th, .default-table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}
.default-table td {
  padding: 28px 35px;
}

.util-tab {
  margin-top: 60px;
  font-size: 0;
}
.util-tab__item {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 20px;
  line-height: 20px;
  font-size: 15px;
  color: #888;
  cursor: pointer;
}
.util-tab__item--active {
  font-weight: bold;
  color: #212121;
}
.util-tab__item:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: inline-block;
  width: 1px;
  height: 14px;
  margin: auto;
  content: "";
  background: #999;
}
.util-tab__item:first-child {
  padding-left: 0;
}
.util-tab__item:first-child:before {
  display: none;
}

.box-container {
  margin-bottom: 60px;
  border: 1px solid #ddd;
  padding: 40px 0 22px;
  box-sizing: border-box;
  font-size: 0;
  background-color: #fff;
}
.box-container--thick {
  padding: 0 96px;
}
.box-container--margin-small {
  margin-bottom: 20px;
}
.box-container--margin-top {
  margin-top: 25px;
  padding: 45px 0 49px;
}
.box-container__inner {
  display: inline-block;
  width: 50%;
  text-align: center;
  padding: 0 50px;
  box-sizing: border-box;
  vertical-align: top;
}
.box-container__inner--small {
  width: 240px;
  padding: 40px 0;
}
.box-container__inner--3cols {
  width: 33.3%;
  text-align: left;
}
.box-container__inner + .box-container__inner {
  position: relative;
  padding: 0 42px;
}
.box-container__inner + .box-container__inner:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #eee;
  content: "";
}
.box-container__inner + .box-container__inner--large {
  width: auto;
  margin-top: 48px;
  padding: 19px 0 24px 60px;
  text-align: left;
}

.empty-content {
  width: 100%;
  padding: 170px 0 79px;
  background: url("../images/icon/icon_nowish.png") no-repeat;
  background-size: 79px 72px;
  background-position: center 80px;
  text-align: center;
}
.empty-content--wish {
  border: 1px solid #ddd;
  background-color: #fff;
}
.empty-content--coupon {
  padding-left: 20px;
  padding-top: 150px;
  background: url("../images/icon/icon_emtpy_coupon.png") no-repeat;
  background-position: center 80px;
  background-size: 79px 53px;
}
.empty-content--review {
  padding-left: 20px;
  padding-top: 174px;
  background: url("../images/icon/icon_empty_write.png") no-repeat;
  background-position: center 80px;
  background-size: 74px 77px;
  box-sizing: border-box;
}
.empty-content--alert {
  padding-left: 20px;
  padding-top: 180px;
  background: url("../images/icon/icon_alert.png") no-repeat;
  background-position: center 80px;
  background-size: 89px 85px;
}
.empty-content--alert-sorry {
  padding-top: 180px;
  background: url("../images/icon/icon_sorry.png") no-repeat;
  background-position: center 80px;
  background-size: 87px 84px;
}
.empty-content--alert-sorry--padding {
  background-position-y: 63px;
  padding-top: 163px;
  padding-bottom: 102px;
}
.empty-content--truck {
  padding-top: 125px;
  padding-bottom: 0;
  background: url(../images/icon/icon_truck.png) no-repeat;
  background-position: center 50px;
  background-size: 77px 63px;
}
.empty-content__title {
  font-size: 18px;
  color: #222;
}
.empty-content__title--large {
  font-size: 20px;
}
.empty-content__desc {
  margin-top: 5px;
  font-size: 15px;
  line-height: 24px;
  color: #222;
}
.empty-content__desc--large {
  font-size: 18px;
}
.empty-content__btn {
  margin-top: 47px;
}

.popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: auto;
  height: auto;
  background-color: #fff;
  z-index: 12;
}
.popup__title {
  text-align: left;
  font-size: 15px;
}
.popup--small {
  width: 480px;
  padding: 40px;
  box-sizing: border-box;
}
.popup__dimed {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  z-index: 11;
}
.popup__header {
  position: relative;
  line-height: 1;
}
.popup__header--board {
  padding-bottom: 20px;
  border-bottom: 1px solid #222;
}
.popup__title {
  font-weight: bold;
  font-size: 27px;
  color: #222;
}
.popup__btn-close {
  position: absolute;
  right: 0;
  bottom: 20px;
  margin: auto;
  font-size: 0;
  width: 21px;
  height: 22px;
  background: url("../images/icon/icon-close.png") no-repeat;
}
.popup__footer {
  text-align: center;
}

.dot-list--padding-top {
  padding-top: 86px;
}
.dot-list__item {
  position: relative;
  padding-left: 7px;
  font-size: 15px;
  margin-bottom: 10px;
  color: #222;
}
.dot-list__item--sub-text {
  color: #888;
  margin-top: 6px;
  line-height: 1;
}
.dot-list__item:before {
  position: absolute;
  top: 7px;
  left: 0;
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #222;
  content: "";
}

.card-content {
  margin-top: 40px;
  margin-left: -19px;
  font-size: 0;
}
.card-content__item {
  display: inline-block;
  width: 429px;
  min-height: 380px;
  margin-left: 19px;
  margin-top: 20px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  background: #fff;
  vertical-align: top;
  cursor: pointer;
}
.card-content__item--small {
  width: 368px;
  min-height: 384px;
  margin-left: 18px;
}
.card-content__item-img {
  display: block;
  width: 100%;
  height: 225px;
  overflow: hidden;
}
.card-content__item-img img {
  width: 100%;
  height: 100%;
}
.card-content__item-info {
  padding: 24px 20px 20px;
  text-align: center;
  box-sizing: border-box;
  font-size: 15px;
  color: #222;
}
.card-content__item-title {
  font-size: 18px;
  font-weight: bold;
}
.card-content__item-desc {
  margin-top: 11px;
  word-break: keep-all;
}
.card-content__item-txt + .card-content__item-txt:before {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
  width: 1px;
  height: 14px;
  background-color: #eee;
  content: "";
}
.card-content__item-bottom {
  margin-top: 18px;
  color: #888;
}
.card-content__item-badge {
  display: inline-block;
  margin-left: 12px;
  padding: 7px 15px 8px;
  line-height: 1;
  background: #f6f6f6;
  color: #222;
  text-align: center;
}

.date-picker__container--margin-top {
  margin-top: 40px;
}

.tag-list {
  margin-top: 28px;
  margin-left: -12px;
  margin-bottom: 60px;
  font-size: 0;
}
.tag-list__item {
  display: inline-block;
  padding: 11px 21px;
  border-radius: 18px;
  font-size: 15px;
  color: #222;
  line-height: 1;
  box-sizing: border-box;
  background-color: #f6f6f6;
  margin-left: 12px;
  margin-top: 8px;
  cursor: pointer;
}
.tag-list__item--active {
  background-color: #222;
  color: #fff;
}

.small-select {
  position: relative;
  padding-right: 0 !important;
  margin-left: 23px;
}
.small-select:hover .small-select__btn:before {
  transform: rotate(180deg);
}
.small-select:hover .small-select__list {
  display: block;
}
.small-select__btn {
  display: inline-block;
  width: 140px;
  height: 27px;
  padding-left: 12px;
  font-size: 15px;
  color: #ddd;
  border: 1px solid #ddd;
  text-align: left;
}
.small-select__btn:before {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  width: 11px;
  height: 10px;
  background: url("../images/icon/icon_select_arrow_gray.svg") no-repeat;
  background-size: contain;
  content: "";
  transition: all 0.5s;
}
.small-select__list {
  display: none;
  position: absolute;
  top: 27px;
  left: 0;
  width: 140px;
  padding: 17px;
  box-sizing: border-box;
  background-color: #3e3736;
  border: 1px solid #999999;
  z-index: 1;
}
.small-select__anchor {
  width: 100%;
  line-height: 1;
}
.small-select__anchor + .small-select__anchor {
  padding-top: 12px !important;
}
.small-select__anchor a {
  color: #ddd !important;
}

.promotion-event {
  padding: 0 60px;
}
.promotion-event__items {
  margin-top: 20px;
}
.promotion-event__container .card-content {
  min-height: 50px;
}
.promotion-event .card-content {
  margin: 0;
}
.promotion-event .card-content__banner {
  position: relative;
  width: 100%;
}
.promotion-event .card-content__item {
  margin-top: 80px;
  margin-left: 0;
  border: none;
}
.promotion-event .card-content__item:first-child {
  margin-top: 0;
}
.promotion-event .card-content__item-img {
  height: auto;
  min-height: 283px;
}
.promotion-event .card-content__item-info {
  margin-top: -43px;
  display: inline-block;
  width: 385px;
  padding: 20px;
  color: #222;
  background-color: #fff;
}
.promotion-event .card-content__item-title {
  text-align: left;
  font-size: 24px;
  line-height: 34px;
  word-wrap: keep-all;
  font-weight: normal;
}

.goods-plan-view {
  /* width: 1020px; */
  margin: 0 auto;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  /* padding: 40px; */
}
.goods-plan-view__list {
  width: 1142px;
  margin-top: 75px;
  padding: 0 60px;
}
.goods-plan-view__list b {
  display: block;
  margin-bottom: 39px;
  font-size: 32px;
  color: #222;
}

.common-board__header {
  padding: 35px 0;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
.common-board__title {
  font-size: 27px;
  font-weight: bold;
}
.common-board__bottom {
  margin-top: 10px;
}
.common-board__date {
  font-size: 15px;
  color: #888;
}
.common-board__container {
  padding-top: 20px;
}

.common-comment {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 29px;
  box-sizing: border-box;
  font-size: 0;
}
.common-comment__title {
  display: inline-block;
  width: 70%;
  font-size: 15px;
  white-space: pre-line;
}
.common-comment__title--wide {
  width: 100%;
  font-size: 21px;
  font-weight: bold;
  padding-bottom: 12px;
  border-bottom: 1px solid #222;
  font-weight: bold;
}
.common-comment__info {
  position: absolute;
  top: 29px;
  right: 29px;
}
.common-comment__name {
  font-weight: bold;
  color: #222;
  font-size: 15px;
}
.common-comment__date {
  text-align: right;
  padding-left: 28px;
  font-size: 15px;
  color: #888;
}

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