.pane-main > * {
  order: 1000;
}

.block-top-body {
  order: 10;
}

.block-top-section {
  padding: 4.92rem 5.5vw;
}

.block-top-section ~ .block-top-section {
  border-top: 1px solid #ccc;
}

.block-top-section__bordered {
  border-bottom: 1px solid #ccc;
}

@media (max-width: 768px) {
  .block-top-section {
    padding: calc(4.6rem + 10vw) 5vw;
  }
}

.block-top-section__full {
  padding: 0;
  line-height: 0;
}

.block-top-section__appli {
  order: 20;
}

.block-top-section__promotion {
  order: 30;
}

@media (max-width: 768px) {
  .block-top-section__promotion {
    padding: 5vw;
  }
}

.block-top-section__pick-up {
  order: 40;
}

.block-top-section__feature {
  order: 50;
}

.block-top-section__columns {
  order: 60;
}

.block-top-section__insta-photo {
  order: 80;
}

.block-top-section__insta-movie {
  order: 90;
}

.block-top-section__topics {
  order: 100;
}

.block-top-section__recommend {
  order: 120;
}

.block-top-section__brand-list {
  order: 140;
}

.block-top-section__keyword {
  order: 150;
}

.block-top-section__revico {
  order: 160;
}

.block-top-section__beauty-theory {
  order: 170;
}

.block-top-section__naris-fan-club {
  order: 190;
}

.block-top-section__products {
  order: 110;
}

.block-top-section__news {
  order: 180;
}

.block-top-section__history {
  order: 130;
}

.block-top-section__event {
  order: 70;
}

.block-top-section--inner {
  position: relative;
}

.block-top-section--inner__full-width {
  width: calc(100% + 11vw);
  transform: translate3d(-5.5vw, 0, 0);
}

.block-top-section--inner__full-width.js-delayfadein {
  transform: translate3d(-5.5vw, 15vh, 0) !important;
}

.block-top-section--inner__full-width.js-delayfadein.js-done {
  transform: translate3d(-5.5vw, 0, 0) !important;
}

@media (max-width: 768px) {
  .block-top-section--inner__full-width {
    width: calc(100% + 10vw);
    transform: translate3d(-5vw, 0, 0);
  }

  .block-top-section--inner__full-width.js-delayfadein {
    transform: translate3d(-5vw, 15vh, 0) !important;
  }

  .block-top-section--inner__full-width.js-delayfadein.js-done {
    transform: translate3d(-5vw, 0, 0) !important;
  }
}

@media (max-width: 768px) {
  .block-event--goods-classify-nav.js-delayfadein {
    transform: translate3d(-5vw, 15vh, 0) !important;
  }

  .block-event--goods-classify-nav.js-delayfadein.js-done {
    transform: translate3d(-5vw, 0, 0) !important;
  }
}
/* pc:1,sp:1/row */
.block-flex-container-1-1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.block-flex-container-1-1--item {
  line-height: 0;
  flex: 0 0 100%;
  margin: 0 0 1.68rem;
}

@media (max-width: 768px) {
  .block-flex-container-1-1--item {
    margin: 0 0 5vw;
  }
}

.block-flex-container-1-1--item:nth-last-child(1) {
  margin: 0;
}

@media (max-width: 768px) {
  .block-flex-container-1-1--item:nth-last-child(1) {
    margin: 0;
  }
}

/* pc:2,sp:1/row */
.block-flex-container-2-1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.block-flex-container-2-1--item {
  line-height: 0;
  flex: 0 0 calc(50% - .84rem);
  margin: 0 0 1.68rem;
}

@media (max-width: 768px) {
  .block-flex-container-2-1--item {
    flex: 0 0 100%;
    margin: 0 0 5vw;
  }
}

.block-flex-container-2-1--item:nth-child(2n - 1) {
  margin-right: 1.68rem;
}

@media (max-width: 768px) {
  .block-flex-container-2-1--item:nth-child(2n - 1) {
    margin-right: 0;
  }
}

.block-flex-container-2-1--item:nth-last-child(-n + 2) {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .block-flex-container-2-1--item:nth-last-child(2) {
    margin-bottom: 5vw;
  }
}

/* ブロック見出し */
.block-block-heading--wrapper {
  margin-bottom: 3.2rem;
}

@media (max-width: 768px) {
  .block-block-heading--wrapper {
    margin-bottom: calc(1.33rem + 5vw);
  }
}

.block-block-heading--wrapper:not(:first-child) {
  position: relative;
  margin-top: 6.8rem;
  padding-top: 6.8rem;
}

.block-block-heading--wrapper:not(:first-child)::before {
  content: '';
  width: calc(100% + 11vw);
  border-top: 1px solid #ccc;
  position: absolute;
  left: -5.5vw;
  top: 0;
}

.block-block-heading--main {
  display: inline-block;
  width: 100%;
  font-size: 4.3rem;
  line-height: 1.3;
  text-align: left;
}

@media (max-width: 768px) {
  .block-block-heading--main {
    font-size: calc(42.3688px + 2.035vw);
  }
}

@media (max-width: 375px) {
  .block-block-heading--main {
    font-size: 50px;
  }
}

.block-block-heading--sub {
  display: inline-block;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.2;
  text-align: left;
}

@media (max-width: 768px) {
  .block-block-heading--sub {
    font-size: calc(9.3688px + 2.035vw);
    line-height: 2.1;
  }
}

@media (max-width: 375px) {
  .block-block-heading--sub {
    font-size: 17px;
  }
}

.block-block-heading--sub:before {
  content: '/ ';
}

.block-block-view-all {
  position: absolute;
  top: 0;
  right: 0;
  width: 22vw;
  max-width: 18.33rem;
}

@media (max-width: 960px) {
  .block-block-view-all {
    width: auto;
    line-height: 0;
  }
}

/* ドット付きボタン */
.block-view-more--btn,
.block-slide-dot-btn {
  background: #fff;
  display: inline-block;
  padding: .3rem 3rem 0 2.2rem;
  border: 1px solid #222;
  border-radius: calc(2.2rem + 1px);
  font-size: 1rem;
  line-height: 4.1;
  text-align: center;
}

@media (max-width: 960px) {
  .block-view-more--btn {
    background: #222;
    border: 0;
    height: 7.66rem;
    padding: 0;
    border-radius: 50%;
    position: relative;
  }

  .block-view-more--btn::before {
    content: '';
    display: block;
    transform-origin: center center;
    position: absolute;
    top: 3.23rem;
    left: 3.03rem;
    width: 1.2rem;
    height: 1.2rem;
    border-top: .3rem solid #fff;
    border-right: .3rem solid #fff;
    transform: rotate3d(0, 0, 1, 45deg);
  }
}

.block-view-more--btn__full,
.block-slide-dot-btn__full {
  width: 100%;
}

@media (max-width: 960px) {
  .block-view-more--btn__full {
    width: 7.66rem;
  }
}

.block-view-more--dot,
.block-slide-dot-btn--dot {
  display: inline-block;
  position: relative;
  margin: 0 .2rem 0 0;
  width: 2.6rem;
  height: 1rem;
  line-height: 0;
  transform: translate3d(0, .15rem, 0);
  overflow: hidden;
}

@media (max-width: 960px) {
  .block-view-more--dot {
    display: none;
  }
}

.block-view-more--dot::before,
.block-view-more--dot::after,
.block-slide-dot-btn--dot::before,
.block-slide-dot-btn--dot::after {
  position: absolute;
  content: '';
  width: 1rem;
  height: 1rem;
  background: #222;
  border-radius: .5rem;
  transition: transform ease-in .3s, opacity ease-in-out .3s;
  transform: translate3d(0, 0, 0);
}

.block-view-more--dot::before,
.block-slide-dot-btn--dot::before {
  right: 3.6rem;
  opacity: 0;
}

.block-view-more--dot::after,
.block-slide-dot-btn--dot::after {
  right: .8rem;
  opacity: 1;
}

.block-view-more--btn:hover .block-view-more--dot::before,
.block-view-more--btn:hover .block-view-more--dot::after,
.block-slide-dot-btn:hover .block-slide-dot-btn--dot::before,
.block-slide-dot-btn:hover .block-slide-dot-btn--dot::after {
  transform: translate3d(2.8rem, 0, 0)
}

.block-view-more--btn:hover .block-view-more--dot::before,
.block-slide-dot-btn:hover .block-slide-dot-btn--dot::before {
  opacity: 1;
}

.block-view-more--btn:hover .block-view-more--dot::after,
.block-slide-dot-btn:hover .block-slide-dot-btn--dot::after {
  opacity: 0;
}

@media (max-width: 960px) {
  .block-view-more--body {
    display: block;
    opacity: 0;
    width: 4px;
    height: 4px;
    overflow: hidden;
  }
}

.block-flex-img {
  width: 100%;
  height: 100%;
}

.block-flex-img > img {
  width: 100%;
  height: 100%;
}

.block-fit-img {
  width: 100%;
  height: 100%;
}

.block-fit-img > img {
  width: 100%;
  height: 100%;
	object-fit: cover;
  object-position: center;
	font-family: 'object-fit: cover; object-position: center;';
}

.block-fit-img__hover-zoom .block-fit-img--wrapper {
  position: relative;
  padding-bottom: 100%;
}

.block-fit-img__hover-zoom .block-fit-img--sub-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  overflow: hidden;
}

.block-fit-img__hover-zoom .block-fit-img > img {
  transition: transform 1s cubic-bezier(0, 0, .3, 1);
  transform-origin: center center;
  transform: scale3d(1, 1, 1);
  width: 100%;
  height: 100%;
	object-fit: cover;
  object-position: center;
	font-family: 'object-fit: cover; object-position: center;';
}

.block-fit-img__hover-zoom:hover .block-fit-img > img {
  transform: scale3d(1.07, 1.07, 1);
}

.block-fit-img--wrapper {
  position: relative;
  padding-bottom: 100%;
}

.block-fit-img--sub-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  overflow: hidden;
}

.block-contain-img {
  width: 100%;
  height: 100%;
}

.block-contain-img > img {
  width: 100%;
  height: 100%;
	object-fit: contain;
  object-position: center;
	font-family: 'object-fit: contain; object-position: center;';
}

.md-inline-nowrap,
.md-inline-nowrap:hover,
.md-inline-nowrap:focus,
.md-inline-nowrap:active {
  white-space: nowrap;
}

.md-no-padding {
  padding: 0 !important;
}

.md-common-input {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: .57rem .42rem;
  min-width: 12rem;
}

.md-has-common-input input[type="text"],
.md-has-common-input input[type="password"],
.md-has-common-input input[type="number"],
.md-has-common-input select {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: .57rem .42rem;
  min-width: 12rem;
}

.hidden-btn {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 4px !important;
  height: 4px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  visibility: visible !important;
}

.block-action-btn--container {
  text-align: center;
  padding-top: 2.85rem;
}

.block-action-btn--container__full {
  font-size: 0;
  width: 100%;
}

@media (max-width:768px) {
  .block-action-btn--container__full {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

.block-action-btn--container__full .block-action-btn--wrapper {
  display: inline-block;
  width: calc(50% - 1.42rem);
  max-width: 23.57rem;
  margin: 0 auto 0 auto;
}

@media (max-width:768px) {
  .block-action-btn--container__full .block-action-btn--wrapper {
    width: 100%;
  }
}

.block-action-btn--container__full .block-action-btn--wrapper.block-action-btn--wrapper__extend {
  width: 100%;
  max-width: auto;
  max-width: unset;
  margin: 0 auto 0 auto;
}

.block-action-btn--container__full .block-action-btn--wrapper.block-action-btn--wrapper__extend .block-action-btn {
  min-width: auto;
  min-width: fit-content;
  width: auto;
  width: fit-content;
}

.block-action-btn--container__full .block-action-btn--wrapper + .block-action-btn--wrapper {
  margin-left: 1.42rem;
}


@media (max-width:768px) {
  .block-action-btn--container__full .block-action-btn--wrapper + .block-action-btn--wrapper {
    margin-left: auto;
  }

  .block-action-btn--container__full .block-action-btn--wrapper:nth-of-type(1) {
    order: 20;
  }

  .block-action-btn--container__full .block-action-btn--wrapper:nth-of-type(2) {
    margin-bottom: 2.85rem;
    order: 10;
  }
}

.block-action-btn--container__full .block-action-btn {
  width: 100%;
}

.block-action-btn--container__stack {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.block-action-btn--container__stack .block-action-btn--wrapper:nth-last-child(n + 2) {
  margin-bottom: .85rem;
}


.block-action-btn {
  display: inline-block;
  padding: 0.3rem 3rem 0 3rem;
  border-radius: calc(2.2rem + 1px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 4.1;
  text-align: center;
  transition: all ease-out .3s;
}

.block-action-btn__small {
  padding: 0.2rem 2rem 0 2rem;
  border-radius: calc(1.5rem + 1px);
  font-size: .85rem;
  line-height: 3.1;
}

.block-action-btn__minimum {
  padding: 0.2rem 1.5rem 0 1.5rem;
  border-radius: calc(1rem + 1px);
  font-size: .85rem;
  line-height: 2.1;

}

.block-action-btn__normal {
  background: #fff;
  border: 1px solid #222;
}

.block-action-btn__normal:hover {
  background: #f8f8f8;
  border: 1px solid #777;
}

.block-action-btn__colored {
  background: #00ac5a;
  border: 1px solid #00ac5a;
  color: #fff;
}

.block-action-btn__colored:hover {
  background: #1eb355;
  border: 1px solid #1eb355;
  color: #fff;
}

.block-action-btn__caution {
  background: #c8484f;
  border: 1px solid #c8484f;
  color: #fff;
}

.block-action-btn__caution:hover {
  background: #cf5359;
  border: 1px solid #cf5359;
  color: #fff;
}

.balloontip {
  min-width: 20px;
  padding: 10px;
  border-radius: 6px;
  opacity: 1;
  z-index: 32767;
  text-align: left;
  font-size: 12px;
  border: 1px solid rgb(119, 119, 119);
  box-shadow: rgb(85, 85, 85) 4px 4px 4px;
  color: rgb(255, 255, 255);
  background: #333;
}

.block-form-inner-flex {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.md-txt-underline {
  text-decoration: underline;
}

.md-txt-red {
  color: #c8484f;
}

.md-txt-green {
  color: #00ac5a;
}

.md-txt-gray {
  color: #888;
}

.md-txt-small {
  margin-top: 0.5rem;
  font-size: .85rem;
  line-height: 1.8;
}

.md-inline-block {
  display: inline-block;
}

.js-stop-target {
  position: relative;
}

#stopScroll {
  position: fixed;
}

#stopScroll.js-is-relative {
  position: absolute;
}

.block-content-container--ext {
  width: 100%;
}

@media (max-width: 1080px) {
  .block-content-container--ext {
    width: calc(100% + 11vw);
    transform: translate3d(-5.5vw, 0, 0);
  }
}

@media (max-width: 768px) {
  .block-content-container--ext {
    width: calc(100% + 10vw);
    transform: translate3d(-5vw, 0, 0);
  }
}

.block-common-promotion-container {
  margin-bottom: 6.42rem;
}

@media (max-width: 768px) {
  .block-common-promotion-container {
    margin-bottom: 8rem;
  }
}

.block-discrete-promotion-container {
  margin-bottom: 6.42rem;
}

@media (max-width: 768px) {
  .block-discrete-promotion-container {
    margin-bottom: 8rem;
  }

  .block-discrete-promotion-container.block-discrete-promotion-container--bottom {
    margin-bottom: 0;
  }
}

.block-common-promotion-container + .block-discrete-promotion-container {
  margin-top: -4.74rem;
}

@media (max-width: 768px) {
  .block-common-promotion-container + .block-discrete-promotion-container {
    margin-top: calc(-8rem + 5vw);
  }
}