@charset "UTF-8";
 /* CSS Document */
 
 html {
     font-size: 62.5%;
 }
 
 body {
     font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
     word-break: normal;
     word-wrap: break-word;
     -webkit-text-size-adjust: 100%;
 }
 /*body
----------------------------------------------*/
 
 body {
     width: 100%;
 }
 /*.wrapper
----------------------------------------------*/
 
 .wrapper {
     margin: 0 auto;
     width: 100%;
     font-size: 14px;
     font-size: 1.4rem;
     color: #fff;
     opacity: 0;
 }
 /*.headerArea
----------------------------------------------*/
 
 .headerWrapper {
     position: relative;
     width: 100%;
     margin-top: 46px;
 }
 
 .headerWrapper h1 {
     width: 100%;
 }
 
 .headerWrapper p {
     overflow: hidden;
     line-height: 1;
     width: 100%;
 }
 /*.アニメーション
----------------------------------------------*/
 
 .animeImg {
     opacity: 0;
 }
 
 .animePo {
     position: absolute;
     opacity: 0;
     top: 0;
     left: 0;
 }
 
 #anime2 {
     z-index: 3;
 }
 /*.fixedArea
----------------------------------------------*/
 
 .fixedArea {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 5;
     width: 100%;
     height: 46px;
     font-size: 14px;
     font-size: 1.4rem;
     background: #1649be;
 }
 
 .socialUnit {
     margin: 12px 0;
     margin: 1.2rem 0;
 }
 
 .socialUnit li {
     float: left;
     vertical-align: top;
     margin: 1px 10px 0 5px;
     margin: 0.1rem 0.2rem 0 0.3rem;
 }
 
 .socialUnit li span {
     display: block !important;
 }
 
 #ticketBtn {
     position: fixed;
     right: 46px;
     top: 0;
     display: block;
     width: 70px;
     height: 46px;
     line-height: 46px;
     background: #950000;
     color: #fff;
     font-size: 10px;
     font-weight: bold;
     text-align: center;
     text-decoration: none;
     font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 }
 
 .menuBtn {
     color: #fff;
     position: fixed;
     top: 0;
     right: 0;
     display: block;
     width: 46px;
     height: 46px;
     line-height: 46px;
     font-size: 10px;
     font-size: 1rem;
     font-weight: bold;
     text-align: center;
     font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 }
 
 #closeBtn {
     display: none;
 }
 
 #fixedMenu {
     position: fixed;
     background-color: rgba(255, 255, 255, 0.95);
     top: 46px;
     left: 200%;
     width: 50%;
     height: 100%;
     opacity: 0;
     box-shadow: 0 10px 30px rgba(255, 255, 255, 0.95);
 }
 
 #fixedMenuWrapper {
     height: 100%;
     overflow-y: scroll;
 }
 
 .menuList {
     padding: 0 15px 46px 15px;
     padding: 0 1.5rem 4.6rem 1.5rem;
 }
 
 .menuList li {
     padding: 20px 0 20px 15px;
     padding: 2rem 0 2rem 1.5rem;
     font-weight: bold;
     colro: #333;
     font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
     border-bottom: 1px solid #D1D1D1;
     background: url(../../img/newsArrow.png) left center no-repeat;
 }
 
 .menuList li a {
     color: #000;
     display: block;
     width: 100%;
     text-decoration: none;
 }
 /*.footerArea
----------------------------------------------*/
 
 .footerArea {
     overflow: hidden;
     background: #1649be;
     color: #fff;
 }
 
 .copyright {
     font-size: 10px;
     font-size: 1rem;
     line-height: 3;
     display: block;
     text-align: center;
 }
 /*共通
----------------------------------------------*/
 
 .group_social {
     position: absolute;
     top: 20px;
     right: 20px;
 }
 
 .pcNone {
     display: none;
 }
 
 .left {
     float: left;
 }
 
 .right {
     float: right;
 }
 
 .callto {
     text-decoration: underline;
 }
 
 .innerWrapper {
     width: 100%;
     margin: 0 auto;
     padding: 0 3%;
 }
 
 .innerContent {
     padding: 20px 0 40px;
     padding: 2rem 0 4rem;
 }
 
 .innerContent h2 {
     text-align: center;
     margin: 0 0 30px;
     margin: 0 0 3rem;
     box-sizing: border-box;
 }
 
 .comming {
     text-align: center;
     margin: 100px 0 0;
 }
 
 .pageLink {
     position: absolute;
     top: -60px;
 }
 
 .fSnsList {
     text-align: center;
     margin: 60px 0 15px;
 }
 /*ニュース
----------------------------------------------*/
 
 .newsArea {
     padding: 12% 3% 4%;
     background: url(../../img/bg_01.png) no-repeat top left;
     background-size: cover;
 }
 
 .newsContent {
     width: 100%;
     margin: 0 auto;
     padding: 4% 6% 0;
 }
 
 .news_yt {
     width: 100%;
     margin: 0 auto;
 }
 
 .newsList {
     margin: 8% 0 0;
     font-size: 12px;
     font-size: 1.2rem;
 }
 
 .newsList dt {
     width: 34%;
     color: #000;
     display: inline-block;
     vertical-align: baseline;
 }
 
 .newsList dd {
     width: 64%;
     display: inline-block;
     vertical-align: top;
     margin: 0 0 15px;
     margin: 0 0 1.5rem;
     padding: 0 0 4px 3%;
     background: url(../../img/newsArrow.png) no-repeat 0 6px;
 }
 
 .newsList dd a,
 .newsList dd a:visited {
     color: #000;
     text-decoration: underline;
 }
 
 .newsArea p {
     margin: 0 0 25px;
     margin: 0 0 2.5rem;
     text-align: center;
     font-size: 16px;
     font-size: 1.6rem;
 }
 
 .newsArea p a,
 .newsArea p a:visited {
     color: #000;
     text-decoration: underline;
 }
 /*performArea
----------------------------------------------*/
 
 .performArea {
     text-align: center;
 }
 
 .infoContent {
     background: url(../../img/bg02_1.png) no-repeat top left;
     background-size: cover;
     padding-bottom: 56%;
 }
 
 .infoContent h2 {
     text-align: right;
 }
 
 .infoContent h3 {
     margin: 5px 0 0;
 }
 
 .infoContent .txt_01 {
     margin: 0;
 }
 
 .castContent {
     background: url(../../img/bg02_2.png) no-repeat top left;
     background-size: cover;
     padding: 20px 0;
 }
 
 .castContent h2 {
     margin: -40px 0 20px;
 }
 
 .staffContent {
     background: url(../../img/bg02_3.png) no-repeat top left;
     background-size: cover;
     padding: 60% 0 89%;
     position: relative;
 }
 
 .staffContent h2 {
     position: absolute;
     top: -20%;
     right: 0;
 }
 
 .staffContent .txt_02 {
     margin-top: -23%;
 }
 
 .btnContent {
     padding: 8% 0 15%;
     background: url(../../img/bg02_4.png) no-repeat top left;
     background-size: cover;
 }
 
 .btnContent02 {
     padding: 4% 0 0;
     background: url(../../img/bg02_5.png) no-repeat top left;
     background-size: cover;
 }
 /*recommendArea
----------------------------------------------*/
 
 .recommendArea {
     background: #4a9ae4;
     padding: 0 0 8%;
     text-align: center;
 }
 
 .recommendArea h3 {
     margin: 0 0 10px;
     margin: 0 0 1rem;
     border-bottom: 1px solid #333232;
 }
 
 .recommendArea .txt_03 {
     padding: 6% 0;
 }

  .recommendArea .txt_04 {
     padding: 0 0 6%;
 }

  .recommendArea .txt_05 {
     padding: 0 0 6%;
     margin-left:18px;
     margin-left:1.8rem;
 }

  .recommendArea .txt_06 {
     margin-left:12px;
     margin-left:1.2rem;
 }
 
   .recommendArea .txt_07 {
     padding: 0 0 3%;
     margin-left:18px;
     margin-left:1.8rem;
 }

   .recommendArea .txt_08 {
     padding: 0 0 6%;
     margin-left:18px;
     margin-left:1.8rem;
 }

  .recommendArea .txt_09 {
     margin-left:18px;
     margin-left:1.8rem;
 }

 .recommendArea>ul {
     padding: 8% 3% 4%;
 }
 
 .recommendArea>ul>li {
     text-align: left;
     font-size: 15px;
     font-size: 1.5rem;
     font-weight: bold;
     margin: 0 0 4%;
 }
 
 .recommendArea>ul>li span {
     display: inline-block;
     background: url(../../img/iconF.png) no-repeat 0 0;
     background-size: 18px;
     padding-left: 7%;
 }
 
 .recommendCont {
     background: #fff url(../../img/bg_04.png) repeat-x top left;
     color: #333232;
     padding: 4% 3%;
     margin: 0 3% 6%;
     text-align: left;
     font-size: 12px;
     font-size: 1.2rem;
 }
 
 .recommendCont h3 {
    background: url(../../img/iconF.png) left top no-repeat;
	background-size: 20px 20px;
    margin-bottom: 16px;
    padding: 0 0 5px 25px;
    font-size: 14px;
    font-size: 1.4rem;
	font-weight:bold;
    line-height: 24px;
 }
 
  .recommendCont .half{
  	margin-left:6px;
  	margin-left:0.6rem;
  }

  .recommendCont .full{
  	margin-left:18px;
  	margin-left:1.8rem;
  }


 #recommend2 {
     padding: 0 0 3%;
     background: url(../../img/bg_03.png) no-repeat top left;
     background-size: cover;
 }
 
 #recommend2 .ttl3 {
     margin-top: -4.5%;
 }
 
 #recommend2 h3 {
     border-bottom: none;
 }
 
 #recommend2 .innerWrapper {
     width: auto;
     padding: 0;
 }
 
 #recommend2 .bgWhite {
     background: #fff;
     width: 90%;
     padding: 5% 0;
     margin: 5% auto 8%;
     min-height: 200px;
 }
 
  .recommendArea .linkZone a,
  .recommendArea .linkZone a:hover{color:#fff;}

 
 /*チケット
----------------------------------------------*/
 
 .ticketArea {
     color: #000;
     padding-bottom: 0;
     position: relative;
     overflow: hidden;
     padding: 3% 0 10%;
     background-color: #5a89de;
 }
 
 .ticketArea .innerWrapper {
     position: relative;
     width: auto;
     padding: 0;
 }
 
 .ticketContent {
     background: #fff;
     margin: 0 3%;
 }
 
 .ticketArea h2 {
     position: absolute;
     top: 2%;
     left: 0;
 }
 
 .ticketArea h3 {
     position: absolute;
     top: 3%;
     left: 0;
 }
 
 .ticketDetailList {
     margin: 0 3%;
     padding: 43% 0 0;
 }
 
 .ticketDetailList dt {
     background: #31429f;
     color: #fff;
     display: inline-block;
     padding: 3px 0;
     width: 25%;
     text-align: center;
     vertical-align: top;
     margin: 0 auto 3%;
     font-size: 12px;
     font-size: 1.2rem;
     box-shadow: 0px 4px 2.97px 0.03px rgba(0, 0, 0, 0.26);
 }
 
 .ticketDetailList dd {
     display: inline-block;
     width: 70%;
     padding: 3px 0;
     margin-left: 3%;
     margin-bottom: 3%;
     font-size: 12px;
     font-size: 1.2rem;
 }
 
 .ticketDetailList .number1 {
     font-size: 14px;
     font-size: 1.4rem;
     font-weight: bold;
 }
 
 .seatList ul {
     padding: 33% 3% 0;
 }
 /*星取り*/
 
 .tableScroll {
     width: 100%;
     overflow-x: scroll;
 }
 
 .timeTable {
     color: #000;
     padding: 0 3%;
 }
 
 .timeTable .note_box {
     border: 2px solid #1649be;
     padding: 4%;
     margin-top: 5%;
 }
 
 .timeTable .note_box p {
     line-height: 1.6;
 }
 
 .timeTable,
 .timeTable td,
 .timeTable th {
     font-size: 12px;
     font-size: 1.2rem;
     font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 }
 
 .timeTable table {
     border: 1px solid #837d7b;
     border-collapse: collapse;
     background: #fff;
     margin: 10px 0;
     table-layout: fixed;
 }
 
 .timeTable td,
 .timeTable th {
     border: 1px solid #837d7b;
     padding: 4px 6px;
     text-align: center;
     background: #fff;
     word-break: keep-all;
     white-space: nowrap;
 }
 
 .timeTable .blue {
     background: #eaf6fd;
     color: #004f8e;
 }
 
 .timeTable .red {
     background: #fef4f7;
     color: #d0121b;
 }
 
 .timeTable .colorNone .blue,
 .timeTable .colorNone .red {
     color: #000;
 }
 
 .timeTable .line {
     vertical-align: middle;
 }
 
 .timeTable2 {
     padding: 28% 3% 0;
 }
 
 .timeTable th {
     width: 86px;
     border-right: 1px solid #837d7b;
 }
 
 .timeTable td {
     width: 75px;
 }
 
 .timeTable td span {
     display: block;
     font-size: 8px;
     font-weight: bold;
 }
 
 .timeTable td:empty {
     background: url(../img/tdLine.png);
     background-size: 100% 100%;
 }
 
 .timeTable td img {
     display: inline;
     vertical-align: middle;
 }
 
 .timeTable tbody {
     border-bottom: 1px solid #372628;
 }
 
 .timeTable tbody.uppertable {
     border-bottom: 1px solid #372628;
 }
 
 .timeTable .txt_b {
     font-weight: bold;
 }
 
 .timeTable #tbl2 {
     border: none;
     margin: 6% 0 0;
 }
 
 .timeTable #tbl2 th {
     border: none;
 }
 
 #tTableMess {
     margin: 0 0 10px;
     margin: 0 0 1rem;
     text-align: center;
     font-size: 12px;
     font-size: 1.2rem;
     font-weight: bold;
 }
 
 .tTableMess {
     padding: 5px 0 10px;
     padding: 0.5rem 0 1rem;
     text-align: center;
     font-size: 12px;
     font-size: 1.2rem;
     font-weight: bold;
 }
 
 .childText {
     font-size: 12px;
     font-size: 1.2rem;
     line-height: 1.7;
     margin: 5px 0;
     margin: 0.5rem 0;
 }
 /*座席*/
 
 .seatList li {
     float: left;
     width: 48%;
     text-align: center;
     margin: 0 0 15px;
     margin: 0 0 1.5rem;
 }
 
 .seatList li:nth-of-type(even) {
     float: right;
 }
 /*先行販売*/
 
 #preceding1 {
     padding: 30% 3% 3%;
 }
 
 .preceding {
     padding: 3%;
 }
 
 .preceding h4 {
     margin: 2% 0 4%;
     text-align: center;
 }
 
 .leftBox {
     text-align: center;
     background: #fff;
 }
 
 .leftBox h5 {
     line-height: 1;
 }
 
 .leftBox h5 img {
     border-radius: 5px 5px 0 0;
 }
 
 .rightBox {
     border-radius: 5px 5px 0 0;
     text-align: left;
     background: #fcf8eb;
     padding: 6% 0 4%;
 }
 
 .rightBox p {
     font-size: 16px;
     font-size: 1.6rem;
     line-height: 1.4;
     text-align: center;
 }
 
 .rightBox .mailClubLink {
     margin: 10px 0 0;
     margin: 1rem 0 0;
     font-size: 12px;
     font-size: 1.2rem;
 }
 
 .rightBox .mailClubLink a {
     text-decoration: underline;
     color: #000;
 }
 
 .rightBox .tell,
 .group .tell {
     padding: 2% 0 0;
     font-weight: bold;
 }
 
 .rightBox .tell a,
 .group .tell a {
     color: #000;
     font-size: 24px;
     font-size: 2.4rem;
     line-height: 36px;
     text-decoration: none;
 }
 
 .rightBox .tell img,
 .group .tell img {
     margin-right: 2%;
     vertical-align: baseline;
     width: 7.5%;
 }
 
 .rightBox .tell2,
 .group .tell2 {
     font-size: 18px;
     font-size: 1.8rem;
     line-height: 24px;
 }
 
 .rightBox .tell2 a,
 .group .tell2 a {
     font-size: 20px;
     font-size: 2rem;
 }
 
 .rightBox .tell2 img,
 .group .tell2 img {
     width: 8%;
     vertical-align: sub;
 }
 /*一般発売*/
 
 .general {
     background-color: #fff;
     padding: 30% 3% 3%;
     color: #000;
 }
 
 .general div.clearfix {
     text-align: center;
 }
 
 .general div.clearfix dt {
     width: 100%;
     border-radius: 4px;
     font-size: 12px;
     font-size: 1.2rem;
     line-height: 1;
     padding: 8px 0;
     padding: 0.8rem 0;
     margin: 0 0 10px;
     margin: 0 0 1rem;
     color: #fff;
     background: #b39d5e;
     font-weight: bold;
     box-shadow: 0px 4px 2.97px 0.03px rgba(0, 0, 0, 0.26);
 }
 
 .general div.clearfix dd {
     font-size: 18px;
     font-size: 1.8rem;
     font-weight: bold;
     line-height: 1;
     margin: 20px 0 30px;
     margin: 2rem 0 3rem;
 }
 
 .ticketList1 dt {
     padding: 10px 0 5px;
     padding: 1rem 0 0.5rem;
     font-weight: bold;
     font-size: 14px;
     font-size: 1.4rem;
 }
 
 .ticketList1 dd {
     font-size: 14px;
     font-size: 1.4rem;
     padding: 0 0 10px;
     padding: 0 0 1rem;
     border-bottom: 1px dotted #000;
 }
 
 .ticketList1 dd a {
     text-decoration: underline;
     color: #000;
 }
 /*グループ観劇*/
 
 .group {
     padding: 33% 3% 0;
     text-align: center;
     background-color: #fff;
     color: #000;
     font-size: 18px
 }
 
 .group p {
     font-size: 14px;
     font-size: 1.4rem;
     line-height: 1.7;
 }
 
 .group dl {
     width: 100%;
     margin: 0 auto;
 }
 
 .group dt {
     width: 100%;
     background: #b39d5e;
     border-radius: 4px;
     line-height: 1;
     padding: 8px 0;
     padding: 0.8rem 0;
     margin: 20px 0;
     margin: 2rem 0;
     color: #fff;
     font-size: 12px;
     font-size: 1.2rem;
     font-weight: bold;
     box-shadow: 0px 4px 2.97px 0.03px rgba(0, 0, 0, 0.26);
 }
 
 .group dd {
     line-height: 1;
     text-align: center;
     font-weight: bold;
     font-size: 26px;
     font-size: 2.6rem;
     padding: 10px 0;
     padding: 1rem 0;
 }
 /*プレイガイド*/
 
 .handling {
     padding: 30% 3% 6%;
     background-color: #fff;
     color: #000;
 }
 
 .handling a {
     color: #000;
     text-decoration: underline;
 }
 
 .ticketList2 {
     margin: 0 0 10px;
     margin: 0 0 1rem;
     color: #000;
 }
 
 .ticketList2 dt {
     padding: 15px 0 0;
     padding: 1.5rem 0 0;
     margin-bottom: 5px;
     margin-bottom: 0.5rem;
     font-weight: bold;
 }
 
 .ticketList2 dd {
     width: 100%;
     padding: 3px 0;
     padding: 0.3rem 0;
     line-height: 1.6;
 }
 
 .ticketList2 .bBorder {
     border-bottom: 1px dotted #000;
     padding-bottom: 10px;
     padding-bottom: 1rem;
 }
 /*アクセス
----------------------------------------------*/
 
 .accessArea {
     background: #4a9ae4;
     background-size: contain;
     text-align: center;
     padding: 0 0 40px;
 }
 
 .innerContent.accessArea h2 {
     margin: 0;
 }
 /*ページトップボタン
----------------------------------------------*/
 
 .dlBtn {
     display: block;
     text-align: center;
     background: url(../img/btnBg.png) center center repeat;
     border-radius: 3px;
     height: 76px;
     line-height: 76px;
     width: 430px;
     font-size: 16px;
     color: #fff;
     margin: 0 auto;
 }
 
 .dlBtn span {
     display: inline;
     vertical-align: middle;
 }
 
 #pageTopBtn {
     display: block;
     width: 58px;
     height: 58px;
     overflow: hidden;
     background: url(../img/pageTop.png) center center no-repeat;
     background-size: auto 100%;
     position: fixed;
     bottom: 30px;
     opacity: 0;
     z-index: 6;
     text-indent: -9999px;
 }
 
 #contBtn {
     display: block;
     width: 100%;
     border: 1px solid #fff;
     line-height: 4;
     font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 }
 
 @media screen and (orientation:landscape) {
     .newsList dt {
         width: 25%;
     }
     .newsList dd {
         width: 73%;
     }
     .recommendArea>ul {
         padding: 5% 18% 3%;
     }
     .recommendArea>ul>li {
         font-size: 18px;
         font-size: 1.8rem;
         background-size: 20px;
         padding-left: 8%;
     }
     .ticketDetailList .tic_txt3 p {
         width: 70%;
     }
 }