@charset "UTF-8";
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 768px) {
  html {
    font-size: 2.545vw;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1439px) {
  html {
    font-size: 0.694vw;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1920px) {
  html {
    font-size: 10px;
  }
}
@media only screen and (min-width: 1921px) {
  html {
    font-size: 0.73vw;
  }
}

@media only screen and (min-width: 769px) {
  header.main-header {
    padding: 40px clamp(40px, 4rem, 100px) !important;
  }
}
@media only screen and (min-width: 1921px) {
  header.main-header {
    padding: 40px 100px !important;
  }
}
header.main-header nav {
  gap: 5.2rem;
}
header.main-header nav ul.nav-list {
  letter-spacing: 0.022em;
  gap: 2.4rem;
}
header.main-header .p-header__menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
header.main-header .p-header__menu__item .header-order-quantity-container {
  border: 1px solid #343434;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header.main-header .p-header__menu__item .header-order-quantity-container .header-order-quantity {
  font-size: 11px;
  margin: auto;
  line-height: 100%;
  height: 10px;
  display: block;
}
header.main-header .p-header__menu__item .header-order-quantity-container .header-order-quantity::before {
  display: none;
}

header.main-header.white-header .p-header__menu__item .header-order-quantity-container {
  border: 1px solid white;
}

.hum-btn div {
  height: 40px;
  width: 100%;
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
}

.hum-btn.active {
  mix-blend-mode: normal !important;
}

.hummenu {
  -webkit-transition: 0.1s !important;
  transition: 0.1s !important;
}
@media only screen and (max-width: 819px) {
  .hummenu {
    padding-top: 32px;
  }
}
@media only screen and (max-width: 768px) {
  .hummenu {
    padding-top: 5.21vw;
  }
}
@media only screen and (max-width: 768px) {
  .hummenu h1 {
    padding-top: calc(32px - 5.21vw);
  }
}

footer {
  padding: 100px clamp(40px, 4rem, 100px) 60px;
}
@media only screen and (max-width: 768px) {
  footer {
    padding: 60px clamp(20px, 5.21vw, 40px) 25px;
  }
}
@media only screen and (min-width: 1921px) {
  footer {
    padding: 100px 100px 60px 100px;
  }
}
footer .inner .footer-sitemap {
  letter-spacing: 0.022em;
}
footer .inner .footer-sitemap li:first-of-type a {
  color: #343434;
}
footer .inner .footer-sitemap li {
  font-size: 1.6rem;
}
@media only screen and (max-width: 768px) {
  footer .inner .footer-sitemap li {
    font-size: 1.6rem;
  }
}
footer .inner .footer-sitemap li a {
  color: #646464;
}
footer .inner .footer-logo svg {
  width: 19.6rem;
}
@media only screen and (max-width: 768px) {
  footer .inner .footer-logo svg {
    width: 12.3rem;
  }
}
@media only screen and (min-width: 1921px) {
  footer .inner .footer-logo svg {
    width: 196px;
  }
}
footer .footer-company {
  font-size: 1.4rem;
  letter-spacing: 0.024em;
}
@media only screen and (max-width: 768px) {
  footer .footer-company {
    font-size: 1.2rem;
  }
}
footer .footer-company .company li a {
  color: #646464;
}
footer .footer-company p.copy {
  font-size: 1.4rem;
  color: #646464;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 768px) {
  footer .footer-company p.copy {
    font-size: 1.2rem;
  }
}

.btn-more {
  font-size: 1.8rem;
  padding-right: 2rem;
  background-size: 0.9rem auto;
}
@media only screen and (max-width: 768px) {
  .btn-more {
    font-size: 1.4rem;
    padding-right: 2rem;
    background-size: 0.9rem auto;
  }
}

.sp-only {
  display: none;
}
@media only screen and (max-width: 768px) {
  .sp-only {
    display: block;
  }
}

.pc-only {
  display: block;
}
@media only screen and (max-width: 768px) {
  .pc-only {
    display: none;
  }
}

select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  color: #343434;
  height: 56px;
}

select:focus {
  color: #343434;
}

option {
  color: #343434;
}

option:focus {
  color: #343434;
}

input[type=radio] {
  display: inline-block !important;
}

.c-checkbox {
  width: 20px !important;
  height: 20px !important;
  margin-top: 2px !important;
}
@media only screen and (max-width: 768px) {
  .c-checkbox {
    margin-top: 1px !important;
  }
}
.c-checkbox:checked:before {
  top: 1px !important;
  left: 5px !important;
  width: 6px !important;
  height: 11px !important;
}

.p-page_content {
  background-color: white;
}

.page-concept .btn-link {
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.page-concept .btn-link:hover {
  background-color: #D8D8D8 !important;
}

.page-gift .btn-cart {
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.page-gift .btn-cart:hover {
  background: #000000 !important;
  opacity: 1 !important;
}

.p-productsDetail .chara-toggle li {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.p-productsDetail .chara-toggle li:hover {
  color: #343434 !important;
}
.p-productsDetail .c-button {
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.p-productsDetail .c-button:hover {
  background: #000000 !important;
  opacity: 1 !important;
}
.p-productsDetail .product-slider .link a {
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.p-productsDetail .product-slider .link a:hover {
  background-color: #D8D8D8 !important;
}

.p-news-detail .c-button a {
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.p-news-detail .c-button a:hover {
  background-color: #D8D8D8 !important;
  opacity: 1 !important;
}

.customers-cts-box .c-button span {
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.customers-cts-box .c-button span:hover {
  background: #D8D8D8 !important;
  opacity: 1 !important;
}
.customers-cts-box .c-button input {
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.customers-cts-box .c-button input:hover {
  background: #D8D8D8 !important;
  opacity: 1 !important;
}
.customers-cts-box .c-button button#save_button {
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.customers-cts-box .c-button button#save_button:hover {
  background: #D8D8D8 !important;
  opacity: 1 !important;
}
.customers-cts-box .item-addition-list__item .c-button__text {
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.customers-cts-box .item-addition-list__item .c-button__text:hover {
  background: #D8D8D8 !important;
  opacity: 1 !important;
}
.customers-cts-box .c-button-area__button button.c-button__text {
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.customers-cts-box .c-button-area__button button.c-button__text:hover {
  background: #D8D8D8 !important;
  opacity: 1 !important;
}
.customers-cts-box .c-button-area input.c-button__text {
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.customers-cts-box .c-button-area input.c-button__text:hover {
  background: #D8D8D8 !important;
  opacity: 1 !important;
}
.customers-cts-box .p-cart__aside .p-cart__login a {
  opacity: 1 !important;
}
.customers-cts-box .p-cart__aside .p-cart__login a span {
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.customers-cts-box .p-cart__aside .p-cart__login a span:hover {
  background: #000000 !important;
  opacity: 1 !important;
}
.customers-cts-box .p-cart__aside .p-orderNew__submit .c-button {
  opacity: 1 !important;
}
.customers-cts-box .p-cart__aside .p-orderNew__submit .c-button input#submit {
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.customers-cts-box .p-cart__aside .p-orderNew__submit .c-button input#submit:hover {
  background: #000000 !important;
  opacity: 1 !important;
}
.customers-cts-box .p-cart__aside .p-orderConfirm__submit .c-button {
  opacity: 1 !important;
}
.customers-cts-box .p-cart__aside .p-orderConfirm__submit .c-button input#submit {
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.customers-cts-box .p-cart__aside .p-orderConfirm__submit .c-button input#submit:hover {
  background: #000000 !important;
  opacity: 1 !important;
}

#index-view {
  background-color: white;
}
@media only screen and (max-width: 768px) {
  #index-view .index-kv .txt h2 span {
    width: 3.2rem;
  }
}
#index-view .index-read .txt {
  font-size: 1.6rem;
}
@media only screen and (max-width: 768px) {
  #index-view .index-read .txt {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1920px) {
  #index-view .index-read .txt {
    padding-left: calc(0px + (100vw - 1440px) * 0.4);
  }
}
@media only screen and (max-width: 768px) {
  #index-view .index-read .txt .ib {
    display: inline;
  }
}
#index-view .index-read .txt h3 {
  letter-spacing: 0.23em;
  font-size: 2.8rem;
}
@media only screen and (max-width: 768px) {
  #index-view .index-read .txt h3 {
    font-size: 2.4rem;
    letter-spacing: 0.2em;
  }
}
#index-view .index-read .txt p {
  letter-spacing: 0.08em;
  line-height: 188%;
}
@media only screen and (max-width: 768px) {
  #index-view .index-read .txt p {
    line-height: 200%;
  }
}
#index-view .index-read .img {
  height: 100%;
}
@media only screen and (max-width: 768px) {
  #index-view .index-read .img {
    height: 62.13vw;
  }
}
#index-view .index-Products {
  margin-top: 17.3rem;
}
@media only screen and (max-width: 768px) {
  #index-view .index-Products {
    margin-top: 10rem;
  }
}
#index-view .index-Products .tit {
  padding: 8rem 4rem 4rem;
}
@media only screen and (max-width: 768px) {
  #index-view .index-Products .tit {
    padding: 5.7rem 4rem 3.2rem;
  }
}
#index-view .index-Products .tit h3 {
  font-size: 3.6rem;
}
@media only screen and (max-width: 768px) {
  #index-view .index-Products .tit h3 {
    font-size: 2.4rem;
  }
}
#index-view .index-Products .tit h4 {
  font-size: 2.4rem;
}
@media only screen and (max-width: 768px) {
  #index-view .index-Products .tit h4 {
    font-size: 1.6rem;
  }
}
#index-view .index-Products .products .item {
  padding: 6rem 0 7rem;
}
@media only screen and (max-width: 768px) {
  #index-view .index-Products .products .item {
    padding: 3.2rem 1rem;
  }
}
#index-view .index-Products .products .item h5 {
  font-size: 4rem;
  margin-bottom: 3.2rem;
}
@media only screen and (max-width: 768px) {
  #index-view .index-Products .products .item h5 {
    font-size: 2rem;
    margin-bottom: 1.2rem;
  }
}
#index-view .index-Products .products .item p {
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  #index-view .index-Products .products .item p {
    font-size: 1.3rem;
  }
}
#index-view .index-Products .products .item p.attr {
  font-size: 1.7rem;
}
@media only screen and (max-width: 768px) {
  #index-view .index-Products .products .item p.attr {
    font-size: 1.2rem;
  }
}
#index-view .index-Products .products .item img {
  max-height: unset;
  width: 29.6rem;
}
@media only screen and (max-width: 768px) {
  #index-view .index-Products .products .item img {
    width: 12rem;
  }
}
#index-view .index-Products .link {
  padding: 5rem 45rem 10rem;
}
@media only screen and (max-width: 768px) {
  #index-view .index-Products .link {
    padding: 4rem 2rem 10rem;
  }
}
@media only screen and (min-width: 1921px) {
  #index-view .index-Products .link {
    padding: 5rem 40rem 10rem;
  }
}
#index-view .index-Products .link a {
  border-radius: 8rem;
  padding: 2rem 9rem 2rem 4.4rem;
  gap: 3.2rem;
  background-size: 1.1rem auto;
  width: 55rem;
}
@media only screen and (max-width: 768px) {
  #index-view .index-Products .link a {
    padding: 1.6rem 5.4rem 1.6rem 3.6rem;
    background-size: 0.5rem auto;
    gap: 3.2rem;
    width: 100%;
  }
}
@media only screen and (min-width: 1921px) {
  #index-view .index-Products .link a {
    background-position: center right 3rem;
  }
}
#index-view .index-Products .link a img {
  width: 7rem;
}
@media only screen and (max-width: 768px) {
  #index-view .index-Products .link a img {
    width: 5rem;
  }
}
#index-view .index-Products .link a span {
  font-size: 1.6rem;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 768px) {
  #index-view .index-Products .link a span {
    font-size: 1.2rem;
  }
}
#index-view .index-Products .link a p {
  font-size: 2rem;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 768px) {
  #index-view .index-Products .link a p {
    font-size: 1.4rem;
  }
}
#index-view .index-Products .link a:hover {
  background-color: #D8D8D8;
}
#index-view .index-news {
  margin: 12rem 0;
}
@media only screen and (max-width: 768px) {
  #index-view .index-news {
    margin: 10rem 0;
  }
}
#index-view .index-news ul {
  margin-top: 2rem;
}
@media only screen and (max-width: 768px) {
  #index-view .index-news ul {
    margin-top: unset;
  }
}
@media only screen and (min-width: 1921px) {
  #index-view .index-news ul {
    width: calc(64.3% - 20px);
  }
}
#index-view .index-news ul li {
  margin-bottom: 3rem;
}
#index-view .index-news ul li .time.en-news {
  font-size: 1.6rem;
  letter-spacing: 0em;
}
@media only screen and (max-width: 768px) {
  #index-view .index-news ul li .time.en-news {
    font-size: 1.2rem;
  }
}
#index-view .index-news ul li a {
  font-size: 1.6rem;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 768px) {
  #index-view .index-news ul li a {
    font-size: 1.4rem;
    line-height: 167%;
    letter-spacing: 0em;
  }
}
@media only screen and (min-width: 1921px) {
  #index-view .index-news ul li a {
    font-size: 24px;
    margin-bottom: 50px;
  }
}
#index-view .index-news h3 {
  font-size: 4rem;
}
@media only screen and (max-width: 768px) {
  #index-view .index-news h3 {
    font-size: 2.4rem;
    letter-spacing: 0.03em;
  }
}
#index-view .index-store {
  margin-bottom: 16rem;
}
@media only screen and (max-width: 768px) {
  #index-view .index-store {
    margin-bottom: 16rem;
  }
}
#index-view .index-store h3 {
  letter-spacing: 0.06em;
  font-size: 4rem;
}
@media only screen and (max-width: 768px) {
  #index-view .index-store h3 {
    font-size: 2.4rem;
    letter-spacing: 0.06em;
  }
}
#index-view .index-store p {
  letter-spacing: 0.08em;
  font-size: 1.11vw;
}
@media only screen and (max-width: 768px) {
  #index-view .index-store p {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 768px) {
  #index-view .index-store .txt {
    width: 100%;
  }
}
#index-view .index-store img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 60.5rem;
}
@media only screen and (max-width: 768px) {
  #index-view .index-store img {
    height: 35.4rem;
  }
}

.page-concept .read {
  padding: 20rem 4rem 11rem;
}
@media only screen and (max-width: 768px) {
  .page-concept .read {
    padding: 13rem 2rem 8rem;
  }
}
.page-concept .read h2 {
  font-size: 4rem;
}
@media only screen and (max-width: 768px) {
  .page-concept .read h2 {
    font-size: 2.4rem;
    letter-spacing: 0.06em;
  }
}
.page-concept .read img {
  width: 65rem;
  height: 51.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 1440px) and (max-width: 1920px) {
  .page-concept .read img {
    width: calc(65rem + (100vw - 1440px) * 0.5);
    height: calc(51.5rem + (100vw - 1440px) * 0.4);
  }
}
@media only screen and (min-width: 1921px) {
  .page-concept .read img {
    width: 60rem;
    height: 47.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .page-concept .read img {
    width: 100%;
    height: 24.8rem;
  }
}
.page-concept .read .read-r {
  width: 62rem;
}
@media only screen and (min-width: 1440px) and (max-width: 1920px) {
  .page-concept .read .read-r {
    width: calc(62rem + (100vw - 1440px) * 0.4);
  }
}
@media only screen and (min-width: 1921px) {
  .page-concept .read .read-r {
    width: 60rem;
  }
}
@media only screen and (max-width: 768px) {
  .page-concept .read .read-r {
    width: 100%;
  }
}
.page-concept .read .read-r h3 {
  font-size: 3.9rem;
  letter-spacing: 0.12em;
}
@media only screen and (max-width: 768px) {
  .page-concept .read .read-r h3 {
    font-size: 2.4rem;
  }
}
.page-concept .read .read-r p {
  font-size: 2rem;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 768px) {
  .page-concept .read .read-r p {
    font-size: 1.4rem;
  }
}
.page-concept .read .read-r .btn-link {
  margin: 7rem auto 0 0;
  padding: 2rem 0rem 2rem 4.4rem;
  max-width: unset;
  text-decoration: none;
  width: 42.6rem;
  height: 8.7rem;
  background-size: 1.1rem auto;
}
@media only screen and (max-width: 768px) {
  .page-concept .read .read-r .btn-link {
    margin: 4rem auto 0 0;
    padding: 1.6rem 0rem 1.6rem 4.9rem;
    background-size: 0.5rem auto;
    width: 100%;
    height: 7.5rem;
  }
}
.page-concept .read .read-r .btn-link p {
  font-size: 2rem;
  letter-spacing: 0.06em;
  margin-top: 0;
  line-height: 140%;
}
@media only screen and (max-width: 768px) {
  .page-concept .read .read-r .btn-link p {
    font-size: 1.4rem;
  }
}
.page-concept .read .read-r .btn-link span {
  font-size: 1.6rem;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 768px) {
  .page-concept .read .read-r .btn-link span {
    font-size: 1.2rem;
  }
}
.page-concept .philosophy {
  padding: 17rem 0 10rem 4.8rem;
}
@media only screen and (max-width: 768px) {
  .page-concept .philosophy {
    padding: 8rem 0 5rem 2rem;
  }
}
.page-concept .philosophy h3 {
  font-size: 3.2rem;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 768px) {
  .page-concept .philosophy h3 {
    font-size: 2.4rem;
    letter-spacing: 0.06em;
  }
}
.page-concept .philosophy .philosophy-r {
  width: 92.7rem;
}
@media only screen and (min-width: 1440px) and (max-width: 1920px) {
  .page-concept .philosophy .philosophy-r {
    width: calc(92.7rem + (100vw - 1440px) * 0.5);
  }
}
@media only screen and (max-width: 768px) {
  .page-concept .philosophy .philosophy-r {
    width: 100%;
  }
}
.page-concept .philosophy .philosophy-r .txt {
  padding: 8rem 6rem 0;
  height: 37.1rem;
}
@media only screen and (min-width: 1440px) and (max-width: 1920px) {
  .page-concept .philosophy .philosophy-r .txt {
    padding-top: calc(8rem + (100vw - 1440px) * 0.08);
    height: calc(37.1rem + (100vw - 1440px) * 0.05);
  }
}
@media only screen and (max-width: 768px) {
  .page-concept .philosophy .philosophy-r .txt {
    padding: 4rem 3.2rem 0 3.2rem;
    height: 26.7rem;
  }
}
.page-concept .philosophy .philosophy-r .txt h4 {
  height: 3rem;
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 768px) {
  .page-concept .philosophy .philosophy-r .txt h4 {
    height: 3rem;
    margin-bottom: 1.6rem;
  }
}
.page-concept .philosophy .philosophy-r .txt h4 img {
  height: 100%;
}
.page-concept .philosophy .philosophy-r .txt p {
  font-size: 2rem;
  letter-spacing: 0.08em;
  line-height: 200%;
}
@media only screen and (max-width: 768px) {
  .page-concept .philosophy .philosophy-r .txt p {
    font-size: 1.6rem;
  }
}
.page-concept .philosophy .philosophy-r .txt:nth-of-type(3), .page-concept .philosophy .philosophy-r .txt:nth-of-type(4) {
  padding-top: 6.8rem;
  height: 36.9rem;
}
@media only screen and (min-width: 1440px) and (max-width: 1920px) {
  .page-concept .philosophy .philosophy-r .txt:nth-of-type(3), .page-concept .philosophy .philosophy-r .txt:nth-of-type(4) {
    padding-top: calc(6.8rem + (100vw - 1440px) * 0.08);
    height: calc(36.9rem + (100vw - 1440px) * 0.05);
  }
}
@media only screen and (max-width: 768px) {
  .page-concept .philosophy .philosophy-r .txt:nth-of-type(3), .page-concept .philosophy .philosophy-r .txt:nth-of-type(4) {
    padding: 4rem 3.2rem 0 3.2rem;
    height: 26.7rem;
  }
}
.page-concept .philosophy .philosophy-r .att {
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  margin-top: 1.5rem;
}
.page-concept .ingredient {
  padding: 11.4rem 15.7rem 12rem 4rem;
}
@media only screen and (max-width: 768px) {
  .page-concept .ingredient {
    padding: 8rem 2rem 6rem 2rem;
  }
}
.page-concept .ingredient .inner {
  gap: unset;
  margin: unset;
  width: 100%;
}
.page-concept .ingredient .inner h3 {
  font-size: 3.2rem;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 768px) {
  .page-concept .ingredient .inner h3 {
    font-size: 2.4rem;
    letter-spacing: 0.06em;
  }
}
.page-concept .ingredient .inner .ingredient-r {
  width: 81rem;
  max-width: unset;
}
@media only screen and (min-width: 1440px) and (max-width: 1920px) {
  .page-concept .ingredient .inner .ingredient-r {
    max-width: 810px;
    margin-right: calc((100vw - 1440px) * 0.5);
  }
}
@media only screen and (max-width: 768px) {
  .page-concept .ingredient .inner .ingredient-r {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.page-concept .ingredient .inner .ingredient-r h4 {
  font-size: 4.4rem;
  line-height: 160%;
  letter-spacing: 0.04em;
  margin-bottom: 6rem;
}
@media only screen and (max-width: 768px) {
  .page-concept .ingredient .inner .ingredient-r h4 {
    font-size: 2rem;
    line-height: 180%;
    letter-spacing: 0.08em;
    margin-bottom: 3.2rem;
  }
}
.page-concept .ingredient .inner .ingredient-r h5 {
  font-size: 2.4rem;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 768px) {
  .page-concept .ingredient .inner .ingredient-r h5 {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
.page-concept .ingredient .inner .ingredient-r h5 span.en {
  font-size: 1.6rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 768px) {
  .page-concept .ingredient .inner .ingredient-r h5 span.en {
    font-size: 1.4rem;
  }
}
.page-concept .ingredient .inner .ingredient-r p {
  font-size: 2.2rem;
  letter-spacing: 0.04em;
  line-height: 200%;
}
@media only screen and (max-width: 768px) {
  .page-concept .ingredient .inner .ingredient-r p {
    font-size: 1.4rem;
    letter-spacing: 0.08em;
  }
}
.page-concept .ingredient .inner .ingredient-r .btn-more {
  margin-top: 4rem;
}
@media only screen and (max-width: 768px) {
  .page-concept .ingredient .inner .ingredient-r .btn-more {
    margin-top: 2.4rem;
    margin-left: auto;
  }
}

.p-products .p-products__inner {
  max-width: unset;
}
.p-products .p-products__inner .p-products__head {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 768px) {
  .p-products .p-products__inner .p-products__head {
    margin-bottom: 3.2rem;
  }
}
.p-products .p-products__inner .p-products__heading {
  font-size: 4rem;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 768px) {
  .p-products .p-products__inner .p-products__heading {
    font-size: 2.8rem;
  }
}
.p-products .p-products__inner .p-products__head__menu .p-products__head__item a {
  font-size: 1.8rem;
  color: #646464;
  padding: 0 1.6rem;
}
@media only screen and (max-width: 768px) {
  .p-products .p-products__inner .p-products__head__menu .p-products__head__item a {
    font-size: 1.4rem;
    padding: 0 1rem;
  }
}
.p-products .p-products__inner .p-products__main__list {
  gap: 6rem;
}
@media only screen and (max-width: 768px) {
  .p-products .p-products__inner .p-products__main__list {
    gap: 6rem 0.6rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.p-products .p-products__inner .p-products__item {
  width: calc((100% - 12rem) / 3) !important;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .p-products .p-products__inner .p-products__item {
    width: calc((100% - 0.6rem) / 2) !important;
  }
}
.p-products .p-products__inner .p-products__item .p-products__item__link {
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 768px) {
  .p-products .p-products__inner .p-products__item .p-products__item__link {
    margin-bottom: 1.2rem;
  }
}
.p-products .p-products__inner .p-products__item .p-products__item__link .p-products__item__img {
  height: 48rem;
}
@media only screen and (max-width: 768px) {
  .p-products .p-products__inner .p-products__item .p-products__item__link .p-products__item__img {
    height: 21.5rem;
  }
}
.p-products .p-products__inner .p-products__item .p-products__item__link .p-products__item__img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-products .p-products__inner .p-products__item .p-products__item__category {
  line-height: 100%;
  padding: 0 1.2rem;
}
@media only screen and (max-width: 768px) {
  .p-products .p-products__inner .p-products__item .p-products__item__category {
    padding: 0 1.25rem;
  }
}
.p-products .p-products__inner .p-products__item .p-products__item__category .p-products__item__cat a {
  padding: 0.8rem 1.3rem;
  border-radius: 2.4rem;
  font-size: 1.6rem;
}
@media only screen and (max-width: 768px) {
  .p-products .p-products__inner .p-products__item .p-products__item__category .p-products__item__cat a {
    font-size: 1rem;
    padding: 0.5rem 0.8rem;
    border-radius: 1.6rem;
  }
}
.p-products .p-products__inner .p-products__item .p-products__item__category .p-products__item__division {
  font-size: 1.4rem;
}
@media only screen and (max-width: 768px) {
  .p-products .p-products__inner .p-products__item .p-products__item__category .p-products__item__division {
    font-size: 1rem;
  }
}
.p-products .p-products__inner .p-products__item .p-products__item__name {
  font-size: 1.8rem;
  letter-spacing: 0.04em;
  line-height: 180%;
  margin: 1.5rem 0;
  padding: 0 1.2rem;
}
@media only screen and (max-width: 768px) {
  .p-products .p-products__inner .p-products__item .p-products__item__name {
    padding: 0 1.25rem;
    font-size: 1.2rem;
    line-height: 160%;
    margin: 1.2rem 0 1.6rem 0;
    -webkit-box-flex: unset;
        -ms-flex-positive: unset;
            flex-grow: unset;
  }
}
@media only screen and (max-width: 768px) {
  .p-products .p-products__inner .p-products__item .p-products__item__name a {
    height: 5.6rem;
    display: inline-block;
  }
}
.p-products .p-products__inner .p-products__item .p-products__item__foot {
  padding: 0 1.2rem;
}
@media only screen and (max-width: 768px) {
  .p-products .p-products__inner .p-products__item .p-products__item__foot {
    padding: 0 1.25rem;
  }
}
.p-products .p-products__inner .p-products__item .p-products__item__foot .p-products__item__price {
  font-size: 1.6rem;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 768px) {
  .p-products .p-products__inner .p-products__item .p-products__item__foot .p-products__item__price {
    font-size: 1.6rem;
    letter-spacing: 0.08em;
  }
}
.p-products .p-products__inner .p-products__item .p-products__item__foot .p-products__item__tax {
  font-size: 1.1rem;
  letter-spacing: 0em;
  margin-left: 0.4rem;
}
@media only screen and (max-width: 768px) {
  .p-products .p-products__inner .p-products__item .p-products__item__foot .p-products__item__tax {
    font-size: 1.1rem;
    margin-left: 0.4rem;
  }
}
.p-products .p-products__inner .p-products__item .p-products__item__foot .p-products__item__tax .pc {
  margin-left: 0.4rem;
}
.p-products .p-products__inner .p-products__item .p-products__item__foot .p-products__item__tax .pc-only {
  display: inline-block !important;
}
@media only screen and (max-width: 768px) {
  .p-products .p-products__inner .p-products__item .p-products__item__foot .p-products__item__tax .pc-only {
    display: none !important;
  }
}

@media only screen and (max-width: 768px) {
  .p-productsDetail .product-slider .outer ul li a {
    padding: 40px 22px 32px;
  }
  .p-productsDetail .product-slider .outer ul li a .cost {
    font-size: 10px;
  }
  .p-productsDetail .product-slider .outer ul li a .cost span {
    font-size: 14px;
  }
}

.page-story {
  overflow: hidden;
}
.page-story .story-img img {
  width: 100%;
}
.page-story .read .inner, .page-story .detail .inner, .page-story .change .inner, .page-story .beauty .inner {
  max-width: unset;
  width: 80rem;
  margin: 6rem auto 10rem;
}
@media only screen and (max-width: 768px) {
  .page-story .read .inner, .page-story .detail .inner, .page-story .change .inner, .page-story .beauty .inner {
    width: 100%;
    margin: 6rem auto 6.4rem;
  }
}
.page-story .read .inner h2, .page-story .detail .inner h2, .page-story .change .inner h2, .page-story .beauty .inner h2 {
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  line-height: 100%;
}
@media only screen and (max-width: 768px) {
  .page-story .read .inner h2, .page-story .detail .inner h2, .page-story .change .inner h2, .page-story .beauty .inner h2 {
    font-size: 1.4rem;
  }
}
.page-story .read .inner h2 span, .page-story .detail .inner h2 span, .page-story .change .inner h2 span, .page-story .beauty .inner h2 span {
  font-size: 3.2rem;
  letter-spacing: 0.08em;
  line-height: 100%;
  margin-bottom: 2rem;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .page-story .read .inner h2 span, .page-story .detail .inner h2 span, .page-story .change .inner h2 span, .page-story .beauty .inner h2 span {
    font-size: 2.8rem;
  }
}
.page-story .read .inner h3, .page-story .detail .inner h3, .page-story .change .inner h3, .page-story .beauty .inner h3 {
  font-size: 2.4rem;
  letter-spacing: 0.08em;
  line-height: 100%;
  padding-left: 2rem;
  border-left: 1px solid #768587;
  margin-bottom: 4.3rem;
}
@media only screen and (max-width: 768px) {
  .page-story .read .inner h3, .page-story .detail .inner h3, .page-story .change .inner h3, .page-story .beauty .inner h3 {
    font-size: 1.8rem;
    line-height: 160%;
    padding-left: 1.2rem;
    margin-bottom: 3.6rem;
  }
}
.page-story .read .inner p, .page-story .detail .inner p, .page-story .change .inner p, .page-story .beauty .inner p {
  padding-left: 2rem;
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  line-height: 200%;
}
@media only screen and (max-width: 768px) {
  .page-story .read .inner p, .page-story .detail .inner p, .page-story .change .inner p, .page-story .beauty .inner p {
    padding-left: 0;
    letter-spacing: 0.08em;
  }
}
.page-story .detail .flow {
  max-width: 78rem;
  margin: 7.4rem auto 9.2rem;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .page-story .detail .flow {
    max-width: 100%;
    margin: 6rem auto 6.4rem;
  }
}
.page-story .detail .flow .slick-box {
  margin: unset;
}
.page-story .detail .flow .slick-box img {
  width: 100% !important;
}
.page-story .detail .flow .slick-box .story-slick p {
  margin-top: 6rem;
  padding: 0;
  height: 6.6rem;
}
@media only screen and (max-width: 768px) {
  .page-story .detail .flow .slick-box .story-slick p {
    margin-top: 9rem;
    font-size: 1.4rem;
    line-height: 160%;
    height: 7.8rem;
  }
}
.page-story .detail .flow .flow-nav {
  bottom: 2rem;
}
@media only screen and (max-width: 768px) {
  .page-story .detail .flow .flow-nav {
    bottom: 3.5rem;
  }
}
@media only screen and (min-width: 1921px) {
  .page-story .detail .flow .flow-nav {
    bottom: 3rem;
  }
}
.page-story .detail .flow .flow-nav li {
  margin-right: 1.6rem;
}
@media only screen and (max-width: 768px) {
  .page-story .detail .flow .flow-nav li {
    margin-right: 1.2rem;
  }
}
@media only screen and (max-width: 768px) {
  .page-story .detail .flow .flow-nav li span {
    font-size: 1.2rem;
    padding-bottom: 0.5rem;
  }
}
.page-story .detail .flow .flow-nav li:last-of-type {
  margin-right: 0;
}
.page-story .detail .compare img {
  width: 100%;
}
.page-story .detail .compare .txtC {
  margin-top: 2.3rem;
  line-height: 140%;
}
@media only screen and (max-width: 768px) {
  .page-story .detail .compare .txtC {
    margin-top: 1.6rem;
  }
}
.page-story .detail .compare .att {
  margin-bottom: 6rem;
  font-size: 1rem;
  letter-spacing: 0.04em;
  line-height: 160%;
}
@media only screen and (max-width: 768px) {
  .page-story .detail .compare .att {
    margin-bottom: 3rem;
    font-size: 0.9rem;
  }
}
.page-story .detail .compare .compare-r img {
  width: 100%;
}
.page-story .beauty .inner .kodawari {
  gap: 8.3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-story .beauty .inner .kodawari .kodawari1 {
  width: 47rem;
}
@media only screen and (max-width: 768px) {
  .page-story .beauty .inner .kodawari .kodawari1 {
    width: 100%;
  }
}
.page-story .beauty .inner .kodawari .kodawari2 {
  width: 24.8rem;
}
@media only screen and (max-width: 768px) {
  .page-story .beauty .inner .kodawari .kodawari2 {
    width: 100%;
  }
}
.page-story .beauty .inner .drop {
  margin-top: 8rem;
  gap: 3rem;
}
.page-story .beauty .inner .drop .drop2 {
  width: 44.8rem;
}
@media only screen and (max-width: 768px) {
  .page-story .beauty .inner .drop .drop2 {
    width: 100%;
  }
}
.page-story .beauty .inner .drop .drop1 {
  width: 37rem;
  margin-top: 3rem;
}
@media only screen and (max-width: 768px) {
  .page-story .beauty .inner .drop .drop1 {
    width: 100%;
    margin-top: 0;
  }
}

.page-membership .inner#subscription {
  padding: 15rem 0 0 !important;
  margin: 0 auto !important;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner#subscription {
    padding: 10rem 2rem 0 !important;
  }
}
.page-membership .inner h2 {
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  line-height: 100%;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner h2 {
    font-size: 1.4rem;
  }
}
.page-membership .inner h2 span {
  font-size: 3.2rem;
  letter-spacing: 0.08em;
  line-height: 100%;
  margin-bottom: 2rem;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner h2 span {
    font-size: 2.8rem;
  }
}
.page-membership .inner p {
  font-size: 2rem;
  margin: 3rem auto 8rem;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner p {
    font-size: 1.4rem;
    margin: 2rem auto 6.4rem;
  }
}
.page-membership .inner .benefits {
  max-width: 124rem;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner .benefits {
    max-width: 100%;
  }
}
.page-membership .inner .benefits .item {
  border: 1px solid #C7D0D1;
  padding: 3.3rem 1rem 5.5rem;
  width: 36.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner .benefits .item {
    width: 100%;
    max-width: unset;
    padding: 1.6rem 0 2.8rem;
  }
}
.page-membership .inner .benefits .item .tit {
  font-size: 2.4rem;
  letter-spacing: 0.08em;
  line-height: 100%;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner .benefits .item .tit {
    font-size: 1.8rem;
  }
}
.page-membership .inner p.att.txtR {
  font-size: 1.1rem !important;
  letter-spacing: 0em;
  line-height: 160%;
  max-width: 124rem;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner p.att.txtR {
    font-size: 0.9rem;
  }
}
.page-membership .inner .subscription {
  max-width: 136rem;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner .subscription .pc {
    display: none !important;
  }
}
.page-membership .inner .subscription .item {
  display: block;
  padding: 5rem 1rem 0rem;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner .subscription .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.5rem 0 0 0;
  }
}
.page-membership .inner .subscription .item .number {
  font-size: 4.4rem;
  letter-spacing: 0.08em;
  line-height: 100%;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner .subscription .item .number {
    font-size: 2.9rem;
  }
}
.page-membership .inner .subscription .item .tit {
  font-size: 2.4rem;
  letter-spacing: 0.08em;
  line-height: 100%;
  margin-top: 5.6rem;
  height: 6rem;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner .subscription .item .tit {
    font-size: 1.8rem;
    margin-top: 0;
    height: unset;
  }
}
.page-membership .inner .subscription .item p {
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  line-height: 200%;
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner .subscription .item p {
    font-size: 1.4rem;
    margin-bottom: 2.5rem;
  }
}
.page-membership .inner h3 {
  font-size: 2.8rem !important;
  letter-spacing: 0.08em !important;
  line-height: 180% !important;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner h3 {
    font-size: 2rem !important;
    margin: 8rem auto 4rem !important;
  }
}
.page-membership .inner .point {
  max-width: 124rem;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner .point {
    max-width: 100%;
    gap: 3rem;
  }
}
.page-membership .inner .point .item {
  max-width: unset;
  width: 35rem;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner .point .item {
    width: 100%;
  }
}
.page-membership .inner .point .item .tit {
  font-size: 2.4rem;
  letter-spacing: 0.08em;
  line-height: 200%;
  background-size: 4.2rem auto;
  padding-left: 5.2rem;
  width: unset;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner .point .item .tit {
    font-size: 2rem;
    margin: 0;
    background-size: 3.2rem auto;
  }
}
.page-membership .inner .point .item p {
  font-size: 1.6rem;
  line-height: 200%;
  letter-spacing: 0.08em;
  display: inline-block;
  width: 32rem;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner .point .item p {
    font-size: 1.4rem;
    width: 100%;
    margin: 0;
  }
}
.page-membership .inner .about {
  max-width: 77rem;
  margin: 3rem auto 6rem;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner .about {
    text-align: left;
  }
}
.page-membership .inner .set {
  max-width: 124rem;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner .set {
    max-width: 100%;
  }
}
.page-membership .inner .otoku {
  max-width: unset;
  width: 88.6rem;
  margin: 4rem auto 12rem;
  padding: 2.4rem;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner .otoku {
    width: 100%;
    margin: 6rem auto 6.4rem;
  }
}
.page-membership .inner .otoku p {
  margin-top: 0;
  margin-bottom: 1.2rem;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner .otoku p {
    font-size: 1.6rem;
  }
}
.page-membership .inner .otoku .att {
  font-size: 1.1rem;
}
@media only screen and (max-width: 768px) {
  .page-membership .inner .otoku .att {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 768px) {
  .page-faq .l-mypage__inner {
    gap: 4.8rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .page-faq .c-mypage-head h1 {
    font-size: 2.8rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .page-faq .c-mypage-head p {
    font-size: 1.2rem !important;
  }
}

.page-faq .faq-qa, .page-membership .faq-qa {
  max-width: 1142px;
}
.page-faq .faq-qa h4, .page-membership .faq-qa h4 {
  font-size: calc(clamp(14px, 1.11vw, 21px) / 16 * 36);
  font-weight: 400;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 768px) {
  .page-faq .faq-qa h4, .page-membership .faq-qa h4 {
    font-size: 2rem;
  }
}
.page-faq .faq-qa h5, .page-membership .faq-qa h5 {
  font-size: 1.8rem;
  margin-top: 4rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 768px) {
  .page-faq .faq-qa h5, .page-membership .faq-qa h5 {
    font-size: 1.6rem;
    margin-top: 3rem;
    margin-bottom: 1.6rem;
  }
}
.page-faq .faq-qa .detail.accordion, .page-membership .faq-qa .detail.accordion {
  max-width: unset;
}
.page-faq .faq-qa .detail.accordion dt.flag-a, .page-faq .faq-qa .detail.accordion dd.acc-box, .page-faq .faq-qa .detail.accordion p, .page-membership .faq-qa .detail.accordion dt.flag-a, .page-membership .faq-qa .detail.accordion dd.acc-box, .page-membership .faq-qa .detail.accordion p {
  font-size: min(1.6rem, 19px);
  letter-spacing: 0.03em;
  line-height: 100%;
}
@media only screen and (max-width: 768px) {
  .page-faq .faq-qa .detail.accordion dt.flag-a, .page-faq .faq-qa .detail.accordion dd.acc-box, .page-faq .faq-qa .detail.accordion p, .page-membership .faq-qa .detail.accordion dt.flag-a, .page-membership .faq-qa .detail.accordion dd.acc-box, .page-membership .faq-qa .detail.accordion p {
    font-size: 1.4rem;
    letter-spacing: 0.03em;
    line-height: 180%;
  }
}
.page-faq .faq-qa .detail.accordion dt.flag-a, .page-membership .faq-qa .detail.accordion dt.flag-a {
  padding: min(2.6rem, 31px) 0 min(2.6rem, 31px) min(1.6rem, 19px);
}
@media only screen and (max-width: 768px) {
  .page-faq .faq-qa .detail.accordion dt.flag-a, .page-membership .faq-qa .detail.accordion dt.flag-a {
    padding: 2.5rem 4.5rem 2.5rem 0.4rem;
  }
}
.page-faq .faq-qa .detail.accordion dt.flag-a span, .page-membership .faq-qa .detail.accordion dt.flag-a span {
  width: min(1.8rem, 21px);
  height: min(1.8rem, 21px);
  right: min(1.6rem, 19px);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.page-faq .faq-qa .detail.accordion dd.acc-box, .page-membership .faq-qa .detail.accordion dd.acc-box {
  line-height: 180%;
  padding: min(2rem, 24px) min(1.6rem, 19px) min(4rem, 48px);
}
@media only screen and (max-width: 768px) {
  .page-faq .faq-qa .detail.accordion dd.acc-box, .page-membership .faq-qa .detail.accordion dd.acc-box {
    padding: 2rem 4.5rem 2.5rem 0.4rem;
  }
}
.page-faq .faq-qa .detail.accordion p, .page-membership .faq-qa .detail.accordion p {
  line-height: 180%;
}

@media only screen and (max-width: 768px) {
  .page-store .store-aoyama .data h2 {
    font-size: 14px;
  }
}
@media only screen and (max-width: 768px) {
  .page-store .store-aoyama .data h2 span {
    font-size: 28px;
  }
}
@media only screen and (max-width: 768px) {
  .page-store .store-aoyama .data .location, .page-store .store-aoyama .data .schedule, .page-store .store-aoyama .data .calendar, .page-store .store-aoyama .data .call {
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.04em;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
  }
}
@media only screen and (max-width: 768px) {
  .page-store .store-aoyama .data .location::before, .page-store .store-aoyama .data .schedule::before, .page-store .store-aoyama .data .calendar::before, .page-store .store-aoyama .data .call::before {
    padding-top: 5px;
  }
}
.page-store .img-map {
  width: 100% !important;
}
.page-store .shop-list {
  width: unset;
}
.page-store .shop-list .shop-info {
  width: 100%;
}
.page-store .shop-list .list .acc-box {
  padding: 0 120px 40px;
}
@media only screen and (max-width: 768px) {
  .page-store .shop-list .list .acc-box {
    padding: 0 16px 40px;
  }
}

.customers-cts-box .cts__column {
  padding: 0 clamp(40px, 4rem, 100px) !important;
}
@media only screen and (max-width: 768px) {
  .customers-cts-box .cts__column {
    padding: 0 20px !important;
  }
}
.customers-cts-box .main__column .main__column-inner {
  max-width: 1000px;
  margin: 0 auto;
}

.title__column {
  width: 360px;
}

.main__column {
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  .main__column {
    margin-top: 0;
  }
}

.p-newsArchive__list .p-newsArchive__item .txt .p-newsArchive__title {
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 768px) {
  .p-newsArchive__list .p-newsArchive__item .txt .p-newsArchive__title {
    line-height: 160%;
  }
}

.p-news-detail .p-article__main {
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 768px) {
  .p-news-detail .p-article__main {
    font-size: 14px;
  }
}
.p-news-detail .p-article__main a {
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-thickness: 0%;
}

@media only screen and (max-width: 768px) {
  .p-productsDetail div.p-productsDetail__body {
    gap: 48px clamp(20px, 5.21vw, 40px);
  }
  .p-productsDetail div.p-productsDetail__body .p-productsDetail__name {
    line-height: 160%;
    margin-bottom: 20px;
  }
  .p-productsDetail div.p-productsDetail__body .p-productsDetail__label {
    letter-spacing: 0.08em;
    margin-bottom: 12px;
    line-height: 100%;
  }
  .p-productsDetail div.p-productsDetail__body .p-productsDetail__contents {
    line-height: 100%;
  }
  .p-productsDetail div.p-productsDetail__body #co-selling-product-view {
    margin-top: 40px;
  }
  .p-productsDetail div.p-productsDetail__body #co-selling-product-view li a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-productsDetail div.p-productsDetail__body #co-selling-product-view li .txt {
    line-height: 100%;
    letter-spacing: 0.08em;
  }
  .p-productsDetail div.p-productsDetail__body #co-selling-product-view li .txt .attention {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-productsDetail div.p-productsDetail__body #co-selling-product-view li .co-list_price_include_tax {
    letter-spacing: 0.02em;
    margin-right: -8px;
  }
  .p-productsDetail div.p-productsDetail__body #co-selling-product-view li .off-info {
    letter-spacing: 0.08em;
  }
}
.p-productsDetail div.p-productsDetail__body .p-productsDetail__aside img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  max-height: 1600px;
}
@media only screen and (max-width: 768px) {
  .p-productsDetail div.p-productsDetail__body .p-productsDetail__aside img {
    height: 520px;
    line-height: 180%;
    letter-spacing: 0.06em;
    margin-bottom: 12px;
  }
}
.p-productsDetail div.p-productsDetail__body .p-productsDetail__cart {
  margin: 0 auto;
}
.p-productsDetail div.p-productsDetail__body .p-productsDetail__cart .p-productsDetail__box {
  margin: 30px auto;
  padding: 12px 16px;
}
.p-productsDetail div.p-productsDetail__body .p-productsDetail__cart .p-productsDetail__box ul {
  margin: 0;
}
.p-productsDetail div.p-productsDetail__body .p-productsDetail__cart .p-productsDetail__box ul li {
  list-style: none;
}
.p-productsDetail div.p-productsDetail__body .p-productsDetail__cart .p-productsRecommended__box h4 {
  color: #646464;
}
.p-productsDetail div.p-productsDetail__body .p-productsDetail__cart .p-productsRecommended__box .line {
  max-width: unset;
  margin-right: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-productsDetail div.p-productsDetail__body .p-productsDetail__cart .p-productsRecommended__box .line .tit {
  color: #646464;
}
.p-productsDetail div.p-productsDetail__body .p-productsDetail__cart .p-productsRecommended__box .line img {
  max-width: 620px;
}
@media only screen and (max-width: 768px) {
  .p-productsDetail div.p-productsDetail__body .p-productsDetail__cart .p-productsRecommended__box .line img {
    width: 30rem;
    -o-object-fit: contain;
       object-fit: contain;
    max-width: unset;
  }
}
.p-productsDetail .co-selling-tab {
  border-top: unset !important;
  padding-top: 0 !important;
}
.p-productsDetail .co-selling-tab a .co-selling-l {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-productsDetail .co-selling-tab a .co-selling-l input[type=radio] {
  margin-top: 0;
}
.p-productsDetail .p-productsDetail__main {
  width: 100vw;
}
.p-productsDetail .p-productsDetail__main .good-to-know .img {
  width: 47.91%;
  max-height: 650px;
}
.p-productsDetail .p-productsDetail__main .good-to-know .txt {
  margin: 0 auto;
}
@media only screen and (min-width: 1921px) {
  .p-productsDetail .p-productsDetail__main .features h3 {
    font-size: 24px !important;
  }
  .p-productsDetail .p-productsDetail__main .features .chara-toggle span {
    font-size: 20px !important;
  }
  .p-productsDetail .p-productsDetail__main .features h4 {
    font-size: 24px !important;
  }
  .p-productsDetail .p-productsDetail__main .features p {
    font-size: 16px !important;
  }
}
@media only screen and (min-width: 1921px) {
  .p-productsDetail .p-productsDetail__main div.ingredients h3 {
    font-size: 24px !important;
  }
  .p-productsDetail .p-productsDetail__main div.ingredients h4 {
    font-size: 24px !important;
  }
  .p-productsDetail .p-productsDetail__main div.ingredients p {
    font-size: 18px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-productsDetail .p-productsDetail__main div.ingredients {
    gap: 80px;
  }
}
.p-productsDetail .p-productsDetail__main div.ingredients .common .txt {
  width: 45%;
}
@media only screen and (max-width: 768px) {
  .p-productsDetail .p-productsDetail__main div.ingredients .common .txt {
    width: 100%;
  }
}
.p-productsDetail .p-productsDetail__main div.ingredients .common img {
  width: 38%;
}
@media only screen and (max-width: 768px) {
  .p-productsDetail .p-productsDetail__main div.ingredients .common img {
    width: 100%;
  }
}
.p-productsDetail .p-productsDetail__main div.ingredients .fragrance .txt {
  width: 45%;
}
@media only screen and (max-width: 768px) {
  .p-productsDetail .p-productsDetail__main div.ingredients .fragrance .txt {
    width: 100%;
  }
}
.p-productsDetail .p-productsDetail__main div.ingredients .fragrance img {
  width: 55%;
}
@media only screen and (max-width: 768px) {
  .p-productsDetail .p-productsDetail__main div.ingredients .fragrance img {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .p-productsDetail .p-productsDetail__main div.formula h4 span {
    line-height: 180%;
    margin-top: 1rem;
    display: inline-block;
  }
}
@media only screen and (min-width: 1921px) {
  .p-productsDetail .p-productsDetail__main div.formula h3 {
    font-size: 24px !important;
  }
  .p-productsDetail .p-productsDetail__main div.formula h4 {
    font-size: 24px !important;
  }
  .p-productsDetail .p-productsDetail__main div.formula p {
    font-size: 18px !important;
  }
}
@media only screen and (max-width: 768px) {
  .p-productsDetail .p-productsDetail__main div.formula div.txt h4 {
    letter-spacing: 0.06em;
    line-height: 100%;
    margin-top: 35px;
  }
  .p-productsDetail .p-productsDetail__main div.formula div.txt h4:first-of-type {
    margin-top: 0;
  }
  .p-productsDetail .p-productsDetail__main div.formula div.txt p {
    margin-top: 16px;
    letter-spacing: 0.08em;
    line-height: 180%;
    font-size: 14px;
  }
}
@media only screen and (min-width: 1921px) {
  .p-productsDetail .p-productsDetail__main div.info h3 {
    font-size: 24px !important;
  }
  .p-productsDetail .p-productsDetail__main div.info h4 {
    font-size: 24px !important;
  }
  .p-productsDetail .p-productsDetail__main div.info p {
    font-size: 18px !important;
  }
}
.p-productsDetail .p-productsDetail__main div.info h4.flag-a {
  padding: 15px 16px;
}
.p-productsDetail .p-productsDetail__main div.info h4.flag-a span {
  top: 20px;
}
@media only screen and (max-width: 768px) {
  .p-productsDetail .p-productsDetail__main div.info h4.flag-a span {
    top: 20px;
  }
}
@media only screen and (min-width: 1921px) {
  .p-productsDetail .p-productsDetail__main div.info h4.flag-a span {
    top: 28px;
  }
}
@media only screen and (max-width: 768px) {
  .p-productsDetail .p-productsDetail__main div.info h4.flag-a {
    padding: 15px 16px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .c-selectbox__input, .c-selectbox select {
    padding: 10px 8px 10px 16px !important;
  }
}

.alert .text, .control-alert .text {
  font-size: 16px;
}
.alert .text::before, .control-alert .text::before {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}

.p-cart .c-mypage-head, .p-orderConfirm .c-mypage-head {
  min-width: 150px;
  width: unset !important;
}
@media only screen and (max-width: 768px) {
  .p-cart .c-mypage-head, .p-orderConfirm .c-mypage-head {
    width: 100% !important;
  }
}
.p-cart .main__column, .p-orderConfirm .main__column {
  width: 100% !important;
}
.p-cart .main__column .main__column-inner, .p-orderConfirm .main__column .main__column-inner {
  width: 100% !important;
}
.p-cart .p-cart__aside, .p-orderConfirm .p-cart__aside {
  padding: 36px 28px !important;
}
@media only screen and (max-width: 768px) {
  .p-cart .p-cart__aside, .p-orderConfirm .p-cart__aside {
    padding: 32px 20px !important;
  }
}
.p-cart .p-cart__aside .p-orderNew__back, .p-orderConfirm .p-cart__aside .p-orderNew__back {
  margin-top: 26px;
}
@media only screen and (max-width: 768px) {
  .p-cart .p-cart__aside .p-orderNew__back, .p-orderConfirm .p-cart__aside .p-orderNew__back {
    margin-top: 16px;
  }
}
.p-cart .p-cart__aside .p-orderNew__submit, .p-orderConfirm .p-cart__aside .p-orderNew__submit {
  border-top: unset;
  padding-top: 0;
  margin-top: 0;
}
.p-cart .p-cart__aside .p-cart__account .p-cart__account__list, .p-orderConfirm .p-cart__aside .p-cart__account .p-cart__account__list {
  line-height: 100%;
  letter-spacing: 0.08em;
}
.p-cart .p-cart__aside .p-cart__account .p-cart__account__list.total, .p-orderConfirm .p-cart__aside .p-cart__account .p-cart__account__list.total {
  border-bottom: 0.5px solid #768587;
  padding-bottom: 36px;
  margin-bottom: 36px;
}
@media only screen and (max-width: 768px) {
  .p-cart .p-cart__body .p-cart__products__select select, .p-orderConfirm .p-cart__body .p-cart__products__select select {
    height: 36px !important;
  }
  .p-cart .p-cart__body .p-cart__products__item, .p-orderConfirm .p-cart__body .p-cart__products__item {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 13px;
    padding: 27px 0;
  }
  .p-cart .p-cart__body .p-cart__products__item .p-cart__products__img, .p-orderConfirm .p-cart__body .p-cart__products__item .p-cart__products__img {
    width: 86px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .p-cart .p-cart__body .p-cart__products__item .p-cart__products__inner, .p-orderConfirm .p-cart__body .p-cart__products__item .p-cart__products__inner {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    height: 95px;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .p-cart .p-cart__body .p-cart__products__item .p-cart__products__inner .p-cart__products__name, .p-orderConfirm .p-cart__body .p-cart__products__item .p-cart__products__inner .p-cart__products__name {
    margin-bottom: 0px;
  }
  .p-cart .p-cart__body .p-cart__products__item .p-cart__products__inner .p-cart__products__foot, .p-orderConfirm .p-cart__body .p-cart__products__item .p-cart__products__inner .p-cart__products__foot {
    position: absolute;
    bottom: 4px;
    right: 0;
    pointer-events: none;
  }
}
.p-cart .p-cart__body .c-button, .p-orderConfirm .p-cart__body .c-button {
  padding: 10px 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-cart .p-cart__body .c-button .c-button__text, .p-orderConfirm .p-cart__body .c-button .c-button__text {
  width: 100%;
  max-width: 239px;
}
@media only screen and (max-width: 768px) {
  .p-cart .p-cart__body .c-button .c-button__text, .p-orderConfirm .p-cart__body .c-button .c-button__text {
    max-width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .p-cart .p-cart__body .p-cart__signUp .c-button, .p-orderConfirm .p-cart__body .p-cart__signUp .c-button {
    margin-top: 20px;
  }
}
.p-cart .p-cart__body .p-cart__login h4, .p-orderConfirm .p-cart__body .p-cart__login h4 {
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 100%;
  border-top: unset;
  padding-top: 0;
  margin-top: 0;
}
.p-cart .p-cart__body .p-cart__login .c-textbox h5, .p-orderConfirm .p-cart__body .p-cart__login .c-textbox h5 {
  font-size: 16px;
  letter-spacing: 0.04em;
  line-height: 100%;
}
.p-cart .p-cart__body .p-cart__signUp .p-cart__signUp__title, .p-orderConfirm .p-cart__body .p-cart__signUp .p-cart__signUp__title {
  margin-bottom: 16px;
  border-top: 0.5px solid #768587;
  padding-top: 36px;
  margin-top: 26px;
}
.p-cart .p-cart__empty__button, .p-orderConfirm .p-cart__empty__button {
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .p-cart .p-cart__empty__button, .p-orderConfirm .p-cart__empty__button {
    margin-top: 54px;
  }
}
.p-cart .p-cart__empty__button .c-button, .p-orderConfirm .p-cart__empty__button .c-button {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .p-cart .p-cart__empty__button .c-button, .p-orderConfirm .p-cart__empty__button .c-button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 768px) {
  .c-button--lg .c-button__text {
    padding: 21px 20px !important;
  }
}

.c-form__item .c-textbox--postcode input {
  padding-left: 40px !important;
  height: 56px !important;
}
.c-form__item input#order_billing_address_attributes_addr01 {
  height: 56px !important;
}
.c-form__item .c-textbox--postcode::after {
  content: "〒";
  position: absolute;
  top: 50%;
  left: 16px;
  font-size: 18px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-form__item .c-selectbox__wrap--col3 .c-selectbox--year {
  width: 160px;
}
@media only screen and (max-width: 768px) {
  .c-form__item .c-selectbox__wrap--col3 .c-selectbox--year {
    width: calc((100% - 24px) / 4 * 2);
  }
}
.c-form__item .c-selectbox__wrap--col3 .c-selectbox--month {
  width: 83px;
}
@media only screen and (max-width: 768px) {
  .c-form__item .c-selectbox__wrap--col3 .c-selectbox--month {
    width: calc((100% - 24px) / 4);
  }
}
.c-form__item .c-selectbox__wrap--col3 .c-selectbox--day {
  width: 83px;
}
@media only screen and (max-width: 768px) {
  .c-form__item .c-selectbox__wrap--col3 .c-selectbox--day {
    width: calc((100% - 24px) / 4);
  }
}

.p-orderConfirm .p-orderConfirm__account {
  letter-spacing: 0.08em;
}
.p-orderConfirm .p-orderConfirm__account .p-cart__account__list.total {
  border-bottom: 0.5px solid #768587;
  padding-bottom: 36px;
  margin-bottom: 36px;
}
.p-orderConfirm .p-orderConfirm__account .p-cart__account__list {
  line-height: 100%;
  margin-bottom: 24px;
}
.p-orderConfirm .p-orderConfirm__account .p-cart__account__list:last-of-type {
  margin-bottom: 26px;
}
@media only screen and (max-width: 768px) {
  .p-orderConfirm .p-orderConfirm__block {
    font-size: 16px;
  }
}

.check-order .p-cart__main .c-button, .p-orderConfirm .p-cart__main .c-button {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 23px 0px !important;
}
.check-order .p-cart__main .c-button input#submit, .p-orderConfirm .p-cart__main .c-button input#submit {
  background: #343434;
  color: #fff;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  font-size: 20px !important;
}
.check-order .p-cart__main .c-button input#submit:hover, .p-orderConfirm .p-cart__main .c-button input#submit:hover {
  background: #000000 !important;
  opacity: 1 !important;
}
@media only screen and (max-width: 768px) {
  .check-order .p-cart__main .c-button, .p-orderConfirm .p-cart__main .c-button {
    padding: 23px 20px !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.p-mypage-orders__item {
  letter-spacing: 0.08em;
}
.p-mypage-orders__item dl {
  line-height: 100%;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 768px) {
  .p-mypage-orders__item dl {
    gap: 0 46px !important;
  }
}
.p-mypage-orders__item dl .p-mypage-orders__num {
  color: #343434;
}
.p-mypage-orders__item dl dt {
  color: #646464;
  padding: 10px 0 !important;
}
.p-mypage-orders__item dl dd {
  font-size: 14px;
  color: black;
  padding: 10px 0 !important;
}
@media only screen and (max-width: 768px) {
  .p-mypage-orders__item dl dd {
    width: calc(100% - 90px - 46px) !important;
  }
}

@media only screen and (max-width: 768px) {
  .p-login__button .c-button {
    padding: 10px 0;
  }
}
@media only screen and (max-width: 768px) {
  .p-login__button .c-button .c-button__text {
    width: 257px;
  }
}

.p-mypage-subscription__item {
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 768px) {
  .p-mypage-subscription__item {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.p-mypage-subscription__item__inner {
  padding: 0 !important;
}
.p-mypage-subscription__item__inner p.txtR {
  -webkit-transform: translateY(-9px);
          transform: translateY(-9px);
}
@media only screen and (max-width: 768px) {
  .p-mypage-subscription__item__inner p.txtR {
    -webkit-transform: unset;
            transform: unset;
  }
}

.p-subscription_detail .l-mypage__column .c-mypage-table .pc .column form .txtR {
  margin-top: 0;
}
.p-subscription_detail .l-mypage__column .c-mypage-table .pc .column form .txtR input {
  font-size: 16px;
  letter-spacing: 0.08em;
  color: #646464;
}
.p-subscription_detail .l-mypage__column .c-mypage-table .sp .column form .txtR {
  margin-top: 0;
}
.p-subscription_detail .l-mypage__column .c-mypage-table .sp .column form .txtR input {
  font-size: 14px;
  letter-spacing: 0.06em;
  color: #646464;
}

@media only screen and (max-width: 768px) {
  .p-subscription_detail__item__list .c-button-area {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
    margin-right: unset !important;
  }
}
.p-subscription_detail__item__list .c-button {
  padding: 10px 0;
}

.l-mypage__column__main .c-button-area__button .c-button {
  padding: 10px 0;
}

@media only screen and (max-width: 768px) {
  .c-mypage-heading {
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width: 768px) {
  .c-mypage-title:last-of-type {
    margin-top: 32px !important;
  }
}

@media only screen and (max-width: 768px) {
  .password-edit {
    max-width: unset !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .password-edit .c-button__text {
    width: 257px;
  }
}

.p-subscription_edit label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.p-subscription_edit label input[type=radio] {
  margin: 0;
}
.p-subscription_edit .l-mypage__column {
  letter-spacing: 0.08em;
}
.p-subscription_edit .l-mypage__column label {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .p-subscription_edit .l-mypage__column label {
    font-size: 14px;
  }
}
.p-subscription_edit .l-mypage__column #point-redeem-view {
  margin-top: 32px;
}
.p-subscription_edit .l-mypage__column #point-redeem-view .c-textbox__input {
  margin-top: 16px;
}
.p-subscription_edit .l-mypage__column #point-redeem-view .point-flag-flex {
  margin-top: 33px;
}
@media only screen and (max-width: 768px) {
  .p-subscription_edit .l-mypage__column #point-redeem-view .point-flag-flex {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media only screen and (max-width: 768px) {
  .p-subscription_edit .l-mypage__column #point-redeem-view .point-flag {
    margin-bottom: 32px;
    width: 100%;
  }
}
.p-subscription_edit .l-mypage__column #point-redeem-view .point-info {
  line-height: 100%;
  text-align: right;
}
.p-subscription_edit .l-mypage__column #point-redeem-view .point-info p:last-of-type {
  margin-top: 20px;
}
.p-subscription_edit .l-mypage__column #coupon-view, .p-subscription_edit .l-mypage__column #scheduled-delivery-time-view {
  margin-top: 32px;
}

@media only screen and (max-width: 768px) {
  .p-card-list .c-mypage-table table th:last-of-type, .p-add-list .c-mypage-table table th:last-of-type, .p-point-list .c-mypage-table table th:last-of-type, .p-subscription_detail .c-mypage-table table th:last-of-type {
    padding: 22px 0 !important;
  }
}

@media only screen and (max-width: 768px) {
  .p-point-list .scroll-list table th, .p-point-list .scroll-list table td {
    padding: 22px 29px 22px 0 !important;
  }
}

@media only screen and (max-width: 768px) {
  .p-point-list .c-mypage-title__heading {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .p-point-list .c-mypage-table {
    /* Firefox */
    scrollbar-width: none;
    /* IE / Edge Legacy */
    -ms-overflow-style: none;
  }
}
@media only screen and (max-width: 768px) {
  .p-point-list .c-mypage-table table.sp tr:first-of-type {
    border-top: 0.5px solid #768587;
  }
}
@media only screen and (max-width: 768px) {
  .p-point-list .table-scroll::-webkit-scrollbar {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .customer-base-edit.c-button-area {
    max-width: unset !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .customer-base-edit.c-button-area .c-button-area__button {
    width: 100% !important;
  }
  .customer-base-edit.c-button-area .c-button-area__button .c-button__text {
    width: 100% !important;
  }
}

.c-mypage-table {
  letter-spacing: 0.06em;
}
.c-mypage-table table td {
  padding: 10px 20px 10px 0 !important;
}
.c-mypage-table table .column a:after {
  vertical-align: text-bottom !important;
}

.p-add-list .c-mypage-table table tbody td {
  font-family: "noto serif jp", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif !important;
}

@media only screen and (max-width: 768px) {
  div.shipping h2.c-mypage-title__heading {
    margin-bottom: 16px;
  }
}

.p-subscription_detail__block__wrapper .c-billing__total .c-billing__total__price {
  margin-right: -12px;
}
.p-subscription_detail__block__wrapper .c-billing__total span.tax-in {
  font-size: 13px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  letter-spacing: 0.08em;
  line-height: 100%;
}
.p-subscription_detail__block__wrapper .p-variant_bulk_changes__quantity .c-order_quantity.disable button {
  color: #c2c2c2 !important;
  cursor: unset !important;
}

.bulk_changes .item-addition-list {
  width: unset !important;
}
.bulk_changes .item-addition-list .item-addition-list__item p.cost span.tax-in {
  font-size: 11px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 100%;
}
.bulk_changes .item-addition-list .item-addition-list__item .c-button__text {
  max-width: 100% !important;
  width: 100% !important;
}
@media only screen and (max-width: 768px) {
  .bulk_changes .item-addition-list .item-addition-list__item .c-button__text {
    max-width: 90% !important;
  }
}

.p-contactDraft__item {
  position: relative;
}
.p-contactDraft__item .c-checkbox {
  width: 20px !important;
  height: 20px !important;
  margin-top: 2px !important;
}
@media only screen and (max-width: 768px) {
  .p-contactDraft__item .c-checkbox {
    margin-top: 1px !important;
  }
}
.p-contactDraft__item .c-checkbox:checked:before {
  top: 1px !important;
  left: 5px !important;
  width: 6px !important;
  height: 11px !important;
}
.p-contactDraft__item .consentformError.formError {
  top: unset !important;
  bottom: 87px !important;
}
@media only screen and (max-width: 768px) {
  .p-contactDraft__item .consentformError.formError {
    bottom: 76px !important;
  }
}

@media only screen and (max-width: 768px) {
  .page-cancel .c-mypage-title {
    margin-top: 0 !important;
    letter-spacing: 0.08em;
  }
  .page-cancel .c-mypage-title .c-mypage-title__heading {
    letter-spacing: 0.08em;
    margin-bottom: 16px !important;
  }
  .page-cancel .c-mypage-title .c-mypage-order-number {
    margin-bottom: 28px;
  }
  .page-cancel form {
    padding: 0 30px;
    letter-spacing: 0.04em;
  }
  .page-cancel form .c-checkbox-box {
    margin-bottom: 80px !important;
  }
  .page-cancel form .c-button-area .c-button__text {
    width: 100% !important;
  }
}

.page-signup .privacy-policy-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.page-signup .privacy-policy-checkbox .formError {
  top: unset !important;
  bottom: -24px !important;
}
@media only screen and (max-width: 768px) {
  .page-signup .privacy-policy-checkbox .formError {
    bottom: -41px !important;
  }
}

.customers-cts-box .title__column h1 {
  margin-bottom: 56px !important;
}

@media only screen and (max-width: 768px) {
  .mypage-card {
    padding: 30px 20px 0px 20px !important;
  }
  .mypage-card .mypage-id {
    top: 31px !important;
    right: 19px !important;
  }
  .mypage-card .point {
    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;
  }
  .mypage-card .point .point-number {
    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: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-transform: translateY(9px);
            transform: translateY(9px);
  }
}

.customers-cts-box .btn-more {
  color: #646464;
  margin-top: 0px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
  background-size: 7px auto !important;
  padding-right: 15px !important;
}
@media only screen and (max-width: 768px) {
  .customers-cts-box .btn-more {
    margin-top: 6px;
  }
}
.customers-cts-box .c-mypage-table .txtR {
  margin-top: 16px;
}
@media only screen and (max-width: 768px) {
  .customers-cts-box .c-cart_item.u-color__border--border {
    padding: 17px 0;
  }
  .customers-cts-box .c-cart_item.u-color__border--border .c-cart_item__info .c-cart_item__info__title {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .customers-cts-box .c-mypage-title h1 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .customers-cts-box .c-mypage-title p {
    font-size: 12px;
  }
}
.customers-cts-box .c-mypage-title ul li::marker {
  font-size: 10px;
}
.customers-cts-box .p-subscription_detail .c-cart_item__info__total .price {
  margin-top: 2px;
}
.customers-cts-box .p-subscription_detail__item__list .c-cart_item {
  padding: 27px 0;
}
@media only screen and (max-width: 768px) {
  .customers-cts-box .p-subscription_detail__item__list .c-cart_item {
    padding: 4px 0 6px;
  }
}

.c-aside__menu .c-aside__item.current a {
  text-decoration: underline !important;
  text-underline-offset: 25% !important;
  text-decoration-thickness: 0% !important;
}

.c-form__block .c-form__item.card .c-textbox {
  margin-top: 0px !important;
}
.c-form__block #view-input-card-cvv .c-textbox {
  margin-top: 0px !important;
}
.c-form__block .c-form__item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#customers-card-index-view h2 {
  margin-bottom: 28px;
}