:root{
  --font-mincho: "Shippori Mincho", serif;
  --font-noto: "Noto Sans JP", sans-serif;
}
.page-event .pane-left-menu{
  display: none;
}
.page-event .pane-contents .container {
  width: 100%;
}
.page-event .pane-contents .container .pane-main {
  width: 100%;
}
.e0032scug{
  font-family: var(--font-noto);
  color: #40312A;
}
.e0032scug .inner{
  width: clamp(1200px, 100%, 1720px);
  margin: 0 auto;
  padding: 0 60px;
}
.e0032scug .mv h1{
  margin: 0;
}
.e0032scug .mv{
  margin: 0 0 80px;
}
.e0032scug .mv img{
  width: 100%;
  display: block;
}
.e0032scug .headline{
  font-family: var(--font-mincho);
  font-size: 42px;
  font-weight: 800;
  margin: 0 0 30px;
}
.e0032scug .headline .en{
  font-size: 16px;
  color: #B92F27;
  font-weight: 400;
  letter-spacing: 0.096em;
  display: block;
}
.e0032scug .intro{
  margin: 0 0 100px;
}
.e0032scug .intro__head{
  position: relative;
  padding-right: 400px;
}
.e0032scug .intro__head::after{
  content: "";
  width: 405px;
  height: 254px;
  background: url(deco01.png?v2) center center / contain no-repeat;
  position: absolute;
  top: -20px;
  right: 0;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .8s ease .15s, transform .8s ease .15s;
  pointer-events: none;
}
.e0032scug .intro__head.is-inview::after{
  opacity: 1;
  transform: translateY(0);
}
.e0032scug .intro__head p{
  font-size: 20px;
  line-height: 1.8;
}
.e0032scug .intro__list{
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  margin: 50px 0 0;
}
.e0032scug .intro__item{
  width: calc((100% - 96px) / 4);
  border: 2px solid #DDD6C6;
  border-radius: 10px;
  overflow: hidden;
}
.e0032scug .intro__img img{
  width: 100%;
  height: auto;
  border-radius: 8px 8px 0 0;
}
.e0032scug .intro__desc{
  padding: 10px 20px 20px;
}
.e0032scug .intro__desc h3{
  font-family: var(--font-mincho);
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 10px;
}
.e0032scug .intro__desc p{
  font-size: 16px;
  color: #6B6763;
  text-align: center;
}
.e0032scug .recommend{
  background: url(bg.jpg);
  margin: 0 0 74px;
}
.e0032scug .recommend .inner{
  position: relative;
}
.e0032scug .recommend .inner::before{
  content: "";
  width: 439px;
  height: 136px;
  background: url(deco02.png?v0) center center / contain no-repeat;
  position: absolute;
  top: 90px;
  right: -160px;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .8s ease .15s, transform .8s ease .15s;
  pointer-events: none;
}
.e0032scug .recommend .inner::after{
  content: "";
  width: 360px;
  height: 505px;
  background: url(deco03.png?v0) center center / contain no-repeat;
  position: absolute;
  bottom: 0;
  left: -160px;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .8s ease, transform .8s ease;
  transition-delay: .15s;
  pointer-events: none;
}
.e0032scug .recommend .inner.is-inview-before::before{
  opacity: 1;
  transform: translateY(0);
}
.e0032scug .recommend .inner.is-inview-after::after{
  opacity: 1;
  transform: translateY(0);
}
.e0032scug .recommend__fade-anchor{
  display: block;
  width: 0;
  height: 0;
}
.e0032scug .recommend .inner{
  padding: 90px 60px 130px;
}
.e0032scug .recommend .headline {
  margin-bottom: 50px;
}
.e0032scug .recommend__list{
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  position: relative;
  z-index: 1;
}
.e0032scug .recommend__item{
  width: calc((100% - 40px) / 2);
  border: 2px solid #DDD6C6;
  border-radius: 10px;
  overflow: hidden;
  background: #FFF;
  padding: 24px;
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.e0032scug .recommend__img{
  width:  calc((100% - 24px)*0.455);
  overflow: hidden;
  border-radius: 6px;
}
.e0032scug .recommend__img a:hover img{
  opacity: 1;
}
.e0032scug .recommend__img img{
  display: block;
  border-radius: 6px;
  transition: transform .4s;
}
.e0032scug .recommend__img img:hover{
  transform: scale(1.08);
}
.e0032scug .recommend__desc{
  width:  calc((100% - 24px)*0.545);
}
.e0032scug .recommend__desc h3{
  font-family: var(--font-noto);
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  line-height: 1.4;
  margin: 0 0 16px;
}
.e0032scug .recommend__desc p{
  font-size: 14px;
  color: #6B6763;
}
.e0032scug .recommend__comment{
  background-color: #EFEADF;
  margin: 16px 0;
  border-left: 4px solid #93712F;
  padding: 12px;
}
.e0032scug .recommend__comment-ttl{
  font-weight: 500;
  color: #93712F;
  margin: 0 0 10px;
}
.e0032scug .recommend__price{
  font-size: 18px;
  font-weight: bold;
}
.e0032scug .recommend__price .tax{
  font-size: 14px;
  font-weight: 500;
}
.e0032scug .recommend__btn{
  font-size: 18px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: #A83228;
  border-radius: 30px;
  margin: 16px 0 0;
  padding: 9px;
  display: block;
  transition: opacity .3s;
}
.e0032scug .recommend__btn:hover{
  opacity: 0.7;
}
.e0032scug-more-btn{
  font-family: var(--font-noto);
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  width: 440px;
  height: 70px;
  background: #A83228;
  border-radius: 40px;
  margin: 80px auto 0;
  padding: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity .3s;
}
.e0032scug-more-btn:hover{
  opacity: 0.7;
}
[data-browse-mode="P"] .block-event-page--goods{
  width: clamp(1200px, 100%, 1720px);
  margin: 0 auto;
  padding: 0 60px;
}
[data-browse-mode="P"] .block-event-page--goods .block-ranking-r--items {
  gap: 30px 25px;
}
[data-browse-mode="P"] .block-event-page--goods .block-ranking-r--items > li {
  width: calc((100% - 100px) / 5);
  margin: 0;
}
[data-browse-mode="P"] .block-event-page--goods .block-ranking-r--goods-image figure {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
[data-browse-mode="P"] .block-event-page--goods .block-ranking-r--goods-image figure img{
  border-radius: 6px;
}

/* ====================
SP
==================== */
[data-browse-mode="S"] .e0032scug .inner {
  width: 100%;
  padding: 0 20px;
}
[data-browse-mode="S"] .e0032scug .mv {
  margin-bottom: 50px;
}
[data-browse-mode="S"] .e0032scug .intro__head {
  padding-right: 0;
}
[data-browse-mode="S"] .e0032scug .intro__head::after {
  width: 222px;
  height: 139.5px;
  top: -45px;
  right: -55px;
}
[data-browse-mode="S"] .e0032scug .headline {
  font-size: 30px;
}
[data-browse-mode="S"] .e0032scug .headline .en {
  font-size: 13px;
}
[data-browse-mode="S"] .e0032scug .intro {
  margin-bottom: 40px;
}
[data-browse-mode="S"] .e0032scug .intro__head p {
  font-size: 15px;
}
[data-browse-mode="S"] .e0032scug .intro__list {
  gap: 17px;
  margin-top: 30px;
}
[data-browse-mode="S"] .e0032scug .intro__item {
  width: calc((100% - 17px) / 2);
  border-radius: 6px;
}
[data-browse-mode="S"] .e0032scug .intro__img img {
  border-radius: 4px 4px 0 0;
}
[data-browse-mode="S"] .e0032scug .intro__desc {
  padding: 10px 9px 16px;
}
[data-browse-mode="S"] .e0032scug .intro__desc h3 {
  font-size: 16px;
}
[data-browse-mode="S"] .e0032scug .intro__desc p {
  font-size: 12px;
  text-align: left;
}
[data-browse-mode="S"] .e0032scug .recommend .inner {
  padding: 40px 20px;
}
[data-browse-mode="S"] .e0032scug .recommend .inner::before {
  width: 222px;
  height: 312px;
  background: url(deco04.png) center center / contain no-repeat;
  top: 15px;
  right: 0px;
}
[data-browse-mode="S"] .e0032scug .recommend .inner::after {
  display: none;
}
[data-browse-mode="S"] .e0032scug .recommend .headline {
  margin-bottom: 30px;
}
[data-browse-mode="S"] .e0032scug .recommend__list {
  gap: 20px;
}
[data-browse-mode="S"] .e0032scug .recommend__item {
  flex-wrap: wrap;
  width: 100%;
  border-radius: 6px;
  padding: 20px 20px 24px;
  gap: 12px;
}
[data-browse-mode="S"] .e0032scug .recommend__img {
  width: 78.5%;
  margin: 0 auto;
}
[data-browse-mode="S"] .e0032scug .recommend__desc {
    width: 100%;
}
[data-browse-mode="S"] .e0032scug .recommend__desc h3 {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 12px;
}
[data-browse-mode="S"] .e0032scug .recommend__comment {
  margin: 12px 0;
}
[data-browse-mode="S"] .e0032scug .recommend__btn {
  font-size: 16px;
  padding: 10px;
}
[data-browse-mode="S"] .e0032scug-more-btn {
  font-size: 18px;
  width: calc(100% - 40px);
  height: 60px;
  margin: 40px auto 60px;
  padding: 10px;
}

@media (prefers-reduced-motion: reduce) {
  .e0032scug .intro__head::after,
  .e0032scug .recommend .inner::before,
  .e0032scug .recommend .inner::after {
    transition: none;
    opacity: 1;
    transform: none;
  }
}