@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp_s.css');



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


article { padding-bottom: 60px; }


@media screen and (min-width: 769px) {
  .menu #event_all { padding-top: 180px; }
}



/* Button
.btn {
  position: relative;
  padding: 16px 16px 14px;
  margin: 0 auto;
  display: block;
  border-radius: 29px;

  line-height: 1;
  text-align: center;
  text-decoration: none;
  background-color: #0a7a82;
  color: #ffffff;
} */
/*.btn::after {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  top: calc(50% - .5em);
  right: 1em;
  line-height: 1;
  font-size: 20px;
}*/



header {}
header p {
  padding-top: 3.125em;
  text-align: center;
  line-height: 2;
}


main {
  padding-left: 1.875em;
  padding-right: 1.875em;
}

@media screen and (min-width: 426px) {
  /* medium　smartphone↑ */
  header, main {
    max-width: 540px;
    margin: 0 auto;
  }
}


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


.pd {
  display: block;
  margin-top: 5em;
  margin-bottom: 5em;
}
.pd a {
  display: block;
  color: #485859;
}
.pd p {
  padding-top: 1em;
  font-size: 0.875em;
  line-height: 1.4;
}



#lineup {
  overflow: hidden;
  clear: both;
  padding-top: 180px;
}


#lineup h2 {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 1em;
}
#lineup h2 span {
  position: relative;
  display: block;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
}
#lineup h2 span:before {
  content: '';
  position: absolute;
  top: -89px;
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #222222;
  border-radius: 2px;
}


#lineup a {
  display: block;
  color: #485859;
  text-decoration: none;
}
#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:600px) {
  .four-fifth { width: 100%!important; }
}





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

@media screen and (max-width: 599px) {
  /* big 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↑ */
}