@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp_s.css');
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanmp.css');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400&display=swap');



body {
  font-family: YakuHanJP, "Helvetica Neue", "Helvetica", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
  color: #000b00;
  font-weight: 400;

  background-image: url(images/bg.jpg);
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-size: cover;
}




/*.btn::after {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  top: calc(50% - .5em);
  right: 1em;
  line-height: 1;
  font-size: 20px;
}*/




header, main {
  background-color: #ffffff;
}
main {
  padding-top: 50px;
  padding-left: 30px;
  padding-right: 30px;
}

@media screen and (min-width: 426px) {
  /* medium　smartphone↑ */
  header {
    max-width: 425px;
    margin-top: 50px;
    border-top: 3px solid #302833;
  }
  main {
    max-width: 359px;
    padding-bottom: 15px;
    border-bottom: 3px solid #302833;
  }
  header, main {
    margin: 0 auto;
    border-left: 3px solid #302833;
    border-right: 3px solid #302833;
  }
}



#header {
  position: relative;
}
#header h1 {
  position: absolute;
  top: 0.75em;
  left: 0.75em;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: top;
  -webkit-align-items: top;
  align-items: top;
  text-align: left;

  color: #000b00;
  font-size: 40px;
  font-size: 4.0rem;
  font-weight: 900;
  line-height: 1.2;
}





/* ============== */


h2 {
  font-family: "Bodoni Moda", serif;
  font-weight: 400;
  font-size: 40px;
  font-size: 4.0rem;
  line-height: 1;
  text-align: center;
  margin-bottom: 15px;
  letter-spacing: 2px;
}
h2 span {
  font-size: 20px;
  font-size: 2.0rem;
  font-family: YakuHanJP, "Helvetica Neue", "Helvetica", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}




#pd p {
  padding-top: 1em;
  font-size: 1.8rem;
  line-height: 1.4;
  text-align: center;
}


.slide { margin-bottom: 120px!important; }
.slide .slick-dots { bottom: -30px; }


#pd .btn { width: 60%; }

#pd a, #lineup a {
  /*display: block;*/
  color: #000b00;
  text-decoration: none;
}
#pd a { text-decoration: none!important; }
#pd a p { text-decoration: underline;!important; }


#lineup li { margin-bottom: 1.25em; }
#lineup p.item {
  margin-top: 0.625em;
  line-height: 1.3;
}
#lineup p.item span {
  font-size: 14px;
  font-size: 1.4rem;
}
#lineup .btn { margin-top: 0.625em; }











@media screen and (max-width: 375px) {
  /* small smartphone↓ */
}

@media screen and (max-width:768px) {
  /* tablet↓ */
}



@media screen and (min-width:768px) {
  /* tablet↑ */
}

@media screen and (min-width:960px) {
  /* big tablet↑ */
}

@media screen and (min-width:600px) and ( max-width:1024px) {
  /* big smartphone - tablet only */
}

@media screen and (min-width:1024px) {
  /* PC↑ */
}