@import url("/js/slick/slick.css");
@import url("/js/slick/slick-theme.css");

html { scroll-behavior: smooth }
body {
  background-image: none;
  padding: 0;
  margin: 0;
  height: 100%;
  -webkit-text-size-adjust: none;
  min-width: initial;
  font-size: 16px;
}
main {
  background-color: #030f33;
  padding-bottom: 0;
  font-family: "source-han-serif-jp-subset", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #FFF;
  overflow: hidden;
  font-size:min(3.7vw,17px);
  line-height: 1.4
}
#TOP { padding-top: 100px; margin-top: -100px }
a[name] { display: block; margin-top:-100px; padding-top:100px }

/* header */
div.spHeader { min-width:1000px; position:relative; z-index:2 }
div.spHeader > h1 { background-image: url(./image/mainView.jpg) }

/* contents */
.inner { width: 100%; max-width:780px; margin:auto; padding:min(6vw,2em) min(3vw,1em); box-sizing:border-box }
article.bg {
  background-image: url(./image/bg2.webp),url(./image/bg3.webp);
  background-position: center top -130px,center bottom -130px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.date { font-family: "meno-text", serif;font-weight: 700;font-style: normal; font-style: italic; text-align: left; }
.date > span { font-style: normal; font-size: min(4.5vw,24px); padding:0 8px; }
.Sat { color: #009cd2 }
.Holi { color: #db212f }

/*ボタン*/
a.btn {
  background-color:#05118a;
  color:#FFF;
  margin:auto;
  display:block;
  text-align:center;
  border-radius:15px;
  box-sizing:border-box;
  padding: 1rem;
  font-weight: 700;
  font-size: min(3vw,18px);
}

/*TITLE*/
h2 {
  margin: 0 0 min(2vw,2rem);
  border-left: none;
  padding: 1rem;
  min-height: initial;
  font-size: min(12vw,58px);
  font-weight: bold;
  line-height: 1;
  color: #FFF;
  background-color:transparent;
  font-family: "meno-text", serif;
  font-weight: 700;
  font-style: italic;
  text-align: center;
}
h2 > span {
  display: block;
  font-size: min(4vw,17px);
  border-top: #FFF 1px solid;
  width: min(50vw,160px);
  margin: 1rem auto 0;
  padding: 1rem 0 0;
  font-style: normal;
}
h3 {
  margin: 0 0 min(2vw,1rem);
  padding: 0;
  min-height: initial;
  font-size: min(5vw,25px);
  line-height: 1.2;
  border: none;
  color: #05118a;
}

/* 日程 */
#scheduleWrap { background-image: url(./image/bg1.webp); background-size: cover }
/* ゲスト */
#guestWrap .inner {
  background: url(./image/guestBg.webp),linear-gradient(110deg,rgb(206,15,11), rgba(255,157,0,0.5));
  background-size: 100% auto,cover;
  background-repeat: no-repeat;
}
#guestWrap .inner .inCont { background-color:#FFF; border-radius: 10px; padding:min(2vw,1rem) min(4vw,2rem); width: min(80vw,645px); margin: auto; color: #000; box-sizing: border-box }
/*プレゼント*/
#presentWrap .inner { background: linear-gradient(180deg,rgb(0,0,56) 50%, rgba(0,0,56,0.4)) }
#presentWrap .inner .inCont { padding:min(2vw,1rem) min(4vw,2rem); width: min(80vw,640px) }
#presentWrap h3 { color: #FFF }
#presentWrap a.btn { background-color: #f44b34 }
/* イベント */
#eventWrap .inner {
  background: url(./image/eventBg.webp),linear-gradient(230deg,rgb(5,29,170),rgb(3,87,170)20%,rgb(0,149,170), rgba(125,153,87,0.78)80%,rgba(255,157,0,0.7));
  background-size: 100% auto,cover;
  background-repeat: no-repeat;
}
#eventWrap .inner .inCont {
  background-image:url(./image/eventBg1.webp);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding:min(3vw,1.5rem);
  width: min(80vw,645px);
  margin: auto;
  color: #000;
  box-sizing: border-box
}
#eventWrap .inner .inCont .inContIn { background-color: #FFF; border-radius: 10px; padding:min(2vw,1rem) min(4vw,2rem); }
/*グルメ*/

/* NEWS */
#newsWrap { background: #05118a; color:#FFF; position:relative; z-index:1 }
#newsWrap li { border-bottom:#FFF 2px solid; padding:0 }
#newsWrap li a { padding:min(4vw,1em) 0; display:flex; align-items: flex-start; justify-content: flex-start; color:#FFF; font-weight: 900; }
#newsWrap li a > span { width:98% }
#newsWrap li a:before { font-family:"Font Awesome 6 Free"; content:"\f0da"; font-weight:900; color:#db212f; width:2%; margin-right:1% }
#newsWrap li a:hover { text-decoration:none }


/*FONT*/
.lh102 { line-height:1.2 }
.f12 { font-size:12px }
.f30 { font-size:min(5.2vw,30px); line-height: 1.2; }
.f40 { font-size:min(6vw,40px); line-height: 1.2; }
.f42 { font-size:min(6.2vw,42px); line-height: 1.2; }
.f44 { font-size:min(6.6vw,44px); line-height: 1.2; }
.f46 { font-size:min(6.8vw,46px); line-height: 1.2; }
.f50 { font-size:min(6vw,50px); line-height: 1.2; }
.f60 { font-size:min(9vw,60px); line-height: 1.2; }
.textY,.textBoY { color:#FFDC00 }


/*==================================================
～1040
==================================================*/
@media screen and ( max-width:1040px) {
  a[name] { display: block; margin-top:-80px; padding-top:80px }
  main > article { padding:0 }
  /* header */
  div.spHeader { min-width:initial }
  div.spHeader > h1 { margin-top: 80px }
}
/*==================================================
～670
==================================================*/
@media screen and ( max-width:670px ){
  a[name] { display: block; margin-top:-50px; padding-top:50px }
  .inner { box-sizing:border-box }
  /* header */
  div.spHeader { min-width:initial; margin-top: 0 }
  div.spHeader > h1 { margin-top: 50px; background-image:url(./image/mainView_sp.jpg); height: 100vw }
}

/*==================================================
FONT
==================================================*/
*[class^="font-"] { font-style: normal }
/*
Source Han Serif JP Medium
font-family: "source-han-serif-jp-subset", sans-serif;
font-weight: 500;
font-style: normal;

Source Han Serif JP SemiBold
font-family: "source-han-serif-jp-subset", sans-serif;
font-weight: 600;
font-style: normal;

Source Han Serif JP Bold
font-family: "source-han-serif-jp-subset", sans-serif;
font-weight: 700;
font-style: normal;

Source Han Serif JP Heavy
font-family: "source-han-serif-jp-subset", sans-serif;
font-weight: 900;
font-style: normal;

Meno Text Bold
font-family: "meno-text", serif;
font-weight: 700;
font-style: normal;
*/

/*==================================================
余白
==================================================*/
.mgLRA { margin-left:auto; margin-right:auto }
.mg1e   { margin:        min(4vw,1em)!important }
.mgT05e { margin-top:    min(3.5vw,0.5em)!important }
.mgT1e  { margin-top:    min(4vw,1em)!important }
.mgT2e  { margin-top:    min(5.5vw,2em)!important }
.mgT3e  { margin-top:    min(6vw,3em)!important }
.mgB05e { margin-bottom: min(3.5vw,0.5em)!important }
.mgB1e  { margin-bottom: min(4vw,1em)!important }
.mgB15e { margin-bottom: min(5vw,1.5em)!important }
.mgB2e  { margin-bottom: min(5.5vw,2em)!important }
.mgB25e { margin-bottom: min(4.5vw,2.5em)!important }
.mgB3e  { margin-bottom: min(6vw,3em)!important }
.mgR05e { margin-right:  min(3.5vw,0.5em)!important }
.mgL05e { margin-left:   min(3.5vw,0.5em)!important }
.mgR1e  { margin-right:  min(4vw,1em)!important }
.mgL1e  { margin-left:   min(4vw,1em)!important }
.pd1e   { padding:       min(4vw,1em)!important }
.pd025e { padding:       min(1vw,0.25em)!important }
.pd05e  { padding:       min(3.5vw,0.5em)!important }
.pdT05e { padding-top:   min(3.5vw,0.5em)!important }
.pdT2e  { padding-top:   min(5.5vw,2em)!important }
.pdB05e { padding-bottom:min(3.5vw,0.5em)!important }
.pdB3e  { padding-bottom:min(6vw,3em)!important }


#bkRoop {
  min-height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 0;
  background-image:url("./image/bkRoop.webp");
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-animation: bgscroll 150s linear infinite;
  animation: bgscroll 150s linear infinite;
}

@-webkit-keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: 0 -7947px;}
}

@keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: 0 -7947px;}
}
footer { z-index:1; position:relative; }