@charset "UTF-8";
/* Common Style
-----------------------------------*/
/* window size
-----------------*/
/* font
-----------------*/
/* color
-----------------*/
/* window size
-----------------*/
/* font
-----------------*/
/* color
-----------------*/
@import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@1,600&family=EB+Garamond:ital@0;1&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
menu, nav, section, audio, video, canvas {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

article, aside, figure, figcaption, footer,
header, menu, nav, section, main {
  display: block;
}

body {
  color: #333;
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

blockquote {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

a img {
  border: none;
  vertical-align: middle;
}

* {
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

*::selection {
  background: rgba(51, 153, 153, .6);
}

*::-moz-selection {
  background: rgba(51, 153, 153, .6);
}

a, input[type=submit] {
  transition: all 0.2s ease;
}

/* Main global 'theme' and typographic styles */
body {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}

body,
input,
textarea {
  color: #564f4d;
  line-height: 1.8;
}

a:link,
a:visited {
  color: #564f4d;
  cursor: hand;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  text-decoration: none;
  outline-width: 0;
}

hr {
  background-color: #ccc;
  border: 0;
  clear: both;
  width: 100%;
  height: 1px;
}

svg,
img {
  width: auto;
  height: auto;
  max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
}

p {
  margin-bottom: 1.5em;
}

ul {
  list-style: disc;
  margin: 0 0 1.5em 2em;
}

ol {
  list-style: decimal;
  margin: 0 0 1.5em 2em;
}

ol ol {
  list-style: upper-alpha;
}

ol ol ol {
  list-style: lower-roman;
}

ol ol ol ol {
  list-style: lower-alpha;
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
}

dl {
  margin: 0 0 1.8em 0;
}

dt {
  font-weight: bold;
}

dt:last-child {
  margin-bottom: 0;
}

dd {
  margin-bottom: 1.5em;
}

dd:last-child {
  margin-bottom: 0;
}

strong, b {
  font-weight: bold;
}

cite,
em,
i {
  font-style: italic;
}

big {
  font-size: 131.25%;
}

ins {
  background: #ffc;
  text-decoration: none;
}

blockquote {
  font-style: italic;
  padding: 0 2em;
}

blockquote cite,
blockquote em,
blockquote i {
  font-style: normal;
}

pre {
  background: #f7f7f7;
  color: #222;
  line-height: 1.5;
  margin-bottom: 1.5em;
  overflow: auto;
  padding: 1.5em;
}

blockquote {
  quotes: "" "";
}

blockquote:before, blockquote:after {
  content: "";
}

q {
  quotes: "“" "”" "‘" "’";
}

:focus {
  outline: none;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

sup,
sub {
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

small {
  font-size: .8em;
}

table {
  border-collapse: separate;
  border-spacing: 1px;
  width: 100%;
  margin-bottom: 1.5em;
}

th, td {
  padding: .5em .8em;
  vertical-align: top;
  border-bottom: none;
  text-align: left;
  background: #fff;
}

th {
  font-weight: normal;
}

/* window size
-----------------*/
/* font
-----------------*/
/* color
-----------------*/
/* window size
-----------------*/
/* font
-----------------*/
/* color
-----------------*/
/* エフェクトで使う keyframes */
@keyframes blink {
  50% {
    opacity: .3;
  }
  0%, 100% {
    opacity: .9;
  }
}

/* フェードイン */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* フェードアウト */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* スプリング(拡大してバウンド) */
@keyframes spring {
  0% {
    transform: scale(0.2);
  }
  75% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

/* 上に移動しながらフェードイン */
@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(3em);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 下に移動しながらフェードイン */
@keyframes fade-down {
  from {
    opacity: 0;
    transform: translateY(-3em);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 左に移動しながらフェードイン */
@keyframes fade-left {
  from {
    opacity: 0;
    transform: translateX(3em);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* 右に移動しながらフェードイン */
@keyframes fade-right {
  from {
    opacity: 0;
    transform: translateX(-3em);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* X方向スケールアップ */
@keyframes scale-up-x {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

/* Y方向スケールアップ */
@keyframes scale-up-y {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}

/* Y方向スケールダウン */
@keyframes scale-down-y {
  from {
    transform: scaleY(1);
  }
  to {
    transform: scaleY(0);
  }
}

/* Y方向に拡大しながらフェードイン */
@keyframes scale-y-fade-in {
  from {
    transform: scaleY(0);
    opacity: 0;
  }
  to {
    transform: scaleY(1);
    opacity: 1;
  }
}

/* 拡大しながらフェードイン */
@keyframes scale-fade-in {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

/* 拡大しながらフェードアウト */
@keyframes scale-fade-out {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.2);
    opacity: 0;
  }
}

body {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
}

pre {
  font-family: "Courier 10 Pitch", Courier, monospace;
}

code {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

#header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100px;
  padding: 0 70px;
  font-size: 12px;
  letter-spacing: .12em;
  background: linear-gradient(180deg, #FCFBF8 0%, rgba(252, 251, 248, 0) 100%);
  z-index: 100;
}

#header:hover:before {
  opacity: 1;
}

#header > * {
  z-index: 5;
}

#header a:hover {
  opacity: .6;
}

#header .siteLogo {
  order: 2;
  width: 144px;
  margin: 0;
}

#header .siteLogo a {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}

#header .siteLogo svg {
  width: 143px;
  height: 13px;
}

#header #gNav {
  order: 1;
  width: calc(50% - 82px);
}

#header #gNav ul {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  list-style-type: none;
  margin: 0;
}

#header #gNav li + li {
  margin-left: 20px;
}

#header #gNav span, #header #gNav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  color: #484643;
  transition: all ease .3s;
  cursor: pointer;
}

#header #gNav span svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  transform: translate(-50%, 75%);
}

#header #gNav span:hover {
  opacity: .6;
}

#header #gNav span.is-current {
  padding-bottom: 5px;
  color: #000;
}

#header #gNav span.is-current svg path {
  stroke: #000;
}

#header .navTriggerWrap {
  display: none;
}

#header .membersMenu {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  width: calc(50% - 82px);
  list-style-type: none;
  margin: 0;
  order: 3;
}

#header .membersMenu svg {
  width: 12px;
  height: 12px;
  margin-right: 5px;
}

#header .membersMenu li + li {
  margin-left: 20px;
}

#header .membersMenu a {
  color: #484643;
}

#header:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  display: block;
  content: '';
  width: 100%;
  background: #FCFBF8;
  opacity: 0;
  transition: all ease .5s;
}

#header:after {
  position: absolute;
  right: 50%;
  top: 0;
  z-index: 1 !important;
  transform: translate(50%, 0);
  display: block;
  content: '';
  width: 390px;
  height: 186px;
  background: center center no-repeat url("../images/common/nav-on-circle.svg");
  background-size: contain;
  opacity: 0;
  transition: all ease .3s;
  pointer-events: none;
}

.navMenu-open #header:after {
  opacity: 1;
}

.navTriggerWrap {
  width: calc(50% - 82px);
  margin: 0;
}

.navTriggerWrap .navTrigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.navTriggerWrap .navTrigger .screen-reader-text {
  display: block;
  width: 25px;
  height: 2px;
  color: #5F5A57;
  background: #5F5A57;
  border-radius: 2px;
  overflow-x: hidden;
  transition: all ease .2s;
}

.view-nav .navTriggerWrap .navTrigger .screen-reader-text {
  opacity: 0;
}

.navTriggerWrap .navTrigger:before, .navTriggerWrap .navTrigger:after {
  position: absolute;
  top: calc(50% - 1px);
  display: block;
  content: '';
  width: 25px;
  height: 2px;
  background: #5F5A57;
  border-radius: 2px;
}

.navTriggerWrap .navTrigger:before {
  margin-top: -9px;
  transition: all ease .3s;
}

.view-nav .navTriggerWrap .navTrigger:before {
  transform: rotate(225deg);
  margin-top: 0;
}

.navTriggerWrap .navTrigger:after {
  margin-top: 9px;
  transition: all ease .4s;
}

.view-nav .navTriggerWrap .navTrigger:after {
  transform: rotate(-405deg);
  margin-top: 0;
}

.pcMenu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1 !important;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding: 130px 70px 100px;
  background: #FCFBF8;
  pointer-events: none;
  opacity: 0;
  transform: translate(0, -20%);
  transition: all ease-out .3s;
}

.pcMenu.is-current {
  pointer-events: auto;
  opacity: 1;
  transform: translate(0, 0);
}

.pcMenu ul {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  list-style-type: none;
  margin: 0;
}

.pcMenu ul li + li {
  margin-left: 30px;
}

.pcMenu ul a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  line-height: 1.8;
  color: #5F5A57;
}

.pcMenu ul + ul {
  margin-top: 16px;
}

.pcMenu ul + ul a {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: .1em;
  color: #484643;
}

.pcMenu ul + ul svg {
  width: 15px;
  height: 15px;
  margin-left: 6px;
}

.pcMenu dl {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 220px;
}

.pcMenu dl + dl {
  margin-left: 40px;
}

.pcMenu dl dt {
  margin-bottom: 5px;
  font-family: "EB Garamond", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.4;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #A39F9C;
}

.pcMenu dl dd {
  margin: 0;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.6;
  text-align: justify;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.pcMenu dl dd a {
  color: #5F5A57;
}

.pcMenu dl dd a strong {
  display: inline-block;
  margin-bottom: 5px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
}

.pcMenu dl dd span {
  display: block;
  width: 190px;
}

@media screen and (max-width: 1100px) {
  #header {
    padding: 0 40px;
  }
  .pcMenu {
    padding: 130px 40px 100px;
  }
}

@media screen and (max-width: 880px) {
  #header {
    height: 80px;
    padding: 0 20px;
  }
  #header .navTriggerWrap {
    display: block;
  }
  #header #gNav {
    display: none;
  }
  .pcMenu {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #header {
    height: 21.33333vw;
    padding: 0 2.66667vw;
  }
  #header:after {
    display: none;
  }
  #header .siteLogo {
    width: 35.2vw;
  }
  #header .siteLogo svg {
    width: 35.2vw;
    height: 3.2vw;
  }
  #header .membersMenu {
    width: 21.33333vw;
  }
  #header .membersMenu svg {
    width: 5.33333vw;
    height: 5.33333vw;
    margin-right: 0;
  }
  #header .membersMenu li + li {
    margin-left: 0;
  }
  #header .membersMenu a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10.66667vw;
    height: 10.66667vw;
  }
  #header .membersMenu a span {
    display: none;
  }
  .navTriggerWrap {
    width: 21.33333vw;
  }
  .navTriggerWrap .navTrigger {
    width: 10.66667vw;
    height: 10.66667vw;
  }
  .navTriggerWrap .navTrigger .screen-reader-text {
    width: 5.33333vw;
    height: 0.26667vw;
  }
  .navTriggerWrap .navTrigger:before, .navTriggerWrap .navTrigger:after {
    top: 50%;
    width: 5.33333vw;
    height: 0.26667vw;
    border-radius: 0.53333vw;
  }
  .navTriggerWrap .navTrigger:before {
    margin-top: -2.13333vw;
  }
  .navTriggerWrap .navTrigger:after {
    margin-top: 1.6vw;
  }
}

.spMenu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background: #FCFBF8;
  z-index: 99;
  opacity: 0;
  pointer-events: none;
  transition: all ease .5s;
  transform: translate(0, -20%);
}

.view-nav .spMenu {
  transform: translate(0, 0);
  opacity: 1;
  pointer-events: auto;
}

.spMenu .inner {
  padding: 26.66667vw 0 0;
  min-height: 100vh;
}

.spMenu .inner:after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 32vw;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(238, 224, 200, .6) 100%);
}

.spMenuLinkMainList {
  width: 100%;
  margin: 0;
  padding: 0 5.33333vw;
  list-style: none;
}

.spMenuLinkMainList li {
  border-bottom: 1px solid #C0A790;
}

.spMenuLinkMainList li:first-child {
  border-top: 1px solid #C0A790;
}

.spMenuLinkMainList a {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5.33333vw 2.66667vw;
  color: #5F5A57;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.spMenuLinkMainList a small {
  display: block;
  font-family: "EB Garamond", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", serif;
  font-style: italic;
  font-weight: 400;
  font-size: 3.2vw;
  line-height: 1.4;
  letter-spacing: .04em;
  margin-bottom: 1.33333vw;
  color: #A39F9C;
}

.spMenuLinkMainList a strong {
  display: block;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-weight: 500;
  font-size: 4.8vw;
  line-height: 1.5;
}

.spMenuLinkMainList a span {
  display: block;
  width: 74.66667vw;
  margin-top: 1.33333vw;
  font-weight: 400;
  font-size: 3.2vw;
  line-height: 1.6;
  text-align: justify;
}

.spMenuLinkMainList svg {
  position: absolute;
  top: 50%;
  right: 2.66667vw;
  width: 4vw;
  height: 4vw;
  transform: translate(0, -50%);
}

.spMenuLinkSubList {
  width: 100%;
  margin: 0;
  list-style: none;
  padding: 13.33333vw 8vw;
  letter-spacing: .08em;
}

.spMenuLinkSubList li {
  padding: 2.66667vw 0;
}

.spMenuLinkSubList a {
  display: block;
  font-weight: 400;
  font-size: 3.46667vw;
  line-height: 1.8;
  color: #5F5A57;
}

.spMenuLinkSns {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 10.66667vw;
  margin: 0 0 10.66667vw;
  list-style-type: none;
}

.spMenuLinkSns li {
  display: block;
  width: 11.73333vw;
}

.spMenuLinkSns li + li {
  margin-left: 8vw;
}

.spMenuLinkSns a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 2.66667vw;
}

.spMenuLinkSns img {
  width: 6.4vw;
}

.spMenu .copyright {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  padding: 0 0 8.53333vw;
  margin: 0;
}

.spMenu .copyright small {
  font-family: "EB Garamond", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", serif;
  font-weight: 400;
  font-size: 3.2vw;
  line-height: 1.6;
  text-align: center;
  letter-spacing: .04em;
  font-feature-settings: 'tnum' on, 'lnum' on, 'pkna' on, 'palt' on;
  color: #A39F9C;
}

@media screen and (min-width: 767px) {
  .spMenu .inner {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: space-between;
    padding: 100px 0 120px;
  }
  .spMenuLinkMainList {
    width: 50%;
    padding: 0 0 0 40px;
    margin-bottom: 100px;
  }
  .spMenuLinkMainList a {
    padding: 10px 5px;
  }
  .spMenuLinkMainList a small {
    font-size: 10px;
    margin-bottom: 3px;
  }
  .spMenuLinkMainList a strong {
    font-size: 14px;
  }
  .spMenuLinkMainList a span {
    width: calc(100% - 30px);
    margin-top: 3px;
    font-size: 10px;
  }
  .spMenuLinkMainList svg {
    right: 10px;
    width: 15px;
    height: 15px;
  }
  .spMenuLinkSubList {
    width: 45%;
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0;
  }
  .spMenuLinkSubList li {
    padding: 10px;
  }
  .spMenuLinkSubList a {
    font-size: 12px;
  }
  .spMenuLinkSns {
    width: 50%;
    justify-content: flex-start;
    padding: 0 0 0 40px;
  }
  .spMenuLinkSns li {
    width: 65px;
    margin: 0 0;
  }
  .spMenuLinkSns a {
    height: auto;
    font-size: 13px;
  }
  .spMenu .copyright {
    width: 50%;
    height: auto;
    justify-content: flex-end;
    padding: 0 40px 0 0;
  }
  .spMenu .copyright small {
    font-size: 10px;
  }
}

@media screen and (min-width: 880px) {
  .view-nav .spMenu {
    display: none;
  }
}

#footer {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  background: #FDF9F1;
  z-index: 1;
}

#footer:before, #footer:after {
  display: block;
  content: '';
  width: 100%;
  height: 120px;
  background: linear-gradient(180deg, #fcfbf8 0%, #FDF9F1 100%);
  z-index: 0;
}

.page-grenier #footer:before {
  background: linear-gradient(180deg, #F0F2F4 0%, #FDF9F1 100%);
}

#footer:after {
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(253, 249, 241, .6) 40.93%, rgba(251, 237, 212, .6) 100%), #FDF9F1;
}

#footer .inner {
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  max-width: 1120px;
  padding: 80px 60px;
  margin: 0 auto;
  z-index: 1;
}

#footer a:hover {
  opacity: .5;
}

#footer .footerLogo {
  width: 154px;
}

#footer .footerLogo span {
  position: absolute;
  overflow-y: hidden;
  opacity: 0;
}

#footer .footerLogo svg {
  width: 154px;
  height: 14px;
}

#footer .footerLogo a {
  display: block;
  width: 100%;
}

#footer .footerNav {
  width: calc(100% - 180px);
  max-width: 740px;
  margin-bottom: 180px;
}

#footer .footerNavMain {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 60px;
}

#footer .footerNavMain dl {
  flex: 1;
  margin: 0;
}

#footer .footerNavMain dl + dl {
  margin-left: 40px;
}

#footer .footerNavMain dt {
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 160%;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #A39F9C;
}

#footer .footerNavMain dt svg {
  display: none;
}

#footer .footerNavMain dd {
  width: 100%;
  margin: 0;
}

#footer .footerNavMain ul {
  width: 100%;
  margin: 0;
  list-style: none;
}

#footer .footerNavMain li + li {
  margin-top: 10px;
}

#footer .footerNavMain a {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.8;
  color: #5F5A57;
}

#footer .footerNavSub {
  width: 100%;
}

#footer .footerNavSub ul {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  list-style: none;
}

#footer .footerNavSub li {
  flex: 1;
}

#footer .footerNavSub ul::after {
  flex: 1;
  display: block;
  content: "";
  margin-left: 40px;
}

#footer .footerNavSub li + li {
  margin-left: 40px;
}

#footer .footerNavSub a {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  color: #5F5A57;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

#footer .footerNavSub a small {
  display: block;
  margin-bottom: 5px;
  font-family: "EB Garamond", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .04em;
  color: #A39F9C;
}

#footer .footerNavSub a strong {
  display: block;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}

#footer .footerNavSub a span {
  display: block;
  width: 100%;
  max-width: 190px;
  margin-top: 5px;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.6;
  text-align: justify;
}

#footer .footerSns {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 330px;
  margin: 0;
  list-style: none;
}

#footer .footerSns li {
  width: 20px;
}

#footer .footerSns li + li {
  margin-left: 40px;
}

#footer .footerSns a {
  display: block;
}

#footer .copyright {
  width: 40%;
  margin: 0;
  text-align: right;
}

#footer .copyright small {
  font-family: "EB Garamond", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
  letter-spacing: .04em;
  font-feature-settings: 'tnum' on, 'lnum' on, 'pkna' on, 'palt' on;
  color: #A39F9C;
}

@media screen and (max-width: 1111px) {
  #footer .footerNav {
    width: calc(100% - 220px);
  }
  #footer .footerNavMain dl + dl {
    margin-left: 20px;
  }
  #footer .footerNavSub li + li,
  #footer .footerNavSub ul::after {
    margin-left: 20px;
  }
}

@media screen and (max-width: 1023px) {
  #footer .footerLogo {
    width: 100%;
    margin-bottom: 80px;
    text-align: center;
  }
  #footer .footerNav {
    width: 100%;
    max-width: 100%;
    margin-bottom: 100px;
  }
  #footer .footerNavMain dl + dl {
    margin-left: 40px;
  }
  #footer .footerNavSub li + li,
  #footer .footerNavSub ul::after {
    margin-left: 40px;
  }
  #footer .footerNavSub a span {
    max-width: calc(100% - 20px);
  }
}

@media screen and (max-width: 800px) {
  #footer .inner {
    padding: 50px 40px;
  }
  #footer .footerLogo {
    margin-bottom: 40px;
  }
  #footer .footerNavMain dl + dl {
    margin-left: 20px;
  }
  #footer .footerNavMain li + li {
    margin-top: 5px;
  }
  #footer .footerNavMain a {
    font-size: 12px;
  }
  #footer .footerNavSub li + li,
  #footer .footerNavSub ul::after {
    margin-left: 20px;
  }
  #footer .footerNavSub a small {
    font-size: 10px;
  }
  #footer .footerNavSub a strong {
    font-size: 14px;
  }
  #footer .footerNavSub a span {
    font-size: 10px;
  }
}

@media screen and (max-width: 767px) {
  #footer:before {
    height: 26.66667vw;
  }
  #footer:after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 32vw;
    z-index: 0;
  }
  #footer .inner {
    padding: 0 5.33333vw 8.53333vw;
  }
  #footer a:hover {
    opacity: 1;
  }
  #footer .footerLogo {
    width: 100%;
    margin-bottom: 16vw;
  }
  #footer .footerLogo svg {
    width: 41.06667vw;
    height: 3.73333vw;
  }
  #footer .footerNav {
    margin-bottom: 16vw;
  }
  #footer .footerNavMain {
    flex-flow: column nowrap;
    margin-bottom: 16vw;
  }
  #footer .footerNavMain dl {
    flex: auto;
    width: 100%;
    border-bottom: 1px solid #C0A790;
  }
  #footer .footerNavMain dl:first-child {
    border-top: 1px solid #C0A790;
  }
  #footer .footerNavMain dl + dl {
    margin-left: 0;
  }
  #footer .footerNavMain dl:first-child li:nth-child(2) {
    margin-top: 0;
  }
  #footer .footerNavMain dt {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 15.46667vw;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 4.26667vw;
    line-height: 1.4;
    color: #5F5A57;
  }
  #footer .footerNavMain dt svg {
    position: absolute;
    top: 50%;
    right: 2.66667vw;
    display: block;
    width: 4vw;
    height: 4vw;
    margin-top: -2vw;
  }
  #footer .footerNavMain dt.is-current svg {
    transform: rotate(180deg);
  }
  #footer .footerNavMain dt.is-current + dd {
    display: block;
  }
  #footer .footerNavMain dd {
    display: none;
    width: 100%;
    margin: 0;
  }
  #footer .footerNavMain ul {
    width: 100%;
    padding: 5.33333vw 1.33333vw;
    margin: 0;
    list-style: none;
  }
  #footer .footerNavMain li + li {
    margin-top: 5.33333vw;
  }
  #footer .footerNavMain li.is-sp {
    display: block;
    width: 100%;
  }
  #footer .footerNavMain li.is-sp a {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    font-weight: 600;
    font-size: 3.73333vw;
    line-height: 1.8;
    letter-spacing: .1em;
    font-feature-settings: 'palt' on;
    color: #484643;
  }
  #footer .footerNavMain li.is-sp a img {
    width: 4vw;
    height: 4vw;
    margin-left: 1.33333vw;
  }
  #footer .footerNavMain a {
    font-size: 4vw;
    line-height: 2;
  }
  #footer .footerNavSub ul {
    flex-flow: column nowrap;
  }
  #footer .footerNavSub ul::after{
	display:none;
  }
  #footer .footerNavSub li {
    flex: auto;
    width: 100%;
  }
  #footer .footerNavSub li + li {
    margin-left: 0;
    margin-top: 10.66667vw;
  }
  #footer .footerNavSub a small {
    margin-top: 1.33333vw;
    font-size: 3.2vw;
  }
  #footer .footerNavSub a strong {
    font-size: 4.26667vw;
  }
  #footer .footerNavSub a span {
    max-width: 100%;
    margin-top: 1.33333vw;
    font-size: 3.2vw;
  }
  #footer .footerSns {
    justify-content: center;
    width: 100%;
    padding: 0 5.33333vw;
    margin: 0 auto 10.66667vw;
  }
  #footer .footerSns li {
    width: 11.73333vw;
    text-align: center;
  }
  #footer .footerSns li + li {
    margin-left: 8vw;
  }
  #footer .footerSns a {
    padding: 2.66667vw;
  }
  #footer .footerSns img {
    width: 6.4vw;
  }
  #footer .copyright {
    width: 100%;
    text-align: center;
  }
  #footer .copyright small {
    font-size: 3.2vw;
  }
}

html,
body {
  width: 100%;
}

html {
  background: #FCFBF8;
  font-feature-settings: 'palt' on;
  letter-spacing: .08em;
}

html img {
  vertical-align: bottom;
}

main {
  z-index: 2;
}

.noscript {
  display: none;
}

.is-sp {
  display: none;
}

@media screen and (max-width: 767px) {
  body {
    font-size: 4vw;
  }
  .is-pc {
    display: none;
  }
  .is-sp,
  span.is-sp,
  br.is-sp {
    display: inline;
    display: initial;
  }
}

/* plugin style
-----------------------------------*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url('DocumentRoot/images/common/ajax-loader.gif') center center no-repeat;
}

/* Arrows */
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}

.slick-dots li {
  position: relative;
  display: block;
  height: 2.6vw;
  width: 2.6vw;
  margin: 0 1.7vw 0 0;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  display: block;
  height: 2.6vw;
  width: 2.6vw;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 0;
  cursor: pointer;
  text-indent: -9999em;
  opacity: .5;
  background: #000;
  border-radius: 55%;
}

.slick-dots li.slick-active button {
  opacity: 1;
}

@media screen and (min-width: 767px) {
  .slick-dots li {
    height: 12px;
    width: 12px;
    margin: 0 8px 0 0;
  }
  .slick-dots li button {
    height: 12px;
    width: 12px;
  }
}

/* View style
-----------------------------------*/
main > .inner {
  max-width: 1200px;
  margin: 0 auto;
}

.firstVisual {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100vh;
  margin: 0;
  background: #FCFBF8;
  z-index: 105;
}

.is-iphone .firstVisual,
.is-pad .firstVisual {
  height: -webkit-fill-available;
}

.firstVisual .bg {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: center center no-repeat;
  background-size: cover;
  z-index: 0;
}

.firstVisual:before {
  display: block;
  content: '';
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background: linear-gradient(180deg, rgba(252, 251, 248, 0) 0%, #FCFBF8 88.02%);
  z-index: 1;
}

.firstVisual h1 {
  width: 100%;
  padding: 0 80px;
  margin: 0;
  z-index: 4;
  text-align: center;
}

.firstVisual h1 svg {
  width: 143px;
  height: 13px;
  margin-bottom: 23px;
}

.firstVisual h1 span {
  position: absolute;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

.firstVisual .catch {
  position: absolute;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
}

.firstVisual .catchCopy {
  fill-rule: evenodd;
  filter: url(#filter);
}

.firstVisual .catch svg {
  width: 2.778vh;
  height: 44vh;
}

.firstVisual.is-pt01 .catch {
  top: 80px;
  right: 100px;
  width: 2.778vh;
  height: 44vh;
}

.firstVisual.is-pt01 .catchCopy {
  fill-rule: evenodd;
  filter: url(#filter);
}

.firstVisual.is-pt02 .bg {
  width: 46.5%;
  right: auto;
}

.firstVisual.is-pt02 .catch {
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 53.6%;
}

.indexCampaign {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  min-height: calc(100vh - 100px);
  margin-bottom: 20px;
}

.is-ie .indexCampaign {
  height: calc(100vh - 100px);
}

.indexCampaign > .img {
  width: 52%;
}

.indexCampaign > .img span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: center center no-repeat;
  background-size: cover;
}

.indexCampaignList {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 48%;
}

.indexCampaignItem {
  width: 100%;
  padding-right: 40px;
}

.indexCampaignItem a {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: 23px 70px 23px 40px;
  border-left: 4px solid transparent;
  color: #484643;
  transition: all ease .2s;
  opacity: .6;
}

.indexCampaignItem a:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  background: linear-gradient(90deg, #FFF8ED 0%, rgba(252, 251, 248, 0) 22.39%);
  z-index: 0;
  opacity: 0;
  transition: all ease .2s;
}

.indexCampaignItem a img {
  position: absolute;
  top: 50%;
  right: 21px;
  width: 30px;
  height: 30px;
  margin: -15px 0 0;
  transition: all ease .3s;
  opacity: 0;
}

.indexCampaignItem a span {
  display: block;
}

.indexCampaignItem a:hover {
  opacity: 1;
  border-left-color: #F8E5C6;
}

.indexCampaignItem a:hover img, .indexCampaignItem a:hover:before {
  opacity: 1;
}

.indexCampaignItem .postCat {
  font-family: "EB Garamond", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", serif;
  font-weight: 400;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  font-size: 14px;
  margin-bottom: 4px;
}

.indexCampaignItem .postTitle {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: .1em;
  margin-bottom: 10px;
}

.indexCampaignItem .postExcept {
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
  max-width: 380px;
}

.indexCampaign .moreCampaign {
  padding: 15px 40px;
  margin: 0;
  order: 9;
}

.indexCampaign .moreCampaign a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .1em;
  color: #484643;
}

.indexCampaign .moreCampaign a:hover {
  opacity: 1;
  color: #000;
}

.indexCampaign .moreCampaign svg,
.indexCampaign .moreCampaign img {
  width: 14px;
  height: 14px;
  margin-left: 8px;
}

.indexAbout {
  width: 100%;
  padding: 125px 30px 90px;
  text-align: center;
}

.indexAbout + .indexProducts {
  padding-top: 0 !important;
}

.indexAbout h2 {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 1.8;
  text-align: center;
  letter-spacing: .14em;
  color: #484643;
  margin-bottom: 24px;
}

.indexAbout h2 + p {
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: .08em;
  text-align: center;
  line-height: 3;
  color: #5F5A57;
}

.indexAbout .moreAbout a {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .1em;
  color: #5F5A57;
}

.indexAbout .moreAbout a svg {
  width: 15px;
  height: 15px;
  margin-left: 8px;
}

.indexAbout .moreAbout a:hover {
  opacity: 1;
  color: #000;
}

.indexNews {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 30px;
}

.indexNews article {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 11px 2em;
  font-size: 14px;
}

.indexNews article:before, .indexNews article:after {
  position: absolute;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #F4F1EB 0%, #C0A790 13.02%, #C0A790 88.54%, #F4F1EB 100%);
  opacity: .3;
}

.indexNews article:not(:first-child):before {
  display: none;
}

.indexNews article:before {
  top: 0;
}

.indexNews article:after {
  bottom: 0;
}

.indexNews article .permalink,
.indexNews article a {
  text-decoration: underline;
}

.indexNews article .permalink:hover,
.indexNews article a:hover {
  opacity: 1;
  color: #000;
  text-decoration: none;
}

.indexNews article p {
  margin: 0;
}

.indexNews article .permalink,
.indexNews article > a {
  margin-left: 10px;
  display: inline-block;
  color: #A39F9C;
}

.indexProducts {
  width: 100%;
  max-width: 1050px;
  padding: 100px 0;
  margin: 0 auto;
}

.indexProductsList {
  margin-bottom: 40px;
}

.indexProducts .productsListItem {
  padding: 0 25px;
}

.indexProducts .slick-list {
  z-index: 4;
}

.indexProducts .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -70px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 140px;
  padding: 0;
  border: none;
  background: none;
  -webkit-appearance: none;
  transition: all ease .4s;
  cursor: pointer;
  z-index: 10;
}

.indexProducts .slick-arrow svg {
  width: 38px;
  height: 40px;
}

.indexProducts .slick-arrow.slick-prev {
  left: -100px;
}

.indexProducts .slick-arrow.slick-next {
  right: -100px;
}

.indexProducts .slick-arrow.slick-disabled {
  opacity: 0;
  pointer-events: none;
}

.indexProducts .arrow-left {
  transform: rotate(180deg);
}

.indexProducts .moreProducts {
  width: 100%;
  text-align: center;
  margin: 0;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="40" /><feOffset dx="1" dy="6" result="offsetblur" /><feFlood flood-color="rgba(216,189,164,0.2)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0px 5px 40px rgba(216, 189, 164, .2));
}

.indexProducts .moreProducts a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .1em;
  width: 240px;
  height: 60px;
  background: #F8E5C6;
}

.indexProducts .moreProducts a:hover {
  color: #000;
  background: #FFE9C6;
}

.indexCategory {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 30px;
}

.indexCategory .inner {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 980px;
  margin: 0 auto;
  padding: 60px 0 80px;
}

.indexCategory:before {
  display: block;
  content: '';
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #F4F1EB 0%, #C0A790 13.02%, #C0A790 88.54%, #F4F1EB 100%);
  opacity: .3;
}

.indexCategory.is-community:before {
  display: none;
}

.indexCategory.is-community .inner {
  padding-top: 0;
}

.indexCategoryHead {
  width: 300px;
}

.indexCategoryHead h4 {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 15px;
  color: #5F5A57;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.indexCategoryHead p {
  margin: 0;
}

.indexCategoryHead p a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
}

.indexCategoryHead p a img {
  width: 15px;
  height: 15px;
  margin-left: 8px;
}

.indexCategoryHead p a:hover {
  color: #000;
}

.indexCategoryHead small {
  display: block;
  margin-bottom: 8px;
  font-family: "EB Garamond", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", serif;
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .04em;
  color: #A39F9C;
}

.indexCategoryHead strong {
  display: block;
  margin-bottom: 8px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
}

.indexCategoryHead span {
  display: block;
  width: calc(100% - 30px);
  margin-top: 3px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  text-align: justify;
}

.indexCategory .articleList {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: calc(100% - 340px);
  max-width: 580px;
}

.indexCategory .articleList .articleListItem {
  width: calc(50% - 10px);
}

@media screen and (max-width: 1249px) {
  .indexProducts {
    width: 100%;
    max-width: 1050px;
    padding: 100px 0;
    margin: 0 auto;
  }
  .indexProducts .productsListItem {
    padding: 0 25px;
  }
  .indexProducts .slick-arrow {
    margin-top: -40px;
    width: 80px;
    height: 80px;
  }
  .indexProducts .slick-arrow.slick-prev {
    left: 0;
  }
  .indexProducts .slick-arrow.slick-next {
    right: 0;
  }
  .indexProducts .arrow-left {
    transform: rotate(180deg);
  }
}

@media screen and (max-width: 1112px) {
  .firstVisual .fv-ja {
    padding: 0 40px 15px;
  }
}

@media screen and (max-width: 1024px) {
  .indexCampaignItem {
    padding-right: 0;
  }
}

@media screen and (max-width: 900px) {
  .firstVisual.is-pt02 .bg {
    width: 50%;
  }
  .firstVisual.is-pt02 .catch {
    width: 50%;
  }
  .indexCategoryHead {
    width: 100%;
    margin-bottom: 20px;
  }
  .indexCategory .articleList {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 800px) {
  .indexCampaign {
    flex-flow: column nowrap;
    align-items: flex-start;
    min-height: auto;
    margin-bottom: 0;
  }
  .indexCampaign > .img {
    width: 100%;
    height: 70vw;
  }
  .indexCampaignList {
    display: block;
    width: 100%;
    padding: 20px 0 20px;
    margin-bottom: 30px;
  }
  .indexCampaignList .moreCampaign {
    display: none;
  }
  .indexCampaignItem {
    padding-right: 0;
  }
  .indexCampaignItem a {
    opacity: 1;
  }
  .indexCampaign .postExcept {
    max-width: 100%;
  }
  .indexCampaign .slick-list {
    margin-bottom: 30px;
  }
  .indexCampaign .slick-dots {
    width: 100%;
    padding: 0 40px;
    margin: 0;
  }
  .indexCampaign .slick-dots li {
    flex: 1;
    width: auto;
    height: 3px;
    margin: 0;
  }
  .indexCampaign .slick-dots li + li {
    margin-left: 5px;
  }
  .indexCampaign .slick-dots li button {
    width: 100%;
    height: 3px;
    border-radius: 0;
    background: #F0E9DC;
    transition: all ease .3s;
  }
  .indexCampaign .slick-dots li.slick-active button {
    background: #484643;
  }
  .indexCampaign .moreCampaign.is-sp {
    display: inline;
    display: initial;
    width: 100%;
    padding: 0 40px;
  }
  .indexCampaign .moreCampaign.is-sp a {
    justify-content: center;
    height: 50px;
    background: #F8E5C6;
  }
}

@media screen and (max-width: 767px) {
  main > .inner {
    overflow-x: hidden;
  }
  .firstVisual {
    min-height: 160vw;
  }
  .firstVisual:before {
    height: 32vw;
    background: linear-gradient(180deg, rgba(252, 251, 248, 0) 0%, #FCFBF8 100%);
  }
  .firstVisual h1 {
    padding: 0;
  }
  .firstVisual h1 svg {
    width: 35.2vw;
    height: 3.2vw;
    margin-bottom: 5.33333vw;
  }
  .firstVisual.is-pt01 .bg, .firstVisual.is-pt02 .bg {
    background-position: center bottom;
  }
  .firstVisual.is-pt01 .catch, .firstVisual.is-pt02 .catch {
    top: 13.33333vw;
    right: 10.66667vw;
    width: 5.33333vw;
    height: 84.53333vw;
  }
  .firstVisual.is-pt02 .bg {
    width: 100%;
  }
  .indexCampaign > .img {
    height: 106.66667vw;
  }
  .indexCampaignList {
    padding: 0;
    margin-bottom: 8vw;
  }
  .indexCampaignItem {
    padding: 0;
    border-left: none;
  }
  .indexCampaignItem a {
    padding: 8vw;
  }
  .indexCampaignItem a:hover img, .indexCampaignItem a:hover:before {
    opacity: 0;
  }
  .indexCampaign .postCat {
    font-size: 3.73333vw;
    margin-bottom: 1.06667vw;
  }
  .indexCampaign .postTitle {
    font-size: 5.33333vw;
    margin-bottom: 2.66667vw;
  }
  .indexCampaign .postExcept {
    font-size: 3.46667vw;
  }
  .indexCampaign .slick-list {
    margin-bottom: 6.93333vw;
  }
  .indexCampaign .slick-dots {
    padding: 0 8vw;
  }
  .indexCampaign .slick-dots li {
    height: 0.8vw;
  }
  .indexCampaign .slick-dots li + li {
    margin-left: 1.33333vw;
  }
  .indexCampaign .slick-dots li button {
    height: 0.8vw;
  }
  .indexCampaign .moreCampaign.is-sp {
    padding: 0 8vw;
  }
  .indexCampaign .moreCampaign.is-sp a {
    height: 13.33333vw;
    font-size: 3.73333vw;
  }
  .indexCampaign .moreCampaign.is-sp a svg {
    width: 3.73333vw;
    height: 3.73333vw;
    margin-left: 1.6vw;
  }
  .indexAbout {
    padding: 26.66667vw 0 26.66667vw;
  }
  .indexAbout h2 {
    font-size: 6.4vw;
    margin-bottom: 1em;
  }
  .indexAbout h2 + p {
    margin-bottom: 6.4vw;
    font-size: 4vw;
  }
  .indexAbout .moreAbout a {
    font-size: 3.73333vw;
  }
  .indexAbout .moreAbout a svg {
    width: 5.33333vw;
    height: 5.33333vw;
    margin-left: 2.13333vw;
  }
  .indexNews {
    padding: 0 2.66667vw;
  }
  .indexNews article {
    flex-flow: column nowrap;
    padding: 1em 2em;
    font-size: 3.2vw;
  }
  .indexNews article:before, .indexNews article:after {
    height: 0.53333vw;
  }
  .indexNews article p {
    margin: 0;
    padding: 0 5.33333vw;
    text-align: center;
  }
  .indexNews article > a {
    margin-top: 1.06667vw;
    margin-left: 0;
  }
  .indexProducts {
    padding: 12.26667vw 0;
  }
  .indexProductsList {
    margin-bottom: 9.6vw;
  }
  .indexProducts .productsListItem {
    width: 100vw;
    padding: 0 9.86667vw;
  }
  .indexProducts .slick-arrow {
    margin-top: -18.66667vw;
    width: 16vw;
    height: 37.33333vw;
  }
  .indexProducts .slick-arrow svg {
    width: 10.13333vw;
    height: 10.66667vw;
  }
  .indexProducts .slick-arrow.slick-disabled {
    opacity: 0;
  }
  .indexProducts .moreProducts {
    padding: 0 6.66667vw;
  }
  .indexProducts .moreProducts a {
    width: 100%;
    height: 16vw;
    font-size: 3.73333vw;
  }
  .indexCategory {
    padding: 0;
  }
  .indexCategory .inner {
    padding: 16vw 6.66667vw 26.66667vw;
  }
  .indexCategory:before {
    height: 0.53333vw;
  }
  .indexCategoryHead {
    margin-bottom: 10.66667vw;
  }
  .indexCategoryHead h4 {
    margin-bottom: 3.2vw;
  }
  .indexCategoryHead p a {
    font-size: 3.73333vw;
  }
  .indexCategoryHead p a img {
    width: 4vw;
    height: 4vw;
    margin-left: 1.33333vw;
  }
  .indexCategoryHead small {
    margin-bottom: 1.6vw;
    font-size: 3.2vw;
  }
  .indexCategoryHead strong {
    font-size: 5.33333vw;
  }
  .indexCategoryHead span {
    width: 100%;
    margin-top: 1.6vw;
    font-size: 3.46667vw;
  }
  .indexCategory .articleList .articleListItem {
    width: 100%;
  }
  .indexCategory.is-community .articleListItem:nth-child(2) {
    display: none;
  }
}

body.is-eventNone * {
  pointer-events: none !important;
}

@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.openLoader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fcfbf8;
  z-index: 10000;
  transition: all linear .5s;
  opacity: 1;
}

.openLoader.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.openLoader .loader {
  color: #fff;
  font-size: 1em;
  z-index: 10000;
}

.loader {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5em;
  height: 5em;
  margin: -2.5em 0 0 -2.5em;
  font-size: 10px;
  text-indent: -9999em;
  border-top: 0.6em solid rgba(153, 153, 153, .3);
  border-right: 0.6em solid rgba(153, 153, 153, .3);
  border-bottom: 0.6em solid rgba(153, 153, 153, .3);
  border-left: .6em solid #999;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
  transition: all ease-in-out 1s;
  border-radius: 50%;
  z-index: 0;
  opacity: 0;
}

.loader.is-active {
  z-index: 100;
  opacity: 1;
}

.inview {
  opacity: 0;
  transition: all 0.5s ease;
}

.noscript .inview, .inview.is-view {
  opacity: 1;
}

.pageTitle {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 30px 0;
}

.pageTitle small {
  display: inline-block;
  margin-bottom: 5px;
  font-family: "EB Garamond", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", serif;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #A39F9C;
}

.pageTitle span {
  display: inline-block;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: .1em;
  color: #484643;
}

.titleOrnament {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  margin-bottom: 44px;
}

.titleOrnament:before {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  content: '';
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: linear-gradient(90deg, #F4F1EB 0%, #C0A790 13.02%, #C0A790 88.54%, #F4F1EB 100%);
  opacity: .3;
}

.titleOrnament.no-border:before {
  display: none;
}

.titleOrnament span {
  display: inline-flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 240px;
  background: #FCFBF8;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.titleOrnament span:before, .titleOrnament span:after {
  display: block;
  content: '';
  width: 38px;
  height: 25px;
  background: center center no-repeat url("../images/common/title-ornamentat.png");
  background-size: contain;
}

.titleOrnament span:before {
  margin-bottom: 5px;
}

.titleOrnament span:after {
  margin-top: 5px;
  transform: rotate(180deg);
}

.titleOrnament span.is-en {
  font-family: "EB Garamond", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: .05em;
}

.titleOrnament.is-en span {
  font-family: "EB Garamond", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", serif;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.2;
  text-align: center;
  letter-spacing: .05em;
  color: #5F5A57;
}

.titleOrnament.is-large span {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: .1em;
}

.page-grenier .titleOrnament span {
  background: none;
}

.page-grenier .titleOrnament span:before, .page-grenier .titleOrnament span:after {
  display: none;
}

.headingL {
  margin-bottom: 20px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: .1em;
}

.headingM {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.headingS {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

mark {
  display: inline-block;
  font-weight: 600;
  line-height: 1.6;
  background: #FBF0DC;
}

.attentionList,
.annotation {
  margin: 0 0 1em;
  list-style: none;
}

.attentionList li,
.annotation li {
  text-indent: -1em;
  padding-left: 1em;
}

.attentionList ul,
.annotation ul {
  margin: 0;
  list-style: none;
}

.annotation {
  margin-top: -.6em;
  margin-bottom: 1.4em;
  font-size: .85em;
}

.textListLink {
  margin: 0 0 2em;
  list-style: none;
}

.textListLink li + li {
  margin-top: 8px;
}

.textListLink a {
  display: inline-block;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  color: #484643;
  text-decoration: none;
  line-height: 1.2;
  font-weight: 600;
}

.textListLink a:hover {
  opacity: .6;
}

.textListLink a svg {
  width: 15px;
  height: 15px;
  margin-left: 9px;
  vertical-align: bottom;
  transform: translate(0, -1px);
}

.bnrArea {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  margin: 0 auto 60px;
  padding: 0 40px;
}

.bnrMascara,
.bnrTypeA {
  width: 100%;
  max-width: 720px;
}

.bnrMascara a,
.bnrTypeA a {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
  background: #F1E6E4;
  box-shadow: 0 5px 40px rgba(216, 189, 164, .2);
  min-height: 140px;
}

.is-ie .bnrMascara a, .is-ie
.bnrTypeA a {
  height: 140px;
}

.bnrMascara a .img,
.bnrTypeA a .img {
  display: block;
  width: 39%;
  background: center center no-repeat url("../images/bnr/bnr-recommend-img.jpg");
  background-size: cover;
}

.bnrMascara a .caption,
.bnrTypeA a .caption {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  width: 61%;
  padding: 0 30px;
}

.bnrMascara a .caption img,
.bnrTypeA a .caption img {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translate(0, -50%);
  width: 30px;
  height: 30px;
}

.bnrMascara a .heading,
.bnrTypeA a .heading {
  margin-bottom: 8px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.bnrMascara a .description,
.bnrTypeA a .description {
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
}

.bnrMascara a:hover,
.bnrTypeA a:hover {
  opacity: .8;
}

.bnrMascara a {
  background: #fff;
}

.bnrMascara a .img {
  background-image: url("../images/bnr/bnr-mascara-img.jpg");
}

.pageContents.is-shop {
  width: 100%;
  max-width: 660px;
  padding: 0 30px 60px;
  margin: 0 auto;
}

.pageContents.is-shop .attentionList {
  font-size: 12px;
  text-align: center;
}

.pageContents.is-shop a {
  text-decoration: underline;
}

.shopSearch {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 360px;
  margin: 0 auto 40px;
  padding: 15px;
  background: #fff;
  border: 1px solid #E6E6E6;
}

.shopSearch svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.shopSearch input {
  width: calc(100% - 30px);
  background: #fff;
  border: none;
  -webkit-appearance: none;
  font-size: 14px;
}

.shopSearch input:-ms-input-placeholder {
  color: #A39F9C;
}

.shopSearch input::placeholder {
  color: #A39F9C;
}

.shopList {
  margin: 0;
  border-bottom: 1px solid #5F5A57;
}

.shopListWrap {
  padding-top: 60px;
}

.shopList > dt {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 20px 10px 24px 0;
  margin: 0;
  border-top: 1px solid #5F5A57;
}

.shopList > dt span {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.shopList > dt small {
  display: inline-block;
  margin-left: 8px;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  color: #5F5A57;
}

.shopList > dt svg {
  width: 20px;
  height: 20px;
}

.shopList > dt.is-current svg {
  transform: rotate(180deg);
}

.shopList > dt.is-hit svg {
  transform: rotate(180deg);
}

.shopList > dt:not(.is-current):not(.is-hit) svg {
  transform: rotate(0);
}

.shopList > dd {
  display: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

.prefList {
  width: 100%;
  margin: 0;
  margin-top: 25px;
}

.prefList:first-child {
  margin-top: 10px;
}

.prefList dt {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.prefList dd {
  width: 100%;
  margin: 0;
}

.prefList:last-child .shopDetails:last-child {
  border-bottom: none;
  padding-bottom: 30px;
}

.shopDetails {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: 15px 0;
  margin: 0;
  border-bottom: 1px solid #E4D8C3;
}

.shopDetails dt {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 160px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.shopDetails dd {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: calc(100% - 180px);
  margin: 0;
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: .08em;
}

.shopDetails dd a {
  display: inline-block;
  font-weight: 600;
  text-decoration: underline;
}

.pageContents.is-about {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
}

.pageContents.is-about .aboutFirst {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  max-width: 880px;
  padding: 50px 10px 0;
}

.pageContents.is-about .aboutFirst figure {
  width: calc(100% - 320px);
  margin: 0;
}

.pageContents.is-about .aboutFirst dl {
  width: 285px;
  margin: 0;
  padding-bottom: 10px;
}

.pageContents.is-about .aboutFirst dl dt {
  margin-bottom: 4px;
  font-family: "EB Garamond", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'tnum' on, 'lnum' on, 'pkna' on, 'palt' on;
  color: #A39F9C;
}

.pageContents.is-about .aboutFirst dl dd {
  padding-left: 15px;
  margin-bottom: 30px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.pageContents.is-about .wp-block-separator {
  max-width: 880px;
  height: 1px;
  margin: 80px auto;
  background: #DAD3CC;
  opacity: 1;
}

.pageContents.is-about > h2 {
  margin-bottom: 40px;
}

.pageContents.is-about figure,
.pageContents.is-about .wp-block-image {
  max-width: 600px;
  margin-bottom: 40px;
}

.pageContents.is-about .lh20:last-child {
  padding-top: 1.5em;
}

.ancorList {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 800px;
  margin: 0 auto 90px;
  list-style: none;
}

.ancorList li {
  line-height: 1;
  padding: 0;
  border-left: 1px solid #eae2d9;
  border-right: 1px solid #eae2d9;
  margin: 3px -1px 3px 0;
}

.ancorList a {
  display: inline-block;
  padding: 5px 15px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  text-decoration: underline;
}

.is-faq .faqList {
  width: 100%;
  max-width: 960px;
  padding: 0 30px;
  margin-left: auto;
  margin-right: auto;
}

.is-faq .faqList h3 {
  max-width: 600px;
  margin: 0 auto 30px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.is-faq .faqList h3 + h4 {
  margin-top: 0;
}

.is-faq .faqList h4 {
  max-width: 600px;
  margin: 30px auto 15px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #A39F9C;
}

.is-faq .faqList dl {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  border-bottom: 1px solid #BDBBB8;
}

.is-faq .faqList dl + dl {
  margin-top: -1px;
}

.is-faq .faqList dl dt {
  width: 100%;
  padding: 20px 30px 20px 30px;
  text-indent: -16px;
  border-top: 1px solid #BDBBB8;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.is-faq .faqList dl dt:before {
  display: inline-block;
  content: 'Q.';
  margin-right: .4em;
  font-family: "EB Garamond", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", serif;
  font-weight: 400;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  opacity: .4;
  text-indent: 0;
  transform: translate(0, -10%);
}

.is-faq .faqList dl dt:after {
  position: absolute;
  right: 10px;
  top: 50%;
  display: block;
  content: '';
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background: center center no-repeat url("../images/common/arrow-down.svg");
  background-size: contain;
  transition: all ease .2s;
}

.is-faq .faqList dl dt.is-current:after {
  transform: rotate(180deg);
}

.is-faq .faqList dl dd {
  display: none;
  padding: 0 0 15px;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
}

.pageContents,
.postBody,
.wp-block-group__inner-container {
  padding-top: 60px;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 2;
  letter-spacing: .08em;
  font-feature-settings: 'palt' on;
}

.pageContents .wp-block-columns,
.postBody .wp-block-columns,
.wp-block-group__inner-container .wp-block-columns {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 1.8;
}

.pageContents .wp-block-columns + .wp-block-columns,
.postBody .wp-block-columns + .wp-block-columns,
.wp-block-group__inner-container .wp-block-columns + .wp-block-columns {
  padding-top: 40px;
}

.pageContents .wp-block-columns.is-column2,
.postBody .wp-block-columns.is-column2,
.wp-block-group__inner-container .wp-block-columns.is-column2 {
  max-width: 800px;
}

.pageContents .wp-block-columns .wp-block-image,
.postBody .wp-block-columns .wp-block-image,
.wp-block-group__inner-container .wp-block-columns .wp-block-image {
  margin-bottom: 24px;
}

.pageContents .wp-block-columns .wp-block-column,
.postBody .wp-block-columns .wp-block-column,
.wp-block-group__inner-container .wp-block-columns .wp-block-column {
  padding: 0 20px;
}

.pageContents .wp-block-columns .wp-block-column:not(:first-child),
.postBody .wp-block-columns .wp-block-column:not(:first-child),
.wp-block-group__inner-container .wp-block-columns .wp-block-column:not(:first-child) {
  margin-left: 0 !important;
}

.pageContents figure,
.pageContents .wp-block-image,
.postBody figure,
.postBody .wp-block-image,
.wp-block-group__inner-container figure,
.wp-block-group__inner-container .wp-block-image {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}

.pageContents figure figcaption,
.pageContents .wp-block-image figcaption,
.postBody figure figcaption,
.postBody .wp-block-image figcaption,
.wp-block-group__inner-container figure figcaption,
.wp-block-group__inner-container .wp-block-image figcaption {
  text-align: center;
  font-size: .8em;
  opacity: .6;
}

.pageContents > p,
.postBody > p,
.wp-block-group__inner-container > p {
  max-width: 600px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.pageContents .pageIntro,
.postBody .pageIntro,
.wp-block-group__inner-container .pageIntro {
  margin-bottom: 25px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  text-align: center;
  color: #5F5A57;
}

.pageContents .wp-block-column > h2,
.pageContents .wp-block-column > h3,
.pageContents .wp-block-column > h4,
.pageContents .wp-block-column > h5,
.pageContents > h2,
.pageContents > h3,
.pageContents > h4,
.pageContents > h5,
.postBody .wp-block-column > h2,
.postBody .wp-block-column > h3,
.postBody .wp-block-column > h4,
.postBody .wp-block-column > h5,
.postBody > h2,
.postBody > h3,
.postBody > h4,
.postBody > h5,
.wp-block-group__inner-container .wp-block-column > h2,
.wp-block-group__inner-container .wp-block-column > h3,
.wp-block-group__inner-container .wp-block-column > h4,
.wp-block-group__inner-container .wp-block-column > h5,
.wp-block-group__inner-container > h2,
.wp-block-group__inner-container > h3,
.wp-block-group__inner-container > h4,
.wp-block-group__inner-container > h5 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.pageContents .wp-block-column > h2,
.pageContents > h2,
.postBody .wp-block-column > h2,
.postBody > h2,
.wp-block-group__inner-container .wp-block-column > h2,
.wp-block-group__inner-container > h2 {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: .1em;
  color: #484643;
  margin-bottom: 60px;
}

.pageContents .wp-block-column > h3,
.pageContents > h3,
.postBody .wp-block-column > h3,
.postBody > h3,
.wp-block-group__inner-container .wp-block-column > h3,
.wp-block-group__inner-container > h3 {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #484643;
  margin-bottom: 24px;
}

.pageContents .wp-block-column > h4,
.pageContents > h4,
.postBody .wp-block-column > h4,
.postBody > h4,
.wp-block-group__inner-container .wp-block-column > h4,
.wp-block-group__inner-container > h4 {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  margin-bottom: 16px;
}

.pageContents .wp-block-column > h5,
.pageContents > h5,
.postBody .wp-block-column > h5,
.postBody > h5,
.wp-block-group__inner-container .wp-block-column > h5,
.wp-block-group__inner-container > h5 {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  margin-bottom: 6px;
}

.pageContents a,
.postBody a,
.wp-block-group__inner-container a {
  text-decoration: underline;
}

.pageContents .wp-block-buttons,
.postBody .wp-block-buttons,
.wp-block-group__inner-container .wp-block-buttons {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.pageContents .wp-block-buttons .wp-block-button,
.postBody .wp-block-buttons .wp-block-button,
.wp-block-group__inner-container .wp-block-buttons .wp-block-button {
  width: 100%;
  margin: 0;
}

.pageContents .wp-block-buttons .wp-block-button + .wp-block-button,
.postBody .wp-block-buttons .wp-block-button + .wp-block-button,
.wp-block-group__inner-container .wp-block-buttons .wp-block-button + .wp-block-button {
  margin-top: 15px;
}

.pageContents .wp-block-buttons .wp-block-button__link,
.postBody .wp-block-buttons .wp-block-button__link,
.wp-block-group__inner-container .wp-block-buttons .wp-block-button__link {
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
}

.pageContents .wp-block-buttons .wp-block-button__link:hover,
.postBody .wp-block-buttons .wp-block-button__link:hover,
.wp-block-group__inner-container .wp-block-buttons .wp-block-button__link:hover {
  color: #000 !important;
  background: #FFE9C6;
}

.pageContents .wp-block-buttons .wp-block-button__link:after,
.postBody .wp-block-buttons .wp-block-button__link:after,
.wp-block-group__inner-container .wp-block-buttons .wp-block-button__link:after {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -12px;
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  background: center center no-repeat url("../images/common/arrow-right-sep.svg");
  background-size: contain;
}

.pageContents mark,
.postBody mark,
.wp-block-group__inner-container mark {
  font-weight: 500;
}

.pageContents ul.listContent li,
.pageContents ol.listContent li,
.postBody ul.listContent li,
.postBody ol.listContent li,
.wp-block-group__inner-container ul.listContent li,
.wp-block-group__inner-container ol.listContent li {
  margin-left: 1.7em;
}

.pageContents .has-small-font-size,
.postBody .has-small-font-size,
.wp-block-group__inner-container .has-small-font-size {
  font-size: .8em;
}

.pageContents .has-normal-font-size,
.pageContents .editor-styles-wrapper .has-regular-font-size,
.pageContents .has-normal-font-size,
.pageContents .has-regular-font-size,
.postBody .has-normal-font-size,
.postBody .editor-styles-wrapper .has-regular-font-size,
.postBody .has-normal-font-size,
.postBody .has-regular-font-size,
.wp-block-group__inner-container .has-normal-font-size,
.wp-block-group__inner-container .editor-styles-wrapper .has-regular-font-size,
.wp-block-group__inner-container .has-normal-font-size,
.wp-block-group__inner-container .has-regular-font-size {
  font-size: 1em;
}

.pageContents .editor-styles-wrapper .has-medium-font-size,
.pageContents .has-medium-font-size,
.postBody .editor-styles-wrapper .has-medium-font-size,
.postBody .has-medium-font-size,
.wp-block-group__inner-container .editor-styles-wrapper .has-medium-font-size,
.wp-block-group__inner-container .has-medium-font-size {
  font-size: 1.2em;
}

.pageContents .editor-styles-wrapper .has-large-font-size,
.pageContents .has-large-font-size,
.postBody .editor-styles-wrapper .has-large-font-size,
.postBody .has-large-font-size,
.wp-block-group__inner-container .editor-styles-wrapper .has-large-font-size,
.wp-block-group__inner-container .has-large-font-size {
  font-size: 1.6em;
}

.pageContents .editor-styles-wrapper .has-huge-font-size,
.pageContents .editor-styles-wrapper .has-larger-font-size,
.pageContents .has-huge-font-size,
.pageContents .has-larger-font-size,
.postBody .editor-styles-wrapper .has-huge-font-size,
.postBody .editor-styles-wrapper .has-larger-font-size,
.postBody .has-huge-font-size,
.postBody .has-larger-font-size,
.wp-block-group__inner-container .editor-styles-wrapper .has-huge-font-size,
.wp-block-group__inner-container .editor-styles-wrapper .has-larger-font-size,
.wp-block-group__inner-container .has-huge-font-size,
.wp-block-group__inner-container .has-larger-font-size {
  font-size: 2em;
}

.pageContents .profile,
.postBody .profile,
.wp-block-group__inner-container .profile {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  max-width: 680px;
  padding: 30px 40px;
  margin: 0 auto 40px;
  background: #FFFFFF;
  border: 1px solid #F0E9DC;
}

.pageContents .profile figure,
.postBody .profile figure,
.wp-block-group__inner-container .profile figure {
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0;
}

.pageContents .profile figure img,
.postBody .profile figure img,
.wp-block-group__inner-container .profile figure img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate(0, -50%);
}

.pageContents .profileDetail,
.postBody .profileDetail,
.wp-block-group__inner-container .profileDetail {
  width: calc(100% - 145px);
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
}

.pageContents .profile h4,
.postBody .profile h4,
.wp-block-group__inner-container .profile h4 {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  margin: 0;
}

.pageContents .profile h4 + h5,
.postBody .profile h4 + h5,
.wp-block-group__inner-container .profile h4 + h5 {
  margin-top: 6px;
}

.pageContents .profile h4 + .profileProfile,
.postBody .profile h4 + .profileProfile,
.wp-block-group__inner-container .profile h4 + .profileProfile {
  margin-top: 10px;
}

.pageContents .profile h5,
.postBody .profile h5,
.wp-block-group__inner-container .profile h5 {
  font-weight: 500;
  margin: 0;
}

.pageContents .profile h5 + .profileProfile,
.postBody .profile h5 + .profileProfile,
.wp-block-group__inner-container .profile h5 + .profileProfile {
  margin-top: 10px;
}

.pageContents .profileProfile,
.postBody .profileProfile,
.wp-block-group__inner-container .profileProfile {
  margin: 0;
}

.pageContents .profileProfile > *:last-child,
.postBody .profileProfile > *:last-child,
.wp-block-group__inner-container .profileProfile > *:last-child {
  margin: 0;
}

.page-grenier .pageContents figure,
.page-grenier .pageContents .wp-block-image,
.page-grenier .pageContents .wp-block-column > h2,
.page-grenier .pageContents .wp-block-column > h3,
.page-grenier .pageContents .wp-block-column > h4,
.page-grenier .pageContents .wp-block-column > h5,
.page-grenier .pageContents > h2,
.page-grenier .pageContents > h3,
.page-grenier .pageContents > h4,
.page-grenier .pageContents > h5,
.page-labo .pageContents figure,
.page-labo .pageContents .wp-block-image,
.page-labo .pageContents .wp-block-column > h2,
.page-labo .pageContents .wp-block-column > h3,
.page-labo .pageContents .wp-block-column > h4,
.page-labo .pageContents .wp-block-column > h5,
.page-labo .pageContents > h2,
.page-labo .pageContents > h3,
.page-labo .pageContents > h4,
.page-labo .pageContents > h5, .page-grenier
.postBody figure,
.page-grenier
.postBody .wp-block-image,
.page-grenier
.postBody .wp-block-column > h2,
.page-grenier
.postBody .wp-block-column > h3,
.page-grenier
.postBody .wp-block-column > h4,
.page-grenier
.postBody .wp-block-column > h5,
.page-grenier
.postBody > h2,
.page-grenier
.postBody > h3,
.page-grenier
.postBody > h4,
.page-grenier
.postBody > h5,
.page-labo
.postBody figure,
.page-labo
.postBody .wp-block-image,
.page-labo
.postBody .wp-block-column > h2,
.page-labo
.postBody .wp-block-column > h3,
.page-labo
.postBody .wp-block-column > h4,
.page-labo
.postBody .wp-block-column > h5,
.page-labo
.postBody > h2,
.page-labo
.postBody > h3,
.page-labo
.postBody > h4,
.page-labo
.postBody > h5, .page-grenier
.wp-block-group__inner-container figure,
.page-grenier
.wp-block-group__inner-container .wp-block-image,
.page-grenier
.wp-block-group__inner-container .wp-block-column > h2,
.page-grenier
.wp-block-group__inner-container .wp-block-column > h3,
.page-grenier
.wp-block-group__inner-container .wp-block-column > h4,
.page-grenier
.wp-block-group__inner-container .wp-block-column > h5,
.page-grenier
.wp-block-group__inner-container > h2,
.page-grenier
.wp-block-group__inner-container > h3,
.page-grenier
.wp-block-group__inner-container > h4,
.page-grenier
.wp-block-group__inner-container > h5,
.page-labo
.wp-block-group__inner-container figure,
.page-labo
.wp-block-group__inner-container .wp-block-image,
.page-labo
.wp-block-group__inner-container .wp-block-column > h2,
.page-labo
.wp-block-group__inner-container .wp-block-column > h3,
.page-labo
.wp-block-group__inner-container .wp-block-column > h4,
.page-labo
.wp-block-group__inner-container .wp-block-column > h5,
.page-labo
.wp-block-group__inner-container > h2,
.page-labo
.wp-block-group__inner-container > h3,
.page-labo
.wp-block-group__inner-container > h4,
.page-labo
.wp-block-group__inner-container > h5 {
  max-width: 600px;
}

.page-grenier .pageContents ul,
.page-grenier .pageContents ol,
.page-labo .pageContents ul,
.page-labo .pageContents ol, .page-grenier
.postBody ul,
.page-grenier
.postBody ol,
.page-labo
.postBody ul,
.page-labo
.postBody ol, .page-grenier
.wp-block-group__inner-container ul,
.page-grenier
.wp-block-group__inner-container ol,
.page-labo
.wp-block-group__inner-container ul,
.page-labo
.wp-block-group__inner-container ol {
  margin-left: 0;
}

.page-grenier .pageContents ul li,
.page-grenier .pageContents ol li,
.page-labo .pageContents ul li,
.page-labo .pageContents ol li, .page-grenier
.postBody ul li,
.page-grenier
.postBody ol li,
.page-labo
.postBody ul li,
.page-labo
.postBody ol li, .page-grenier
.wp-block-group__inner-container ul li,
.page-grenier
.wp-block-group__inner-container ol li,
.page-labo
.wp-block-group__inner-container ul li,
.page-labo
.wp-block-group__inner-container ol li {
  margin-left: 1.7em;
}

.wp-block-separator {
  width: 100%;
  margin: 60px 0;
  height: 2px;
  background: linear-gradient(90deg, #F4F1EB 0%, #C0A790 13.02%, #C0A790 88.54%, #F4F1EB 100%);
  opacity: .3;
}

.wp-block-group__inner-container {
  padding-top: 0;
}

.pageContents {
  padding-top: 0;
  padding-left: 30px;
  padding-right: 30px;
}

.pageContents > * {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.pageContents hr,
.pageContents .wp-block-lazyblock-faq-nav {
  max-width: none;
}

.pageContents .wp-block-column > h2,
.pageContents .wp-block-column > h3,
.pageContents .wp-block-column > h4,
.pageContents .wp-block-column > h5,
.pageContents > h2,
.pageContents > h3,
.pageContents > h4,
.pageContents > h5 {
  max-width: 600px;
}

.pageContents .back {
  padding-top: 30px;
}

.pageContents .back .btn {
  max-width: 100%;
}

.navBelow {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  max-width: 940px;
  padding: 0 30px;
  margin: 0 auto 60px;
}

.navBelow > div {
  flex: 1;
}

.navBelow .navPrev svg {
  margin-right: 10px;
}

.navBelow .navNext {
  text-align: right;
}

.navBelow .navNext svg {
  margin-left: 10px;
}

.navBelow a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.navBelow a:hover {
  opacity: .8;
}

.navBelow svg {
  width: 30px;
  height: 40px;
}

.singleMore .btn {
  max-width: 240px;
  height: 60px;
}

.page-grenier .singleMore {
  margin-bottom: 100px;
}

.page-grenier .singleMore .btn {
  max-width: 600px;
}

.mail-address:before {
  display: inline;
  content: "@";
}

.table {
  display: flex;
  width: 100%;
  background: none;
}

.table tr {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
}

.table tr + tr {
  margin-top: 5px;
}

.table th, .table td {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
}

.table th > *:last-child, .table td > *:last-child {
  margin-bottom: 0;
}

.table th {
  width: 160px;
  background: #F7F3EC;
  color: #998465;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.table td {
  width: calc(100% - 165px);
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
  background: transparent;
}

.table td p {
  width: 100%;
}

@media screen and (max-width: 800px) {
  .pageContents.is-about .aboutFirst {
    align-items: flex-start;
  }
  .pageContents.is-about .aboutFirst dl dd:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .pageTitle {
    padding: 11.46667vw 0 12.53333vw;
  }
  .pageTitle small {
    font-size: 3.2vw;
  }
  .pageTitle span {
    font-size: 5.33333vw;
  }
  .titleOrnament {
    margin-bottom: 10.66667vw;
  }
  .titleOrnament:before {
    margin-top: -0.26667vw;
  }
  .titleOrnament span {
    min-width: auto;
    font-size: 4.8vw;
    padding: 0 4vw;
  }
  .titleOrnament span:before, .titleOrnament span:after {
    width: 10.13333vw;
    height: 6.66667vw;
  }
  .titleOrnament span:before {
    margin-bottom: 1.33333vw;
  }
  .titleOrnament span:after {
    margin-top: 1.33333vw;
  }
  .titleOrnament.is-en span {
    font-size: 5.33333vw;
  }
  .titleOrnament.is-large span {
    font-size: 4.8vw;
  }
  .headingL {
    margin-bottom: 5.33333vw;
    font-size: 5.33333vw;
  }
  mark {
    font-weight: 600;
    line-height: 1.6;
    background: #FBF0DC;
  }
  .textListLink li + li {
    margin-top: 2.13333vw;
  }
  .textListLink a:hover {
    opacity: 1;
  }
  .textListLink a svg {
    width: 4vw;
    height: 4vw;
    margin-left: 2.4vw;
  }
  .bnrArea {
    margin: 0;
    padding: 0 5.33333vw;
  }
  .bnrMascara {
    margin-bottom: 16vw;
  }
  .bnrMascara a,
  .bnrTypeA a {
    flex-flow: column nowrap;
  }
  .bnrMascara a .img,
  .bnrTypeA a .img {
    width: 100%;
    height: 44.5333vw;
  }
  .bnrMascara a .caption,
  .bnrTypeA a .caption {
    width: 100%;
    padding: 5.33333vw 6.66667vw;
    text-align: center;
  }
  .bnrMascara a .caption img,
  .bnrTypeA a .caption img {
    display: none;
  }
  .bnrMascara a .heading,
  .bnrTypeA a .heading {
    width: 100%;
    margin-bottom: 1.6vw;
    font-size: 4.8vw;
  }
  .bnrMascara a .description,
  .bnrTypeA a .description {
    width: 100%;
    font-size: 3.46667vw;
  }
  .pageContents {
    padding-left: 0;
    padding-right: 0;
  }
  .pageContents > * {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .pageContents.is-shop {
    padding: 0 5.33333vw 16vw;
  }
  .pageContents.is-shop .attentionList {
    padding: 0 2.66667vw;
    font-size: 3.2vw;
    text-align: left;
  }
  .shopSearch {
    max-width: 100%;
    margin: 0 auto 10.66667vw;
    padding: 4vw;
  }
  .shopSearch svg {
    width: 5.33333vw;
    height: 5.33333vw;
    margin-right: 2.66667vw;
  }
  .shopSearch input {
    width: calc(100% - 8vw);
    font-size: 4.26667vw;
  }
  .shopSearch input:-ms-input-placeholder {
    color: #A39F9C;
    font-size: 3.73333vw;
  }
  .shopSearch input::placeholder {
    color: #A39F9C;
    font-size: 3.73333vw;
  }
  .shopListWrap {
    padding-top: 16vw;
  }
  .shopList > dt {
    padding: 5.33333vw 1.33333vw 5.33333vw 0;
  }
  .shopList > dt span {
    font-size: 4.8vw;
  }
  .shopList > dt small {
    margin-left: 2.13333vw;
    font-size: 3.46667vw;
  }
  .shopList > dt svg {
    width: 4vw;
    height: 4vw;
  }
  .shopList > dd {
    padding: 0 0 5.33333vw;
  }
  .prefList {
    margin-top: 5.33333vw;
  }
  .prefList:first-child {
    margin-top: 2.66667vw;
  }
  .prefList dt {
    font-size: 4.26667vw;
  }
  .prefList:last-child .shopDetails:last-child {
    padding-bottom: 2.66667vw;
  }
  .shopDetails {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 4vw 0;
  }
  .shopDetails dt {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    font-size: 3.73333vw;
    margin-bottom: 2.13333vw;
  }
  .shopDetails dd {
    width: 100%;
    font-size: 3.2vw;
  }
  .pageContents.is-about {
    padding-left: 6.66667vw;
    padding-right: 6.66667vw;
  }
  .pageContents.is-about .aboutFirst {
    flex-wrap: wrap;
    align-items: flex-start;
    max-width: 100%;
    padding: 5.33333vw 0 0;
  }
  .pageContents.is-about .aboutFirst figure {
    width: 100%;
    margin: 0 0 16vw;
  }
  .pageContents.is-about .aboutFirst dl {
    width: 60vw;
    margin: 0 auto;
    padding-bottom: 0;
  }
  .pageContents.is-about .aboutFirst dl dt {
    margin-bottom: 1.06667vw;
    font-size: 3.73333vw;
  }
  .pageContents.is-about .aboutFirst dl dd {
    padding-left: 4vw;
    margin-bottom: 5.33333vw;
    font-size: 4.26667vw;
  }
  .pageContents.is-about .aboutFirst dl dd:last-child {
    margin-bottom: 0;
  }
  .pageContents.is-about .wp-block-separator {
    margin: 10.66667vw auto;
  }
  .pageContents.is-about > h2 {
    margin-bottom: 8vw;
  }
  .pageContents.is-about figure,
  .pageContents.is-about .wp-block-image {
    max-width: 100%;
    margin-bottom: 8vw;
  }
  .pageContents.is-about .lh20 {
    font-size: 4vw;
  }
  .pageContents.is-about .lh20:last-child {
    padding-top: 0;
  }
  .ancorList {
    flex-flow: column nowrap;
    max-width: none;
    width: 92vw;
    padding: 0;
    margin: 8vw 0 16vw -2.66667vw;
    border-radius: 0;
    border: none;
  }
  .ancorList li {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
  }
  .ancorList li:last-child:after, .ancorList li:before {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #F4F1EB 0%, #C0A790 13.02%, #C0A790 88.54%, #F4F1EB 100%);
    opacity: .3;
  }
  .ancorList a {
    width: 100%;
    padding: 4vw 0;
    font-size: 3.46667vw;
    text-align: center;
  }
  .is-faq .faqList {
    max-width: 100%;
    padding: 0;
  }
  .is-faq .faqList h3 {
    max-width: 100%;
    margin: 0 auto 8vw;
    font-size: 5.33333vw;
  }
  .is-faq .faqList h4 {
    max-width: 100%;
    margin: 8vw auto 4vw;
    font-size: 4.26667vw;
  }
  .is-faq .faqList dl {
    max-width: 100%;
  }
  .is-faq .faqList dl dt {
    padding: 4vw 9.33333vw 4vw 5.33333vw;
    text-indent: -4.53333vw;
    border-top: 1px solid #BDBBB8;
    font-size: 3.2vw;
  }
  .is-faq .faqList dl dt:before {
    text-indent: 0;
  }
  .is-faq .faqList dl dt:after {
    right: 1.33333vw;
    margin-top: -2.13333vw;
    width: 4.26667vw;
    height: 4.26667vw;
  }
  .is-faq .faqList dl dd {
    display: none;
    padding: 0 0 4vw;
    font-size: 3.73333vw;
  }
  .pageContents,
  .wp-block-group__inner-container,
  .postBody {
    width: 86.66667vw;
    padding-top: 10.66667vw;
    font-size: 4vw;
    margin-left: auto;
    margin-right: auto;
  }
  .pageContents .wp-block-columns,
  .wp-block-group__inner-container .wp-block-columns,
  .postBody .wp-block-columns {
    font-size: 3.46667vw;
  }
  .pageContents .wp-block-columns + .wp-block-columns,
  .wp-block-group__inner-container .wp-block-columns + .wp-block-columns,
  .postBody .wp-block-columns + .wp-block-columns {
    padding-top: 8vw;
  }
  .pageContents .wp-block-columns.is-column2 .wp-block-column,
  .wp-block-group__inner-container .wp-block-columns.is-column2 .wp-block-column,
  .postBody .wp-block-columns.is-column2 .wp-block-column {
    padding: 0;
  }
  .pageContents .wp-block-columns.is-column2 .wp-block-column + .wp-block-column,
  .wp-block-group__inner-container .wp-block-columns.is-column2 .wp-block-column + .wp-block-column,
  .postBody .wp-block-columns.is-column2 .wp-block-column + .wp-block-column {
    margin-top: 10.66667vw;
  }
  .pageContents .wp-block-columns.is-column3,
  .wp-block-group__inner-container .wp-block-columns.is-column3,
  .postBody .wp-block-columns.is-column3 {
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100vw;
    margin-left: -6.66667vw;
    padding-left: 4vw;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .pageContents .wp-block-columns.is-column3 .wp-block-column,
  .wp-block-group__inner-container .wp-block-columns.is-column3 .wp-block-column,
  .postBody .wp-block-columns.is-column3 .wp-block-column {
    width: 69.33333vw;
    min-width: 69.33333vw;
    padding: 0 2.66667vw;
  }
  .pageContents .wp-block-columns.is-column3 .wp-block-column:not(:first-child),
  .wp-block-group__inner-container .wp-block-columns.is-column3 .wp-block-column:not(:first-child),
  .postBody .wp-block-columns.is-column3 .wp-block-column:not(:first-child) {
    margin-left: 5.33333vw !important;
  }
  .pageContents .wp-block-columns .wp-block-image,
  .wp-block-group__inner-container .wp-block-columns .wp-block-image,
  .postBody .wp-block-columns .wp-block-image {
    margin-bottom: 24px;
  }
  .pageContents .wp-block-image,
  .wp-block-group__inner-container .wp-block-image,
  .postBody .wp-block-image {
    margin-bottom: 10.66667vw;
  }
  .pageContents > p,
  .wp-block-group__inner-container > p,
  .postBody > p {
    max-width: 100%;
    margin-bottom: .75em;
  }
  .pageContents .pageIntro,
  .wp-block-group__inner-container .pageIntro,
  .postBody .pageIntro {
    margin-bottom: 10.66667vw;
    font-size: 3.2vw;
  }
  .pageContents .wp-block-column > h2,
  .pageContents > h2,
  .wp-block-group__inner-container .wp-block-column > h2,
  .wp-block-group__inner-container > h2,
  .postBody .wp-block-column > h2,
  .postBody > h2 {
    font-size: 5.33333vw;
    margin-bottom: 10.66667vw;
  }
  .pageContents .wp-block-column > h3,
  .pageContents > h3,
  .wp-block-group__inner-container .wp-block-column > h3,
  .wp-block-group__inner-container > h3,
  .postBody .wp-block-column > h3,
  .postBody > h3 {
    font-size: 4.8vw;
    margin-bottom: 4.26667vw;
  }
  .pageContents .wp-block-column > h4,
  .pageContents > h4,
  .wp-block-group__inner-container .wp-block-column > h4,
  .wp-block-group__inner-container > h4,
  .postBody .wp-block-column > h4,
  .postBody > h4 {
    font-size: 4.26667vw;
    margin-bottom: 4.26667vw;
  }
  .pageContents .wp-block-column > h5,
  .pageContents > h5,
  .wp-block-group__inner-container .wp-block-column > h5,
  .wp-block-group__inner-container > h5,
  .postBody .wp-block-column > h5,
  .postBody > h5 {
    font-size: 4vw;
    margin-bottom: 1.6vw;
  }
  .pageContents .wp-block-buttons .wp-block-button + .wp-block-button,
  .wp-block-group__inner-container .wp-block-buttons .wp-block-button + .wp-block-button,
  .postBody .wp-block-buttons .wp-block-button + .wp-block-button {
    margin-top: 2.66667vw;
  }
  .pageContents .wp-block-buttons .wp-block-button__link,
  .wp-block-group__inner-container .wp-block-buttons .wp-block-button__link,
  .postBody .wp-block-buttons .wp-block-button__link {
    width: 100%;
    max-width: 100%;
  }
  .pageContents .wp-block-buttons .wp-block-button__link:after,
  .wp-block-group__inner-container .wp-block-buttons .wp-block-button__link:after,
  .postBody .wp-block-buttons .wp-block-button__link:after {
    right: 4vw;
    margin-top: -3.2vw;
    display: block;
    content: '';
    width: 6.4vw;
    height: 6.4vw;
    background: center center no-repeat url("../images/common/arrow-right-sep.svg");
    background-size: contain;
  }
  .pageContents .profile,
  .wp-block-group__inner-container .profile,
  .postBody .profile {
    flex-wrap: wrap;
    align-items: center;
    width: 94.66667vw;
    max-width: none;
    padding: 8vw 5.33333vw;
    margin-left: -4vw;
    margin-bottom: 10.66667vw;
  }
  .pageContents .profile figure,
  .wp-block-group__inner-container .profile figure,
  .postBody .profile figure {
    width: 32vw;
    height: 32vw;
    margin: 0 auto 6.66667vw;
  }
  .pageContents .profileDetail,
  .wp-block-group__inner-container .profileDetail,
  .postBody .profileDetail {
    width: 100%;
    font-size: 3.46667vw;
  }
  .pageContents .profile h4,
  .wp-block-group__inner-container .profile h4,
  .postBody .profile h4 {
    text-align: center;
    font-size: 4.8vw;
  }
  .pageContents .profile h4 + h5,
  .wp-block-group__inner-container .profile h4 + h5,
  .postBody .profile h4 + h5 {
    margin-top: 1.6vw;
  }
  .pageContents .profile h4 + .profileProfile,
  .wp-block-group__inner-container .profile h4 + .profileProfile,
  .postBody .profile h4 + .profileProfile {
    margin-top: 4vw;
  }
  .pageContents .profile h5,
  .wp-block-group__inner-container .profile h5,
  .postBody .profile h5 {
    text-align: center;
    font-size: 3.46667vw;
  }
  .pageContents .profile h5 + .profileProfile,
  .wp-block-group__inner-container .profile h5 + .profileProfile,
  .postBody .profile h5 + .profileProfile {
    margin-top: 4vw;
  }
  .wp-block-group__inner-container {
    padding-top: 0;
  }
  .wp-block-separator {
    width: 94.66667vw;
    max-width: none;
    height: 1px;
    margin: 16vw 0 16vw -2.66667vw;
  }
  .pageContents {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 3.46667vw;
  }
  .pageContents > * {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .pageContents .back {
    padding-top: 10.66667vw;
  }
  .navBelow {
    padding: 0 6.66667vw;
    margin: 0 auto 16vw;
  }
  .navBelow .navPrev svg {
    margin-right: 2.66667vw;
  }
  .navBelow .navNext svg {
    margin-left: 2.66667vw;
  }
  .navBelow a {
    font-size: 4.26667vw;
  }
  .navBelow svg {
    width: 8vw;
    height: 10.66667vw;
  }
  .singleMore {
    padding: 0 6.66667vw;
  }
  .singleMore .btn {
    max-width: 100%;
    height: 13.33333vw;
  }
  .page-grenier .singleMore {
    padding: 0;
    margin-bottom: 16vw;
  }
  .page-grenier .singleMore .btn {
    max-width: 100%;
  }
  .page-grenier.page-single .singleMore {
    padding: 0 6.66667vw;
  }
  .table tr {
    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .table tr + tr {
    margin-top: 4.26667vw;
  }
  .table th > *:last-child, .table td > *:last-child {
    margin-bottom: 0;
  }
  .table th {
    padding: 1.6vw 2.66667vw;
    width: 100%;
    font-size: 3.73333vw;
  }
  .table td {
    padding: 3.2vw 2.66667vw;
    width: 100%;
    font-size: 3.46667vw;
  }
}

.featureWrap {
  width: 100%;
  padding: 0 30px;
  margin: 0 auto;
}

.featureWrap:before {
  display: block;
  content: '';
  width: 100%;
  max-width: 1120px;
  height: 2px;
  margin: 0 auto;
  background: linear-gradient(90deg, #F4F1EB 0%, #C0A790 13.02%, #C0A790 88.54%, #F4F1EB 100%);
  opacity: .3;
}

.featureList {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  max-width: 880px;
  padding: 70px 0 0;
  margin: 0 auto;
}

.featureList:after {
  display: block;
  content: '';
  width: calc(33.33333% - 13.33333px);
}

.featureListItem {
  display: block;
  width: calc(33.33333% - 13.33333px);
  margin-bottom: 60px;
}

.featureListItem .img {
  display: block;
  width: 100%;
  margin-bottom: 18px;
  padding-top: 125%;
  background: center center no-repeat;
  background-size: cover;
}

.featureListCat {
  margin-bottom: 8px;
  font-family: "EB Garamond", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #A39F9C;
}

.featureListTitle {
  margin-bottom: 8px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.featureListExcept {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.featureSingleTitle {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 68px 30px;
  text-align: center;
}

.featureSingleTitle small {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  margin-bottom: 16px;
}

.featureSingleTitle span {
  display: inline-block;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: .1em;
  color: #484643;
}

@media screen and (max-width: 767px) {
  .featureWrap {
    padding: 0 2.66667vw;
  }
  .featureList {
    padding: 10.66667vw 4vw 0;
  }
  .featureList:after {
    width: 100%;
  }
  .featureListItem {
    width: 100%;
    margin-bottom: 10.66667vw;
  }
  .featureListItem .img {
    margin-bottom: 4.8vw;
    padding-top: 100%;
  }
  .featureListCat {
    margin-bottom: 2.13333vw;
    font-size: 3.2vw;
  }
  .featureListTitle {
    margin-bottom: 2.13333vw;
    font-size: 4.26667vw;
  }
  .featureListExcept {
    font-size: 3.2vw;
  }
  .featureSingleTitle {
    padding: 10.66667vw 6.66667vw;
  }
  .featureSingleTitle small {
    margin-bottom: 4.26667vw;
    font-size: 4.26667vw;
  }
  .featureSingleTitle span {
    font-size: 5.33333vw;
  }
}

.articleLaboHead {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  padding-top: 60px;
}

.articleLaboHead small {
  display: block;
  width: 258px;
  margin-bottom: 16px;
}

.articleLaboHead span {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.articleListItem a {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}

.articleListItem a:hover {
  opacity: .8;
}

.is-ie .articleListItem a {
  display: block;
}

.articleListItem figure {
  width: 100%;
  margin-bottom: 10px;
}

.articleListItem h5 {
  width: 100%;
  display: -webkit-box;
  margin-bottom: 35px;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
  font-weight: 600;
}

.articleListItem .tagList {
  width: 100%;
  max-height: 60px;
  overflow: hidden;
  padding-bottom: 1px;
}

.articleListItem .tagList li {
  display: inline-block;
  margin: 0 4px 5px 0;
  padding-top: 1px;
}

.articleListItem .tagList .tag {
  display: block;
}

.indexCategory .articleListItem h6 {
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  font-weight: 500;
  color: #A39F9C;
}

.indexCategory .articleListItem .listExcept {
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #5F5A57;
}

.indexCategory .articleListItem .fin {
  margin-bottom: 12px;
}

.indexCategory .articleListItem .finTag {
  display: inline-block;
  padding: 4px 8px 2px;
  color: #fff;
  background: #42503B;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.indexCategory .articleListItem figcaption {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 30px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #738785;
  background: #F9FBFD;
}

.postWrap {
  max-width: 740px;
  padding: 40px 30px 60px;
  margin: 0 auto;
}

.postWrap .postHeader {
  width: 100%;
  padding: 30px 40px;
  background: #fff;
}

.postWrap .postHeader .tagList {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 4px;
}

.postWrap .postHeader .tagList li {
  display: inline-block;
  margin: 0 4px 6px 0;
}

.postWrap .postHeader .tagList .tag {
  display: block;
}

.page-grenier .postWrap .postHeader {
  border-bottom: 1px solid #DAD3CC;
}

.postWrap .postHeader .endTag {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  height: 23px;
  margin-right: 10px;
  padding: 0 8px;
  background: #42503B;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.postWrap .postTitle {
  margin-bottom: 30px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: .1em;
}

.page-grenier .postWrap .postTitle {
  color: #000;
}

.postWrap .postMeta {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  margin: 0;
}

.postWrap .postThumb {
  margin-bottom: 70px;
}

.postWrap .postBody {
  margin-left: auto;
  margin-right: auto;
}

.postWrap .postBody a:hover {
  opacity: .8;
}

.postWrap .postWrap .postBody {
  max-width: 600px;
  padding-bottom: 40px;
}

.postWrap .postBody .wp-block-column > h2,
.postWrap .postBody > h2 {
  display: block;
  margin-top: 60px;
  margin-bottom: 20px;
}

.page-labo .postWrap .postBody .wp-block-column > h2 span, .page-labo
.postWrap .postBody > h2 span {
  display: inline-block;
  padding: 4px;
  background: #FBF0DC;
}

.postWrap .postBody .wp-block-separator {
  width: 100%;
  height: 1px;
  background: #C0A790;
  opacity: .4;
}

.postWrap .postBody center img,
.postWrap .postBody .wp-block-image {
  max-width: 600px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.copyrightAttention {
  margin-bottom: 30px;
  text-align: center;
  color: #A39F9C;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
}

.copyrightAttention + .tagList {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  line-height: 1;
  max-width: 440px;
  margin: 0 auto;
  padding: 0 30px;
}

.copyrightAttention + .tagList .tag {
  margin: 0;
}

.tagListSection {
  width: 100%;
  padding: 60px 30px 40px;
}

.tagListSection .tagList {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  line-height: 1;
  max-width: 380px;
  margin: 0 auto;
}

.tagListSection .tagList li {
  margin-bottom: 20px;
}

.tagListSection .tagList .tag {
  margin: 0;
}

.tagListSection.is-grenier {
  background: #F9FBFD;
}

.is-left {
  text-align: left !important;
}

.has-text-align-center,
.is-center {
  text-align: center !important;
}

.has-text-align-right,
.is-right {
  text-align: right !important;
}

.is-bold {
  font-weight: bold !important;
}

.nowrap {
  white-space: nowrap !important;
}

@media screen and (max-width: 767px) {
  .articleLaboHead {
    padding-top: 10.66667vw;
  }
  .articleLaboHead small {
    width: 68vw;
    margin-bottom: 5.33333vw;
  }
  .articleLaboHead span {
    font-size: 3.2vw;
  }
  .articleListItem + .articleListItem {
    margin-top: 10.66667vw;
  }
  .articleListItem figure {
    margin-bottom: 3.2vw;
  }
  .articleListItem h5 {
    font-size: 3.46667vw;
    margin-bottom: 3.2vw;
  }
  .articleListItem .tagList {
    max-height: 16vw;
  }
  .articleListItem .tagList li {
    margin: 0 1.06667vw 1.33333vw 0;
  }
  .articleListItem .tagList li .tag {
    margin: 0;
  }
  .articleListItem .tagList .tag {
    font-size: 2.93333vw;
    margin: 0 1.06667vw 2.13333vw 0;
  }
  .indexCategory .articleListItem h6 {
    margin-bottom: 2.66667vw;
    font-size: 3.2vw;
  }
  .indexCategory .articleListItem .listExcept {
    margin-bottom: 3.2vw;
    font-size: 3.2vw;
  }
  .indexCategory .articleListItem .fin {
    margin-bottom: 2.66667vw;
  }
  .indexCategory .articleListItem .finTag {
    padding: 1.06667vw 2.13333vw 0.53333vw;
    font-size: 2.93333vw;
  }
  .postWrap {
    max-width: 100%;
    padding: 10.66667vw 2.66667vw;
  }
  .postWrap .postHeader {
    padding: 8vw 4vw;
  }
  .postWrap .postHeader .tagList {
    margin-bottom: 3.2vw;
  }
  .postWrap .postHeader .tagList li {
    margin: 0 1.06667vw 2.13333vw 0;
  }
  .postWrap .postHeader .tagList .tag {
    margin: 0;
  }
  .postWrap .postHeader .endTag {
    height: 6.13333vw;
    margin-right: 2.66667vw;
    padding: 0 2.13333vw;
    font-size: 2.93333vw;
  }
  .page-grenier .postWrap .postHeader {
    padding: 5.33333vw 4vw 4vw;
  }
  .postWrap .postTitle {
    margin-bottom: 5.33333vw;
    font-size: 5.33333vw;
  }
  .postWrap .postMeta {
    font-size: 3.2vw;
  }
  .postWrap .postThumb {
    margin-bottom: 16vw;
  }
  .postWrap .postBody {
    width: 100%;
    max-width: 100%;
    padding: 16vw 4vw 10.66667vw;
  }
  .postWrap .postBody .wp-block-column > h2,
  .postWrap .postBody > h2 {
    margin-bottom: 4vw;
  }
  .page-labo .postWrap .postBody .wp-block-column > h2 span, .page-labo
  .postWrap .postBody > h2 span {
    padding: 1.06667vw;
  }
  .postWrap .postBody .wp-block-separator {
    width: 94.66667vw;
    margin-left: -4vw;
  }
  .postWrap .postBody .wp-block-image {
    margin-top: 8vw;
    margin-bottom: 8vw;
  }
  .copyrightAttention {
    padding: 0 5.33333vw;
    margin-bottom: 10.66667vw;
    font-size: 3.46667vw;
  }
  .copyrightAttention + .tagList {
    max-width: 100%;
    padding: 0;
  }
  .copyrightAttention + .tagList .tag {
    margin: 0;
  }
  .tagListSection.is-labo {
    width: 100%;
    padding: 21.33333vw 6.66667vw 21.33333vw;
  }
  .tagListSection.is-labo .tagList {
    max-width: 100%;
  }
  .tagListSection.is-labo .tagList li {
    margin-bottom: 5.33333vw;
  }
}

.page-labo-index #main > .inner {
  max-width: 100%;
  overflow: hidden;
}

.laboFv {
  display: grid;
  display: -ms-grid;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: dense;
  grid-gap: 1px;
  width: 100%;
  height: calc(100vh - 100px);
  padding: 1px;
  background: #fcfbf8;
}

.is-ie .laboFv {
  -ms-grid-rows: 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr;
}

.laboFvHeader {
  grid-column: 1 / 2;
  grid-row: 1 / 4;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  padding: 30px;
  background: #f4f1eb;
}

.is-ie .laboFvHeader {
  grid-column-start: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
}

.laboFvHeader:before, .laboFvHeader:after {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  content: '';
  background: bottom center no-repeat;
  background-size: contain;
}

.laboFvHeader:before {
  left: 0;
  width: 43%;
  background-image: url("../images/labo/labo-log-ornament-pc-l.png");
}

.laboFvHeader:after {
  right: 0;
  width: 21.2%;
  background-image: url("../images/labo/labo-log-ornament-pc-r.png");
}

.laboFvHeader h1 {
  margin-bottom: 10px;
  text-align: center;
}

.laboFvHeader h1 small {
  display: block;
  margin-bottom: 10px;
  font-family: "EB Garamond", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", serif;
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #A39F9C;
}

.laboFvHeader h1 span {
  display: block;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: .1em;
  color: #484643;
}

.laboFvHeader p {
  max-width: 300px;
  margin: 0 auto 26px;
  text-align: center;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
}

.laboFvHeader figure {
  max-width: 300px;
  margin: 0 auto 26px;
}

.laboFvHeader a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  font-weight: 500;
}

.laboFvHeader a img {
  width: 15px;
  height: 15px;
  margin-left: 8px;
}

.laboFvPost {
  background: #f4f1eb;
}

.laboFvPost.is-1 {
  grid-column: 2 / 4;
  grid-row: 1 / 3;
}

.is-ie .laboFvPost.is-1 {
  grid-column-start: 3;
  grid-row-start: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  -ms-grid-row: 1;
}

.is-ie .laboFvPost.is-2 {
  -ms-grid-column: 2;
  -ms-grid-row: 3;
}

.is-ie .laboFvPost.is-3 {
  -ms-grid-column: 3;
  -ms-grid-row: 3;
}

.laboFvPost a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
  padding: 25px;
  background: center center no-repeat;
  background-size: cover;
}

.laboFvPost a:before {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  background: linear-gradient(to top, #f4f1eb 0%, rgba(244, 241, 235, 0) 100%);
}

.laboFvPostTitle {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 5px;
}

.laboFvTag {
  width: 100%;
  height: 28px;
  margin: 0;
  padding-bottom: 2px;
  list-style: none;
  overflow: hidden;
}

.laboFvTag .tag {
  display: inline-block;
  background: transparent;
  border-color: #5F5A57;
  color: #5F5A57;
  margin-right: 4px;
}

.laboPopularList {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  padding: 60px 20px 0;
}

.laboPopularList .articleListItem {
  padding: 0 10px;
  margin-bottom: 40px;
}

.laboPopularList .articleListItem .img {
  display: block;
  width: 100%;
  padding-top: 100%;
  background: center center no-repeat;
  background-size: cover;
  margin-bottom: 10px;
}

.laboPopularList .articleListItem h5 {
  -webkit-line-clamp: 3;
}

.laboPopularList .slick-list {
  z-index: 4;
  overflow: visible;
}

.laboPopularList .slick-arrow {
  position: absolute;
  top: -3px;
  bottom: -3px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: auto;
  padding: 0;
  border: none;
  background: none;
  -webkit-appearance: none;
  transition: all ease .4s;
  cursor: pointer;
  z-index: 10;
}

.laboPopularList .slick-arrow svg {
  width: 38px;
  height: 40px;
}

.laboPopularList .slick-arrow.slick-prev {
  left: 50%;
  margin-left: -50vw;
  background: linear-gradient(-90deg, rgba(255, 252, 245, 0) 0%, #FFFCF5 62.5%);
}

.laboPopularList .slick-arrow.slick-next {
  right: 50%;
  margin-right: -50vw;
  background: linear-gradient(90deg, rgba(255, 252, 245, 0) 0%, #FFFCF5 62.5%);
}

.laboPopularList .slick-arrow.slick-disabled {
  opacity: 0;
  pointer-events: none;
}

.laboPopularList .arrow-left {
  transform: rotate(180deg);
}

.laboArticleList {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  padding: 60px 30px 0;
}

.laboArticleList .articleList {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.laboArticleList .articleList:after {
  display: block;
  content: '';
  width: calc(33.33333% - 13.33333px);
}

.laboArticleList .articleListItem {
  width: calc(33.33333% - 13.33333px);
  margin-bottom: 40px;
}

.laboArticleList .articleListItem h5 {
  -webkit-line-clamp: 3;
}

.laboArticleList .more {
  margin-bottom: 100px;
}

.laboArticleList .more .btn {
  max-width: 240px;
}

.articleList.is-related {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  max-width: 940px;
  margin: 0 auto 60px;
  padding: 0 30px;
}

.articleList.is-related:after {
  display: block;
  content: '';
  width: calc(33.33333% - 13.33333px);
}

.articleList.is-related .articleListItem {
  width: calc(33.33333% - 13.33333px);
}

.articleList.is-related .articleListItem h5 {
  -webkit-line-clamp: 3;
}

.articleList.is-related .articleListItem .tag {
  font-weight: 400;
}

@media screen and (max-width: 1024px) {
  .laboPopularList {
    padding: 60px 40px 0;
  }
  .laboPopularList .slick-arrow {
    width: 60px;
  }
  .laboPopularList .slick-arrow svg {
    width: 38px;
  }
  .laboPopularList .slick-arrow.slick-prev {
    background: linear-gradient(-90deg, rgba(255, 252, 245, 0) 0%, #FFFCF5 50%);
  }
  .laboPopularList .slick-arrow.slick-next {
    background: linear-gradient(90deg, rgba(255, 252, 245, 0) 0%, #FFFCF5 50%);
  }
  .laboArticleList {
    padding: 60px 50px 0;
  }
}

@media screen and (max-width: 800px) {
  .laboArticleList .articleList:after {
    width: calc(50% - 20px);
  }
  .laboArticleList .articleListItem {
    width: calc(50% - 20px);
  }
}

@media screen and (max-width: 767px) {
  .laboFv {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    background: transparent;
  }
  .laboFvHeader {
    width: 100%;
    height: auto;
    padding: 10.66667vw 10vw;
  }
  .laboFvHeader:before {
    width: 29.6vw;
    background-image: url("../images/labo/labo-log-ornament-sp-l.png");
  }
  .laboFvHeader:after {
    width: 21.33333vw;
    background-image: url("../images/labo/labo-log-ornament-sp-r.png");
  }
  .laboFvHeader h1 {
    margin-bottom: 2.13333vw;
  }
  .laboFvHeader h1 small {
    margin-bottom: 2.13333vw;
    font-size: 3.2vw;
  }
  .laboFvHeader h1 span {
    font-size: 4.8vw;
  }
  .laboFvHeader p {
    max-width: 100%;
    margin: 0 auto 5.33333vw;
    font-size: 3.2vw;
  }
  .laboFvHeader figure {
    max-width: 100%;
    margin: 0 auto 5.33333vw;
  }
  .laboFvHeader figure img {
    width: 68vw;
  }
  .laboFvHeader a {
    font-size: 3.73333vw;
  }
  .laboFvHeader a img {
    width: 4vw;
    height: 4vw;
    margin-left: 2.13333vw;
  }
  .laboFvPost {
    width: 100%;
    height: 94.66667vw;
    border-top: 1px solid #fcfbf8;
  }
  .laboFvPost a {
    padding: 0 4vw 5.33333vw;
  }
  .laboFvPostTitle {
    font-size: 4.8vw;
    margin-bottom: 3.2vw;
  }
  .laboFvTag {
    height: 7.5vw;
  }
  .laboFvTag .tag {
    margin-right: 1.06667vw;
    margin-bottom: 0;
  }
  .laboPopularList {
    padding: 16vw 6.66667vw 0;
  }
  .laboPopularList .articleList {
    width: 74.66667vw;
  }
  .laboPopularList .articleListItem {
    width: 74.66667vw;
    min-width: 74.66667vw;
    padding-right: 4vw;
    padding-left: 0;
    margin-bottom: 0;
  }
  .laboPopularList .articleListItem .img {
    margin-bottom: 3.2vw;
  }
  .laboPopularList .articleListItem + .articleListItem {
    margin-top: 0;
  }
  .laboPopularList .articleListItem .tagList li .tag {
    margin: 0;
  }
  .laboPopularList .articleList .slick-arrow {
    width: 18.66667vw;
  }
  .laboPopularList .articleList .slick-arrow svg {
    width: 10.13333vw;
    height: 10.66667vw;
  }
  .laboPopularList .articleList .slick-arrow.slick-prev {
    left: -6.66667vw;
    margin-left: 0;
    background: linear-gradient(-90deg, rgba(255, 252, 245, 0) 0%, #FFFCF5 77.6%);
  }
  .laboPopularList .articleList .slick-arrow.slick-next {
    right: 0;
    margin-right: -18.66667vw;
    background: linear-gradient(90deg, rgba(255, 252, 245, 0) 0%, #FFFCF5 77.6%);
  }
  .laboArticleList {
    padding: 16vw 6.66667vw 0;
  }
  .laboArticleList .articleList {
    margin-bottom: 10.66667vw;
  }
  .laboArticleList .articleList:after {
    display: none;
  }
  .laboArticleList .articleListItem {
    width: 100%;
    margin-bottom: 0;
  }
  .laboArticleList .articleListItem .tagList li .tag {
    margin: 0;
  }
  .laboArticleList .more {
    padding-top: 5.33333vw;
    margin-bottom: 16vw;
  }
  .laboArticleList .more .btn {
    max-width: 100%;
  }
  .articleList.is-related {
    margin: 0 auto 16vw;
    padding: 0 6.66667vw;
  }
  .articleList.is-related:after {
    display: none;
  }
  .articleList.is-related .articleListItem {
    width: 100%;
  }
}

.page-grenier {
  background: #fff;
}

.page-grenier .postHeader h3 {
  margin-bottom: 6px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  font-weight: 500;
  color: #A39F9C;
}

.page-grenier .postBody + .tagList {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin-top: 40px;
  padding: 40px 40px 0;
  border-top: 1px solid #DAD3CC;
}

.page-grenier .postBody + .tagList li {
  display: inline-block;
  margin: 0 4px 6px 0;
}

.page-grenier .postBody + .tagList .tag {
  display: block;
}

.page-grenier .headingL,
.page-grenier .headingM,
.page-grenier .headingS {
  color: #000;
}

.grenierFv {
  display: grid;
  display: -ms-grid;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: dense;
  grid-gap: 1px;
  width: 100%;
  height: calc(100vh - 100px);
  padding: 1px;
  background: #fcfbf8;
}

.is-ie .grenierFv {
  -ms-grid-rows: 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr;
}

.grenierFvHeader {
  grid-column: 1 / 2;
  grid-row: 1 / 4;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  padding: 30px;
  background: left bottom no-repeat url("../images/grenier/header_bg.jpg") #000;
  background-size: cover;
  color: #F9FBFD;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
}

.is-ie .grenierFvHeader {
  grid-column-start: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
}

.grenierFvHeader:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  background: rgba(30, 32, 40, .6);
}

.grenierFvHeader h1 {
  margin-bottom: 25px;
  text-align: center;
}

.grenierFvHeader h1 small {
  display: block;
  margin-bottom: 15px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .08em;
  font-feature-settings: 'palt' on;
}

.grenierFvHeader p {
  max-width: 300px;
  margin: 0 auto 10px;
  text-align: center;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
}

.grenierFvHeader a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #F9FBFD;
}

.grenierFvHeader a img {
  width: 15px;
  height: 15px;
  margin-left: 8px;
}

.grenierFvPost {
  background: #f4f1eb;
}

.grenierFvPost.is-1 {
  grid-column: 2 / 4;
  grid-row: 1 / 3;
}

.is-ie .grenierFvPost.is-1 {
  grid-column-start: 3;
  grid-row-start: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  -ms-grid-row: 1;
}

.is-ie .grenierFvPost.is-2 {
  -ms-grid-column: 2;
  -ms-grid-row: 3;
}

.is-ie .grenierFvPost.is-3 {
  -ms-grid-column: 3;
  -ms-grid-row: 3;
}

.grenierFvPost a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
  padding: 25px;
  color: #fff;
  background: center center no-repeat;
  background-size: cover;
}

.grenierFvPost a:before {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  background: linear-gradient(180deg, rgba(30, 32, 40, 0) 0%, rgba(30, 32, 40, .9) 100%);
}

.grenierFvPostTitle {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 5px;
}

.grenierFvTag {
  width: 100%;
  height: 28px;
  margin: 0;
  padding-bottom: 2px;
  list-style: none;
  overflow: hidden;
}

.grenierFvTag .tag {
  display: inline-block;
  background: transparent;
  border-color: #fff;
  color: #fff;
  margin-right: 4px;
}

.grenierHeader {
  width: 100%;
  padding: 70px 30px 90px;
  background: center bottom no-repeat url("../images/grenier/header_bg.jpg");
  background-size: cover;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
}

.grenierHeader:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  background: rgba(30, 32, 40, .5);
}

.grenierHeader h2 {
  margin-bottom: 20px;
}

.grenierHeader h2 small {
  display: block;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .08em;
  font-feature-settings: 'palt' on;
}

.grenierHeader h2 img {
  margin-top: 12px;
  width: 180px;
}

.grenierHeader p {
  margin-bottom: 0;
}

.grenierIndexMain {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  max-width: 1060px;
  padding: 100px 30px 65px;
  margin: 0 auto;
}

.grenierIndexList {
  width: calc(100% - 360px);
  max-width: 590px;
}

.grenierIndexList .articleList {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.grenierIndexList .articleListItem {
  width: calc(50% - 15px);
  margin-bottom: 35px;
}

.grenierIndexList .articleListItem h6 {
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  font-weight: 500;
  color: #A39F9C;
}

.grenierIndexList .articleListItem h5 {
  margin-bottom: 12px;
  line-height: 1.4;
  -webkit-line-clamp: 3;
}

.grenierIndexList .articleListItem .listExcept {
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #5F5A57;
}

.grenierIndexList .articleListItem .fin {
  margin-bottom: 12px;
}

.grenierIndexList .articleListItem .finTag {
  display: inline-block;
  padding: 4px 8px 2px;
  color: #fff;
  background: #42503B;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.grenierIndexSide {
  width: 320px;
  margin-bottom: 35px;
}

.grenierIndexSide .headingS {
  margin-bottom: 10px;
}

.grenierIndexSide .more {
  margin: 0;
}

.grenierCatList {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  list-style: none;
  margin: 0 0 40px;
}

.grenierCatList li {
  width: calc(33.33333% - 2.66667px);
}

.grenierCatList li a {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 80px;
  border: 1px solid #DAE2E1;
  border-radius: 2px;
  overflow: hidden;
  background: center center no-repeat;
  background-size: cover;
  font-family: "EB Garamond", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", serif;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: .02em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #42503B;
}

.grenierCatList li a:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  background: rgba(240, 242, 244, .9);
}

.grenierCatList li a small {
  font-style: italic;
  font-size: 16px;
  color: #738785;
}

.grenierCatList li a span {
  font-style: normal;
  font-size: 20px;
}

.grenierCatList li a:hover {
  opacity: .6;
}

.grenierCatList li:nth-child(1) a {
  background-image: url("../images/grenier/side-for-beauty.jpg");
}

.grenierCatList li:nth-child(2) a {
  background-image: url("../images/grenier/side-for-life.jpg");
}

.grenierCatList li:nth-child(3) a {
  background-image: url("../images/grenier/side-for-art.jpg");
}

.grenierAddress {
  width: 100%;
  padding: 60px 30px;
  background: #F0F2F4;
}

.grenierAddress .inner {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.grenierAddress .inner figure {
  width: calc(100% - 360px);
}

.grenierAddress .inner figure iframe {
  width: 100%;
  max-width: 100%;
}

.grenierAddress .inner .detail {
  width: 320px;
}

.grenierAddress .inner .detail .logo {
  margin-bottom: 15px;
}

.grenierAddress .inner .detail .logo small {
  display: inline-block;
  margin-bottom: 10px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.grenierAddress .inner .detail p:not(.address) {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #5F5A57;
}

.grenierAddress .inner .detail p:not(.address) + p {
  margin-top: .6em;
}

.grenierAddress .inner .detail .address {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
  font-weight: 500;
}

.grenierArticleList {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  padding: 60px 30px 0;
}

.grenierArticleList .grenierArchiveTitle {
  margin-bottom: 40px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: .1em;
  color: #000;
}

.grenierArticleList .grenierArchiveTitle span {
  display: inline-block;
}

.grenierArticleList .grenierArchiveTitle em {
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 5px;
  font-style: normal;
  background: #F9FBFD;
}

.grenierArticleList .grenierArchiveTitle small {
  display: block;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #484643;
}

.grenierArticleList .articleList {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.grenierArticleList .articleList:after {
  display: block;
  content: '';
  width: calc(33.33333% - 13.33333px);
}

.grenierArticleList .articleListItem {
  width: calc(33.33333% - 13.33333px);
  margin-bottom: 40px;
}

.grenierArticleList .articleListItem h6 {
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  font-weight: 500;
  color: #A39F9C;
}

.grenierArticleList .articleListItem h5 {
  margin-bottom: 12px;
  line-height: 1.4;
  -webkit-line-clamp: 3;
}

.grenierArticleList .articleListItem .listExcept {
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #5F5A57;
}

.grenierArticleList .articleListItem .fin {
  margin-bottom: 12px;
}

.grenierArticleList .articleListItem .finTag {
  display: inline-block;
  padding: 4px 8px 2px;
  color: #fff;
  background: #42503B;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.grenierArticleList .articleListItem figcaption {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 30px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #738785;
  background: #F9FBFD;
}

.grenierArticleList .more {
  margin-bottom: 100px;
}

.grenierArticleList .more .btn {
  max-width: 240px;
}

.sideArticleList {
  width: 100%;
  margin: 0 0 20px;
}

.sideArticleItem {
  width: 100%;
}

.sideArticleItem + .sideArticleItem {
  margin-top: 10px;
}

.sideArticleItem a {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.sideArticleItem a:hover {
  opacity: .8;
}

.sideArticleItem .img {
  width: 140px;
  height: 105px;
  background: center center no-repeat;
  background-size: cover;
}

.sideArticleItem .detail {
  width: 170px;
}

.sideArticleItem .detail h4 {
  width: 100%;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: .08em;
  font-feature-settings: 'palt' on;
  color: #5F5A57;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.sideArticleItem .detail .meta {
  margin-bottom: 5px;
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #A39F9C;
}

.sideArticleItem .tagList {
  width: 100%;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  line-height: 1;
  overflow: hidden;
}

.sideArticleItem .tagList li {
  display: inline-block;
  margin: 0 4px 4px 0;
}

.sideArticleItem .tagList .tag {
  display: inline-block;
}

@media screen and (max-width: 800px) {
  .grenierIndexList .articleListItem {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .page-grenier .postHeader h3 {
    margin-bottom: 1.6vw;
    font-size: 4.26667vw;
  }
  .page-grenier .postBody + .tagList {
    width: calc(100% - 8vw);
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 4vw 0 0;
  }
  .page-grenier .postBody + .tagList li {
    margin: 0 1.06667vw 1.6vw 0;
  }
  .grenierFv {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    background: transparent;
  }
  .grenierFvHeader {
    width: 100%;
    height: auto;
    padding: 18.66667vw 10vw;
  }
  .grenierFvHeader h1 {
    margin-bottom: 2.66667vw;
  }
  .grenierFvHeader h1 small {
    margin-bottom: 2.66667vw;
    font-size: 3.73333vw;
  }
  .grenierFvHeader h1 img {
    width: 37.33333vw;
  }
  .grenierFvHeader p {
    max-width: 100%;
    margin: 0 auto 3.73333vw;
    font-size: 3.46667vw;
  }
  .grenierFvHeader a {
    font-size: 3.46667vw;
  }
  .grenierFvPost {
    width: 100%;
    height: 94.66667vw;
    border-top: 1px solid #fcfbf8;
  }
  .grenierFvPost a {
    padding: 0 4vw 5.33333vw;
  }
  .grenierFvPostTitle {
    font-size: 4.8vw;
    margin-bottom: 3.2vw;
  }
  .grenierFvTag {
    height: 7.5vw;
  }
  .grenierFvTag .tag {
    margin-right: 1.06667vw;
    margin-bottom: 0;
  }
  .grenierHeader {
    padding: 14.4vw 10.13333vw;
    background-position: left center;
    font-size: 3.2vw;
  }
  .grenierHeader h2 {
    margin-bottom: 3.73333vw;
  }
  .grenierHeader h2 small {
    font-size: 3.2vw;
  }
  .grenierHeader h2 img {
    margin-top: 2.66667vw;
    width: 37.33333vw;
  }
  .grenierAddress {
    width: 100%;
    padding: 0;
  }
  .grenierAddress .inner figure {
    width: 100%;
  }
  .grenierAddress .inner figure iframe {
    height: 67.2vw;
  }
  .grenierAddress .inner .detail {
    width: 100%;
    padding: 10.66667vw 5.33333vw;
  }
  .grenierAddress .inner .detail .logo {
    margin-bottom: 6.66667vw;
  }
  .grenierAddress .inner .detail .logo small {
    margin-bottom: 2.66667vw;
    font-size: 3.73333vw;
  }
  .grenierAddress .inner .detail p:not(.address) {
    font-size: 3.2vw;
  }
  .grenierAddress .inner .detail .address {
    margin-bottom: 2.66667vw;
    font-size: 3.46667vw;
  }
  .grenierIndexMain {
    flex-wrap: wrap;
    max-width: 100%;
    padding: 16vw 5.33333vw;
  }
  .grenierIndexList {
    width: 100%;
    max-width: 100%;
    margin-bottom: 8vw;
  }
  .grenierIndexList .articleListItem {
    width: 100%;
    margin-bottom: 9.33333vw;
  }
  .grenierIndexList .articleListItem + .articleListItem {
    margin-top: 0;
  }
  .grenierIndexList .articleListItem h6 {
    margin-bottom: 2.66667vw;
    font-size: 3.2vw;
  }
  .grenierIndexList .articleListItem h5 {
    margin-bottom: 1.6vw;
  }
  .grenierIndexList .articleListItem .listExcept {
    margin-bottom: 3.2vw;
    font-size: 3.2vw;
  }
  .grenierIndexList .articleListItem .fin {
    margin-bottom: 2.66667vw;
  }
  .grenierIndexList .articleListItem .finTag {
    padding: 1.06667vw 2.13333vw 0.53333vw;
    font-size: 2.93333vw;
  }
  .grenierIndexSide {
    width: 100%;
    margin-bottom: 10.66667vw;
  }
  .grenierIndexSide .headingS {
    margin-bottom: 5.33333vw;
  }
  .grenierCatList {
    margin: 0 0 10.66667vw;
  }
  .grenierCatList li a {
    min-height: 21.33333vw;
  }
  .grenierCatList li a small {
    font-size: 4.26667vw;
  }
  .grenierCatList li a span {
    font-size: 5.33333vw;
  }
  .grenierCatList li a:hover {
    opacity: 1;
  }
  .grenierArticleList {
    padding: 16vw 6.66667vw 0;
  }
  .grenierArticleList .articleList:after {
    display: none;
  }
  .grenierArticleList .articleListItem {
    width: 100%;
    margin-bottom: 9.33333vw;
  }
  .grenierArticleList .articleListItem + .articleListItem {
    margin-top: 0;
  }
  .grenierArticleList .articleListItem h6 {
    margin-bottom: 2.66667vw;
    font-size: 3.2vw;
  }
  .grenierArticleList .articleListItem h5 {
    margin-bottom: 1.6vw;
  }
  .grenierArticleList .articleListItem .listExcept {
    margin-bottom: 3.2vw;
    font-size: 3.2vw;
  }
  .grenierArticleList .articleListItem .fin {
    margin-bottom: 2.66667vw;
  }
  .grenierArticleList .articleListItem .finTag {
    padding: 1.06667vw 2.13333vw 0.53333vw;
    font-size: 2.93333vw;
  }
  .grenierArticleList .more {
    margin-bottom: 100px;
  }
  .grenierArticleList .more .btn {
    max-width: 240px;
  }
  .grenierArticleList .grenierArchiveTitle {
    margin-bottom: 11.73333vw;
    font-size: 5.33333vw;
  }
  .grenierArticleList .grenierArchiveTitle span {
    display: inline-block;
  }
  .grenierArticleList .grenierArchiveTitle em {
    padding: 1.33333vw 2.66667vw;
    margin-bottom: 1.33333vw;
  }
  .grenierArticleList .grenierArchiveTitle small {
    font-size: 4.26667vw;
  }
}

.pageContents.is-review .star {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}

.pageContents.is-review .star svg path {
  fill: transparent;
}

.pageContents.is-review .star svg.is-active path {
  fill: #E1BE84;
}

.pageContents.is-review .productReviewItem {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 50px;
}

.pageContents.is-review .productReviewItem figure {
  width: 35%;
}

.pageContents.is-review .productReviewItem .productCartDetail {
  background: transparent;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  width: 65%;
}

.pageContents.is-review .productReviewList {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .pageContents.is-review .star {
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
  }
  .pageContents.is-review .star svg path {
    fill: transparent;
  }
  .pageContents.is-review .star svg.is-active path {
    fill: #E1BE84;
  }
  .pageContents.is-review .productReviewItem {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
    padding-top: 0;
  }
  .pageContents.is-review .productReviewItem figure {
    width: 80%;
    margin-bottom: 5vw;
  }
  .pageContents.is-review .productReviewItem .productCartDetail {
    background: transparent;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    width: 100%;
  }
  .pageContents.is-review .productReviewList {
    margin-bottom: 60px;
  }
}

.is-ie .productsListItem {
  width: 32%;
}

.productsListItem a {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  width: 100%;
}

.is-ie .productsListItem a {
  display: block;
}

.productsListItem a:hover {
  opacity: .8;
}

.productsListItem figure {
  width: 100%;
  margin-bottom: 15px;
}

.productsListItem .itemTitle {
  margin-bottom: 8px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #484643;
}

.productsListItem .itemDescription {
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #484643;
}

.productsListItem .tagList {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
}

.productsListItem .tagList .tag {
  border-color: #C0C0C0;
}

.productsListItem .star {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}

.productsListItem .star svg {
  width: 24px;
  height: 24px;
  margin-right: 2px;
}

.productsListItem .star svg path {
  fill: transparent;
}

.productsListItem .star svg.is-active path {
  fill: #E1BE84;
}

.productsListItem .count {
  margin-left: 6px;
  margin-right: 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #A39F9C;
  line-height: 1.2;
}

.is-reviewArchive .productsListItem {
  margin-bottom: 20px;
}

.productArchive {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  max-width: 1120px;
  padding: 60px 0;
  margin: 0 auto;
}

.productCatArchives {
  width: 100%;
  padding-bottom: 40px;
}

.productCatArchives.is-scalp-essence, .productCatArchives.is-treatment {
  max-width: 340px;
}

.is-ie .productCatArchives.is-scalp-essence .productsListItem, .is-ie .productCatArchives.is-treatment .productsListItem {
  width: 100%;
}

.productCatList {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}

.productCatList .productsListItem {
  max-width: 340px;
  padding-left: 20px;
  padding-right: 20px;
}

.is-ie .productCatList .productsListItem {
  width: 32%;
}

.productSingle .star {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}

.productSingle .star svg path {
  fill: transparent;
}

.productSingle .star svg.is-active path {
  fill: #E1BE84;
}

.is-ie .productSingle .star svg {
  width: 24px;
  height: 24px;
}

.productMain {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  max-width: 1120px;
  padding: 0 40px 80px;
  margin: 0 auto;
}

.productImageArea {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  width: calc(100% - 440px);
  padding-top: 120px;
  margin-bottom: 50px;
}

.productImageSlider {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

.productImageSlider .slick-slides {
  z-index: 4;
}

.productImageSlider .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -70px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 140px;
  background: none;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  z-index: 5;
  transition: all ease .4s;
}

.productImageSlider .slick-arrow.slick-prev {
  left: -100px;
}

.productImageSlider .slick-arrow.slick-next {
  right: -100px;
}

.productImageSlider .slick-arrow.slick-disabled {
  opacity: 0;
  pointer-events: none;
}

.productImageSlider .arrow-left {
  transform: rotate(180deg);
}

.productImageThumbnail {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

.productImageThumbnail figure {
  margin: 0 2px;
}

.productImageThumbnail figure:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  background: rgba(0, 0, 0, .2);
  transition: all ease .3s;
}

.productImageThumbnail figure.slick-current:after {
  opacity: 0;
}

.productCartArea {
  width: 420px;
  box-shadow: 0 5px 40px rgba(216, 189, 164, .2);
  margin-top: -40px;
  z-index: 15;
}

.productCartArea.is-bottomCart {
  position: fixed;
  right: 10px;
  bottom: 10px;
  margin: 0;
  width: auto;
  opacity: 1;
  transition: all ease .3s;
}

.productCartArea.is-bottomCart .cartSelect {
  display: none;
}

.productCartArea.is-bottomCart.is-open {
  width: 420px;
  max-height: calc(100vh - 120px);
}

.productCartArea.is-bottomCart.is-open .cartSelect {
  display: flex;
}

.productCartArea.is-bottomCart.is-open .cartToggle {
  justify-content: space-between;
  height: 50px;
  padding: 0 15px 0 20px;
}

.productCartArea.is-bottomCart.is-open .cartToggle + div {
  width: 100%;
  max-height: calc(100vh - 170px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.productCartArea.is-bottomCart.is-open .cartToggle .close {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #000;
}

.productCartArea.is-bottomCart.is-open .cartToggle .close img {
  margin-left: 4px;
  width: 30px;
}

.productCartArea.is-bottomCart.is-open .cartToggle .text {
  justify-content: flex-start;
  width: 240px;
}

.productCartArea.is-bottomCart.is-open .cartToggle .text img {
  width: 18px;
}

.productCartArea.is-bottomCart.is-open .cartToggle .text > span {
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  margin-left: 10px;
}

.productCartArea.is-bottomCart.is-open .cartToggle .text > span span {
  color: #A39F9C;
}

.productCartArea.is-bottomCart.is-open .cartToggle .text > span span:last-child {
  font-size: 12px;
}

.productCartArea.is-bottomCart:not(.is-open):hover {
  box-shadow: 0 5px 40px rgba(216, 189, 164, .8);
}

.productCartArea.is-bottomCart:not(.is-open):hover * {
  color: #000;
}

.productCartArea.is-bottomCart.is-hidden:not(.is-open) {
  opacity: 0;
  transform: translate(0, 30px);
  pointer-events: none;
}

.productCartArea .cartToggle {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  width: 100%;
  padding: 15px 20px;
  background: #fff;
  cursor: pointer;
}

.productCartArea .cartToggle .close {
  display: none;
}

.productCartArea .cartToggle .text {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.productCartArea .cartToggle .text img {
  width: 26px;
}

.productCartArea .cartToggle .text > span {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  margin-left: 18px;
}

.productCartArea .cartToggle .text > span span {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.productCartArea .cartToggle .text > span span:first-child {
  font-size: 12px;
  line-height: 1.6;
}

.productCartArea .cartSelect {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding: 15px 30px;
  margin: 0;
  border-top: 2px solid #f5eee4;
  background: #fdfcfb;
}

.productCartArea .cartSelect:last-child {
  border-bottom: 1px solid #f5eee4;
}

.productCartArea .cartSelect.is-selected dt u {
  pointer-events: auto;
}

.productCartArea .cartSelect.is-selected dd {
  margin: 6px 0 0;
}

.productCartArea .cartSelect.is-selected.step03 {
  background: #fff;
}

.productCartArea .cartSelect.is-selected.step03 dt {
  color: #484643;
}

.productCartArea .cartSelect.is-selected.step03 dt u {
  display: none;
}

.productCartArea .cartSelect.is-selected.step03 dd {
  margin-top: 20px;
  pointer-events: auto;
}

.productCartArea .cartSelect.is-selected.step03 dd li.is-hidden {
  display: block;
  opacity: .5;
}

.productCartArea .cartSelect.is-selected .bundleLink {
  pointer-events: auto;
}

.productCartArea .cartSelect.is-current {
  padding: 25px 30px;
  background: #fff;
}

.productCartArea .cartSelect.is-current dt {
  color: #484643;
}

.productCartArea .cartSelect.is-current dd {
  pointer-events: auto;
}

.productCartArea .cartSelect.is-current dd .trailLink {
  display: block !important;
}

.productCartArea .cartSelect dt {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  margin: 0;
  color: rgba(72, 70, 67, .4);
}

.productCartArea .cartSelect dt u {
  display: inline-block;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.08em;
  color: #504E50;
  cursor: pointer;
}

.productCartArea .cartSelect dd {
  width: 100%;
  margin: 20px 0 0;
  pointer-events: none;
  font-size: 12px;
}

.productCartArea .cartSelect dd ul {
  width: 100%;
  margin: 0;
  list-style: none;
}

.productCartArea .cartSelect dd li {
  transition: all ease .3s;
}

.productCartArea .cartSelect dd li.is-hidden {
  display: none;
}

.productCartArea .cartSelect dd li + li {
  margin-top: 16px;
}

.productCartArea .cartSelect dd .bundleLink {
  margin: 6px 0 0;
}

.productCartArea .cartSelect dd u {
  cursor: pointer;
}

.productCartArea .cartSelect dd .trailLink {
  display: none;
  margin: 20px 0 0;
  color: #5F5A57;
}

.productCartArea .cartSelect dd .trailLink a {
  text-decoration: underline;
}

.productCartArea .cartSelectItem {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding-left: 30px;
  cursor: pointer;
}

.productCartArea .cartSelectItem [type="radio"] {
  position: absolute;
  left: 0;
  top: 50%;
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0;
  transform: translate(0, -50%);
  background: #fff;
  border: 1px solid #A39F9C;
  -webkit-appearance: none;
  border-radius: 50%;
}

.productCartArea .cartSelectItem [type="radio"]:checked {
  opacity: 0;
}

.productCartArea .cartSelectItem [type="radio"]:checked + .check {
  opacity: 1;
}

.productCartArea .cartSelectItem .check {
  position: absolute;
  transform: translate(0, -50%);
  left: 0;
  top: 50%;
  width: 22px;
  height: 22px;
  opacity: 0;
  pointer-events: none;
  transition: all ease .3s;
}

.productCartArea .cartSelectItemName {
  display: block;
  width: 100%;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.productCartArea .cartSelectItemCaption {
  display: block;
  width: 100%;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #5F5A57;
}

.productCartArea .cartSelectItemPrice {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #000;
}

.productCartArea .cartSelectItemPrice small {
  font-size: 11px;
  font-weight: 400;
  color: #564f4d;
}

.productCartArea .cartSelectItemPrice .freeShipping,
.productCartArea .cartSelectItemPrice .shipping {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #5F5A57;
}

.productCartArea .cartSelect .freeShippingAttention {
  margin-top: 16px;
}

.productCartArea .cartSelect.step03 .cartSelectItemCaption {
  margin-top: 10px;
}

.productCartArea .cartSelect .giftArea {
  width: 100%;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #c8c8c8;
  font-size: 12px;
}

.productCartArea .cartSelect .giftArea label {
  display: block;
  padding-left: 30px;
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: .08em;
  font-weight: 600;
  cursor: pointer;
}

.productCartArea .cartSelect .giftArea label span {
  display: block;
  width: 100%;
}

.productCartArea .cartSelect .giftArea label [type="checkbox"] {
  position: absolute;
  left: 0;
  top: 50%;
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0;
  transform: translate(0, -50%);
  background: #fff;
  border: 1px solid #A39F9C;
  -webkit-appearance: none;
  border-radius: 2px;
}

.productCartArea .cartSelect .giftArea label [type="checkbox"]:checked {
  opacity: .5;
  color: #fff;
}

.productCartArea .cartSelect .giftArea label [type="checkbox"]:checked + .check {
  opacity: 1;
}

.productCartArea .cartSelect .giftArea label .check {
  position: absolute;
  transform: translate(0, -50%);
  left: 3px;
  top: 50%;
  width: 16px;
  height: 16px;
  opacity: 0;
  pointer-events: none;
  transition: all ease .3s;
}

.productCartArea .cartSelect .giftArea .giftItem {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: 14px 20px;
}

.productCartArea .cartSelect .giftArea .giftItem figure {
  width: 100px;
}

.productCartArea .cartSelect .giftArea .giftItem > div {
  width: calc(100% - 120px);
}

.productCartArea .cartSelect .giftArea .giftItem p {
  margin-bottom: 8px;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #484643;
}

.productCartArea .cartSelect .giftArea .giftItem p:last-child {
  margin-bottom: 20px;
}

.productCartArea .cartSelect .giftArea .giftItem h6 {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  font-weight: 600;
}

.productCartArea .cartSelect .giftArea .giftItem .price {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.productCartArea .cartSelect .giftArea .giftItem .price small {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #484643;
}

.productCartArea .cartSelect .giftArea .giftPresents {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 20px 14px;
}

.productCartArea .cartSelect .giftArea .giftPresents figure {
  width: 80px;
}

.productCartArea .cartSelect .giftArea .giftPresents > p {
  width: calc(100% - 90px);
  margin: 0;
}

.productCartArea .cartSelect .giftArea .giftPresents p {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.productCartArea .cartSelect .giftArea .giftAttention {
  margin: 0 0 14px;
  list-style: none;
  font-size: 12px;
  color: #5F5A57;
}

.productCartArea .cartSelect .giftArea .giftAttention li {
  text-indent: -1em;
  padding-left: 1em;
}

.productCartArea .cartSelect .giftArea .giftAttention li + li {
  margin-top: 0;
}

.productCartArea .cartSelect .addCart.no-gift {
  padding-top: 2em;
}

.productCartDetail {
  width: 100%;
  padding: 40px 30px;
  background: #fff;
}

.productCartDetail h1 {
  margin-bottom: 6px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: .1em;
  color: #000;
}

.productCartDetail h2 {
  margin-bottom: 6px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #5F5A57;
}

.productCartDetail h2 small {
  display: block;
  margin-bottom: 6px;
  font-family: "EB Garamond", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: .05em;
  color: #A39F9C;
}

.productCartDetail .price {
  width: 100%;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  font-weight: 400;
}

.productCartDetail .price .value {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.productCartDetail .review {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 20px;
}

.productCartDetail .review .star svg {
  margin-right: 2px;
}

.productCartDetail .review .count {
  margin-left: 6px;
  margin-right: 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #A39F9C;
  line-height: 1.2;
}

.productCartDetail .review p {
  margin: 0;
  line-height: 1.2;
}

.productCartDetail .review a {
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: .08em;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #5F5A57;
}

.productCartDetail .description {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
  color: #5F5A57;
}

.productCartDetail .description > *:last-child {
  margin-bottom: 0;
}

.productCartDetail .tagList {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}

.productCartDetail .tagList .tag {
  margin-left: 0;
  margin-right: 4px;
  border-color: #C0C0C0;
}

.productRecommend {
  width: 100%;
  max-width: 1030px;
  margin: 0 auto 60px;
}

.productRecommendList {
  width: 100%;
}

.productRecommendList .slick-slides {
  z-index: 4;
}

.productRecommendList .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -70px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 140px;
  background: none;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  z-index: 5;
  transition: all ease .4s;
}

.productRecommendList .slick-arrow.slick-prev {
  left: -80px;
}

.productRecommendList .slick-arrow.slick-next {
  right: -80px;
}

.productRecommendList .slick-arrow.slick-disabled {
  opacity: 0;
  pointer-events: none;
}

.productRecommendList .arrow-left {
  transform: rotate(180deg);
}

.productRecommendItem {
  width: 100%;
}

.productRecommendItem .inner {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  padding: 0 30px;
}

.productRecommendItem h5 {
  width: 100%;
  margin-bottom: 5px;
  text-align: center;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.productRecommendItem h5 + p {
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  margin-bottom: 20px;
}

.productRecommendItem figure {
  width: 46%;
  padding-right: 20px;
}

.productRecommendItemData {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  width: 54%;
  padding: 0 20px;
  border-left: 1px solid #C0A790;
}

.productRecommendItemData:before {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: -8px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  transform: rotate(45deg);
  border-left: 1px solid #C0A790;
  border-bottom: 1px solid #C0A790;
  background: #FCFBF8;
}

.productRecommendItemData .setList {
  width: 100%;
  margin: 0 0 12px;
  list-style: none;
  font-size: 12px;
  line-height: 140%;
}

.productRecommendItemData .setList li + li {
  margin-top: 3px;
}

.productRecommendItemData .setPrice {
  width: 100%;
  margin: 0 0 12px;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.productRecommendItemData .setPrice .price {
  display: inline-block;
  margin: 0 4px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.productRecommendItemData .setPrice small {
  font-size: 11px;
}

.productRecommendItemData .submit {
  width: 100%;
  margin: 0;
}

.productFeature {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 0 40px 40px;
  text-align: center;
  color: #484643;
}

.productFeatureSection {
  width: 100%;
  padding: 20px 0 40px;
}

.productFeature .description {
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 2;
  letter-spacing: .08em;
  font-feature-settings: 'palt' on;
  margin-bottom: 28px;
}

.productExplanation {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 0 40px;
}

.productExplanation .explanationTabTitle {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 30px 10px 30px 0;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  border-top: 1px solid #BDBBB8;
}

.productExplanation .explanationTabTitle svg {
  transition: all ease .15s;
}

.is-ie .productExplanation .explanationTabTitle svg {
  width: 20px;
  height: 21px;
}

.productExplanation .explanationTabTitle.is-current svg {
  transform: rotate(180deg);
}

.productExplanation .explanationTabBody {
  display: none;
  width: 100%;
  padding: 14px 0 40px;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
}

.productExplanation .explanationTabBody h4 {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  margin-bottom: 8px;
}

.productExplanation .explanationTabBody > p {
  margin-bottom: 8px;
}

.productExplanation .explanationMaterialList {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin: 0 0 20px;
  list-style: none;
}

.productExplanation .explanationMaterialList li {
  margin: 0 8px 10px 0;
}

.productExplanation .explanationMaterialList img {
  width: 50px;
  border-radius: 50%;
  background: #fff;
}

.productExplanation .is-howToUse {
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
}

.productExplanation .is-howToUse .useFlow {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.productExplanation .is-howToUse .useFlow ol {
  width: calc(46.7% - 2em);
  margin-left: 2em;
  margin-bottom: 0;
  font-weight: 500;
}

.productExplanation .is-howToUse .useFlow .images {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 49.16%;
}

.productExplanation .is-howToUse .useFlow .images figure {
  width: 32.2%;
  max-width: none;
  margin-bottom: 5px;
}

.productExplanation .is-howToUse .useFlow .images:after {
  display: block;
  content: '';
  width: 32.2%;
}

.productExplanation .is-howToUse > p {
  margin-top: 25px;
  margin-bottom: 0;
}

.productExplanation .is-howToUse figure {
  max-width: 95px;
}

.productExplanation .is-howToUse figure.pointMilk {
  max-width: 200px;
}

.productExplanation .is-howToUse h6 {
  margin: 20px 0 0;
  font-weight: 500;
}

.productExplanation .is-howToUse h6 + figure {
  margin-top: 6px;
}

.productRelated h4 {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 30px 10px 34px 0;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  border-top: 1px solid #BDBBB8;
}

.productRelated .articleList {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.productRelated .articleList .articleListItem {
  flex: 1;
}

.productRelated .articleList .articleListItem + .articleListItem {
  margin-left: 40px;
}

.productRelated .articleList .tagList {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  max-height: 57px;
  overflow: hidden;
  padding-bottom: 1px;
}

.productRelated .articleList .tag {
  justify-content: center;
  margin: 0;
}

.productReviewHead {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0 24px;
  border-top: 1px solid #BDBBB8;
}

.productReviewHeadCount {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: calc(100% - 220px);
}

.productReviewHeadCount h4 {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  margin-bottom: 8px;
}

.productReviewHeadCount .star {
  display: flex;
}

.productReviewHeadCount .star svg {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

.productReviewHeadCount .star svg:last-of-type {
  margin-right: 12px;
}

.productReviewHeadCount .avg {
  display: block;
  margin-right: 12px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  line-height: 1.4;
}

.productReviewHeadCount .count {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #A39F9C;
  line-height: 1.2;
}

.productReviewHeadBtn {
  width: 100%;
  max-width: 220px;
}

.productReviewHeadBtn .btn {
  width: 100%;
}

.productReviewList {
  width: 100%;
  border-top: 1px solid #E4D8C3;
}

.productReviewList .item {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid #E4D8C3;
}

.productReviewList .item figure {
  width: 90px;
  text-align: center;
}

.productReviewList .item figure + .itemInner {
  width: calc(100% - 110px);
}

.productReviewList .item figure img {
  margin-bottom: 2px;
}

.productReviewList .item figure figcaption {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.productReviewList .itemInner {
  width: 100%;
}

.productReviewList .itemHead {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.productReviewList .itemHead .star svg {
  width: 16px;
  height: 16px;
  margin-right: 2.5px;
}

.productReviewList .itemHead .star svg:last-of-type {
  margin-right: 10px;
}

.productReviewList .itemHead .user {
  margin-right: 10px;
}

.productReviewList .itemTitle {
  margin-bottom: 10px;
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.productReviewList .itemBody {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
}

.productReviewList .itemBody > *:last-child {
  margin-bottom: 0;
}

.productReviewList .item .more {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: .08em;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #A39F9C;
  cursor: pointer;
}

.productReviewList .item .more:before {
  display: inline;
  content: '続きを見る';
}

.productReviewList .item:not(.is-view) .itemBody {
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.productReviewList .item.is-view .more:before {
  content: '閉じる';
}

.productReviewList .item.is-not-more .itemBody {
  display: block;
  /* autoprefixer: off */
  -webkit-box-orient: initial;
  /* autoprefixer: on */
  -webkit-line-clamp: initial;
  overflow: auto;
  margin-bottom: 0;
}

.productReviewMore {
  padding: 24px 0 30px;
}

.productReviewMore .btn {
  max-width: 100%;
}

.productMaterialList {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  max-width: 434px;
  margin: 0 auto;
}

.productMaterialList figure {
  display: block;
  width: 130px;
  margin: 0 7px 30px;
  text-align: center;
}

.productMaterialList figure img {
  margin-bottom: 8px;
  background: #fff;
  border: 1px solid #F0E9DC;
  border-radius: 50%;
}

.productMaterialList figure figcaption {
  display: block;
  font-weight: 600;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #C0A790;
}

.productGraphImg {
  max-width: 360px;
  margin: 0 auto;
}

.modalSubscription .headingS,
.modalBundleBuy .headingS {
  margin-bottom: 1em;
}

.modalSubscription .is-center,
.modalBundleBuy .is-center {
  margin-bottom: 40px;
}

.modalSubscription .subscriptionHowToUse,
.modalBundleBuy .subscriptionHowToUse {
  width: 100%;
  padding: 30px 20px 0;
  margin-bottom: 35px;
  border: 1px solid #AE7218;
  border-radius: 10px;
}

.modalSubscription .subscriptionHowToUse .headingS,
.modalBundleBuy .subscriptionHowToUse .headingS {
  color: #AE7218;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translate(0, -50%);
}

.modalSubscription .subscriptionHowToUse .headingS span,
.modalBundleBuy .subscriptionHowToUse .headingS span {
  display: inline-block;
  padding: 4px 10px;
  background: #FCFBF8;
}

.modalSubscription .subscriptionHowToUse ul,
.modalBundleBuy .subscriptionHowToUse ul {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  list-style: none;
  margin: 0;
}

.modalSubscription .subscriptionHowToUse ul li,
.modalBundleBuy .subscriptionHowToUse ul li {
  width: calc(33.33333% - 6.66667px);
  margin-bottom: 30px;
  text-align: center;
}

.modalSubscription .subscriptionHowToUse ul h6,
.modalBundleBuy .subscriptionHowToUse ul h6 {
  font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", "游ゴシック体", YuGothic, Arial, Meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #484643;
  margin-bottom: 4px;
}

.modalSubscription .subscriptionHowToUse ul figure,
.modalBundleBuy .subscriptionHowToUse ul figure {
  margin-bottom: 4px;
}

.modalSubscription .subscriptionHowToUse ul figure img,
.modalBundleBuy .subscriptionHowToUse ul figure img {
  width: 80px;
}

.modalSubscription .subscriptionHowToUse ul p,
.modalBundleBuy .subscriptionHowToUse ul p {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .08em;
  font-feature-settings: 'pkna' on, 'palt' on;
}

.modalBundleBuy .annotation {
  margin-bottom: 2.5em;
}

@media screen and (max-width: 1200px) {
  .productRecommendList {
    width: 100%;
  }
  .productRecommendList .slick-slides {
    z-index: 4;
  }
  .productRecommendList .slick-arrow {
    width: 60px;
  }
  .productRecommendList .slick-arrow.slick-prev {
    left: 0;
  }
  .productRecommendList .slick-arrow.slick-next {
    right: 0;
  }
}

@media screen and (max-width: 1100px) {
  .productImageArea {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-start;
    width: calc(100% - 440px);
    padding-top: 120px;
    margin-bottom: 50px;
  }
  .productImageSlider .slick-arrow {
    margin-top: -50px;
    width: 60px;
    height: 100px;
  }
  .productImageSlider .slick-arrow.slick-prev {
    left: 0;
  }
  .productImageSlider .slick-arrow.slick-next {
    right: 0;
  }
  .productImageThumbnail {
    max-width: 500px;
  }
}

@media screen and (max-width: 900px) {
  .productImageArea {
    width: calc(50% - 15px);
    padding-top: 70px;
  }
  .productCartArea {
    width: calc(50% - 15px);
  }
  .productRecommendItem .inner {
    padding: 0 20px;
  }
  .productRecommendItem figure {
    width: 40%;
    padding-right: 15px;
  }
  .productRecommendItemData {
    width: 60%;
    padding: 0 15px;
  }
}

@media screen and (max-width: 767px) {
  .productsListItem a:hover {
    opacity: 1;
  }
  .productsListItem figure {
    margin-bottom: 4vw;
  }
  .productsListItem .itemTitle {
    margin-bottom: 2.13333vw;
    font-size: 4.26667vw;
  }
  .productsListItem .itemDescription {
    margin-bottom: 5.33333vw;
    font-size: 3.2vw;
  }
  .productsListItem .star svg {
    width: 4.26667vw;
    height: 4.26667vw;
    margin-right: 0.53333vw;
  }
  .productsListItem .count {
    margin-left: 1.6vw;
    margin-right: 5.33333vw;
    font-size: 3.2vw;
  }
  .is-reviewArchive .productsListItem {
    margin-bottom: 4.8vw;
  }
  .productArchive {
    padding: 5.33333vw 0 16vw;
  }
  .productArchive .titleOrnament {
    margin-bottom: 4.26667vw;
  }
  .productCatArchives {
    padding: 10.66667vw 8vw;
  }
  .productCatArchives.is-scalp-essence, .productCatArchives.is-treatment {
    max-width: 100%;
  }
  .productCatList {
    margin: 0 auto;
  }
  .productCatList .productsListItem {
    max-width: 100%;
    margin-bottom: 4.26667vw;
    padding-left: 0;
    padding-right: 0;
  }
  .productCatList .productsListItem:last-child {
    margin-bottom: 0;
  }
  .productMain {
    padding: 0 0 16vw;
  }
  .productImageArea {
    width: 100%;
    padding-top: 0;
    margin-bottom: 5.33333vw;
  }
  .productImageSlider {
    max-width: 100%;
    margin: 0 0 5.33333vw;
  }
  .productImageSlider .slick-arrow {
    margin-top: -18.66667vw;
    width: 16vw;
    height: 37.33333vw;
  }
  .productImageSlider .slick-arrow svg {
    width: 10.13333vw;
    height: 10.66667vw;
  }
  .productImageThumbnail {
    width: 100%;
    max-width: calc(100% - 13.33vw);
  }
  .productCartArea {
    width: 100%;
    margin-top: 0;
  }
  .productCartArea .cartSelect {
    padding: 4vw 6.66667vw;
  }
  .productCartArea .cartSelect.is-selected dd {
    margin: 2.66667vw 0 0;
  }
  .productCartArea .cartSelect.is-selected.step03 dd {
    margin-top: 5.33333vw;
  }
  .productCartArea .cartSelect.is-current {
    padding: 6.66667vw 6.66667vw;
  }
  .productCartArea .cartSelect dt u {
    font-size: 3.2vw;
  }
  .productCartArea .cartSelect dd {
    margin: 5.33333vw 0 0;
    font-size: 3.2vw;
  }
  .productCartArea .cartSelect dd li + li {
    margin-top: 4.26667vw;
  }
  .productCartArea .cartSelect dd .bundleLink {
    margin: 1.6vw 0 0;
  }
  .productCartArea .cartSelect dd .trailLink {
    margin: 5.33333vw 0 0;
  }
  .productCartArea .cartSelectItem {
    padding-left: 8vw;
  }
  .productCartArea .cartSelectItem [type="radio"] {
    width: 5.86667vw;
    height: 5.86667vw;
  }
  .productCartArea .cartSelectItem .check {
    width: 5.86667vw;
    height: 5.86667vw;
  }
  .productCartArea .cartSelectItemName {
    font-size: 3.73333vw;
  }
  .productCartArea .cartSelectItemCaption {
    font-size: 2.93333vw;
  }
  .productCartArea .cartSelectItemPrice {
    font-size: 5.33333vw;
  }
  .productCartArea .cartSelectItemPrice small {
    font-size: 2.93333vw;
  }
  .productCartArea .cartSelectItemPrice .freeShipping,
  .productCartArea .cartSelectItemPrice .shipping {
    font-size: 3.73333vw;
  }
  .productCartArea .cartSelect .freeShippingAttention {
    margin-top: 4.26667vw;
  }
  .productCartArea .cartSelect.step03 .cartSelectItemCaption {
    margin-top: 2.66667vw;
  }
  .productCartArea .cartSelect .giftArea {
    padding-top: 5.33333vw;
    margin-top: 5.33333vw;
    font-size: 3.2vw;
  }
  .productCartArea .cartSelect .giftArea label {
    padding-left: 8vw;
    font-size: 3.2vw;
  }
  .productCartArea .cartSelect .giftArea label [type="checkbox"] {
    width: 5.86667vw;
    height: 5.86667vw;
    border-radius: 0.8vw;
  }
  .productCartArea .cartSelect .giftArea label .check {
    left: 0.8vw;
    width: 4.26667vw;
    height: 4.26667vw;
  }
  .productCartArea .cartSelect .giftArea .giftItem {
    padding: 3.73333vw 0;
  }
  .productCartArea .cartSelect .giftArea .giftItem figure {
    width: 26.66667vw;
  }
  .productCartArea .cartSelect .giftArea .giftItem > div {
    width: calc(100% - 32vw);
  }
  .productCartArea .cartSelect .giftArea .giftItem p {
    margin-bottom: 2.13333vw;
    font-size: 2.93333vw;
  }
  .productCartArea .cartSelect .giftArea .giftItem p:last-child {
    margin-bottom: 5.33333vw;
  }
  .productCartArea .cartSelect .giftArea .giftItem h6 {
    font-size: 3.2vw;
  }
  .productCartArea .cartSelect .giftArea .giftItem .price {
    font-size: 4.26667vw;
  }
  .productCartArea .cartSelect .giftArea .giftItem .price small {
    font-size: 3.2vw;
  }
  .productCartArea .cartSelect .giftArea .giftPresents {
    padding: 0 0 3.73333vw;
  }
  .productCartArea .cartSelect .giftArea .giftPresents figure {
    width: 21.33333vw;
  }
  .productCartArea .cartSelect .giftArea .giftPresents > p {
    width: calc(100% - 24vw);
  }
  .productCartArea .cartSelect .giftArea .giftPresents p {
    font-size: 3.2vw;
  }
  .productCartArea .cartSelect .giftArea .giftAttention {
    margin: 0 0 3.73333vw;
    font-size: 3.2vw;
  }
  .productCartArea.is-bottomCart {
    right: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
  }
  .productCartArea.is-bottomCart.is-open {
    width: 100%;
    max-height: calc(80vh - 50px);
  }
  .productCartArea.is-bottomCart.is-open .cartToggle {
    height: 13.3vw;
    padding: 0 5.33333vw;
  }
  .productCartArea.is-bottomCart.is-open .cartToggle:after {
    transform: rotate(0);
  }
  .productCartArea.is-bottomCart.is-open .cartToggle + div {
    width: 100%;
    max-height: calc(80vh - 13.3vw - 50px);
  }
  .productCartArea.is-bottomCart.is-open .cartToggle .close {
    display: none;
  }
  .productCartArea.is-bottomCart.is-open .cartToggle .text {
    justify-content: flex-start;
    width: auto;
  }
  .productCartArea.is-bottomCart.is-open .cartToggle .text img {
    width: 5.33333vw;
  }
  .productCartArea.is-bottomCart.is-open .cartToggle .text > span {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    margin-left: 4vw;
  }
  .productCartArea.is-bottomCart.is-open .cartToggle .text > span span {
    display: inline-block;
    color: #484643;
  }
  .productCartArea.is-bottomCart.is-open .cartToggle .text > span span:first-child {
    font-size: 3.2vw;
  }
  .productCartArea.is-bottomCart.is-open .cartToggle .text > span span:last-child {
    margin-left: .3em;
    font-size: 4.26667vw;
    transform: translate(0, -5%);
  }
  .productCartArea .cartToggle {
    justify-content: space-between;
    padding: 3.73333vw 5.33333vw;
  }
  .productCartArea .cartToggle:after {
    display: block;
    content: '';
    width: 4vw;
    height: 4vw;
    background: center center no-repeat url("../images/common/arrow-down.svg");
    background-size: contain;
    transform: rotate(180deg);
  }
  .productCartArea .cartToggle .close {
    display: none;
  }
  .productCartArea .cartToggle .text {
    width: 90%;
    justify-content: flex-start;
  }
  .productCartArea .cartToggle .text img {
    width: 5.33333vw;
  }
  .productCartArea .cartToggle .text > span {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    margin-left: 4vw;
  }
  .productCartArea .cartToggle .text > span span {
    display: inline-block;
  }
  .productCartArea .cartToggle .text > span span:first-child {
    font-size: 3.2vw;
  }
  .productCartArea .cartToggle .text > span span:last-child {
    margin-left: .3em;
    font-size: 4.26667vw;
    transform: translate(0, -5%);
  }
  .productCartArea .addCart.no-gift {
    padding-top: 2em;
  }
  .productCartDetail {
    padding: 8vw 6.66667vw;
  }
  .productCartDetail h1 {
    margin-bottom: 1.6vw;
    font-size: 6.4vw;
  }
  .productCartDetail h2 {
    margin-bottom: 1.6vw;
    font-size: 3.73333vw;
  }
  .productCartDetail h2 small {
    margin-bottom: 1.6vw;
    font-size: 3.73333vw;
  }
  .productCartDetail .price {
    margin-bottom: 5.33333vw;
    font-size: 3.2vw;
  }
  .productCartDetail .price .value {
    font-size: 4.26667vw;
  }
  .productCartDetail .review {
    margin-bottom: 5.33333vw;
  }
  .productCartDetail .review .star svg {
    margin-right: 0.53333vw;
  }
  .productCartDetail .review .count {
    margin-left: 1.6vw;
    margin-right: 5.33333vw;
    font-size: 3.2vw;
  }
  .productCartDetail .review a {
    font-size: 3.2vw;
  }
  .productCartDetail .description {
    margin-bottom: 5.33333vw;
    font-size: 3.46667vw;
  }
  .productCartDetail .tagList li {
    margin-right: 1.06667vw;
  }
  .productRecommend {
    width: 96vw;
    margin: 0 auto 16vw;
  }
  .productRecommendList .slick-arrow {
    margin-top: -18.66667vw;
    width: 16vw;
    height: 37.33333vw;
  }
  .productRecommendList .slick-arrow svg {
    width: 10.13333vw;
    height: 10.66667vw;
  }
  .productRecommendItem .inner {
    padding: 0 2vw;
  }
  .productRecommendItem h5 {
    font-size: 4.26667vw;
    margin-bottom: 1.06667vw;
  }
  .productRecommendItem h5 + p {
    font-size: 2.93333vw;
    margin-bottom: 4.26667vw;
  }
  .productRecommendItem h5 + p br {
    display: none;
  }
  .productRecommendItem figure {
    width: 100%;
    padding-right: 0;
    margin-bottom: 5.33333vw;
  }
  .productRecommendItemData {
    align-items: center;
    width: 100%;
    padding: 2.66667vw 0 0;
    border-top: 0.26667vw solid #C0A790;
    border-left: none;
    text-align: center;
  }
  .productRecommendItemData:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 50%;
    width: 3.73333vw;
    height: 3.73333vw;
    margin-top: -2.13333vw;
    margin-left: -1.86667vw;
    transform: rotate(135deg);
    border-left-width: 0.26667vw;
    border-bottom-width: 0.26667vw;
  }
  .productRecommendItemData .setList {
    margin: 0 0 3.2vw;
    font-size: 3.2vw;
  }
  .productRecommendItemData .setList li + li {
    margin-top: 0;
  }
  .productRecommendItemData .setPrice {
    margin: 0 0 3.2vw;
    font-size: 2.93333vw;
  }
  .productRecommendItemData .setPrice .price {
    font-size: 4.26667vw;
  }
  .productRecommendItemData .setPrice small {
    font-size: 2.93333vw;
  }
  .productRecommendItemData .submit {
    width: 100%;
    margin: 0;
  }
  .productFeature {
    max-width: 100%;
    padding: 0 5.33333vw 5.33333vw;
  }
  .productFeatureSection {
    padding: 5.33333vw 0 10.66667vw;
  }
  .productFeature .description {
    margin-bottom: 8vw;
    font-size: 4vw;
  }
  .productFeature .description br {
    display: none;
  }
  .productExplanation {
    padding: 0 5.33333vw;
  }
  .productExplanation .explanationTabTitle {
    padding: 5.33333vw 2.66667vw 5.33333vw 1.33333vw;
    font-size: 4.8vw;
  }
  .productExplanation .explanationTabBody {
    padding: 2.66667vw 1.33333vw 8vw;
    font-size: 3.46667vw;
  }
  .productExplanation .explanationTabBody h4 {
    font-size: 4.26667vw;
    margin-bottom: 2.13333vw;
  }
  .productExplanation .explanationTabBody > p {
    margin-bottom: 2.13333vw;
  }
  .productExplanation .explanationMaterialList {
    margin: 0 0 5.33333vw;
  }
  .productExplanation .explanationMaterialList li {
    margin: 0 2.13333vw 2.66667vw 0;
  }
  .productExplanation .explanationMaterialList img {
    width: 13.33333vw;
  }
  .productExplanation .is-howToUse {
    font-size: 3.46667vw;
  }
  .productExplanation .is-howToUse .useFlow {
    flex-flow: wrap;
  }
  .productExplanation .is-howToUse .useFlow ol {
    width: calc(100% - 2em);
  }
  .productExplanation .is-howToUse .useFlow .images {
    width: 100%;
    margin-top: 4vw;
  }
  .productExplanation .is-howToUse .useFlow .images figure {
    width: calc(33.33333% - 6.66667px);
    max-width: none;
    margin-bottom: 2.66667vw;
  }
  .productExplanation .is-howToUse .useFlow .images:after {
    width: calc(33.33333% - 6.66667px);
  }
  .productExplanation .is-howToUse > p {
    margin-top: 5.33333vw;
    margin-bottom: 0;
  }
  .productExplanation .is-howToUse figure {
    max-width: 25.33333vw;
  }
  .productExplanation .is-howToUse figure.pointMilk {
    max-width: 53.33333vw;
  }
  .productExplanation .is-howToUse figure + p {
    margin-top: 1.6vw;
  }
  .productExplanation .is-howToUse h6 {
    margin-top: 5.33333vw;
  }
  .productExplanation .is-howToUse h6 + figure {
    margin-top: 1.6vw;
  }
  .productRelated h4 {
    padding: 5.33333vw 2.66667vw 5.33333vw 1.33333vw;
    font-size: 4.8vw;
  }
  .productRelated .articleList .articleListItem {
    flex: auto;
    width: 100%;
  }
  .productRelated .articleList .articleListItem + .articleListItem {
    margin-left: 0;
  }
  .productRelated .articleList .articleListItem .tagList {
    max-height: 14.5vw;
  }
  .productReviewHead {
    padding: 5.33333vw 1.33333vw;
  }
  .productReviewHeadCount {
    width: 100%;
    margin-bottom: 4vw;
  }
  .productReviewHeadCount h4 {
    font-size: 4.8vw;
    margin-bottom: 4vw;
  }
  .productReviewHeadCount .star svg {
    width: 6.4vw;
    height: 6.4vw;
    margin-right: 1.06667vw;
  }
  .productReviewHeadCount .star svg:last-of-type {
    margin-right: 3.2vw;
  }
  .productReviewHeadCount .avg {
    margin-right: 3.2vw;
    font-size: 4.8vw;
  }
  .productReviewHeadCount .count {
    font-size: 3.46667vw;
  }
  .productReviewHeadBtn {
    width: 100%;
    max-width: 100%;
  }
  .productReviewList {
    width: 100%;
    border-top: 1px solid #E4D8C3;
  }
  .productReviewList .item {
    padding: 6.66667vw 0;
  }
  .productReviewList .item figure {
    width: 20vw;
  }
  .productReviewList .item figure + .itemInner {
    width: calc(100% - 22.67vw);
  }
  .productReviewList .item figure img {
    margin-bottom: 0.53333vw;
  }
  .productReviewList .item figure figcaption {
    font-size: 3.2vw;
  }
  .productReviewList .itemInner {
    width: 100%;
  }
  .productReviewList .itemHead {
    margin-bottom: 10px;
    font-size: 11px;
  }
  .productReviewList .itemHead .star {
    margin-top: 0.53333vw;
    margin-bottom: 0.53333vw;
  }
  .productReviewList .itemHead .star svg {
    width: 4.26667vw;
    height: 4.26667vw;
    margin-right: 0.53333vw;
  }
  .productReviewList .itemHead .star svg:last-of-type {
    margin-right: 2.66667vw;
  }
  .productReviewList .itemHead .user {
    margin-top: 0.53333vw;
    margin-bottom: 0.53333vw;
    margin-right: 2.66667vw;
  }
  .productReviewList .itemHead .date {
    margin-top: 0.53333vw;
    margin-bottom: 0.53333vw;
  }
  .productReviewList .itemTitle {
    margin-bottom: 2.13333vw;
    font-size: 4.26667vw;
  }
  .productReviewList .itemBody {
    margin-bottom: 3.2vw;
    font-size: 3.46667vw;
  }
  .productReviewList .itemBody > *:last-child {
    margin-bottom: 0;
  }
  .productReviewList .item .more {
    font-size: 3.2vw;
  }
  .productReviewMore {
    padding: 6.66667vw 1.33333vw 5.33333vw;
  }
  .productMaterialList {
    width: 100%;
    margin-bottom: 5.33333vw;
  }
  .productMaterialList figure {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    width: 47%;
    padding: 1.33333vw;
    margin: 0 1.5% 5.33333vw;
    background: #fff;
    border-radius: 9.33333vw;
    overflow: hidden;
  }
  .productMaterialList figure img {
    width: 14.66667vw;
    margin: 0;
    border: none;
    border-radius: 0;
  }
  .productMaterialList figure figcaption {
    width: 24.8vw;
    text-align: left;
    font-size: 3.2vw;
  }
  .modalSubscription .is-center {
    margin-bottom: 10.66667vw;
  }
  .modalSubscription .subscriptionHowToUse {
    width: 100%;
    padding: 10.66667vw 5.33333vw 2.66667vw;
    margin-bottom: 13.33333vw;
    border-radius: 2.66667vw;
  }
  .modalSubscription .subscriptionHowToUse .headingS span {
    padding: 1.06667vw 2.66667vw;
  }
  .modalSubscription .subscriptionHowToUse ul li {
    width: 100%;
    margin-bottom: 8vw;
  }
  .modalSubscription .subscriptionHowToUse ul h6 {
    margin-bottom: 1.06667vw;
  }
  .modalSubscription .subscriptionHowToUse ul figure {
    margin-bottom: 1.06667vw;
  }
  .modalSubscription .subscriptionHowToUse ul figure img {
    width: 21.33333vw;
  }
  .modalSubscription .subscriptionHowToUse ul p {
    font-size: 3.2vw;
  }
}

/* Components style
-----------------------------------*/
body .btn,
body .wp-block-button__link {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  cursor: pointer;
  width: 100%;
  height: 13.33333vw;
  padding: 0 .7em;
  margin: 0 auto;
  border: none;
  text-decoration: none !important;
  background: transparent;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  transition: all ease-out .2s;
  overflow: hidden;
  font-weight: 600;
  font-size: 3.723vw;
  line-height: 1.8;
  letter-spacing: .1em;
}

body .btn.is-small,
body .wp-block-button__link.is-small {
  border-radius: 2px;
  font-size: 11px;
  line-height: 16px;
  padding-left: 6px;
  padding-right: 6px;
}

body .btn.is-medium,
body .wp-block-button__link.is-medium {
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
}

body .btn.is-large,
body .wp-block-button__link.is-large {
  font-size: 22px;
  padding-left: 20px;
  padding-right: 20px;
}

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body .btn,
body .wp-block-button__link {
  background: #F8E5C6;
  color: #484643 !important;
}

body .btn:hover, body .btn:focus, body .btn.is-active,
body .wp-block-button__link:hover,
body .wp-block-button__link:focus,
body .wp-block-button__link.is-active {
  text-decoration: none;
}

body .btn:hover,
body .wp-block-button__link:hover {
  color: #000 !important;
  background: #FFE9C6;
}

body .btn:active,
body .wp-block-button__link:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
}

body .btn-white,
body .wp-block-button__link-white {
  background: #fff;
  border: 1px solid #F0E9DC;
}

body .btn-gray,
body .wp-block-button__link-gray {
  background: #F0F2F4;
  border: 1px solid #DAE2E1;
}

body .btn-gray:hover,
body .wp-block-button__link-gray:hover {
  color: #000 !important;
  background: #fff;
}

body .btn-black,
body .wp-block-button__link-black {
  color: #fff;
  background: #212121;
}

body .btn-black svg,
body .wp-block-button__link-black svg {
  fill: #fff;
}

body .btn-black:before,
body .wp-block-button__link-black:before {
  color: #fff !important;
  background: #666;
}

body .btn-black:hover:before,
body .wp-block-button__link-black:hover:before {
  transform: translate(0, 0);
}

body .btn.is-dark,
body .wp-block-button__link.is-dark {
  color: #fff;
}

body .btn.is-link,
body .wp-block-button__link.is-link {
  background-color: transparent;
  border-color: transparent;
  color: #000;
  text-decoration: underline;
}

body .btn.is-link:hover, body .btn.is-link:focus,
body .wp-block-button__link.is-link:hover,
body .wp-block-button__link.is-link:focus {
  background-color: #b2b6b9;
  color: #000;
}

body .btn.is-next,
body .wp-block-button__link.is-next {
  display: flex;
  flex-flow: row nowrap;
  padding-right: 0;
  padding-left: 0;
}

body .btn.is-next span,
body .wp-block-button__link.is-next span {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
}

body .btn.is-next:before, body .btn.is-next:after,
body .wp-block-button__link.is-next:before,
body .wp-block-button__link.is-next:after {
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  letter-spacing: 0;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  width: 1.5em;
  min-width: 1.5em;
  content: '';
  text-align: center;
}

body .btn[disabled], body .btn.is-disabled,
body .wp-block-button__link[disabled],
body .wp-block-button__link.is-disabled {
  opacity: .5;
  pointer-events: none;
}

body .btn.is-fullWidth,
body .wp-block-button__link.is-fullWidth {
  display: flex;
  width: 100%;
}

body .btn svg.prev,
body .btn img.prev,
body .wp-block-button__link svg.prev,
body .wp-block-button__link img.prev {
  position: absolute;
  top: 50%;
  left: 4vw;
  width: 6.4vw;
  margin-top: -3.2vw;
  transform: rotate(180deg);
}

body.is-ie .btn svg {
  width: 12px;
  height: 16px;
  vertical-align: middle;
}

@media screen and (min-width: 767px) {
  body .wp-block-button__link,
  body .btn {
    max-width: 500px;
    height: 50px;
    font-size: 12px;
  }
  body .wp-block-button__link svg.prev,
  body .wp-block-button__link img.prev,
  body .btn svg.prev,
  body .btn img.prev {
    left: 15px;
    width: 24px;
    margin-top: -12px;
  }
}

.tagList {
  width: 100%;
  list-style: none;
  margin: 0;
}

.tagList li {
  display: block;
  margin: 0 2px 8px;
}

.tag {
  display: inline-block;
  padding: 2px 6px;
  border: 1px solid #5F5A57;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: .04em;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #484643;
  border-radius: 4px;
}

a.tag:hover {
  color: #fff;
  background: #484643;
}

@media screen and (max-width: 767px) {
  .tag {
    margin: 0 0.53333vw 2.13333vw;
    padding: 0.53333vw 1.6vw;
    font-size: 2.93333vw;
  }
}

/* @ breadcrumbs
// ------------------------------------------------------------ */
.breadcrumbs {
  width: 100%;
  padding: 20px 0;
  margin: 0 auto;
}

.breadcrumbs ul {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 60px;
}

.breadcrumbs li {
  display: inline-flex;
  align-items: center;
  list-style: none;
  font-size: 12px;
  line-height: 1.8;
}

.breadcrumbs li svg {
  width: 1em;
  height: 1em;
}

.breadcrumbs li a {
  letter-spacing: .08em;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  font-feature-settings: 'pkna' on, 'palt' on;
  color: #A39F9C;
}

@media screen and (max-width: 1024px) {
  .breadcrumbs ul {
    padding: 0 40px;
  }
}

@media screen and (max-width: 767px) {
  .breadcrumbs {
    padding: 2.66667vw 0;
  }
  .breadcrumbs ul {
    padding: 0 5.33333vw;
  }
  .breadcrumbs li {
    font-size: 3.2vw;
  }
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 100000;
  padding: 0 30px;
  opacity: 0;
  pointer-events: none;
  transition: all ease .3s;
}

.modal.is-active {
  opacity: 1;
  pointer-events: auto;
}

.modal.is-active .modal-container {
  transform: translate(0, 0);
}

.modal .delete {
  position: absolute;
  right: 10px;
  top: 10px;
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: top;
  background-color: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
  z-index: 100;
}

.modal .delete:before, .modal .delete:after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  display: block;
  width: 20px;
  height: 1px;
  margin-left: -10px;
  background-color: #484643;
}

.modal .delete:before {
  transform: rotate(45deg);
}

.modal .delete:after {
  transform: rotate(-45deg);
}

.modal-background {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-color: rgba(0, 0, 0, .75);
}

.modal-container {
  width: 100%;
  max-width: 720px;
  transform: translate(0, -10%);
  transition: all ease .3s;
}

.modal-content {
  position: relative;
  width: 100%;
  max-height: calc(100vh - 200px);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 auto;
  padding: 60px;
  background: #FCFBF8;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
}

.modal-content > *:last-child {
  margin-bottom: 0;
}

.modal-content p {
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
  .modal {
    justify-content: flex-start;
    padding: 21.33333vw 2.66667vw 0;
  }
  .modal .delete {
    right: 2.66667vw;
    top: 2.66667vw;
    width: 10.66667vw;
    height: 10.66667vw;
  }
  .modal .delete:before, .modal .delete:after {
    width: 5.33333vw;
    height: 0.26667vw;
    margin-left: -2.66667vw;
  }
  .modal-container {
    max-width: 100%;
    max-height: calc(100vh - 40vw);
  }
  .modal-content {
    padding: 8vw 4vw;
    font-size: 3.46667vw;
  }
  .modal-content p {
    margin-bottom: 2.13333vw;
  }
}

/* @ pagination
// ------------------------------------------------------------ */
.pagination {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  padding: 20px 0;
  max-width: 1020px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.page-grenier .pagination {
  padding: 30px 0 80px;
}

.pagination span,
.pagination a {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin: 0 2px;
  text-align: center;
  letter-spacing: 0;
  outline: none;
  text-decoration: none;
  color: #484643;
  background: transparent;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em;
  font-family: "EB Garamond", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", serif;
}

.page-grenier .pagination span, .page-grenier
.pagination a {
  background: #F9FBFD;
  border: 1px solid #F9FBFD;
}

.pagination span svg,
.pagination a svg {
  width: 15px;
  height: 15px;
  fill: transparent;
  vertical-align: bottom;
}

.pagination span.next,
.pagination a.next {
  background: none;
  border-color: transparent;
}

.pagination span.next:hover,
.pagination a.next:hover {
  color: #000;
  background: #FFE9C6;
}

.page-grenier .pagination span.next:hover, .page-grenier
.pagination a.next:hover {
  background: #F0F2F4;
  border: 1px solid #DAE2E1;
}

.page-grenier .page-grenier .pagination span.next:hover, .page-grenier .page-grenier
.pagination a.next:hover {
  background: #F0F2F4;
  border: 1px solid #DAE2E1;
}

.pagination span.prev,
.pagination a.prev {
  background: none;
}

.pagination span.prev svg,
.pagination a.prev svg {
  transform: rotate(180deg);
}

.pagination span.prev:hover,
.pagination a.prev:hover {
  color: #000;
  background: #FFE9C6;
}

.page-grenier .pagination span.prev:hover, .page-grenier
.pagination a.prev:hover {
  background: #F0F2F4;
  border: 1px solid #DAE2E1;
}

.pagination span:hover,
.pagination a:hover {
  color: #000;
  background: #FFE9C6;
}

.page-grenier .pagination span:hover, .page-grenier
.pagination a:hover {
  background: #F0F2F4;
  border: 1px solid #DAE2E1;
}

.pagination span.is-current, .pagination span.current,
.pagination a.is-current,
.pagination a.current {
  background: #FBF0DC;
}

.pagination span.is-current:hover, .pagination span.current:hover,
.pagination a.is-current:hover,
.pagination a.current:hover {
  opacity: 1;
}

.page-grenier .pagination span.is-current, .page-grenier .pagination span.current, .page-grenier
.pagination a.is-current, .page-grenier
.pagination a.current {
  background: #F0F2F4;
  border: 1px solid #DAE2E1;
}

.pagination.page-links span,
.pagination.page-links a {
  width: auto;
  padding: 0 .6em;
}

@media screen and (max-width: 767px) {
  .pagination {
    padding: 5.33333vw 0;
  }
  .page-grenier .pagination {
    padding: 8vw 0 21.33333vw;
  }
  .pagination span,
  .pagination a {
    width: 11.46667vw;
    height: 11.46667vw;
    margin: 0 0.53333vw;
    font-size: 4.26667vw;
  }
  .pagination span svg,
  .pagination a svg {
    width: 4vw;
    height: 4vw;
  }
  .pagination.page-links span,
  .pagination.page-links a {
    width: auto;
  }
}

.touchlink {
  cursor: pointer;
}

/* extension style
-----------------------------------*/
.white {
  color: #fff !important;
}

.black {
  color: #000 !important;
}

.blue {
  color: #3f78c6 !important;
}

.green {
  color: #78bc1e !important;
}

.orange {
  color: #fb7818 !important;
}

.red {
  color: #C30705 !important;
}

.yellow {
  color: #fad00d !important;
}

.purple {
  color: #847bb9 !important;
}

.pink {
  color: #ff82a1 !important;
}

.grey {
  color: #acadad !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-black {
  background-color: #000 !important;
}

.bg-blue {
  background-color: #3f78c6 !important;
}

.bg-blue-light {
  background-color: #73cbef !important;
}

.bg-green-light {
  background-color: #a0d264 !important;
}

.bg-orange {
  background-color: #fb7818 !important;
}

.bg-red {
  background-color: #C30705 !important;
}

.bg-yellow {
  background-color: #fad00d !important;
}

.bg-purple {
  background-color: #847bb9 !important;
}

.bg-pink {
  background-color: #ff82a1 !important;
}

.bg-sec-sub {
  background-color: #f4f4f4 !important;
}

.w5p {
  width: 5% !important;
}

.w10p {
  width: 10% !important;
}

.w15p {
  width: 15% !important;
}

.w20p {
  width: 20% !important;
}

.w25p {
  width: 25% !important;
}

.w30p {
  width: 30% !important;
}

.w35p {
  width: 35% !important;
}

.w40p {
  width: 40% !important;
}

.w45p {
  width: 45% !important;
}

.w50p {
  width: 50% !important;
}

.w55p {
  width: 55% !important;
}

.w60p {
  width: 60% !important;
}

.w65p {
  width: 65% !important;
}

.w70p {
  width: 70% !important;
}

.w75p {
  width: 75% !important;
}

.w80p {
  width: 80% !important;
}

.w85p {
  width: 85% !important;
}

.w90p {
  width: 90% !important;
}

.w95p {
  width: 95% !important;
}

.w100p {
  width: 100% !important;
}

.w5em {
  width: 5em !important;
}

.w6em {
  width: 6em !important;
}

.w7em {
  width: 7em !important;
}

.w8em {
  width: 8em !important;
}

.w9em {
  width: 9em !important;
}

.w10em {
  width: 10em !important;
}

.flr {
  float: right !important;
}

.fll {
  float: left !important;
}

.fln {
  float: none !important;
}

.clb {
  clear: both !important;
}

.cln {
  clear: none !important;
}

.is-left {
  text-align: left !important;
}

.has-text-align-center,
.is-center {
  text-align: center !important;
}

.has-text-align-right,
.is-right {
  text-align: right !important;
}

.is-bold {
  font-weight: bold !important;
}

.nowrap {
  white-space: nowrap !important;
}

/* 文字サイズ */
.fs08 {
  font-size: .8em !important;
}

.fs0875 {
  font-size: .875em !important;
}

.fs09 {
  font-size: .9em !important;
}

.fs0937 {
  font-size: .9375em !important;
}

.fs11 {
  font-size: 1.1em !important;
}

.fs12 {
  font-size: 1.2em !important;
}

.fs1125 {
  font-size: 1.125em !important;
}

.fs125 {
  font-size: 1.25em !important;
}

.fs13 {
  font-size: 1.3em !important;
}

.fs14 {
  font-size: 1.4em !important;
}

.fs15 {
  font-size: 1.5em !important;
}

.fs16 {
  font-size: 1.6em !important;
}

.fs17 {
  font-size: 1.7em !important;
}

.fs18 {
  font-size: 1.8em !important;
}

.fs19 {
  font-size: 1.9em !important;
}

.fs20 {
  font-size: 2.0em !important;
}

.lh1 {
  line-height: 1 !important;
}

.lh12 {
  line-height: 1.2 !important;
}

.lh14 {
  line-height: 1.4 !important;
}

.lh16 {
  line-height: 1.6 !important;
}

.lh18 {
  line-height: 1.8 !important;
}

.lh20 {
  line-height: 2 !important;
}

.lh29 {
  line-height: 2.9 !important;
}

/* margin */
.m0 {
  margin: 0 !important;
}

.m5 {
  margin: 5px !important;
}

.m10 {
  margin: 10px !important;
}

.m15 {
  margin: 15px !important;
}

.m20 {
  margin: 20px !important;
}

.m30 {
  margin: 30px !important;
}

.m40 {
  margin: 40px !important;
}

.m50 {
  margin: 50px !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mb200 {
  margin-bottom: 200px !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mlr5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.mlr10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

/* padding */
.p0 {
  padding: 0 !important;
}

.p5 {
  padding: 5px !important;
}

.p10 {
  padding: 10px !important;
}

.p15 {
  padding: 15px !important;
}

.p20 {
  padding: 20px !important;
}

.p25 {
  padding: 25px !important;
}

.p30 {
  padding: 30px !important;
}

.p35 {
  padding: 35px !important;
}

.p40 {
  padding: 40px !important;
}

.p45 {
  padding: 45px !important;
}

.p50 {
  padding: 50px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb80 {
  padding-bottom: 50px !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.plr5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.plr10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.plr15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.plr20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.plr25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.indent {
  text-indent: -1em;
  padding-left: 1em;
}

.ofx {
  width: 100% !important;
  overflow-x: auto;
}

.wp-block-embed-youtube .wp-block-embed__wrapper,
.video-container {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 53%;
  padding-top: 30px;
  margin-bottom: 1.5em;
  overflow: hidden;
  background: center center no-repeat;
  background-size: cover;
}

.wp-block-embed-youtube .wp-block-embed__wrapper iframe,
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

hr.dot {
  background: transparent;
  border-bottom: 1px dotted #ccc;
  margin: 0 0 1.5em;
}

hr.clearHr {
  background: transparent;
  border-bottom: none;
  margin: 0 0 30px;
}

.op01 {
  opacity: .1;
}

.op02 {
  opacity: .2;
}

.op03 {
  opacity: .3;
}

.op04 {
  opacity: .4;
}

.op05 {
  opacity: .5;
}

.op06 {
  opacity: .6;
}

.op07 {
  opacity: .7;
}

.op08 {
  opacity: .8;
}

.op09 {
  opacity: .9;
}

.op10 {
  opacity: 10;
}

.cf:after {
  display: table;
  content: '';
  width: 100%;
}