.panel-top {
  width: 100%;
  display: inline-block;
  position: relative;
  background: url(/static/shikiclub_main.jpg) top center no-repeat;
  margin: 0 auto;
  background-size: 100%;
  height: 0;
  padding-top: 40.64%;
}
.panel-top:after {
  display: block;
  content: '';
}
.panel-top .panel-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.35);
  text-align: center;
}
.panel-top .panel-container .over-banner {
  position: absolute;
  width: 100%;
  bottom: 18%;
}
.panel-top .panel-container .over-logo-container {
  position: absolute;
  width: 100%;
  top: 20%;
}
.panel-top .panel-container .over-banner h2, .panel-top .panel-container .over-banner h2 p{
  text-shadow: 0px 0 #999, 0 1px #999, 1px 0 #999, 0 0px #999;
  font-family: Noto Serif CJK JP;
}

.panel-top-member {
  width: 100%;
  display: inline-block;
  position: relative;
  background: url(../img/banner.png) top center no-repeat;
  margin: 0 auto;
  background-size: 100%;
  height: 0;
  padding-top: 40.64%;
}
.panel-top-member:after {
  display: block;
  content: '';
}
.panel-top-member .panel-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.35);
  text-align: center;
}
.panel-top-member .panel-container .over-banner {
  position: absolute;
  width: 100%;
  bottom: 18%;
}
.panel-top-member .panel-container .over-logo-container {
  position: absolute;
  width: 100%;
  top: 20%;
}
.panel-top-member .panel-container .over-banner h2, .panel-top-member .panel-container .over-banner h2 p {
  text-shadow: 0px 0 #999, 0 1px #999, 1px 0 #999, 0 0px #999;
  font-family: Noto Serif CJK JP;
}