/* ------------------------------
#newyearset
------------------------------ */
/* reset
------------------------------ */
.block-product--list {
  padding-top: 0;
  border-top: none;
}

@media screen and (min-width: 801px) {
  .container, .pane-left-menu + .pane-main, main > div {
    width: 100%;
  }
  .block-event-page--goods, .block-event-page--accessory {
    width: 1000px;
    margin: auto;
  }
  .pane-right-menu {
    margin-left: auto;
    margin-right: auto;
  }
  .block-category--pager-top {
    display: none;
  }
  .page-event .pane-left-menu {
    display: none;
  }
}
[data-browse-mode=S] .pane-main {
  padding-bottom: 0;
}

/* setting
------------------------------ */
#newyearset h1, #newyearset h2, #newyearset h3, #newyearset h4 {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  width: auto;
}

#newyearset img {
  vertical-align: bottom;
}

/* contents
------------------------------ */
:root {
  --width: 750px;
}
@media screen and (max-width: 750px) {
  :root {
    --width: 100vw;
  }
}

#newyearset {
  background: #fff8e9;
  padding-bottom: calc(0.0666666667 * var(--width));
}
#newyearset .wrap {
  max-width: 750px;
  width: 100%;
  margin-inline: auto;
  background: #FFF;
  padding-bottom: calc(0.1133333333 * var(--width));
}
#newyearset .mainvisual {
  margin-bottom: calc(0.0066666667 * var(--width));
}
#newyearset .nav {
  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-bottom: calc(0.08 * var(--width));
  -webkit-column-gap: calc(0.0066666667 * var(--width));
     -moz-column-gap: calc(0.0066666667 * var(--width));
          column-gap: calc(0.0066666667 * var(--width));
}
#newyearset .nav a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#newyearset .nav a:hover {
  opacity: 0.7;
}
#newyearset .tx_lead {
  margin-bottom: calc(0.1333333333 * var(--width));
  text-align: center;
}
#newyearset .tx_lead img {
  height: calc(0.412 * var(--width));
}
#newyearset .section {
  margin-bottom: calc(0.2533333333 * var(--width));
}
#newyearset .section:last-child {
  margin-bottom: 0;
}
#newyearset .section .title {
  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;
  row-gap: calc(0.0466666667 * var(--width));
  margin-bottom: calc(0.0666666667 * var(--width));
}
#newyearset .section .title-num img {
  height: calc(0.1213333333 * var(--width));
}
#newyearset .section .title-main img {
  height: calc(0.1133333333 * var(--width));
}
#newyearset .section .img {
  margin-bottom: calc(0.0666666667 * var(--width));
}
#newyearset .section .desc {
  margin-bottom: calc(0.08 * var(--width));
  text-align: center;
}
#newyearset .section#scalp .desc img {
  height: calc(0.252 * var(--width));
}
#newyearset .section#haircare .desc img {
  height: calc(0.18 * var(--width));
}
#newyearset .section .details {
  margin: 0 calc(0.0533333333 * var(--width)) calc(0.0666666667 * var(--width));
}
#newyearset .section .btn {
  display: block;
  padding: 0;
  margin-inline: auto;
  width: calc(0.788 * var(--width));
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#newyearset .section .btn:hover {
  opacity: 0.7;
}
#newyearset .section .chart {
  position: relative;
  margin-inline: calc(0.1066666667 * var(--width));
  padding-top: calc(0.0933333333 * var(--width));
  background: url("/img/usr/event/newyearset/img_dots.png") no-repeat center top/auto calc(0.072 * var(--width));
}
#newyearset .section .chart-lead {
  margin-bottom: calc(0.0666666667 * var(--width));
}
#newyearset .section .chart-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: calc(0.0173333333 * var(--width));
     -moz-column-gap: calc(0.0173333333 * var(--width));
          column-gap: calc(0.0173333333 * var(--width));
}
#newyearset .section .chart-btn {
  width: 100%;
  font-size: calc(0.0346666667 * var(--width));
  font-weight: 700;
  text-align: center;
}
#newyearset .section .chart-btn01 {
  color: #93a96f;
}
#newyearset .section .chart-btn02 {
  color: #d26d68;
}
#newyearset .section .chart-btn03 {
  color: #79b0c7;
}
#newyearset .section .chart-btn04 {
  color: #bb973a;
}
#newyearset .section .chart-btn a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#newyearset .section .chart-btn a:hover {
  opacity: 0.7;
}
#newyearset .section .chart-btn span {
  display: block;
  margin-top: calc(0.0133333333 * var(--width));
}
#newyearset .section .notes {
  margin: calc(0.1333333333 * var(--width)) calc(0.0533333333 * var(--width)) 0;
}
#newyearset .section .notes img {
  height: calc(0.076 * var(--width));
}/*# sourceMappingURL=newyearset.css.map */