@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* mixin
************************************************************/
/*rem単位*/
/* -----------------------------------------
	% placeholders
-------------------------------------------　*/
/* line 1, ../sass/core/_base.scss */
html {
  position: relative;
  font-size: 62.5%;
  min-height: 100%;
  height: 100%;
}

/* line 7, ../sass/core/_base.scss */
body {
  color: #262624;
  background: #333333;
  margin: 0;
  height: 100%;
  min-height: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 26px;
  line-height: 2.6rem;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN","Times New Roman","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
}

/* line 19, ../sass/core/_base.scss */
ul {
  margin: 0;
  padding-left: 0;
}
/* line 22, ../sass/core/_base.scss */
ul li {
  list-style: none;
}

/* line 26, ../sass/core/_base.scss */
p {
  margin: 0;
}

/* line 27, ../sass/core/_base.scss */
dl {
  margin: 0;
}
/* line 29, ../sass/core/_base.scss */
dl dd {
  margin-left: 0;
}

/* line 31, ../sass/core/_base.scss */
button {
  outline: none;
}

/* line 32, ../sass/core/_base.scss */
img {
  border: none;
}

/* line 33, ../sass/core/_base.scss */
* {
  margin: 0;
  padding: 0;
}

/* normalize ↑
------------------------------------*/
/* line 41, ../sass/core/_base.scss */
.wrapper {
  max-width: 1360px;
  min-height: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
/* line 47, ../sass/core/_base.scss */
.wrapper .inner_wrap {
  overflow-x: hidden;
}

/* line 51, ../sass/core/_base.scss */
header p {
  display: none;
}
/* line 52, ../sass/core/_base.scss */
header img {
  display: block;
}

/* line 54, ../sass/core/_base.scss */
.top .navi_area {
  min-height: 940px;
}

/* line 55, ../sass/core/_base.scss */
.navi_area {
  min-height: 720px;
  height: 100%;
  z-index: 100;
  padding: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: auto;
  right: 0;
  background: url(../images/texture_green@2x.png) repeat #94bd53;
  background-size: 100px 100px;
}
/* line 67, ../sass/core/_base.scss */
.navi_area ul li {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 25px;
  line-height: 2.5rem;
  padding: 7px 10px;
  position: relative;
}
/* line 73, ../sass/core/_base.scss */
.navi_area ul li a:focus {
  outline: none;
}
/* line 75, ../sass/core/_base.scss */
.navi_area ul li.current {
  /*
  &:after {
  	content: "";
  	display: block;
  	position: absolute;
  	right: -20px;
  	top: 8px;
  	width: 17px;
  	height: 25px;
  	background: url(../images/navi_triangle.png) no-repeat scroll 0 0;
  	background-size: 17px 25px;
  }
  */
}
/* line 89, ../sass/core/_base.scss */
.navi_area ul li.current a {
  color: #2d4701;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
}
/* line 95, ../sass/core/_base.scss */
.navi_area a {
  color: #fff;
  text-decoration: none;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
}
/* line 99, ../sass/core/_base.scss */
.navi_area a:hover {
  color: #c4cdb6;
}
/* line 101, ../sass/core/_base.scss */
.navi_area a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 104, ../sass/core/_base.scss */
.navi_area .loadshow {
  width: 260px;
  height: 120px;
  margin: 16px auto 24px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  background: url(../images/loadshow@2x.png) no-repeat scroll 0 0;
  background-size: 260px 120px;
}
/* line 112, ../sass/core/_base.scss */
.navi_area iframe {
  width: 280px !important;
}

/* line 115, ../sass/core/_base.scss */
.main_wrap {
  position: relative;
  display: block;
  max-width: 1360px;
  margin: 0 auto;
  /* end of aside */
}
/* line 120, ../sass/core/_base.scss */
.main_wrap .main_photo_wrap {
  position: relative;
}
/* line 122, ../sass/core/_base.scss */
.main_wrap .main_photo_wrap .main_photo {
  width: 1300px;
  height: auto;
  max-width: 1300px;
  display: block;
  margin-left: -158px;
}
/* line 129, ../sass/core/_base.scss */
.main_wrap .main_photo_wrap .fes_logo_sp {
  display: none;
}
/* line 132, ../sass/core/_base.scss */
.main_wrap .main_photo_wrap > p {
  position: absolute;
  background: url(../images/flyer_text@2x.png) no-repeat scroll 0 0;
  background-size: 497px 713px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  width: 40px;
  height: 40px;
  color: transparent;
}
/* line 141, ../sass/core/_base.scss */
.main_wrap .main_photo_wrap .copy {
  width: 90px;
  height: 160px;
  top: 20px;
  left: 434px;
  background-position: -24px 0px;
}
/* line 148, ../sass/core/_base.scss */
.main_wrap .main_photo_wrap .director {
  width: 30px;
  height: 150px;
  top: 214px;
  left: 560px;
  background-position: -138px -186px;
}
/* line 155, ../sass/core/_base.scss */
.main_wrap .main_photo_wrap .logo {
  width: 140px;
  height: 320px;
  top: 220px;
  left: 416px;
  background-position: 0px -190px;
}
/* line 163, ../sass/core/_base.scss */
.main_wrap .main_photo_wrap .others {
  width: 494px;
  height: 124px;
  top: 680px;
  left: 410px;
  background-position: bottom right;
}
/* line 171, ../sass/core/_base.scss */
.main_wrap aside {
  position: absolute;
  top: 550px;
  left: 20px;
  /* end of .banner_suguticket */
}
/* line 176, ../sass/core/_base.scss */
.main_wrap aside .fes_logo_pc img {
  width: 665px;
}
/* line 180, ../sass/core/_base.scss */
.main_wrap aside .link_to_sns {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 15px;
  float: left;
}
/* line 184, ../sass/core/_base.scss */
.main_wrap aside .link_to_sns li {
  float: left;
}
/* line 186, ../sass/core/_base.scss */
.main_wrap aside .link_to_sns li a {
  display: block;
  width: 62px;
  height: 62px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  background: url(../images/btns.png) no-repeat scroll 0 0;
  background-size: 124px 124px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 196, ../sass/core/_base.scss */
  .main_wrap aside .link_to_sns li a {
    background: url(../images/btns@2x.png) no-repeat scroll 0 0;
    background-size: 124px 124px;
  }
}
/* line 203, ../sass/core/_base.scss */
.main_wrap aside .link_to_sns .link_fb {
  margin-right: 10px;
}
/* line 205, ../sass/core/_base.scss */
.main_wrap aside .link_to_sns .link_fb a:hover {
  background-position: bottom left;
}
/* line 209, ../sass/core/_base.scss */
.main_wrap aside .link_to_sns .link_tw {
  margin-right: 10px;
}
/* line 211, ../sass/core/_base.scss */
.main_wrap aside .link_to_sns .link_tw a {
  background-position: top right;
}
/* line 213, ../sass/core/_base.scss */
.main_wrap aside .link_to_sns .link_tw a:hover {
  background-position: bottom right;
}
/* line 219, ../sass/core/_base.scss */
.main_wrap aside .share_to_sns {
  margin-bottom: 10px;
}
/* line 221, ../sass/core/_base.scss */
.main_wrap aside .share_to_sns li {
  margin-bottom: 10px;
}
/* line 225, ../sass/core/_base.scss */
.main_wrap aside .banner_suguticket {
  position: relative;
  display: block;
  width: 300px;
}
/* line 229, ../sass/core/_base.scss */
.main_wrap aside .banner_suguticket img {
  display: block;
  vertical-align: baseline;
}
/* line 234, ../sass/core/_base.scss */
.main_wrap aside .banner_suguticket:hover:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

/* end of wrapper */
/*=============================================
画面の横幅が1100pxより大きい
===============================================*/
@media screen and (min-width: 1100px) {
  /* line 9, ../sass/_mq.scss */
  .sp_menu {
    display: none;
  }
}
/*=============================================
画面の横幅が1100pxより小さい
===============================================*/
@media screen and (max-width: 1100px) {
  /* line 19, ../sass/_mq.scss */
  .main_wrap .main_photo_wrap .main_photo {
    margin-left: -280px;
  }
  /* line 20, ../sass/_mq.scss */
  .main_wrap .main_photo_wrap .copy {
    left: 310px;
  }
  /* line 21, ../sass/_mq.scss */
  .main_wrap .main_photo_wrap .logo {
    left: 296px;
  }
  /* line 22, ../sass/_mq.scss */
  .main_wrap .main_photo_wrap .director {
    left: 440px;
  }
  /* line 23, ../sass/_mq.scss */
  .main_wrap .main_photo_wrap .others {
    left: 0;
  }
}
/*=============================================
画面の横幅が1000pxより大きい
===============================================*/
@media screen and (min-width: 1000px) {
  /* line 35, ../sass/_mq.scss */
  .sp_menu {
    display: none;
  }

  /* line 41, ../sass/_mq.scss */
  .main_wrap .main_photo_wrap .main_photo_sp_wrap {
    display: none;
  }
  /* line 45, ../sass/_mq.scss */
  .main_wrap .loadshow_text {
    display: none;
  }

  /* line 48, ../sass/_mq.scss */
  .aside_tw_wrap .tw_tl {
    display: none;
  }

  /* line 52, ../sass/_mq.scss */
  .wrapper.underlayer .main_wrap {
    margin-left: 292px;
  }
}
/*=============================================
画面の横幅が1000pxより小さい 
--------------------------------
右側に常に表示されてるナビは消えて収納	
===============================================*/
@media screen and (max-width: 1000px) {
  /* line 64, ../sass/_mq.scss */
  .wrapper {
    width: 100%;
  }

  /* line 67, ../sass/_mq.scss */
  .sp_menu {
    display: auto;
  }
  /* line 69, ../sass/_mq.scss */
  .sp_menu #right-menu {
    right: 10px;
  }
  /* line 72, ../sass/_mq.scss */
  .sp_menu #left-menu {
    left: 10px;
  }
  /* line 75, ../sass/_mq.scss */
  .sp_menu .icon_menu {
    display: block;
    width: 22px;
    height: 21px;
    position: absolute;
    padding: 5px 5px 2px 5px;
    z-index: 100;
    top: 10px;
  }
  /* line 83, ../sass/_mq.scss */
  .sp_menu .icon_menu span {
    display: block;
    height: 3px;
    margin-bottom: 4px;
    background: #6e9e20;
  }

  /* line 91, ../sass/_mq.scss */
  .navi_area {
    display: none;
  }

  /* line 94, ../sass/_mq.scss */
  .main_wrap {
    background: url(../images/texture_light_green@2x.png) repeat;
    background-size: 100px 100px;
  }
  /* line 97, ../sass/_mq.scss */
  .main_wrap .main_photo_wrap {
    margin-left: 0;
  }
  /* line 99, ../sass/_mq.scss */
  .main_wrap .main_photo_wrap .main_photo {
    display: none;
  }
  /* line 102, ../sass/_mq.scss */
  .main_wrap .main_photo_wrap .fes_logo_sp {
    display: block;
    margin: 10px 5px -5px;
  }
  /* line 105, ../sass/_mq.scss */
  .main_wrap .main_photo_wrap .fes_logo_sp img {
    width: 100%;
    max-width: 665px;
  }
  /* line 110, ../sass/_mq.scss */
  .main_wrap .main_photo_wrap .main_photo_sp_wrap {
    display: block;
    width: 100%;
    position: relative;
    background-color: #333333;
  }
  /* line 115, ../sass/_mq.scss */
  .main_wrap .main_photo_wrap .main_photo_sp_wrap .main_photo_sp {
    display: block;
    width: 100%;
    height: auto;
  }
  /* line 120, ../sass/_mq.scss */
  .main_wrap .main_photo_wrap .main_photo_sp_wrap .main_text_sp {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
  /* line 129, ../sass/_mq.scss */
  .main_wrap .main_photo_wrap > p {
    color: #000;
  }
  /* line 130, ../sass/_mq.scss */
  .main_wrap .main_photo_wrap .copy, .main_wrap .main_photo_wrap .logo, .main_wrap .main_photo_wrap .director {
    display: none;
  }
  /* line 133, ../sass/_mq.scss */
  .main_wrap .main_photo_wrap .others {
    width: auto;
    height: auto;
    margin: 10px;
    overflow: auto;
    text-indent: 0;
    position: relative;
    top: auto;
    background: none;
  }
  /* line 144, ../sass/_mq.scss */
  .main_wrap .loadshow_text {
    margin: 20px 10px 30px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 28px;
    line-height: 2.8rem;
  }
  /* line 149, ../sass/_mq.scss */
  .main_wrap aside {
    position: relative;
    top: auto;
    left: auto;
  }

  /* line 155, ../sass/_mq.scss */
  .aside_tw_wrap {
    display: table;
    width: 100%;
    padding-bottom: 20px;
  }
  /* line 159, ../sass/_mq.scss */
  .aside_tw_wrap aside {
    display: table-cell;
    padding: 0 10px 0 20px;
    vertical-align: top;
  }
  /* line 163, ../sass/_mq.scss */
  .aside_tw_wrap aside .fes_logo_pc {
    display: none;
  }
  /* line 167, ../sass/_mq.scss */
  .aside_tw_wrap .tw_tl {
    display: table-cell;
    padding: 0 20px 0 10px;
  }
  /* line 170, ../sass/_mq.scss */
  .aside_tw_wrap .tw_tl iframe {
    width: 100% !important;
  }

  /* line 175, ../sass/_mq.scss */
  .wrapper.underlayer .main_wrap {
    margin-left: 0;
    padding: 60px 20px 40px !important;
  }
  /* line 178, ../sass/_mq.scss */
  .wrapper.underlayer .main_wrap h2 {
    text-align: center;
  }
}
/*=============================================
画面の横幅が640pxより小さい
===============================================*/
@media screen and (max-width: 640px) {
  /* line 191, ../sass/_mq.scss */
  .main_wrap .main_photo_wrap .main_photo_sp_wrap {
    margin-left: -30%;
    width: 160%;
  }
  /* line 196, ../sass/_mq.scss */
  .main_wrap .fes_logo_sp {
    display: block;
  }
  /* line 198, ../sass/_mq.scss */
  .main_wrap .fes_logo_sp img {
    width: 100%;
  }

  /* line 203, ../sass/_mq.scss */
  .aside_tw_wrap {
    display: block;
  }
  /* line 205, ../sass/_mq.scss */
  .aside_tw_wrap aside {
    display: block;
    margin: 0 auto;
    padding: 0;
  }
  /* line 209, ../sass/_mq.scss */
  .aside_tw_wrap aside .link_to_sns {
    width: 144px;
    margin: 0 auto 20px;
    float: none;
  }
  /* line 213, ../sass/_mq.scss */
  .aside_tw_wrap aside .link_to_sns .link_fb {
    margin-right: 20px;
  }
  /* line 216, ../sass/_mq.scss */
  .aside_tw_wrap aside .link_to_sns .link_tw {
    margin-right: 0;
  }
  /* line 221, ../sass/_mq.scss */
  .aside_tw_wrap aside .share_to_sns {
    margin: 0 auto;
    width: 300px;
    overflow: hidden;
    *zoom: 1;
  }
  /* line 225, ../sass/_mq.scss */
  .aside_tw_wrap aside .share_to_sns li {
    display: inline-block;
    margin: 0 15px 10px;
    float: left;
  }
  /* line 229, ../sass/_mq.scss */
  .aside_tw_wrap aside .share_to_sns li .fb-like {
    display: block;
    float: left;
  }
  /* line 236, ../sass/_mq.scss */
  .aside_tw_wrap aside .banner_suguticket {
    margin: 0 auto;
  }
  /* line 238, ../sass/_mq.scss */
  .aside_tw_wrap aside .banner_suguticket img {
    margin: 0 auto;
    width: 300px;
  }
  /* line 244, ../sass/_mq.scss */
  .aside_tw_wrap .tw_tl {
    display: block;
    margin: 20px 10px 0;
    padding: 0;
  }
  /* line 248, ../sass/_mq.scss */
  .aside_tw_wrap .tw_tl iframe {
    width: 100% !important;
  }

  /*	下層ページ
  ------------------------------------ */
  /* line 254, ../sass/_mq.scss */
  .wrapper.underlayer {
    /*	劇場情報
    ------------------------------------ */
    /*	コメント
    ------------------------------------ */
  }
  /* line 255, ../sass/_mq.scss */
  .wrapper.underlayer .main_wrap {
    padding: 60px 10px 40px !important;
  }
  /* line 257, ../sass/_mq.scss */
  .wrapper.underlayer figure img {
    width: 80px;
    height: auto;
  }
  /* line 261, ../sass/_mq.scss */
  .wrapper.underlayer figure figcaption {
    padding: 0 0 0 10px;
  }
  /* line 263, ../sass/_mq.scss */
  .wrapper.underlayer figure figcaption .profile {
    margin-top: 10px;
  }
  /* line 273, ../sass/_mq.scss */
  .wrapper.underlayer.theatre .main_wrap table tr {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
  }
  /* line 276, ../sass/_mq.scss */
  .wrapper.underlayer.theatre .main_wrap table tr th, .wrapper.underlayer.theatre .main_wrap table tr td {
    padding: 7px 5px;
  }
  /* line 285, ../sass/_mq.scss */
  .wrapper.underlayer.comment .main_wrap ul li {
    margin: 0 auto 30px !important;
  }
  /* line 287, ../sass/_mq.scss */
  .wrapper.underlayer.comment .main_wrap ul li p.name span {
    font-size: 15px;
    font-size: 1.5rem;
  }
  /* line 288, ../sass/_mq.scss */
  .wrapper.underlayer.comment .main_wrap ul li p.name br {
    display: block;
  }
}
/*=============================================
画面の横幅が480pxより小さい
===============================================*/
@media screen and (max-width: 480px) {
  /*	下層ページ
  ------------------------------------ */
  /* line 304, ../sass/_mq.scss */
  .wrapper.underlayer figure {
    position: relative;
  }
  /* line 306, ../sass/_mq.scss */
  .wrapper.underlayer figure img {
    display: block;
  }
  /* line 309, ../sass/_mq.scss */
  .wrapper.underlayer figure figcaption {
    display: block !important;
    padding: 0 !important;
  }
  /* line 312, ../sass/_mq.scss */
  .wrapper.underlayer figure figcaption .name {
    position: absolute;
    top: 10px;
    left: 100px;
  }
  /* line 319, ../sass/_mq.scss */
  .wrapper.underlayer.cast figure figcaption .name {
    top: 40px;
    font-size: 24px;
    font-size: 2.4rem;
  }
  /* line 323, ../sass/_mq.scss */
  .wrapper.underlayer.staff figure figcaption .name {
    top: 10px;
    width: 142px;
    font-size: 20px;
    font-size: 2rem;
  }
  /* line 327, ../sass/_mq.scss */
  .wrapper.underlayer.staff figure figcaption .name span {
    font-size: 14px;
    font-size: 1.4rem;
  }
  /* line 332, ../sass/_mq.scss */
  .wrapper.underlayer.theatre .main_wrap table tr {
    font-size: 10px;
    font-size: 1rem;
    line-height: 14px;
    line-height: 1.4rem;
  }
  /* line 335, ../sass/_mq.scss */
  .wrapper.underlayer.theatre .main_wrap table tr th, .wrapper.underlayer.theatre .main_wrap table tr td {
    padding: 7px 3px;
  }
  /* line 336, ../sass/_mq.scss */
  .wrapper.underlayer.theatre .main_wrap table tr td:nth-child(4) {
    white-space: nowrap;
  }
}
/* line 2, ../sass/_sidr.scss */
.sp_menu .sidr {
  background: url(../images/texture_green@2x.png) repeat;
  background-size: 100px 100px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 6, ../sass/_sidr.scss */
.sp_menu .sidr ul {
  border: none;
  outline: none;
}
/* line 9, ../sass/_sidr.scss */
.sp_menu .sidr ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  line-height: 28px;
  line-height: 2.8rem;
}
/* line 13, ../sass/_sidr.scss */
.sp_menu .sidr ul li a {
  padding: 10px;
  color: #fff;
  font-weight: bold;
  line-height: 28px;
  line-height: 2.8rem;
}
/* line 18, ../sass/_sidr.scss */
.sp_menu .sidr ul li a:hover, .sp_menu .sidr ul li a:focus, .sp_menu .sidr ul li a:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
/* line 5, ../sass/_jquery_colorbox.scss */
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

/* line 6, ../sass/_jquery_colorbox.scss */
#cboxWrapper {
  max-width: none;
}

/* line 7, ../sass/_jquery_colorbox.scss */
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

/* line 8, ../sass/_jquery_colorbox.scss */
#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

/* line 9, ../sass/_jquery_colorbox.scss */
#cboxContent {
  position: relative;
  padding-top: 30px;
}

/* line 10, ../sass/_jquery_colorbox.scss */
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 11, ../sass/_jquery_colorbox.scss */
#cboxTitle {
  margin: 0;
}

/* line 12, ../sass/_jquery_colorbox.scss */
#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 13, ../sass/_jquery_colorbox.scss */
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

/* line 14, ../sass/_jquery_colorbox.scss */
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

/* line 15, ../sass/_jquery_colorbox.scss */
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

/* line 16, ../sass/_jquery_colorbox.scss */
#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
/* line 23, ../sass/_jquery_colorbox.scss */
#cboxOverlay {
  background-color: #000;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

/* line 24, ../sass/_jquery_colorbox.scss */
#colorbox {
  outline: 0;
}

/* line 25, ../sass/_jquery_colorbox.scss */
#cboxContent {
  overflow: hidden;
}

/* line 26, ../sass/_jquery_colorbox.scss */
.cboxIframe {
  background: #fff;
}

/* line 27, ../sass/_jquery_colorbox.scss */
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

/* line 28, ../sass/_jquery_colorbox.scss */
#cboxLoadedContent {
  margin-bottom: 28px;
}

/* line 29, ../sass/_jquery_colorbox.scss */
#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

/* line 30, ../sass/_jquery_colorbox.scss */
#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}

/* line 31, ../sass/_jquery_colorbox.scss */
#cboxLoadingOverlay {
  background: url(../images/loading_background.png) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
/* line 35, ../sass/_jquery_colorbox.scss */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
/* line 38, ../sass/_jquery_colorbox.scss */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

/* line 40, ../sass/_jquery_colorbox.scss */
#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

/* line 42, ../sass/_jquery_colorbox.scss */
#cboxPrevious:hover {
  background-position: -75px -25px;
}

/* line 43, ../sass/_jquery_colorbox.scss */
#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(../images/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

/* line 44, ../sass/_jquery_colorbox.scss */
#cboxNext:hover {
  background-position: -50px -25px;
}

/* line 45, ../sass/_jquery_colorbox.scss */
#cboxClose {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/modal_close.png) no-repeat 0 0;
  background-size: 30px 60px;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
}

/* line 46, ../sass/_jquery_colorbox.scss */
#cboxClose:hover {
  background-position: 0 -30px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
/* line 53, ../sass/_jquery_colorbox.scss */
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* ------------------------------------
	下層ページ　style
------------------------------------ */
/*	下層ページ　共通
------------------------------------ */
/* line 9, ../sass/_underlayers.scss */
.wrapper.underlayer {
  background-color: #94bd53;
}
/* line 12, ../sass/_underlayers.scss */
.wrapper.underlayer .sp_menu .logo {
  position: absolute;
  top: 5px;
  left: 50%;
  z-index: 10;
  margin-left: -53px;
}
/* line 20, ../sass/_underlayers.scss */
.wrapper.underlayer .main_wrap {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/texture_light_green@2x.png) repeat #edf1d8;
  background-size: 100px 100px;
  min-height: 100%;
  padding: 40px;
}
/* line 26, ../sass/_underlayers.scss */
.wrapper.underlayer .main_wrap h2 {
  color: #6e9e20;
  margin: 10px 0 20px;
  padding-bottom: 4px;
  border-bottom: 1px solid #6e9e20;
}
/* line 32, ../sass/_underlayers.scss */
.wrapper.underlayer .main_wrap figure {
  margin-bottom: 30px;
}
/* line 36, ../sass/_underlayers.scss */
.wrapper.underlayer .navi_area {
  right: auto;
  position: absolute;
}
/* line 40, ../sass/_underlayers.scss */
.wrapper.underlayer .floating-widget.floating {
  position: fixed;
  top: 0;
}
/* line 41, ../sass/_underlayers.scss */
.wrapper.underlayer .floating-widget.pinned-bottom {
  position: absolute;
  bottom: 0;
  _position: static;
}
/* line 43, ../sass/_underlayers.scss */
.wrapper.underlayer figure {
  overflow: hidden;
  *zoom: 1;
  display: table;
}
/* line 46, ../sass/_underlayers.scss */
.wrapper.underlayer figure img {
  display: table-cell;
  background-color: #808080;
}
/* line 50, ../sass/_underlayers.scss */
.wrapper.underlayer figure figcaption {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 30px;
}
/* line 54, ../sass/_underlayers.scss */
.wrapper.underlayer figure figcaption .name {
  display: block;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 40px;
  line-height: 4rem;
  font-weight: bold;
}
/* line 60, ../sass/_underlayers.scss */
.wrapper.underlayer figure figcaption .profile {
  margin-top: 10px;
  display: block;
}

/* line 69, ../sass/_underlayers.scss */
.wrapper.underlayer {
  /*	ニュースページ
  ------------------------------------ */
  /*	キャストページ
  ------------------------------------ */
  /*	ストーリー&イントロダクション ページ
  ------------------------------------ */
  /*	スタッフ
  ------------------------------------ */
  /*	スペシャルコンテンツ
  ------------------------------------ */
  /*	劇場情報
  ------------------------------------ */
  /*	コメント
  ------------------------------------ */
  /*	イベント
  ------------------------------------ */
}
/* line 74, ../sass/_underlayers.scss */
.wrapper.underlayer.news .fb_tl_wrap {
  text-align: center;
}
/* line 89, ../sass/_underlayers.scss */
.wrapper.underlayer.story dl {
  margin-bottom: 30px;
}
/* line 91, ../sass/_underlayers.scss */
.wrapper.underlayer.story dl dt {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  line-height: 32px;
  line-height: 3.2rem;
  margin-bottom: 15px;
}
/* line 98, ../sass/_underlayers.scss */
.wrapper.underlayer.story dl dd p {
  margin-top: 8px;
}
/* line 101, ../sass/_underlayers.scss */
.wrapper.underlayer.story .main_wrap img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 720px;
  height: auto;
  margin-bottom: 60px;
  border: 1px solid #999;
}
/* line 115, ../sass/_underlayers.scss */
.wrapper.underlayer.staff dl {
  margin-bottom: 50px;
}
/* line 117, ../sass/_underlayers.scss */
.wrapper.underlayer.staff dl dt {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  line-height: 32px;
  line-height: 3.2rem;
  margin-bottom: 15px;
}
/* line 124, ../sass/_underlayers.scss */
.wrapper.underlayer.staff dl dd p {
  margin-top: 8px;
}
/* line 127, ../sass/_underlayers.scss */
.wrapper.underlayer.staff .staff {
  margin-bottom: 40px;
}
/* line 129, ../sass/_underlayers.scss */
.wrapper.underlayer.staff .staff li {
  margin: 4px 0;
}
/* line 133, ../sass/_underlayers.scss */
.wrapper.underlayer.staff .credit {
  margin-bottom: 20px;
}
/* line 135, ../sass/_underlayers.scss */
.wrapper.underlayer.staff .credit li {
  margin: 4px 0;
}
/* line 137, ../sass/_underlayers.scss */
.wrapper.underlayer.staff .credit li.mar_top {
  margin-top: 15px;
}
/* line 144, ../sass/_underlayers.scss */
.wrapper.underlayer.special h3 {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  line-height: 32px;
  line-height: 3.2rem;
  margin-bottom: 15px;
}
/* line 149, ../sass/_underlayers.scss */
.wrapper.underlayer.special h3 span {
  font-weight: normal;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 2.8rem;
}
/* line 154, ../sass/_underlayers.scss */
.wrapper.underlayer.special figure {
  max-width: 886px;
}
/* line 156, ../sass/_underlayers.scss */
.wrapper.underlayer.special figure img {
  width: 100%;
  display: block;
}
/* line 160, ../sass/_underlayers.scss */
.wrapper.underlayer.special figure figcaption {
  display: block;
  margin-top: 5px;
  text-align: right;
}
/* line 167, ../sass/_underlayers.scss */
.wrapper.underlayer.special .main_wrap div img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 720px;
  height: auto;
  margin: 30px auto;
  border: 1px solid #999;
}
/* line 176, ../sass/_underlayers.scss */
.wrapper.underlayer.special .qu {
  color: #666;
  margin: 30px 0 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  line-height: 2.4rem;
}
/* line 181, ../sass/_underlayers.scss */
.wrapper.underlayer.special .qu:before {
  content: "";
  display: inline-block;
  float: left;
  width: 30px;
  height: 1px;
  margin: 10px 5px 0 0;
  background-color: #666;
}
/* line 191, ../sass/_underlayers.scss */
.wrapper.underlayer.special .an {
  margin: 0 0 8px;
}
/* line 201, ../sass/_underlayers.scss */
.wrapper.underlayer.theatre .main_wrap table {
  border-collapse: collapse;
  width: 100%;
  max-width: 600px;
  margin: 30px auto 0;
  text-align: center;
}
/* line 207, ../sass/_underlayers.scss */
.wrapper.underlayer.theatre .main_wrap table th {
  padding: 8px 10px;
  border: 1px solid #6e9e20;
  color: #5a8a0d;
  background: #bacb9f;
  background: rgba(110, 158, 32, 0.3);
}
/* line 214, ../sass/_underlayers.scss */
.wrapper.underlayer.theatre .main_wrap table td {
  padding: 6px 8px;
  border: 1px solid #6e9e20;
  background: rgba(255, 255, 255, 0.3);
  word-break: break-all;
}
/* line 220, ../sass/_underlayers.scss */
.wrapper.underlayer.theatre .main_wrap table td:nth-child(4), .wrapper.underlayer.theatre .main_wrap table td:nth-child(1) {
  min-width: 42px;
}
/* line 221, ../sass/_underlayers.scss */
.wrapper.underlayer.theatre .main_wrap table td:nth-child(3) {
  min-width: 94px;
  text-align: left;
}
/* line 225, ../sass/_underlayers.scss */
.wrapper.underlayer.theatre .main_wrap table td:nth-child(2) {
  text-align: left;
}
/* line 227, ../sass/_underlayers.scss */
.wrapper.underlayer.theatre .main_wrap a {
  color: #6e9e20;
  text-align: left;
  text-decoration: none;
}
/* line 234, ../sass/_underlayers.scss */
.wrapper.underlayer.theatre .main_wrap a:hover {
  border-bottom: 1px solid #6e9e20;
}
/* line 245, ../sass/_underlayers.scss */
.wrapper.underlayer.comment .main_wrap ul li {
  margin-bottom: 30px;
  padding: 15px;
  position: relative;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.8);
  color: #333;
  overflow: hidden;
  *zoom: 1;
}
/* line 255, ../sass/_underlayers.scss */
.wrapper.underlayer.comment .main_wrap ul p.comment_text {
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 258, ../sass/_underlayers.scss */
.wrapper.underlayer.comment .main_wrap ul p.name {
  margin-top: 8px;
  font-size: 18px;
  font-size: 1.8rem;
  float: right;
  text-align: right;
}
/* line 263, ../sass/_underlayers.scss */
.wrapper.underlayer.comment .main_wrap ul p.name br {
  display: none;
}
/* line 271, ../sass/_underlayers.scss */
.wrapper.underlayer.event hr {
  margin-bottom: 25px;
  border: none;
  border-bottom: 1px solid #97AD73;
}
/* line 276, ../sass/_underlayers.scss */
.wrapper.underlayer.event dl {
  margin-bottom: 30px;
}
/* line 278, ../sass/_underlayers.scss */
.wrapper.underlayer.event dl dt {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 30px;
  line-height: 3rem;
  margin-bottom: 10px;
}
/* line 285, ../sass/_underlayers.scss */
.wrapper.underlayer.event dl dd h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem;
  margin: 4px 0 8px;
}
/* line 290, ../sass/_underlayers.scss */
.wrapper.underlayer.event dl dd p {
  margin-bottom: 12px;
}
/* line 292, ../sass/_underlayers.scss */
.wrapper.underlayer.event dl dd p span {
  display: block;
  margin: 0 0 6px 7px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 20px;
  line-height: 2rem;
  color: #40403B;
}
/* line 301, ../sass/_underlayers.scss */
.wrapper.underlayer.event dl a {
  padding-right: 12px;
  color: #6e9e20;
  text-align: left;
  text-decoration: none;
  background: url(../images/triangle.png) no-repeat scroll right center;
  background-size: 6px 10px;
}
/* line 308, ../sass/_underlayers.scss */
.wrapper.underlayer.event dl a:hover {
  border-bottom: 1px solid #6e9e20;
}