@import url("/js/slick/slick.css");
@import url("/js/slick/slick-theme.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

:root {
  --Col-purple:#b1b1ff;
  --Col-pink:#ff85bf;
  --Col-Rblue:#78eae7;
  --Col-yellow:#dbf200;
  --Col-blue:#0056d3;
}
html { scroll-behavior: smooth }
aside { background-image: url(./image/bg1.webp),url(./image/bg2.webp),url(./image/bg.webp); background-repeat: repeat-x,repeat-x,repeat; background-size: 70px auto,70px auto,auto; padding: 0 }
aside.pcLeft { background-position: left top,left bottom,center }
aside.pcLeft a.draLogo { width: min(10vw,100px) }
aside.pcLeft .logoWrap { display: flex; align-items: center; justify-content: center }
aside.pcLeft a.cLogo { width: auto }
aside.pcLeft a.cLogo > img { width: min(100%,360px) }
aside.pcNavi { background-position: left top,left bottom,center }
main {
  overflow: hidden;
  background-color: #FFF;
  font-size: min(3.4vw,21px);
  line-height: 1.6;
  font-family: "heisei-maru-gothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
  position: relative
}
section { position: relative; box-sizing: border-box; padding: min(3vw,100px) }
a[name] { margin-top: -33px; padding-top: 33px }
.full-image > img { display: inline-block; margin-left: auto; margin-right: auto }

/*ボタン*/

/* TITLE */
h2 { text-align: center }

/* CONTENTS */
.inner { box-sizing: border-box }
img[src*="Title.webp"] { width:auto; max-width: 100%; margin: auto }
img[src*="btn.webp"] { width:min(65vw,340px); margin: auto }

/* スケジュール */
#scheduleWrap { background-color: #ededed; padding: 0; }
#scheduleWrap .inner { padding-bottom: min(7vw,4rem); }
#scheduleWrap .inner .inDoc {
  background-image: url(./image/scheBg1.webp);
  background-repeat: no-repeat;
  background-position: center top 1rem;
  background-size: min(100%,670px) auto;
  padding: min(20vw,130px) 0 min(18vw,110px);
  margin-bottom: 2rem;
}
#scheduleWrap .inner .inDoc > p { width: min(64vw,460px); margin-bottom: 0; margin-left: calc(50% - min(27vw,200px)); }
#scheduleWrap .full-image.day { background-image: url(./image/dateBg.webp); background-position: center; background-size: 100% auto; background-repeat: no-repeat; padding-bottom: 2.2rem }

/* プレゼント */
#presentWrap { background: url(./image/bg3.webp) repeat center; background-size:min(10vw,60px) auto }
#presentWrap h3 {
  font-family: "heisei-maru-gothic-std", sans-serif;
  font-weight: 800;
  font-size: min(6.5vw,50px);
  line-height: 1.2;
  text-align: center;
}
#presentWrap .inner {
  width: min(100%,684px);
  margin: auto;
  background-image: url(./image/presentBg.webp);
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: min(40%,270px) 0 min(22%,140px);
}

/* イベント */
#eventWrap { background-color: #ededed }
#eventWrap .inner {
  width: min(100%,690px);
  background-image: url(./image/eventBg.webp);
  background-size: min(90.3vw,662px) auto;
  background-position: right bottom;
  background-repeat: no-repeat;
  margin: 0 auto 3rem;
  box-sizing: border-box;
  padding: min(5vw,2rem) min(10vw,60px) min(5vw,2rem) min(15vw,80px);
}
#eventWrap .time { width:min(100%,690px); margin: auto }
#eventWrap h3 {
  font-family: "heisei-maru-gothic-std", sans-serif;
  font-weight: 800;
  font-size: min(6.5vw,50px);
  line-height: 1.2;
  text-align: center;
  margin-bottom: 1rem;
}

/* チケット */
#ticketWrap { background: url(./image/bg3.webp) repeat center; background-size:min(10vw,60px) auto }
#ticketWrap h3 {
  font-family: "heisei-maru-gothic-std", sans-serif;
  font-weight: 800;
  font-size: min(6.5vw,50px);
  line-height: 1.2;
  text-align: center;
}

/* グルメ */
/* グッズ */

/* 新着情報 */
#newsWrap { background-color:#78eae7; background-image: url(./image/newsBg.webp); background-repeat: repeat-x; background-position: top; padding-top: 6rem; padding-bottom: 0 }
#newsWrap ul { padding: 1rem 0 3rem }
#newsWrap ul li { border-bottom: #FFF 2px solid; padding: 1rem 0 }
#newsWrap ul li a { display: flex; color: #000; text-decoration: none }
#newsWrap ul li a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
  padding-right: 0.8rem;
  color: var(--Col-purple);
}

/*==================================================
FONT
==================================================*/
  *[class^="font"] { font-style: normal }/*fontで始まる*/
/*
Heisei Maru Gothic Std W4
font-family: "heisei-maru-gothic-std", sans-serif;
font-weight: 400;
font-style: normal;

Heisei Maru Gothic Std W8
font-family: "heisei-maru-gothic-std", sans-serif;
font-weight: 800;
font-style: normal;

Bebas Neue Pro Bold
font-family: "bebas-neue-pro", sans-serif;
font-weight: 600;
font-style: normal;

Sofia Pro Soft Bold Italic
font-family: "sofia-pro-soft", sans-serif;
font-weight: 700;
font-style: italic;

.noto-serif-jp-<uniquifier> {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/

/*==================================================
～960
==================================================*/
@media screen and ( max-width:960px) {
  a[name] { margin-top: -20.5vw; padding-top: 20.5vw }
  img[src*="Title.webp"] { max-width: 80% }
  #scheduleWrap .full-image.day { background-size: 130% auto; padding: 0 1rem 2rem }
}
@media screen and ( max-width:500px) {
}