@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 {
  --main-color:#e59a15;/*黄色*/
  --Col-red:#a22b29;
  --Col-brown:#600000;
}
html { scroll-behavior: smooth }
aside { background: var(--main-color); padding: 0 }
aside.pcLeft a.draLogo { width: min(10vw,100px) }
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: var(--main-color) }
main {
  overflow: hidden;
  background-color: #FFF;
  font-size: min(5.1vw,28px);
  line-height: 1.4;
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: var(--Col-brown);
  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 }
.textRe,.textBoRe { color: var(--Col-red) }

/* contents */
.inner { width: 100%; max-width:760px; margin:auto; padding:min(6vw,2em) min(4vw,1em) min(6vw,3em); box-sizing:border-box }
.inner .inner { padding-left: 0; padding-right: 0 }
table.day {
  border: #600000 2px solid;
  width: 100%;
  margin-bottom: 1em;
  font-size:min(5vw,35px);
}
table.day th,
table.day td { padding: min(1.8vw,12px) min(1.5vw,10px) }
table.day th {
  font-family: "komu-b", sans-serif;
  font-weight: 400;
  color: #a22b29;
  border-right: #600000 2px solid;
  font-size: min(11vw,60px);
  line-height: 1;
  width: 23%;
}
table.day th span { font-size: min(7vw,40px); padding-left: 5px }
table.day td { text-align: left; font-weight: 700 }

/* TITLE */
h2 {
  margin: 0;
  border-left: none;
  padding: 0;
  min-height: initial;
  font-size: min(10vw,54px);
  font-family: "modern-love", sans-serif;
  font-weight: 400;
  line-height: 1.2;
  color: #600000;
  background-color: transparent;
  text-align: center
}
h3 {
  margin: 0.5em 0 1em;
  padding: 0.5em 0;
  min-height: initial;
  font-size: min(5.5vw,30px);
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  color: #600000;
  border-left: none;
  text-align: center;
  border-top: solid 2px;
  border-bottom: solid 2px;
}
h3 > span { font-size:min(5vw,28px); font-weight: normal }

/*ボタン*/
a[class^="btn"] {
  color: #FFF;
  text-decoration: none;
  display: block;
  text-align: center;
  padding:min(2vw,0.5em) 1em;
  margin-left: auto;
  margin-right: auto;
  background-color: #e59a15;
  border-radius: 50px;
  width: min(70vw,500px);
}

/* スケジュール */
article#scheduleWrap {
  background-color:#fff5ae;
  background-image: url(./image/partsW.svg);
  background-repeat: repeat-x;
  background-size: auto min(20vw,180px);
  background-position: bottom;
  padding-bottom: min(20.5vw,180px);
}
/* ビール＆チケット */
article#ticketWrap {
  background-color:#fff;
  background-image: url(./image/partsY2.svg);
  /* background-image: url(./image/partsY.svg); */
  background-repeat: repeat-x;
  background-size: auto min(20vw,180px);
  background-position: bottom;
  padding-bottom: min(20.5vw,180px);
}
/* ゲスト */
article#guestWrap {
  background-color:#fff5ae;
  background-image: url(./image/partsY.svg);
  background-repeat: repeat-x;
  background-size: auto min(20vw,180px);
  background-position: bottom;
  padding-bottom: min(20.5vw,180px);
}
article#guestWrap section .inner {
  background-image: url(./image/awaY2L.svg),url(./image/awaY2R.svg);
  background-repeat: no-repeat,no-repeat;
  background-size: auto min(12vw,75px),auto min(12vw,75px);
  background-position: top left,bottom right;
}
article#guestWrap .memo { border: #600000 2px solid; border-radius: 40px; padding: 1em }
/* プレゼント */
article#presentWrap {
  background-color:#f9c20d;
  background-image: url(./image/partsW.svg);
  background-repeat: repeat-x;
  background-size: auto min(20vw,180px);
  background-position: bottom;
  padding-bottom: min(20vw,180px);
}
article#presentWrap section .inner {
  background-image: url(./image/awaYL.svg),url(./image/awaYR.svg);
  background-repeat: no-repeat,no-repeat;
  background-size: auto min(12vw,75px),auto min(12vw,75px);
  background-position: top left,bottom right;
}
article#presentWrap h3 { border-color: #FFF }
article#presentWrap .memo { background-color: #FFF; border-radius: 40px; padding: 1em; text-align: center }
article#presentWrap .memo2 { border: #FFF 2px solid; background-color: transparent; border-radius: 0; text-align: left }
/* カンパイタイム */
article#cheersWrap {
  background-color:#fff;
  /* background-image: url(./image/partsY.svg); */
  background-repeat: repeat-x;
  background-size: auto min(20vw,180px);
  background-position: bottom;
  padding-bottom: min(20.5vw,180px);
}
article#cheersWrap h3 { border-color: #e59a15 }
/* グッズ */
article#goodsWrap { 
  background-color:#f9c20d;
  background-image: url(./image/partsW.svg);
  background-repeat: repeat-x;
  background-size: auto min(20vw,180px);
  background-position: bottom;
  padding-bottom: min(20vw,180px);
}
article#goodsWrap section .inner {
  background-image: url(./image/awaYL.svg),url(./image/awaYR.svg);
  background-repeat: no-repeat,no-repeat;
  background-size: auto min(12vw,75px),auto min(12vw,75px);
  background-position: top left,bottom right;
}
article#goodsWrap h3 { border-color: #fff }
article#goodsWrap .flexBox { line-height: 1.2 }
article#goodsWrap .flexBox > div { width:min(45vw,350px) }
article#goodsWrap .flexBox img { margin-bottom: 10px }
article#goodsWrap .price { color: #a22b29; font-family: "komu-b", sans-serif; font-size:min(6.5vw,40px); margin-bottom: 1em }
article#goodsWrap .price::after { content: "円"; font-family: "zen-kaku-gothic-antique", sans-serif; font-size:min(4.5vw,28px) }
/* グルメ */
article#gourmetsWrap {
  background-color:#fff;
  background-image: url(./image/partsY.svg);
  background-repeat: repeat-x;
  background-size: auto min(20vw,180px);
  background-position: bottom;
  padding-bottom: min(20.5vw,180px);
}

/* NEWS */
#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: var(--Col-brown);
}

/*FONT*/
.lh102 { line-height:1.2 }
.f13 { font-size:min(2.7vw,13px) }
.f30 { font-size:min(5.5vw,30px) }
.f40 { font-size:min(5vw,40px) }
.f42 { font-size:min(5.2vw,42px) }
.f44 { font-size:min(5.6vw,44px) }
.f50 { font-size:min(6vw,50px) }
.f60 { font-size: min(11vw,60px); line-height: 1 }


/*==================================================
～1040
==================================================*/
@media screen and ( max-width:1040px) {
  main > article { padding:0 }
  a[name] { display: block; margin-top:-80px; padding-top:80px }
  /* header */
  div.spHeader { min-width:initial }
  div.spHeader > h1 { margin-top: 80px }
/*～1040 END*/
}
/*==================================================
～670
==================================================*/
@media screen and ( max-width:670px ){
  a[name] { display: block; margin-top:-50px; padding-top:50px }
  /* header */
  div.spHeader { min-width:initial; margin-top: 0 }
  div.spHeader > h1 { margin-top: 50px }
/*～670 END*/
}

/*==================================================
FONT
==================================================*/
  *[class^="font"] { font-style: normal }
  .fontZenB { font-family: "zen-kaku-gothic-antique", sans-serif; font-weight: 700; font-style: normal }
  .fontKomu { font-family: "komu-b", sans-serif; font-weight: 400 }
/*
Zen Kaku Gothic Antique Medium
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 500;
font-style: normal;

Zen Kaku Gothic Antique Bold
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 700;
font-style: normal;

Modern Love Regular
font-family: "modern-love", sans-serif;
font-weight: 400;
font-style: normal;

Komu B
font-family: "komu-b", sans-serif;
font-weight: 400;
font-style: normal;
}
*/

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