@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
@import url("https://use.typekit.net/icw5ezj.css");
@import url("https://use.typekit.net/cvj1cfw.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Forum&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
@font-face {
  font-family: 'oswaldregular';
  src: url("font/oswald-regular-webfont.eot");
  src: url("font/oswald-regular-webfont.eot?#iefix") format("embedded-opentype"), url("font/oswald-regular-webfont.woff") format("woff"), url("font/oswald-regular-webfont.ttf") format("truetype"), url("font/oswald-regular-webfont.svg#oswaldregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'oswaldlight';
  src: url("font/oswald-light-webfont.eot");
  src: url("font/oswald-light-webfont.eot?#iefix") format("embedded-opentype"), url("font/oswald-light-webfont.woff") format("woff"), url("font/oswald-light-webfont.ttf") format("truetype"), url("font/oswald-light-webfont.svg#oswaldregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'oswaldlight';
  src: url("font/oswald-light-webfont.eot");
  src: url("font/oswald-light-webfont.eot?#iefix") format("embedded-opentype"), url("font/oswald-light-webfont.woff") format("woff"), url("font/oswald-light-webfont.ttf") format("truetype"), url("font/oswald-light-webfont.svg#oswaldregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'NotoSansJP-Bold';
  src: url("../font/NotoSansJP-Bold.eot");
  src: url("../font/NotoSansJP-Bold.eot?iefix") format("eot"), url("../font/NotoSansJP-Bold.woff") format("woff"); }

@font-face {
  font-family: 'NotoSansJP-Medium';
  src: url("../font/NotoSansJP-Medium.eot");
  src: url("../font/NotoSansJP-Medium.eot?iefix") format("eot"), url("../font/NotoSansJP-Medium.woff") format("woff"); }

@font-face {
  font-family: 'NotoSansJP-Regular';
  src: url("../font/NotoSansJP-Regular.eot");
  src: url("../font/NotoSansJP-Regular.eot?iefix") format("eot"), url("../font/NotoSansJP-Regular.woff") format("woff"); }

@font-face {
  font-family: 'NotoSansJP-DemiLight';
  src: url("../font/NotoSansJP-DemiLight.eot");
  src: url("../font/NotoSansJP-DemiLight.eot?iefix") format("eot"), url("../font/NotoSansJP-DemiLight.woff") format("woff"); }

@font-face {
  font-family: 'NotoSansJP-Light';
  src: url("../font/NotoSansJP-Light.eot");
  src: url("../font/NotoSansJP-Light.eot?iefix") format("eot"), url("../font/NotoSansJP-Light.woff") format("woff"); }

@font-face {
  font-family: 'NotoSansJP-Thin-Windows';
  src: url("../font/NotoSansJP-Thin-Windows.eot");
  src: url("../font/NotoSansJP-Thin-Windows.eot?iefix") format("eot"), url("../font/NotoSansJP-Thin-Windows.woff") format("woff"); }

/* 変数
-----------------------------------------------------------------*/
body, div, p, form, input, textarea, select, option, button, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, address, button, figure, figcaption {
  font-style: normal;
  line-height: 1;
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* PC / SP 表示分け
-----------------------------------------------------------------*/
@media only screen and (min-width: 861px) {
  .dn-pc {
    display: none !important; } }

@media only screen and (min-width: 861px) {
  .dn-pc.swiper {
    display: none !important; } }

@media only screen and (max-width: 861px) {
  .dn-sp {
    display: none !important; } }

@media only screen and (max-width: 861px) {
  .dn-sp.swiper {
    display: none !important; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .dn-tablet {
    display: none !important; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .dn-tablet.swiper {
    display: none !important; } }

@media only screen and (max-width: 767px) {
  .dn-not-tab {
    display: none !important; } }

@media only screen and (min-width: 1025px) {
  .dn-not-tab {
    display: none !important; } }

/* アニメーション
-----------------------------------------------------------------*/
.fadeInTrigger {
  opacity: 0;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: opacity .8s, -webkit-transform .8s;
  transition: opacity .8s, -webkit-transform .8s;
  transition: opacity .8s, transform .8s;
  transition: opacity .8s, transform .8s, -webkit-transform .8s; }
  .fadeInTrigger.is-inview {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

/* コンテンツ
-----------------------------------------------------------------*/
body .container {
  max-width: inherit;
  padding: 0 !important; }
  @media only screen and (max-width: 861px) {
    body .container {
      padding: 0 !important; } }

@media only screen and (min-width: 861px) {
  body .breadcrumbs {
    padding: 12px; } }

@media only screen and (max-width: 861px) {
  body .breadcrumbs {
    margin-top: 0; } }

@media only screen and (max-width: 861px) {
  body .classic_style .isPc {
    display: block !important; } }

#header {
  display: none !important; }

/* コンテンツ
-----------------------------------------------------------------*/
.classic_style {
  width: auto; }

article.contents {
  font-family: "Noto Serif JP", serif;
  margin: 0 auto; }
  article.contents a {
    text-decoration: none; }
  article.contents img {
    width: 100%;
    height: auto; }

/*-----------------
/* メインビジュアル
------------------*/
.mainVisual {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 0; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .mainVisual {
      height: 100svh; } }
  @media only screen and (max-width: 861px) {
    .mainVisual {
      height: 100svh; } }
  .mainVisual .mainVisual_listNode_img {
    height: 100%; }
    .mainVisual .mainVisual_listNode_img picture {
      display: block;
      height: 100%; }
    .mainVisual .mainVisual_listNode_img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
      @media only screen and (max-width: 861px) {
        .mainVisual .mainVisual_listNode_img img {
          -o-object-position: top center;
          object-position: top center; } }

.mainVisual_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh; }
  @media only screen and (max-width: 861px) {
    .mainVisual_list {
      height: 100svh; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .mainVisual_list {
      height: 100svh; } }

.mainVisual_listNode {
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden; }
  @media only screen and (min-width: 861px) {
    .mainVisual_listNode img {
      -webkit-transition: -webkit-transform 0.3s ease;
      transition: -webkit-transform 0.3s ease;
      transition: transform 0.3s ease;
      transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
    .mainVisual_listNode:before {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.05);
      z-index: 1;
      -webkit-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease; }
    .mainVisual_listNode:hover img {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05); }
    .mainVisual_listNode:hover:before {
      opacity: 0; } }
  .mainVisual_listNode:nth-child(2) .mainVisual_listNode_text {
    right: 44.5px;
    left: auto; }
    @media only screen and (max-width: 861px) {
      .mainVisual_listNode:nth-child(2) .mainVisual_listNode_text {
        left: 85%; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .mainVisual_listNode:nth-child(2) .mainVisual_listNode_text {
        left: 92%; } }

.mainVisual_inner {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media only screen and (max-width: 861px) {
    .mainVisual_inner {
      width: 100%; } }

.mainVisual_logo {
  margin: 0 auto; }
  @media only screen and (min-width: 861px) {
    .mainVisual_logo {
      width: 569px !important; }
      .mainVisual_logo img {
        width: 569px !important; } }
  @media only screen and (max-width: 861px) {
    .mainVisual_logo img {
      width: 100%;
      height: auto; } }

.mainVisual_listNode_text {
  z-index: 1;
  position: absolute;
  bottom: 30px; }
  @media only screen and (min-width: 861px) {
    .mainVisual_listNode_text {
      left: 44.5px; } }
  @media only screen and (max-width: 861px) {
    .mainVisual_listNode_text {
      left: 19px; } }
  .mainVisual_listNode_text::before {
    content: '';
    position: absolute;
    left: -8px;
    top: 0;
    bottom: -30px;
    width: 1px;
    background: #fff;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
    @media only screen and (max-width: 861px) {
      .mainVisual_listNode_text::before {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition: none;
        transition: none; } }

.mainVisual_listNode:hover .mainVisual_listNode_text::before {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1); }

.mainVisual_listNode_textInner {
  font-family: "Forum", serif;
  font-weight: 400;
  letter-spacing: .2em;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  z-index: 1;
  color: #fff; }
  @media only screen and (min-width: 861px) {
    .mainVisual_listNode_textInner {
      font-size: 20px; } }
  @media only screen and (max-width: 861px) {
    .mainVisual_listNode_textInner {
      font-size: 16px; } }

/*-----------------
/* リード
------------------*/
.leadNav {
  position: relative;
  z-index: 1;
  background: #fff; }
  @media only screen and (min-width: 861px) {
    .leadNav {
      width: 1075px;
      padding: 120px 80px;
      margin: calc(100vh + 120px) auto 0; } }
  @media only screen and (max-width: 861px) {
    .leadNav {
      margin: calc(100svh) 10px 0;
      padding: 48px 30px 40px; } }

.lead_catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media only screen and (min-width: 861px) {
    .lead_catch {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      gap: 15px; } }

.lead_heading {
  color: #924951;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: .1em; }
  @media only screen and (min-width: 861px) {
    .lead_heading {
      font-size: 40px; } }
  @media only screen and (max-width: 861px) {
    .lead_heading {
      font-size: 24px; } }

.lead_heading-accent {
  position: relative;
  display: block;
  font-size: 40px;
  font-weight: normal;
  line-height: 1.4;
  color: #924951;
  letter-spacing: .1em; }
  @media only screen and (min-width: 861px) {
    .lead_heading-accent {
      display: inline-block;
      padding: 0 8px 0 12px; } }
  @media only screen and (max-width: 861px) {
    .lead_heading-accent {
      font-size: 24px;
      margin-left: 15px; } }
  .lead_heading-accent:before, .lead_heading-accent:after {
    position: absolute;
    content: '';
    top: 13px;
    background-repeat: no-repeat;
    width: 13px;
    height: 10px; }
    @media only screen and (max-width: 861px) {
      .lead_heading-accent:before, .lead_heading-accent:after {
        width: 8px;
        height: 6px;
        background-size: 8px 6px; } }
  .lead_heading-accent:before {
    background-image: url(../assets/images/flamingo_pants_2609/left.svg);
    left: -6px; }
    @media only screen and (max-width: 861px) {
      .lead_heading-accent:before {
        top: 8px;
        left: -11px; } }
  .lead_heading-accent:after {
    background-image: url(../assets/images/flamingo_pants_2609/right.svg);
    top: 13px;
    right: -6px; }
    @media only screen and (max-width: 861px) {
      .lead_heading-accent:after {
        top: 9px;
        right: -8px; } }

.lead_text {
  font-family: "Noto Serif JP", serif;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: .1em; }
  @media only screen and (min-width: 861px) {
    .lead_text {
      margin-top: 30px;
      text-align: center;
      white-space: nowrap; } }
  @media only screen and (max-width: 861px) {
    .lead_text {
      margin-top: 24px;
      font-size: 13px; } }
  .lead_text .caution {
    font-size: 9px;
    vertical-align: super; }
    @media only screen and (max-width: 861px) {
      .lead_text .caution {
        font-size: 7px; } }

.lead_text_small {
  display: block;
  font-size: 10px;
  letter-spacing: .1em;
  margin-top: 5px; }

.featureSection_text_small {
  margin-top: 5px;
  display: block;
  font-size: 10px;
  letter-spacing: .1em; }

/*-----------------
/* 追従ナビ
------------------*/
.fixNav_wrap {
  opacity: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  visibility: hidden;
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1; }
  .fixNav_wrap.is-visible {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    z-index: 1100; }
  .fixNav_wrap.is-hidden {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden; }

@media only screen and (max-width: 861px) {
  .fixNav {
    padding: 24px 40px; } }

@media only screen and (max-width: 861px) {
  .fixNav .anchor-menu {
    margin-top: 16px; } }

.fixNav_list {
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #F5F5F5;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 22px 0;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 998;
  display: flex;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  visibility: hidden; }
  .fixNav_list.is-visible {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible; }

.fixNav_listNode {
  --section-color: #924951;
  position: relative;
  padding: 0 64px;
  border-right: 1px solid #DDDDDD;
  -webkit-transition: all .5s;
  transition: all .5s; }
  .fixNav_listNode:first-child {
    border-left: none; }
    .fixNav_listNode:first-child:hover .fixNav_text {
      color: var(--section-color); }
  .fixNav_listNode:nth-child(2) {
    --section-color: #90A0B4; }
    .fixNav_listNode:nth-child(2):hover .fixNav_text {
      color: var(--section-color); }
  .fixNav_listNode:last-child {
    --section-color: #97AE84;
    border-right: none; }
    .fixNav_listNode:last-child:hover .fixNav_text {
      color: var(--section-color); }

.fixNav_info {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px; }

.fixNav_num {
  font-family: "Noto Serif JP", serif;
  font-size: 17px;
  font-weight: normal;
  letter-spacing: .1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  color: var(--section-color); }

.fixNav_text {
  position: relative;
  font-weight: 300;
  font-family: "Noto Serif JP", serif;
  font-size: 10px;
  letter-spacing: .08em;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  line-height: 1.8;
  color: #1C1C1C; }
  @media only screen and (min-width: 861px) {
    .fixNav_text {
      margin-top: 2px; } }
  @media only screen and (max-width: 861px) {
    .fixNav_text:after {
      content: '';
      position: absolute;
      top: 50%;
      width: 100px;
      height: 1px;
      background-color: #000;
      -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
      transform: translateX(50%);
      right: -96px; } }

.fixNav_clickTub {
  cursor: pointer;
  background-color: #1C1C1C;
  color: #fff;
  text-align: center;
  padding: 10px 0 8px; }
  @media only screen and (max-width: 861px) {
    .fixNav_clickTub.is-open {
      background-color: #1C1C1C; } }

.fixNav_clickTitle {
  font-family: "Forum", serif;
  position: relative;
  font-size: 14px;
  display: inline;
  letter-spacing: .35em; }

.fixNav_clickButton {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  margin-top: -5px;
  right: -20px;
  -webkit-transition: .3s ease;
  transition: .3s ease; }
  .fixNav_clickButton:after {
    -webkit-transition: .3s ease;
    transition: .3s ease;
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 8px;
    height: 8px;
    margin-top: -1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 1; }
  .is-open .fixNav_clickButton:after {
    margin-top: -6px;
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg); }

/*-----------------
/* ナビ
------------------*/
.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (min-width: 861px) {
    .nav {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 940px;
      margin: 120px auto 0;
      gap: 40px; } }
  @media only screen and (max-width: 861px) {
    .nav {
      margin: 40px 0 0;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }

@media only screen and (min-width: 861px) {
  .navImg {
    width: 280px;
    height: 280px;
    position: relative;
    overflow: hidden;
    border-radius: 50%; } }

.navImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  position: absolute;
  top: 0;
  left: 0; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .navList {
    margin: 0 auto; } }

.navList_node {
  --section-color: #924951; }
  .navList_node:nth-child(2) {
    --section-color: #90A0B4; }
  .navList_node:nth-child(3) {
    --section-color: #97AE84; }
  .navList_node .navList_node_number,
  .navList_node .navList_node_numberText {
    color: var(--section-color); }
  @media only screen and (min-width: 861px) {
    .navList_node {
      padding: 8px 0; }
      .navList_node:first-child .navList_node_title {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end; }
        .navList_node:first-child .navList_node_title:after {
          top: 28px; }
      .navList_node:hover .navList_node_title {
        color: var(--section-color); }
      .navList_node:hover .anchor-menu__title_img {
        fill: var(--section-color); } }
  .navList_node + .navList_node {
    margin-top: 32px; }
    @media only screen and (max-width: 861px) {
      .navList_node + .navList_node {
        margin-top: 25px; } }
  @media only screen and (min-width: 861px) {
    .navList_node:first-child .navList_node_numberText {
      position: relative;
      top: 2px; } }

.navList_nodeText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (min-width: 861px) {
    .navList_nodeText {
      gap: 113px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media only screen and (max-width: 861px) {
    .navList_nodeText {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      gap: 8px; } }

.navList_nodeLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .3s ease;
  transition: .3s ease; }
  @media only screen and (max-width: 861px) {
    .navList_nodeLink {
      gap: 15px; } }
  .navList_nodeLink .navList_node_logo {
    -webkit-transition: .3s ease;
    transition: .3s ease; }
    @media only screen and (min-width: 861px) {
      .navList_nodeLink .navList_node_logo {
        width: 225px;
        height: 38px;
        margin-right: 4px;
        position: relative; }
        .navList_nodeLink .navList_node_logo.hover {
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0;
          height: 41px;
          width: 225px;
          -webkit-transition: .3s ease;
          transition: .3s ease; } }
    @media only screen and (max-width: 861px) {
      .navList_nodeLink .navList_node_logo {
        width: 150px;
        display: inline-block;
        vertical-align: text-bottom;
        margin-right: 4px; } }
  @media only screen and (min-width: 861px) {
    .navList_nodeLink:hover .navList_node_logo {
      opacity: 0;
      height: 38px;
      width: 225px; }
      .navList_nodeLink:hover .navList_node_logo.hover {
        width: 225px;
        opacity: 1;
        height: 38px;
        margin-right: 2px; } }

.navList_nodeImg {
  width: 100%;
  max-width: 87px; }
  @media only screen and (max-width: 861px) {
    .navList_nodeImg {
      max-width: 30%; } }
  .navList_nodeImg img {
    width: 100%;
    height: auto; }

.navList_node_title {
  position: relative;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  letter-spacing: .08em;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  color: #1C1C1C; }
  @media only screen and (min-width: 861px) {
    .navList_node_title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media only screen and (max-width: 861px) {
    .navList_node_title {
      font-size: 14px;
      line-height: 1.8;
      white-space: nowrap;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; } }

.navList_nodeText_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative; }
  @media only screen and (min-width: 861px) {
    .navList_nodeText_inner:after {
      content: '';
      position: absolute;
      top: 50%;
      width: 50px;
      height: 1px;
      background-color: #707070;
      -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
      transform: translateX(50%);
      right: -55px; } }

.navList_node_number {
  font-family: "Noto Serif JP", serif;
  font-size: 21px;
  font-weight: normal;
  letter-spacing: .1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  border-right: 1px solid;
  padding-right: 16px;
  margin-right: 16px; }
  @media only screen and (max-width: 861px) {
    .navList_node_number {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 12px;
      padding-right: 8px;
      margin-right: 8px;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      height: 8px;
      /* 順番を 横線 → 数字 にする */
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .fixNav_wrap .navList_node_number {
        right: 0; } }

.navList_node_numberText {
  font-family: "Forum", serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: .35em; }
  @media only screen and (max-width: 861px) {
    .navList_node_numberText {
      font-size: 11px;
      margin-top: 1px; } }

/*-----------------
/*  セクション共通
------------------*/
.registered {
  font-size: 15px;
  font-weight: 500;
  margin-left: 2px; }

.anchor-menu {
  position: relative;
  z-index: 1;
  background: #fff; }

.featureSection {
  position: relative;
  z-index: 1;
  padding: 120px 0; }
  @media only screen and (max-width: 861px) {
    .featureSection {
      padding: 80px 0; } }
  .featureSection#section1 {
    --section-color: #924951;
    --section-hover-bg: #7D2731;
    background: #924951; }
  .featureSection#section2 {
    --section-color: #90A0B4;
    --section-hover-bg: #6B819D;
    background: #90A0B4; }
  .featureSection#section3 {
    --section-color: #97AE84;
    --section-hover-bg: #7C906C;
    background: #97AE84; }

.featureSection_innerWrap {
  position: relative; }
  @media only screen and (min-width: 861px) {
    #section3 .featureSection_innerWrap {
      width: 1280px;
      margin: 0 auto; } }

@media only screen and (min-width: 861px) {
  .featureSection_inner {
    width: 1040px;
    padding-top: 100px;
    gap: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #section3 .featureSection_inner {
      width: 1120px; } }

@media only screen and (max-width: 861px) {
  .featureSection_inner {
    padding-top: 56px; } }

.featureSection_inner + .featureSection_inner {
  padding-top: 80px; }
  @media only screen and (max-width: 861px) {
    .featureSection_inner + .featureSection_inner {
      padding-top: 64px; } }

#section3 .featureSection_inner:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-left: auto; }

/* スタイリング (セクション3) */
.stylingImg_listImg {
  position: relative; }
  @media only screen and (min-width: 861px) {
    .stylingImg_listImg {
      width: 640px; } }
  @media only screen and (max-width: 861px) {
    .stylingImg_listImg {
      margin-top: 13px; } }
  .stylingImg_listImg img {
    width: 100%;
    height: auto; }

@media only screen and (min-width: 861px) {
  .stylingDetail {
    width: 400px; } }

@media only screen and (max-width: 861px) {
  .stylingDetail {
    padding: 0 40px;
    margin-top: 24px; } }

.pantsStyle_newColor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding-bottom: 24px; }
  @media only screen and (max-width: 861px) {
    .pantsStyle_newColor {
      padding-bottom: 16px; } }

.pantsStyle_colorIcon {
  width: 45px; }

.pantsStyle_new_text {
  font-family: "Forum", serif;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: .15em; }
  @media only screen and (max-width: 861px) {
    .pantsStyle_new_text {
      font-size: 16px;
      margin-top: 3px; } }

.pantsStyle_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 861px) {
    .pantsStyle_title {
      white-space: nowrap;
      gap: 8px; } }

.pantsStyle_title_color,
.pantsStyle_title_type {
  font-family: "Noto Serif JP", serif;
  font-size: 24px;
  color: #fff;
  letter-spacing: .1em; }
  @media only screen and (max-width: 861px) {
    .pantsStyle_title_color,
    .pantsStyle_title_type {
      font-size: 18px; } }

.pantsStyle_title_delimiter {
  width: 15px;
  height: 15px;
  margin: 0 16px;
  margin-top: 3px; }
  @media only screen and (max-width: 861px) {
    .pantsStyle_title_delimiter {
      width: 12px;
      height: 12px;
      margin: 0 8px 0; } }

.styling_item_type {
  font-family: "Noto Serif JP", serif;
  font-size: 24px;
  color: #fff;
  letter-spacing: .1em; }

.stylingCatch {
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  letter-spacing: .1em;
  line-height: 1.6;
  color: #fff; }
  @media only screen and (min-width: 861px) {
    .stylingCatch {
      margin-top: 32px; } }
  @media only screen and (max-width: 861px) {
    .stylingCatch {
      margin-top: 24px;
      font-size: 14px;
      line-height: 1.8; } }

.stylingText {
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  color: #fff;
  letter-spacing: .1em;
  line-height: 1.8;
  margin-top: 24px; }
  @media only screen and (max-width: 861px) {
    .stylingText {
      margin-top: 16px;
      text-align: left;
      font-size: 12px;
      letter-spacing: .08em; } }

@media only screen and (min-width: 861px) {
  .featureSection_image {
    width: 560px; } }

.featureSection_image img {
  width: 100%;
  height: auto; }

@media only screen and (min-width: 861px) {
  .featureSection_content {
    width: 400px; } }

@media only screen and (max-width: 861px) {
  .featureSection_content {
    margin-top: 40px; } }

.featureSection_contentTitle {
  text-align: center; }

@media only screen and (min-width: 861px) {
  .featureSection_title-box_main {
    width: 248px; } }

@media only screen and (max-width: 861px) {
  .featureSection_title-box_main {
    width: 193px; } }

.featureSection_series {
  text-align: left;
  margin-top: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  border-bottom: 1px solid;
  padding-bottom: 15px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
  @media only screen and (min-width: 861px) {
    .featureSection_series {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; } }

.featureSection_text_title_en {
  font-family: "Noto Serif JP", serif;
  font-size: 43px;
  letter-spacing: .08em; }
  @media only screen and (max-width: 861px) {
    .featureSection_text_title_en {
      font-size: 38px; } }

.featureSection_text_title_ja {
  font-size: 29px;
  letter-spacing: .08em; }
  @media only screen and (max-width: 861px) {
    .featureSection_text_title_ja {
      font-size: 24px; } }

.featureSection_button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 120px auto 0;
  border-radius: 40px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .08em;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  background-color: #fff;
  color: var(--section-color) !important; }
  @media only screen and (min-width: 861px) {
    .featureSection_button {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 478px;
      height: 70px; }
      .featureSection_button:hover {
        color: #fff !important;
        background-color: var(--section-hover-bg); }
        .featureSection_button:hover:after {
          border-top: 2px solid #fff;
          border-right: 2px solid #fff; } }
  @media only screen and (max-width: 861px) {
    .featureSection_button {
      height: 64px;
      font-size: 14px;
      letter-spacing: .1em;
      line-height: 1.6;
      margin: 64px 40px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      #section2 .featureSection_button {
        margin: 40px 40px 0; } }
  .featureSection_button:after {
    -webkit-transition: .3s ease;
    transition: .3s ease;
    content: '';
    position: absolute;
    right: 40px;
    top: 50%;
    border-top: 2px solid var(--section-color);
    border-right: 2px solid var(--section-color);
    width: 10px;
    height: 10px;
    margin-top: -5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1; }
    @media only screen and (max-width: 861px) {
      .featureSection_button:after {
        border-top: 1px solid var(--section-color);
        border-right: 1px solid var(--section-color);
        right: 24px; } }

.sizeBnr {
  display: block; }
  @media only screen and (min-width: 861px) {
    .sizeBnr {
      margin: 80px auto 0;
      cursor: pointer;
      width: 815.73px;
      -webkit-transition: .3s ease;
      transition: .3s ease; }
      .sizeBnr:hover {
        opacity: 0.8; } }
  @media only screen and (max-width: 861px) {
    .sizeBnr {
      margin-top: 54px;
      padding: 0 40px; } }
  .sizeBnr img {
    width: 100%;
    height: auto; }

.featureSection_header {
  width: 400.5px;
  margin-left: 160px;
  position: relative; }

.featureSection_title-box {
  text-align: center; }

@media only screen and (min-width: 861px) {
  .featureSection_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    gap: 64px; } }

@media only screen and (max-width: 861px) {
  .featureSection_title {
    padding: 0 40px; } }

.featureSection_catchImg {
  width: 304.61px;
  height: 65.69px; }
  @media only screen and (max-width: 861px) {
    .featureSection_catchImg {
      width: 184px;
      height: 39.84px;
      display: inline-block;
      vertical-align: super;
      margin-right: 5.5px; } }

@media only screen and (min-width: 861px) {
  .mt {
    margin-left: 11px; } }

@media only screen and (max-width: 861px) {
  .mt {
    position: relative;
    top: -3px; } }

.featureSection_titleText {
  width: 621px; }
  @media only screen and (max-width: 861px) {
    .featureSection_titleText {
      width: 100%;
      margin-top: 17px; } }

.featureSection_titleNum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (min-width: 861px) {
    .featureSection_titleNum {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 20px; } }

.featureSection_titleNum_num {
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 1;
  margin: 0;
  color: #fff;
  letter-spacing: .1em; }
  @media only screen and (min-width: 861px) {
    .featureSection_titleNum_num {
      border-bottom: 1px solid;
      padding-bottom: 15px; } }
  @media only screen and (max-width: 861px) {
    .featureSection_titleNum_num {
      font-size: 16px;
      padding-right: 16px;
      margin-right: 16px;
      border-right: 1px solid; } }

.featureSection_titleNum_text {
  font-family: "Forum", serif;
  font-size: 18px;
  letter-spacing: .35em;
  line-height: 1.5;
  margin: 0;
  color: #fff; }
  @media only screen and (min-width: 861px) {
    .featureSection_titleNum_text {
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      text-orientation: mixed; } }
  @media only screen and (max-width: 861px) {
    .featureSection_titleNum_text {
      font-size: 15px;
      margin-top: 2px; } }

.featureSection_text {
  font-family: "Noto Serif JP", serif;
  font-size: 16px;
  color: #fff;
  letter-spacing: .1em;
  line-height: 1.8; }
  @media only screen and (min-width: 861px) {
    .featureSection_text {
      white-space: nowrap;
      margin-top: 32px;
      letter-spacing: .08em; } }
  @media only screen and (max-width: 861px) {
    .featureSection_text {
      margin-top: 24px;
      font-size: 13px; } }

.featureSection_catch {
  font-family: "Noto Serif JP", serif;
  font-size: 37px;
  color: #fff;
  letter-spacing: .08em;
  white-space: nowrap; }
  @media only screen and (min-width: 861px) {
    #section1 .featureSection_catch {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: end; }
    #section2 .featureSection_catch {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 15px; } }
  @media only screen and (max-width: 861px) {
    .featureSection_catch {
      font-size: 22px;
      line-height: 1.5; }
      #section2 .featureSection_catch {
        line-height: 1.2; } }

.featureSection_catch_text {
  margin-right: 15px;
  font-size: 34px;
  padding: 0 13px;
  --x-gradient-top: linear-gradient(90deg, #fff 0 8px, transparent 0);
  --y-gradient-left: linear-gradient(#fff 0 8px, transparent 0);
  --x-gradient-bottom: linear-gradient(90deg, transparent 0 calc(100% - 8px), #fff calc(100% - 8px));
  --y-gradient-right: linear-gradient(transparent 0 calc(100% - 8px), #fff calc(100% - 8px));
  position: relative;
  background-image: var(--x-gradient-top), var(--y-gradient-left), var(--x-gradient-bottom), var(--y-gradient-right);
  background-repeat: no-repeat;
  background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
  background-position: top, left, bottom, right; }
  @media only screen and (min-width: 861px) {
    #section2 .featureSection_catch_text {
      margin-right: 0; } }
  @media only screen and (max-width: 861px) {
    .featureSection_catch_text {
      font-size: 22px;
      display: inline-block;
      margin-top: 8px; } }

.featureSection_features-title {
  font-size: 30px;
  letter-spacing: .08em;
  color: #924951; }
  @media only screen and (min-width: 861px) {
    .featureSection_features-title {
      line-height: 1.5; } }
  @media only screen and (max-width: 861px) {
    .featureSection_features-title {
      font-size: 22px; } }

@media only screen and (min-width: 861px) {
  .featureSection_features {
    margin-top: 80px; } }

@media only screen and (max-width: 861px) {
  .featureSection_features {
    margin-top: 40px; } }

.featureSection_features-list {
  margin-top: 40px; }
  @media only screen and (min-width: 861px) {
    .featureSection_features-list {
      white-space: nowrap; } }
  @media only screen and (max-width: 861px) {
    .featureSection_features-list {
      margin-top: 20px; } }

.featureSection_features-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px; }
  @media only screen and (min-width: 861px) {
    .featureSection_features-item img {
      width: 28px !important; } }
  @media only screen and (max-width: 861px) {
    .featureSection_features-item img {
      width: 20px !important; }
    .featureSection_features-item:last-child {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; } }
  .featureSection_features-item + .featureSection_features-item {
    margin-top: 19px; }
    @media only screen and (max-width: 861px) {
      .featureSection_features-item + .featureSection_features-item {
        margin-top: 14px; } }

.featureSection_features-text {
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  letter-spacing: .1em; }
  @media only screen and (max-width: 861px) {
    .featureSection_features-text {
      margin-top: -4px;
      font-size: 14px;
      line-height: 1.6; } }

.featureSection_products {
  margin-top: 80px; }
  @media only screen and (max-width: 861px) {
    .featureSection_products {
      margin-top: 32px; } }
  @media only screen and (min-width: 861px) {
    .featureSection_products .featureSection_productWrap:first-child .featureSection_product-title {
      font-size: 20px; } }
  @media only screen and (max-width: 861px) {
    .featureSection_products .featureSection_productWrap:first-child .featureSection_product-title {
      font-size: 16px; } }
  @media only screen and (min-width: 861px) {
    .featureSection_products .featureSection_productWrap:first-child .featureSection_product-price {
      font-size: 18px; } }
  @media only screen and (max-width: 861px) {
    .featureSection_products .featureSection_productWrap:first-child .featureSection_product-price {
      font-size: 15px; } }

.featureSection_productWrap {
  padding: 10px 0;
  border-bottom: 1px solid #DDDDDD; }
  @media only screen and (max-width: 861px) {
    .featureSection_productWrap {
      padding: 8px 0; } }

.featureSection_productInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media only screen and (min-width: 861px) {
  .featureSection_productTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px; } }

@media only screen and (max-width: 861px) {
  .featureSection_productTitle {
    text-align: left; } }

.featureSection_product-title {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: .08em; }
  @media only screen and (min-width: 861px) {
    .featureSection_product-title {
      min-width: 100px;
      line-height: 1.1; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .featureSection_product-title {
      min-width: initial !important;
      font-size: 14px; } }
  @media only screen and (max-width: 861px) {
    .featureSection_product-title {
      font-size: 14px; } }

.featureSection_productCode_price {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto; }
  @media only screen and (max-width: 861px) {
    .featureSection_productCode_price {
      gap: 24px; } }

.featureSection_product-code {
  color: #fff;
  font-family: "Noto Serif JP", serif;
  font-size: 10px;
  letter-spacing: .12em; }
  @media only screen and (max-width: 861px) {
    .featureSection_product-code {
      margin-top: 6px; } }

.itemArrival {
  color: #fff;
  font-family: "Noto Serif JP", serif;
  margin-top: 7px;
  font-size: 10px;
  letter-spacing: .12em; }
  @media only screen and (max-width: 861px) {
    .itemArrival {
      margin-top: 8px; } }

.featureSection_product-price {
  color: #fff;
  font-family: "Noto Sans JP", serif !important;
  font-size: 16px;
  letter-spacing: .08em; }
  @media only screen and (max-width: 861px) {
    .featureSection_product-price {
      font-size: 13px; } }

.featureSection_product-tax {
  color: #fff;
  font-family: "Noto Sans JP", serif !important;
  font-size: 10px;
  letter-spacing: .1em; }
  @media only screen and (min-width: 861px) {
    .featureSection_product-tax {
      margin-left: 7px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .featureSection_product-tax {
      display: inline !important;
      margin-left: 7px; } }
  @media only screen and (max-width: 861px) {
    .featureSection_product-tax {
      text-align: right;
      margin-top: 7px;
      display: block; } }

.featureSection_product-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 46px;
  height: 22px;
  border: 1px solid #fff;
  color: #fff !important;
  border-radius: 19px;
  font-size: 12px;
  letter-spacing: .04em;
  font-family: "Noto Sans JP", serif !important;
  font-weight: 500;
  -webkit-transition: .3s ease;
  transition: .3s ease; }
  @media only screen and (min-width: 861px) {
    .featureSection_product-button {
      margin-left: 20px; }
      .featureSection_product-button:hover {
        background-color: #fff;
        color: #97AE84 !important; } }
  @media only screen and (max-width: 861px) {
    .featureSection_product-button {
      font-size: 11px; } }

@-webkit-keyframes textUnderLiner {
  0% {
    width: 0%; }
  100% {
    width: 72px; } }

@keyframes textUnderLiner {
  0% {
    width: 0%; }
  100% {
    width: 72px; } }

.caution {
  font-family: "Noto Serif JP", serif;
  margin-top: 10px;
  font-size: 10px;
  letter-spacing: .12em; }
  @media only screen and (max-width: 861px) {
    .caution {
      margin-top: 8px; } }

.dots {
  position: relative;
  margin: 0 6px 0 10px; }
  @media only screen and (max-width: 861px) {
    .dots {
      margin: 0 8px 0 10px; } }
  .dots:before, .dots:after {
    position: absolute;
    content: '';
    top: 6px;
    background-repeat: no-repeat;
    width: 6px;
    height: 4px; }
    @media only screen and (max-width: 861px) {
      .dots:before, .dots:after {
        width: 5px;
        height: 4px;
        background-size: 5px 4px; } }
  .dots:before {
    background-image: url(../assets/images/flamingo_pants_2609/lead_left.svg);
    left: -6px; }
    @media only screen and (max-width: 861px) {
      .dots:before {
        top: 4px;
        left: -8px; } }
  .dots:after {
    background-image: url(../assets/images/flamingo_pants_2609/lead_right.svg);
    top: 6px;
    right: -5px; }
    @media only screen and (max-width: 861px) {
      .dots:after {
        top: 5px;
        right: -6px; } }

/* セクション1 ポイント*/
.featureSection_points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  overflow: hidden; }
  @media only screen and (min-width: 861px) {
    .featureSection_points {
      width: 1040px;
      margin: 80px auto 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .featureSection_points {
      padding-right: 110px !important; } }
  @media only screen and (max-width: 861px) {
    .featureSection_points {
      padding-right: 60px;
      margin: 40px 0 0 0;
      width: 100%;
      overflow-x: scroll;
      gap: 24px; } }

@media only screen and (min-width: 861px) {
  .featureSection_point {
    width: 320px; } }

@media only screen and (max-width: 861px) {
  .featureSection_point {
    width: 68vw; }
    .featureSection_point:first-child {
      margin-left: 40px; } }

@media only screen and (min-width: 861px) {
  .featureSection_point:nth-child(2) .featureSection_point-text {
    margin-top: 30px; }
  .featureSection_point:nth-child(2) .featureSection_point-title {
    margin-top: 15px; } }

@media only screen and (max-width: 861px) {
  .featureSection_point:nth-child(2) .featureSection_point-title {
    margin-top: 20px; } }

.featureSection_point-image img {
  width: 100%;
  height: auto; }

@media only screen and (min-width: 861px) {
  .featureSection_point-content {
    margin: 50px auto 0;
    width: 285px; } }

@media only screen and (max-width: 861px) {
  .featureSection_point-content {
    margin-top: 16px;
    padding: 0 10px;
    width: 68vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 124px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

.featureSection_point-contentInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.featureSection_point-title {
  font-size: 18px;
  font-weight: normal;
  color: #924951;
  letter-spacing: .1em;
  line-height: 1.6;
  margin-left: 75px; }
  @media only screen and (max-width: 861px) {
    .featureSection_point-title {
      font-size: 15px;
      letter-spacing: .08em;
      line-height: 1.5;
      margin-left: 65px; } }

.featureSection_point-text {
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .1em; }
  @media only screen and (min-width: 861px) {
    .featureSection_point-text {
      margin: 16.5px 0 0; } }
  @media only screen and (max-width: 861px) {
    .featureSection_point-text {
      font-size: 12px;
      letter-spacing: .08em; } }

/* スタッフ おすすめスタイル*/
.staffSection {
  position: relative;
  z-index: 1; }
  @media only screen and (min-width: 861px) {
    .staffSection {
      margin: 100px auto 0;
      width: 900px; } }
  @media only screen and (max-width: 861px) {
    .staffSection {
      margin-top: 64px; } }

.staffSection-title {
  font-family: "Noto Serif JP", serif;
  font-size: 25px;
  color: #fff;
  font-weight: normal;
  letter-spacing: .15em;
  text-align: center; }
  @media only screen and (max-width: 861px) {
    .staffSection-title {
      font-size: 24px; } }

.staffSection-list {
  margin-top: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 861px) {
    .staffSection-list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 30px 20px 0;
      gap: 32px 20px; } }

@media only screen and (min-width: 861px) {
  .staffSection-item {
    width: 210px; } }

@media only screen and (max-width: 861px) {
  .staffSection-item {
    width: 47%; } }

.staffSection-itemLink {
  display: block; }
  @media only screen and (min-width: 861px) {
    .staffSection-itemLink {
      -webkit-transition: all .5s;
      transition: all .5s; }
      .staffSection-itemLink:hover {
        opacity: .7; } }

@media only screen and (min-width: 861px) {
  .staffSection-image {
    width: 210px; } }

.staffSection-image img {
  width: 100%;
  height: auto; }

.staffSection-color {
  font-family: "Noto Serif JP", serif;
  margin-top: 13px;
  font-size: 11px;
  letter-spacing: .1em;
  color: #fff; }
  @media only screen and (max-width: 861px) {
    .staffSection-color {
      margin-top: 8px; } }

.staffSection-staffInfo {
  font-family: "Noto Serif JP", serif;
  margin-top: 11px;
  font-size: 11px;
  letter-spacing: .1em;
  line-height: 2.18;
  color: #fff; }
  @media only screen and (max-width: 861px) {
    .staffSection-staffInfo {
      margin-top: 8px;
      line-height: 1.6; } }

@media only screen and (min-width: 861px) {
  .staffSection_button {
    margin: 64px auto 0; } }

@media only screen and (max-width: 861px) {
  .staffSection_button {
    margin: 64px 40px 0;
    height: 48px; } }

.tryOnButton {
  display: block; }
  @media only screen and (max-width: 861px) {
    .tryOnButton {
      padding: 40px 10px 0; } }
  @media only screen and (min-width: 861px) {
    .tryOnButton {
      width: 380px;
      margin: 0 auto;
      padding-top: 65px;
      -webkit-transition: ease .4s;
      transition: ease .4s; }
      .tryOnButton:hover {
        opacity: .7; } }
  .tryOnButton img {
    width: 100%;
    height: auto; }

.shopButton {
  display: block; }
  @media only screen and (max-width: 861px) {
    .shopButton {
      padding: 0 10px;
      margin: 40px 0 70px; } }
  @media only screen and (min-width: 861px) {
    .shopButton {
      width: 380px;
      margin: 30px auto 90px;
      -webkit-transition: ease .4s;
      transition: ease .4s; }
      .shopButton:hover {
        opacity: .7; } }
  .shopButton img {
    width: 100%;
    height: auto; }

/* タイプセクション
-----------------------------------------------------------------*/
.typeSectionWrap {
  padding-top: 40px; }
  @media only screen and (min-width: 861px) {
    .typeSectionWrap {
      padding-top: 80px; } }
  .typeSectionWrap + .typeSectionWrap {
    padding-top: 64px; }
    @media only screen and (min-width: 861px) {
      .typeSectionWrap + .typeSectionWrap {
        padding-top: 120px; } }

@media only screen and (min-width: 861px) {
  .typeSection {
    width: 1200px;
    margin: 0 auto; } }

@media only screen and (max-width: 861px) {
  .typeSection {
    padding: 0 20px; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .typeContainer {
    margin: 0 auto;
    width: 600px; } }

@media only screen and (min-width: 861px) {
  .typeContainer_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }

.tabSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

/* 縦タブ（左側） */
.tabSectionTabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  gap: 1.5px; }

.tabSectionTabs_node {
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  letter-spacing: .2em;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 45px;
  border-radius: 0 0 0 15px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff; }
  .tabSectionTabs_node:first-child {
    border-top: 1px solid #fff; }
  @media only screen and (min-width: 861px) {
    .tabSectionTabs_node {
      height: 185px; } }
  @media only screen and (max-width: 861px) {
    .tabSectionTabs_node {
      font-size: 11px;
      width: 34px; } }
  .tabSectionTabs_node:hover {
    background: #fff;
    color: #1C1C1C; }
  .tabSectionTabs_node.active {
    background: #fff;
    color: #1C1C1C; }

/* メイン画像エリア（中央） */
.tabSectionMain {
  position: relative;
  width: 400px;
  margin-left: 2px; }
  @media only screen and (max-width: 861px) {
    .tabSectionMain {
      width: 100%; } }

.mainText {
  font-family: "Noto Serif JP", serif;
  text-align: right;
  font-size: 12px;
  letter-spacing: .1em;
  position: relative;
  top: -20px;
  right: 0;
  color: #fff; }
  @media only screen and (max-width: 861px) {
    .mainText {
      position: absolute;
      font-size: 10px; } }

.tabSectionImage {
  width: 100%;
  height: auto;
  display: none; }
  @media only screen and (min-width: 861px) {
    .tabSectionImage {
      position: absolute;
      top: 0;
      left: 0; } }
  .tabSectionImage.active {
    display: block; }
  .tabSectionImage img {
    width: 100%;
    height: auto; }

/* プラスアイコン */
.hotspot {
  cursor: pointer;
  position: absolute; }
  .hotspot:hover .hotspotIcon::before, .hotspot.active .hotspotIcon::before {
    content: "−";
    color: white;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -12px; }

.hotspot_inner {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 861px) {
    .hotspot_inner {
      gap: 4px; } }
  .hotspot_inner.hotspot-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .hotspot_inner.hotspot-reverse .hotspotIcon::before {
      left: auto;
      right: 0; }
  .hotspot_inner.hotspot-normal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
    .hotspot_inner.hotspot-normal .hotspotIcon::before {
      left: 0;
      right: auto; }

.hotspotIcon {
  width: 12px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 10; }
  @media only screen and (max-width: 861px) {
    .hotspotIcon {
      width: 20px;
      height: 20px;
      font-size: 14px; } }
  .hotspotIcon::before {
    content: "+";
    color: #fff;
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -14px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }

.hotspotLine {
  border-top: 1px solid #fff;
  width: 75.5px;
  height: 1px; }
  @media only screen and (max-width: 861px) {
    .hotspotLine {
      width: 65px; } }

/* 詳細エリア（右側） */
.tabSectionDetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (min-width: 861px) {
    .tabSectionDetail {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-left: 80px;
      width: 300px; } }
  @media only screen and (max-width: 861px) {
    .tabSectionDetail {
      margin-top: 5px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      padding: 0 0 0 20px;
      gap: 24px; } }

.typeTitle_wrap {
  width: 227px;
  margin: 0 auto 55px; }
  @media only screen and (max-width: 861px) {
    .typeTitle_wrap {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; } }

.typeTitle {
  text-align: center;
  font-family: "Noto Serif JP", serif;
  color: #fff;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: .08em;
  --x-gradient: linear-gradient(90deg, #fff 0 8px, transparent 0 calc(100% - 8px), #fff calc(100% - 8px));
  --y-gradient: linear-gradient(#fff 0 8px, transparent 0 calc(100% - 8px), #fff calc(100% - 8px));
  position: relative;
  background-image: var(--x-gradient), var(--y-gradient), var(--x-gradient), var(--y-gradient);
  background-repeat: no-repeat;
  background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
  background-position: top, right, bottom, left; }
  @media only screen and (min-width: 861px) {
    .typeTitle {
      margin: 0 30px;
      padding: 25.5px 0; } }
  @media only screen and (max-width: 861px) {
    .typeTitle {
      font-size: 22px;
      padding: 16.5px 0;
      width: 228px; } }

.detailImage {
  overflow: hidden; }
  @media only screen and (min-width: 861px) {
    .detailImage {
      margin-top: 50.5px; } }
  @media only screen and (max-width: 861px) {
    .detailImage {
      width: 50%;
      height: auto;
      margin-top: 0; } }
  .detailImage img {
    width: 100%;
    height: auto; }

.detailText {
  margin-top: 24px;
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .1em;
  color: #fff; }
  @media only screen and (max-width: 861px) {
    .detailText {
      margin-top: 0;
      width: 50%;
      letter-spacing: .08em;
      font-size: 12px;
      line-height: 1.6; } }

@media only screen and (min-width: 861px) {
  .selectVoice {
    margin-top: 80px; } }

@media only screen and (max-width: 861px) {
  .selectVoice {
    margin-top: 32px; } }

@media only screen and (min-width: 861px) {
  .valuePants_list {
    margin-top: 100px; } }

@media only screen and (max-width: 861px) {
  .valuePants_list {
    margin-top: 40px;
    overflow: hidden; } }

.valuePants_list .swiper-wrapper {
  height: auto; }

.valuePants_list .swiper-slide {
  height: auto; }

.valuePants_list_node_img img {
  width: 100%;
  height: auto;
  border-radius: 23px; }

.valuePants_list_node_content {
  margin-top: 30px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 861px) {
    .valuePants_list_node_content {
      margin-top: 16px; } }

.valuePants_list_node_title {
  position: relative;
  z-index: 2;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  letter-spacing: .1em;
  line-height: 1.5;
  min-height: 59px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff; }
  @media only screen and (max-width: 861px) {
    .valuePants_list_node_title {
      min-height: 50px;
      font-size: 16px; } }

.valuePants_list_node_text {
  font-family: "Noto Serif JP", serif;
  position: relative;
  z-index: 2;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .1em;
  color: #fff; }
  @media only screen and (max-width: 861px) {
    .valuePants_list_node_text {
      margin-top: 13px;
      font-size: 12px;
      letter-spacing: .08em; } }

.voiceList {
  margin-top: 120px; }
  @media only screen and (max-width: 861px) {
    .voiceList {
      margin-top: 64px; } }

.voiceList_title {
  text-align: center; }

.voiceList_title_en {
  font-family: "Forum", serif;
  font-weight: 400;
  font-size: 32px;
  letter-spacing: .35em;
  color: #fff; }

.voiceList_title_ja {
  font-family: "Noto Serif JP", serif;
  margin-top: 12px;
  font-size: 16px;
  letter-spacing: .15em;
  color: #fff; }
  @media only screen and (max-width: 861px) {
    .voiceList_title_ja {
      margin-top: 6px;
      font-size: 16px; } }

.voiceList_slider {
  margin-top: 40px; }

@media only screen and (min-width: 861px) {
  .voiceList_slider_node {
    width: calc((100% - 64px) / 5);
    -ms-flex-negative: 0;
    flex-shrink: 0; } }

.voiceList_captionWrap {
  position: relative;
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 195px; }
  @media only screen and (max-width: 861px) {
    .voiceList_captionWrap {
      padding: 0 20px;
      min-height: 130px; } }
  .voiceList_captionWrap:after {
    content: "";
    display: block;
    position: absolute;
    left: -16px;
    bottom: -5px;
    height: calc(49px / 2);
    width: 49px;
    -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.voiceList_caption {
  color: #1C1C1C;
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .1em; }
  @media only screen and (max-width: 861px) {
    .voiceList_caption {
      letter-spacing: .08em;
      font-size: 12px; } }

.voiceList_info {
  margin-top: 15px;
  padding-left: 30px;
  color: #fff; }
  @media only screen and (max-width: 861px) {
    .voiceList_info {
      margin-top: 12px;
      padding-left: 30px; } }

.voiceList_people {
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  letter-spacing: .08em; }
  @media only screen and (max-width: 861px) {
    .voiceList_people {
      font-size: 12px; } }

.voiceList_item {
  font-family: "Noto Serif JP", serif;
  margin-top: 6px;
  font-size: 14px;
  letter-spacing: .08em; }
  @media only screen and (max-width: 861px) {
    .voiceList_item {
      font-size: 12px; } }

.voiceList_slider .swiper-wrapper {
  height: auto; }

.voiceList_slider .swiper-slide {
  height: auto; }

.flamingo-pants .pageNav {
  position: relative;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  border-top: none !important;
  height: 45px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (min-width: 861px) {
    .flamingo-pants .pageNav {
      margin: 58px auto 0; } }
  @media only screen and (max-width: 861px) {
    .flamingo-pants .pageNav {
      margin: 24px auto 0; } }
  .flamingo-pants .pageNav .swiper-pagination.swiper-pagination {
    position: initial !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important; }
  .flamingo-pants .pageNav .swiper-pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    background-color: #fff;
    opacity: 0.2;
    margin: 0 8px; }
    @media only screen and (max-width: 861px) {
      .flamingo-pants .pageNav .swiper-pagination .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        margin: 0 9px; } }
    .flamingo-pants .pageNav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      opacity: 1; }
  .flamingo-pants .pageNav .swiper-button-prev,
  .flamingo-pants .pageNav .swiper-button-next {
    position: absolute;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    width: 42px !important;
    height: 42px !important;
    margin-top: 0 !important;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-image: none !important; }
    .flamingo-pants .pageNav .swiper-button-prev:after,
    .flamingo-pants .pageNav .swiper-button-next:after {
      font-size: 18px !important;
      width: initial !important;
      height: initial !important; }
    .flamingo-pants .pageNav .swiper-button-prev:hover,
    .flamingo-pants .pageNav .swiper-button-next:hover {
      opacity: .7; }
  .flamingo-pants .pageNav .swiper-button-prev {
    left: -70px !important; }
  .flamingo-pants .pageNav .swiper-button-next {
    right: -70px !important; }

/* spクリックメニュー
--------------------*/
@media only screen and (max-width: 861px) {
  .contents .c-section_itemList {
    display: none; }
  .contents .creditList_wrapBtn {
    font-family: "Noto Sans JP", serif;
    position: relative;
    text-align: left;
    margin-top: 24px;
    padding-left: 24px;
    color: #924951;
    background-color: #fff;
    line-height: 60px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .12em; }
    .contents .creditList_wrapBtn .icon {
      display: inline-block;
      position: absolute;
      width: 11px;
      height: 11px;
      top: 50%;
      right: 24px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      .contents .creditList_wrapBtn .icon .plus, .contents .creditList_wrapBtn .icon .minus {
        display: inline-block;
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 1px;
        background-color: #924951; }
    .contents .creditList_wrapBtn .plus {
      top: 50%;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg); }
    .contents .creditList_wrapBtn .minus {
      top: 50%;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
    .contents .creditList_wrapBtn.is-open .plus {
      background-color: #924951; }
    .contents .creditList_wrapBtn.is-open .minus {
      display: none; }
  .contents .c-section_itemList_node {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .contents .c-section_itemList_name {
    font-size: 12px;
    letter-spacing: .1em;
    line-height: 1.6; } }

.footerSection {
  position: relative;
  z-index: 1;
  background: #fff;
  margin: 0; }

.shopButton {
  margin: 0 auto;
  padding: 30px 0 90px; }
  @media only screen and (max-width: 861px) {
    .shopButton {
      padding: 40px 10px 70px; } }

.footer {
  position: relative;
  z-index: 1;
  margin-top: 0; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .breadcrumbs {
    background: #fff;
    z-index: 1;
    position: relative; } }

@media only screen and (max-width: 861px) {
  .breadcrumbs {
    background: #fff;
    z-index: 1;
    position: relative; } }