@charset "UTF-8";
/* フォント定設
-----------------------------------------------------------------*/
@font-face {
  font-family: 'MyYuGothicM';
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  /* 游ゴシックMediumが存在しないWindows8.1用 */ }

@font-face {
  font-family: 'MyYuGothicM';
  font-weight: bold;
  src: local("YuGothic-Bold"), local("Yu Gothic Bold");
  /* PostScript Nameを認識できないChrome用にFull Nameを指定 */ }

@font-face {
  font-family: 'MyYuMinchoM';
  font-weight: normal;
  src: local("YuMincho-Medium"), local("Yu Mincho Medium"), local("YuMincho-Regular");
  /* 游明朝Mediumが存在しないWindows8.1用 */ }

@font-face {
  font-family: 'MyYuMinchoM';
  font-weight: bold;
  src: local("YuMincho-Demibold"), local("Yu Mincho");
  /* PostScript Nameを認識できないChrome用にFull Nameを指定 */ }

/* イージング
-----------------------------------------------------------------*/
/* デュレーション
-----------------------------------------------------------------*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

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

.js-inview {
  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; }
  .js-inview.is-show {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.btn_arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  letter-spacing: .12em;
  font-family: "EB Garamond", serif;
  text-transform: capitalize; }
  .btn_arrow:after {
    content: "";
    width: 4px;
    height: 7.5px;
    margin-left: 8px;
    background-image: url("../images/svg/arrow-right.svg");
    background-repeat: no-repeat;
    background-size: contain; }

.text_vertical {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: mixed; }

.mainVisual {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mainVisual {
      height: 100svh;
      min-height: 100svh; } }

.mainVisual_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mainVisual_bg {
      -webkit-transform: none !important;
      -ms-transform: none !important;
      transform: none !important;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; } }
  .mainVisual_bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.mainVisual_bgImage {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.mainVisual_logo {
  position: absolute;
  top: 40px;
  left: 40px;
  z-index: 20;
  width: 115px;
  height: 126px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mainVisual_logo {
      top: 20px;
      left: 20px;
      width: 80px;
      height: 88px; } }
  .mainVisual_logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

.mainVisual_titleGroup {
  position: absolute;
  bottom: 96px;
  left: 80px;
  z-index: 20;
  color: #ffffff; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mainVisual_titleGroup {
      width: 325px; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mainVisual_titleGroup {
      width: 247px;
      bottom: 47px;
      left: 32px; } }

.mainVisual_titleGroup_inner {
  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 print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mainVisual_titleGroup_inner {
      height: 210px; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mainVisual_titleGroup_inner {
      height: 172px; } }
  .mainVisual_titleGroup_inner:before {
    opacity: 0;
    content: "";
    position: absolute;
    top: 65px;
    left: 153px;
    width: 1px;
    height: 128px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    background-color: #ffffff; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
      .mainVisual_titleGroup_inner:before {
        height: 90px;
        left: 118px;
        top: 57px; } }
  .mainVisual_titleGroup_inner.is-line:before {
    opacity: 1;
    -webkit-animation: fadeIn .8s ease-in-out forwards;
    animation: fadeIn .8s ease-in-out forwards; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
      .mainVisual_titleGroup_inner.is-line:before {
        -webkit-animation: fadeIn_sp .8s ease-in-out forwards;
        animation: fadeIn_sp .8s ease-in-out forwards; } }

@-webkit-keyframes fadeIn {
  0% {
    height: 0; }
  100% {
    height: 128px; } }

@keyframes fadeIn {
  0% {
    height: 0; }
  100% {
    height: 128px; } }

@-webkit-keyframes fadeIn_sp {
  0% {
    height: 0; }
  100% {
    height: 90px; } }

@keyframes fadeIn_sp {
  0% {
    height: 0; }
  100% {
    height: 90px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .mainVisual_mainTitle_1 {
    width: 160px;
    height: 52px; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .mainVisual_mainTitle_1 {
    width: 122px;
    height: 40px; } }

.mainVisual_mainTitle_2 {
  width: 267px;
  height: 37px;
  margin-left: auto; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mainVisual_mainTitle_2 {
      width: 203px;
      height: 26px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .mainVisual_mainTitle_3 {
    width: 294px;
    height: 18px;
    margin-top: 23px; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .mainVisual_mainTitle_3 {
    width: 224px;
    height: 13px;
    margin-top: 18px; } }

.mainVisual_verticalText {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 40px;
  z-index: 20;
  color: #ffffff;
  font-size: 10px;
  letter-spacing: .4em;
  font-family: "EB Garamond", serif; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mainVisual_verticalText {
      right: 20px; } }

.leadSection {
  margin-top: 100px;
  padding: 0 24px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .leadSection {
      margin: 40px 0;
      padding: 0 30px; } }

.leadSection_mainTextInner {
  text-align: center;
  font-size: 14px;
  line-height: 2.4;
  letter-spacing: .12em;
  margin-bottom: 80px;
  font-family: "Noto Sans JP", sans-serif; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .leadSection_mainTextInner {
      margin-bottom: 40px;
      text-align: left;
      font-size: 14px;
      line-height: 2; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .leadSection_philosophy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 80px;
    width: 765px;
    margin: 0 auto; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .leadSection_philosophy {
    padding-top: 40px;
    text-align: center;
    border-top: 1px solid #ddd; } }

.leadSection_philosophyImage {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 123px;
  height: 135px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .leadSection_philosophyImage {
      width: 99px;
      height: 108px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .leadSection_philosophyDivider {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #ddd;
    width: 1px;
    height: 135px; } }

.leadSection_philosophyContent {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-top: 8px; }

.leadSection_philosophyTitle {
  font-size: 16px;
  letter-spacing: .12em;
  font-family: "EB Garamond", serif;
  margin-bottom: 24px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .leadSection_philosophyTitle {
      font-size: 15px;
      margin-top: 30px; } }

.leadSection_philosophyText {
  font-size: 12px;
  line-height: 2;
  letter-spacing: .12em;
  font-family: "Noto Sans JP", sans-serif; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .leadSection_philosophyText {
      max-width: 480px; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .leadSection_philosophyText {
      text-align: left;
      margin-top: 20px;
      font-size: 12px;
      letter-spacing: .08em;
      line-height: 1.8; } }

.bannerSection {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  cursor: pointer;
  position: fixed;
  z-index: 30;
  width: 320px; }
  .bannerSection:before {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .bannerSection {
      bottom: 24px;
      right: 24px; }
      .bannerSection:hover:before {
        background-color: rgba(0, 0, 0, 0.3); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .bannerSection {
      bottom: 20px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); } }
  .bannerSection.is-show {
    opacity: 1;
    visibility: visible; }

.bannerSection_main {
  position: relative;
  width: 320px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .bannerSection_main {
      -webkit-transition: opacity .3s ease;
      transition: opacity .3s ease;
      opacity: 1; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1025px), screen and (min-width: 1025px) and (min-width: 1025px) {
    .bannerSection_main:hover {
      opacity: .7; } }

.bannerSection_image {
  width: 140px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover; }

.bannerSection_content {
  position: absolute;
  top: 0;
  right: 0;
  width: 180px;
  height: 100px;
  background-color: #f7f7f7;
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 24px;
  cursor: pointer; }

.bannerSection_date {
  font-size: 12px;
  letter-spacing: .12em;
  font-family: "EB Garamond", serif;
  text-transform: uppercase;
  margin-bottom: 8px; }

.bannerSection_title {
  font-size: 16px;
  letter-spacing: .12em;
  font-family: "EB Garamond", serif;
  text-transform: capitalize;
  margin-bottom: 12px; }

.bannerSection_close {
  position: absolute;
  top: -24px;
  right: 0;
  width: 16px;
  height: 16px; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .bannerSection_close {
      -webkit-transition: opacity .3s ease;
      transition: opacity .3s ease;
      opacity: 1; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1025px), screen and (min-width: 1025px) and (min-width: 1025px) {
    .bannerSection_close:hover {
      opacity: .7; } }

.section {
  margin-top: 120px; }

.section_title {
  text-align: center;
  margin-bottom: 64px;
  font-size: 20px;
  letter-spacing: .04em;
  font-family: "EB Garamond", serif; }

.section_titleJp {
  text-align: center;
  margin-bottom: 72px;
  font-size: 16px;
  letter-spacing: .24em;
  font-family: "Noto Sans JP", sans-serif; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .section_titleJp {
      margin-bottom: 25px; } }

.anchorSection {
  margin-top: 120px;
  padding: 0 24px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .anchorSection {
      margin-top: 60px;
      padding: 0 30px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .anchorSection_container {
    max-width: clamp(calc(1040 / 1280 * 1000px), calc(1040 / 1280 * 100vw), calc(1040 / 1280 * 3840px));
    margin: 0 auto; } }

.anchorSection_titleArea {
  text-align: center;
  margin-bottom: 64px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .anchorSection_titleArea {
      margin-bottom: 25px; } }

.anchorSection_title {
  font-size: 20px;
  letter-spacing: .04em;
  font-family: "EB Garamond", serif; }

.anchorSection_grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 40px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .anchorSection_grid {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 25px; } }
  .anchorSection_grid a {
    cursor: pointer; }
    @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
      .anchorSection_grid a {
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease;
        opacity: 1; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1025px), screen and (min-width: 1025px) and (min-width: 1025px) {
    .anchorSection_grid a:hover {
      opacity: .7; } }

.anchorSection_card {
  text-align: center; }
  .anchorSection_card.is-active .anchorSection_cardImage {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .anchorSection_card + .anchorSection_card .anchorSection_cardTitle {
      font-size: 14px; } }

.anchorSection_cardImage {
  margin-bottom: 24px;
  overflow: hidden; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .anchorSection_cardImage {
      margin-bottom: 14px; } }
  .anchorSection_cardImage img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -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; }

.anchorSection_cardSubtitle {
  font-size: 12px;
  letter-spacing: .20em;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 14px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .anchorSection_cardSubtitle {
      margin-bottom: 9px; } }

.anchorSection_cardTitle {
  font-size: 16px;
  letter-spacing: .18em;
  font-family: "Noto Serif JP", serif;
  font-weight: 500; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .anchorSection_cardTitle {
      font-size: 15px; } }

.anchorSection_cardTitleGroup {
  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;
  gap: 16px; }

.anchorSection_cardTitleAccent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .anchorSection_cardTitleAccent {
      gap: 12px; } }

.anchorSection_cardTitleLine {
  width: 16px;
  height: 1px;
  background-color: #000000; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .c-section + .c-section {
    margin-top: 24px; } }

.sectionTitle {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .sectionTitle {
      padding-top: 120px;
      width: clamp(calc(1160 / 1280 * 1000px), calc(1160 / 1280 * 100vw), calc(1160 / 1280 * 3840px));
      gap: clamp(calc(80 / 1280 * 1000px), calc(80 / 1280 * 100vw), calc(80 / 1280 * 3840px)); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .sectionTitle {
      padding-top: 96px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.sectionTitle_image {
  width: clamp(calc(640 / 1280 * 1000px), calc(640 / 1280 * 100vw), calc(640 / 1280 * 3840px));
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .sectionTitle_image {
      position: relative;
      width: 100%;
      padding-left: 30px; }
      .sectionTitle_image:after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        display: block;
        width: 100%;
        background-color: #F7F7F7;
        z-index: -1;
        height: 50%; } }

.sectionTitle_imageInner {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.sectionTitle_content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  background-color: #ffffff;
  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: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .sectionTitle_content {
      width: clamp(calc(440 / 1280 * 1000px), calc(440 / 1280 * 100vw), calc(440 / 1280 * 3840px)); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .sectionTitle_content {
      background-color: #F7F7F7;
      position: initial;
      padding: 0 30px 40px; } }

.sectionTitle_decorative {
  width: clamp(calc(440 / 1280 * 1000px), calc(440 / 1280 * 100vw), calc(440 / 1280 * 3840px)); }

.sectionTitle_decorative_inner {
  position: absolute; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .sectionTitle_decorative_inner {
      right: 0;
      top: 0;
      width: clamp(calc(87 / 1280 * 1000px), calc(87 / 1280 * 100vw), calc(87 / 1280 * 3840px)); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .sectionTitle_decorative_inner {
      left: 30px;
      right: initial;
      top: 8.5%; } }
  @media print, screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .sectionTitle_decorative_inner {
      top: 6.5%; } }
  .sectionTitle_decorative_inner:before {
    opacity: 0;
    content: "";
    position: absolute;
    top: clamp(calc(18 / 1280 * 1000px), calc(18 / 1280 * 100vw), calc(18 / 1280 * 3840px));
    left: clamp(calc(35 / 1280 * 1000px), calc(35 / 1280 * 100vw), calc(35 / 1280 * 3840px));
    width: 0.5px;
    height: clamp(calc(27 / 1280 * 1000px), calc(27 / 1280 * 100vw), calc(27 / 1280 * 3840px));
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    background-color: #000000; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
      .sectionTitle_decorative_inner:before {
        height: 37px;
        left: 42px;
        top: 20px; } }
  .is-line .sectionTitle_decorative_inner:before {
    opacity: 1;
    -webkit-animation: fadeLine .5s ease-in-out forwards;
    animation: fadeLine .5s ease-in-out forwards; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
      .is-line .sectionTitle_decorative_inner:before {
        -webkit-animation: fadeLine_sp .5s ease-in-out forwards;
        animation: fadeLine_sp .5s ease-in-out forwards; } }
  .sectionTitle_decorative_inner img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
      .sectionTitle_decorative_inner img {
        width: 99px;
        height: 64px; } }

@-webkit-keyframes fadeLine {
  0% {
    height: 0; }
  100% {
    height: clamp(calc(28 / 1280 * 1000px), calc(28 / 1280 * 100vw), calc(28 / 1280 * 3840px)); } }

@keyframes fadeLine {
  0% {
    height: 0; }
  100% {
    height: clamp(calc(28 / 1280 * 1000px), calc(28 / 1280 * 100vw), calc(28 / 1280 * 3840px)); } }

@-webkit-keyframes fadeLine_sp {
  0% {
    height: 0; }
  100% {
    height: 37px; } }

@keyframes fadeLine_sp {
  0% {
    height: 0; }
  100% {
    height: 37px; } }

.sectionTitle_textContent {
  position: relative;
  max-width: clamp(calc(360 / 1280 * 1000px), calc(360 / 1280 * 100vw), calc(360 / 1280 * 3840px)); }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .sectionTitle_textContent {
      max-width: 100%; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .sectionTitle_textContent_inner {
    white-space: nowrap; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .sectionTitle_textContent_inner {
    position: relative; } }

.sectionTitle_border {
  position: absolute;
  right: -80px;
  bottom: 0;
  width: 1px;
  height: 312px;
  background-color: #ddd;
  overflow: hidden; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .sectionTitle_border {
      height: 135px;
      right: 0; } }
  .sectionTitle_border:before {
    -webkit-animation: borderLine 3s ease infinite 1s;
    animation: borderLine 3s ease infinite 1s;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    background-color: #000;
    height: 160px; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
      .sectionTitle_border:before {
        width: 2px;
        height: 80px;
        -webkit-animation: borderLine_sp 3s ease infinite 1s;
        animation: borderLine_sp 3s ease infinite 1s; } }

@-webkit-keyframes borderLine {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(210%);
    transform: translateY(210%); } }

@keyframes borderLine {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(210%);
    transform: translateY(210%); } }

@-webkit-keyframes borderLine_sp {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(180%);
    transform: translateY(180%); } }

@keyframes borderLine_sp {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(180%);
    transform: translateY(180%); } }

.sectionTitle_subtitle {
  font-size: 16px;
  letter-spacing: .25em;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 40px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .sectionTitle_subtitle {
      margin: 30px 0 10px; } }

.sectionTitle_mainTitle {
  font-size: 32px;
  line-height: 1.5;
  letter-spacing: .16em;
  font-family: "Noto Serif JP", serif; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .sectionTitle_mainTitle {
      margin-bottom: 32px; } }
  @media print, screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .sectionTitle_mainTitle {
      font-size: 23px; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .sectionTitle_mainTitle {
      font-size: 24px; } }

.sectionTitle_mainTitle_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 17px;
  line-height: 1.5; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .sectionTitle_mainTitle_block {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      gap: 5px; } }
  .sectionTitle_mainTitle_block i {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .sectionTitle_mainTitle_block i:before, .sectionTitle_mainTitle_block i:after {
      content: "";
      display: block;
      width: 20px;
      height: 1px;
      margin-top: 3px;
      background-color: #000000; }
    .sectionTitle_mainTitle_block i:before {
      margin-right: 12px; }
    .sectionTitle_mainTitle_block i:after {
      margin-left: 12px; }

.sectionTitle_description {
  font-size: 12px;
  line-height: 2;
  letter-spacing: .1em;
  font-family: "Noto Sans JP", sans-serif; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .sectionTitle_description {
      margin-top: 32px; } }

.itemListSection {
  margin-top: 100px;
  padding: 0 24px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemListSection {
      margin-top: 60px;
      padding: 0 30px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .itemListSection_container {
    margin: 0 auto; } }

.itemCard_top, .itemCard_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px 7px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .itemCard_top, .itemCard_bottom {
      gap: 10px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .itemCard_bottom {
    margin-top: 32px; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .itemCard_bottom {
    margin-top: 15px; } }

.itemCard {
  text-align: center;
  cursor: pointer; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .itemCard {
      -webkit-transition: opacity .3s ease;
      transition: opacity .3s ease;
      opacity: 1; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1025px), screen and (min-width: 1025px) and (min-width: 1025px) {
    .itemCard:hover {
      opacity: .7; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemCard {
      width: calc((100% - 14px) / 3); } }

.itemCard_imageWrap {
  position: relative;
  margin-bottom: 8px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemCard_imageWrap {
      margin-bottom: 5px; } }

.itemCard_image {
  -o-object-fit: cover;
  object-fit: cover; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .itemCard_image {
      width: clamp(calc(160 / 1280 * 1000px), calc(160 / 1280 * 100vw), calc(160 / 1280 * 3840px));
      padding: clamp(calc(15 / 1280 * 1000px), calc(15 / 1280 * 100vw), calc(15 / 1280 * 3840px)); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemCard_image {
      width: 100%;
      padding: 10px; } }

.itemCard_label {
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: 12px;
  font-family: "EB Garamond", serif;
  color: #000000; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemCard_label {
      top: 4px;
      font-size: 10px; } }

.itemCard_name {
  font-size: 12px;
  letter-spacing: .12em;
  font-family: "Noto Sans JP", sans-serif; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemCard_name {
      font-size: 10px; } }

.lookSection {
  margin-top: 100px; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .lookSection {
      padding: 0 16px; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .lookSection {
      margin-top: 70px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .lookSection_container {
    max-width: clamp(calc(960 / 1280 * 1000px), calc(960 / 1280 * 100vw), calc(960 / 1280 * 3840px));
    margin: 0 auto; } }

.lookSection_grid {
  display: -ms-grid;
  display: grid; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .lookSection_grid {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      gap: 50px 40px; } }

.lookSection_cardWrapper {
  position: relative; }

.lookSection_slides {
  overflow: initial !important; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .lookSection_slides .swiper-wrapper {
      width: clamp(calc(460 / 1280 * 1000px), calc(460 / 1280 * 100vw), calc(460 / 1280 * 3840px)) !important; } }

.lookSection_slide {
  position: relative;
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease-in-out;
  transition: opacity 0.8s ease-in-out; }
  .lookSection_slide.swiper-slide-active {
    opacity: 1; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .lookSection_slide {
      width: clamp(calc(460 / 1280 * 1000px), calc(460 / 1280 * 100vw), calc(460 / 1280 * 3840px)) !important; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .lookSection_slide {
      width: 100% !important; } }
  .lookSection_slide .swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto; }
  .lookSection_slide .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .lookSection_card + .lookSection_card .lookSection_staticImage {
    margin-top: 53px; }
  .lookSection_card + .lookSection_card .swiper-wrapper {
    margin-top: 53px; }
  .lookSection_card.is-hover .lookSection_closeBtn {
    opacity: 0; }
  .lookSection_card.is-hover .lookSection_closeBtn_hover {
    opacity: 1;
    z-index: 10000; }
  .lookSection_card.is-hover .lookSection_hoverOverlay {
    opacity: 1;
    z-index: 1; } }

.lookSection_cardImage {
  -o-object-fit: cover;
  object-fit: cover; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .lookSection_cardImage {
      width: clamp(calc(460 / 1280 * 1000px), calc(460 / 1280 * 100vw), calc(460 / 1280 * 3840px)); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .lookSection_cardImage {
      width: 100% !important; } }

.lookSection_tagLine {
  position: absolute;
  top: -10px;
  left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .lookSection_slide .lookSection_tagLine {
      top: -10px; } }

.lookSection_tagLineBorder {
  width: 0;
  height: 24px;
  border-left: 1px solid #000000; }

.lookSection_tagLineItems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.lookSection_tagLineLabel {
  font-size: 12px;
  font-family: "EB Garamond", serif; }

.lookSection_tagLineDot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-image: url(../images/svg/tag-dot-4.svg);
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center; }

.lookSection_genderLabel {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  cursor: pointer; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .lookSection_genderLabel {
      -webkit-transition: opacity .3s ease;
      transition: opacity .3s ease;
      opacity: 1; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1025px), screen and (min-width: 1025px) and (min-width: 1025px) {
    .lookSection_genderLabel:hover {
      opacity: .7; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
      .lookSection_genderLabel:hover .lookSection_sliderNext .arrow {
        width: 25px; } }
    @media print, screen and (min-width: 1024px) and (orientation: landscape) and (max-width: 1023px), screen and (min-width: 1025px) and (max-width: 1023px), screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait), screen and (min-width: 1025px) and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
      .lookSection_genderLabel:hover .lookSection_sliderNext .arrow {
        width: 23px; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .lookSection_genderLabel {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-top: 10px;
      letter-spacing: .12em; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .lookSection_slide {
    width: clamp(calc(460 / 1280 * 1000px), calc(460 / 1280 * 100vw), calc(460 / 1280 * 3840px)) !important; } }

.lookSection_sliderNext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 30px; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .lookSection_sliderNext {
      -webkit-transition: opacity .3s ease;
      transition: opacity .3s ease;
      opacity: 1; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1025px), screen and (min-width: 1025px) and (min-width: 1025px) {
    .lookSection_sliderNext:hover {
      opacity: .7; } }
  .lookSection_sliderNext::before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    z-index: 1;
    cursor: pointer; }
  .lookSection_sliderNext .arrow {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 1px;
    border-radius: 9999px;
    background-color: #000000;
    pointer-events: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    z-index: 2; }
  .lookSection_sliderNext .arrow::before,
  .lookSection_sliderNext .arrow::after {
    pointer-events: auto;
    content: "";
    position: absolute;
    top: calc(50% - 0.5px);
    right: 0;
    width: 5px;
    height: 1px;
    border-radius: 9999px;
    background-color: #000000;
    -webkit-transform-origin: calc(100% - 0.5px) 50%;
    -ms-transform-origin: calc(100% - 0.5px) 50%;
    transform-origin: calc(100% - 0.5px) 50%; }
  .lookSection_sliderNext .arrow::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .lookSection_sliderNext .arrow::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.lookSection_genderLine {
  width: 20px;
  height: 5px;
  background-image: url(../images/svg/women-underline-1.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center; }

.lookSection_genderText {
  font-size: 12px;
  letter-spacing: .12em;
  font-family: "EB Garamond", serif; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .lookSection_genderText {
      width: 50px; } }

.lookSection_closeBtn {
  position: absolute;
  bottom: 23px;
  right: 23px;
  width: 24px;
  height: 24px;
  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;
  border: none;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 1; }
  .lookSection_closeBtn img {
    width: 100%; }
  .is-hover .lookSection_closeBtn {
    opacity: 0; }

.lookSection_closeBtn_hover {
  position: absolute;
  bottom: 23px;
  right: 23px;
  width: 24px;
  height: 24px;
  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;
  border: none;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0;
  z-index: 1; }
  .lookSection_closeBtn_hover img {
    width: 100%; }
  .is-hover .lookSection_closeBtn_hover {
    opacity: 1;
    z-index: 10000; }

.lookSection_hoverOverlay {
  position: absolute;
  inset: 0;
  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;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .lookSection_hoverOverlay {
      width: clamp(calc(460 / 1280 * 1000px), calc(460 / 1280 * 100vw), calc(460 / 1280 * 3840px)); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .lookSection_hoverOverlay {
      width: 100%; } }
  .is-hover .lookSection_hoverOverlay {
    opacity: 1;
    z-index: 1; }

.lookSection_creditArea {
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px;
  width: calc(100% - 96px);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .lookSection_creditArea {
      width: calc(100% - 60px); } }

.lookSection_creditItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.lookSection_creditName {
  color: #ffffff;
  font-size: 16px;
  font-family: "EB Garamond", serif;
  letter-spacing: .08em; }

.lookSection_creditPrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .lookSection_creditPrice {
      gap: 12px; } }

.lookSection_creditPriceAmount {
  color: #ffffff;
  font-size: 16px;
  font-family: "EB Garamond", serif;
  letter-spacing: .08em; }

.lookSection_creditPriceTax {
  color: #ffffff;
  font-size: 12px;
  letter-spacing: .04em;
  font-family: "EB Garamond", serif; }

.lookSection_buyBtn {
  width: 58px;
  padding: 9.5px 0;
  background-color: #ffffff;
  color: #000000 !important;
  font-size: 11px;
  letter-spacing: .05em;
  font-family: "EB Garamond", serif;
  border: none;
  border-radius: 100%;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .lookSection_buyBtn:hover {
      background-color: #000000;
      color: #ffffff !important; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .sectionNav {
    width: clamp(calc(1040 / 1280 * 1000px), calc(1040 / 1280 * 100vw), calc(1040 / 1280 * 3840px));
    margin: 120px auto 0; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .sectionNav {
    margin-top: 60px;
    padding: 0 30px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .sectionNav_grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.sectionNav_listGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .sectionNav_listGroup + .sectionNav_listGroup {
      margin-left: 10px; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .sectionNav_listGroup {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 8px; }
      .sectionNav_listGroup + .sectionNav_listGroup {
        margin-top: 16px; } }

.sectionNav_list {
  text-align: center;
  cursor: pointer; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .sectionNav_list {
      -webkit-transition: opacity .3s ease;
      transition: opacity .3s ease;
      opacity: 1; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1025px), screen and (min-width: 1025px) and (min-width: 1025px) {
    .sectionNav_list:hover {
      opacity: .7; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .sectionNav_list {
      width: calc((100% - 16px) / 3); } }

.sectionNav_list_image {
  margin-bottom: 8px;
  width: 100%; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .sectionNav_list_image {
      margin-bottom: 5px; } }

.sectionNav_list_name {
  font-size: 10px;
  letter-spacing: .08em;
  font-family: "Noto Sans JP", sans-serif; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .sectionNav_list_name {
      font-size: 11px;
      letter-spacing: .12em; } }

.itemDetail {
  margin-top: 120px;
  padding: 0 24px; }

.itemDetail_container {
  max-width: clamp(calc(1060 / 1280 * 1000px), calc(1060 / 1280 * 100vw), calc(1060 / 1280 * 3840px));
  margin: 0 auto; }

.itemDetail_header {
  text-align: center;
  margin-bottom: 48px; }

.itemDetail_number {
  font-size: 14px;
  letter-spacing: .14em;
  font-family: "EB Garamond", serif;
  margin-bottom: 16px; }

.itemDetail_title {
  font-size: 24px;
  letter-spacing: .16em;
  font-family: "Noto Serif JP", serif;
  font-weight: 500; }

.itemDetail_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
  margin-bottom: 80px; }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .itemDetailSection {
    padding: 80px 24px 0;
    overflow: visible; }
    .itemDetailSection + .itemDetailSection {
      padding: 100px 24px 0; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .itemDetailSection {
    padding-top: 60px;
    overflow: visible; } }

.itemDetailSection_container {
  max-width: clamp(calc(1060 / 1280 * 1000px), calc(1060 / 1280 * 100vw), calc(1060 / 1280 * 3840px));
  margin: 0 auto; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_container {
      max-width: 100%; } }

.itemDetailSection_header {
  position: relative;
  margin-bottom: 80px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_header {
      margin-bottom: 30px;
      padding: 0 20px 0 30px; } }

.itemDetailSection_mainLayout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 10; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_mainLayout {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.itemDetailSection_content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 80px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_content {
      padding: 0; } }

.itemDetailSection_itemNumber {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 40px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_itemNumber {
      margin: 0 auto 20px; } }

.itemDetailSection_number {
  width: 14px;
  text-align: center;
  font-size: 20px;
  font-family: "EB Garamond", serif;
  letter-spacing: .08em; }

.itemDetailSection_numberLines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px; }

.itemDetailSection_numberLine {
  width: 12px;
  height: 1px;
  background-color: #000000; }

.itemDetailSection_titleGroup {
  margin-bottom: 32px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_titleGroup {
      text-align: center;
      margin-bottom: 40px; } }

.itemDetailSection_title {
  font-size: 32px;
  line-height: 1.3;
  letter-spacing: .08em;
  font-family: "EB Garamond", serif;
  margin-bottom: 16px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_title {
      font-size: 28px;
      margin-bottom: 10px; } }

.itemDetailSection_subtitle {
  font-size: 14px;
  letter-spacing: .12em;
  font-family: "Noto Sans JP", sans-serif; }

.itemDetailSection_description {
  margin-bottom: 32px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_description {
      margin: 30px 0 20px; } }

.itemDetailSection_catch {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: .12em;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 24px;
  font-weight: 600; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_catch {
      margin-bottom: 15px; } }

.itemDetailSection_caption {
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: .08em;
  font-family: "Noto Sans JP", sans-serif; }

.itemDetailSection_priceArea {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .itemDetailSection_priceArea {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .itemDetailSection_priceArea:hover .itemDetailSection_buyBtn {
        background-color: #000000;
        color: #ffffff !important; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_priceArea {
      position: relative;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 5px; } }

.itemDetailSection_priceInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_priceInfo {
      gap: 12px; } }

.itemDetailSection_itemCredit {
  font-size: 18px;
  letter-spacing: .04em;
  font-family: "EB Garamond", serif; }

.itemDetailSection_price {
  font-size: 18px;
  letter-spacing: .08em;
  font-family: "EB Garamond", serif; }

.itemDetailSection_taxLabel {
  font-size: 12px;
  letter-spacing: .04em;
  font-family: "EB Garamond", serif; }

.itemDetailSection_buyBtn {
  width: 68px;
  padding: 10px 0;
  border: 1px solid #000000;
  border-radius: 100%;
  font-size: 14px;
  letter-spacing: .04em;
  font-family: "EB Garamond", serif;
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: initial;
  color: #000000 !important; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_buyBtn {
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); } }

.itemDetailSection_image {
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .itemDetailSection_image {
      padding-right: 58px;
      width: clamp(calc(480 / 1280 * 1000px), calc(480 / 1280 * 100vw), calc(480 / 1280 * 3840px)); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_image {
      position: relative;
      padding: 0 20px; } }

.itemDetailSection_imageInner {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_imageInner {
      height: 100%;
      position: relative;
      z-index: 10; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .itemDetailSection_rating {
    position: absolute;
    top: -20px;
    right: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .itemDetailSection_rating {
    right: 0; } }

.itemDetailSection_ratingCircle {
  position: relative;
  width: 160px;
  height: 160px;
  margin-bottom: 24px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_ratingCircle {
      position: absolute;
      top: -20px;
      right: 0;
      width: 100px;
      height: 100px;
      margin-bottom: 0; } }

.itemDetailSection_ratingBg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: rotateAnimation 20s linear infinite;
  animation: rotateAnimation 20s linear infinite; }

@-webkit-keyframes rotateAnimation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotateAnimation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.itemDetailSection_ratingContent {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10; }

.itemDetailSection_ratingLabel {
  font-size: 16px;
  letter-spacing: .12em;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 4px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_ratingLabel {
      font-size: 12px;
      margin-bottom: 2px; } }

.itemDetailSection_ratingNumber {
  font-size: 24px;
  font-family: "EB Garamond", serif;
  letter-spacing: .03em; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_ratingNumber {
      font-size: 19px; } }

.itemDetailSection_ratingConnector {
  width: 1px;
  height: 24px;
  margin: 0 auto;
  background-color: #ddd; }

.itemDetailSection_ratingChart {
  margin: 0 20px 0; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_ratingChart {
      position: absolute;
      top: -20px;
      left: 0;
      margin: 0; } }
  .itemDetailSection_ratingChart img {
    margin-top: 16px;
    width: 15px; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
      .itemDetailSection_ratingChart img {
        margin-top: 20px;
        width: 12px; } }

.itemDetailSection_details {
  margin-bottom: 80px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_details {
      margin-bottom: 50px; } }

.itemDetailSection_detailsDivider {
  cursor: pointer;
  position: relative; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_detailsDivider {
      margin: 0 30px 0; } }
  .itemDetailSection_detailsDivider:before {
    content: "";
    position: absolute;
    background-color: #DDDDDD;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.itemDetailSection_detailsDivider_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;
  background-color: #ffffff;
  z-index: 10;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin: 0 auto;
  padding: 0 48.5px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_detailsDivider_inner {
      padding: 0 24px; } }

.itemDetailSection_dividerCenter_text {
  position: relative;
  cursor: pointer; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .itemDetailSection_dividerCenter_text {
      -webkit-transition: opacity .3s ease;
      transition: opacity .3s ease;
      opacity: 1; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1025px), screen and (min-width: 1025px) and (min-width: 1025px) {
    .itemDetailSection_dividerCenter_text:hover {
      opacity: .7; } }

.itemDetailSection_moreText,
.itemDetailSection_closeText {
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.itemDetailSection_closeText {
  display: none; }

.itemDetailSection_dividerIcon {
  position: relative;
  background-color: transparent;
  cursor: pointer;
  margin-left: 16px;
  width: 12px;
  height: 12px; }
  .itemDetailSection_dividerIcon:before, .itemDetailSection_dividerIcon:after {
    content: "";
    position: absolute;
    background-color: #000000;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .itemDetailSection_dividerIcon:before {
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .itemDetailSection_dividerIcon:after {
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .itemDetailSection_dividerIcon.is-active:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg); }
  .itemDetailSection_dividerIcon.is-active:after {
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg); }

.itemDetailSection_pointGrid_wrap {
  overflow: hidden;
  -webkit-transition: max-height .5s ease;
  transition: max-height .5s ease;
  max-height: 0; }
  .itemDetailSection_pointGrid_wrap.is-active {
    max-height: 1000px; }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .itemDetailSection_pointGrid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
    margin: 40px 40px 0; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .itemDetailSection_pointGrid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin-top: 25px;
    padding: 0 30px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .itemDetailSection_pointCard {
    position: relative;
    text-align: left;
    padding-left: 24px; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .itemDetailSection_pointCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(calc(20 / 375 * 200px), calc(20 / 375 * 100vw), calc(20 / 375 * 700px)); } }

.itemDetailSection_pointImage {
  position: relative; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .itemDetailSection_pointImage {
      margin-bottom: 16px; }
      .itemDetailSection_pointImage img {
        width: 100%; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_pointImage {
      width: clamp(calc(140 / 375 * 200px), calc(140 / 375 * 100vw), calc(140 / 375 * 700px)); }
      .itemDetailSection_pointImage img {
        width: 100%; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .itemDetailSection_pointLabelGroup {
    width: clamp(calc(155 / 375 * 200px), calc(155 / 375 * 100vw), calc(155 / 375 * 700px)); } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .itemDetailSection_pointLabel {
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%; } }

.itemDetailSection_pointLabel div {
  font-size: 12px;
  letter-spacing: .08em;
  font-family: "EB Garamond", serif; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .itemDetailSection_pointLabel div {
      display: inline-block;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_pointLabel div {
      font-size: 10px; } }

.itemDetailSection_pointText {
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: .08em;
  font-family: "Noto Sans JP", sans-serif; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_pointText {
      margin-top: 21px; } }

.itemDetailSection_lookArea_wrap {
  position: relative; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .itemDetailSection_lookArea_wrap {
      overflow: visible; }
      .itemDetailSection_lookArea_wrap .swiper-wrapper {
        overflow: visible; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_lookArea_wrap {
      margin-top: 100px;
      overflow: visible; }
      .itemDetailSection_lookArea_wrap .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        overflow: visible; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .itemDetailSection_lookArea {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 80px; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .itemDetailSection_lookArea {
    display: initial !important;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0; } }

.itemDetailSection_lookImage {
  position: relative; }

.itemDetailSection_lookImageInner {
  width: 100%; }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .itemDetailSection_lookNav {
    position: absolute;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0;
    left: 0;
    bottom: -40px; } }

.itemDetailSection_lookNav.is-basic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1000000; }

.itemDetailSection_lookNav.is-advanced {
  z-index: 1000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.swiper .itemDetailSection_lookNav {
  overflow: visible !important; }

.itemDetailSection_lookNav_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .itemDetailSection_lookNav_inner.is-basic {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_lookNav_inner.is-basic {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .itemDetailSection_lookNav_inner.is-advanced {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_lookNav_inner.is-advanced {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.itemDetailSection_navPrev,
.itemDetailSection_navNext {
  opacity: .3;
  width: 20px;
  height: 40px;
  border: none;
  background: none;
  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;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  .itemDetailSection_navPrev img,
  .itemDetailSection_navNext img {
    width: 20px;
    height: 20px; }
  .itemDetailSection_navPrev.is-active,
  .itemDetailSection_navNext.is-active {
    opacity: 1 !important; }

.itemDetailSection_navPrev img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.itemDetailSection_styleArea {
  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: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_styleArea {
      margin-top: 15px;
      padding: 0 30px; } }

.itemDetailSection_styleTabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  z-index: 20; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_styleTabs {
      position: absolute;
      top: -55px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      z-index: 30; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .itemDetailSection_styleTabs.is-basic {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_styleTabs.is-basic {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .itemDetailSection_styleTabs.is-advanced {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_styleTabs.is-advanced {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.itemDetailSection_tabActive {
  cursor: pointer;
  position: relative;
  font-size: 24px;
  letter-spacing: .08em;
  font-family: "EB Garamond", serif;
  padding-top: 18px;
  color: #ddd; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .itemDetailSection_tabActive {
      -webkit-transition: opacity .3s ease;
      transition: opacity .3s ease;
      opacity: 1; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1025px), screen and (min-width: 1025px) and (min-width: 1025px) {
    .itemDetailSection_tabActive:hover {
      opacity: .7; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_tabActive {
      width: 130px;
      font-size: 16px;
      text-align: center; } }

.itemDetailSection_tabTitle {
  font-size: 24px;
  letter-spacing: .08em;
  font-family: "EB Garamond", serif;
  color: #ddd; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_tabTitle {
      font-size: 16px;
      text-align: center; } }
  .itemDetailSection_tabTitle.is-tabActive {
    color: #000000; }

.itemDetailSection_tabDot {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-bottom: 10px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  color: #ddd; }
  .itemDetailSection_tabDot.is-dotActive {
    background-color: #000000; }

.itemDetailSection_tabDivider {
  width: 1px;
  height: 20px;
  background-color: #ddd;
  margin: 0 24px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_tabDivider {
      height: 18px;
      margin: 0 27px; } }

.itemDetailSection_styleContent {
  margin: 80px 0 32px;
  text-align: left; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_styleContent {
      margin: 0 0 26px; } }

.itemDetailSection_styleCatch {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: .12em;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 16px;
  font-weight: 600; }

.itemDetailSection_styleCaption {
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: .08em;
  font-family: "Noto Sans JP", sans-serif; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_styleCaption {
      line-height: 1.8; } }

.itemDetailSection_credits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.itemDetailSection_creditItem {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px 0;
  color: #000000 !important; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .itemDetailSection_creditItem:hover .itemDetailSection_creditBtn {
      background-color: #000000;
      color: #ffffff !important; } }

.itemDetailSection_creditName {
  font-size: 16px;
  letter-spacing: .08em;
  font-family: "EB Garamond", serif; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_creditName {
      font-size: 14px;
      letter-spacing: .04em; } }

.itemDetailSection_creditPrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px; }

.itemDetailSection_creditAmount {
  font-size: 16px;
  letter-spacing: .08em;
  font-family: "EB Garamond", serif; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_creditAmount {
      font-size: 14px;
      letter-spacing: .04em; } }
  .itemDetailSection_creditAmount.sale {
    margin-top: 2px;
    text-decoration: line-through;
    font-size: 12px;
    letter-spacing: .04em; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
      .itemDetailSection_creditAmount.sale {
        font-size: 11px; } }

.itemDetailSection_creditTax {
  font-size: 12px;
  letter-spacing: .04em;
  font-family: "EB Garamond", serif; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_creditTax {
      font-size: 11px; } }

.itemDetailSection_creditBtn {
  border: 1px solid #000000;
  border-radius: 100%;
  font-size: 12px;
  letter-spacing: .05em;
  font-family: "EB Garamond", serif;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  width: 48px;
  line-height: initial;
  padding: 5px 0;
  color: #000000 !important; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .itemDetailSection_creditBtn {
      font-size: 11px;
      width: 42px;
      padding: 5.5px 0; } }

.itemDetailSection_creditDivider {
  width: 16px;
  height: 1px;
  background-color: #999;
  margin: 2px 0 10px; }

.item2DetailSection_container {
  max-width: 1058px; }

.item2DetailSection_numberLineImg {
  width: 12px;
  height: 4px; }

.item2DetailSection_moreDetail {
  margin-bottom: 80px; }

.item2DetailSection_moreDetailDivider {
  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;
  margin-bottom: 64px; }

.itemDetailSection_dividerCenter_text {
  text-align: center;
  font-size: 16px;
  letter-spacing: .08em;
  font-family: "EB Garamond", serif;
  width: 99px; }

.itemDetailSection_closeIcon {
  width: 9px;
  height: 9px; }

.item2DetailSection_moreIcon {
  width: 12px;
  height: 12px; }

.item2DetailSection_dividerRight {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1px;
  background-color: #ddd; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .item2DetailSection_dividerRight {
      display: none; } }

.modalGallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  inset: 0;
  background-color: #333;
  z-index: 50;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease; }
  .modalGallery.is-hide {
    opacity: 0;
    visibility: hidden; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .modalGallery {
      z-index: 102;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: clamp(calc(120 / 1280 * 1000px), calc(120 / 1280 * 100vw), calc(120 / 1280 * 3840px)); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .modalGallery {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-top: 60px;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      overflow-y: auto; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .modalGallery_visual {
    width: 50%;
    height: 100%; } }

.modalGallery_visualImage {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.modalGallery_content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .modalGallery_content {
      width: 50%; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .modalGallery_content {
      padding: 48px 30px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .modalGallery_contentInner {
    max-width: clamp(calc(400 / 1280 * 1000px), calc(400 / 1280 * 100vw), calc(400 / 1280 * 3840px)); } }

.modalGallery_shopName {
  margin-bottom: 40px; }

.modalGallery_shopNameText {
  color: #ffffff;
  font-size: 24px;
  line-height: 31px;
  letter-spacing: .08em;
  font-family: "EB Garamond", serif; }

.modalGallery_catch {
  margin-bottom: 16px; }

.modalGallery_catchText {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: .12em;
  font-family: "Noto Serif JP", serif;
  font-weight: 500; }

.modalGallery_caption {
  margin-bottom: 64px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .modalGallery_caption {
      margin-bottom: 40px; } }

.modalGallery_captionText {
  color: #ffffff;
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: .08em;
  font-family: "Noto Sans JP", sans-serif; }

.detailButton {
  cursor: pointer;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-bottom: 10px;
  border-bottom: 1px solid transparent; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .detailButton:hover {
      border-bottom: 1px solid #fff; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .detailButton {
      border-bottom: 1px solid #fff; } }

.detailButton_link {
  color: #fff;
  display: block;
  font-family: "Noto Serif JP", serif;
  font-size: 15px;
  letter-spacing: .12em;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.detailButton_linkIcon {
  margin-left: 6px; }

.modalGallery_close {
  position: absolute;
  top: 26.83px;
  right: 36.33px;
  width: 23.33px;
  height: 23.33px;
  border: none;
  background: transparent;
  cursor: pointer; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .modalGallery_close {
      -webkit-transition: opacity .3s ease;
      transition: opacity .3s ease;
      opacity: 1; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1025px), screen and (min-width: 1025px) and (min-width: 1025px) {
    .modalGallery_close:hover {
      opacity: .7; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .modalGallery_close {
      top: 20px;
      right: 20px; } }

.modalGallery_closeIcon {
  width: 100%;
  height: 100%; }

.fixdNav {
  cursor: pointer;
  position: fixed;
  z-index: 2; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .fixdNav {
      right: 60px;
      bottom: 20px; }
      .fixdNav:hover .fixdNav_link {
        color: #333333;
        opacity: 1;
        background: #fff;
        border: 1px solid #333333;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .fixdNav:hover .fixdNav_arrow {
        background-color: #333; }
        .fixdNav:hover .fixdNav_arrow:before, .fixdNav:hover .fixdNav_arrow:after {
          background-color: #333; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .fixdNav {
      bottom: 0;
      left: 0;
      width: 100%; } }

.fixdNav_link {
  display: block;
  color: #fff;
  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;
  text-align: center; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .fixdNav_link {
      background: #000;
      opacity: .7;
      width: 120px;
      height: 120px;
      border: 1px solid transparent;
      border-radius: 50%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .fixdNav_link {
      background: #333;
      height: 48px; } }

.fixdNav_text_en {
  font-family: "EB Garamond", serif;
  font-size: 10px;
  letter-spacing: .08em; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .fixdNav_text_en {
      margin-top: 2px; } }

.fixdNav_text_ja {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  letter-spacing: .1em;
  line-height: 1.4; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .fixdNav_text_ja {
      margin-top: 4px; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .fixdNav_text_ja {
      padding: 0 16px 0 24px;
      letter-spacing: .2em; } }

.fixdNav_arrow {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 1px;
  border-radius: 9999px;
  background-color: #fff;
  pointer-events: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  z-index: 2; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .fixdNav_arrow {
      margin-top: 8px; } }
  .fixdNav_arrow:before, .fixdNav_arrow:after {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: auto;
    content: "";
    position: absolute;
    top: calc(50% - 0.5px);
    right: 0;
    width: 5px;
    height: 1px;
    border-radius: 9999px;
    background-color: #fff;
    -webkit-transform-origin: calc(100% - 0.5px) 50%;
    -ms-transform-origin: calc(100% - 0.5px) 50%;
    transform-origin: calc(100% - 0.5px) 50%; }
  .fixdNav_arrow:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .fixdNav_arrow:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }