/* webfont : Noto Sans JP, Noto Serif JP */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700|Noto+Serif+JP:400,700&subset=japanese');

/* webfont : ShreeDev0714 */
@font-face {
  font-family: "ShreeDev0714";
  font-style: "normal";
  font-weight: 400;
  src: url("../fonts/ShreeDev0714.ttf") format("truetype"),
  url("../fonts/ShreeDev0714.woff") format("woff");
}

body {
  background-color: #000;
}

.jp {
  font-family: 'Noto Serif JP', serif;
}
.en {
  font-family: 'ShreeDev0714', sans-serif;
}


#night-experience {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  background-color: #231815;
  color: #fff;
}

#night-experience header {
  padding: 190px 0 50px;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 90%,rgba(35,24,21,1) 100%), url(../images/night_experience/bg.jpg);
  background-size: 100% auto;
}
#night-experience header h1 {
  margin-bottom: 200px;
  font-size: 72px;
  text-align: center;
  line-height: 0.75;
}
#night-experience header h1 span {
  font-size: 24px;
}
#night-experience header h2 {
  margin-bottom: 40px;
  font-size: 26px;
  text-align: center;
}
#night-experience header .discription {
  display: flex;
  align-items: center;
  max-width: 840px;
  margin: 0 auto 20px;
  font-size: 18px;
  letter-spacing: 0.075em;
}
#night-experience header .discription dt {
  padding: 20px 30px;
  border: 1px solid #fff;
  text-align: center;
  white-space: nowrap;
}
#night-experience header .discription dd {
  margin-bottom: 0;
}

#night-experience section {
  padding: 20px 0;
}

#night-experience .detail {
  max-width: 604px;
  margin: 0 auto 40px;
}
#night-experience footer {
  height: auto;
  padding: 10px;
  background-color: #000;
}
#night-experience footer p.detail {
  margin-bottom: 0;
}

#night-experience .box-title {
  margin-bottom: 30px;
  border: 1px solid #fff;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  line-height: 38px;
}

#night-experience p + .box-title {
  margin-top: 46px;
}
#night-experience figure {
  margin: 0 auto 52px;
}
#night-experience figcaption {
  margin-top: 32px;
  text-align: center;
}

#night-experience .border-wrap {
  max-width: 1128px;
  margin: 0 auto;
  padding: 30px;
  border: 1px solid #fff;
  font-size: 0;
}

#night-experience a {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
  color: #fff;
  text-decoration: none;
}
#night-experience a:visited {
  color: #fff;
}

/* amelia */
.el-input-number--small .el-input-number__decrease, .el-input-number--small .el-input-number__increase {
  z-index: 10000;
}
.amelia-app-booking .el-input--small .el-input__inner, .am-modal.am-in-body .el-input--small .el-input__inner {
  font-size: 16px;
}


@media only screen and (max-width: 820px) {
  #night-experience header {
    padding: 10vw 2vw 10vw;
    background-size: auto 100%;
  }
  #night-experience header h1 {
    margin-bottom: 10vw;
    font-size: 10vw;
    line-height: 0.75;
  }
  #night-experience header h1 span {
    font-size: 4vw;
  }
  #night-experience header h2 {
    font-size: 5vw;
  }
  #night-experience header .discription {
    display: block;
  }
  #night-experience header .discription dt {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #fff;
    white-space: nowrap;
  }
  #night-experience header .discription dd {
    margin: 0;
  }
  #night-experience #event,
  #night-experience .detail {
    padding: 10px;
  }

  #night-experience .border-wrap {
    padding: 10px;
  }
  #night-experience .border-wrap img + img {
    margin-top: 10px;
  }

  #night-experience footer {
    font-size: 3.6vw;
  }
  .pc-only {
    display: none;
  }

}