@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 {
  padding-bottom: 0;
  font-family: "zen-maru-gothic", sans-serif; font-weight: 500;
  font-style: normal;
  color: #000;
  overflow: hidden;
  font-size:min(4vw,24px);
  line-height: 1.6;
}
main > article { padding: 0 }
article:nth-of-type(even) {
  background-color:#E2D9D0;
  background-image:url(../image/bgR1.png),url(../image/bgL1.png);
  background-repeat: repeat-y;
  background-position: right 22% top 20vw,left 22% top 15vw;
}
article:nth-of-type(odd) { background-color:#FFF }
article > section { padding-left:min(3.5vw,1em); padding-right:min(3.5vw,1em) }
#TOP { padding-top: 100px; margin-top: -100px }
i { font-style:normal }
p { margin-bottom:min(5vw,1.5em) }
ul,li { list-style:none; margin:0; padding:0 }
table,td,th { border-spacing: 0; border: none; padding: 0; border-collapse: collapse }
dl,dt,dd { margin:0; padding:0 }
a[name] { display: block; margin-top:-100px; padding-top:100px }

/* header */
div.spHeader { min-width:1000px }
div.spHeader > h1 { background-image: url(../image/mainView.jpg?0002) }

/* contents */
.inner { width: 100%; max-width:760px; margin:auto; padding: min(8vw,4em) min(4vw,1em); }
.doc1 { border-style:solid; border-width: 6px; padding:10px; margin-bottom:min(16vw,130px); position:relative }
.doc2 { border-style:solid; border-width: 2px; padding:min(5vw,60px) }
.doc1 > img,
.doc1 > div.dspPC img { position:absolute; }
article:nth-of-type(even) .doc1 { border-color:#8C6239; background-color:#FFF }
article:nth-of-type(even) .doc2 { border-color:#8C6239; background-color:#FFF }
article:nth-of-type(odd) .doc1 { border-color:#0071BC; background-color:#EEFCFF }
article:nth-of-type(odd) .doc2 { border-color:#0071BC; background-color:#EEFCFF }

/*TITLE*/
h2 {
  margin:0 0 2em;
  border-left: none;
  padding: 0;
  min-height: inherit;
  height: auto;
  font-size: inherit;
  font-weight: bold;
  line-height: inherit;
  color: inherit;
  background-color:transparent;
  text-align: center;
}
h3 {
  margin: 0 0 0.5em;
  padding: 5px min(1.5vw,10px) 5px min(3vw,20px);
  min-height: 22px;
  font-size: min(5vw,36px);
  line-height: 1.2;
  position: relative;
  border-left: none;
  color: #754C24;
  font-family: "zen-maru-gothic", sans-serif; font-weight: 700
}
h4 {
  display: inline;
  color:#29abe2;
  background: linear-gradient(transparent 50%, #d6eef9 50%);
  padding:0 10px
}


/*ボタン*/
a.btnBu {
  box-sizing: border-box;
  background-color:#0063BC;
  background-image:url(../image/btnIcon.png);
  background-repeat: no-repeat;
  background-position: right 5px bottom 5px;
  color:#FFF;
  text-decoration:none;
  display:inline-block;
  margin:auto;
  text-align:center;
  padding:min(3.5vw,0.5em) 3em
}
a.btnBr {
  box-sizing: border-box;
  background-color:#754C24;
  background-image:url(../image/btnIcon.png);
  background-repeat: no-repeat;
  background-position: right 5px bottom 5px;
  color:#FFF;
  text-decoration:none;
  display:inline-block;
  margin:auto;
  text-align:center;
  padding:min(3.5vw,0.5em) 3em
}


/*スケジュール*/
article#scheduleWrap {
  background-image: url(../image/scheduleBg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/*プレゼント*/
article#presentWrap .bg {
  background-image: url(../image/presentBg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding:min(10vw,3em) min(10vw,3em);
  text-align: center;
  position: relative;
}
article#presentWrap h3 { color: #754C24 }

/*イベント*/
article#eventWrap h3 { color: #0071BC }

article#goodsWrap { background-image:none }

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

/*FONT*/
.lh102 { line-height:1.2 }
.f30 { font-size:min(4.2vw,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) }
.textY,.textBoY { color:#FFDC00 }

/*==================================================
～1040
==================================================*/
@media screen and ( max-width:1040px) {
  a[name] { display: block; margin-top:-80px; padding-top:80px }
  /* header */
  div.spHeader { min-width:initial }
  div.spHeader > h1 { margin-top: 80px }
  article:nth-of-type(even) {
    background-color:#E2D9D0;
    background-image:none;
  }
/*～1040 END*/
}
/*==================================================
～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 { background-image:url(../image/mainView_sp.jpg); height: 100vw; margin-top: 50px }
/*～670 END*/
}

/*==================================================
FONT
==================================================*/
*[class^="font-"] { font-style: normal }
/*CCSignLanguage Bold Italic*/
.font-CCSign { font-family: "ccsignlanguage", sans-serif; font-weight: 700; font-style: italic }
/*Look Script Bold*/
.font-Look { font-family: "look-script", serif; font-weight: 700 }
/*Aptly Bold*/
.font-Aptly { font-family: "aptly", sans-serif; font-weight: 700 }
/*VDL Ｖ７丸ゴシック*/
.font-VDL { font-family: "vdl-v7marugothic", sans-serif }
.font-VDL.sM { font-weight: 500 }
.font-VDL.sB { font-weight: 700 }
.font-VDL.sEB { font-weight: 800 }

/*==================================================
余白
==================================================*/
.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 }
.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 }