@charset "UTF-8";@import "https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Noto+Serif+JP:wght@200..900&display=swap";@import "https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Noto+Serif+JP:wght@200..900&display=swap";
.feiler_art_page {
  --color-txt: #333;
  --color-reversal: #fff;
  --color-prime: #c4a86c;
  --color-second: #3d2e1e;
  --color-third: #ffecf3;
  --color-body: #fbf1d7;
  --color-gray: #f8f6f1;
  --font-size-h1: 40px;
  --font-size-h2: 36px;
  --font-size-h3: 28px;
  --font-size-h4: 24px;
  --font-size-h5: 20px;
  --font-size-xl: 18px;
  --font-size-lg: 16px;
  --font-size-base: 14px;
  --font-size-sm: 12px;
  --font-size-xs: 10px;
}
@media (width >= 48em) {
  .feiler_art_page {
    --font-size-h1: 64px;
    --font-size-h2: 44px;
    --font-size-h3: 36px;
    --font-size-h4: 28px;
    --font-size-h5: 24px;
    --font-size-xl: 26px;
    --font-size-lg: 18px;
    --font-size-base: 14px;
    --font-size-sm: 14px;
    --font-size-xs: 12px;
  }
}

/* svgアイコン */
.feiler_art_page .c_box_ttl::after {
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2275%22%20height%3D%2213%22%20viewBox%3D%220%200%2075%2013%22%20fill%3D%22none%22%3E%20%3Crect%20x%3D%220.842849%22%20y%3D%226.5%22%20width%3D%228%22%20height%3D%228%22%20transform%3D%22rotate(-45%200.842849%206.5)%22%20stroke%3D%22%23A88314%22%2F%3E%20%3Crect%20x%3D%2231.8428%22%20y%3D%226.5%22%20width%3D%228%22%20height%3D%228%22%20transform%3D%22rotate(-45%2031.8428%206.5)%22%20stroke%3D%22%23A88314%22%2F%3E%20%3Cline%20x1%3D%2212%22%20y1%3D%226.5%22%20x2%3D%2232%22%20y2%3D%226.5%22%20stroke%3D%22%23A88314%22%2F%3E%20%3Crect%20x%3D%2262.8428%22%20y%3D%226.5%22%20width%3D%228%22%20height%3D%228%22%20transform%3D%22rotate(-45%2062.8428%206.5)%22%20stroke%3D%22%23A88314%22%2F%3E%20%3Cline%20x1%3D%2243%22%20y1%3D%226.5%22%20x2%3D%2263%22%20y2%3D%226.5%22%20stroke%3D%22%23A88314%22%2F%3E%3C%2Fsvg%3E");
}

.feiler_art_page .c_box::after, .feiler_art_page .c_box::before {
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22344%22%20height%3D%2270%22%20viewBox%3D%220%200%20344%2070%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_436_17350)%22%3E%3Cmask%20id%3D%22mask0_436_17350%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%22-3%22%20y%3D%220%22%20width%3D%22350%22%20height%3D%2270%22%3E%3Crect%20x%3D%22-3%22%20width%3D%22350%22%20height%3D%2270%22%20fill%3D%22%23A88314%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_436_17350)%22%3E%3Cpath%20d%3D%22M17.3051%2025.9617L29.3259%2037.9825L34.9828%2032.3256L22.9619%2020.3048L17.3051%2025.9617ZM27.2046%2023.1332L66.0955%20-15.7576L66.8026%20-15.0505L27.9117%2023.8403L31.4472%2027.3759L70.3381%20-11.515L71.0452%20-10.8079L32.1543%2028.083L35.6899%2031.6185L74.5807%20-7.27235L75.2878%20-6.56524L-9.56497%2078.2876L-10.2721%2077.5805L28.6188%2038.6896L25.0833%2035.1541L-13.8076%2074.0449L-14.5147%2073.3378L24.3762%2034.4469L20.8406%2030.9114L-18.0503%2069.8023L-18.7574%2069.0952L20.1335%2030.2043L16.598%2026.6688L-22.2929%2065.5596L-23%2064.8525L61.8528%20-20.0003L62.5599%20-19.2932L23.669%2019.5977L27.2046%2023.1332Z%22%20fill%3D%22%23403130%22%2F%3E%3Cpath%20d%3D%22M326.695%2025.9617L314.674%2037.9825L309.017%2032.3256L321.038%2020.3048L326.695%2025.9617ZM316.795%2023.1332L277.905%20-15.7576L277.197%20-15.0505L316.088%2023.8403L312.553%2027.3759L273.662%20-11.515L272.955%20-10.8079L311.846%2028.083L308.31%2031.6185L269.419%20-7.27235L268.712%20-6.56524L353.565%2078.2876L354.272%2077.5805L315.381%2038.6896L318.917%2035.1541L357.808%2074.0449L358.515%2073.3378L319.624%2034.4469L323.159%2030.9114L362.05%2069.8023L362.757%2069.0952L323.866%2030.2043L327.402%2026.6688L366.293%2065.5596L367%2064.8525L282.147%20-20.0003L281.44%20-19.2932L320.331%2019.5977L316.795%2023.1332Z%22%20fill%3D%22%23403130%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_436_17350%22%3E%3Crect%20width%3D%22350%22%20height%3D%2270%22%20fill%3D%22white%22%20transform%3D%22translate(-3)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.feiler_art_page .c_box {
  position: relative;
  padding-block: 55px 69px;
  padding-inline: 16px;
  outline: 1px solid #333;
  outline-offset: -3px;
  background-color: #fff;
  border: 3px solid #fff;
}
.feiler_art_page .c_box::after, .feiler_art_page .c_box::before {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 66px;
  margin: auto;
  content: "";
  background-color: #333;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
}
.feiler_art_page .c_box::before {
  top: 0;
}
.feiler_art_page .c_box::after {
  bottom: 0;
  rotate: 180deg;
}
.feiler_art_page .c_box_ttl {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 50px;
  font-weight: 600;
  line-height: 1;
  color: var(--FEILER-KEY-COLOR, #cc9735);
  text-align: center;
}
.feiler_art_page .c_box_ttl-en {
  font-family: "EB Garamond", serif;
  letter-spacing: -0.01em;
  font-size: 30px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .c_box_ttl-en {
    font-size: 30px;
  }
}
.feiler_art_page .c_box_ttl-jp {
  letter-spacing: 1.8px;
  font-size: 18px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .c_box_ttl-jp {
    font-size: 18px;
  }
}
.feiler_art_page .c_box_ttl::after {
  display: block;
  width: 75px;
  height: 13px;
  margin: auto;
  content: "";
  background-color: #3d2e1e;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
}
.feiler_art_page .c_box.-blue {
  outline-color: #fff;
  background-color: #ff71b8;
  border-color: #ff71b8;
}
.feiler_art_page .c_box.-blue::before, .feiler_art_page .c_box.-blue::after {
  background-color: #fff;
}
.feiler_art_page .c_box.-blue .c_box_ttl {
  color: #fff;
}
.feiler_art_page .c_box.-blue .c_box_ttl::after {
  background-color: #fff;
}
.feiler_art_page .c_box.-water {
  outline-color: #ff71b8;
  background-color: #ffecf3;
  border-color: #ffecf3;
}
.feiler_art_page .c_box.-water::before, .feiler_art_page .c_box.-water::after {
  background-color: #ff71b8;
}
.feiler_art_page .c_box.-water .c_box_ttl {
  color: #162c8b;
}
.feiler_art_page .c_box.-water .c_box_ttl::after {
  background-color: #ff71b8;
}
.feiler_art_page {
  --color-txt: #333;
  --color-reversal: #fff;
  --color-prime: #c4a86c;
  --color-second: #3d2e1e;
  --color-third: #ffecf3;
  --color-body: #fbf1d7;
  --color-gray: #f8f6f1;
  --font-size-h1: 40px;
  --font-size-h2: 36px;
  --font-size-h3: 28px;
  --font-size-h4: 24px;
  --font-size-h5: 20px;
  --font-size-xl: 18px;
  --font-size-lg: 16px;
  --font-size-base: 14px;
  --font-size-sm: 12px;
  --font-size-xs: 10px;
}
@media (width >= 48em) {
  .feiler_art_page {
    --font-size-h1: 64px;
    --font-size-h2: 44px;
    --font-size-h3: 36px;
    --font-size-h4: 28px;
    --font-size-h5: 24px;
    --font-size-xl: 26px;
    --font-size-lg: 18px;
    --font-size-base: 14px;
    --font-size-sm: 14px;
    --font-size-xs: 12px;
  }
}

/* svgアイコン */
.feiler_art_page .c_btn::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2219.5%22%20stroke%3D%22white%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2216%22%20fill%3D%22white%22%2F%3E%3Cline%20x1%3D%2236%22%20y1%3D%2219.5%22%20x2%3D%2240%22%20y2%3D%2219.5%22%20stroke%3D%22white%22%2F%3E%3Cline%20y1%3D%2219.5%22%20x2%3D%224%22%20y2%3D%2219.5%22%20stroke%3D%22white%22%2F%3E%3Cmask%20id%3D%22mask0_555_796%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%228%22%20y%3D%228%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_555_796)%22%3E%3Cpath%20d%3D%22M25.0788%2020.5H13V19.5H25.0788L19.2865%2013.7077L20%2013L27%2020L20%2027L19.2865%2026.2923L25.0788%2020.5Z%22%20fill%3D%22%23A88314%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.feiler_art_page .c_btn.-white::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2219.5%22%20stroke%3D%22%23162C8B%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2216%22%20fill%3D%22%23162C8B%22%2F%3E%3Cline%20x1%3D%2236%22%20y1%3D%2219.5%22%20x2%3D%2240%22%20y2%3D%2219.5%22%20stroke%3D%22%23162C8B%22%2F%3E%3Cline%20y1%3D%2219.5%22%20x2%3D%224%22%20y2%3D%2219.5%22%20stroke%3D%22%23162C8B%22%2F%3E%3Cmask%20id%3D%22mask0_761_1202%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%228%22%20y%3D%228%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_761_1202)%22%3E%3Cpath%20d%3D%22M25.0788%2020.5H13V19.5H25.0788L19.2865%2013.7077L20%2013L27%2020L20%2027L19.2865%2026.2923L25.0788%2020.5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.feiler_art_page .c_btn {
  display: flex;
  gap: 25px;
  align-items: center;
  width: 100%;
  min-height: 60px;
  padding-inline: 25px 10px;
  margin: auto;
  font-weight: 700;
  line-height: 1; /* 21px */
  color: #fff;
  color: var(--White, #fff);
  text-decoration: none;
  background: var(--FEILER-KEY-COLOR, #cc9735);
  border: 1px solid var(--White, #fff);
  border-radius: 9999px;
  transition: opacity 0.4s ease-out;
  font-size: 14px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .c_btn {
    font-size: 14px;
  }
}
.feiler_art_page .c_btn::after {
  display: block;
  height: 40px;
  aspect-ratio: 1;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
@media (any-hover: hover) {
  .feiler_art_page .c_btn:hover {
    opacity: 0.7;
  }
}
.feiler_art_page .c_btn:focus-visible, .feiler_art_page .c_btn:active {
  opacity: 0.7;
}
.feiler_art_page .c_btn.-white {
  justify-content: space-between;
  max-width: 260px;
  margin: 15px auto 0;
  color: #162c8b;
  background-color: #fff;
}
.feiler_art_page {
  --color-txt: #333;
  --color-reversal: #fff;
  --color-prime: #c4a86c;
  --color-second: #3d2e1e;
  --color-third: #ffecf3;
  --color-body: #fbf1d7;
  --color-gray: #f8f6f1;
  --font-size-h1: 40px;
  --font-size-h2: 36px;
  --font-size-h3: 28px;
  --font-size-h4: 24px;
  --font-size-h5: 20px;
  --font-size-xl: 18px;
  --font-size-lg: 16px;
  --font-size-base: 14px;
  --font-size-sm: 12px;
  --font-size-xs: 10px;
}
@media (width >= 48em) {
  .feiler_art_page {
    --font-size-h1: 64px;
    --font-size-h2: 44px;
    --font-size-h3: 36px;
    --font-size-h4: 28px;
    --font-size-h5: 24px;
    --font-size-xl: 26px;
    --font-size-lg: 18px;
    --font-size-base: 14px;
    --font-size-sm: 14px;
    --font-size-xs: 12px;
  }
}

/* svgアイコン */
.feiler_art_page .c_modal_close::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2239%22%20fill%3D%22white%22%20stroke%3D%22%23CC9735%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2231.2%22%20stroke%3D%22%23CC9735%22%20stroke-width%3D%221.6%22%2F%3E%3Cline%20x1%3D%2272%22%20y1%3D%2239%22%20x2%3D%2280%22%20y2%3D%2239%22%20stroke%3D%22%23CC9735%22%20stroke-width%3D%222%22%2F%3E%3Cline%20y1%3D%2239%22%20x2%3D%228%22%20y2%3D%2239%22%20stroke%3D%22%23CC9735%22%20stroke-width%3D%222%22%2F%3E%3Cmask%20id%3D%22mask0_666_9783%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%2217%22%20y%3D%2216%22%20width%3D%2248%22%20height%3D%2249%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20transform%3D%22matrix(1%200%200%20-1%2017%2064.7998)%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_666_9783)%22%3E%3Cpath%20d%3D%22M29.8003%2028.184L28.3848%2029.5995L39.5848%2040.7995L28.3848%2051.9995L29.8003%2053.415L41.0003%2042.215L52.2003%2053.415L53.6158%2051.9995L42.4158%2040.7995L53.6158%2029.5995L52.2003%2028.184L41.0003%2039.384L29.8003%2028.184Z%22%20fill%3D%22%23CC9735%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

/* モーダル  */
.feiler_art_page .c_modal {
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100dvh;
  padding: 0 20px;
  margin: auto;
  overflow-y: auto;
  overscroll-behavior-y: none;
  background: none;
  border: 0;
}
.feiler_art_page .c_modal::backdrop {
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  margin: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
  transition: opacity 0.4s ease-out;
}
.feiler_art_page .c_modal_close {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 999;
  display: block;
  height: 40px;
  aspect-ratio: 1;
  margin-inline: auto 0;
  appearance: none;
}
@media screen and (width >= 48em) {
  .feiler_art_page .c_modal_close {
    right: 40px;
    height: 80px;
  }
}
.feiler_art_page .c_modal_close:focus-visible {
  outline-color: #fff;
}
.feiler_art_page .c_modal_close::before {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.feiler_art_page .c_modal {
  /* stylelint-disable-next-line no-descending-specificity */
}
.feiler_art_page .c_modal_content {
  position: absolute;
  inset: 0;
  height: fit-content;
  max-height: 90%;
  margin: auto;
  opacity: 0;
  transition: opacity 0.4s ease-out;
}
.feiler_art_page .c_modal[open] .c_modal_content {
  animation: fade 1s ease 0s 1 forwards;
}
.feiler_art_page .c_modal[open]::backdrop {
  opacity: 1;
  transition: opacity 0.4s ease-out;
}

/* /モーダル  */
.feiler_art_page {
  --color-txt: #333;
  --color-reversal: #fff;
  --color-prime: #c4a86c;
  --color-second: #3d2e1e;
  --color-third: #ffecf3;
  --color-body: #fbf1d7;
  --color-gray: #f8f6f1;
  --font-size-h1: 40px;
  --font-size-h2: 36px;
  --font-size-h3: 28px;
  --font-size-h4: 24px;
  --font-size-h5: 20px;
  --font-size-xl: 18px;
  --font-size-lg: 16px;
  --font-size-base: 14px;
  --font-size-sm: 12px;
  --font-size-xs: 10px;
}
@media (width >= 48em) {
  .feiler_art_page {
    --font-size-h1: 64px;
    --font-size-h2: 44px;
    --font-size-h3: 36px;
    --font-size-h4: 28px;
    --font-size-h5: 24px;
    --font-size-xl: 26px;
    --font-size-lg: 18px;
    --font-size-base: 14px;
    --font-size-sm: 14px;
    --font-size-xs: 12px;
  }
}

/* svgアイコン */
/* 見出し  */
.feiler_art_page .c_ttl_border {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  padding: 13px 20px;
  font-family: "EB Garamond", serif;
  font-weight: 600;
  line-height: 1; /* 36px */
  letter-spacing: 0.9px;
  border-top: 1px solid currentcolor;
  border-bottom: 1px solid currentcolor;
  font-size: 17px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .c_ttl_border {
    font-size: 17px;
  }
}
.feiler_art_page .c_ttl_border span {
  letter-spacing: 0.7px;
  font-size: 14px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .c_ttl_border span {
    font-size: 14px;
  }
}
.feiler_art_page .c_ttl_bg {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-width: 280px;
  padding-block: 6px;
  margin: 10px auto 30px;
  font-weight: 600;
  line-height: 1;
  color: var(--blue-vol-1-blauerosen, #162c8b);
  text-align: center;
  background: url("/cms/img/usr/feiler_art/bg_ttl001.png") no-repeat center/100% 100%;
}
.feiler_art_page .c_ttl_bg-en {
  font-family: "EB Garamond", serif;
  font-size: 22px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .c_ttl_bg-en {
    font-size: 22px;
  }
}
.feiler_art_page .c_ttl_bg-jp {
  letter-spacing: 1.3px;
  font-size: 13px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .c_ttl_bg-jp {
    font-size: 13px;
  }
}

/* /見出し  */
.feiler_art_page {
  --color-txt: #333;
  --color-reversal: #fff;
  --color-prime: #c4a86c;
  --color-second: #3d2e1e;
  --color-third: #ffecf3;
  --color-body: #fbf1d7;
  --color-gray: #f8f6f1;
  --font-size-h1: 40px;
  --font-size-h2: 36px;
  --font-size-h3: 28px;
  --font-size-h4: 24px;
  --font-size-h5: 20px;
  --font-size-xl: 18px;
  --font-size-lg: 16px;
  --font-size-base: 14px;
  --font-size-sm: 12px;
  --font-size-xs: 10px;
}
@media (width >= 48em) {
  .feiler_art_page {
    --font-size-h1: 64px;
    --font-size-h2: 44px;
    --font-size-h3: 36px;
    --font-size-h4: 28px;
    --font-size-h5: 24px;
    --font-size-xl: 26px;
    --font-size-lg: 18px;
    --font-size-base: 14px;
    --font-size-sm: 14px;
    --font-size-xs: 12px;
  }
}

/* svgアイコン */
/* 継承要素 */
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.feiler_art_page .scrollIn,
.feiler_art_page .loadIn {
  opacity: 0;
  transition: transform 1s ease-out, opacity 1s ease-out;
}
.feiler_art_page .scrollIn.-up,
.feiler_art_page .loadIn.-up {
  transform: translate(0, 50px);
}
.feiler_art_page .scrollIn.-down,
.feiler_art_page .loadIn.-down {
  transform: translate(0, -50px);
}
.feiler_art_page .scrollIn.-right,
.feiler_art_page .loadIn.-right {
  transform: translate(50px, 0);
}
.feiler_art_page .scrollIn.-left,
.feiler_art_page .loadIn.-left {
  transform: translate(-50px, 0);
}
.feiler_art_page .scrollIn.-scale,
.feiler_art_page .loadIn.-scale {
  transform: scale(0);
}
.feiler_art_page .scrollIn.-active,
.feiler_art_page .loadIn.-active {
  opacity: 1;
  transform: none;
  transition: transform 1s ease-out, opacity 1s ease-out;
}
.feiler_art_page .scrollIn.-active.-each ~ .-each:nth-of-type(2),
.feiler_art_page .loadIn.-active.-each ~ .-each:nth-of-type(2) {
  transition-delay: 400ms;
}
.feiler_art_page .scrollIn.-active.-each ~ .-each:nth-of-type(3),
.feiler_art_page .loadIn.-active.-each ~ .-each:nth-of-type(3) {
  transition-delay: 600ms;
}
.feiler_art_page .scrollIn.-active.-each ~ .-each:nth-of-type(4),
.feiler_art_page .loadIn.-active.-each ~ .-each:nth-of-type(4) {
  transition-delay: 800ms;
}
.feiler_art_page .scrollIn.-active.-each ~ .-each:nth-of-type(5),
.feiler_art_page .loadIn.-active.-each ~ .-each:nth-of-type(5) {
  transition-delay: 1000ms;
}
.feiler_art_page .scrollIn.-active.-each ~ .-each:nth-of-type(6),
.feiler_art_page .loadIn.-active.-each ~ .-each:nth-of-type(6) {
  transition-delay: 1200ms;
}
.feiler_art_page .scrollIn.-active.-each ~ .-each:nth-of-type(7),
.feiler_art_page .loadIn.-active.-each ~ .-each:nth-of-type(7) {
  transition-delay: 1400ms;
}
.feiler_art_page .scrollIn.-active.-each ~ .-each:nth-of-type(8),
.feiler_art_page .loadIn.-active.-each ~ .-each:nth-of-type(8) {
  transition-delay: 1600ms;
}
.feiler_art_page .scrollIn.-active.-each ~ .-each:nth-of-type(9),
.feiler_art_page .loadIn.-active.-each ~ .-each:nth-of-type(9) {
  transition-delay: 1800ms;
}
.feiler_art_page .scrollIn.-active.-each ~ .-each:nth-of-type(10),
.feiler_art_page .loadIn.-active.-each ~ .-each:nth-of-type(10) {
  transition-delay: 2000ms;
}

.feiler_art_page {
  --color-txt: #333;
  --color-reversal: #fff;
  --color-prime: #c4a86c;
  --color-second: #3d2e1e;
  --color-third: #ffecf3;
  --color-body: #fbf1d7;
  --color-gray: #f8f6f1;
  --font-size-h1: 40px;
  --font-size-h2: 36px;
  --font-size-h3: 28px;
  --font-size-h4: 24px;
  --font-size-h5: 20px;
  --font-size-xl: 18px;
  --font-size-lg: 16px;
  --font-size-base: 14px;
  --font-size-sm: 12px;
  --font-size-xs: 10px;
}
@media (width >= 48em) {
  .feiler_art_page {
    --font-size-h1: 64px;
    --font-size-h2: 44px;
    --font-size-h3: 36px;
    --font-size-h4: 28px;
    --font-size-h5: 24px;
    --font-size-xl: 26px;
    --font-size-lg: 18px;
    --font-size-base: 14px;
    --font-size-sm: 14px;
    --font-size-xs: 12px;
  }
}
/* svgアイコン */
/**
 * スコープドスタイル
 * 納品後のマージを考慮し、.feiler_art_page内にのみ適用
 * 既存環境のヘッダー・フッターには影響しない
 * :where() は子孫セレクタ部分のみに適用し、
 * .feiler_art_page のクラス詳細度(0,1,0)は維持する
 */
/* ============================================
 * Reset CSS (scoped)
 * ============================================ */
/* .feiler_art_page 自体に適用（元 html, body 用） */
.feiler_art_page {
  font-family: "Noto Serif JP", serif;
  font-size: var(--font-size-base);
  line-height: 1.5;
  color: #333;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
}
/* リセット: 全要素 */
.feiler_art_page :where(*),
.feiler_art_page :where(*::before),
.feiler_art_page :where(*::after) {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
/* リセット: hidden属性 */
.feiler_art_page :where([hidden]:not([hidden=until-found])) {
  display: none !important;
}
/* リセット: フォーム要素 */
.feiler_art_page :where(input),
.feiler_art_page :where(button),
.feiler_art_page :where(textarea),
.feiler_art_page :where(select) {
  font: inherit;
  font-variation-settings: inherit;
  font-feature-settings: inherit;
  color: inherit;
  word-spacing: inherit;
  letter-spacing: inherit;
}
.feiler_art_page :where(textarea) {
  resize: vertical;
  resize: block;
}
.feiler_art_page :where(button),
.feiler_art_page :where(label),
.feiler_art_page :where(select),
.feiler_art_page :where(summary),
.feiler_art_page :where([role=button]),
.feiler_art_page :where([role=option]) {
  cursor: pointer;
}
.feiler_art_page :where(:disabled),
.feiler_art_page :where(label:has(> :disabled, + disabled)) {
  cursor: not-allowed;
}
/* リセット: リンク */
.feiler_art_page :where(a) {
  color: inherit;
  text-decoration: none;
  text-underline-offset: 0.2ex;
}
/* リセット: リスト */
.feiler_art_page :where(ul),
.feiler_art_page :where(ol),
.feiler_art_page :where(dd) {
  padding: 0;
  margin: 0;
  list-style: none;
}
/* リセット: メディア要素 */
.feiler_art_page :where(img),
.feiler_art_page :where(svg),
.feiler_art_page :where(video),
.feiler_art_page :where(canvas),
.feiler_art_page :where(audio),
.feiler_art_page :where(iframe),
.feiler_art_page :where(embed),
.feiler_art_page :where(object) {
  display: block;
}
.feiler_art_page :where(img),
.feiler_art_page :where(picture),
.feiler_art_page :where(svg),
.feiler_art_page :where(video) {
  max-inline-size: 100%;
  block-size: auto;
}
.feiler_art_page :where(img) {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
/* リセット: 見出し・段落 */
.feiler_art_page :where(p),
.feiler_art_page :where(h1),
.feiler_art_page :where(h2),
.feiler_art_page :where(h3),
.feiler_art_page :where(h4),
.feiler_art_page :where(h5),
.feiler_art_page :where(h6) {
  overflow-wrap: break-word;
}
.feiler_art_page :where(h1),
.feiler_art_page :where(h2),
.feiler_art_page :where(h3),
.feiler_art_page :where(h4),
.feiler_art_page :where(h5),
.feiler_art_page :where(h6) {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  text-wrap: wrap;
}
.feiler_art_page :where(h1),
.feiler_art_page :where(h2),
.feiler_art_page :where(h3) {
  line-height: calc(1em + 0.5rem);
  text-wrap: balance;
}
/* リセット: その他要素 */
.feiler_art_page :where(cite) {
  font-style: normal;
}
.feiler_art_page :where(fieldset) {
  padding: 0;
  margin: 0;
  border-width: 0;
}
.feiler_art_page :where(button) {
  padding: 0;
  color: inherit;
  appearance: none;
  cursor: pointer;
  background-color: transparent;
  border: none;
}
.feiler_art_page :where(summary) {
  display: block;
  list-style: none;
}
.feiler_art_page :where(summary::-webkit-details-marker) {
  display: none;
}
.feiler_art_page :where(figure),
.feiler_art_page :where(picture) {
  display: block;
  padding: 0;
  margin: 0;
  line-height: 1;
  text-align: center;
}
.feiler_art_page :where(figcaption) {
  margin: auto;
  text-align: left;
}
.feiler_art_page :where(hr) {
  block-size: 0;
  overflow: visible;
  color: inherit;
  border: none;
  border-block-start: 1px solid;
}
.feiler_art_page :where(dialog),
.feiler_art_page :where([popover]) {
  inset: unset;
  max-width: unset;
  max-height: unset;
  overflow: unset;
  color: inherit;
  background: none;
  border: none;
}
.feiler_art_page :where(dialog:not([open], [popover])),
.feiler_art_page :where([popover]:not(:popover-open)) {
  display: none !important;
}
/* アクセシビリティ: フォーカス */
.feiler_art_page :where(a:focus-visible),
.feiler_art_page :where(button:focus-visible) {
  outline: solid 2px #c4a86c;
  outline-offset: 3px;
  box-shadow: none;
}
.feiler_art_page :where([tabindex="-1"]:focus-visible) {
  outline: none !important;
  box-shadow: none;
}
.feiler_art_page :where(:focus-visible),
.feiler_art_page :where(:target) {
  scroll-margin-block: 8vh;
}
/* アクセシビリティ: 視覚的に隠す */
.feiler_art_page :where(.visually-hidden:not(:focus-within, :active)) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  user-select: none !important;
  border: 0 !important;
  clip-path: inset(50%) !important;
}
/* テキスト選択 */
.feiler_art_page :where(::selection) {
  color: #fff;
  background-color: #c4a86c;
}
/* PC時: 電話リンク無効化 */
@media screen and (width >= 48em) {
  .feiler_art_page :where(a[href^="tel:"]) {
    color: inherit !important;
    text-decoration: none !important;
    pointer-events: none;
  }
}
/* アクセシビリティ: モーション軽減 */
@media (prefers-reduced-motion: reduce) {
  .feiler_art_page :where(*),
  .feiler_art_page :where(::before),
  .feiler_art_page :where(::after) {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}
/* ============================================
 * General (scoped)
 * ============================================ */
/* コンテナ */
.feiler_art_page :where(.contentInner) {
  width: 100%;
  max-width: 430px;
  padding: 0 min(5.3333333333vw,40px);
  margin: auto;
}
@media screen and (width >= 48em) {
  .feiler_art_page :where(.contentInner) {
    padding: 0 20px;
  }
}
/* PC/SP出しわけ */
@media screen and (width < 48em) {
  .feiler_art_page :where(.pcOnly) {
    display: none !important;
  }
}
@media screen and (width >= 48em) {
  .feiler_art_page :where(.spOnly) {
    display: none !important;
  }
}
/* スクリーンリーダー用 */
.feiler_art_page :where(.txtHidden) {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}
/* 数字リセット（親要素以上に指定） */
.feiler_art_page :where(.countReset) {
  counter-reset: number 0;
}
/* キーボード操作時のみに表示 */
.feiler_art_page :where(.skipLink:focus-visible) {
  z-index: 999;
  width: 100%;
  height: 1.5em;
  color: #fff;
  outline-offset: 0;
  background-color: #c4a86c;
  clip: unset;
  clip-path: none;
}
/* frameコンテナ */
.feiler_art_page :where(.frameWrapper) {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}
.feiler_art_page :where(.frameWrapper iframe) {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
div.container_,
div.mainframe_,
.forcms_block {
  overflow: clip;
}
body {
  margin: auto;
}
.feiler_art_page {
  --color-txt: #333;
  --color-reversal: #fff;
  --color-prime: #c4a86c;
  --color-second: #3d2e1e;
  --color-third: #ffecf3;
  --color-body: #fbf1d7;
  --color-gray: #f8f6f1;
  --font-size-h1: 40px;
  --font-size-h2: 36px;
  --font-size-h3: 28px;
  --font-size-h4: 24px;
  --font-size-h5: 20px;
  --font-size-xl: 18px;
  --font-size-lg: 16px;
  --font-size-base: 14px;
  --font-size-sm: 12px;
  --font-size-xs: 10px;
}
@media (width >= 48em) {
  .feiler_art_page {
    --font-size-h1: 64px;
    --font-size-h2: 44px;
    --font-size-h3: 36px;
    --font-size-h4: 28px;
    --font-size-h5: 24px;
    --font-size-xl: 26px;
    --font-size-lg: 18px;
    --font-size-base: 14px;
    --font-size-sm: 14px;
    --font-size-xs: 12px;
  }
}

/* svgアイコン */
.feiler_art_page .art_invitation_box::after, .feiler_art_page .art_invitation_box::before {
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22344%22%20height%3D%2270%22%20viewBox%3D%220%200%20344%2070%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_436_17350)%22%3E%3Cmask%20id%3D%22mask0_436_17350%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%22-3%22%20y%3D%220%22%20width%3D%22350%22%20height%3D%2270%22%3E%3Crect%20x%3D%22-3%22%20width%3D%22350%22%20height%3D%2270%22%20fill%3D%22%23A88314%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_436_17350)%22%3E%3Cpath%20d%3D%22M17.3051%2025.9617L29.3259%2037.9825L34.9828%2032.3256L22.9619%2020.3048L17.3051%2025.9617ZM27.2046%2023.1332L66.0955%20-15.7576L66.8026%20-15.0505L27.9117%2023.8403L31.4472%2027.3759L70.3381%20-11.515L71.0452%20-10.8079L32.1543%2028.083L35.6899%2031.6185L74.5807%20-7.27235L75.2878%20-6.56524L-9.56497%2078.2876L-10.2721%2077.5805L28.6188%2038.6896L25.0833%2035.1541L-13.8076%2074.0449L-14.5147%2073.3378L24.3762%2034.4469L20.8406%2030.9114L-18.0503%2069.8023L-18.7574%2069.0952L20.1335%2030.2043L16.598%2026.6688L-22.2929%2065.5596L-23%2064.8525L61.8528%20-20.0003L62.5599%20-19.2932L23.669%2019.5977L27.2046%2023.1332Z%22%20fill%3D%22%23403130%22%2F%3E%3Cpath%20d%3D%22M326.695%2025.9617L314.674%2037.9825L309.017%2032.3256L321.038%2020.3048L326.695%2025.9617ZM316.795%2023.1332L277.905%20-15.7576L277.197%20-15.0505L316.088%2023.8403L312.553%2027.3759L273.662%20-11.515L272.955%20-10.8079L311.846%2028.083L308.31%2031.6185L269.419%20-7.27235L268.712%20-6.56524L353.565%2078.2876L354.272%2077.5805L315.381%2038.6896L318.917%2035.1541L357.808%2074.0449L358.515%2073.3378L319.624%2034.4469L323.159%2030.9114L362.05%2069.8023L362.757%2069.0952L323.866%2030.2043L327.402%2026.6688L366.293%2065.5596L367%2064.8525L282.147%20-20.0003L281.44%20-19.2932L320.331%2019.5977L316.795%2023.1332Z%22%20fill%3D%22%23403130%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_436_17350%22%3E%3Crect%20width%3D%22350%22%20height%3D%2270%22%20fill%3D%22white%22%20transform%3D%22translate(-3)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.feiler_art_page .art_invitation_link::after, .feiler_art_page .art_invitation_top::after {
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M12.0788%207.5H0V6.5H12.0788L6.2865%200.70775L7%200L14%207L7%2014L6.2865%2013.2923L12.0788%207.5Z%22%20fill%3D%22%23A88314%22%2F%3E%3C%2Fsvg%3E");
}

.feiler_art_page .sec_audio_trigger::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2258%22%20height%3D%2260%22%20viewBox%3D%220%200%2058%2060%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M28.8749%2059.6547C24.8836%2059.6547%2021.1309%2058.872%2017.617%2057.3067C14.1035%2055.7413%2011.0471%2053.617%208.44767%2050.9336C5.84827%2048.2503%203.7906%2045.0947%202.27468%2041.4669C0.758227%2037.8396%200%2033.9634%200%2029.8385C0%2025.7141%200.757425%2021.8363%202.27228%2018.2051C3.78713%2014.5745%205.84292%2011.4162%208.43966%208.73007C11.0364%206.04398%2014.0901%203.9177%2017.6009%202.35123C21.1112%200.784209%2024.8622%200.00069809%2028.8541%200.00069809C32.8454%200.00069809%2036.598%200.783383%2040.112%202.34875C43.6255%203.91411%2046.6819%206.03846%2049.2813%208.72178C51.8807%2011.4051%2053.9384%2014.5607%2055.4543%2018.1885C56.9708%2021.8158%2057.729%2025.692%2057.729%2029.8169C57.729%2033.9413%2056.9716%2037.8191%2055.4567%2041.4503C53.9419%2045.0809%2051.8861%2048.2393%2049.2893%2050.9253C46.6926%2053.6114%2043.6388%2055.7377%2040.1281%2057.3042C36.6178%2058.8712%2032.8668%2059.6547%2028.8749%2059.6547Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M22%2040.9448L39.8864%2029.4727L22%2018.0007V40.9448Z%22%20fill%3D%22%23A88314%22%2F%3E%3C%2Fsvg%3E");
}

.feiler_art_page .art_movie_trigger::before {
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22310%22%20height%3D%22528%22%20viewBox%3D%220%200%20310%20528%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2015.4609C10.0002%2013.2224%2011.4717%2011.3277%2013.5%2010.6904V0H10C7.20181%200%204.67343%201.15063%202.8584%203.00293L11.3535%2011.4971L10.6465%2012.2041L2.19336%203.75195C0.821527%205.46375%200%207.63568%200%2010L0%2015.3506H10V15.4609ZM295.5%200H14.5V10.4863C14.6645%2010.47%2014.8312%2010.4609%2015%2010.4609H295C295.169%2010.4609%20295.336%2010.47%20295.5%2010.4863V0ZM300%2015.3506H310V10C310%207.63544%20309.178%205.46387%20307.806%203.75195L299.354%2012.2041L298.646%2011.4971L307.141%203.00293C305.326%201.15094%20302.798%200%20300%200H296.5V10.6904C298.528%2011.3277%20300%2013.2224%20300%2015.4609V15.3506ZM10%2016.3506H0L0%20511.5H10L10%2016.3506ZM310%2016.3506H300L300%20511.5H310L310%2016.3506ZM13.5%20528L13.5%20518.233C12.5483%20517.934%2011.7195%20517.358%2011.1074%20516.6L2.85352%20524.854L2.14648%20524.146L10.5508%20515.742C10.1995%20515.058%2010.0001%20514.284%2010%20513.462V512.5H0L0%20518C1.6107e-07%20523.523%204.47716%20528%2010%20528H13.5ZM295.5%20528V518.437C295.336%20518.453%20295.169%20518.461%20295%20518.461L15%20518.462C14.8313%20518.462%2014.6644%20518.454%2014.5%20518.438L14.5%20528H295.5ZM300%20528C305.523%20528%20310%20523.523%20310%20518V512.5H300V513.462C300%20514.284%20299.8%20515.058%20299.448%20515.742L307.854%20524.146L307.146%20524.854L298.892%20516.6C298.28%20517.357%20297.451%20517.934%20296.5%20518.232V528H300Z%22%20fill%3D%22%2384AFDF%22%2F%3E%3C%2Fsvg%3E");
}

.feiler_art_page .art_collection_box::before, .feiler_art_page .art_collection_box::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22350%22%20height%3D%2220%22%20viewBox%3D%220%200%20350%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_465_4459)%22%3E%3Cmask%20id%3D%22mask0_465_4459%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22350%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22M0%200H350V20H0V0Z%22%20fill%3D%22%23A88314%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_465_4459)%22%3E%3Cline%20y1%3D%220.5%22%20x2%3D%22350%22%20y2%3D%220.5%22%20stroke%3D%22%2384AFDF%22%2F%3E%3Cpath%20d%3D%22M166%2011H0V10H165L166%2011ZM350%2011H184L185%2010H350V11Z%22%20fill%3D%22%2384AFDF%22%2F%3E%3Cpath%20d%3D%22M193.793%200.5L175%2019.293L156.207%200.5H193.793Z%22%20stroke%3D%22%2384AFDF%22%2F%3E%3Cline%20x1%3D%22175%22%20y1%3D%221%22%20x2%3D%22175%22%20y2%3D%2219%22%20stroke%3D%22%2384AFDF%22%2F%3E%3Cpath%20d%3D%22M166%20-3.93403e-07L175%2019%22%20stroke%3D%22%2384AFDF%22%2F%3E%3Cpath%20d%3D%22M184%200L175%2019%22%20stroke%3D%22%2384AFDF%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_465_4459%22%3E%3Crect%20width%3D%22350%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.feiler_art_page .art_audio_list_cap::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229.75%22%20stroke%3D%22%23162C8B%22%20stroke-width%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%228%22%20fill%3D%22%23162C8B%22%2F%3E%3Cline%20x1%3D%2216%22%20y1%3D%2210%22%20x2%3D%2220%22%20y2%3D%2210%22%20stroke%3D%22%23162C8B%22%2F%3E%3Cline%20y1%3D%2210%22%20x2%3D%224%22%20y2%3D%2210%22%20stroke%3D%22%23162C8B%22%2F%3E%3Cmask%20id%3D%22mask0_666_10109%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%225%22%20y%3D%225%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Crect%20width%3D%2210%22%20height%3D%2210%22%20transform%3D%22matrix(1%200%200%20-1%205%2015)%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_666_10109)%22%3E%3Cpath%20d%3D%22M7.37888%206.20866C7.16839%206.20866%207.00412%206.26769%206.88607%206.38574C6.76801%206.5038%206.70898%206.66807%206.70898%206.87855L6.70898%2013.1221C6.70898%2013.3326%206.76801%2013.4969%206.88607%2013.6149C7.00412%2013.733%207.16839%2013.792%207.37888%2013.792H10.6385C10.8489%2013.792%2011.0132%2013.733%2011.1313%2013.6149C11.2493%2013.4969%2011.3084%2013.3326%2011.3084%2013.1221V11.0275C11.3084%2010.9506%2011.2826%2010.8863%2011.2312%2010.8345C11.1798%2010.7826%2011.116%2010.7567%2011.0397%2010.7567C10.9635%2010.7567%2010.8989%2010.7826%2010.846%2010.8345C10.7931%2010.8863%2010.7667%2010.9506%2010.7667%2011.0275V13.1221C10.7667%2013.1542%2010.7533%2013.1836%2010.7266%2013.2102C10.6999%2013.237%2010.6705%2013.2503%2010.6385%2013.2503H7.37888C7.3468%2013.2503%207.31742%2013.237%207.29076%2013.2102C7.26402%2013.1836%207.25065%2013.1542%207.25065%2013.1221L7.25065%206.87855C7.25065%206.84647%207.26402%206.8171%207.29076%206.79043C7.31742%206.76369%207.3468%206.75033%207.37888%206.75033H9.8268C9.90367%206.75033%209.96801%206.72463%2010.0198%206.67324C10.0717%206.62178%2010.0976%206.55793%2010.0976%206.48168C10.0976%206.40543%2010.0717%206.34088%2010.0198%206.28803C9.96801%206.23512%209.90367%206.20866%209.8268%206.20866H7.37888ZM10.0608%208.8721L11.132%209.74553C11.1865%209.79303%2011.2469%209.80144%2011.3132%209.77074C11.3794%209.74005%2011.4125%209.69185%2011.4125%209.62616V6.82647C11.4125%206.76078%2011.3794%206.71255%2011.3132%206.68178C11.2469%206.65109%2011.1865%206.65953%2011.132%206.7071L10.0608%207.58043H9.45576C9.3602%207.58043%209.28051%207.61227%209.21669%207.67595C9.1528%207.73963%209.12086%207.81914%209.12086%207.91449V8.53449C9.12086%208.62977%209.1528%208.70987%209.21669%208.7748C9.28051%208.83967%209.3602%208.8721%209.45576%208.8721H10.0608ZM12.8965%208.2273C12.8965%208.04661%2012.8604%207.88227%2012.7883%207.73428C12.7162%207.5863%2012.6171%207.45692%2012.4911%207.34616C12.4425%207.30526%2012.3889%207.29842%2012.3303%207.32564C12.2719%207.35286%2012.2426%207.40067%2012.2426%207.46908V8.9848C12.2426%209.05494%2012.2706%209.1023%2012.3265%209.12689C12.3825%209.15147%2012.4368%209.14428%2012.4894%209.10533C12.6139%209.0022%2012.7129%208.87526%2012.7863%208.72449C12.8597%208.57373%2012.8965%208.408%2012.8965%208.2273ZM13.7266%208.2297C13.7266%208.63046%2013.6179%208.99411%2013.4004%209.32064C13.1831%209.64717%2012.8879%209.88227%2012.515%2010.026C12.3997%2010.074%2012.3254%2010.1361%2012.2923%2010.2123C12.2592%2010.2884%2012.2469%2010.3596%2012.2554%2010.4257C12.264%2010.492%2012.2957%2010.5469%2012.3504%2010.5904C12.4052%2010.634%2012.4622%2010.6445%2012.5215%2010.6221C13.0439%2010.456%2013.4657%2010.1531%2013.7867%209.71345C14.1077%209.2738%2014.2683%208.77807%2014.2683%208.22626C14.2683%207.67182%2014.106%207.17262%2013.7815%206.72866C13.457%206.28477%2013.0335%205.97842%2012.5111%205.8096C12.4493%205.78717%2012.3958%205.79772%2012.3505%205.84126C12.3053%205.8848%2012.275%205.93911%2012.2595%206.00418C12.244%206.06925%2012.2528%206.13935%2012.2859%206.21449C12.319%206.28963%2012.3933%206.35473%2012.5087%206.4098C12.8815%206.56043%2013.1777%206.80026%2013.3973%207.12928C13.6168%207.45838%2013.7266%207.82519%2013.7266%208.2297ZM9.24023%2012.0294C9.30378%2012.0915%209.33555%2012.1687%209.33555%2012.261C9.33555%2012.3532%209.30451%2012.4312%209.24242%2012.4947C9.18034%2012.5582%209.10315%2012.59%209.01086%2012.59C8.91857%2012.59%208.84065%2012.559%208.77711%2012.4969C8.71357%2012.4348%208.6818%2012.3576%208.6818%2012.2653C8.6818%2012.173%208.71284%2012.0951%208.77492%2012.0316C8.83701%2011.968%208.91419%2011.9363%209.00648%2011.9363C9.09878%2011.9363%209.17669%2011.9673%209.24023%2012.0294Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.feiler_art_page .art_navigator_desc a[target=_blank]::after {
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%23e3e3e3%22%3E%3Cpath%20d%3D%22M200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h280v80H200v560h560v-280h80v280q0%2033-23.5%2056.5T760-120H200Zm188-212-56-56%20372-372H560v-80h280v280h-80v-144L388-332Z%22%2F%3E%3C%2Fsvg%3E");
}

.feiler_art_page {
  max-width: 100vw;
  container-name: frame;
  container-type: inline-size;
}
@media screen and (width >= 48em) {
  .feiler_art_page .bg_pc {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    /* z-index: -1; */
    display: block;
    width: 100%;
    height: 100vh;
    padding-top: var(--headerHeight, 65px);
    background-color: #ffecf3;
  }
}
.feiler_art_page .bg_pc_img {
  position: relative;
  width: auto;
  height: 100%;
}
.feiler_art_page .bg_pc_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left top;
}
.feiler_art_page .bg_pc_img_copy {
  position: absolute;
  top: 0;
}
@media screen and (width < 48em) {
  .feiler_art_page .bg_pc_img {
    display: none;
  }
}
.feiler_art_page .bg_pc_copy {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: auto;
  height: 100%;
}
.feiler_art_page .bg_pc_copy img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left top;
}
@media screen and (width < 48em) {
  .feiler_art_page .bg_pc_copy {
    display: none;
  }
}
.feiler_art_page .p_feiler_art {
  position: relative;
  padding-bottom: 60px;
  margin: 0 auto;
  overflow: clip;
  background: #fbf1d7;
}
@media screen and (width >= 48em) {
  .feiler_art_page .p_feiler_art {
    max-width: 390px;
    padding-top: 60px;
    margin-left: min(134.2592592593dvh, 100vw - 430px);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
  }
}
.feiler_art_page .art_hero {
  position: relative;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_hero {
    padding-bottom: 40px;
  }
}
.feiler_art_page .art_hero_ttl {
  margin: auto;
}
.feiler_art_page .art_hero_img {
  width: 100%;
  height: auto;
}
.feiler_art_page .art_cta {
  position: sticky;
  top: 185px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 170px;
  height: 80px;
  padding-left: 15px;
  margin: auto;
  margin-inline: auto 0;
  color: #fff;
  background: var(--FEILER-KEY-COLOR, #cc9735);
  border-radius: 100px 0 0 100px;
  transition: opacity 0.4s ease-out;
}
@media (any-hover: hover) {
  .feiler_art_page .art_cta:hover {
    opacity: 0.7;
  }
}
.feiler_art_page .art_cta:focus-visible, .feiler_art_page .art_cta:active {
  opacity: 0.7;
}
@media screen and (width < 48em) {
  .feiler_art_page .art_cta {
    margin-top: -43px;
  }
}
.feiler_art_page .art_cta::before {
  position: absolute;
  inset: 0;
  left: 2px;
  z-index: -1;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 4px);
  margin: auto;
  content: "";
  border: 1px solid #fff;
  border-right: 0;
  border-radius: 100px 0 0 100px;
}
.feiler_art_page .art_cta_txt {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  text-decoration: none;
}
.feiler_art_page .art_cta_ttl {
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0.39px;
  font-size: 12px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_cta_ttl {
    font-size: 12px;
  }
}
.feiler_art_page .art_cta_date {
  letter-spacing: 0.025em;
  font-size: 10px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_cta_date {
    font-size: 10px;
  }
}
.feiler_art_page .art_cta_label {
  letter-spacing: 0.6px;
  font-size: 12px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_cta_label {
    font-size: 12px;
  }
}
.feiler_art_page .art_cta + .art_concept {
  padding-top: 30px;
}
.feiler_art_page .art_concept {
  padding-block: 72px;
  font-weight: 600;
  line-height: 200%; /* 28px */
  text-align: center;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_concept {
    padding-top: 40px;
  }
}
.feiler_art_page .art_concept_txt {
  margin-bottom: 24px;
  font-style: normal;
  letter-spacing: 0.5px;
  font-size: 14px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_concept_txt {
    font-size: 14px;
  }
}
.feiler_art_page .art_concept_catch {
  color: var(--FEILER-KEY-COLOR, #cc9735);
  letter-spacing: 2.6px;
  font-size: 26px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_concept_catch {
    font-size: 26px;
  }
}
.feiler_art_page .art_navigator {
  position: relative;
  margin-bottom: 40px;
}
.feiler_art_page .art_navigator_box {
  padding: 30px 20px;
  background: var(--White, #fff);
  border: 1px solid var(--Waterblue, #84afdf);
  border-radius: 210px 210px 0 0;
}
.feiler_art_page .art_navigator_icon {
  display: block;
  margin: auto;
}
.feiler_art_page .art_navigator .art_navigator_ttl {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-width: 280px;
  padding-block: 6px;
  margin: 10px auto 30px;
  font-weight: 600;
  line-height: 1;
  color: var(--blue-vol-1-blauerosen, #162c8b);
  text-align: center;
  background: url("/cms/img/usr/feiler_art/bg_ttl001.png") no-repeat center/100% 100%;
}
.feiler_art_page .art_navigator .art_navigator_ttl-en {
  font-family: "EB Garamond", serif;
  font-size: 22px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_navigator .art_navigator_ttl-en {
    font-size: 22px;
  }
}
.feiler_art_page .art_navigator .art_navigator_ttl-jp {
  letter-spacing: 1.3px;
  font-size: 13px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_navigator .art_navigator_ttl-jp {
    font-size: 13px;
  }
}
.feiler_art_page .art_navigator_grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}
.feiler_art_page .art_navigator_body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.feiler_art_page .art_navigator_name {
  font-weight: 700;
  line-height: 1;
  color: var(--blue-vol-1-blauerosen, #162c8b);
  text-align: center;
  letter-spacing: 0.8px;
  font-size: 16px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_navigator_name {
    font-size: 16px;
  }
}
.feiler_art_page .art_navigator_desc {
  font-weight: 600;
  line-height: 180%; /* 21.6px */
  color: var(--Black, #333);
  letter-spacing: 0.6px;
  font-size: 12px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_navigator_desc {
    font-size: 12px;
  }
}
.feiler_art_page .art_navigator_desc a {
  position: relative;
  color: var(--FEILER-KEY-COLOR, #cc9735);
  text-decoration: underline;
}
.feiler_art_page .art_navigator_desc a[target=_blank]::after {
  display: inline-block;
  height: 1em;
  aspect-ratio: 1;
  margin-left: 0.1em;
  content: "";
  translate: 0 0.1em;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
}
@media (any-hover: hover) {
  .feiler_art_page .art_navigator_desc a:hover {
    text-decoration: none;
  }
}
.feiler_art_page .art_navigator_desc a:focus-visible, .feiler_art_page .art_navigator_desc a:active {
  text-decoration: none;
}
.feiler_art_page .art_movie {
  color: #fff;
}
.feiler_art_page .art_movie .c_box_ttl-en {
  letter-spacing: -0.03em;
  font-size: 31px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_movie .c_box_ttl-en {
    font-size: 31px;
  }
}
.feiler_art_page .art_movie .c_box_ttl {
  margin-bottom: 20px;
}
.feiler_art_page .art_movie .c_ttl_border {
  margin-top: 20px;
  border-color: #fff;
}
.feiler_art_page .art_movie_desc {
  font-weight: 600;
  line-height: 200%; /* 28px */
  text-align: center;
  letter-spacing: 0.7px;
  font-size: 14px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_movie_desc {
    font-size: 14px;
  }
}
.feiler_art_page .art_movie_trigger_wrap {
  margin-top: 20px;
}
.feiler_art_page .art_movie_trigger {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 11px;
  margin: auto;
  overflow: clip;
  cursor: pointer;
}
.feiler_art_page .art_movie_trigger::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  margin: auto;
  content: "";
  background-color: #ffecf3;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
}
.feiler_art_page .art_movie_trigger {
  /*
  &::after {
    position: absolute;
    inset: 0;
    display: block;
    height: rem(56);
    aspect-ratio: 1;
    margin: auto;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    box-shadow: 0 0 20px rgb(0 0 0 / 0.3);
    transition: opacity $easing;
    @extend %play;
  }
    */
}
@media (any-hover: hover) {
  .feiler_art_page .art_movie_trigger:hover::after {
    opacity: 0.85;
  }
}
.feiler_art_page .art_movie_trigger:focus-visible::after, .feiler_art_page .art_movie_trigger:active::after {
  opacity: 0.85;
}
.feiler_art_page .art_visumo {
  padding: 4rem 0;
  text-align: center;
}
.feiler_art_page .art_visumo_ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
.feiler_art_page .art_visumo_ttl-en {
  font-family: "Playfair Display", "Times New Roman", serif;
  font-size: 24px;
  font-weight: 400;
  color: #c4a86c;
  letter-spacing: 0.1em;
}
.feiler_art_page .art_visumo_ttl-jp {
  margin-top: 4px;
  font-size: 12px;
  color: #d4bc8a;
  letter-spacing: 0.15em;
}
.feiler_art_page .visumo_container {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.feiler_art_page .art_collection_box {
  position: relative;
  z-index: 1;
  padding: 26px 16px 40px;
  background-color: #fff;
}
.feiler_art_page .art_collection_box::before, .feiler_art_page .art_collection_box::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 20px;
  margin: auto;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.feiler_art_page .art_collection_box::before {
  bottom: auto;
}
.feiler_art_page .art_collection_box::after {
  top: auto;
  rotate: 180deg;
}
.feiler_art_page .art_collection_list {
  display: grid;
  grid-template-columns: repeat(3, minmax(auto, 1fr));
  gap: 10px;
}
.feiler_art_page .art_collection_list a img {
  transition: opacity 0.4s ease-out;
}
@media (any-hover: hover) {
  .feiler_art_page .art_collection_list a:hover img {
    opacity: 0.7;
  }
}
.feiler_art_page .art_collection_list a:focus-visible img, .feiler_art_page .art_collection_list a:active img {
  opacity: 0.7;
}
.feiler_art_page .art_collection .c_btn {
  max-width: 260px;
  margin-top: 26px;
}
.feiler_art_page .art_collection_note {
  margin-top: 15px;
  font-weight: 700;
  line-height: 140%; /* 16.8px */
  color: #162c8b;
  text-align: center;
  letter-spacing: 0.6px;
  font-size: 12px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_collection_note {
    font-size: 12px;
  }
}
.feiler_art_page .art_audio {
  margin-block: 40px;
}
.feiler_art_page .art_audio .c_box {
  padding: 58px 16px;
}
.feiler_art_page .art_audio .c_box_ttl {
  margin-bottom: 28px;
}
.feiler_art_page .art_audio_teaser {
  font-weight: 600;
  line-height: 200%; /* 28px */
  text-align: center;
  letter-spacing: 0.7px;
  background: url("/cms/img/usr/feiler_art/bg_comin.png?rev=260403") no-repeat center/100%;
  font-size: 14px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_audio_teaser {
    font-size: 14px;
  }
}
.feiler_art_page .art_audio_teaser span {
  display: block;
  margin-bottom: 15px;
  font-family: "EB Garamond", serif;
  color: #ff71b8;
  font-size: 30px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_audio_teaser span {
    font-size: 30px;
  }
}
.feiler_art_page .art_audio_desc {
  font-weight: 600;
  line-height: 200%; /* 28px */
  color: var(--Black, #333);
  text-align: center;
  letter-spacing: 0.7px;
  font-size: 14px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_audio_desc {
    font-size: 14px;
  }
}
.feiler_art_page .art_audio_list {
  display: flex;
  flex-wrap: wrap;
  gap: 13px 15px;
  justify-content: center;
  margin-top: 20px;
}
.feiler_art_page .art_audio_list_item {
  width: calc((100% - 15px) / 2);
  transition: opacity 0.4s ease-out;
}
@media (any-hover: hover) {
  .feiler_art_page .art_audio_list_item:hover {
    opacity: 0.7;
  }
}
.feiler_art_page .art_audio_list_item:focus-visible, .feiler_art_page .art_audio_list_item:active {
  opacity: 0.7;
}
.feiler_art_page .art_audio_list_cap {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 5px;
  align-items: center;
  margin-top: 5.4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 140%; /* 16.8px */
  color: var(--blue-vol-1-blauerosen, #162c8b);
  text-align: left;
  letter-spacing: 0.6px;
}
.feiler_art_page .art_audio_list_cap::before {
  font-family: "EB Garamond", serif;
  font-size: 24px;
  font-weight: 600;
  content: counter(number) "";
  counter-increment: number;
}
.feiler_art_page .art_audio_list_cap::after {
  display: block;
  height: 20px;
  aspect-ratio: 1;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.feiler_art_page .art_audio_modal .c_modal_content {
  width: 100%;
  max-width: 335px;
  height: auto;
  max-height: 550px;
  container-name: frame;
  container-type: inline-size;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_audio_modal .c_modal_content {
    max-width: 384px;
    height: auto;
    max-height: 640px;
  }
}
.feiler_art_page .art_audio_modal_iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.feiler_art_page .audio_box {
  max-width: 335px;
  padding: 20px;
  margin: auto;
  outline: 1px solid var(--FEILER-KEY-COLOR, #cc9735);
  outline-offset: -3px;
  background: #fbf1d7;
  border: 3px solid #fbf1d7;
}
@container frame (min-width: 335px) {
  .feiler_art_page .audio_box {
    max-width: 350px;
  }
}
.feiler_art_page .sec_audio {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.feiler_art_page .sec_audio_ttl {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
  color: var(--blue-vol-1-blauerosen, #162c8b);
  letter-spacing: 0.8px;
}
.feiler_art_page .sec_audio_ttl-num {
  font-family: "EB Garamond", serif;
  font-size: 24px;
}
.feiler_art_page .sec_audio_trigger {
  position: relative;
  display: block;
  margin: auto;
  transition: opacity 0.4s ease-out;
}
.feiler_art_page .sec_audio_trigger::after {
  position: absolute;
  inset: 0;
  display: block;
  height: 57px;
  aspect-ratio: 1;
  margin: auto;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
@media (any-hover: hover) {
  .feiler_art_page .sec_audio_trigger:hover {
    opacity: 0.8;
  }
}
.feiler_art_page .sec_audio_trigger:focus-visible, .feiler_art_page .sec_audio_trigger:active {
  opacity: 0.8;
}
.feiler_art_page .sec_audio_txt {
  font-size: 12px;
  font-weight: 700;
  line-height: 150%; /* 18px */
  color: var(--Brown, #403130);
  text-align: center;
  letter-spacing: 0.6px;
}
.feiler_art_page .sec_audio_body {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  height: 230px;
  padding: 20px;
  overflow-y: auto;
  background-color: #fff;
}
@container frame (min-width: 336px) {
  .feiler_art_page .sec_audio_body {
    height: 320px;
  }
}
.feiler_art_page .sec_audio_body::-webkit-scrollbar {
  width: 12px; /* 横幅設定 */
}
.feiler_art_page .sec_audio_body::-webkit-scrollbar-thumb {
  background: var(--FEILER-KEY-COLOR, #cc9735); /* ハンドルの色 */
}
.feiler_art_page .sec_audio_body::-webkit-scrollbar-track {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%), var(--FEILER-KEY-COLOR, #cc9735); /* 背景色 */
}
.feiler_art_page .sec_audio_desc {
  font-weight: 700;
  line-height: 150%; /* 21px */
  color: var(--Black, #333);
  text-align: center;
  letter-spacing: 0.7px;
}
.feiler_art_page .art_invitation .c_box {
  padding-block: 55px 65px;
}
.feiler_art_page .art_invitation .c_box_ttl {
  gap: 20px;
  margin-bottom: 33px;
}
.feiler_art_page .art_invitation .c_box_ttl-en {
  font-size: 34px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_invitation .c_box_ttl-en {
    font-size: 34px;
  }
}
.feiler_art_page .art_invitation_box {
  position: relative;
  padding-block: 69px;
  outline: 1px solid #333;
  outline-offset: -3px;
  background-color: #fff;
  border: 3px solid #fff;
}
.feiler_art_page .art_invitation_box::after, .feiler_art_page .art_invitation_box::before {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 66px;
  margin: auto;
  content: "";
  background-color: #333;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
}
.feiler_art_page .art_invitation_box::before {
  top: 0;
}
.feiler_art_page .art_invitation_box::after {
  bottom: 0;
  rotate: 180deg;
}
.feiler_art_page .art_invitation_about {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 25px 20px 28px;
  color: #fff;
  background: var(--blue-vol-1-blauerosen, #162c8b);
  border-radius: 10px;
}
.feiler_art_page .art_invitation_about_ttl {
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
  font-size: 20px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_invitation_about_ttl {
    font-size: 20px;
  }
}
.feiler_art_page .art_invitation_about_ttl span {
  display: block;
  margin-top: 5px;
  line-height: 140%; /* 22.4px */
  letter-spacing: 0.8px;
  font-size: 16px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_invitation_about_ttl span {
    font-size: 16px;
  }
}
.feiler_art_page .art_invitation_about_event {
  font-size: 22px;
  font-weight: 600;
  line-height: 140%; /* 30.8px */
  color: var(--Yellow, #ffed75);
  text-align: center;
  letter-spacing: 1.1px;
}
.feiler_art_page .art_invitation_about_desc {
  font-weight: 600;
  font-feature-settings: "halt" on;
  line-height: 200%; /* 28px */
  text-align: center;
  letter-spacing: 1px;
  font-size: 14px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_invitation_about_desc {
    font-size: 14px;
  }
}
.feiler_art_page .art_invitation_about .bannerImg {
  display: block;
  margin: 10px auto 0;
}
.feiler_art_page .art_invitation_about_list {
  display: grid;
  grid-template-columns: auto 1fr;
  margin-top: 5px;
  border-top: 1px solid var(--FEILER-KEY-COLOR, #cc9735);
}
.feiler_art_page .art_invitation_about_item {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  gap: 15px;
  padding: 10px 0;
  border-bottom: 1px solid var(--FEILER-KEY-COLOR, #cc9735);
}
.feiler_art_page .art_invitation_about_dt {
  font-weight: 700;
  font-size: 14px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_invitation_about_dt {
    font-size: 14px;
  }
}
.feiler_art_page .art_invitation_about_dd {
  font-weight: 600;
  font-size: 14px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_invitation_about_dd {
    font-size: 14px;
  }
}
.feiler_art_page .art_invitation_about_dd span {
  display: block;
  margin-top: 5px;
  line-height: 1.5;
  font-size: 10px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_invitation_about_dd span {
    font-size: 10px;
  }
}
.feiler_art_page .art_invitation_app {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 35px 20px 40px;
  margin-block: 20px 40px;
  text-align: center;
  background: var(--Beige, #fbf1d7);
  border-radius: 10px;
}
.feiler_art_page .art_invitation_app_ttl {
  font-weight: 700;
  font-size: 16px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_invitation_app_ttl {
    font-size: 16px;
  }
}
.feiler_art_page .art_invitation_app_txt {
  font-weight: 600;
  line-height: 200%; /* 28px */
  letter-spacing: 0.7px;
  font-size: 14px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_invitation_app_txt {
    font-size: 14px;
  }
}
.feiler_art_page .art_invitation_app_btn {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: 8px;
  transition: opacity 0.4s ease-out;
}
@media (any-hover: hover) {
  .feiler_art_page .art_invitation_app_btn:hover {
    opacity: 0.7;
  }
}
.feiler_art_page .art_invitation_app_btn:focus-visible, .feiler_art_page .art_invitation_app_btn:active {
  opacity: 0.7;
}
.feiler_art_page .art_invitation_snsContainer {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.feiler_art_page .art_invitation_sns_label {
  font-weight: 700;
  line-height: 1;
  color: var(--FEILER-KEY-COLOR, #cc9735);
  text-align: center;
  letter-spacing: 0.8px;
  font-size: 16px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_invitation_sns_label {
    font-size: 16px;
  }
}
.feiler_art_page .art_invitation_sns {
  display: flex;
  gap: 40px;
  justify-content: center;
}
.feiler_art_page .art_invitation_sns a img {
  transition: opacity 0.4s ease-out;
}
@media (any-hover: hover) {
  .feiler_art_page .art_invitation_sns a:hover img {
    opacity: 0.7;
  }
}
.feiler_art_page .art_invitation_sns a:focus-visible img, .feiler_art_page .art_invitation_sns a:active img {
  opacity: 0.7;
}
.feiler_art_page .art_invitation_links {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 260px;
  margin: auto;
}
.feiler_art_page .art_invitation_link {
  position: relative;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  padding: 22px 30px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: var(--FEILER-KEY-COLOR, #cc9735);
  letter-spacing: 0.7px;
  text-decoration: none;
  border: 1px solid var(--FEILER-KEY-COLOR, #cc9735);
  border-radius: 10px;
  transition: background-color 0.4s ease-out, color 0.4s ease-out;
}
.feiler_art_page .art_invitation_link::after {
  display: block;
  height: 14px;
  aspect-ratio: 1;
  content: "";
  transition: background-color 0.4s ease-out;
  background-color: currentcolor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
}
@media (any-hover: hover) {
  .feiler_art_page .art_invitation_link:hover {
    color: #fff;
    background-color: var(--FEILER-KEY-COLOR, #cc9735);
  }
}
.feiler_art_page .art_invitation_link:focus-visible, .feiler_art_page .art_invitation_link:active {
  color: #fff;
  background-color: var(--FEILER-KEY-COLOR, #cc9735);
}
.feiler_art_page .art_invitation_top {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 23px 30px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.7px;
  text-decoration: none;
  background: var(--FEILER-KEY-COLOR, #cc9735);
  transition: opacity 0.4s ease-out;
  font-size: 14px;
}
@media screen and (width >= 48em) {
  .feiler_art_page .art_invitation_top {
    font-size: 14px;
  }
}
.feiler_art_page .art_invitation_top::after {
  display: block;
  height: 14px;
  aspect-ratio: 1;
  content: "";
  rotate: -90deg;
  background-color: currentcolor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
}
@media (any-hover: hover) {
  .feiler_art_page .art_invitation_top:hover {
    opacity: 0.7;
  }
}
.feiler_art_page .art_invitation_top:focus-visible, .feiler_art_page .art_invitation_top:active {
  opacity: 0.7;
}

/* add css */
.visumo-art-wrap.art_movie_trigger_wrap {
  display: flex;
  justify-content: center;
}

.visumo-art-block {
  width: 280px;
  height: 498px;
  margin: 0 auto;
}

.visumo-art-block .hacobune-univideo {
  width: 100%;
  height: 100%;
}
.visumo-art-block .hacobune-app-container {
	padding:0 !important;
}
.visumo-art-block .hacobune-univideo .hacobune-unit-video,
.visumo-art-block .hacobune-univideo .hacobune-unit-video .hacobune-unit-video-wrap,
.visumo-art-block .hacobune-univideo .hacobune-unit-video .hacobune-unit-video-wrap .hacobune-unit-video-player,
.visumo-art-block .hacobune-univideo .hacobune-unit-video .hacobune-unit-video-wrap .hacobune-unit-video-player .hacobune-video-frame {
  height: 100%;
}

.visumo-art-block .hacobune-univideo .hacobune-unit-video .hacobune-unit-video-wrap .hacobune-unit-video-player .hacobune-video-frame #hacobune-vjs_video_3 {
  height: 100%;
  padding: 0;
}

.visumo-art-block #hacobune-vjs_video_3 {
  position: relative;
}
.visumo-art-block #hacobune-vjs_video_3 .hacobune-vjs-big-play-button {
  background: unset;
  top: 50%;
  left: 50%;
  width: 57px;
  height: 57px;
  transform: translate(-50%, -50%);
}
.visumo-art-block .hacobune-vjs-big-play-button .hacobune-vjs-icon-placeholder::before {
  display: none !important;
}
.visumo-art-block .hacobune-vjs-big-play-button .hacobune-vjs-icon-placeholder::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  width: 57px;
  height: 57px;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2258%22%20height%3D%2260%22%20viewBox%3D%220%200%2058%2060%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M28.8749%2059.6547C24.8836%2059.6547%2021.1309%2058.872%2017.617%2057.3067C14.1035%2055.7413%2011.0471%2053.617%208.44767%2050.9336C5.84827%2048.2503%203.7906%2045.0947%202.27468%2041.4669C0.758227%2037.8396%200%2033.9634%200%2029.8385C0%2025.7141%200.757425%2021.8363%202.27228%2018.2051C3.78713%2014.5745%205.84292%2011.4162%208.43966%208.73007C11.0364%206.04398%2014.0901%203.9177%2017.6009%202.35123C21.1112%200.784209%2024.8622%200.00069809%2028.8541%200.00069809C32.8454%200.00069809%2036.598%200.783383%2040.112%202.34875C43.6255%203.91411%2046.6819%206.03846%2049.2813%208.72178C51.8807%2011.4051%2053.9384%2014.5607%2055.4543%2018.1885C56.9708%2021.8158%2057.729%2025.692%2057.729%2029.8169C57.729%2033.9413%2056.9716%2037.8191%2055.4567%2041.4503C53.9419%2045.0809%2051.8861%2048.2393%2049.2893%2050.9253C46.6926%2053.6114%2043.6388%2055.7377%2040.1281%2057.3042C36.6178%2058.8712%2032.8668%2059.6547%2028.8749%2059.6547Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M22%2040.9448L39.8864%2029.4727L22%2018.0007V40.9448Z%22%20fill%3D%22%23A88314%22%2F%3E%3C%2Fsvg%3E);
}

.feiler_art_page {
  --color-txt: #333;
  --color-reversal: #fff;
  --color-prime: #c4a86c;
  --color-second: #3d2e1e;
  --color-third: #ffecf3;
  --color-body: #fbf1d7;
  --color-gray: #f8f6f1;
  --font-size-h1: 40px;
  --font-size-h2: 36px;
  --font-size-h3: 28px;
  --font-size-h4: 24px;
  --font-size-h5: 20px;
  --font-size-xl: 18px;
  --font-size-lg: 16px;
  --font-size-base: 14px;
  --font-size-sm: 12px;
  --font-size-xs: 10px;
}
@media (width >= 48em) {
  .feiler_art_page {
    --font-size-h1: 64px;
    --font-size-h2: 44px;
    --font-size-h3: 36px;
    --font-size-h4: 28px;
    --font-size-h5: 24px;
    --font-size-xl: 26px;
    --font-size-lg: 18px;
    --font-size-base: 14px;
    --font-size-sm: 14px;
    --font-size-xs: 12px;
  }
}
/* svgアイコン */
/**
 * スコープドスタイル
 * 納品後のマージを考慮し、.feiler_art_page内にのみ適用
 * 既存環境のヘッダー・フッターには影響しない
 * :where() は子孫セレクタ部分のみに適用し、
 * .feiler_art_page のクラス詳細度(0,1,0)は維持する
 */
/* ============================================
 * Reset CSS (scoped)
 * ============================================ */
/* .feiler_art_page 自体に適用（元 html, body 用） */
.feiler_art_page {
  font-family: "Noto Serif JP", serif;
  font-size: var(--font-size-base);
  line-height: 1.5;
  color: #333;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
}
/* リセット: 全要素 */
.feiler_art_page :where(*),
.feiler_art_page :where(*::before),
.feiler_art_page :where(*::after) {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
/* リセット: hidden属性 */
.feiler_art_page :where([hidden]:not([hidden=until-found])) {
  display: none !important;
}
/* リセット: フォーム要素 */
.feiler_art_page :where(input),
.feiler_art_page :where(button),
.feiler_art_page :where(textarea),
.feiler_art_page :where(select) {
  font: inherit;
  font-variation-settings: inherit;
  font-feature-settings: inherit;
  color: inherit;
  word-spacing: inherit;
  letter-spacing: inherit;
}
.feiler_art_page :where(textarea) {
  resize: vertical;
  resize: block;
}
.feiler_art_page :where(button),
.feiler_art_page :where(label),
.feiler_art_page :where(select),
.feiler_art_page :where(summary),
.feiler_art_page :where([role=button]),
.feiler_art_page :where([role=option]) {
  cursor: pointer;
}
.feiler_art_page :where(:disabled),
.feiler_art_page :where(label:has(> :disabled, + disabled)) {
  cursor: not-allowed;
}
/* リセット: リンク */
.feiler_art_page :where(a) {
  color: inherit;
  text-decoration: none;
  text-underline-offset: 0.2ex;
}
/* リセット: リスト */
.feiler_art_page :where(ul),
.feiler_art_page :where(ol),
.feiler_art_page :where(dd) {
  padding: 0;
  margin: 0;
  list-style: none;
}
/* リセット: メディア要素 */
.feiler_art_page :where(img),
.feiler_art_page :where(svg),
.feiler_art_page :where(video),
.feiler_art_page :where(canvas),
.feiler_art_page :where(audio),
.feiler_art_page :where(iframe),
.feiler_art_page :where(embed),
.feiler_art_page :where(object) {
  display: block;
}
.feiler_art_page :where(img),
.feiler_art_page :where(picture),
.feiler_art_page :where(svg),
.feiler_art_page :where(video) {
  max-inline-size: 100%;
  block-size: auto;
}
.feiler_art_page :where(img) {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
/* リセット: 見出し・段落 */
.feiler_art_page :where(p),
.feiler_art_page :where(h1),
.feiler_art_page :where(h2),
.feiler_art_page :where(h3),
.feiler_art_page :where(h4),
.feiler_art_page :where(h5),
.feiler_art_page :where(h6) {
  overflow-wrap: break-word;
}
.feiler_art_page :where(h1),
.feiler_art_page :where(h2),
.feiler_art_page :where(h3),
.feiler_art_page :where(h4),
.feiler_art_page :where(h5),
.feiler_art_page :where(h6) {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  text-wrap: wrap;
}
.feiler_art_page :where(h1),
.feiler_art_page :where(h2),
.feiler_art_page :where(h3) {
  line-height: calc(1em + 0.5rem);
  text-wrap: balance;
}
/* リセット: その他要素 */
.feiler_art_page :where(cite) {
  font-style: normal;
}
.feiler_art_page :where(fieldset) {
  padding: 0;
  margin: 0;
  border-width: 0;
}
.feiler_art_page :where(button) {
  padding: 0;
  color: inherit;
  appearance: none;
  cursor: pointer;
  background-color: transparent;
  border: none;
}
.feiler_art_page :where(summary) {
  display: block;
  list-style: none;
}
.feiler_art_page :where(summary::-webkit-details-marker) {
  display: none;
}
.feiler_art_page :where(figure),
.feiler_art_page :where(picture) {
  display: block;
  padding: 0;
  margin: 0;
  line-height: 1;
  text-align: center;
}
.feiler_art_page :where(figcaption) {
  margin: auto;
  text-align: left;
}
.feiler_art_page :where(hr) {
  block-size: 0;
  overflow: visible;
  color: inherit;
  border: none;
  border-block-start: 1px solid;
}
.feiler_art_page :where(dialog),
.feiler_art_page :where([popover]) {
  inset: unset;
  max-width: unset;
  max-height: unset;
  overflow: unset;
  color: inherit;
  background: none;
  border: none;
}
.feiler_art_page :where(dialog:not([open], [popover])),
.feiler_art_page :where([popover]:not(:popover-open)) {
  display: none !important;
}
/* アクセシビリティ: フォーカス */
.feiler_art_page :where(a:focus-visible),
.feiler_art_page :where(button:focus-visible) {
  outline: solid 2px #c4a86c;
  outline-offset: 3px;
  box-shadow: none;
}
.feiler_art_page :where([tabindex="-1"]:focus-visible) {
  outline: none !important;
  box-shadow: none;
}
.feiler_art_page :where(:focus-visible),
.feiler_art_page :where(:target) {
  scroll-margin-block: 8vh;
}
/* アクセシビリティ: 視覚的に隠す */
.feiler_art_page :where(.visually-hidden:not(:focus-within, :active)) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  user-select: none !important;
  border: 0 !important;
  clip-path: inset(50%) !important;
}
/* テキスト選択 */
.feiler_art_page :where(::selection) {
  color: #fff;
  background-color: #c4a86c;
}
/* PC時: 電話リンク無効化 */
@media screen and (width >= 48em) {
  .feiler_art_page :where(a[href^="tel:"]) {
    color: inherit !important;
    text-decoration: none !important;
    pointer-events: none;
  }
}
/* アクセシビリティ: モーション軽減 */
@media (prefers-reduced-motion: reduce) {
  .feiler_art_page :where(*),
  .feiler_art_page :where(::before),
  .feiler_art_page :where(::after) {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}
/* ============================================
 * General (scoped)
 * ============================================ */
/* コンテナ */
.feiler_art_page :where(.contentInner) {
  width: 100%;
  max-width: 430px;
  padding: 0 min(5.3333333333vw,40px);
  margin: auto;
}
@media screen and (width >= 48em) {
  .feiler_art_page :where(.contentInner) {
    padding: 0 20px;
  }
}
/* PC/SP出しわけ */
@media screen and (width < 48em) {
  .feiler_art_page :where(.pcOnly) {
    display: none !important;
  }
}
@media screen and (width >= 48em) {
  .feiler_art_page :where(.spOnly) {
    display: none !important;
  }
}
/* スクリーンリーダー用 */
.feiler_art_page :where(.txtHidden) {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}
/* 数字リセット（親要素以上に指定） */
.feiler_art_page :where(.countReset) {
  counter-reset: number 0;
}
/* キーボード操作時のみに表示 */
.feiler_art_page :where(.skipLink:focus-visible) {
  z-index: 999;
  width: 100%;
  height: 1.5em;
  color: #fff;
  outline-offset: 0;
  background-color: #c4a86c;
  clip: unset;
  clip-path: none;
}
/* frameコンテナ */
.feiler_art_page :where(.frameWrapper) {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}
.feiler_art_page :where(.frameWrapper iframe) {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
div.container_,
div.mainframe_,
.forcms_block {
  overflow: clip;
}
body {
  margin: auto;
}
.wrapper_ {
  padding-top: 0 !important;
}
@media screen and (max-width: 768px) {
  .feiler_art_page .art_movie_trigger {
    padding: calc(20/402*100vw) calc(11/402*100vw);
  }
  .visumo-art-block .hacobune-univideo .hacobune-app-container {
    width: 100%;
  }
  .visumo-art-block .hacobune-univideo .hacobune-unit-video {
    margin: 0 !important;
  }
  .hacobune-unit-video-outline {
    display: none !important;
  }
}