@charset "UTF-8";
/* line 7, style.scss */
a {
  text-decoration: none;
  -webkit-transition: 0.15s ease-in-out;
  -moz-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}

/* line 14, style.scss */
a:hover {
  opacity: 0.4;
  filter: alpha(opacity=60);
}

/* line 18, style.scss */
.ir {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
}

/* line 25, style.scss */
p {
  letter-spacing: 1px;
}

/* body ---------------------------------------------
--------------------------------*/
/* line 33, style.scss */
body {
  margin: 0;
  padding: 0;
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
  font-size: 1em;
  background-color: #eef1f4;
}

/* line 41, style.scss */
p {
  text-align: center;
}

/* wrapper --------------------------------------------- 
--------------------------------*/
/* line 48, style.scss */
#wrapper {
  margin: 0 auto;
  min-width: 600px;
  /* background-color: red; */
}

/* header ---------------------------------------------
--------------------------------*/
/* line 58, style.scss */
header {
  width: 100%;
  height: 25px;
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.3);
  position: fixed;
  z-index: 10;
}
/* line 66, style.scss */
header h1 a {
  width: 160px;
  height: 24px;
  background-image: url(../images/fig_strlogo.png);
  background-size: 100% auto;
  display: block;
}
/* line 74, style.scss */
header #sns {
  position: absolute;
  top: 20px;
  right: 0;
}
/* line 78, style.scss */
header #sns ul {
  width: 230px;
}
/* line 80, style.scss */
header #sns ul li {
  display: inline;
  margin: 0 10px 0 0;
}

/* visual ---------------------------------------------
--------------------------------*/
/* line 90, style.scss */
#title {
  width: 603px;
  margin: 0 auto 60px auto;
  padding: 120px 0 0 0;
}
/* line 94, style.scss */
#title h1 {
  text-align: center;
  background-image: url(../images/fig_title.png);
  width: 580px;
  height: 225px;
}

/* content ---------------------------------------------
--------------------------------*/
/* line 104, style.scss */
h2 {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
  font-family: sans-serif;
  margin: 0 0 20px 0;
  background-color: rgba(255, 255, 255, 0.3);
  letter-spacing: 2px;
}
/* line 113, style.scss */
h2 a {
  color: #ff2929;
  font-size: 15px;
  text-decoration: underline;
}
/* line 117, style.scss */
h2 a:hover {
  text-decoration: none;
}

/* line 123, style.scss */
.content {
  margin: 30px 0 40px 0;
  padding: 10px 0;
  background-color: rgba(255, 255, 255, 0.4);
}
/* line 127, style.scss */
.content .inner {
  width: 700px;
  margin: 0 auto;
}
/* line 131, style.scss */
.content p.link {
  color: #00d10f;
}
/* line 135, style.scss */
.content.info .inner {
  width: 500px;
  margin: 0 auto;
}
@media (max-width: 640px) {
  /* line 135, style.scss */
  .content.info .inner {
    width: 100%;
    padding: 0 20px;
  }
}
/* line 143, style.scss */
.content.info .pc {
  display: block;
}
@media (max-width: 640px) {
  /* line 143, style.scss */
  .content.info .pc {
    display: none;
  }
}
/* line 149, style.scss */
.content.info .mobile {
  display: none;
}
/* line 151, style.scss */
.content.info .mobile p {
  text-align: left;
}
@media (max-width: 640px) {
  /* line 149, style.scss */
  .content.info .mobile {
    display: block;
  }
}
/* line 158, style.scss */
.content.info p.day {
  text-align: center;
  margin: 20px 0 0 0;
  font-size: 20px;
  color: #FFF;
  background-color: #ff05cd;
}
/* line 165, style.scss */
.content.info p.attention {
  color: red;
  font-size: 12px;
}
/* line 168, style.scss */
.content.info p.attention a {
  color: red;
}

/* line 176, style.scss */
#window .inner {
  width: 600px;
}
/* line 179, style.scss */
#window a {
  padding: 10px 0;
  background-color: #00d10f;
  color: #FFF;
  font-size: 15px;
  display: block;
  text-align: center;
  cursor: pointer;
  border-radius: 28px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  -ms-border-radius: 28px;
  -o-border-radius: 28px;
}

/* line 195, style.scss */
.video-wrapper {
  width: 100%;
  margin: 20px 0;
}
/* line 198, style.scss */
.video-wrapper .video-inner {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
/* line 204, style.scss */
.video-wrapper .video-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 214, style.scss */
.performer {
  width: 350px;
  margin: 0 auto 40px auto;
}
/* line 217, style.scss */
.performer .performer-photo {
  width: 300px;
  height: 300px;
}
/* line 220, style.scss */
.performer .performer-photo.unknown {
  background-color: #b8b8b8;
  width: 300px;
  height: 100px;
}
/* line 225, style.scss */
.performer .performer-photo img {
  border: 1px dotted #FFF;
}
/* line 230, style.scss */
.performer .performer-txt h3 {
  font-weight: bold;
  font-size: 25px;
  letter-spacing: 0.1em;
  line-height: 18px;
  display: inline-block;
  margin: 10px 0 8px 0;
}
/* line 237, style.scss */
.performer .performer-txt h3.usotri {
  /*         background-color: #3b34ff; */
}
/* line 240, style.scss */
.performer .performer-txt h3.roop {
  /*         background-color: #883DB5 */
}
/* line 243, style.scss */
.performer .performer-txt h3.unknown {
  margin: 9px 0 5px 0;
  font-size: 14px;
}
/* line 247, style.scss */
.performer .performer-txt h3 .circle {
  font-size: 12px;
  margin: 0 0 0 5px;
  color: #414141;
}
/* line 253, style.scss */
.performer .performer-txt p {
  font-size: 12px;
  text-align: left;
  letter-spacing: 0.1em;
  line-height: 16px;
}
/* line 259, style.scss */
.performer .performer-txt .news {
  margin: 15px 0 0 0;
}
/* line 261, style.scss */
.performer .performer-txt .news img {
  margin: 0 10px 0 0;
}

/* line 269, style.scss */
#timetable table {
  margin: 0 auto;
}
/* line 271, style.scss */
#timetable table th {
  font-weight: normal;
  padding: 0 20px 0 0;
  text-decoration: underline;
}
/* line 276, style.scss */
#timetable table td {
  font-weight: bold;
}

/* line 282, style.scss */
p.link {
  margin: 8px 0 0 0;
}
/* line 284, style.scss */
p.link a {
  display: inline-block;
  color: #FFF;
  font-size: 12px;
  padding: 2px 7px;
  margin: 0 4px 4px 0;
  background-color: #00d10f;
  cursor: pointer;
  border-radius: 28px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  -ms-border-radius: 28px;
  -o-border-radius: 28px;
}

/* line 301, style.scss */
.admission .inner {
  max-width: 600px;
}
/* line 303, style.scss */
.admission .inner .attention {
  font-size: 11px;
  color: #646464;
}

/* line 310, style.scss */
.button {
  margin: 20px auto 20px auto;
  width: 200px;
}
/* line 314, style.scss */
.button.form a {
  padding: 10px 0;
  background-color: #00d10f;
  color: #FFF;
  font-size: 13px;
  display: block;
  text-align: center;
  cursor: pointer;
  border-radius: 28px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  -ms-border-radius: 28px;
  -o-border-radius: 28px;
}

/* footer ---------------------------------------------
--------------------------------*/
/* line 335, style.scss */
footer {
  margin: 40px 0 0 0;
  height: 50px;
}

/* line 340, style.scss */
.back {
  width: 120px;
  margin: 0 auto;
  padding: 5px 0;
  background-color: #00d10f;
  cursor: pointer;
  border-radius: 28px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius-bottomright: 28px;
  -ms-border-radius: 28px;
  -o-border-radius: 28px;
}
/* line 352, style.scss */
.back a {
  display: block;
  font-size: 10px;
  color: #FFF;
  text-align: center;
}