@charset "UTF-8";
/* トップページ
----------------------------------------------- */
.top .cover {
  /* ▼　pc */
  position: relative;
  /* ▼　mobile */
}

@media print, screen and (min-width: 768px) {
  .top .cover {
    height: 30%;
  }
}

.top .cover .bxslider {
  position: absolute;
  z-index: 90;
  top: 0;
  width: 100%;
}

.top .cover .bxslider .cover_img {
  width: 100%;
  position: relative;
  padding-top: 28%;
}

.top .cover .bxslider .cover_img img {
  width: 100%;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  top: 0;
  left: 0;
}

.top .cover .name {
  position: absolute;
  z-index: 100;
  top: 20px;
  left: 40px;
}

@media print, screen and (max-width: 767px) {
  .top .cover .name {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.top .cover .copy {
  position: absolute;
  z-index: 100;
  bottom: 60px;
  left: 40px;
}

@media print, screen and (max-width: 767px) {
  .top .cover .copy {
    left: 0;
    bottom: 40px;
  }
}

.top .cover .twitter {
  position: absolute;
  top: 20px;
  right: 65px;
}

.top .cover .fb {
  position: absolute;
  z-index: 100;
  top: 17px;
  right: 20px;
}

@media screen and (max-width: 767px) {
  .top .cover {
    height: 130%;
  }
  .top .cover .bxslider .cover_img {
    padding-top: 130%;
  }
}

.top .btn-index {
  color: white;
  font-size: 2em;
}

.top a.button-more {
  color: white;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 0.6em;
  border: solid 1px white;
  padding: 5px 50px;
}

.top a.button-more:hover {
  background: rgba(255, 255, 255, 0.7);
}

.top .information {
  padding: 5px;
  background: #f2ead7;
}

.top .information .more {
  padding: 10px 15px 15px 10px;
}

.top .information .more .more_btn {
  position: relative;
  background: url("/wp-content/themes/pc/images/top/more_bg.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 60px;
}

@media print, screen and (max-width: 767px) {
  .top .information .more .more_btn {
    height: 160px;
    padding-top: 35px;
  }
}

.top .information .more .more_btn img.info-icn {
  margin-bottom: 15px;
}

.top .information .more .more_btn a.button-more {
  position: absolute;
  bottom: 70px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media print, screen and (max-width: 767px) {
  .top .information .more .more_btn a.button-more {
    bottom: 30px;
  }
}

.top .information .post {
  background: white;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: solid 1px #f2ead7;
}

.top .information .post img {
  width: 100%;
  height: auto;
}

.top .information .post .info {
  padding: 40px;
}

@media print, screen and (max-width: 767px) {
  .top .information .post .info {
    padding: 1em;
  }
}

.top .information .post .info .title {
  font-size: 18px;
  margin-bottom: 1em;
  line-height: 1.4;
  color: #3F3F3F;
}

.top .information .post .info .excerpt {
  font-size: small;
  margin-bottom: 1em;
}

.top .information .post .info .date {
  font-size: x-small;
  color: #919191;
  background: url("/wp-content/themes/pc/images/concert/date_icon.png") no-repeat left center;
  padding-left: 1em;
}

.top .information .about {
  padding: 15px 15px 15px 10px;
}

.top .information .about .about_btn {
  background: url("/wp-content/themes/pc/images/top/about_bg.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  height: 180px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 45px;
}

.top .information .about .about_btn .btn-index {
  margin-bottom: 20px;
}

.top .information .music_smile {
  background: #ffffff;
  padding: 50px 40px;
}

.top .information .music_smile .h {
  color: #969696;
  font-size: x-large;
  margin-bottom: 1em;
}

.top .information .music_photo img {
  width: 100%;
}

.top .information .fb {
  background: #ffffff;
  text-align: center;
  overflow: hidden;
}
/*# sourceMappingURL=top.css.map */