@charset "utf-8";

/*! INSIDE MY GLASS DOORS v1.0.0asevh */

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 100%;
  }
}

@keyframes iv {
  0% {
    opacity: 0;
    transform: translate3d(0, 1.25rem, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes menu-open {
  0% {
    transform: translate3d(100%, 0, 0);
  }

  to {
    transform: none;
  }
}

@keyframes menu-close {
  0% {
    transform: none;
  }

  to {
    transform: translate3d(100%, 0, 0);
  }
}

::after, ::before {
  box-sizing: border-box;
  text-decoration: inherit;
  vertical-align: inherit;
}

html {
  cursor: default;
  line-height: 1.5;
  -moz-tab-size: 4;
       tab-size: 4;
  -webkit-tap-highlight-color: transparent;
      -ms-text-size-adjust: 100%;
  word-break: break-word;
  font-feature-settings: 'palt' 1;
  height: 100%;
  min-width: 320px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  background-color: #cdd2d9;
  color: #000;
  font-family: MatissePro-M, serif;
  font-size: 4.266666666666667vw;
}

body, button, dl dl, dl ol, dl ul, input, ol dl, ol ol, ol ul, select, ul dl,
ul ol, ul ul {
  margin: 0;
}

hr {
  color: inherit;
  overflow: visible;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}

details, main {
  display: block;
}

nav ol, nav ul {
  list-style: none;
  padding: 0;
}

nav li::before {
  content: "\200B";
}

pre {
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

a {
  background-color: transparent;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}

audio, canvas, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

iframe, img {
  border-style: none;
}

svg:not([fill]) {
  fill: currentColor;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

fieldset {
  border: 1px solid #a0a0a0;
  padding: .35em .75em .625em;
}

button, input {
  overflow: visible;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

button, select {
  text-transform: none;
}

textarea {
  margin: 0;
  overflow: auto;
  resize: block;
}

[type=checkbox], [type=radio] {
  padding: 0;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

:-moz-ui-invalid {
  box-shadow: none;
}

dialog {
  background-color: #fff;
  border: solid;
  color: #000;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

summary {
  display: list-item;
}

[tabindex], a, area, button, input, label, select, summary, textarea {
  -ms-touch-action: manipulation;
}

.c-article__li__fig__caption br, [hidden], template {
  display: none;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled=true], [disabled] {
  cursor: not-allowed;
}

[aria-hidden=false][hidden] {
  display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}

a img {
  outline: 0;
}

h1, h2 {
  margin: 0;
  font-size: inherit;
  font-weight: 300;
}

nav li:before {
  content: none;
}

body {
  font-size: .75rem;
  letter-spacing: .02em;
  line-height: 1.916666666666667;
}

.shopify-buy__btn, .u-serif {
  font-family: MatissePro-M, serif;
}

.c-article__heading, .c-article__li h1, .c-article__li__excerpt a,
.c-article__li__excerpt b, .c-article__li__excerpt strong,
.c-article__text__wrp a, .c-article__text__wrp b, .c-article__text__wrp strong,
.u-serif--b {
  font-family: MatissePro-B, serif;
}

.c-product figcaption, .u-sans {
  font-family: TsukuGoPr5-R-HelveticaNowTextLight, sans-serif;
}

.u-sans--b {
  font-family: TsukuGoPro-B-HelveticaNowTextMedium, sans-serif;
}

.c-fade-in {
  opacity: 0;
}

.c-fade-in.is-show {
  animation: fade-in 1s forwards;
}

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

.c-inview, img.yall {
  opacity: 0;
}

.c-inview.is-show {
  animation: iv 1.2s forwards ease-in-out;
}

img.yall.loaded {
  opacity: 1;
  animation: fade-in .7s forwards ease-in;
}

.c-article__li__excerpt a, .c-article__li__tags__li a:hover,
.c-article__text__wrp a, .c-ln--u, ul.page-numbers a {
  text-decoration: underline;
}

.c-article__text__wrp a:hover, .c-ln--u:hover, ul.page-numbers a:hover {
  text-decoration: none;
}

.c-fit {
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

.c-fit--contain {
  object-fit: contain;
  font-family: 'object-fit: contain;';
}

.c-pic {
  display: block;
  position: relative;
  overflow: hidden;
}

.c-pic:before {
  display: block;
  content: '';
  width: 100%;
  height: 0;
  padding: 0 0 100%;
}

.c-pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.c-spacer {
  width: 100%;
  height: 1.25rem;
  pointer-events: none;
  visibility: hidden;
}

.c-articles {
  padding: 4.0625rem 0 4.0625rem 1.25rem;
}

.c-article__li {
  padding: 0 0 0 2.1875rem;
}

.c-article__li+.c-article__li {
  margin: 7.8125rem 0 0;
}

.c-article__li .c-time {
  margin: 0 0 1.25rem -2.1875rem;
}

.c-article__li h1 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.c-article__li__ln {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
  width: 10.625rem;
  height: 3.125rem;
  margin: 1.25rem 0 0;
  font-size: .8125rem;
  background: rgba(205, 210, 217, .4) url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 6 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.656 8.892-.637-.772 4.389-3.62-4.389-3.62.637-.772 5.325 4.392z'/%3E%3C/svg%3E") no-repeat top 50% right .625rem/.5rem;
  letter-spacing: .02em;
  pointer-events: auto;
  transition: opacity .3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.c-article__li__ln:hover {
  opacity: .7;
}

.c-article__li__excerpt {
  overflow: hidden;
  line-height: 1.833333333333333;
  max-height: 13.75rem;
  margin: 0 1.25rem 0 0;
  pointer-events: auto;
}

.c-article__li__tags {
  display: flex;
  flex-flow: wrap;
  margin: .9375rem 0 0;
  pointer-events: auto;
}

.c-article__li__tags__li {
  font-style: italic;
}

.c-article__li__tags__li:after {
  content: ',';
}

.c-article__li__tags__li:last-child:after {
  content: none;
}

.c-article__li__tags__li+.c-article__li__tags__li {
  margin: 0 0 0 .5rem;
}

.c-article__li__wrp {
  position: relative;
}

.c-article__li__images {
  margin: 1.875rem 0 0 -3.4375rem;
  position: relative;
}

.c-article__li__images .swiper-container {
  padding: 0 0 0 3.4375rem;
  font-size: 1.625rem;
}

.c-article__li__images .swiper-slide {
  height: auto;
  margin: 0 .875rem 0 0;
}

.c-article__li__fig__inr {
  height: 10em;
}

.c-article__li__fig__caption {
  font-size: .75rem;
  line-height: 1.75;
  margin: .375rem -10rem 0 0;
}

.c-article__li__pic {
  position: relative;
  width: auto;
  height: 100%;
}

.c-article__li__pic img {
  display: block;
  width: auto;
  height: 100%;
}

.c-article__li__arrow {
  width: 4.4375rem;
  height: 2.5rem;
  position: absolute;
  top: 6.875rem;
  right: 1.25rem;
  z-index: 1;
  background: url(ui/arrow-right.svg) no-repeat 50% 50%/contain;
  cursor: pointer;
  transition: opacity .3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.c-article__li__arrow:hover, .c-brand a:hover {
  opacity: .7;
}

.c-article__li__arrow.is-hide {
  display: none !important;
}

.c-article__eyecatch {
  width: 100%;
}

.c-article__eyecatch .c-pic:before {
  padding: 0 0 66.66666666666666%;
}

.c-article__text__wrp {
  margin: 1.5625rem 1.25rem 0 0;
}

.c-article__text__wrp>:first-child {
  margin-top: 0;
}

.c-article__images {
  margin: 3.875rem 0 0;
}

.c-article__pic {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding: 0 0 100%;
  margin: .8125rem 0 0;
}

.c-article__pic img, .c-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-article__pic--b, .c-brand a, .g-header__ln svg {
  display: block;
}

.c-article__pic--b img {
  display: block;
  width: 100%;
  height: auto;
}

.c-article__heading {
  font-size: 1.142857142857143em;
}

.c-brand {
  width: 5.9375rem;
  margin: .9375rem 0 0 .9375rem;
}

.c-brand a {
  transition: opacity .3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.c-brand__pic {
  background: rgba(255, 255, 255, .6);
}

.c-brand__pic:before {
  padding: 0 0 75%;
}

.c-brand figcaption {
  color: #999;
  font-size: .625rem;
  letter-spacing: .03em;
  line-height: 1.2;
  padding: .25rem 0 0;
}

.c-container {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

.c-map {
  position: relative;
}

.c-map:before {
  display: block;
  content: '';
  width: 100%;
  height: 0;
  padding: 0 0 66.66666666666666%;
}

.c-map iframe {
  filter: grayscale(1);
}

.c-pagination {
  padding: 0 0 0 2.1875rem;
}

ul.page-numbers {
  display: flex;
  font-size: .8125rem;
}

ul.page-numbers .page-numbers {
  width: .9375rem;
  display: inline-flex;
  justify-content: center;
}

ul.page-numbers .page-numbers.next, ul.page-numbers .page-numbers.prev {
  width: auto;
}

ul.page-numbers i {
  font-style: normal;
}

ul.page-numbers li+li {
  margin: 0 0 0 .625rem;
}

.c-product-list {
  padding: 3rem 1.25rem 4.375rem;
}

.c-product-list__inr {
  margin: 0 -.3125rem;
  padding: 5rem 0 0;
}

.c-product-list__heading {
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.277777777777778;
  padding: 0 0 1.5625rem;
}

.c-product {
  margin: 11.11111111111111% 0 0 4.166666666666666%;
  width: 45.83333333333333%;
  display: block;
  transition: opacity .3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.c-products {
  margin: -11.594202898550725% 0 0 -4.347826086956522%;
  display: flex;
  flex-flow: wrap;
}

.c-product:hover {
  opacity: .7;
}

.c-product .c-pic:before {
  padding: 0 0 150%;
}

.c-product figcaption {
  font-size: .6875rem;
  letter-spacing: 0;
  line-height: 1.636363636363636;
  margin: .5rem 0 0;
}

.shopify-buy__option-select .shopify-buy__select-icon, .wps-cart {
  display: none;
}

.shopify-buy-frame--toggle {
  display: none !important;
}

.c-shopify {
  margin: 2.8125rem 0 0;
}

.c-shopify__price, .c-shopify__title {
  font-size: .875rem;
  letter-spacing: 0;
  line-height: 1.428571428571429;
}

.c-shopify__price {
  letter-spacing: .03em;
  font-weight: 700;
}

.shopify-buy__option-select {
  flex: 1 1;
}

.shopify-buy__option-select__label {
  padding: .9375rem 0 0;
  font-size: .625rem;
  display: block;
}

.shopify-buy__option-select-wrapper {
  border-bottom: 1px solid #000;
  position: relative;
  overflow: hidden;
  vertical-align: bottom;
}

.shopify-buy__option-select-wrapper:after {
  content: '';
  display: block;
  position: absolute;
  right: .0625rem;
  top: 50%;
  margin-top: -.21875rem;
  pointer-events: none;
  width: .5rem;
  height: .4375rem;
  vertical-align: middle;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 8 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 7-3.879-7h7.758z'/%3E%3C/svg%3E") no-repeat 50% 50%;
  background-size: contain;
}

.shopify-buy__option-select__select {
  font-size: inherit;
  padding: .4375rem .625rem .4375rem 0;
  padding-right: 2rem;
  border: 0;
  width: 100%;
  background: 0 0;
  -webkit-appearance: none;
          appearance: none;
  outline: 0;
  cursor: pointer;
}

.shopify-buy__product__variant-selectors {
  margin: 0 0 1.875rem;
}

.shopify-buy__btn {
  -webkit-appearance: none;
          appearance: none;
  border: 0;
  color: #fff;
  cursor: pointer;
  width: 10.625rem;
  height: 3rem;
  border-radius: 0;
  outline: 0;
  background: #000 url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 6 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.656 8.892-.637-.772 4.389-3.62-4.389-3.62.637-.772 5.325 4.392z' fill='%23fff'/%3E%3C/svg%3E") no-repeat top 50% right .625rem;
  background-size: .375rem;
  transition: opacity .3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  margin: 1.4375rem 0 0;
}

.c-sns:hover, .g-footer__nav a:hover, .shopify-buy__btn:hover {
  opacity: .7;
}

.shopify-buy__btn-disabled {
  background-image: none;
}

.c-imgd {
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.166666666666667;
}

.c-sns {
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  border-radius: 50%;
  transition: opacity .3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.is-invert .c-sns, .is-invert .c-time:before {
  background: #fff;
}

.c-sns img {
  width: .8125rem;
  height: .8125rem;
}

.c-sns:first-of-type img {
  margin: 0 0 0 -.0625rem;
}

.c-time {
  display: block;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.5;
  padding: 0 0 0 2.1875rem;
  position: relative;
}

.c-time:before {
  content: '';
  display: block;
  position: absolute;
  top: .84375rem;
  left: 0;
  height: .09375rem;
  background: #000;
  width: 1.6875rem;
}

.g-header__ln span, .u-hide--m {
  display: none;
}

.p-404 {
  padding: 3rem 1.25rem 10rem;
}

.p-404__inr {
  padding: 3.75rem 0 0 2.1875rem;
  font-size: 1.5625rem;
}

.p-about {
  background: #454545;
}

.p-about__inr {
  color: #fff;
  padding: 3.125rem 1.25rem 6.5625rem 3.4375rem;
}

.p-about__inr p+p {
  margin-top: 1.4375rem;
}

.p-about__header {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr;
  -ms-grid-columns: 1fr;
  grid-template: 1fr/1fr;
  position: relative;
}

.p-about__header__ly {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
      grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
      grid-column: 1/2;
  position: relative;
  z-index: 0;
}

.p-about__header__text {
  z-index: 1;
  padding: 3rem 1.25rem;
}

.p-about__heading {
  font-size: 1.125rem;
  margin: 0 0 3.125rem;
}

.p-about__text--en {
  margin: 5rem 0 0;
  font-size: .6875rem;
  letter-spacing: .02em;
  line-height: 1.909090909090909;
}

.p-about__text--ja {
  font-size: .75rem;
  letter-spacing: .02em;
  line-height: 1.916666666666667;
}

.p-about__pics {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}

.p-about__pic--0 {
  width: 74.93333333333332%;
}

.p-about__pic--0:before {
  padding: 0 0 66.90391459074732%;
}

.p-about__pic--1 {
  width: 52.800000000000004%;
  margin: 18.826666666666664% 0 0 41.733333333333334%;
}

.p-about__pic--1:before, .p-about__pic--2:before {
  padding: 0 0 66.66666666666666%;
}

.p-about__pic--2 {
  width: 52%;
  margin: 21.68% 0 0 7.546666666666667%;
}

.p-about__pic--3 {
  width: 34.66666666666667%;
  margin: -5.600000000000001% 0 0 51.04%;
}

.p-about__pic--3:before {
  padding: 0 0 66.92307692307692%;
}

.p-about__pic--4 {
  width: 28.666666666666668%;
  margin: 24.746666666666666% 0 0 66.02666666666667%;
}

.p-about__pic--4:before {
  padding: 0 0 124.65116279069768%;
}

.p-about__pic--5 {
  width: 47.733333333333334%;
  margin: -12.266666666666666% 0 0 8.16%;
}

.p-about__pic--5:before {
  padding: 0 0 125.13966480446928%;
}

.p-about__pic--6 {
  width: 66.4%;
  margin: 26.400000000000002% 0 0 22.453333333333333%;
}

.p-about__pic--6:before {
  padding: 0 0 66.66666666666666%;
}

.p-about__pic--7 {
  width: 29.333333333333332%;
  margin: 23.359999999999996% 0 0 63.12%;
}

.p-about__pic--7:before {
  padding: 0 0 150%;
}

.p-about__pic--8 {
  width: 42.66666666666667%;
  margin: .533333333333333% 0 0 7.199999999999999%;
}

.p-about__pic--8:before {
  padding: 0 0 66.875%;
}

.p-about__pic--9 {
  width: 60%;
  margin: 11.386666666666667% 0 0 30.266666666666666%;
}

.p-about__pic--9:before {
  padding: 0 0 66.66666666666666%;
}

.p-about__pic--10 {
  width: 30.933333333333334%;
  margin: 22.826666666666664% 0 0 8.16%;
  z-index: 1;
}

.p-about__pic--10:before {
  padding: 0 0 66.37931034482759%;
}

.p-about__pic--11 {
  width: 43.2%;
  margin: -4.533333333333333% 0 0 25.493333333333336%;
}

.p-about__pic--11:before, .p-mv__pic .c-pic:before,
.p-store__images .c-pic:before {
  padding: 0 0 66.66666666666666%;
}

.p-about__pic--12 {
  width: 57.333333333333336%;
  margin: 26.426666666666666% 0 0 42.559999999999995%;
}

.p-about__pic--12:before {
  padding: 0 0 66.51162790697674%;
}

.p-about__pic--13 {
  width: 75.46666666666667%;
  margin: 24.69333333333333% 0 0 12.16%;
}

.p-about__pic--13:before {
  padding: 0 0 66.78445229681978%;
}

.p-blog {
  padding: 6.5625rem 0 6.25rem 1.25rem;
}

.p-blog__inr {
  margin: .9375rem 0 0;
  padding: 0 0 0 2.1875rem;
}

.p-brand {
  padding: 3rem 1.25rem 4.375rem;
}

.p-brand__inr {
  margin: 0 -.3125rem;
  padding: 5rem 0 0;
}

.p-brand__header {
  padding: 0 0 3.75rem 2.5rem;
}

.p-brand__heading {
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.277777777777778;
}

.p-brand__desc {
  margin: 1.5625rem 0 0;
}

.g-footer {
  letter-spacing: 0;
}

.g-footer.is-invert, .g-header.is-invert {
  color: #fff;
}

.g-footer__inr {
  padding: 6.875rem 1.25rem 3.125rem;
  display: flex;
  flex-flow: wrap;
}

.g-footer__heading {
  width: 100%;
  order: 1;
  margin: 0 0 2.6875rem;
}

.g-footer__title {
  margin: 0 0 .9375rem;
}

.g-footer__nav--0 {
  padding: 0 0 0 2.1875rem;
  width: 9.6875rem;
  order: 2;
  font-size: 1.125rem;
  line-height: 1.666666666666667;
}

.g-footer__nav--1 {
  width: 11.25rem;
  order: 3;
  font-size: .75rem;
  letter-spacing: 0;
  line-height: 2;
}

.g-footer__nav a {
  display: inline-block;
  transition: opacity .3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.g-footer__c {
  order: 4;
  width: 100%;
  margin: 2.1875rem 0 0 2.1875rem;
  font-size: .8125rem;
  line-height: 1.692307692307692;
}

.g-footer__sns {
  display: flex;
  justify-content: space-between;
  width: 4.1875rem;
  margin: 1.875rem 0 0 2.1875rem;
  order: 5;
}

.g-footer__hide {
  color: transparent;
  pointer-events: none;
  font-size: 0;
  display: none;
}

.g-header {
  position: sticky;
  top: 0;
  z-index: 32;
  pointer-events: none;
  transition: color .3s;
  height: 3.375rem;
  margin: 0 0 -3.375rem;
}

.g-header__inr {
  position: relative;
  padding: .9375rem .875rem .9375rem 1.25rem;
  justify-content: space-between;
}

.g-header__inr, .g-header__ui {
  display: flex;
  align-items: center;
}

.g-header a, .g-header__ln {
  pointer-events: auto;
}

.g-header__ln {
  cursor: pointer;
  font-size: 1.5625rem;
  letter-spacing: 0;
  line-height: 1.2;
  transition: opacity .3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.g-header__ln:hover {
  opacity: .7;
}

.g-header__cart, .g-header__menu {
  width: 1.5rem;
  padding: .34375rem;
  margin: -.0625rem 0 0;
}

.g-header__menu {
  margin: 0 0 0 .25rem;
}

.g-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3d4d3d;
  overflow: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  color: #fff;
  z-index: 64;
}

.g-menu::-webkit-scrollbar {
  display: none;
}

.g-menu__close img, .is-menu-active .g-menu {
  display: block;
}

.g-menu__inr {
  padding: 4.375rem 1.875rem 3.75rem;
}

.g-menu__close {
  position: absolute;
  top: .9375rem;
  right: .9375rem;
  width: 1.4375rem;
  height: 1.4375rem;
  padding: .3125rem;
  cursor: pointer;
  font-size: 1.5625rem;
  line-height: 1.2;
}

.g-menu__grp--1 {
  display: none;
}

.g-menu__grp--3 {
  display: none;
  letter-spacing: 0;
}

.g-menu__i {
  border-top: 1px solid rgba(255, 255, 255, .3);
}

.g-menu__expand__inr {
  display: none;
  padding: .75rem 0;
}

.g-menu__categories {
  display: flex;
  font-size: .8125rem;
  line-height: 2.384615384615385;
}

.g-menu__categories--types {
  display: flex;
  flex-flow: column wrap;
  height: 11.625rem;
  width: 14.625rem;
}

.g-menu__categories--categories {
  width: 5.0625rem;
}

.g-menu__brands {
  display: flex;
  flex-flow: wrap;
  margin: -.9375rem 0 0 -.9375rem;
}

.g-menu__pages {
  border-top: 1px solid rgba(255, 255, 255, .3);
  font-size: .75rem;
  line-height: 2.833333333333333;
  padding: 1.75rem 0 0;
}

.p-home__more {
  padding: 0 1.25rem;
}

.p-mv {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto auto;
  -ms-grid-columns: 1fr;
  grid-template: auto auto auto/1fr;
  position: relative;
}

.p-mv__text, .p-mv__video {
  grid-row: 1/2;
  grid-column: 1/2;
}

.p-mv__text {
  z-index: 1;
  color: #fff;
  padding: 3.5rem 0 0 1.25rem;
}

.p-mv__video {
  z-index: 0;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  position: relative;
}

.p-mv__video:before {
  display: block;
  content: '';
  width: 100%;
  height: 0;
  padding: 0 0 160%;
}

.p-mv__video video, .p-mv__video:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-mv__video video {
  object-fit: cover;
}

.p-mv__video:after {
  z-index: 1;
  content: '';
  background: rgba(0, 0, 0, .39);
}

.p-mv__brands {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
      grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
      grid-column: 1/2;
  padding: 3.75rem 1.25rem;
  font-size: 1.25rem;
  letter-spacing: .04em;
  line-height: 1.6;
}

.p-mv__brands a:hover {
  text-decoration: underline;
}

.p-mv__pic {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
      grid-row: 3/4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
      grid-column: 1/2;
}

.c-spec {
  margin: 1.875rem 0 0;
}

.c-spec__toggle {
  display: flex;
  align-items: center;
  text-decoration: underline;
  cursor: pointer;
}

.c-spec__toggle:before {
  content: '';
  background: url(ui/plus.b.svg) no-repeat 0 0/contain;
  width: .625rem;
  height: .625rem;
  margin: 0 .40625rem 0 0;
}

.c-spec__toggle.is-open.c-spec__toggle:before {
  background-image: url(ui/minus.b.svg);
}

.c-spec__inr {
  overflow: hidden;
  max-height: 0;
  transition: max-height .5s;
  margin: 1.25rem 0 0;
  font-size: .6875rem;
  line-height: 1.818181818181818;
}

.is-open+.c-spec__inr {
  max-height: 100vh;
}

.p-store {
  padding: 3rem 0 1.25rem 3.4375rem;
}

.p-store__text {
  font-size: .75rem;
  letter-spacing: .02em;
  line-height: 1.916666666666667;
  padding: 0 0 4.5rem;
}

.p-store__text p+p {
  margin: 1.4375rem 0 0;
}

.p-store .c-time {
  margin: 0 0 3.4375rem -2.1875rem;
}

.p-store__images {
  flex: 1 1 auto;
}

.p-store__images .c-pic {
  width: 100%;
}

.p-store__images .wp-block-group__inner-container>:nth-child(n+2) {
  margin-top: .8375rem;
}

@media only screen and (min-width:768px) {
  html {
    font-size: 1.666666666666667vw;
  }

  body {
    font-size: .875rem;
    letter-spacing: .02em;
    line-height: 1.857142857142857;
  }

  .c-articles {
    padding: 10rem 0 10rem 1.125rem;
  }

  .c-article__li {
    padding: 0 0 0 3.125rem;
  }

  .c-article__li .c-time {
    margin: 0 0 1.875rem -3.125rem;
  }

  .c-article__li__ln {
    margin: 1.8125rem 0 0;
    width: 12.625rem;
    height: 3.6875rem;
    font-size: 1rem;
    font-feature-settings: normal;
    background-position: top 50% right 1.5625rem;
    background-size: .5625rem;
  }

  .c-article__li__excerpt {
    padding: 0;
    margin: 0;
    font-size: .875rem;
    line-height: 1.857142857142857;
    height: 13rem;
    max-height: none;
  }

  .c-article__li__tags {
    margin: 3.75rem 0 0;
    font-size: .75rem;
  }

  .c-article__li__text {
    pointer-events: none;
    width: 30.864197530864196%;
  }

  .c-article__li__images {
    margin: 0 0 0 -4.375rem;
    position: absolute;
    top: 0;
    width: calc(100% + 4.375rem);
    z-index: -1;
  }

  .c-article__li__images .swiper-container {
    font-size: 2.46875rem;
    padding: 0 0 0 45.02196193265007%;
  }

  .c-article__li__images .swiper-slide {
    margin: 0 1.75rem 0 0;
  }

  .c-article__li__fig__inr {
    height: 10em;
  }

  .c-article__li__fig__caption {
    margin: .625rem 0 0;
    text-align: center;
    line-height: 1.5;
  }

  .c-article__li__fig__caption br {
    display: inline;
  }

  .c-article__li__arrow {
    width: 10.125rem;
    height: 5.6875rem;
    top: 9.5rem;
    right: 2.875rem;
  }

  .c-article__eyecatch {
    width: 49.59546925566343%;
    flex-shrink: 0;
    order: 2;
  }

  .c-article__text__wrp {
    width: 41.262135922330096%;
    flex-shrink: 0;
    margin: 0 9.06148867313916% 0 0;
    order: 1;
  }

  .c-article__images {
    width: calc(100% + .625rem);
    order: 3;
    margin: 7.1875rem 0 0 -.625rem;
  }

  .c-article__images>:nth-child(n+2) {
    margin-top: 1.284109149277689%;
  }

  .c-article__pic {
    margin: 0;
  }

  .c-article__blog {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    -ms-grid-columns: 41.262135922330096% 9.06148867313916% 49.59546925566343%;
    grid-template-columns: 41.262135922330096% 9.06148867313916% 49.59546925566343%;
    width: 100%;
  }

  .c-article__blog .c-article__text__wrp {
    margin: 0;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
        grid-row: 1/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
        grid-column: 1/2;
    width: 100%;
  }

  .c-article__blog .c-article__text__wrp p {
    margin-top: 1.916666666666667em;
  }

  .c-article__blog .c-article__eyecatch {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
        grid-row: 1/2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
        grid-column: 3/4;
    width: 100%;
  }

  .c-article__blog .c-article__images {
    margin: 6.875rem 0 0;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
        grid-row: 2/3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
        grid-column: 3/4;
    width: 100%;
  }

  .c-article__blog .c-article__images>:nth-child(n+2) {
    margin-top: 2.610114192495922%;
  }

  .c-brand {
    width: 14.231655149720304%;
    margin: 3.290556103981573% 0 0 2.435011516946364%;
  }

  .c-brand figcaption {
    padding: .5rem 0 0;
    font-size: .75rem;
  }

  .c-imgs--2, .c-imgs--3 {
    display: flex;
  }

  .c-imgs--2 figure {
    flex-shrink: 0;
    width: 49.35794542536115%;
  }

  .c-imgs--2 figure+figure, .c-imgs--3 figure+figure {
    margin: 0 0 0 1.284109149277689%;
  }

  .c-imgs--3 figure {
    flex-shrink: 0;
    width: 32.47726056714821%;
  }

  .c-pagination {
    padding: 0;
  }

  ul.page-numbers {
    justify-content: center;
    font-size: 1.25rem;
  }

  ul.page-numbers .page-numbers {
    width: 1.875rem;
  }

  ul.page-numbers .page-numbers.next {
    margin: 0 0 0 1.875rem;
  }

  ul.page-numbers .page-numbers.prev {
    margin: 0 1.875rem 0 0;
  }

  .c-product-list {
    padding: 4.5625rem 1.125rem 3.125rem;
  }

  .c-product-list__inr {
    padding: 10rem 3.25rem 0;
    margin: 0;
  }

  .c-product-list__heading {
    font-size: 1.5625rem;
    line-height: 1.2;
    padding: 0 0 4.0625rem;
  }

  .c-products {
    margin: -4.893964110929853% 0 0 -3.67047308319739%;
  }

  .c-product {
    margin: 4.720692368214005% 0 0 3.540519276160504%;
    width: 21.459480723839498%;
  }

  .c-product figcaption {
    font-size: .8125rem;
    line-height: 1.538461538461539;
    text-align: center;
    margin: 1.125rem 0 0;
  }

  .shopify-buy-frame {
    max-width: 300px;
  }

  .shopify-buy__option-select__label {
    font-size: .6875rem;
  }

  .shopify-buy__btn {
    width: 12.625rem;
    height: 3.6875rem;
    font-size: 1rem;
    letter-spacing: .02em;
    background-position: top 50% right 1.5625rem;
    background-size: .5625rem;
  }

  .c-imgd {
    font-size: 1.5625rem;
    line-height: 1.2;
  }

  .c-sns {
    width: 2.875rem;
    height: 2.875rem;
  }

  .c-sns img {
    width: 1rem;
    height: 1rem;
  }

  .c-time {
    font-size: 1.5625rem;
    line-height: 1.52;
    padding: 0 0 0 3.125rem;
  }

  .c-time:before {
    top: 1.1875rem;
    width: 2.625rem;
  }

  .g-header__ln svg, .g-menu__close img, .u-hide {
    display: none;
  }

  .u-hide--m {
    display: inline;
  }

  .p-404 {
    padding: 4.5625rem 1.125rem 16.25rem;
  }

  .p-404__inr {
    padding: 5rem 0 0 3.25rem;
  }

  .p-about__inr {
    padding: 9.0625rem 6.25rem 11.25rem;
    max-width: 1200px;
    margin: 0 auto;
  }

  .p-about__header__text {
    padding: 4.375rem 1.125rem;
  }

  .p-about__header__pic:before {
    padding: 0 0 56.22254758418741%;
  }

  .p-about__heading {
    font-size: 1.75rem;
    line-height: 1.428571428571429;
    margin: 0 0 5.625rem;
  }

  .p-about__wrp>div {
    display: flex;
    flex-flow: row-reverse;
    justify-content: flex-end;
  }

  .p-about__text--en {
    margin: 0;
    width: 34.375rem;
    font-size: .9375rem;
    line-height: 2;
  }

  .p-about__text--ja {
    margin: 0 0 0 5.625rem;
    width: 34.375rem;
    font-size: 1rem;
    line-height: 2.3125;
  }

  .p-about__pic--0 {
    width: 51.244509516837475%;
    margin: 0 0 0 16.471449487554903%;
  }

  .p-about__pic--0:before {
    padding: 0 0 67%;
  }

  .p-about__pic--1 {
    width: 36.16398243045388%;
    margin: 12.811127379209369% 0 0 48.68228404099561%;
  }

  .p-about__pic--1:before {
    padding: 0 0 66.80161943319838%;
  }

  .p-about__pic--2 {
    width: 47.2913616398243%;
    margin: 12.95754026354319% 0 0 7.393850658857979%;
  }

  .p-about__pic--2:before {
    padding: 0 0 66.87306501547987%;
  }

  .p-about__pic--3 {
    width: 31.478770131771594%;
    margin: -5.197657393850659% 0 0 46.85212298682284%;
  }

  .p-about__pic--3:before {
    padding: 0 0 66.97674418604652%;
  }

  .p-about__pic--4 {
    width: 19.692532942898975%;
    margin: 13.689604685212299% 0 0 65.44655929721816%;
  }

  .p-about__pic--4:before {
    padding: 0 0 125.65055762081785%;
  }

  .p-about__pic--5 {
    width: 32.942898975109806%;
    margin: -8.49194729136164% 0 0 17.93557833089312%;
  }

  .p-about__pic--5:before {
    padding: 0 0 125.55555555555556%;
  }

  .p-about__pic--6 {
    width: 54.31918008784773%;
    margin: 18.301610541727673% 0 0 27.59882869692533%;
  }

  .p-about__pic--6:before {
    padding: 0 0 66.57681940700809%;
  }

  .p-about__pic--7 {
    width: 22.10834553440703%;
    margin: 15.885797950219619% 0 0 66.398243045388%;
  }

  .p-about__pic--7:before {
    padding: 0 0 150.33112582781456%;
  }

  .p-about__pic--8 {
    width: 39.53147877013177%;
    margin: -7.759882869692533% 0 0 10.029282576866764%;
  }

  .p-about__pic--8:before, .p-about__pic--9:before {
    padding: 0 0 66.66666666666666%;
  }

  .p-about__pic--9 {
    width: 54.465592972181554%;
    margin: 10.102489019033674% 0 0 30.67349926793558%;
  }

  .p-about__pic--10 {
    width: 28.62371888726208%;
    margin: 17.05710102489019% 0 0 10.029282576866764%;
  }

  .p-about__pic--10:before {
    padding: 0 0 66.75191815856778%;
  }

  .p-about__pic--11 {
    width: 39.82430453879942%;
    margin: -4.319180087847731% 0 0 26.061493411420205%;
  }

  .p-about__pic--11:before {
    padding: 0 0 66.54411764705883%;
  }

  .p-about__pic--12 {
    width: 47.950219619326504%;
    margin: 17.1303074670571% 0 0 39.751098096632504%;
  }

  .p-about__pic--12:before {
    padding: 0 0 66.5648854961832%;
  }

  .p-about__pic--13 {
    width: 60.24890190336749%;
    margin: 20.863836017569547% 0 0 19.838945827232795%;
  }

  .p-about__pic--13:before {
    padding: 0 0 66.70716889428918%;
  }

  .p-blog {
    padding: 12.5rem 3.75rem .625rem 1.125rem;
  }

  .p-blog__inr {
    margin: 1.875rem 0 0;
    padding: 0 0 0 3.25rem;
    display: flex;
    flex-flow: wrap;
  }

  .p-brand {
    padding: 4.5625rem 1.125rem 3.125rem;
  }

  .p-brand__inr {
    padding: 10rem 3.25rem 0;
    margin: 0;
  }

  .p-brand__header {
    display: flex;
    padding: 0 0 7.75rem;
  }

  .p-brand__heading {
    font-size: 1.5625rem;
    line-height: 1.2;
    width: 38.33605220228385%;
    flex-shrink: 0;
  }

  .p-brand__desc {
    flex: 1 1 auto;
    margin: 0;
  }

  .g-footer__inr {
    padding: 15.625rem 2.8125rem 4.6875rem 1.125rem;
  }

  .g-footer__heading {
    width: 56.824512534818936%;
    max-width: 28.75rem;
  }

  .g-footer__nav--0 {
    font-size: 1.5625rem;
    line-height: 1.48;
    padding: 0;
    width: 22.284122562674096%;
    max-width: 10rem;
    margin: -.25rem 0 0;
  }

  .g-footer__nav--1 {
    font-size: .9375rem;
    line-height: 1.8;
    width: auto;
    flex: 1 1 auto;
  }

  .g-footer__c {
    font-size: 1.0625rem;
    line-height: 1.647058823529412;
    order: 5;
    margin: 5rem 0 0 3.125rem;
  }

  .g-footer__sns {
    width: 6.4375rem;
    margin: 1.875rem 0 0 3.125rem;
  }

  .g-header {
    height: 4.625rem;
    margin: 0 0 -4.625rem;
  }

  .g-header__inr {
    padding: 1.375rem 1.875rem 1.375rem 1.125rem;
  }

  .g-header__ln span {
    display: block;
  }

  .g-header__cart, .g-header__menu {
    padding: 0;
    width: auto;
  }

  .g-header__menu {
    margin: 0 0 0 2.5rem;
  }

  .g-menu__inr {
    display: flex;
    flex-flow: wrap;
    padding: 5rem 5.625rem;
  }

  .g-menu__close {
    width: auto;
    height: auto;
    top: 1.375rem;
    right: 1.875rem;
    padding: 0;
  }

  .g-menu__grp--0 {
    width: 13.125rem;
  }

  .g-menu__grp--1 {
    display: block;
    width: 21.25rem;
  }

  .g-menu__grp--3 {
    display: block;
    width: 100%;
    margin: 5.25rem 0 0;
  }

  .g-menu__i {
    border: 0;
  }

  .g-menu__a {
    font-size: 1.6875rem;
    line-height: 1.777777777777778;
    transition: opacity .3s;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }

  .g-menu__a:hover {
    opacity: .7;
  }

  .g-menu__expand {
    display: none;
  }

  .g-menu__categories {
    font-size: .9375rem;
    line-height: 1.866666666666667;
  }

  .g-menu__categories--types {
    width: 70.58823529411765%;
  }

  .g-menu__categories--categories {
    width: 29.411764705882355%;
  }

  .g-menu__brands {
    margin: -3.372681281618887% 0 0 -2.495784148397977%;
  }

  .g-menu__pages {
    padding: 0 0 0 1.875rem;
    line-height: 2.333333333333333;
    border: 0;
  }

  .p-home__more {
    padding: 0 4.25rem;
  }

  .p-mv {
    -ms-grid-rows: auto auto;
    -ms-grid-columns: 480fr 886fr;
    grid-template: auto auto/480fr 886fr;
  }

  .p-mv__text {
    padding: 4.5625rem 0 0 1.125rem;
  }

  .p-mv__brands {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
        grid-row: 1/2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
        grid-column: 2/3;
    display: flex;
    align-items: flex-end;
    font-size: 2.12298682284041vw;
    line-height: 1.551724137931034;
    padding: 6.772009029345373% 25.056433408577877% 6.772009029345373% 4.853273137697517%;
  }

  .p-mv__pic {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
        grid-row: 2/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
        grid-column: 1/3;
  }

  .p-mv__pic .c-pic:before {
    padding: 0 0 49.780380673499266%;
  }

  .p-store {
    padding: 0;
  }

  .p-store__wrp {
    display: flex;
  }

  .p-store__text {
    font-upadte: 14 25;
    padding: 4.375rem 1.875rem 4.375rem 4.375rem;
    width: 25.75rem;
  }

  .p-store__text>.wp-block-group__inner-container {
    height: 100%;
  }

  .p-store__text__inr .wp-block-group__inner-container {
    display: flex;
    flex-flow: column;
    justify-content: center;
  }

  .p-store .c-time {
    margin: 0 0 5.625rem -3.125rem;
  }

  .p-store__images .wp-block-group__inner-container>:nth-child(n+2) {
    margin-top: 1.875rem;
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .c-article__blog .c-article__images {
    margin: 2.610114192495922% 0 0;
  }
}

@media only screen and (min-width:961px) {
  html {
    font-size: 100%;
  }
}

@media only screen and (min-width:1367px) {
  .c-article__li__text {
    width: 400px;
  }

  .c-article__li__images .swiper-container {
    padding: 0 0 0 615px;
  }

  .p-mv__brands {
    font-size: 1.8125rem;
  }
}

@media only screen and (max-width:767px) {
  .g-menu__a {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    height: 3.75rem;
  }

  .g-menu__expand {
    cursor: pointer;
  }

  .g-menu__expand .g-menu__a {
    background: url(ui/plus.svg) no-repeat top 50% right 0/.8125rem;
  }

  .g-menu__expand.is-open .g-menu__expand__inr {
    display: block;
  }

  .g-menu__expand.is-open .g-menu__a {
    background-image: url(ui/minus.svg);
  }
}

@media only screen and (max-width:320px) {
  html {
    font-size: 87.5%;
  }
}