@charset "UTF-8";
/* CSS Document */
/* Variables */
/* Mixin */
/* Theme */
* {
  font-family: "EB Garamond", "Noto Serif JP", serif;
  font-size: 0.9rem;
  line-height: 1.6;
  color: #212529;
  letter-spacing: 0.1rem;
}

html {
  background: #fff;
  height: 100%;
}

li, ul {
  list-style: none;
}

blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, select, td, textarea, th, ul {
  margin: 0;
  padding: 0;
}

/* Forms */
.form-group.required > .col-form-label::after {
  content: " 必須";
  color: #dc140e;
  font-size: 0.9em;
}
@media (min-width: 576px) {
  .form-group.required.required-right > .col-form-label::after {
    position: absolute;
    right: 10px;
    top: 7px;
  }
}
@media (min-width: 576px) {
  .form-group.required.required-right-sm > .col-form-label::after {
    position: absolute;
    right: 10px;
    top: 7px;
  }
}
@media (min-width: 768px) {
  .form-group.required.required-right-md > .col-form-label::after {
    position: absolute;
    right: 10px;
    top: 7px;
  }
}
@media (min-width: 992px) {
  .form-group.required.required-right-lg > .col-form-label::after {
    position: absolute;
    right: 10px;
    top: 7px;
  }
}
@media (min-width: 1200px) {
  .form-group.required.required-right-xl > .col-form-label::after {
    position: absolute;
    right: 10px;
    top: 7px;
  }
}
.form-group .required-inline {
  color: #dc140e;
  font-size: 0.8em;
  margin-left: 0.5em;
}

/* Alert */
.alert-danger {
  color: #d28181 !important;
  background-color: #fdefef;
  border-color: #f7d9dc;
}

/* Button */
.btn.btn-default {
  color: #fff;
}
.btn.btn-default:hover {
  opacity: 0.7;
}
.btn.btn-default:hover:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.btn.btn-default:active {
  outline: 0;
}
.btn.btn-default:active.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.btn.btn-default i.fas {
  color: #fff;
}
.btn.btn-default i.fas:hover {
  opacity: 0.7;
  color: #212529;
}
.btn.btn-danger {
  color: #fff;
  background-color: #d28181;
}
.btn.btn-danger:hover {
  opacity: 0.7;
}
.btn.btn-danger:hover:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.btn.btn-danger:active {
  outline: 0;
}
.btn.btn-danger:active.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.btn.btn-link {
  color: #6a9699;
}
.btn.btn-link > * {
  color: #6a9699;
}
.btn.btn-link.link-inline {
  display: inline;
  vertical-align: initial;
  padding: 0;
}
.btn.btn-paris {
  font-size: 0.8rem;
  color: #fff;
  background-color: #212529;
}
.btn.btn-paris > i {
  color: #fff;
}

/* Form Control */
.form-control {
  border: 0.9px solid #212529;
}

.form-control-plaintext {
  font-size: 0.9rem;
}

input {
  border-radius: 0 !important;
}

textarea {
  border-radius: 0 !important;
}

input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input::placeholder, textarea::placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder {
  color: #ccc !important;
}

/* Color */
.text-red {
  color: #dc140e !important;
}

.text-info {
  color: #168395 !important;
}

.text-danger {
  color: #dc140e !important;
}

/* Image */
img {
  border: 0;
  max-width: 100%;
  display: block;
}

/* Anchor */
a {
  color: #212529;
  transition: all 0.2s;
}
a:active, a:hover, a:link, a:visited {
  text-decoration: none;
  outline: 0;
}
a:hover {
  color: #212529;
  opacity: 0.5;
}

/* Radio, Checkbox*/
.custom-radio .custom-control-label::before {
  border: 0.9px solid #212529;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #212529;
  background-color: #212529;
}

/* Alert */
.alert {
  border-radius: 0 !important;
}
.alert > .alert-text {
  color: inherit;
}

/* Selectpicker */
.selectpicker ~ .btn.dropdown-toggle {
  background-color: #fff;
  border-color: #212529;
  border-radius: 0;
  border-width: 0.9px;
}

/* Datetimepicker */
.input-date {
  width: 100%;
  max-width: 200px;
}

/* Header */
.card #header {
  padding: 0;
  position: relative;
  top: initial;
}
.card #header .logo {
  top: 25px;
}
.card #page_head {
  margin-top: 2rem;
  margin-bottom: 0;
}
.card #page_head .ja {
  margin-bottom: 1rem;
}

#header {
  width: 100%;
  padding: 15px 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  height: 80px;
  z-index: 100;
}
#header .logo {
  width: 80px;
  margin: 0 auto;
  transform: scale(1.2);
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  transition: all 0.5s;
}
#header .logo.small {
  top: 30px;
  transform: scale(1);
}

#page_head {
  margin-top: 7rem;
  margin-bottom: 3rem;
}
#page_head h1 {
  text-align: center;
  font-size: 1.2rem;
  position: relative;
  margin-bottom: 1.4rem;
}
#page_head h1:after {
  content: ".";
  width: 1px;
  height: 1px;
  position: absolute;
  right: 0;
  left: -5px;
  margin: auto;
  bottom: 15px;
  font-size: 2rem;
}
#page_head .ja {
  font-size: 1.1rem;
  text-align: center;
  margin-bottom: 3rem;
}

#member_header {
  position: fixed;
  margin: auto;
  transition: all 0.5s;
  right: 65px;
  width: 120px;
  top: 25px;
  height: 36px;
  z-index: 99999;
}
#member_header .member_wrap .salon_name {
  font-size: 0.8rem;
}
#member_header .member_wrap .member_name {
  font-size: 0.8rem;
}

#nav_cart {
  position: fixed;
  right: 10px;
  width: 45px;
  top: 20px;
  height: 52px;
  margin: auto;
  z-index: 999;
}
#nav_cart .cart_wrap {
  height: 19px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  z-index: 10;
  cursor: pointer;
  margin: auto;
}
#nav_cart .cart_wrap i {
  position: absolute;
  top: 0;
  font-size: 1.5rem;
  color: #666;
}

#nav_trigger {
  position: fixed;
  left: 15px;
  width: 45px;
  top: 20px;
  height: 52px;
  margin: auto;
  z-index: 1010;
}
#nav_trigger .trigger_wrap {
  height: 19px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 24px;
  z-index: 10;
  cursor: pointer;
  margin: auto;
}
#nav_trigger .menu-trigger {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  transition: all 0.4s;
  box-sizing: border-box;
  z-index: 9;
}
#nav_trigger .menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 99999;
  display: block;
  transition: all 0.4s;
  box-sizing: border-box;
  z-index: 9;
}
#nav_trigger .menu-trigger span:nth-of-type(1) {
  top: 5px;
}
#nav_trigger .menu-trigger span:nth-of-type(2) {
  top: 13px;
}
#nav_trigger.active span {
  background-color: #000;
}
#nav_trigger.active span:nth-of-type(1) {
  transform: translateY(3px) rotate(-315deg);
}
#nav_trigger.active span:nth-of-type(2) {
  transform: translateY(-5px) rotate(315deg);
}

#link-sns {
  position: fixed;
  left: 61px;
  width: 45px;
  top: 20px;
  height: 52px;
  margin: auto;
  z-index: 999;
}
#link-sns .link-wrap {
  height: 19px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 16px;
  z-index: 10;
  cursor: pointer;
  margin: auto;
}

main > .spacer {
  height: 80px;
}

.header-brand ul li {
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

.page-products #page_head {
  margin-top: 9rem;
  margin-bottom: 2rem;
}
.page-products #page_head .ja {
  margin-bottom: 2rem;
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mobilenav {
  display: none;
  position: fixed;
  background-color: rgba(255, 255, 255, 0.95);
  width: 82%;
  max-width: 450px;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 1000;
  padding: 7rem 0 0 3rem;
}
.mobilenav .inner {
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
.mobilenav .inner ul {
  width: 100%;
}
.mobilenav .inner ul.other {
  padding-left: 0%;
}
.mobilenav .inner ul li {
  margin-bottom: 2rem;
}
.mobilenav .inner ul li a {
  font-size: 1rem;
  font-weight: 300;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: inherit;
}
.mobilenav .inner ul li a span {
  font-size: 0.76rem;
  width: 50%;
}
.mobilenav .inner ul .color {
  color: #6a9699;
}
.mobilenav .inner ul .color span {
  color: inherit;
}
.mobilenav ~ .nav-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: background 0.3s;
  pointer-events: none;
  background: 0 0;
}
.mobilenav ~ .nav-overlay.is-active {
  z-index: 200;
  pointer-events: auto;
  background: 0 0;
  background: rgba(255, 255, 255, 0.8);
}

@media (max-width: 992px) {
  .login #header, .login #nav_cart, .login #nav_trigger {
    margin-top: 30px;
    transition: all 0.5s;
  }
  .login #header.member_hide, .login #nav_cart.member_hide, .login #nav_trigger.member_hide {
    margin-top: 0;
  }
  .login #member_header {
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
  }
  .login #member_header.hide {
    top: -35px;
  }
  .login #member_header .member_wrap {
    width: 100%;
    padding: 0.5rem;
    background-color: #fff;
    display: flex;
  }
  .login #member_header .member_wrap .member_name {
    display: flex;
    margin-left: 1rem;
  }
  .login #member_header .member_wrap .member_name .name {
    padding-right: 1rem;
  }
  .login #member_header .member_wrap * {
    color: #4d4d4d;
    letter-spacing: 0;
  }
}
@media (min-width: 993px) {
  .login #member_header {
    right: 70px;
    top: 15px;
  }
  .login #member_header .member_wrap {
    right: 0;
    top: 15px;
    bottom: 0;
    z-index: 10;
    margin: auto;
    max-width: 250px;
  }
}
/* Footer */
#footer {
  text-align: center;
  padding: 3rem;
}
#footer .logo {
  width: 70px;
  margin: 0 auto 2rem;
}
#footer .rights {
  color: #4d4d4d;
  font-size: 0.8rem;
  text-align: center;
  display: inline-block;
  margin-bottom: 0.8rem;
}
#footer .links {
  display: inline-block;
}
#footer .links li {
  display: inline-block;
  margin-bottom: 0.8rem;
}
#footer .links li a {
  font-size: 0.7rem;
}
#footer .links li:not(:last-child)::after {
  font-size: 0.7rem;
  content: " ｜";
}

/* Animation */
.fade {
  visibility: hidden;
}

.fadeIn {
  animation-fill-mode: both;
  animation-duration: 1.3s;
  animation-name: fadein;
  visibility: visible !important;
}
@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Modal */
.modal-backdrop.fade {
  visibility: initial;
}
.modal-backdrop.show {
  opacity: 0.3;
}

/* Page Brands */
@keyframes carousel-wrap {
  100% {
    transform: translateX(100%);
  }
}
@keyframes show-text-slide {
  0% {
    /*clip-path: inset(0% 100% 0 0);*/
    width: 0;
  }
  100% {
    /*clip-path: inset(0% 0% 0 0);*/
    width: 100%;
  }
}
.page-brands .carousel-wrap {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 170px);
}
.page-brands .carousel-wrap:before {
  animation: carousel-wrap 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.page-brands .carousel-wrap .carousel_image {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.page-brands .lesel-type {
  width: 100px;
}
.page-brands .story .story-image img {
  width: 330px;
}
.page-brands .story .story-text .copy-header {
  font-family: "Noto Serif JP", serif;
  font-size: 1.6rem;
  letter-spacing: 0.3em;
  margin-bottom: 2rem;
}
.page-brands .story .story-text .copy-body p {
  font-family: "Noto Serif JP", serif;
  margin-bottom: 2rem;
}
.page-brands .link-shop {
  margin-top: 4rem;
  margin-bottom: 5rem;
  text-align: center;
}
.page-brands .link-shop:hover {
  opacity: 0.5;
}
.page-brands .link-shop .text {
  font-size: 0.9rem;
  letter-spacing: 0.3em;
  display: inline-block;
  padding: 1rem;
}
.page-brands .link-shop .arrow {
  width: 280px;
  height: 12px;
  border-bottom: 1px solid #212529;
  border-right: 1px solid #212529;
  transform: skew(45deg);
}
.page-brands.skincare .carousel_image:nth-child(1) {
  background: no-repeat center center;
  background-image: url(/shop/assets/img/brands/top_skincare_1.jpg);
  background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx) {
  .page-brands.skincare .carousel_image:nth-child(1) {
    background-image: url(/shop/assets/img/brands/top_skincare_1@2x.jpg);
  }
}
.page-brands.skincare .carousel_image:nth-child(2) {
  background: no-repeat center center;
  background-image: url(/shop/assets/img/brands/top_skincare_2.jpg);
  background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx) {
  .page-brands.skincare .carousel_image:nth-child(2) {
    background-image: url(/shop/assets/img/brands/top_skincare_2@2x.jpg);
  }
}
.page-brands.skincare .carousel_image:nth-child(3) {
  background: no-repeat center center;
  background-image: url(/shop/assets/img/brands/top_skincare_3.jpg);
  background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx) {
  .page-brands.skincare .carousel_image:nth-child(3) {
    background-image: url(/shop/assets/img/brands/top_skincare_3@2x.jpg);
  }
}
.page-brands.skincare .carousel_image:nth-child(4) {
  background: no-repeat center center;
  background-image: url(/shop/assets/img/brands/top_skincare_4.jpg);
  background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx) {
  .page-brands.skincare .carousel_image:nth-child(4) {
    background-image: url(/shop/assets/img/brands/top_skincare_4@2x.jpg);
  }
}
.page-brands.skincare .carousel_image:nth-child(5) {
  background: no-repeat center center;
  background-image: url(/shop/assets/img/brands/top_skincare_5.jpg);
  background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx) {
  .page-brands.skincare .carousel_image:nth-child(5) {
    background-image: url(/shop/assets/img/brands/top_skincare_5@2x.jpg);
  }
}
.page-brands.skincare .carousel_image:nth-child(6) {
  background: no-repeat center center;
  background-image: url(/shop/assets/img/brands/top_skincare_6.jpg);
  background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx) {
  .page-brands.skincare .carousel_image:nth-child(6) {
    background-image: url(/shop/assets/img/brands/top_skincare_6@2x.jpg);
  }
}
.page-brands.skincare .story {
  margin-bottom: 50px;
  margin-top: 100px;
}
.page-brands.skincare .story .delighter-container.story-image.delighter {
  transition: all 1.2s ease-out;
  transform: translateY(4%);
  opacity: 0;
}
.page-brands.skincare .story .delighter-container.story-image.delighter.started {
  transform: none;
  opacity: 1;
}
.page-brands.skincare .story .delighter-container.story-text {
  margin-top: 15px;
}
.page-brands.skincare .story .delighter-container.story-text.delighter {
  transition: all 0.8s;
  opacity: 0;
  transform: translateX(5%);
}
.page-brands.skincare .story .delighter-container.story-text.delighter.started {
  transform: none;
  opacity: 1;
}
.page-brands.skincare .story .copy-body p {
  font-size: 1rem;
  line-height: 2.3rem;
  letter-spacing: 0.3em;
}
.page-brands.le-sel .carousel_image:nth-child(1) {
  background: no-repeat center center;
  background-image: url(/shop/assets/img/brands/top_lesel_1.jpg);
  background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx) {
  .page-brands.le-sel .carousel_image:nth-child(1) {
    background-image: url(/shop/assets/img/brands/top_lesel_1@2x.jpg);
  }
}
.page-brands.le-sel .carousel_image:nth-child(2) {
  background: no-repeat center center;
  background-image: url(/shop/assets/img/brands/top_lesel_2.jpg);
  background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx) {
  .page-brands.le-sel .carousel_image:nth-child(2) {
    background-image: url(/shop/assets/img/brands/top_lesel_2@2x.jpg);
  }
}
.page-brands.le-sel .carousel_image:nth-child(3) {
  background: no-repeat center center;
  background-image: url(/shop/assets/img/brands/top_lesel_3.jpg);
  background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx) {
  .page-brands.le-sel .carousel_image:nth-child(3) {
    background-image: url(/shop/assets/img/brands/top_lesel_3@2x.jpg);
  }
}
.page-brands.le-sel .carousel_image:nth-child(4) {
  background: no-repeat center center;
  background-image: url(/shop/assets/img/brands/top_lesel_4.jpg);
  background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx) {
  .page-brands.le-sel .carousel_image:nth-child(4) {
    background-image: url(/shop/assets/img/brands/top_lesel_4@2x.jpg);
  }
}
.page-brands.le-sel .carousel_image:nth-child(5) {
  background: no-repeat center center;
  background-image: url(/shop/assets/img/brands/top_lesel_5.jpg);
  background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx) {
  .page-brands.le-sel .carousel_image:nth-child(5) {
    background-image: url(/shop/assets/img/brands/top_lesel_5@2x.jpg);
  }
}
.page-brands.le-sel .carousel_image:nth-child(6) {
  background: no-repeat center center;
  background-image: url(/shop/assets/img/brands/top_lesel_6.jpg);
  background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx) {
  .page-brands.le-sel .carousel_image:nth-child(6) {
    background-image: url(/shop/assets/img/brands/top_lesel_6@2x.jpg);
  }
}
.page-brands.le-sel .story.type {
  margin-top: 30px;
}
.page-brands.le-sel .story.delighter .lesel-type {
  transition: all 0.8s;
  transform: translateY(20%);
  opacity: 0;
}
.page-brands.le-sel .story.delighter .story-image {
  transition: all 0.8s ease-out;
  transform: translateY(4%);
  opacity: 0;
}
.page-brands.le-sel .story.delighter .story-text {
  transition: all 0.8s;
  opacity: 0;
  transform: translateX(5%);
}
.page-brands.le-sel .story.delighter.started .lesel-type {
  transform: none;
  opacity: 1;
}
.page-brands.le-sel .story.delighter.started .story-image {
  transform: none;
  opacity: 1;
}
.page-brands.le-sel .story.delighter.started .story-text {
  opacity: 1;
  transform: none;
}
.page-brands.le-sel .story .copy-body p {
  font-size: 0.9rem;
  line-height: 2.2rem;
  letter-spacing: 0.2em;
}
.page-brands.le-sel .story .signature {
  width: 200px;
}
.page-brands .about .text-wrap {
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 0.9rem;
  letter-spacing: 0.2em;
  line-height: 2.2rem;
  padding-bottom: 5rem;
  padding-top: 4rem;
}
.page-brands .about.delighter .text-wrap {
  transition: all 0.8s;
  transform: translateY(20%);
  opacity: 0;
}
.page-brands .about.started .text-wrap {
  transform: none;
  opacity: 1;
}
@media (max-width: 768px) {
  .page-brands.skincare .carousel_image:nth-child(1) {
    background: no-repeat center center;
    background-image: url(/shop/assets/img/brands/s_top_skincare_1.jpg);
    background-size: cover;
  }
  .page-brands.skincare .carousel_image:nth-child(2) {
    background: no-repeat center center;
    background-image: url(/shop/assets/img/brands/s_top_skincare_2.jpg);
    background-size: cover;
  }
  .page-brands.skincare .carousel_image:nth-child(3) {
    background: no-repeat center center;
    background-image: url(/shop/assets/img/brands/s_top_skincare_3.jpg);
    background-size: cover;
  }
  .page-brands.skincare .carousel_image:nth-child(4) {
    background: no-repeat center center;
    background-image: url(/shop/assets/img/brands/s_top_skincare_4.jpg);
    background-size: cover;
  }
  .page-brands.skincare .carousel_image:nth-child(5) {
    background: no-repeat center center;
    background-image: url(/shop/assets/img/brands/s_top_skincare_5.jpg);
    background-size: cover;
  }
  .page-brands.skincare .carousel_image:nth-child(6) {
    background: no-repeat center center;
    background-image: url(/shop/assets/img/brands/s_top_skincare_6.jpg);
    background-size: cover;
  }
  .page-brands.le-sel .carousel_image:nth-child(1) {
    background: no-repeat center center;
    background-image: url(/shop/assets/img/brands/s_top_lesel_1.jpg);
    background-size: cover;
  }
  .page-brands.le-sel .carousel_image:nth-child(2) {
    background: no-repeat center center;
    background-image: url(/shop/assets/img/brands/s_top_lesel_2.jpg);
    background-size: cover;
  }
  .page-brands.le-sel .carousel_image:nth-child(3) {
    background: no-repeat center center;
    background-image: url(/shop/assets/img/brands/s_top_lesel_3.jpg);
    background-size: cover;
  }
  .page-brands.le-sel .carousel_image:nth-child(4) {
    background: no-repeat center center;
    background-image: url(/shop/assets/img/brands/s_top_lesel_4.jpg);
    background-size: cover;
  }
  .page-brands.le-sel .carousel_image:nth-child(5) {
    background: no-repeat center center;
    background-image: url(/shop/assets/img/brands/s_top_lesel_5.jpg);
    background-size: cover;
  }
  .page-brands.le-sel .carousel_image:nth-child(6) {
    background: no-repeat center center;
    background-image: url(/shop/assets/img/brands/s_top_lesel_6.jpg);
    background-size: cover;
  }
}

/* Page Press */
.page-press {
  background-color: #d4dde8;
  height: 100vh;
}
.page-press > .container-fluid {
  background-color: #d4dde8;
}
.page-press #header {
  background-color: #d4dde8;
}
.page-press h1 {
  margin-top: 60px;
  font-size: 1.6rem;
  letter-spacing: 0.3rem;
}
.page-press section.media-list {
  margin-top: 60px;
}
.page-press section.media-list article .figure .circle {
  border-radius: 50%;
  background-color: #fff;
  padding: 2.5rem 3.7rem;
  width: 15rem;
  height: 15rem;
  margin-bottom: 1rem;
  transition: all 0.5s;
}
.page-press section.media-list article .figure .circle:hover {
  opacity: 0.7;
  transform: scale(1.03);
}
.page-press section.media-list article .figure .figure-caption {
  color: #000;
}
.page-press section.media-list article .figure .figure-caption .name {
  font-size: 1.2rem;
  margin-bottom: 0.25rem;
}
@media (max-width: 576px) {
  .page-press section.media-list article .figure .circle {
    width: 10rem;
    height: 10rem;
    padding: 2rem 2.6rem;
  }
  .page-press section.media-list article .figure .figure-caption .name {
    font-size: 1.1rem;
  }
}
.page-press .modal.fade {
  transition: opacity 0.3s linear;
}
.page-press .modal .modal-dialog {
  transition: none;
  transform: none;
}
.page-press .modal .modal-dialog .modal-content {
  border: none;
  border-radius: initial;
}
.page-press .modal .modal-dialog .modal-content button.close {
  position: absolute;
  right: -10px;
  top: -2.7rem;
  padding: 10px;
  text-shadow: none;
}
.page-press .modal .modal-dialog .modal-content .modal-body .figure-wrap {
  padding: 4rem 3rem;
}
.page-press .modal .modal-dialog .modal-content .modal-body .figure-wrap .figure {
  margin-bottom: 0;
}
.page-press .modal .modal-dialog .modal-content .modal-body .figure-wrap .figure img {
  max-width: 60%;
  max-height: 50vh;
}
.page-press .modal .modal-dialog .modal-content .modal-body .figure-wrap .figure .figure-caption .name {
  font-size: 1.2rem;
  margin-bottom: 0.25rem;
}
.page-press .modal .modal-dialog .modal-content .modal-body .figure-wrap .figure .figure-caption .issue {
  margin-bottom: 1rem;
}
.page-press .modal .modal-dialog .modal-content .modal-body .figure-wrap .figure .figure-caption .detail {
  font-size: 0.8rem;
  width: 50%;
}
@media (max-width: 576px) {
  .page-press .modal .modal-dialog .modal-content .modal-body .figure-wrap .figure .figure-caption .detail {
    width: 80%;
  }
}
.page-press ~ .modal-backdrop.fade {
  background-color: #d4dde8;
}
.page-press ~ .modal-backdrop.show {
  opacity: 1;
}

/* Page Privacy */
.page-privacy main {
  margin-top: 100px;
}
.page-privacy main * {
  font-family: initial;
}
.page-privacy main section {
  padding-top: 2rem;
  padding-bottom: 3rem;
  border-bottom: solid 0.9px #ccc;
}
.page-privacy main section:last-child {
  border-bottom: none;
  margin-bottom: 4rem;
}
.page-privacy main h2 {
  font-size: 1.1rem;
}
.page-privacy main h3 {
  font-size: 1rem;
  margin-bottom: 2.5rem;
}
.page-privacy main p {
  margin-bottom: 2rem;
}
.page-privacy main .body {
  font-size: 0.8rem;
  line-height: 1.5rem;
}
@media (min-width: 769px) {
  .page-privacy .column-style {
    columns: 2 auto;
    column-gap: 50px;
  }
}

/* Page Law */
.page-law main {
  margin-top: 100px;
}
.page-law main * {
  font-family: initial;
}
.page-law main section {
  padding-top: 2rem;
  padding-bottom: 3rem;
}
.page-law main h2 {
  font-size: 1.1rem;
}
.page-law main h3 {
  font-size: 1rem;
  margin-bottom: 2.5rem;
}
.page-law main .label {
  font-size: 0.8rem;
  padding-left: 0;
  padding-top: 1rem;
  border-top: solid 0.9px #ccc;
}
.page-law main .data {
  padding-top: 1rem;
}
@media (min-width: 577px) {
  .page-law main .data {
    border-top: solid 0.9px #ccc;
  }
}

/* Page About */
.page-about main {
  margin-top: 100px;
}
.page-about main section {
  padding-top: 2rem;
  padding-bottom: 3rem;
}
.page-about main section.sans-serif * {
  font-family: initial;
}
.page-about main h2 {
  font-size: 1.1rem;
}
.page-about main h3 {
  font-size: 1rem;
  margin-bottom: 2.5rem;
}
.page-about main .headline {
  font-size: 2rem;
  padding-left: 0;
  padding-top: 4.5rem;
  padding-right: 10rem;
  border-top: solid 0.9px #ccc;
  writing-mode: vertical-rl;
  letter-spacing: 0.7rem;
}
.page-about main .label {
  font-size: 0.8rem;
  padding-left: 0;
  padding-top: 1rem;
  border-top: solid 0.9px #ccc;
}
.page-about main .data {
  padding-top: 1rem;
}
@media (min-width: 577px) {
  .page-about main .data {
    border-top: solid 0.9px #ccc;
  }
}
.page-about main .section-scent .data {
  padding-top: 4rem;
}
.page-about main .section-scent .data p {
  margin-bottom: 2rem;
  line-height: 2rem;
}
.page-about main .section-philosophy,
.page-about main .section-guidelines {
  border-top: solid 0.9px #ccc;
  padding-top: 4rem;
  text-align: center;
}
.page-about main .section-philosophy .title,
.page-about main .section-guidelines .title {
  letter-spacing: 1rem;
  font-size: 1.2rem;
  margin-bottom: 3.3rem;
  padding-left: 1rem;
}
.page-about main .section-philosophy .term,
.page-about main .section-guidelines .term {
  font-size: 1rem;
  margin-bottom: 1rem;
}
.page-about main .section-philosophy p,
.page-about main .section-guidelines p {
  line-height: 2.2rem;
}
.page-about main .section-guidelines p {
  margin-bottom: 3rem;
}

/* Page Register */
.page-register #btn-upload {
  font-size: 0.9rem;
}

/* Page Member Sign Up */
.page-member-signup main {
  max-width: 420px;
}

/* Page Login */
.page-login main {
  max-width: 420px;
}
.page-login main .browsers {
  font-size: 0.8rem;
}

/* Page Password Reset */
.page-password-reset main {
  max-width: 420px;
}

/* Page Password Set */
.page-password-set main {
  max-width: 420px;
}

/* Page Product */
.page-products main {
  width: 100%;
  max-width: 1260px;
  margin: 0 auto 0;
}
.page-products main .brand {
  border-top: solid 0.9px #ccc;
  padding-top: 2rem !important;
  margin-bottom: 3rem;
}
.page-products main .list {
  margin-left: -15px;
  margin-right: -15px;
}
.page-products main .list article.product {
  width: 260px;
}
.page-products main .list article.product h2.name a {
  font-size: 1.05rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.page-products main .list article.product figure img {
  transition: all 0.5s;
}
.page-products main .list article.product figure img:hover {
  opacity: 0.7;
  transform: scale(1.03);
}
.page-products main .list article.product .price, .page-products main .list article.product .comment, .page-products main .list article.product .stock, .page-products main .list article.product .item-count, .page-products main .list article.product .btn, .page-products main .list article.product .error-message {
  font-size: 0.9rem;
}
.page-products main .list article.product .price .col-form-label, .page-products main .list article.product .comment .col-form-label, .page-products main .list article.product .stock .col-form-label, .page-products main .list article.product .item-count .col-form-label, .page-products main .list article.product .btn .col-form-label, .page-products main .list article.product .error-message .col-form-label {
  font-size: 0.9rem;
}
.page-products main .list article.product .item-qty-input {
  width: 80px;
  max-width: 80px;
  min-width: 80px;
}
@media (max-width: 768px) {
  .page-products main .list article.product {
    width: 220px;
  }
}
@media (max-width: 576px) {
  .page-products main .list article.product {
    width: 180px;
  }
}
@media all and (-ms-high-contrast: none) {
  .page-products main .list *::-ms-backdrop, .page-products main .list .item-qty-input, .page-products main .list .btn-minus, .page-products main .list .btn-plus, .page-products main .list .btn-add_to_cart {
    /* IE11 */
    padding-top: 0.5em;
    padding-bottom: 0.2em;
  }
}

.page-product #header .logo {
  width: 80px;
}
.page-product main {
  width: 100%;
  max-width: 980px;
  margin: 100px auto 0;
}
.page-product main .product .info-wrapper .copy-header {
  font-size: 1.1rem;
  line-height: 1.8rem;
}
.page-product main .product .info-wrapper .copy-body {
  font-size: 0.85rem;
  line-height: 1.8rem;
}
.page-product main .product .info-wrapper .title .name {
  font-size: 1.3rem;
}
.page-product main .product .info-wrapper .title .price {
  font-size: 1.1rem;
}
.page-product main .product .info-wrapper .title .price small {
  font-size: 0.7rem;
}
.page-product main .product .info-wrapper .select_qty .item-qty-group .btn {
  border: solid 0.9px #212529;
  color: #212529;
}
.page-product main .product .info-wrapper .select_qty .item-qty-group .btn.btn-minus {
  border-right: 0;
}
.page-product main .product .info-wrapper .select_qty .item-qty-group .btn.btn-plus {
  border-left: 0;
}
.page-product main .product .info-wrapper .select_qty .item-qty-group .item-qty-input {
  max-width: 50px;
  border: solid 0.9px #212529;
  border-right: 0;
  border-left: 0;
}
.page-product main .product .info-wrapper .btn-add_to_cart {
  background: #212529;
  color: #fff;
  font-size: 0.8rem;
  padding: 0 3.5rem;
  border: 0;
  height: 30px;
  max-width: 200px;
  margin-top: 2px;
  margin-bottom: 2px;
}

/* Page Shopping Cart */
.page-cart section h2 {
  font-size: 1.1rem;
  font-weight: bold;
  border-bottom: 0.9px solid #8f8f8f;
  margin-bottom: 1rem;
  padding-bottom: 0.2rem;
}
.page-cart section.carriage-free * {
  color: #dc140e;
}
.page-cart section.detail .cart-table {
  margin: 20px 0 10px;
  width: 100%;
}
.page-cart section.detail .cart-table tr {
  border-top: 0.9px solid #212529;
  border-left: 0.9px solid #212529;
}
.page-cart section.detail .cart-table tr th, .page-cart section.detail .cart-table tr td {
  border-bottom: 0.9px solid #212529;
  border-right: 0.9px solid #212529;
  padding: 10px 15px;
  text-align: center;
  vertical-align: middle;
}
.page-cart section.detail .cart-table tr th {
  border-top: 0.9px solid #212529;
  border-left: 0.9px solid #212529;
  background-color: #fff;
  font-size: 0.9rem;
  white-space: nowrap !important;
}
.page-cart section.detail .cart-table tr td {
  border-top: 0;
}
@media (min-width: 769px) {
  .page-cart section.detail .cart-table tr td.cart-table-count {
    max-width: 180px;
    min-width: 150px;
  }
}
.page-cart section.detail .cart-table tr td .cart-item {
  font-size: 0.9rem;
}
.page-cart section.detail .cart-table tr td .cart-item.cart-item-count {
  width: 200px;
}
.page-cart section.detail .cart-table tr td .cart-item .item-qty-group .btn {
  border: solid 0.9px #212529;
  color: #212529;
}
.page-cart section.detail .cart-table tr td .cart-item .item-qty-group .btn.btn-minus {
  border-right: 0;
}
.page-cart section.detail .cart-table tr td .cart-item .item-qty-group .btn.btn-plus {
  border-left: 0;
}
.page-cart section.detail .cart-table tr td .cart-item .item-qty-group .item-qty-input {
  max-width: 50px;
  border: solid 0.9px #212529;
  border-right: 0;
  border-left: 0;
}
.page-cart section.detail .cart-table tr td .cart-item img {
  max-width: 130px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.page-cart section.detail .cart-table tr td .btn {
  font-size: 0.9rem;
}
.page-cart section.detail .cart-table tr td .validation-error {
  font-size: 0.9rem;
}
.page-cart section.total .cart-total .cart-total-table {
  border-left: solid 0.9px #212529;
  border-top: solid 0.9px #212529;
  width: 100%;
}
.page-cart section.total .cart-total .cart-total-table th {
  background-color: #fff;
  text-align: center;
}
.page-cart section.total .cart-total .cart-total-table th, .page-cart section.total .cart-total .cart-total-table td {
  border: 0;
  border-bottom: solid 0.9px #212529;
  border-right: solid 0.9px #212529;
  padding: 10px 15px;
  vertical-align: middle;
  font-size: 0.9rem;
}
.page-cart section.total .cart-total .cart-total-table td {
  text-align: right;
}
.page-cart section.total .cart-total .cart-total-table .cart-total-cell th, .page-cart section.total .cart-total .cart-total-table .cart-total-cell td {
  font-weight: bold;
  font-size: 1rem;
}
.page-cart section.delivery .address .salon_name, .page-cart section.delivery .address .zip, .page-cart section.delivery .address .prefecture, .page-cart section.delivery .address .address1, .page-cart section.delivery .address .address2, .page-cart section.delivery .address .tel {
  font-size: 0.9rem;
}
.page-cart section.delivery .address .receiver_name .name, .page-cart section.delivery .address .receiver_name .title {
  font-size: 0.9rem;
}
.page-cart section.delivery .address .prefecture, .page-cart section.delivery .address .address1, .page-cart section.delivery .address .address2 {
  display: inline;
}
.page-cart section.delivery .validation-error {
  font-size: 0.9rem;
}
.page-cart section.payment .cc_info .card_no {
  width: 200px;
}
.page-cart section.payment .cc_info .cc_exipre {
  width: 50px;
}
.page-cart section.payment .cc_info .security_code {
  width: 60px;
}
.page-cart section.payment .cc_info .holdername {
  width: 200px;
}

.page-guest .divider {
  border-bottom: 0.9px solid #212529;
}
.page-guest section h2 {
  font-size: 1.1rem;
  font-weight: bold;
  border-bottom: 0.9px solid #8f8f8f;
  margin-bottom: 1rem;
  padding-bottom: 0.2rem;
}
.page-guest section.carriage-free * {
  color: #dc140e;
}
.page-guest section.detail .cart-table {
  margin: 20px 0 10px;
  width: 100%;
}
.page-guest section.detail .cart-table tr {
  border-top: 0.9px solid #212529;
  border-left: 0.9px solid #212529;
}
.page-guest section.detail .cart-table tr th, .page-guest section.detail .cart-table tr td {
  border-bottom: 0.9px solid #212529;
  border-right: 0.9px solid #212529;
  padding: 10px 15px;
  text-align: center;
  vertical-align: middle;
}
.page-guest section.detail .cart-table tr th {
  border-top: 0.9px solid #212529;
  border-left: 0.9px solid #212529;
  background-color: #fff;
  font-size: 0.9rem;
  white-space: nowrap !important;
}
.page-guest section.detail .cart-table tr td {
  border-top: 0;
}
@media (min-width: 769px) {
  .page-guest section.detail .cart-table tr td.cart-table-count {
    max-width: 180px;
    min-width: 150px;
  }
}
.page-guest section.detail .cart-table tr td .cart-item {
  font-size: 0.9rem;
}
.page-guest section.detail .cart-table tr td .cart-item.cart-item-count {
  width: 200px;
}
.page-guest section.detail .cart-table tr td .cart-item .item-qty-group .btn {
  border: solid 0.9px #212529;
  color: #212529;
}
.page-guest section.detail .cart-table tr td .cart-item .item-qty-group .btn.btn-minus {
  border-right: 0;
}
.page-guest section.detail .cart-table tr td .cart-item .item-qty-group .btn.btn-plus {
  border-left: 0;
}
.page-guest section.detail .cart-table tr td .cart-item .item-qty-group .item-qty-input {
  max-width: 50px;
  border: solid 0.9px #212529;
  border-right: 0;
  border-left: 0;
}
.page-guest section.detail .cart-table tr td .cart-item img {
  max-width: 130px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.page-guest section.detail .cart-table tr td .btn {
  font-size: 0.9rem;
}
.page-guest section.detail .cart-table tr td .validation-error {
  font-size: 0.9rem;
}
.page-guest section.total .cart-total .cart-total-table {
  border-left: solid 0.9px #212529;
  border-top: solid 0.9px #212529;
  width: 100%;
}
.page-guest section.total .cart-total .cart-total-table th {
  background-color: #fff;
  text-align: center;
}
.page-guest section.total .cart-total .cart-total-table th, .page-guest section.total .cart-total .cart-total-table td {
  border-bottom: solid 0.9px #212529;
  border-right: solid 0.9px #212529;
  padding: 10px 15px;
  vertical-align: middle;
  font-size: 0.9rem;
}
.page-guest section.total .cart-total .cart-total-table td {
  text-align: right;
}
.page-guest section.total .cart-total .cart-total-table .cart-total-cell th, .page-guest section.total .cart-total .cart-total-table .cart-total-cell td {
  font-weight: bold;
  font-size: 1rem;
}
.page-guest section.purchaser .address .zip, .page-guest section.purchaser .address .prefecture, .page-guest section.purchaser .address .address1, .page-guest section.purchaser .address .address2, .page-guest section.purchaser .address .tel, .page-guest section.delivery .address .zip, .page-guest section.delivery .address .prefecture, .page-guest section.delivery .address .address1, .page-guest section.delivery .address .address2, .page-guest section.delivery .address .tel {
  font-size: 0.9rem;
}
.page-guest section.purchaser .address .guest_name .name, .page-guest section.purchaser .address .guest_name .kana, .page-guest section.purchaser .address .guest_name .title, .page-guest section.delivery .address .guest_name .name, .page-guest section.delivery .address .guest_name .kana, .page-guest section.delivery .address .guest_name .title {
  font-size: 0.9rem;
}
.page-guest section.purchaser .address .receiver_name .name, .page-guest section.purchaser .address .receiver_name .title, .page-guest section.delivery .address .receiver_name .name, .page-guest section.delivery .address .receiver_name .title {
  font-size: 0.9rem;
}
.page-guest section.purchaser .validation-error, .page-guest section.delivery .validation-error {
  font-size: 0.9rem;
}
.page-guest section.payment .select-payment .btn {
  font-size: 0.9rem;
}

@media (max-width: 768px) {
  .page-cart .cart-table {
    border-collapse: collapse;
    border-left: none;
    border-top: none;
    display: block;
    width: 100%;
  }
  .page-cart .cart-table thead, .page-cart .cart-table th {
    display: none;
  }
  .page-cart .cart-table tbody {
    display: block;
    width: 100%;
  }
  .page-cart .cart-table tbody tr {
    display: block;
    margin-bottom: 20px;
    width: 100%;
  }
  .page-cart .cart-table tbody tr td {
    border-bottom: 0;
    display: table !important;
    padding: 0;
    text-align: left;
    width: 100%;
    font-size: 0.9rem;
  }
  .page-cart .cart-table tbody tr td:before {
    content: attr(data-label);
    border-right: 0.8px solid #212529;
    background-color: #fff;
    display: table-cell;
    font-weight: bold;
    font-size: 0.8rem;
    padding: 10px;
    width: 33%;
    white-space: nowrap;
  }
  .page-cart .cart-table tbody tr td .cart-item {
    background-color: #fff;
    display: table-cell;
    padding: 10px;
  }
  .page-cart .cart-table tbody tr td .cart-item.cart-item-count {
    width: 100%;
  }
  .page-cart .cart-table tbody tr td .cart-item img {
    margin-left: 0 !important;
    max-height: 100px;
  }
}
/* Page Address */
.page-addresses section.address-current h2.name {
  font-size: 1.1rem;
}

/* Tools */
.size-censor {
  position: fixed;
  top: 0.2rem;
  z-index: 10000;
}
.size-censor * {
  color: #dc140e;
}