@import url("/js/slick/slick.css");
@import url("/js/slick/slick-theme.css");
@import url('https://fonts.googleapis.com/css2?family=LINE+Seed+JP:wght@100;400;700;800&display=swap');

:root {
  --Col-blue:#0052C1;
  --Col-navy:#092A73;
  --Col-red:#E6021A;
  --Col-brown:#5E4616;
}
html { scroll-behavior: smooth }
aside { background: #F5E3BD; padding: 0 }
aside.pcLeft a.draLogo { width: min(10vw,100px); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%) }
aside.pcLeft .logoWrap { background: url(./image/logoBg.webp); background-position: center center; width: 100%; height: min(100%,816px); display: flex; align-items: center; justify-content: center }
aside.pcNavi { background-color: #5E4616 }
main {
  overflow: hidden;
  background-color: #FFF;
  font-size: min(5.1vw,28px);
  line-height: 1.4;
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
  position: relative;
}
section { position: relative; box-sizing: border-box }
a[name] { margin-top: -33px; padding-top: 33px }
.full-image > img { display: block; margin-left: auto; margin-right: auto }

/*ボタン*/
.btn { display: inline-block; font-size: min(5vw,26px); padding: 0.3rem 0; border-radius: 50px; text-decoration: none; width: min(80%,380px); font-weight: 700 }
a.btn.blue { background-color: var(--Col-blue); color: #FFF }
a.btn.brown { background-color: var(--Col-brown); color: #FFF }
a.btn.right { border-radius: 12px 0 0 12px; position: absolute; right: 0; padding: 10px 20px; width: min(50%,300px) }
a.btn.icon { display: flex; align-items: center }
a.btn.icon::after { content: ""; width: min(30px); height: min(30px); background: url(./image/btnIcon.webp) no-repeat; display: block; margin-left: 1rem }
.btn.noLink { background-color: #999; color: #FFF }
/* TITLE */
h2 { font-family: "ab-quadra", sans-serif; color: var(--Col-navy); font-size: min(10vw,60px); text-align: center }
/* CONTENTS */
.inner { width:min(100%,750px); margin: 0 auto; padding: 2rem 0; box-sizing: border-box }
#eventWrap::before,
#presentWrap::before,
#ticketWrap::before,
#goodsWrap::before,
#gourmetWrap::before,
#newsWrap::before { content: ""; display: block; width: 100%; height: min(4vw,40px); background: url(./image/sectionLine.webp) center top / cover no-repeat }
img[src*="Title.webp"] { width:min(80%,420px) }
/* スケジュール */
#scheduleWrap { background: url(./image/scheduleBg.webp) no-repeat; background-size: cover; padding: 2rem 1rem }
#scheduleWrap .inner { padding: 0 }
#scheduleWrap .inCont { background-color: #FFF; border-radius: 20px; padding:1rem }
/* イベント */
#eventWrap { background-image: url(./image/eventBg1.webp),url(./image/eventBg2.webp); background-repeat: no-repeat,repeat-y; background-size: 100% auto; background-position:center top min(4vw,40px),center top min(4vw,40px) }
#eventWrap h3 { font-family: "LINE Seed JP", sans-serif; font-weight: 800; font-size: min(6vw,36px); color: var(--Col-navy); background: url(./image/scheduleLine1.webp) repeat-x bottom left / auto 14%; padding-bottom: 1rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 1rem }
#eventWrap h3 > span { color: var(--Col-red); font-weight: 400; font-size: min(4vw,22px); display: block; border: var(--Col-red) 1px solid; border-radius: 6px; padding: 0.1rem min(1vw,0.5rem); margin-left: auto }
#eventWrap .inCont { background-color: #FFF; border-radius: min(3vw,20px); padding:min(4.5vw,1.5rem) min(4.5vw,2rem); border: var(--Col-navy) 3px solid; margin: 1rem 1rem 2.5rem; position: relative }
#eventWrap .inCont::before,
#eventWrap .inCont::after { content: ""; display: block; background-image: url(./image/eventBg3.webp); background-size: 100% auto; background-repeat: no-repeat; height: min(4vw,28px); width: min(98%,695px); position: absolute; left: min(1vw,0.5rem) }
#eventWrap .inCont::before { top: min(1vw,0.5rem) }
#eventWrap .inCont::after { transform: rotate(180deg); bottom: min(1vw,0.5rem) }
#eventWrap .inCont .flexBox { gap: 10px; justify-content: center }
#eventWrap .inCont .flexBox img { width: min(12vw,98px) }
/* プレゼント */
#presentWrap { background-image: url(./image/presentBg1.webp),url(./image/presentBg2.webp); background-repeat: no-repeat,repeat-y; background-size: 100% auto; background-position:center top min(4vw,40px),center top min(4vw,40px) }
#presentWrap .inCont { width: min(100%,620px);  margin: 1rem auto 2.5rem; background: url(./image/presentBg3.webp) no-repeat bottom center / 100% auto; padding:1rem 1rem 5rem; box-sizing: border-box }
#presentWrap h3 { font-family: "ab-quadra", sans-serif; font-weight: 400; font-size: min(6.5vw,42px); line-height: 1.2; color: var(--Col-brown); margin-bottom: 0.5rem }
#presentWrap .flexBox > img { margin-right: 0.8rem; width: min(20vw,140px) }
/* チケット */
#ticketWrap { background-image: url(./image/eventBg1.webp),url(./image/eventBg2.webp); background-repeat: no-repeat,repeat-y; background-size: 100% auto; background-position:center top min(4vw,40px),center top min(4vw,40px) }
#ticketWrap .inCont { padding:min(4.5vw,1.5rem) min(4.5vw,2rem) }
#ticketWrap .inCont .flexBox { gap: 10px; justify-content: center }
#ticketWrap .inCont .flexBox img { width: min(12vw,98px) }
#ticketWrap h3 { font-family: "LINE Seed JP", sans-serif; font-weight: 800; font-size: min(6vw,36px); color: var(--Col-navy); margin-bottom: 1rem }
/* 新着情報 */
#newsWrap ul { padding: 1rem 1rem 3rem }
#newsWrap ul li { border-bottom: #B4B4B5 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: #0052C1;
}

/*==================================================
FONT
==================================================*/
  *[class^="font"] { font-style: normal }/*fontで始まる*/
/*
AB-quadra Regular
font-family: "ab-quadra", sans-serif;
font-weight: 400;
font-style: normal;

.line-seed-jp-thin {
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.line-seed-jp-regular {
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.line-seed-jp-bold {
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.line-seed-jp-extrabold {
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 800;
  font-style: normal;
}
*/

/*==================================================
～960
==================================================*/
@media screen and ( max-width:960px) {
  a[name] { margin-top: -20.5vw; padding-top: 20.5vw }
}