<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset 'UTF-8';

/* reset
------------------------------------------------ */
body,div,pre,p,a,img,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object,
figure,figcaption {
  margin: 0;
  padding: 0;
}
html { height: 100vh; font-size: 62.5%; }
body {
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  font-family: 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', 'Meiryo', '繝｡繧､繝ｪ繧ｪ', '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #3E3A39;
}

.f-Serif { font-family: 'Noto Serif JP', serif; }
.f-Barlow { font-family: 'Barlow', sans-serif; }
.f-GildaDisplay { font-family: 'Gilda Display', serif; }

*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0.03em; }

ul,ol { list-style: none; }
img { width: auto; height: auto; max-width: 100%; border: none; vertical-align: top; }
picture { display: block; position: relative; width: 100%; }
.object-fit-img { width: 100%; height: 100%; max-width: inherit; object-fit: cover; font-family: 'object-fit: cover;'; }
a { text-decoration: none; color: #3E3A39; }
.device-click a { transition: 0.4s ease; }
.device-click a:hover { color: #9B9B9B; }

@media screen and (max-width: 768px) {
  .visible-mobile { display: inherit !important; }
  .visible-desktop { display: none !important; }
}

@media screen and (min-width: 769px) {
  *,
  *:before,
  *:after { letter-spacing: 0.06em; }
  .visible-mobile { display: none !important; }
  .visible-desktop { display: inherit !important; }
}

/* clearfix
------------------------------------------------ */
.clearfix { clear: both; }
.clearfix:before,.clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

/* containerv
------------------------------------------------ */
#container { position: relative; }
.wrap { position: relative; }

@media screen and (min-width: 769px) {
  .wrap { margin: 0 auto; padding: 0 20px; max-width: 1246px; }
}

/* header
------------------------------------------------ */
.l-header { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; height: 62px; z-index: 10; }
.hd-logo { position: absolute; top: 10px; left: 20px; width: 25px; height: 40px; z-index: 2; }
.hd-logo &gt; a { display: block; width: 100%; height: 100%; }
.hd-info { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 1; }
.hd-links-lists { display: flex; position: relative; }
.hd-links-lists__item { font-family: 'Barlow', sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 1.2; }
.hd-links-lists__item:not(:first-child) { margin-left: 28px; }
.hd-links-lists__item &gt; a { display: inline-block; vertical-align: top; }
.hd-links-lists__item span { display: inline-block; margin-left: 0.2em; vertical-align: top; }
.hd-links-lists__item span::before { content: '('; }
.hd-links-lists__item span::after { content: ')'; }
.hd-btns { display: flex; align-items: center; position: absolute; top: 18px; right: 84px; }
.hd-btns-item:not(:first-child) { margin-left: 18px; }
.hd-btns-item &gt; a { display: block; position: relative; width: 100%; height: 100%; }
.device-click .hd-btns-item &gt; a::after { content: ''; position: absolute; top: 0; left: 0; transition: opacity 0.4s ease; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; opacity: 0; }
.device-click .hd-btns-item &gt; a img { transition: opacity 0.4s ease; }
.device-click .hd-btns-item &gt; a:hover img { opacity: 0; }
.device-click .hd-btns-item &gt; a:hover::after { opacity: 1; }

.hd-btns-favorite { width: 17px; height: 23px; }
.device-click .hd-btns-favorite &gt; a::after { background-image: url(../img/icon/favorite2.svg); }
.hd-btns-search { width: 20px; height: 20px; }
.device-click .hd-btns-search &gt; a::after { background-image: url(../img/icon/search2.svg); }
.hd-btns-instagram { width: 25px; height: 25px; }
.device-click .hd-btns-instagram &gt; a::after { background-image: url(../img/icon/sns_instagram2.svg); }

.l-gnav { position: absolute; top: 0; right: 0; width: 100%; }
.gnav-trigger { position: absolute; top: 20px; right: 20px; width: 38px; height: 24px; z-index: 3; }
.gnav-trigger &gt; a { display: block; width: 100%; height: 100%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.gnav-trigger &gt; a::before,
.gnav-trigger &gt; a::after { content: ''; position: absolute; left: 0; transition: 0.4s ease; width: 100%; height: 1px; background-color: #3E3A39; }
.gnav-trigger &gt; a::before { top: 6px; }
.gnav-trigger &gt; a::after { top: 14px; }
.gnav-trigger &gt; a.is-active::before { top: 12px; transform: rotate(30deg); }
.gnav-trigger &gt; a.is-active::after { top: 12px; transform: rotate(-30deg); }
#gnav-target { pointer-events: none; position: absolute; top: 0; right: 0; transition: 0.4s ease; width: 100%; height: 100dvh; background-color: #fff; z-index: -1; opacity: 0; }
#gnav-target.is-active { pointer-events: inherit; opacity: 1; }
.gnav-content { position: relative; height: 100%; }
.gnav-links { position: absolute; top: 150px; left: 0; padding: 0 45px; width: 100%; height: calc(100% - 230px); overflow-y: auto; }
.gnav-links-item { font-family: 'Barlow', sans-serif; font-size: 2rem; font-weight: 300; line-height: 1.2; }
.gnav-links-item:not(:first-child) { margin-top: 26px; }
.gnav-links-item &gt; a { display: block; position: relative; }
.gnav-links-item &gt; a[href='#']::after { content: ''; position: absolute; top: 8px; right: 0; transition: 0.4s ease; width: 13px; height: 8px; background: url(../img/icon/arrow_down1.svg) no-repeat center center; background-size: 100% 100%; }
.gnav-links-item &gt; a.is-active[href='#']::after { transform: rotate(180deg); }
.gnav-sub { display: none; padding-top: 22px; }
.gnav-sublinks-item { font-size: 1.8rem; line-height: 1.2; }
.gnav-sublinks:not(:first-child),
.gnav-sublinks-item:not(:first-child) { margin-top: 16px; }
.gnav-sublinks-item &gt; a { display: inline-block; vertical-align: top; color: #9B9B9B; }
.gnav-others { display: flex; justify-content: center; position: absolute; bottom: 38px; left: 0; width: 100%; }
.gnav-others-item { font-size: 1.2rem; line-height: 1.2; }
.gnav-others-item:not(:first-child) { margin-left: 26px; }
.gnav-others-item &gt; a { display: inline-block; vertical-align: top; color: #9B9B9B; }

.device-click .gnav-sublinks-item &gt; a:hover,
.device-click .gnav-others-item &gt; a:hover { color: #3E3A39; }

#hd-search { display: none; position: absolute; width: 100%; background-color: #fff; z-index: 10; }
.hd-search-content { display: flex; align-items: center; position: relative; }
.hd-search-input { width: calc(100% - 32px); }
.hd-search-input input { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; padding: 12px 0 12px 10px; width: 100%; background: none; border: none; border-radius: 0; box-shadow: none; font-family: inherit; font-size: 1.4rem; line-height: 1.2; }
.hd-search-submit { display: flex; justify-content: center; align-items: center; position: absolute;top: 0; right: 0; width: 32px; height: 100%; }
.hd-search-submit &gt; a { display: block; margin: 0 auto; width: 16px; height: 16px; }

.gnav-gallery { position: absolute; top: 98px; left: 80px; width: calc(100% - (447px + 80px)); height: calc(100% - (98px + 64px)); overflow: hidden; }
.gnav-gallery-slide,
.gnav-gallery .slide-auto-frame,
.gnav-gallery .slide-auto-move,
.gnav-gallery .slide-auto-item { height: 100%; }
.gnav-gallery .slide-auto-item img { position: absolute; top: 0; left: 0; }

body.body-gnav-open { position: absolute; top: 0; left: 0; }

@media screen and (max-width: 768px) {
  .hd-links { position: absolute; bottom: -22px; right: 20px; }
  .hd-links-lists:first-child { display: none; }

  .gnav-gallery { display: none; }
  .body-gnav-open { position: fixed; top: 0; left: 0; }

  #hd-search { top: 62px; left: 0; border-top: 1px solid #9B9B9B; }
  .hd-search-content { margin: 20px; border: 1px solid #3E3A39; }
}

@media screen and (min-width: 769px) {
  .l-header { height: 98px; }
  .hd-logo { top: 22px; left: 48px; width: 34px; height: 56px; }
  .hd-links { display: flex; position: absolute; top: 34px; right: 270px; }
  .hd-links-lists:first-child { margin-right: 28px; padding-right: 28px; }
  .hd-links-lists:first-child::after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -7px; width: 1px; height: 14px; background-color: #C7BCBA; }
  .hd-links-lists__item { font-size: 1.6rem; }
  .hd-links-lists__item:not(:first-child) { margin-left: 28px; }
  .hd-btns { top: 30px; right: 100px; }
  .hd-btns-item:not(:first-child) { margin-left: 28px; }

  .hd-btns-favorite { width: 19px; height: 26px; }
  .hd-btns-search { width: 23px; height: 25px; }
  .hd-btns-instagram { width: 28px; height: 28px; }

  .gnav-trigger { top: 34px; right: 32px; }

  #gnav-target { width: 100%; }

  .gnav-content { margin-left: auto; width: 447px; }
  .gnav-links { top: 140px; padding: 0 120px 0 80px; height: calc(100% - 260px); }
  .gnav-sublinks { display: grid; }
  .gnav-sublinks-item { width: 50%; }
  .gnav-sublinks-item:nth-of-type(4n+1),
  .gnav-sublinks-item:nth-of-type(4n+2),
  .gnav-sublinks-item:nth-of-type(4n+3),
  .gnav-sublinks-item:nth-of-type(4n+4) { grid-column: 2 / 3; }
  .gnav-sublinks-item:nth-of-type(-n+4),
  .gnav-sublinks-item:nth-of-type(8n+1),
  .gnav-sublinks-item:nth-of-type(8n+2),
  .gnav-sublinks-item:nth-of-type(8n+3),
  .gnav-sublinks-item:nth-of-type(8n+4) { grid-column: 1 / 2; }
  .gnav-sublinks-item:nth-of-type(5) { grid-row: 1 / 2; margin-top: 0; }
  .gnav-sublinks-item:nth-of-type(6) { grid-row: 2 / 3; }
  .gnav-sublinks-item:nth-of-type(7) { grid-row: 3 / 4; }
  .gnav-sublinks-item:nth-of-type(8) { grid-row: 4 / 5; }
  .gnav-sublinks-item:nth-of-type(13) { grid-row: 5 / 6; }
  .gnav-sublinks-item:nth-of-type(14) { grid-row: 6 / 7; }
  .gnav-sublinks-item:nth-of-type(15) { grid-row: 7 / 8; }
  .gnav-sublinks-item:nth-of-type(16) { grid-row: 8 / 9; }
  .gnav-others { bottom: 56px; }

  .body-gnav-open .hd-links-lists:first-child { display: none; }

  #hd-search { top: 50%; left: 50%; transform: translate(-50%,-50%); width: 67.2035139092%; max-width: calc(100vw - 400px); }
  .hd-search-content { margin: 0 auto; max-width: 711px; border-bottom: 1px solid #D9D9D9; }
  .hd-search-input { width: calc(100% - 64px); }
  .hd-search-input input { padding: 18px 38px 18px 14px; font-size: 1.2rem; }
  .hd-search-submit { position: absolute; top: 18px; right: 30px; width: 16px; height: 16px; }
  .hd-search-submit &gt; a { display: block; width: 100%; height: 100%; }
}

@media screen and (min-width: 769px) and (max-width: 900px) {
  .hd-links:first-child .hd-links-lists:first-child { display: none; }
}

/* main
------------------------------------------------ */
.l-main { display: block; position: relative; padding-top: 68px; width: 100%; }

@media screen and (min-width: 769px) {
  .l-main { padding-top: 130px; }
}

/* lazy */
.lazy { transition: transform 0.4s ease-out, opacity 0.4s ease-out; transform: translateY(20px); opacity: 0; }
.lazy-done { transform: translate(0); opacity: 1; }

/* topicpath */
.topicpath { display: flex; position: relative; z-index: 5; }
.topicpath-item { font-family: 'Barlow', 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', 'Meiryo', '繝｡繧､繝ｪ繧ｪ', '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; font-size: 1.4rem; font-weight: 300; line-height: 1.2; }
.topicpath-item &gt; a { display: inline-block; vertical-align: top; }
.topicpath-item &gt; span { display: inline-block; text-decoration: underline; vertical-align: top; }
.topicpath-item:not(:last-child)::after { content: '&gt;'; padding: 0 0.2em; }

@media screen and (max-width: 768px) {
  .topicpath { margin-bottom: 56px; padding: 0 20px; }
}

/* page-title */
.page-title-1 { margin-bottom: 76px; font-family: 'Gilda Display', serif; font-size: 3rem; font-weight: 400; letter-spacing: 0.02em; line-height: 1.2; }
.page-title-2 { margin-bottom: 85px; font-family: 'Noto Serif JP', serif; font-size: 2.2rem; font-weight: 400; letter-spacing: 0.06em; line-height: 1.2; }
.page-title-3 { margin-bottom: 35px; font-family: 'Gilda Display', serif; font-size: 5rem; font-weight: 400; letter-spacing: 0.02em; line-height: 1.2; }

@media screen and (max-width: 768px) {
  .page-title-1 { text-align: center; }
  .page-title-2 { text-align: center; }
}

@media screen and (min-width: 769px) {
  .page-title-1 { margin-bottom: 56px; font-size: 5rem; }
  .page-title-2 { margin-bottom: 66px; font-size: 2.8rem; }
  .page-title-3 { margin-bottom: 75px; }
}

/* page-sticky */
.page-sticky-links__item:not(:first-child) { margin-top: 22px; }
.page-sticky-links__item &gt; a { display: inline-block; position: relative; vertical-align: top; }
.page-sticky-links__en { font-family: 'Barlow', sans-serif; font-size: 1.8rem; font-weight: 400; line-height: 1.2; }
.page-sticky-links__ja { margin-top: 5px; font-size: 1rem; letter-spacing: 0.1em; line-height: 1.2; color: #9B9B9B; }
.page-sticky-visual { position: relative; }
.page-sticky-title { text-align: center; font-family: 'Gilda Display', serif; font-size: 3rem; font-weight: 400; letter-spacing: 0.02em; line-height: 1.2; }

@media screen and (max-width: 768px) {
  .page-sticky { display: flex; flex-flow: column; }
  .page-sticky-links { order: 2; margin-top: 50px; padding: 28px 0; background-color: #F7F7F7; }
  .page-sticky-links__item &gt; a { display: block; padding: 0 30px; }
  .page-sticky-links__item &gt; a::after { content: ''; position: absolute; top: 50%; right: 30px; margin-top: -4px; width: 16px; height: 9px; background: url(../img/icon/arrow_down1.svg) no-repeat center center; background-size: 100% 100%; }
  .page-sticky-visual { order: 1; }
  .page-sticky-title { margin-bottom: 86px; }
  .page-sticky-photo { margin: 0 20px; }
  .page-sticky-content { order: 3; }
}

@media screen and (min-width: 769px) {
  .page-sticky { display: flex; flex-wrap: wrap; align-items: flex-start; position: relative; }
  .page-sticky-links { position: sticky; left: 20px; margin-top: 30.0146412884vw; width: 280px; z-index: 8; }
  .page-sticky-visual { margin: -16px 0 0 auto; width: calc(100% - 300px); }
  .page-sticky-title { position: absolute; top: 0; right: 12px; transform-origin: right top; transform: rotate(90deg) translateX(100%); font-size: 5rem; }
  .page-sticky-photo { width: 68.4989429175%; max-width: 648px; }
  .page-sticky-content { width: 100%; }
}

@media screen and (min-width: 1246px) {
  .page-sticky-links { margin-top: 410px; left: calc(((100vw - 1226px) / 2)); }
  .page-sticky-visual { width: calc(100% - (280px + ((100vw - 1226px) / 2))); }
  .page-sticky-title { right: calc(((100vw - 1226px) / 2)); }
}

/* title */
.title-1 { position: relative; margin-bottom: 24px; font-family: 'Gilda Display', serif; font-size: 3rem; font-weight: 400; letter-spacing: 0.02em; line-height: 1.2; }
.title-2 { margin-bottom: 15px; font-family: 'Noto Serif JP', serif; font-size: 1.6rem; font-weight: 400; letter-spacing: 0.2em; line-height: 1.2; }

@media screen and (min-width: 769px) {
  .title-1 { margin-bottom: 46px; font-size: 4rem; }
  .title-2 { margin-bottom: 32px; font-size: 2rem; }
}

/* text */
.text-none { padding: 20px 0; text-align: center; font-size: 1.4rem; }

@media screen and (min-width: 769px) {
  .text-none { padding: 60px 0; font-size: 1.6rem; }
}

/* category */
.cat-1 { display: flex; flex-wrap: wrap; }
.cat-1-item &gt; a { display: block; position: relative; width: 100%; }
.cat-1-photo { position: relative; padding-bottom: 150.632911392%; width: 100%; height: 0; background-color: #3E3A39; overflow: hidden; z-index: 1; }
.cat-1-photo img { position: absolute; top: 0; left: 0; filter: grayscale(100%); }
.cat-1-title { position: relative; font-family: 'Gilda Display', serif; font-size: 2rem; letter-spacing: 0.02em; line-height: 1.2; z-index: 2; }

.device-click .cat-1-item &gt; a .cat-1-photo { transition: background-color 0.4s ease; }
.device-click .cat-1-item &gt; a .cat-1-title { transition: color 0.4s ease; }
.device-click .cat-1-item &gt; a:hover .cat-1-photo { background-color: #F8EE2C; }
.device-click .cat-1-item &gt; a:hover .cat-1-title { color: #3E3A39; }

/*.device-click */.cat-1-item.has-photo &gt; a:hover .cat-1-title { color: #fff; }
/*.device-click */.cat-1-item &gt; a .cat-1-photo img { transition: transform 0.4s ease, filter 0.4s ease; backface-visibility: hidden; }
/*.device-click */.cat-1-item &gt; a:hover .cat-1-photo img { transform: scale(1.08); filter: grayscale(0); }

@media screen and (max-width: 768px) {
  .cat-1-item &gt; a { display: flex; flex-flow: column-reverse; }
  .cat-1-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; }

  .cat-1-item.has-photo .cat-1-title { position: relative; top: auto; left: auto; transform: none; padding: 8px 4px; color: #3E3A39 !important; }
  .cat-1-item.has-photo .cat-1-title::after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -6px; width: 7px; height: 12px; background: url(../img/icon/arrow1.svg) no-repeat center center; background-size: 100% 100%; }

  .cat-1[data-column-mobile='2'] .cat-1-item { margin: 18px 18px 0 0; width: calc(50% - (18px / 2)); }
  .cat-1[data-column-mobile='2'] .cat-1-item:nth-of-type(-n+2) { margin-top: 0; }
  .cat-1[data-column-mobile='2'] .cat-1-item:nth-of-type(2n) { margin-right: 0; }
}

@media screen and (min-width: 769px) {
  .cat-1-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 3.2rem; color: #fff; }

  .cat-1[data-column-desktop='5'] .cat-1-item { margin: 25px 25px 0 0; width: calc(20% - (25px / (5 / 4))); }
  .cat-1[data-column-desktop='5'] .cat-1-item:nth-of-type(-n+5) { margin-top: 0; }
  .cat-1[data-column-desktop='5'] .cat-1-item:nth-of-type(5n) { margin-right: 0; }
}

/* product */
.prd-1-item &gt; a { display: block; position: relative; }
.prd-1-photo { position: relative; overflow: hidden; }
.prd-1-info { margin-top: 10px; }
.prd-1-cat { margin-bottom: 10px; font-family: 'Barlow', sans-serif; font-size: 1.4rem; letter-spacing: 0.05em; line-height: 1.2; color: #9B9B9B; }
.prd-1-title { margin-bottom: 10px; font-family: 'Gilda Display', serif; font-size: 2rem; letter-spacing: 0.02em; line-height: 1.2; }
.prd-1-price { font-family: 'Barlow', sans-serif; font-size: 1.4rem; letter-spacing: 0.03em; line-height: 1.2; }

.device-click .prd-1-item &gt; a .prd-1-gallery img,
.device-click .prd-1-item &gt; a .prd-1-photo img { transition: transform 0.4s ease; }
.device-click .prd-1-item &gt; a:hover .prd-1-gallery .is-active img,
.device-click .prd-1-item &gt; a:hover .prd-1-photo img { transform: scale(1.08); }

@media screen and (max-width: 768px) {
  .prd-1[data-column-mobile='2'] { display: flex; flex-wrap: wrap; }
  .prd-1[data-column-mobile='2'] .prd-1-item { margin: 38px 18px 0 0; width: calc(50% - (18px / 2)); }
  .prd-1[data-column-mobile='2'] .prd-1-item:nth-of-type(-n+2) { margin-top: 0; }
  .prd-1[data-column-mobile='2'] .prd-1-item:nth-of-type(2n) { margin-right: 0; }
}

@media screen and (min-width: 769px) {
  .prd-1-info { margin-top: 25px; }
  .prd-1-cat { margin-bottom: 12px; font-size: 1.6rem; }
  .prd-1-title { margin-bottom: 10px; font-size: 2.4rem; }
  .prd-1-price { font-size: 1.8rem; }

  .prd-1[data-column-desktop='3'] { display: flex; flex-wrap: wrap; }
  .prd-1[data-column-desktop='3'] .prd-1-item { margin: 70px 23px 0 0; width: calc(33.33% - (23px / 1.5)); }
  .prd-1[data-column-desktop='3'] .prd-1-item:nth-of-type(-n+3) { margin-top: 0; }
  .prd-1[data-column-desktop='3'] .prd-1-item:nth-of-type(3n) { margin-right: 0; }
}

/* journal */
.journal-1 { position: relative; }
.journal-1-item &gt; a { display: block; position: relative; padding-bottom: 26px; width: 100%; height: 100%; }
.journal-1-photo { position: relative; overflow: hidden; }
.journal-1-info { margin-top: 12px; }
.journal-1-title { font-family: 'Noto Serif JP', serif; font-size: 1.4rem; letter-spacing: 0.1em; line-height: 1.57142857143; }
.journal-1-date { position: absolute; bottom: 0; left: 0; width: 100%; font-family: 'Barlow', sans-serif; font-size: 1.4rem; letter-spacing: 0.05em; line-height: 1.2; color: #9B9B9B; }

.device-click .journal-1-item &gt; a .journal-1-photo img { transition: transform 0.4s ease; }
.device-click .journal-1-item &gt; a:hover .journal-1-photo img { transform: scale(1.08); }

@media screen and (max-width: 768px) {
  .journal-1[data-column-mobile='2'] { display: flex; flex-wrap: wrap; }
  .journal-1[data-column-mobile='2'] .journal-1-item { margin: 38px 18px 0 0; width: calc(50% - (18px / 2)); }
  .journal-1[data-column-mobile='2'] .journal-1-item:nth-of-type(-n+2) { margin-top: 0; }
  .journal-1[data-column-mobile='2'] .journal-1-item:nth-of-type(2n) { margin-right: 0; }
}

@media screen and (min-width: 769px) {
  .journal-1-item &gt; a { padding-bottom: 32px; }
  .journal-1-info { margin-top: 26px; }
  .journal-1-title { font-size: 1.8rem; line-height: 1.66666666667; }
  .journal-1-date { font-size: 1.6rem; }

  .journal-1[data-column-desktop='3'] { display: flex; flex-wrap: wrap; }
  .journal-1[data-column-desktop='3'] .journal-1-item { margin: 70px 23px 0 0; width: calc(33.33% - (23px / 1.5)); }
  .journal-1[data-column-desktop='3'] .journal-1-item:nth-of-type(-n+3) { margin-top: 0; }
  .journal-1[data-column-desktop='3'] .journal-1-item:nth-of-type(3n) { margin-right: 0; }
}

/* faq */
.faq-lists-box { border-bottom: 1px solid #9B9B9B; }
.faq-lists-box__q { position: relative; font-family: 'Noto Serif JP', serif; font-size: 1.4rem; letter-spacing: 0.1em; line-height: 2.14285714286; }
.faq-lists-box__q::before { content: 'Q'; position: absolute; top: 22px; left: 0; font-family: 'Gilda Display', serif; font-size: 2.2rem; letter-spacing: 0.05em; line-height: 1.2; }
.faq-lists-box__q &gt; a { display: block; position: relative; padding: 17px 20px 17px 30px; }
.faq-lists-box__q &gt; a::before,
.faq-lists-box__q &gt; a::after { content: ''; position: absolute; top: 50%; right: 0; width: 12px; height: 1px; background-color: #3E3A39; }
.faq-lists-box__q &gt; a::after { transition: 0.4s ease; transform: rotate(90deg); }
.faq-lists-box__q &gt; a.is-active::after { transform: rotate(0); }
.faq-lists-box__a { display: none; padding: 8px 25px 10px 30px; font-size: 1.2rem; letter-spacing: 0.1em; line-height: 2.33333333333; }

@media screen and (min-width: 769px) {
  .faq-lists-box__q::before { left: 16px; font-size: 3rem; }
  .faq-lists-box__q &gt; a { padding: 22px 30px 22px 80px; }
  .faq-lists-box__q &gt; a::before,
  .faq-lists-box__q &gt; a::after { right: 30px; width: 20px; }
  .faq-lists-box__a { padding: 8px 100px 22px 80px; }
}

/* btn */
.btn-1,
.btn-2,
.btn-3 { position: relative; margin: 0 auto; width: 100%; max-width: 170px; text-align: center; font-family: 'Gilda Display', serif; font-size: 1.6rem; letter-spacing: 0.02em; line-height: 1.2; }
.btn-1 &gt; a,
.btn-2 &gt; a,
.btn-3 &gt; a { display: block; position: relative; padding: 7px 0; border: 1px solid #000; }
.btn-1 &gt; a::after,
.btn-2 &gt; a::after,
.btn-3 &gt; a::after { content: ''; position: absolute; top: 50%; right: 15px; margin-top: -6px; width: 7px; height: 12px; background: url(../img/icon/arrow1.svg) no-repeat center center; background-size: 100% 100%; }
.btn-1 &gt; a { background-color: #F8EE2C; border-color: #F8EE2C; }
.btn-2 &gt; a { border-color: #fff; color: #fff; }
.btn-2 &gt; a::after { background-image: url(../img/icon/arrow2.svg); }
.btn-3 &gt; a { background-color: #fff; border-color: #707070; }
.btn-fixed { position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; font-family: 'Gilda Display', serif; font-size: 2rem; letter-spacing: 0.02em; line-height: 1.2; z-index: 8; }
.btn-fixed &gt; a { display: block; padding: 15px 0; background-color: #F8EE2C; border-color: #F8EE2C; }
.btn-fixed &gt; a::after { content: ''; position: absolute; top: 50%; right: 30px; margin-top: -6px; width: 7px; height: 12px; background: url(../img/icon/arrow1.svg) no-repeat center center; background-size: 100% 100%; }
.btn-fixed.is-hidden { pointer-events: none; transition: opacity 0.4s ease; opacity: 0; }

.device-click .btn-1 &gt; a:hover { background-color: #3E3A39; border-color: #3E3A39; color: #fff; }
.device-click .btn-1 &gt; a:hover::after { background-image: url(../img/icon/arrow2.svg); }
.device-click .btn-2 &gt; a:hover,
.device-click .btn-3 &gt; a:hover { background-color: #F8EE2C; border-color: #F8EE2C; color: #3E3A39; }
.device-click .btn-2 &gt; a:hover::after { background-image: url(../img/icon/arrow1.svg); }
.device-click .btn-fixed &gt; a:hover { background-color: #3E3A39; border-color: #3E3A39; color: #fff; }

@media screen and (min-width: 769px) {
  .btn-1,
  .btn-2,
  .btn-3 { max-width: 188px; font-size: 1.8rem; }
  .btn-1 &gt; a,
  .btn-2 &gt; a,
  .btn-3 &gt; a { padding: 8px 0; }
}

/* slide */
.slide-1 { position: relative; opacity: 0; }
.slide-1-frame { position: relative; width: 100%; overflow: hidden; }
.slide-1-move { display: flex; position: relative; }
.slide-1-item { position: relative; }
.slide-1-btm { position: relative; margin-top: 55px; }
.slide-1-control { display: flex; justify-content: center; align-items: center; position: relative; margin: 0 auto; width: 155px; }
.slide-1-direct { position: absolute; top: 50%; margin-top: -8px; width: 9px; height: 16px; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.slide-1-direct::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/icon/arrow1.svg) no-repeat center center; background-size: 100% 100%; }
.slide-1-direct--prev { left: 0; transform: rotate(180deg); }
.slide-1-direct--next { right: 0; }
.slide-1-count { display: flex; justify-content: center; align-items: center; }
.slide-1-count &gt; span { font-family: 'Gilda Display', serif; font-size: 1.6rem; font-weight: 400; line-height: 1.2; }
.slide-1-count &gt; span.total::before { content: '/'; padding: 0 0.4em; }
.slide-sub { position: relative; opacity: 0; }
.slide-sub-frame { position: relative; width: 100%; overflow: hidden; }
.slide-sub-move { display: flex; position: relative; }
.slide-sub-item { position: relative; }
.slide-sub-bullets { display: flex; justify-content: center; position: absolute; bottom: 12px; left: 0; width: 100%; }
.slide-sub-bullets &gt; a { margin: 0 4px; width: 6px; height: 6px; background-color: #E5E5E5; border-radius: 50%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.slide-sub-bullets &gt; a.is-active { background-color: #F8EE2C; }
.slide-auto { position: relative; opacity: 0; }
.slide-auto-frame { position: relative; width: 100%; overflow: hidden; }
.slide-auto-move { display: flex; position: relative; }
.slide-auto-item { position: relative; }

@media screen and (max-width: 768px) {
  .slide-1 .btn-1 { margin-top: 60px; }
  .wrap &gt; .slide-1 { margin: 0 -20px; width: calc(100% + 40px); }
}

@media screen and (min-width: 769px) {
  .slide-1-btm { margin-top: 80px; min-height: 40px; }
  .slide-1-control { width: 166px; }
  .slide-1-direct { margin-top: -11px; width: 12px; height: 22px; }
  .slide-1-count &gt; span { font-size: 1.8rem; }
  .slide-1 .btn-1 { position: absolute; bottom: 9px; right: 0; }
  .slide-sub-bullets &gt; a { margin: 0 6px; width: 8px; height: 8px; }
}

/* pager */
.pager-count { display: flex; justify-content: center; align-items: center; margin-top: 64px; }
.pager-count &gt; a { position: relative; width: 9px; height: 16px; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.pager-count &gt; a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/icon/arrow1.svg) no-repeat center center; background-size: 100% 100%; }
.pager-count &gt; a.prev { margin-right: 50px; }
.pager-count &gt; a.prev::after { transform: rotate(180deg); }
.pager-count &gt; a.next { margin-left: 50px; }
.pager-count &gt; span { font-family: 'Gilda Display', serif; font-size: 1.6rem; font-weight: 400; line-height: 1.2; }
.pager-count &gt; span.total::before { content: '/'; padding: 0 0.4em; }

.pager-single { display: flex; justify-content: space-between; margin-top: 56px; }
.pager-single &gt; a { position: relative; font-family: 'Gilda Display', serif; font-size: 1.6rem; font-weight: 400; letter-spacing: 0.05em; line-height: 1.2; }
.pager-single &gt; a.prev::before,
.pager-single &gt; a.next::after { content: ''; position: absolute; top: 50%; margin-top: -8px; width: 9px; height: 16px; background: url(../img/icon/arrow1.svg) no-repeat center center; background-size: 100% 100%; }
.pager-single &gt; a.prev { padding-left: 34px; }
.pager-single &gt; a.prev::before { left: 0; transform: rotate(180deg); }
.pager-single &gt; a.next { margin-left: auto; padding-right: 34px; }
.pager-single &gt; a.next::after { right: 0; }

@media screen and (min-width: 769px) {
  .pager-count { margin-top: 135px; }
  .pager-count &gt; a { width: 12px; height: 22px; }
  .pager-count &gt; span { font-size: 1.8rem; }

  .pager-single { margin-top: 115px; }
  .pager-single &gt; a.prev::before,
  .pager-single &gt; a.next::after { margin-top: -11px; width: 12px; height: 22px; }
  .pager-single &gt; a { font-size: 1.8rem; }
  .pager-single &gt; a.prev { padding-left: 60px; }
  .pager-single &gt; a.next { padding-right: 60px; }
}

/* archive
------------------------------------------------ */
.product-archive { position: relative; }
.product-archive-side { position: relative; }
.product-archive-search { display: flex; align-items: center; border: 1px solid #9B9B9B; }
.product-archive-search__input { width: calc(100% - 62px); }
.product-archive-search__input input { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; padding: 20px 0 20px 18px; width: 100%; background: none; border: none; border-radius: 0; box-shadow: none; font-family: inherit; font-size: 1.4rem; line-height: 1.2; }
.product-archive-search__submit { width: 62px; }
.product-archive-search__submit &gt; a { display: block; margin: 0 auto; width: 18px; height: 18px; }
.product-archive-nav { position: relative; }
.product-archive-nav__trigger { font-size: 1.4rem; line-height: 1.2; }
.product-archive-nav__trigger &gt; a { display: block; position: relative; }
.product-archive-nav__trigger &gt; a::after { content: ''; position: absolute; top: 50%; right: 8px; transition: transform 0.4s ease; margin-top: -5px; width: 13px; height: 7px; background: url(../img/icon/arrow_down1.svg) no-repeat center center; background-size: 100% 100%; }
.product-archive-nav__trigger &gt; a.is-active::after { transform: rotate(180deg); }
.product-archive-nav__target { position: relative; }
.product-archive-nav h2 { margin: 64px 0 20px; font-family: 'Barlow', sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 1.2; color: #9B9B9B; }
.product-archive-nav dl { border-bottom: 1px solid #9B9B9B; }
.product-archive-nav dl &gt; dt { position: relative; font-family: 'Barlow', sans-serif; font-size: 1.8rem; font-weight: 400; line-height: 1.2; cursor: pointer; }
.product-archive-nav dl &gt; dt &gt; span,
.product-archive-nav dl &gt; dt &gt; a { display: block; position: relative; padding: 16px 2px; }
.product-archive-nav dl &gt; dt &gt; span::after,
.product-archive-nav dl &gt; dt &gt; a::after { content: ''; position: absolute; top: 50%; right: 8px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }
.product-archive-nav dl &gt; dt &gt; span::after { transition: transform 0.4s ease; margin-top: -5px; width: 13px; height: 7px; background-image: url(../img/icon/arrow_down1.svg); }
.product-archive-nav dl &gt; dt &gt; span.is-active::after { transform: rotate(180deg); }
.product-archive-nav dl &gt; dt &gt; a::after { margin-top: -7px; width: 7px; height: 13px; background-image: url(../img/icon/arrow1.svg); }
.product-archive-nav dl &gt; dd { display: none; position: relative; padding-bottom: 16px; }
.product-archive-nav ul &gt; li { font-family: 'Barlow', sans-serif; font-size: 1.8rem; font-weight: 400; line-height: 1.2; }
.product-archive-nav ul &gt; li &gt; a { display: block; position: relative; color: #9B9B9B; }
.product-archive-top { position: relative; margin-bottom: 18px; z-index: 2; }
.product-archive-control { display: flex; flex-wrap: wrap; align-items: center; position: relative; z-index: 2; }
.product-archive-sort { position: relative; }
.product-archive-sort__title,
.product-archive-sort__links__item { font-size: 1.4rem; letter-spacing: 0.1em; line-height: 1.2; }
.product-archive-sort__title { position: relative; }
.product-archive-sort__title &gt; span { display: block; position: relative; cursor: pointer; }
.product-archive-sort__title &gt; span::after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -4px; transition: 0.4s ease; width: 13px; height: 7px; background: url(../img/icon/arrow_down1.svg) no-repeat center center; background-size: 100% 100%; }
.product-archive-sort__title &gt; span.is-active::after { transform: rotate(180deg); }
.product-archive-sort__content { display: none; position: absolute; top: 26px; left: 0; padding: 12px; background-color: #F7F7F7; }
.product-archive-sort__links__item { white-space: nowrap; }
.product-archive-sort__links__item:not(:first-child) { margin-top: 12px; }
.product-archive-sort__links__item &gt; a { display: block; }
.product-archive-status { font-size: 1.2rem; letter-spacing: 0.1em; line-height: 1.2; color: #9B9B9B; }
.product-archive-control .pager-count { margin-top: 0; }
.product-archive-none { padding: 20px 0; text-align: center; font-size: 1.4rem; }

@media screen and (max-width: 768px) {
  .product-archive &gt; .wrap { padding: 0 20px; }
  .product-archive-side { margin-bottom: 38px; }
  .product-archive-search { margin-bottom: 20px; width: 100%; }
  .product-archive-nav__target { display: none; padding-top: 20px; }
  .product-archive-sort { width: 35.223880597%; }
  .product-archive-sort__title { padding: 10px 0; }
  .product-archive-status { width: 64.776119403%; text-align: right; }
  .product-archive-control .pager-count { display: none; }
}

@media screen and (min-width: 769px) {
  .product-archive { margin-top: 68px; }
  .product-archive &gt; .wrap { display: flex; flex-wrap: wrap; }
  .product-archive-side { margin-right: 103px; width: 203px; }
  .product-archive-search { margin-bottom: 14px; }
  .product-archive-search__input { width: calc(100% - 44px); }
  .product-archive-search__input input { padding: 14px 0 14px 18px; font-size: 1.2rem; }
  .product-archive-search__submit { width: 44px; }
  .product-archive-search__submit &gt; a { width: 13px; height: 13px; }
  .product-archive-nav__trigger { display: none; }
  .product-archive-nav__target { display: block !important; }
  .product-archive-side + .product-archive-content { width: calc(100% - 306px); }
  .product-archive-top { margin-bottom: 22px; }
  .product-archive-sort { width: 118px; }
  .product-archive-sort--title,
  .product-archive-sort__links--item { font-size: 1.4rem; }
  .product-archive-sort--title &gt; span { padding-right: 38px; }
  .product-archive-sort__content { top: 30px; padding: 15px 20px; }
  .product-archive-sort__links--item:not(:first-child) { margin-top: 15px; }
  .product-archive-status { margin-left: auto; }
  .product-archive-control .pager-count { margin-left: 32px; }
  .product-archive-none { padding: 40px 0; font-size: 1.8rem; }
  .product-archive &gt; .wrap &gt; .pager-count { width: 100%; }
}

/* privacy
------------------------------------------------ */
/* detail */
.privacy-detail { position: relative; }
.privacy-detail-content .lead { margin-bottom: 40px; }
.privacy-detail-content p,
.privacy-detail-content li { font-size: 1.2rem; letter-spacing: 0.1em; line-height: 2.33333333333; }
.privacy-detail-content ul li { position: relative; padding-left: 1.2em; }
.privacy-detail-content ul li::after { content: '\30FB'; position: absolute; top: 0; left: 0; }
.privacy-detail-content ol { margin-left: 20px; list-style: decimal; }
.privacy-detail-content h2 { margin: 40px 0 16px; font-family: 'Noto Serif JP', serif; font-size: 1.6rem; font-weight: 400; letter-spacing: 0.2em; line-height: 1.875; }
.privacy-detail-content span.email { display: inline-block; margin-top: 4px; height: 20px; vertical-align: top; }
.privacy-detail-content span.email img { height: 100%; max-width: inherit; }

@media screen and (max-width: 768px) {
  .privacy-detail &gt; .wrap { padding: 0 20px; }
}

@media screen and (min-width: 769px) {
  .privacy-detail { margin-top: 140px; }
  .privacy-detail &gt; .wrap { max-width: 1090px; }
  .privacy-detail-content .lead { margin-bottom: 60px; }
}

/* guide
------------------------------------------------ */
.guide-block { position: relative; }
.guide-block-content dl { padding: 18px 0; border-bottom: 1px solid #9B9B9B; }
.guide-block-content dl:first-child { padding-top: 0; }
.guide-block-content dl dt { margin-bottom: 8px; font-family: 'Noto Serif JP', serif; font-size: 1.6rem; letter-spacing: 0.2em; line-height: 1.875; }
.guide-block-content dl dd { font-size: 1.2rem; line-height: 2.33333333333; }
.guide-block-content dl dd span.email { display: inline-block; margin-top: 4px; height: 20px; vertical-align: top; }
.guide-block-content dl dd span.email img { height: 100%; max-width: inherit; }

@media screen and (max-width: 768px) {
  .guide-block &gt; .wrap { padding: 0 20px; }
}

@media screen and (min-width: 769px) {
  .guide-block { margin-top: 140px; }
  .guide-block &gt; .wrap { max-width: 1090px; }
  .guide-block-content { margin-right: 46px; }
  .guide-block-content dl { padding: 30px 0; }
  .guide-block-content dl dt { margin-bottom: 10px; }
}

/* cart
------------------------------------------------ */
.cart { position: relative; }
.cart-text-head { display: flex; border-bottom: 1px dotted #9B9B9B; padding-bottom: 16px; font-size: 1.4rem; line-height: 1.2; }
.cart-product { display: flex; align-items: center; padding: 16px 0; border-bottom: 1px dotted #9B9B9B; }
.cart .img-head { width: 20%; }
.cart-product img { width: 160px; }
.cart .name-head { padding-right: 40px; width: 25%; }
.cart .qty-head { width: 15%; }
.cart .price-head { width: 25%; }
.cart .remove-head { width: 15%; }
.cart-item-text { display: flex; justify-content: space-between; align-items: center; width: 76%; }
.cart .img { width: 20%; }
.cart .name { width: 25%; font-size: 1.4rem; line-height: 1.4; }
.cart .qty { display: flex; width: 15%; }
.cart .price { width: 25%; font-size: 1.4rem; }
.cart .remove { padding-left: 14px; width: 15%; font-size: 1.4rem; }
.cart .add-btn { width: 200px; max-width: 200px; }
.amazon-button &gt; div { margin: 0 auto; }
.remove-sp { display: none; }
.cart .total { margin: 56px 0 32px; text-align: right; }
.cart .total-text { font-size: 1.8rem; }
.cart .total-price { padding-left: 16px; font-size: 2.6rem; }
.cart .total-text-small { font-size: 1.4rem; }
.continue-shopping { margin: 0; max-width: 200px; }
.payment-add-btn { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; }
.quantity-notification { width: 44px; height: 44px; text-align: center; }
.awesome a{
  display: inline-block;
  margin-left: 6px;
  padding: 14px;
  width: 85px!important;
  height: 100%!important;
  background: #6E6E6E!important;
  text-align: center !important;
  text-decoration: none;
  vertical-align: middle !important;
  font-size: 1.2rem;
  color: #fff!important;
  cursor: pointer !important;
}

@media screen and (max-width: 768px) {
  .cart &gt; .wrap { padding: 0 20px; }
  .cart .page-title-2 { margin-bottom: 40px; }
  .cart .name,
  .cart .price,
  .remove-sp { font-size: 1.2rem; }
  .cart-table { border-top: 1px solid #9B9B9B; }
  .cart-text-head { display: none; }
  .cart .img { width: auto; }
  .cart .img img { padding-right: 16px;}
  .cart-item-text { display: block; }
  .cart-item-text div { margin-bottom: 10px; width: 100%!important; }
  .cart .remove { display: none; }
  .remove-sp { display: block; text-align: right; text-decoration: underline; }
  .cart-add-btn { display: block; margin-bottom: 54px; }
  .cart .add-btn-right { width: 100%; }
  .continue-shopping { margin: 24px auto 0; padding: 0; text-align: center; }
  .awesome { height: 44px!important; }
  .cart-product { align-items: end; }
  .payment-add-btn { display: block; margin-bottom: 48px; }
}

@media screen and (min-width: 769px) {
  .cart { margin-top: 40px; }
}

/* footer
------------------------------------------------ */
.l-footer { position: relative; margin-top: 120px; padding: 60px 0 36px; background-color: #3E3A39; color: #fff; }
.l-footer a { color: #fff; }
.device-click .l-footer a:hover { color: #F8EE2C; }
.ft-pagetop { pointer-events: none; position: fixed; bottom: 50px; right: 20px; transition: opacity 0.4s ease; font-family: 'Gilda Display', serif; font-size: 1.6rem; letter-spacing: 0.02em; line-height: 1.2; opacity: 0; }
.ft-pagetop &gt; a { display: inline-block; padding-right: 36px; vertical-align: top; color: #3E3A39; }
.ft-pagetop &gt; a::after { content: ''; position: absolute; top: 50%; right: 0; transform: rotate(180deg); margin-top: -4px; width: 13px; height: 7px; background: url(../img/icon/arrow_down1.svg) no-repeat center center; background-size: 100% 100%; }
.ft-pagetop.is-show { pointer-events: inherit; opacity: 1; }
.ft-pagetop.is-stay { position: absolute; top: -50px; bottom: auto; transform: translateY(-100%); }
.ft-slide { margin-bottom: 48px; }
.ft-logo { width: 178px; height: 58px; }
.ft-logo &gt; a { display: block; width: 100%; height: 100%; }
.ft-links-lists__item { position: relative; font-family: 'Barlow', sans-serif; font-size: 1.8rem; font-weight: 300; line-height: 1.2; }
.ft-links-lists__item &gt; a { display: inline-block; vertical-align: top; }
.ft-btm { margin-top: 36px; padding-top: 42px; border-top: 1px solid #616161; }
.ft-others { display: flex; }
.ft-others-lists__item { position: relative; font-size: 1.2rem; line-height: 1.2; }
.ft-others-lists__item &gt; a { display: inline-block; vertical-align: top; }
.ft-btm-info { display: flex; align-items: center; }
.ft-copyright { font-family: 'Barlow', sans-serif; font-size: 1.2rem; font-weight: 300; line-height: 1.2; }
.ft-copyright &gt; small { font-size: inherit; }
.ft-note { font-size: 1rem; line-height: 1.2; color: #9B9B9B; }

@media screen and (max-width: 768px) {
  .l-footer &gt; .wrap { padding: 0 20px; }
  .ft-logo { margin: 0 auto 44px; }
  .ft-links { display: flex; justify-content: center; }
  .ft-links-lists:not(:first-child) { margin-left: 70px; }
  .ft-links-lists__item:not(:first-child) { margin-top: 24px; }
  .ft-btm { padding-right: 12px; padding-left: 12px; }
  .ft-others { justify-content: space-between; }
  .ft-others-lists:not(:first-child) { margin-left: 40px; }
  .ft-others-lists__item:not(:first-child) { margin-top: 20px; }
  .ft-btm-info { justify-content: space-between; margin-top: 44px; }
}

@media screen and (min-width: 769px) {
  .l-footer { margin-top: 210px; padding: 100px 0 56px; }
  .ft-pagetop { font-size: 1.8rem; }
  .ft-slide { margin-bottom: 92px; }
  .ft-top { display: flex; justify-content: space-between; }
  .ft-logo { width: 250px; height: 80px; }
  .ft-links { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; padding-left: 20px; }
  .ft-links-lists { display: flex; flex-wrap: wrap; }
  .ft-links-lists:not(:first-child),
  .ft-links-lists__item:not(:first-child) { margin-left: 30px; }
  .ft-links-lists__item.is-separate { margin-left: 30px; padding-left: 30px; }
  .ft-links-lists__item.is-separate::after { content: ''; position: absolute; top: 50%; left: 0; margin-top: -7px; width: 1px; height: 14px; background-color: #fff; }
  .ft-btm { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 128px; padding-top: 38px; }
  .ft-others-lists { display: flex; }
  .ft-others-lists__item { margin-left: 16px; padding-left: 16px; }
  .ft-others-lists__item::after { content: ''; position: absolute; top: 50%; left: 0; margin-top: -6px; width: 1px; height: 12px; background-color: #fff; }
  .ft-others-lists:first-child .ft-others-lists__item:first-child { margin-left: 0; padding-left: 0; }
  .ft-others-lists:first-child .ft-others-lists__item:first-child::after { display: none; }
  .ft-btm-info { display: flex; align-items: center; }
  .ft-copyright { font-size: 1.4rem; }
  .ft-note { margin-left: 20px; }
}</pre></body></html>