@charset "utf-8";

@media print {

    * {
        margin: 0;
        padding: 0
    }

    @page {
        size: A4 landscape;
        margin: 0mm;
    }

    html,
    body {
        height: 100%;
    }

    body {
        width: 100%;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 100%;
        line-height: 1.4;
        -webkit-text-size-adjust: 100%;
        color: #000;
        -webkit-print-color-adjust: exact;
    }

    .for-sp {
        display: none;
    }

    .inner {
        width: 1000px;
        margin: 0 auto;
    }

    .bgGradationRed01 {
        background: #00632b;
        background: linear-gradient(to bottom, #387D48 0%, #00632b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#811c29', endColorstr='#640f1a', GradientType=0);
    }

    #wrap ul li {
        list-style-type: none;
    }

    #wrap img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }

    #globalHeader {
        padding: 14px 0;
        background-color: #fff;
    }

    #globalHeader #logo01 {
        width: 19.6%;
        float: left;
    }

    #globalHeader #logo02 {
        width: 61.5%;
        float: left;
    }

    #globalNav {
        background-color: #000;
        transition: 0.6s;
        z-index: 999;
    }

    #globalNav ul {
        width: 96%;
        margin: 0 auto;
    }

    #globalNav ul li {
        float: left;
        border-left: #fff 1px solid;
    }

    #globalNav ul li a {
        display: block;
        width: 100%;
    }

    #globalNav ul li a:before {
        background-color: rgba(77, 166, 53, 0.7);
    }

    #globalNav ul li.current a {
        background-color: rgba(77, 166, 53, 0.7);
    }

    #globalNav ul li:first-child {
        width: 10.9375%;
    }

    #globalNav ul li:nth-child(2) {
        width: 11.04166667%;
    }

    #globalNav ul li:nth-child(3) {
        width: 10.9375%;
    }

    #globalNav ul li:nth-child(4) {
        width: 11.04166667%;
    }

    #globalNav ul li:nth-child(5) {
        width: 11.04166667%;
    }

    #globalNav ul li:nth-child(6) {
        width: 10.9375%;
    }

    #globalNav ul li:nth-child(7) {
        width: 11.04166667%;
    }

    #globalNav ul li:nth-child(8) {
        width: 11.04166667%;
    }

    #globalNav ul li:nth-child(8) a {
        width: 99.5%;
    }

    #globalNav ul li:last-child {
        border-right: #fff 1px solid;
        width: 10.9375%;
    }

    #globalNav ul li:last-child .col05 .col05List {
        float: left;
    }

    #globalNav ul li:last-child .col05 .col05List:first-child {
        width: 31.42857143%;
    }

    #globalNav ul li:last-child .col05 .col05List:nth-child(2) {
        width: 16.19047619%;
    }

    #globalNav ul li:last-child .col05 .col05List:nth-child(3) {
        width: 5.71428571%;
    }

    #globalNav ul li:last-child .col05 .col05List:nth-child(4) {
        width: 15.23809524%;
    }

    #globalNav ul li:last-child .col05 .col05List:last-child {
        width: 31.42857143%;
    }

    #globalNav ul li:last-child .col05 .col05List a {
        border-left: none;
        border-right: none;
    }

    #globalNav.scrolled {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        transition: 0.6s;
        background-color: rgba(0, 0, 0, 0.8);
    }

    .sec .sectionInner {
        width: 96%;
        margin: 0 auto;
    }

    #btn_pagetop {
        position: fixed;
        right: 20px;
        bottom: 40px;
        width: 70px;
        border: #fff 1px solid;
        z-index: 999;
    }

    #btn_pagetop a {
        background-color: #000;
        display: block;
        width: 100%;
    }

    #btn_pagetop a:before {
        background-color: #4da635;
    }

    .anchorNav .ttl {
        background-color: #666666;
        padding: 0 10px;
        width: 160px;
        color: #fff;
        position: relative;
        font-size: 13px;
        line-height: 24px;
        transition: 0.6s;
    }

    .anchorNav .ttl::after {
        color: #fff;
    }

    .anchorNav .name {
        padding: 7px 10px;
        width: 160px;
        color: #000;
        font-size: 16px;
        font-weight: 700;
        transition: 0.6s;
        display: block;
        background-color: #ebebeb;
        font-family: 'Noto Serif JP', serif;
    }

    .anchorNav .name:before {
        background-color: #666;
    }

    .anchorNav .name span {
        display: block;
        font-weight: 400;
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 12px !important;
    }

    .anchorNav .name .txt01 {
        font-size: 14px;
    }

    .anchorNav .name .txt02 {
        font-size: 11px;
        letter-spacing: -1px;
    }

    .anchorNav ul {
        width: 96%;
        margin: 0 auto;
    }

    .anchorNav ul.first {
        margin-bottom: 15px;
    }

    .anchorNav ul li {
        width: 18.75%;
        float: left;
        margin-right: 1.5625%;
    }

    .anchorNav ul li:nth-child(5) {
        margin-right: 0;
    }

    .anchorNav ul li .ttl::before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 25px 25px 0 0;
        border-color: #666666 transparent transparent transparent;
        top: 0px;
        right: 30.55555556%;
        z-index: 2;
    }

    .anchorNav ul li .ttl::after {
        position: absolute;
        right: 0;
        top: 0;
        line-height: 24px;
        text-align: center;
        width: 30.55555556%;
        padding-left: 13.88888889%;
        z-index: 1;
    }

    .anchorNav ul li.new .ttl:after {
        content: '新制作';
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4d9f35+0,326513+100 */
        background: #4d9f35;
        /* Old browsers */
        background: -moz-linear-gradient(top, #4d9f35 0%, #326513 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #4d9f35 0%, #326513 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #4d9f35 0%, #326513 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d9f35', endColorstr='#326513', GradientType=0);
        /* IE6-9 */
    }

    .anchorNav ul li.replay .ttl::after {
        content: '再演';
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1c64a7+0,08287f+100 */
        background: #1c64a7;
        /* Old browsers */
        background: -moz-linear-gradient(top, #1c64a7 0%, #08287f 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #1c64a7 0%, #08287f 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #1c64a7 0%, #08287f 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c64a7', endColorstr='#08287f', GradientType=0);
        /* IE6-9 */
    }

    .anchorNav ul li.new.world .ttl:after {
        content: '世界初演';
        background-color: #08287f;
    }

    .anchorNav ul li.new.world .ttl:before {
        border-color: transparent transparent #08287f transparent;
    }

    .anchorNav ul li a {
        text-decoration: none;
    }

    .anchorNav ul li a:hover .name {
        color: #fff;
        transition: 0.6s;
    }

    .setTicketNav {
        position: fixed;
        right: -665px;
        width: 746px;
        z-index: 11;
    }

    .setTicketNav.close {
        display: none !important;
    }

    .setTicketNav dl {
        width: 100%;
    }

    .setTicketNav dl dd,
    .setTicketNav dl dt {
        float: left;
        font-size: 14px;
        display: inline-block;
    }

    .setTicketNav dl dt {
        width: 80px;
        vertical-align: middle;
        position: relative;
        height: 260px;
        margin-right: 1px;
        cursor: pointer;
        background: url(../img/cmmn/icon_information.png) 50% 10% no-repeat #4ea636;
        background-size: 30px;
        font-family: 'Noto Serif JP', serif;
    }

    .setTicketNav dl dt span {
        color: #fff;
        writing-mode: vertical-rl;
        position: absolute;
        top: 60px;
        left: 35%;
        font-size: 18px;
    }

    .setTicketNav dl dd {
        width: 665px;
        position: relative;
    }

    .setTicketNav dl dd .side_nav_inner {
        width: 580px;
        margin: 0 auto;
    }

    .setTicketNav dl dd .side_nav_inner h2 {
        font-size: 20px;
        padding-bottom: 10px;
        border-bottom: #000 1px solid;
        margin-bottom: 20px;
    }

    .setTicketNav dl dd .sidenav_ttl {
        color: #fff;
        font-weight: bold;
    }

    .setTicketNav dl dd .btn {
        width: 250px;
        margin: 0 auto;
    }

    .setTicketNav dl dd .btn a {
        display: block;
        width: 100%;
        background: url(../img/icon_external_white.png) 93% center no-repeat #4ea636;
        background-size: 17px;
        border: #08287f 1px solid;
        text-align: center;
        text-decoration: none;
        color: #fff;
        font-size: 16px;
        padding: 15px 0;
        border-radius: 15px;
        transition: 0.6s;
    }

    .setTicketNav dl dd .btn a:hover {
        transition: 0.6s;
        background: url(../img/icon_external_blue.png) 93% center no-repeat #fff;
        background-size: 17px;
        color: #08287f;
    }

    .setTicketNav dl dd .inquiry01 {
        background-color: #fff;
        padding: 20px 0;
        border: #4ea636 2px solid;
    }

    .setTicketNav dl dd .inquiry01 .sidenav_ttl {
        font-size: 20px;
        padding-bottom: 10px;
        border-bottom: #fff 1px solid;
        margin-bottom: 20px;
    }

    .setTicketNav dl dd .inquiry01 .bgGray {
        background-color: #4da635;
        padding: 0 0 10px;
        margin-bottom: 20px;
    }

    .setTicketNav dl dd .inquiry01 .bgGray h3 {
        text-align: center;
        font-size: 26px;
        color: #fff;
        position: relative;
        font-family: 'Noto Serif JP', serif;
        font-weight: 700;
        margin-bottom: 0;
    }

    .setTicketNav dl dd .inquiry01 .bgGray h3 span.subTtl {
        font-size: 16px;
        display: block;
        margin-bottom: 5px;
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        top: 15px;
    }

    .setTicketNav dl dd .inquiry01 .bgGray h3 span.period {
        font-size: 16px;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
    }

    .setTicketNav dl dd .inquiry01 .bgGray .col02 {
        width: 80.20833333%;
        margin: 0 auto;
    }

    .setTicketNav dl dd .inquiry01 .bgGray .col02 .col02List {
        width: 50%;
        float: left;
    }

    .setTicketNav dl dd .inquiry01 .bgGray .col02 .col02List ul {
        width: 100%;
    }

    .setTicketNav dl dd .inquiry01 .bgGray .col02 .col02List ul li {
        float: left;
        line-height: 20px;
        padding: 2px 0;
    }

    .setTicketNav dl dd .inquiry01 .bgGray .col02 .col02List ul li.red {
        background-color: #811c29;
    }

    .setTicketNav dl dd .inquiry01 .bgGray .col02 .col02List ul li.blue {
        background-color: #08287f;
    }

    .setTicketNav dl dd .inquiry01 .bgGray .col02 .col02List ul li:first-child {
        width: 25.97402597%;
        margin-right: 2.07792208%;
        font-size: 14px;
        text-align: center;
        color: #fff;
    }

    .setTicketNav dl dd .inquiry01 .bgGray .col02 .col02List ul li:last-child {
        width: 71.94805195%;
        font-size: 16px;
        color: #000;
    }

    .setTicketNav dl dd .inquiry01 .first h3 {
        background-color: #b48644;
        font-size: 16px;
        color: #fff;
        text-align: center;
        line-height: 1;
        padding: 11px 0;
        margin-bottom: 25px;
    }

    .setTicketNav dl dd .inquiry01 .bgGray .list {
        width: 95%;
        margin: 0 auto;
    }

    .setTicketNav dl dd .inquiry01 .bgGray .list li {
        width: 48%;
    }

    .setTicketNav dl dd .inquiry01 .bgGray .list li:first-child {
        float: left;
        position: relative;
    }

    .setTicketNav dl dd .inquiry01 .bgGray .list li:first-child::after {
        content: '';
        width: 20px;
        height: 25px;
        background: url("../img/top/icon_pdf01_black.png") left top no-repeat;
        background-size: contain;
        display: block;
        position: absolute;
        right: 4%;
        top: 17%;
        transition: 0.6s;
    }

    .setTicketNav dl dd .inquiry01 .bgGray .list li:first-child:hover::after {
        transition: 0.6s;
        background: url("../img/top/icon_pdf01_white.png") left top no-repeat;
        background-size: contain;
    }

    .setTicketNav dl dd .inquiry01 .bgGray .list li:last-child {
        float: right;
    }

    .setTicketNav dl dd .inquiry01 .bgGray .list li a {
        font-size: 12px;
        background-color: #fff;
        display: block;
        width: 100%;
        text-align: center;
        text-decoration: none;
        padding: 10px 0;
        color: #000;
        transition: 0.6s;
        border-radius: 5px;
    }

    .setTicketNav dl dd .inquiry01 .bgGray .list li a::before {
        background-color: #08287f;
        border-radius: 5px;
    }

    .setTicketNav dl dd .inquiry01 .bgGray .list li a:hover {
        transition: 0.6s;
        color: #fff;
    }

    .setTicketNav dl dd .inquiry01 .first .col02 {
        width: 100%;
        margin: 0 auto;
    }

    .setTicketNav dl dd .inquiry01 .first .col02 .col02List {
        width: 47.76119403%;
    }

    .setTicketNav dl dd .inquiry01 .first .col02 .col02List:first-child {
        float: left;
    }

    .setTicketNav dl dd .inquiry01 .first .col02 .col02List:last-child {
        float: right;
    }

    .setTicketNav dl dd .inquiry01 .first .col02 .col02List:first-child {
        position: relative;
    }

    .setTicketNav dl dd .inquiry01 .first .col02 .col02List:first-child:after {
        content: '';
        width: 1px;
        height: 100%;
        display: block;
        border-right: #dfdfdf 1px solid;
        position: absolute;
        right: -5%;
        top: 0;
    }

    .setTicketNav dl dd .inquiry01 .first .col02 .col02List:first-child .lnk01 a {
        padding: 6px 0;
    }

    .setTicketNav dl dd .inquiry01 .first .col02 .col02List:first-child .img01 {
        margin: 5px 0;
    }

    .setTicketNav dl dd .inquiry01 .first .col02 .col02List:last-child .lnk01 a {
        padding: 15px 0;
    }

    .setTicketNav dl dd .inquiry01 .first .lnk01 {
        margin-bottom: 10px;
    }

    .setTicketNav dl dd .inquiry01 .first .lnk01 a {
        display: block;
        width: 100%;
        border-radius: 5px;
        color: #fff;
        font-size: 16px;
        text-align: center;
        background-color: #08287f;
        text-decoration: none;
        position: relative;
    }

    .setTicketNav dl dd .inquiry01 .first .lnk01 a span {
        font-size: 12px;
        display: block;
    }

    .setTicketNav dl dd .inquiry01 .first .lnk01 a:before {
        background-color: #011b6a;
        border-radius: 5px;
    }

    .setTicketNav dl dd .inquiry01 .first .lnk01 a:after {
        content: '';
        background: url(../img/top/icon_double_arrow01_white.png) left top no-repeat;
        background-size: 100%;
        width: 4.0625%;
        height: 14px;
        position: absolute;
        right: 8%;
        top: 35%;
        transition: 0.6s;
    }

    .setTicketNav dl dd .inquiry01 .first .lnk01 a:hover:after {
        transition: 0.6s;
        right: 4%;
    }

    .setTicketNav dl dd .inquiry01 .first .col02 .col02List:first-child {
        position: relative;
    }

    .setTicketNav dl dd .inquiry01 .first .col02 .col02List:first-child:after {
        content: '';
        width: 1px;
        height: 100%;
        display: block;
        border-right: #dfdfdf 1px solid;
        position: absolute;
        right: -5%;
        top: 0;
    }

    .setTicketNav dl dd .inquiry01 .first .col02 .col02List:first-child .lnk01 a {
        padding: 6px 0;
    }

    .setTicketNav dl dd .inquiry01 .first .col02 .col02List:first-child .img01 {
        margin: 5px 0;
    }

    .setTicketNav dl dd .inquiry01 .first .col02 .col02List:last-child .lnk01 a {
        padding: 15px 0;
    }

    .setTicketNav dl dd .btn_sidenav_close {
        width: 60px;
        position: absolute;
        right: 0;
        top: 0;
    }

    #globalFooter {
        background-color: #000;
        padding: 45px 0;
    }

    #globalFooter .secTxt01,
    #globalFooter h2 {
        color: #fff;
    }

    #globalFooter .secTxt01 a,
    #globalFooter h2 a {
        color: #fff;
        text-decoration: none;
        transition: 0.6s;
    }

    #globalFooter .secTxt01 a:hover,
    #globalFooter h2 a:hover {
        transition: 0.6s;
        color: #4da635;
    }

    #globalFooter h2 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    #globalFooter .secTxt01 {
        font-size: 13px;
        line-height: 1.76923077;
    }

    #globalFooter .externalLnk {
        margin-top: 15px;
    }

    #globalFooter .externalLnk a {
        text-decoration: underline;
        position: relative;
        display: block;
        width: 100%;
    }

    #globalFooter .externalLnk a:after {
        content: '';
        width: 16px;
        height: 14px;
        background: url(../img/cmmn/icon_external.png) left top no-repeat;
        background-size: contain;
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
    }

    #globalFooter .col02 {
        width: 96%;
        margin: 0 auto 25px;
    }

    #globalFooter .col02 .col02List:first-child {
        float: left;
        width: 61.45833333%;
    }

    #globalFooter .col02 .col02List:first-child ul li.txt {
        width: 47.45762712%;
        float: right;
    }

    #globalFooter .col02 .col02List:first-child ul li.img {
        width: 46.61016949%;
        float: left;
    }

    #globalFooter .col02 .col02List:last-child {
        float: right;
        width: 31.25%;
    }

    #globalFooter .col02 .col02List:last-child ul li {
        width: 50%;
        float: left;
    }

    #globalFooter .col02 .col02List:last-child ul li a {
        text-decoration: underline;
    }

    #globalFooter .col02 .col02List:last-child ul li .secTxt01 {
        margin-bottom: 10px;
    }

    #globalFooter .col02 .col02List:last-child ul li .secTxt01:last-child {
        margin-bottom: 0;
    }

    #globalFooter #bnr {
        width: 96%;
        margin: 0 auto 25px;
    }

    #globalFooter #bnr .col04List {
        width: 25.625%;
        float: left;
        margin-right: 1.25%;
    }

    #globalFooter #bnr .col04List a {
        display: block;
        width: 100%;
        position: relative;
    }

    #globalFooter #bnr .col04List a:before {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        transition: 0.6s;
        opacity: 0;
    }

    #globalFooter #bnr .col04List a:hover:before {
        transition: 0.6s;
        opacity: 1;
    }

    #globalFooter #bnr .col04List:first-child a:before {
        background: url(../img/cmmn/f_bnr01_on.png) left top no-repeat;
        background-size: 100%;
    }

    #globalFooter #bnr .col04List:nth-child(2) a:before {
        background: url(../img/cmmn/f_bnr02_on.png) left top no-repeat;
        background-size: 100%;
    }

    #globalFooter #bnr .col04List:nth-child(3) a:before {
        background: url(../img/cmmn/f_bnr03_on.png) left top no-repeat;
        background-size: 100%;
    }

    #globalFooter #bnr .col04List:last-child a:before {
        background: url(../img/cmmn/f_bnr04_on.png) left top no-repeat;
        background-size: 100%;
    }

    #globalFooter #bnr .col04List:last-child,
    #globalFooter #bnr .col04List:nth-child(3) {
        width: 22.39583333%;
    }

    #globalFooter #bnr .col04List:last-child {
        margin-right: 0;
    }

    #globalFooter .copy {
        width: 96%;
        margin: 0 auto;
    }

    #globalFooter .copy li {
        color: #fff;
        font-size: 10px;
    }

    #globalFooter .copy li:first-child {
        float: left;
    }

    #globalFooter .copy li:last-child {
        float: right;
    }

    #mainContents {
        font-family: 'Noto Sans JP', sans-serif;
        margin-bottom: 45px;
    }

    #lineupMv {
        /*
    background: url(../img/lineup/bg_mv.jpg) 50% top no-repeat #000;
    background-size: cover;
    */
        background-color: #aaa;
    }

    #lineupMv img {
        opacity: 0;
    }

    #lineupMv.new2021 {
        background: url(../img/lineup/bg_mv.jpg) 50% top no-repeat #000;
        background-size: cover;
    }

    #lineupMv.new2021 img {
        opacity: 1;
    }

    .bgBlack .lineupTxt01.lineupComment {
        margin-left: 2%;
    }

    .supText {
        font-size: 75.5% !important;
    }

    .sectionInner section {
        margin-bottom: 45px;
    }

    .sectionInner section:last-child {
        margin-bottom: 0;
    }

    .detailLnk {
        width: 200px;
        margin: 0 auto;
    }

    .detailLnk a {
        display: block;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        background-color: #4da635;
        color: #fff;
        transition: 0.6s;
        text-decoration: none;
        border-radius: 5px;
        position: relative;
    }

    .detailLnk a::before {
        border-radius: 5px;
        background-color: #00632b;
    }

    .detailLnk a::after {
        content: '';
        background: url("../img/top/icon_external_white.png") left top no-repeat;
        background-size: 100%;
        display: block;
        width: 15px;
        height: 25px;
        position: absolute;
        right: 15px;
        top: 15px;
    }

    .lineupTxt01 {
        font-size: 16px;
        line-height: 1.6;
    }

    .lineupTxt01.lineupComment {
        font-size: 14px;
        line-height: 1.6;
        position: relative;
        padding-left: 20px;
        width: 94%;
        margin-top: 10px;
    }

    .lineupTxt01.lineupComment:before {
        content: '※';
        position: absolute;
        left: 0;
        top: 0;
    }

    .iconTakuji {
        position: relative;
        padding-left: 30px;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .iconTakuji:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background: url("../img/top/icon_takuji03_pink.png") left top no-repeat;
        background-size: 100%;
        width: 24px;
        height: 27px;
    }

    .lineupTxt02 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .lineupH2 {
        font-size: 20px;
        line-height: 1;
        text-align: center;
        color: #fff;
        padding: 15px 0;
        font-weight: 700;
        font-family: 'Noto Serif JP', serif;
    }

    .lineupH2 span {
        font-size: 16px;
    }

    .lineupH4 {
        font-family: 'Noto Serif JP', serif;
        font-size: 20x;
        line-height: 1;
        text-align: center;
        margin-bottom: 25px;
        color: #811c29;
        font-size: 20px;
    }

    .lineupH5 {
        background-color: #acacac;
        color: #fff;
        line-height: 1;
        font-size: 13px;
        padding: 5px 0 5px 1.35416667%;
        margin-bottom: 25px;
        font-weight: 400;
    }

    .programDesc {
        line-height: 2.0625;
        margin-bottom: 45px;
    }

    .programVisual {
        background-color: rgba(0, 0, 0, 0.8);
        margin-bottom: 10px;
    }

    .programVisual .img01 {
        width: 69%;
        margin: 0 auto;
    }

    .copy {
        width: 69%;
        margin: 0 auto;
        font-size: 14px;
        line-height: 1;
        margin-bottom: 45px;
        color: #8e8e8e;
    }

    .fntClrWhite {
        color: #fff;
    }

    .bgBlack {
        padding: 50px 0 70px;
    }

    .bgBlack .fntClrWhite {
        margin-top: 15px;
        margin-left: 2%;
    }

    .bgDarkGray {
        background-color: #4d4d4d;
    }

    .bgDarkGray .sectionInner {
        padding: 9px 0;
        padding-left: 10%;
        width: 86%;
        position: relative;
    }

    .bgDarkGray .sectionInner .osusume {
        text-align: center;
        color: #b48644;
        font-size: 10px;
        line-height: 1.1;
        border: #b48644 1px solid;
        border-radius: 126px;
        position: absolute;
        top: 14%;
        right: 5%;
        padding: 11px 2px;
        background-color: #fff;
    }

    .bgDarkGray .sectionInner.new:after {
        content: '新制作';
        background-color: #4da635;
        position: absolute;
        right: 0;
        top: 28%;
        font-size: 14px;
        display: inline-block;
        text-align: center;
        color: #fff;
        padding: 3px 5px;
        font-weight: 500;
    }

    .bgDarkGray .sectionInner.world:after {
        content: '創作委嘱作品･世界初演';
        position: absolute;
        right: 0;
        top: 0px;
        font-size: 14px;
        display: inline-block;
        background-color: #08287f;
        text-align: center;
        color: #fff;
        padding: 3px 5px;
        font-weight: 500;
    }

    .bgDarkGray .sectionInner.replay:after {
        content: '再演';
        background-color: #08287f;
        position: absolute;
        right: 0;
        top: 28%;
        font-size: 14px;
        display: inline-block;
        text-align: center;
        color: #fff;
        padding: 3px 5px;
        font-weight: 500;
    }

    .bgDarkGray ul li {
        float: left;
    }

    .bgDarkGray ul li:first-child {
        margin-right: 1.5%;
    }

    .bgDarkGray .english {
        font-family: 'Lora', serif;
        font-style: italic;
        font-size: 16px;
        color: #b48644;
        line-height: 1;
        padding-top: 6px;
    }

    .bgDarkGray .english span {
        font-size: 12px;
        display: block;
        margin-bottom: 3px;
    }

    .bgDarkGray .english span span {
        font-size: 10px;
        margin-bottom: 0;
        display: inline-block;
    }

    .bgDarkGray h3 {
        color: #fff;
        font-size: 26px;
        line-height: 1;
        font-weight: 700;
        font-family: 'Noto Serif JP', serif;
    }

    .bgDarkGray h3 span {
        font-size: 14px;
        display: block;
        margin-bottom: 5px;
    }

    .bgDarkGray h3 span span {
        font-size: 10px;
        margin-bottom: 0;
        display: inline-block;
    }

    .bgRouge {
        background-color: #00632b;
        padding: 7px 0;
    }

    .bgRouge .txt01 {
        line-height: 1.4;
        color: #fff;
        font-size: 14px;
        margin-left: 11.5%;
    }

    .schedule {
        margin-bottom: 10px;
    }

    .schedule .col02 {
        margin-bottom: 4px;
    }

    .schedule .col02:last-child {
        margin-bottom: 0;
    }

    .schedule .col02 .col02List {
        float: left;
    }

    .schedule .col02 .col02List:first-child {
        width: 11.45833333%;
        margin-right: 0.41666667%;
        text-align: center;
        font-size: 13px;
        color: #fff;
        line-height: 1;
        padding: 8px 0;
    }

    .schedule .col02 .col02List:first-child.full {
        background-color: rgba(228, 0, 19, 0.6);
    }

    .schedule .col02 .col02List:first-child.mini {
        background-color: rgba(75, 0, 170, 0.6);
    }

    .schedule .col02 .col02List:first-child.vari {
        background-color: #306839;
    }

    .schedule .col02 .col02List:last-child {
        width: 88.125%;
    }

    .schedule .col02 .col02List .col {
        border: #000 1px solid;
    }

    .schedule .col02 .col02List .col .colList {
        border-right: #000 1px solid;
        float: left;
        text-align: center;
        font-size: 14px;
        line-height: 1;
        padding: 6px 0 7px;
    }

    .schedule .col02 .col02List .col .colList ul li {
        font-size: 11px;
        line-height: 1;
        padding: 1px 0;
    }

    .schedule .col02 .col02List .col .colList ul li:first-child {
        border-bottom: #000 1px solid;
    }

    .schedule .col02 .col02List .col .colList.double {
        padding: 0;
    }

    .schedule .col02 .col02List .col .colList:last-child {
        border-right: none;
    }

    .schedule .col02 .col02List .col .purumie {
        background-color: #f29a77;
    }

    .schedule .col02 .col02List .col .weekday {
        background-color: #f9d2db;
    }

    .schedule .col02 .col02List .col .holiday {
        background-color: #f3a7b4;
    }

    .schedule .col02 .col02List .col .machine {
        background-color: #f8c5ab;
    }

    .schedule .col02 .col02List .col .newpro {
        background-color: #85bae5;
    }

    .schedule .col02 .col02List .col .h_machine {
        background-color: #badcf4;
    }

    .schedule .col02 .col02List .col .earlySet {
        background-color: #85bae5;
    }

    .schedule .col02 .col02List .col .lateSet {
        background-color: #abdb87;
    }

    .schedule .col02 .col02List .col .takuji {
        position: relative;
    }

    .schedule .col02 .col02List .col .takuji:after {
        content: '';
        background: url(../img/lineup/icon_takuji03_pink.png) left top no-repeat;
        background-size: 100%;
        width: 13.8121547%;
        height: 27px;
        position: absolute;
        right: 0.6%;
        top: 17%;
    }

    .schedule .col02 .col02List .col .takuji span {
        font-size: 14px;
        letter-spacing: -1px;
    }

    .schedule .col02 .col02List .col .line {
        position: relative;
    }

    .schedule .col02 .col02List .col .line:before {
        content: '';
        width: 102.1%;
        height: 1px;
        border-bottom: #000 1px solid;
        position: absolute;
        left: 0;
        bottom: 49%;
        transform: rotate(-11deg);
    }

    .schedule .col02 .col02List .col.col03 {
        width: 44.0625%;
    }

    .schedule .col02 .col02List .col.col03 .colList {
        width: 33.09692671%;
    }

    .schedule .col02 .col02List .col.col04 {
        width: 66.54846336%;
    }

    .schedule .col02 .col02List .col.col04 .colList {
        width: 24.86678508%;
    }

    .schedule .col02 .col02List .col.col05 {
        width: 83.21513002%;
    }

    .schedule .col02 .col02List .col.col05 .colList {
        width: 19.88636364%;
    }

    .schedule .col02 .col02List .col.col06 {
        width: 100%;
    }

    .schedule .col02 .col02List .col.col06 .colList {
        width: 16.54846336%;
    }

    .staffcast .lineupTxt01 {
        position: relative;
        padding-left: 60px;
        margin-bottom: 15px;
    }

    .staffcast .lineupTxt01:last-child {
        margin-bottom: 0;
    }

    .staffcast .lineupTxt01:before {
        position: absolute;
        left: 0;
        top: 0;
    }

    .staffcast .lineupTxt01.command:before {
        content: '■指揮';
    }

    .staffcast .lineupTxt01.directing:before {
        content: '■演出';
    }

    .staffcast .lineupTxt01.directing2 {
        padding-left: 115px;
    }

    .staffcast .lineupTxt01.directing2:before {
        content: '■演出・美術';
    }

    .staffcast .lineupTxt01.cast:before {
        content: '■出演';
    }

    .staffcast .lineupTxt01.orchestra {
        padding-left: 80px;
    }

    .staffcast .lineupTxt01.orchestra:before {
        content: '■管弦楽';
    }

    .staffcast .col02 .col02List:first-child {
        float: right;
        width: 54.6875%;
    }

    .staffcast .col02 .col02List:first-child ul li {
        width: 22.85714286%;
        float: left;
        margin-right: 2.85714286%;
    }

    .staffcast .col02 .col02List:first-child ul li:last-child {
        margin-right: 0;
    }

    .staffcast .col02 .col02List:first-child ul li .img01 {
        margin-bottom: 3px;
    }

    .staffcast .col02 .col02List:first-child ul li .name01 {
        font-size: 12px;
        text-align: center;
    }

    .staffcast .col02 .col02List:last-child {
        float: left;
        width: 43.22916667%;
    }

    .priceInf section {
        margin-bottom: 10px;
    }

    .priceInf section:last-child {
        margin-bottom: 0;
    }

    .priceInf h6 {
        font-size: 16px;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 10px;
        display: inline-block;
        margin-right: 20px;
    }

    .priceInf h6.opera {
        position: relative;
    }

    .priceInf h6.opera:after {
        position: absolute;
        font-size: 13px;
        border: #000 1px solid;
        text-align: center;
        display: inline-block;
        line-height: 1;
        padding: 2px 0;
        top: 0px;
        right: -60px;
        width: 50px;
        font-weight: 400;
    }

    .priceInf h6.opera00:after {
        content: 'オペラ0';
    }

    .priceInf h6.opera01:after {
        content: 'オペラ1';
    }

    .priceInf h6.opera02:after {
        content: 'オペラ2';
    }

    .priceInf h6.opera03:after {
        content: 'オペラ3';
    }

    .priceInf .lineupTxt01 {
        display: inline-block;
    }

    .priceInf .priceList li {
        display: inline-block;
        margin-right: 15px;
    }

    .priceInf .priceList li:before {
        font-size: 13px;
        text-align: center;
        display: inline-block;
        color: #fff;
        background-color: #000;
        margin-right: 5px;
        padding: 2px 5px;
        line-height: 1;
    }

    .priceInf .priceList li:after {
        content: '円';
        margin-left: 3px;
        display: inline-block;
    }

    .priceInf .priceList li.s:before {
        content: 'S席';
    }

    .priceInf .priceList li.a:before {
        content: 'A席';
    }

    .priceInf .priceList li.b:before {
        content: 'B席';
    }

    .priceInf .priceList li.c:before {
        content: 'C席';
    }

    .priceInf .priceList li.d:before {
        content: 'D席';
    }

    #program01,
    #program02,
    #program03,
    #program04,
    #program05,
    #program06,
    #program07,
    #program08,
    #program09 {
        margin-bottom: 45px;
    }

    #program01 .bgDarkGray .sectionInner {
        background: url(../img/lineup/program01_month.jpg) 0% top no-repeat;
        background-size: contain;
    }

    #program01 .programVisual {
        background: url(../img/lineup/program01_bg01.jpg) 50% top no-repeat;
    }

    #program02 .programVisual {
        background: url(../img/lineup/program02_bg01.jpg) 50% top no-repeat;
    }

    #program02 .bgDarkGray .sectionInner {
        background: url(../img/lineup/program02_month.jpg) 0% top no-repeat;
        background-size: contain;
        padding-left: 12%;
        width: 84%;
    }

    .lineupSec.new2021 .bgCream {
        background-color: #efe8d8;
    }

    .lineupSec.new2021 .bgCream .desc01 {
        line-height: 1;
        font-size: 14px;
        padding: 5px 0 5px 14%;
    }

    .lineupSec.new2021 .bgDarkGray .sectionInner::after {
        top: 14px;
        width: 5.6%;
        padding: 10px 0;
        line-height: 1;
    }

    .lineupSec.new2021 .bgDarkGray .sectionInner .osusume {
        right: 8%;
        top: 14px;
        width: 5.6%;
        padding: 6px 0;
        line-height: 1;
        border-radius: 0;
    }

    #program03 .bgDarkGray .sectionInner {
        background: url(../img/lineup/program03_month.jpg) 0% top no-repeat;
        background-size: contain;
    }

    #program03 .bgRouge .txt01 {
        margin-left: 12.5%;
    }

    #program03 .programVisual {
        background: url(../img/lineup/program03_bg01.jpg) 50% top no-repeat;
    }

    #program04 .bgDarkGray .sectionInner {
        background: url(../img/lineup/program04_month.jpg) 0% top no-repeat;
        background-size: contain;
        padding-left: 12%;
        width: 84%;
    }

    #program04 .programVisual {
        background: url(../img/lineup/program04_bg01.jpg) 50% top no-repeat;
    }

    #program05 .bgDarkGray .sectionInner {
        background: url(../img/lineup/program05_month.jpg) 0% top no-repeat;
        background-size: contain;
    }

    #program05 .programVisual {
        background: url(../img/lineup/program05_bg01.jpg) 50% top no-repeat;
    }

    #program06 .bgDarkGray .sectionInner {
        background: url(../img/lineup/program06_month.jpg) 0% top no-repeat;
        background-size: contain;
    }

    #program06 .programVisual {
        background: url(../img/lineup/program06_bg01.jpg) 50% top no-repeat;
    }

    #program07 .programVisual {
        background: url(../img/lineup/program07_bg01.jpg) 50% top no-repeat;
    }

    #program07 .bgDarkGray .sectionInner {
        background: url(../img/lineup/program07_month.jpg) 0% top no-repeat;
        background-size: contain;
    }

    #program07 .bgDarkGray .txt {
        color: #fff;
        font-size: 26px;
        line-height: 1;
        font-weight: 700;
        font-family: 'Noto Serif JP', serif;
    }

    #program07 .bgDarkGray .txt span {
        font-size: 14px;
        display: block;
        margin-bottom: 5px;
    }

    #program07 .bgDarkGray .txt span span {
        font-size: 10px;
        margin-bottom: 0;
        display: inline-block;
    }

    #program07 .bgDarkGray .col02 .col02List {
        float: left;
    }

    #program07 .bgDarkGray .col02 .col02List:first-child {
        width: 40%;
        position: relative;
    }

    #program07 .bgDarkGray .col02 .col02List:first-child:after {
        content: '';
        width: 1px;
        height: 139%;
        position: absolute;
        right: 3%;
        top: -19.5%;
        border-left: #fff 1px solid;
    }

    #program07 .bgDarkGray .col02 .col02List:last-child {
        width: 60%;
    }

    #program08 .bgDarkGray .sectionInner {
        background: url(../img/lineup/program08_month.jpg) 0% top no-repeat;
        background-size: contain;
    }

    #program08 .programVisual {
        background: url(../img/lineup/program08_bg01.jpg) 50% top no-repeat;
    }

    #program09 .bgRouge {
        margin-bottom: 45px;
    }

    #program09 .bgDarkGray .sectionInner {
        background: url(../img/lineup/program09_month.jpg) 0% top no-repeat;
        background-size: contain;
    }

    #program09 .programVisual {
        background: url(../img/lineup/program09_bg01.jpg) 50% top no-repeat;
    }

    #program10 .bgDarkGray .sectionInner {
        background: url(../img/lineup/program10_month.jpg) 0% top no-repeat;
        background-size: contain;
    }

    #program10 .bgDarkGray .sectionInner .osusume {
        right: 6.77083333%;
    }

    #program10 .programVisual {
        background: url(../img/lineup/program11_bg01.jpg) 50% top no-repeat;
    }
}