@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;800&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Sawarabi+Gothic&family=Shippori+Mincho:wght@500;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap");
:root {
  --color1: #875a37;
  --color2: #347347;
  --color3: #948661;
  --cw: 750px;
  --secmg: 12vw;
  --bg1: #ffffff;
  --bg2: #ffc3d2;
  --bg3: #c4ebfa;
  --bg4: #fffac3; }

.cf:before,
.cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

.show-PC {
  display: block; }

.show-SP {
  display: none; }

p img.imsmall {
  max-width: 40%; }

p img.fll,
p .fll {
  float: left;
  margin: 0 0.5em 0.5em 0;
  max-width: 40%;
  text-align: center; }

p img.flr,
p .flr {
  float: right;
  margin: 0 0 0.5em 0.5em;
  max-width: 40%;
  text-align: center; }

p .fll img,
p .flr img {
  width: 100%; }

p img.sml {
  max-width: 20%; }

@media screen and (max-width: 767px) {
  .show-PC {
    display: none; }

  .show-SP {
    display: block; } }
@media screen and (min-width: 768px) {
  .show-PC {
    display: inherit; }

  .show-SP {
    display: none; } }
@media print {
  .show-PC {
    display: inherit; }

  .show-SP {
    display: none; } }
@media screen and (max-width: 767px) {
  .show-PC {
    display: none; }

  .show-SP {
    display: inherit; } }
.fadein {
  opacity: 0;
  transition: all 0.5s ease-in-out 0.1s; }

@media print {
  .fadein {
    opacity: 1;
    transition: none; } }
.fadeinRate {
  opacity: 0;
  transition: all 2.0s ease-in-out 0.3s; }

@media print {
  .fadein {
    opacity: 1;
    transform: translate(0);
    transition: none; } }
.fadeinT {
  opacity: 0;
  transform: translate(0, -20px);
  transition: all 0.5s ease-out 0.3s; }

@media print {
  .fadeinT {
    opacity: 1;
    transform: translate(0);
    transition: none; } }
.fadeinL {
  opacity: 0;
  transform: translate(-20px, 0);
  transition: all 0.5s ease-in-out 0.3s; }

@media print {
  .fadeinL {
    opacity: 1;
    transform: translate(0);
    transition: none; } }
.fadeinB {
  opacity: 0;
  transform: translate(0, 20px);
  transition: all 0.5s ease-in-out 0.3s; }

@media print {
  .fadeinB {
    opacity: 1;
    transform: translate(0);
    transition: none; } }
.fadeinR {
  opacity: 0;
  transform: translate(20px, 0);
  transition: all 0.5s ease-in-out 0.3s; }

@media print {
  .fadeinR {
    opacity: 1;
    transform: translate(0);
    transition: none; } }
.fadeinL {
  opacity: 0;
  transform: translate(0, -100);
  transition: all 0.5s ease-in-out 0.3s; }

@media print {
  .fadeinL {
    opacity: 1;
    transform: translate(0);
    transition: none; } }
.fadeinR {
  opacity: 0;
  transform: translate(0, 100);
  transition: all 0.5s ease-in-out 0.3s; }

@media print {
  .fadeinR {
    opacity: 1;
    transform: translate(0);
    transition: none; } }
.fadein.scrollin,
.fadeinRate.scrollin,
.fadeinT.scrollin,
.fadeinL.scrollin,
.fadeinB.scrollin,
.fadeinR.scrollin {
  opacity: 1;
  transform: translate(0, 0) scale(1); }

@media screen and (max-width: 767px) {
  .cmn-store-nav-sp {
    z-index: 200;
    background-color: #FFF; } }

#container {
  min-width: auto; }

#pagetop {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 68px;
  height: 68px;
  z-index: 2; }
  #pagetop a {
    display: block; }
  #pagetop img {
    width: 100%;
    height: auto; }

@media screen and (max-width: 767px) {
  #pagetop {
    width: 5.7vw;
    height: auto;
    bottom: 20vw; } }
@media print {
  #pagetop {
    display: none !important; } }
.curtain {
  position: fixed;
  inset: 0;
  z-index: 100;
  pointer-events: none;
  display: flex;
  opacity: 1; }

.curtain__left,
.curtain__right {
  width: 50%;
  height: 100%;
  transition: transform 2.4s cubic-bezier(0.77, 0, 0.18, 1);
  background-size: 100% 100%;
  background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    .curtain__left,
    .curtain__right {
      height: 100vh; } }

.curtain__vertical {
  height: 7.72727273vw;
  width: 100%;
  transition: transform 2.4s cubic-bezier(0.77, 0, 0.18, 1);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transform-origin: center top;
  background-image: url(/base/shinjuku/anniversary/img/aniv3_curtain_v.png);
  position: absolute;
  top: 166px;
  left: 0; }
  @media screen and (max-width: 767px) {
    .curtain__vertical {
      background-image: url(/base/shinjuku/anniversary/img/aniv3_curtain_v_sp.png);
      height: 13.86vw;
      top: 108px; } }

.curtain__left {
  transform-origin: left center;
  background-image: url(/base/shinjuku/anniversary/img/aniv3_curtain_l.png); }
  @media screen and (max-width: 767px) {
    .curtain__left {
      background-image: url(/base/shinjuku/anniversary/img/aniv3_curtain_l_sp.png); } }

.curtain__right {
  transform-origin: right center;
  background-image: url(/base/shinjuku/anniversary/img/aniv3_curtain_r.png); }
  @media screen and (max-width: 767px) {
    .curtain__right {
      background-image: url(/base/shinjuku/anniversary/img/aniv3_curtain_r_sp.png); } }

/* 読み込み完了後 */
body.is-loaded .curtain__left {
  transform: translateX(-100%) scaleX(90%); }

body.is-loaded .curtain__right {
  transform: translateX(100%) scaleX(90%); }

body.is-loaded .curtain__vertical {
  transform: translateY(-160%) scaleY(90%); }

body:not(.no-curtain) .aniv2__header {
  transform: scale(1.05); }

body.is-loaded .aniv2__header {
  transition: transform 2.4s cubic-bezier(0.77, 0, 0.18, 1);
  transform: scale(1); }

body.no-curtain .curtain {
  display: none; }

body.no-curtain .aniv2__header {
  transform: scale(1); }

.aniv2__wrapper {
  position: relative;
  width: 100%;
  overflow: hidden; }

.aniv2__header {
  position: relative;
  overflow: hidden;
  background-image: url(/base/shinjuku/anniversary/img/aniv2__header_bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding-bottom: var(--secmg); }

.aniv2__header--text {
  padding: 0 0;
  margin: 0 auto;
  position: relative;
  z-index: 2; }
  .aniv2__header--text img {
    width: 100%;
    height: auto; }

.aniv2__header--copy {
  font-family: "YakuHanJP", "Zen Kaku Gothic New", sans-serif;
  font-size: 2rem;
  line-height: 2.2;
  text-align: center;
  margin: 4rem 0;
  position: relative;
  z-index: 2; }
  @media screen and (max-width: 767px) {
    .aniv2__header--copy {
      font-size: 2.5rem;
      margin: 8rem 0; } }
  .aniv2__header--copy em {
    font-size: 125%;
    font-weight: normal;
    font-style: normal; }

.aniv3__visual {
  display: flex;
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  gap: 2rem 3rem;
  padding: 4rem;
  border: 1px solid var(--color1);
  border-radius: 5rem;
  background-color: #FFF;
  position: relative;
  z-index: 2; }
  @media screen and (max-width: 767px) {
    .aniv3__visual {
      width: 90%;
      margin: 0 auto;
      gap: 2rem; } }

.aniv3__visual--text h3 {
  font-family: "YakuHanJP", "Shippori Mincho", sans-serif;
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  color: var(--color1); }
.aniv3__visual--text .aniv3__visual--text1 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.5;
  margin-bottom: 1.5rem; }
.aniv3__visual--text .aniv3__visual--text2 {
  font-family: "YakuHanJP", "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-bottom: 1.5rem; }
  .aniv3__visual--text .aniv3__visual--text2 strong {
    color: var(--color1); }

.aniv2__nav--wrapper {
  padding: 6rem 0;
  position: relative;
  z-index: 2; }

.aniv2__nav--title {
  font-family: "YakuHanJP", "Shippori Mincho", sans-serif;
  color: #148cc8;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  margin-bottom: 4rem; }

.aniv2__nav--nav {
  max-width: 980px;
  margin: 0 auto; }
  .aniv2__nav--nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 3rem;
    justify-content: center;
    margin: 2rem auto 0; }
    @media screen and (max-width: 767px) {
      .aniv2__nav--nav ul {
        width: 76%; } }
    .aniv2__nav--nav ul li {
      width: fit-content; }
      @media screen and (max-width: 767px) {
        .aniv2__nav--nav ul li {
          width: 100%; } }
      .aniv2__nav--nav ul li a {
        font-family: "YakuHanJP", "M PLUS 1P", sans-serif;
        font-weight: 800;
        font-size: 2.8rem;
        background-color: #78c8eb;
        color: #FFF;
        text-decoration: none;
        border-radius: 3rem;
        display: flex;
        padding: 0.25em 1em;
        box-shadow: 4px 4px 0px 0px rgba(0, 77, 119, 0.4); }
        @media screen and (max-width: 767px) {
          .aniv2__nav--nav ul li a {
            box-shadow: 2px 2px 0px 0px rgba(0, 77, 119, 0.4); } }
        @media print {
          .aniv2__nav--nav ul li a {
            font-size: 1.4rem; } }
        .aniv2__nav--nav ul li a::before {
          content: "";
          width: 1.4em;
          height: 1.4em;
          background-image: url(/base/shinjuku/anniversary/img/anniv30_2_flower01.svg);
          background-repeat: no-repeat;
          background-size: contain;
          margin: auto 1rem auto 0; }
      .aniv2__nav--nav ul li:nth-child(2) a::before {
        content: "";
        background-image: url(/base/shinjuku/anniversary/img/anniv30_2_flower02.svg); }
      .aniv2__nav--nav ul li:nth-child(3) a::before {
        content: "";
        background-image: url(/base/shinjuku/anniversary/img/anniv30_2_flower03.svg); }

@keyframes rotate31_8 {
  0% {
    rotate: 0;
    perspective: 1; }
  100% {
    rotate: 360deg;
    perspective: 2; } }
.aniv2__category {
  position: relative;
  width: 100%;
  min-height: 50vw;
  padding: 30VW 0;
  overflow: hidden;
  counter-reset: num;
  margin-top: calc(-1 * var(--secmg));
  padding-bottom: calc(10vw + var(--secmg));
  z-index: 1; }
  @media print {
    .aniv2__category {
      page-break-before: always; } }
  .aniv2__category:last-child {
    padding-bottom: 10vw; }
  .aniv2__category::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -65vw;
    width: 230vw;
    height: 230vw;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    clip-path: circle(50% at 50% 50%);
    z-index: -1; }
    @media screen {
      .aniv2__category::before {
        animation: rotate31_8 240s linear 0s both infinite; } }
  .aniv2__category::after {
    content: "";
    display: block;
    position: absolute;
    top: 200vw;
    width: 100vw;
    height: 800vw;
    left: 0;
    z-index: -1; }
  .aniv2__category.aniv2__character::before {
    background-image: url(/base/shinjuku/anniversary/img/anniv30_3_circle01.svg);
    background-color: var(--bg1); }
  .aniv2__category.aniv2__character::after {
    background-color: var(--bg1); }
  .aniv2__category.aniv2__limited::before {
    background-image: url(/base/shinjuku/anniversary/img/anniv30_3_circle02.svg);
    background-color: var(--bg2); }
  .aniv2__category.aniv2__limited::after {
    background-color: var(--bg2); }
  .aniv2__category.aniv2__presents::before {
    background-image: url(/base/shinjuku/anniversary/img/anniv30_3_circle03.svg);
    background-color: var(--bg3); }
  .aniv2__category.aniv2__presents::after {
    background-color: var(--bg3); }
  .aniv2__category.aniv2__food::before {
    background-image: url(/base/shinjuku/anniversary/img/anniv30_3_circle04.svg);
    background-color: var(--bg4); }
  .aniv2__category.aniv2__food::after {
    background-color: var(--bg4); }

.aniv2__catetitle {
  font-family: "YakuHanJP", "M PLUS 1p", sans-serif;
  font-weight: 800;
  font-size: 3.5rem;
  text-align: center;
  color: var(--color1);
  margin-bottom: 6rem; }
  @media screen and (max-width: 767px) {
    .aniv2__catetitle {
      font-size: 4.5rem;
      margin-bottom: 4rem;
      width: 90%;
      margin-left: auto;
      margin-right: auto; } }
  .aniv2__character .aniv2__catetitle {
    color: var(--bg2); }
  .aniv2__limited .aniv2__catetitle {
    color: #FFF; }

.aniv2__item--wrapper {
  width: 100%;
  width: 100%;
  max-width: 618px;
  display: flex;
  justify-content: center;
  gap: 60px 36px;
  flex-wrap: wrap;
  margin: 60px auto; }
  @media screen and (max-width: 767px) {
    .aniv2__item--wrapper {
      width: 90%;
      gap: 10vw 4.2vw; } }
  .aniv2__character .aniv2__item--wrapper {
    background-color: var(--bg1); }
  .aniv2__limited .aniv2__item--wrapper {
    background-color: var(--bg2); }
  .aniv2__presents .aniv2__item--wrapper {
    background-color: var(--bg3); }
  .aniv2__food .aniv2__item--wrapper {
    background-color: var(--bg4); }
  .aniv2__item--wrapper.col3 {
    max-width: 944px; }

.aniv2__item {
  counter-increment: num;
  position: relative;
  width: calc((100% - 36px) / 2); }
  @media print {
    .aniv2__item {
      page-break-inside: avoid;
      top: 3rem; } }
  @media screen and (max-width: 767px) {
    .aniv2__item {
      width: calc((100% - 4.2vw) / 2); } }
  .aniv2__item::before {
    content: counter(num,decimal-leading-zero);
    font-family: "YakuHanJP", "M PLUS 1p", sans-serif;
    font-weight: 700;
    font-size: 5.5rem;
    position: absolute;
    top: -0.5em;
    left: 0;
    color: #ddd5b4;
    line-height: 1;
    z-index: 1; }
    .aniv2__limited .aniv2__item::before {
      color: #FFF; }
    @media screen and (max-width: 767px) {
      .aniv2__item::before {
        font-size: 5.8rem; } }
  .col3 .aniv2__item {
    width: calc((100% - 72px) / 3); }
    @media screen and (max-width: 767px) {
      .col3 .aniv2__item {
        width: calc((100% - 8.4vw) / 3); } }
  .aniv2__item.aniv2__item--wide {
    width: 100%; }
  .aniv2__item a {
    cursor: pointer; }

.aniv2__item--image {
  border-radius: 1rem;
  overflow: hidden;
  position: relative; }
  .aniv2__item--image img {
    width: 100%;
    height: auto; }
  .aniv2__item--image::after {
    content: "";
    display: block;
    width: 9.5%;
    height: auto;
    aspect-ratio: 1/1;
    background-image: url(/base/shinjuku/anniversary/img/aniv2__open.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    z-index: 2; }

.aniv2__item--title, .modalDetail__title {
  font-family: "YakuHanJP", "Zen Kaku Gothic New", sans-serif;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 1rem auto 0;
  color: var(--color1); }
  .aniv2__item--title i,
  .modalDetail__title i {
    font-style: normal;
    display: inline-block; }
  .aniv2__item--title a,
  .modalDetail__title a {
    color: inherit;
    text-decoration: none; }
  .aniv2__item--title small,
  .modalDetail__title small {
    font-size: 85%;
    font-weight: 500; }
  @media screen and (max-width: 767px) {
    .aniv2__item--title, .modalDetail__title {
      font-size: 3.0rem; } }
  @media print {
    .aniv2__item--title, .modalDetail__title {
      font-size: 1.4rem;
      line-height: 1.4; } }
  .aniv2__limited .aniv2__item--title,
  .aniv2__limited .modalDetail__title {
    color: #FFF; }
  @media screen and (max-width: 767px) {
    .col3 .aniv2__item--title, .col3 .modalDetail__title {
      font-size: 2.5rem; } }

.aniv2__item--date {
  font-family: "YakuHanJP", "M PLUS 1p", sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  text-align: left;
  margin-top: 1rem; }
  @media screen and (max-width: 767px) {
    .aniv2__item--date {
      font-size: 2.0rem; } }
  @media print {
    .aniv2__item--date {
      font-size: 1.0rem;
      line-height: 1.4; } }
  .aniv2__item--date i {
    font-style: normal;
    color: var(--color1); }
  .aniv2__item--date em {
    font-weight: inherit;
    color: #F00;
    font-style: normal; }

.aniv2__item--textinner {
  overflow: hidden;
  transition: all 0.3s ease-in-out 0.1s; }
  @media print {
    .aniv2__item--textinner {
      height: auto !important; } }

.aniv2__item--text:only-child {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 1rem;
  width: 100%;
  aspect-ratio: 1 / 1; }

.aniv2__item--detail {
  font-family: "YakuHanJP", "Zen Kaku Gothic New", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
  margin-top: 1rem; }
  .aniv2__item--detail i {
    font-style: normal;
    color: var(--color1); }
  .aniv2__item--detail em {
    font-weight: inherit;
    color: #F00;
    font-style: normal; }
  @media screen and (max-width: 767px) {
    .aniv2__item--detail {
      font-size: 2.0rem; } }
  @media print {
    .aniv2__item--detail {
      font-size: 1.0rem;
      line-height: 1.4; } }

.aniv2__item--inner2--wrapper {
  display: flex;
  gap: 40px; }
  @media screen and (max-width: 767px) {
    .aniv2__item--inner2--wrapper {
      gap: 6vw; } }

.aniv2__item--inner2 {
  width: calc(50% - 20px); }
  @media screen and (max-width: 767px) {
    .aniv2__item--inner2 {
      width: calc(50% - 3vw); } }

.aniv2__item--inner2--image {
  margin-bottom: 1rem; }
  @media screen and (max-width: 767px) {
    .aniv2__item--inner2--image {
      border-radius: 2vw;
      overflow: hidden; } }
  .aniv2__item--inner2--image img {
    width: 100%;
    height: auto; }

.aniv2__item--inner2--title {
  font-family: "YakuHanJP", "Zen Kaku Gothic New", sans-serif;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--color1);
  margin-bottom: 1rem; }

[data-readmore-toggle].readMore,
[data-readmore-toggle].readMore,
[data-readmore-toggle].readLess,
[data-readmore-toggle].readLess,
[data-readmore-toggle].readMore,
[data-readmore].readMore,
[data-readmore-toggle].readLess,
[data-readmore].readLess {
  position: relative;
  padding: 0.5em 1em;
  margin: 1rem auto 0 auto;
  line-height: 1;
  text-decoration: none;
  font-size: 1em;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 292px;
  text-align: center;
  color: var(--color2);
  border: 1px var(--color2) solid;
  border-radius: 2em;
  box-sizing: border-box; }

.readMore:before,
.readLess:before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-right: 1px var(--color2) solid;
  border-bottom: 1px var(--color2) solid;
  position: absolute;
  top: 30%;
  bottom: 0;
  right: 10%;
  transform: rotate(45deg); }

.readLess:before {
  transform: rotate(225deg);
  top: 40%; }

.open [data-readmore-toggle].readMore,
.open [data-readmore-toggle].readMore,
.open [data-readmore-toggle].readLess,
.open [data-readmore-toggle].readLess,
.open [data-readmore-toggle].readMore,
.open [data-readmore].readMore,
.open [data-readmore-toggle].readLess,
.open [data-readmore].readLess,
.open .todetail a {
  display: none; }

@media print {
  [data-readmore-toggle].readMore,
  [data-readmore-toggle].readMore,
  [data-readmore-toggle].readLess,
  [data-readmore-toggle].readLess,
  [data-readmore-toggle].readMore,
  [data-readmore].readMore,
  [data-readmore-toggle].readLess,
  [data-readmore].readLess {
    display: none; } }
.btn {
  background-color: var(--color1);
  color: #FFF;
  padding: 0.5em 1em;
  font-size: 1.5rem;
  line-height: 1;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2em;
  margin: 1rem auto;
  position: relative; }
  .btn::after {
    content: "";
    width: 0.5em;
    height: 0.5em;
    border-right: 1px #FFF solid;
    border-bottom: 1px #FFF solid;
    position: absolute;
    top: 38%;
    bottom: 0;
    right: 5%;
    transform: rotate(-45deg); }

/* modalDetail */
.modalDetail {
  padding: 6rem 20%; }
  @media screen and (max-width: 767px) {
    .modalDetail {
      padding: 8vw; } }

.aniv2__item--categorytitle {
  font-family: "YakuHanJP", "Zen Kaku Gothic New", sans-serif;
  font-size: 3.5rem;
  font-weight: 800;
  line-height: 1.4;
  margin: 0 auto 2rem;
  text-align: center;
  color: var(--color1); }
  .aniv2__item--categorytitle small {
    font-size: 68%;
    display: inline-block;
    line-height: 1.4; }

.modalDetail__title {
  color: var(--color1); }

.modalDetail__image img {
  width: 100%;
  height: auto;
  border-radius: 1.5rem; }

.modalDetail__spec--date,
.modalDetail__spec--place,
.modalDetail__description {
  font-family: "YakuHanJP", "Zen Kaku Gothic New", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6; }
  .modalDetail__spec--date i,
  .modalDetail__spec--place i,
  .modalDetail__description i {
    font-style: normal;
    color: var(--bg2); }
  @media screen and (max-width: 767px) {
    .modalDetail__spec--date,
    .modalDetail__spec--place,
    .modalDetail__description {
      font-size: 2.0rem; } }

.modalDetail__spec + .modalDetail__description {
  margin-top: 1em; }

/* slick
--------------------------------------------------------- */
.slick-loading .slick-list {
  background: url(/base/departmentstore/common/img/loading.gif) center center no-repeat #FFF; }

.slider2 .slick-prev,
.slider2 .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  display: block;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  box-sizing: border-box;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%; }

.slider2 .slick-prev {
  left: 1rem;
  top: 50%;
  width: 2rem;
  height: 2rem;
  background: url(/base/departmentstore/common/img/main_slider_prev3.png);
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-color: rgba(160, 160, 160, 0.8);
  z-index: 100; }

.slider2 .slick-next {
  right: 1rem;
  top: 50%;
  width: 2rem;
  height: 2rem;
  background: url(/base/departmentstore/common/img/main_slider_next3.png);
  background-position: left 0.75rem center;
  background-repeat: no-repeat;
  background-color: rgba(160, 160, 160, 0.8);
  z-index: 100; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 0px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 2px;
  padding: 0;
  cursor: pointer; }

.slick-dots li:first-child:last-child {
  display: none; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 5px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  content: '';
  text-align: center;
  background-color: #000;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #CCC; }

.modalDetail__close {
  width: fit-content;
  position: absolute;
  top: 3rem;
  right: 3rem; }
  .modalDetail__close a {
    background-color: var(--color1);
    display: flex;
    width: 5rem;
    height: 5rem;
    aspect-ratio: 1/1;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    z-index: 100;
    position: relative;
    transform: rotate(45deg);
    cursor: pointer; }
    .modalDetail__close a::before {
      content: "";
      width: 1px;
      height: 3.6rem;
      position: absolute;
      top: 12%;
      right: 50%;
      background-color: #fff; }
    .modalDetail__close a::after {
      content: "";
      width: 3.6rem;
      height: 1px;
      position: absolute;
      top: 50%;
      right: 12%;
      background-color: #fff; }

@media print {
  .slick-track {
    flex-direction: column !important; }

  .slick-list {
    overflow: visible !important; }

  .slick-slider .slick-track,
  .slick-slider .slick-list {
    width: auto !important;
    height: auto !important;
    transform: none !important;
    overflow: visible !important; }

  .slick-track .slick-slide {
    display: block !important;
    overflow: visible !important; }

  .slick-arrow,
  .slick-dots,
  .slick-track .slick-cloned {
    display: none !important; } }
@media screen {
  .andmore .andmore__items {
    display: none; } }
.andmore__title {
  width: fit-content;
  margin: 0 auto; }
  .andmore__title a {
    font-family: "YakuHanJP", "Zen Kaku Gothic New", sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    margin: 0 auto;
    text-align: center;
    background-color: var(--color1);
    color: #FFF;
    padding: 1.5em 10em;
    border-radius: 4rem;
    min-width: 300px;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer; }
    @media screen and (max-width: 767px) {
      .andmore__title a {
        font-size: 2rem; } }
    .andmore__title a::after {
      content: "";
      position: absolute;
      width: 1em;
      height: 1em;
      border-right: 1px #FFF solid;
      border-bottom: 1px #FFF solid;
      position: absolute;
      top: calc(50% - 0.5em);
      right: calc(10% - 0.5em);
      transform: rotate(45deg); }

.footer__note {
  padding: 6rem 0;
  text-align: center; }

/*# sourceMappingURL=index.css.map */