/* Generated by less 2.5.1 */
@charset "utf-8";

@media print {
* {margin:0;padding:0}
@page {size: A4 landscape; margin:0mm;}
html, body {height: 100%;}

    /*===============================================
common.css
===============================================*/


    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: 960px;
        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: #e60037;
    }

    .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 #e60037;
        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;
    }

    /*===============================================
top.css
===============================================*/
    .remodal .popup_contents .inner {
        width: 100%;
    }

    .remodal .popup_contents .inner .icon {
        width: 87px;
        margin: 0 auto 15px;
    }

    .remodal .popup_contents .inner .ttl {
        font-size: 18px;
        text-align: center;
        font-weight: 700;
        padding-bottom: 15px;
        border-bottom: #08287f 1px solid;
        color: #08287f;
        margin-bottom: 15px;
        font-family: 'Noto Serif JP', serif;
    }

    .remodal .popup_contents .inner .blue {
        color: #08287f;
        font-weight: 500;
    }

    .remodal .popup_contents .inner .txt01 {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 15px;
        text-align: left;
        font-family: 'Noto Sans JP', sans-serif;
        text-align: center;
    }

    .remodal .popup_contents .inner .comment {
        text-align: left;
        font-size: 14px;
        padding-left: 20px;
        position: relative;
        margin-bottom: 5px;
        font-family: 'Noto Sans JP', sans-serif;
    }

    .remodal .popup_contents .inner .comment:last-child {
        margin-bottom: 0;
    }

    .remodal .popup_contents .inner .comment:before {
        content: '※';
        position: absolute;
        left: 0;
        top: 0;
        line-height: 1.4;
    }

    .remodal .popup_contents .inner .popupIcon01 {
        width: 20px;
        vertical-align: middle;
    }

    .remodal .popup_contents .inner table.tbl01 {
        width: 70%;
        margin: 0 auto 20px;
    }

    .remodal .popup_contents .inner table.tbl01 tr th,
    .remodal .popup_contents .inner table.tbl01 tr td {
        padding: 15px 0;
        position: relative;
    }

    .remodal .popup_contents .inner table.tbl01 tr th::after,
    .remodal .popup_contents .inner table.tbl01 tr td::after {
        content: '';
        width: 100%;
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 2px;
        background-color: #fff;
    }

    .remodal .popup_contents .inner table.tbl01 tr:first-child th {
        background-color: rgba(228, 0, 19, 0.6);
        color: #fff;
    }

    .remodal .popup_contents .inner table.tbl01 tr:last-child th {
        background-color: rgba(75, 0, 170, 0.6);
        color: #fff;
    }

    .remodal .popup_contents .inner table.tbl01 tr th::before {
        content: '';
        width: 2px;
        height: 100%;
        background-color: #fff;
        position: absolute;
        right: 0px;
        bottom: 0;
        display: block;
    }

    .remodal .popup_contents .inner table.tbl01 tr td {
        background-color: #c8c8c8;
    }

    .remodal .popup_contents .inner table.tbl01 tr td.close {
        position: relative;
    }

    .remodal .popup_contents .inner table.tbl01 tr td.close::before {
        content: '終了しました';
        font-size: 14px;
        font-family: 'Noto Serif JP', serif;
        position: absolute;
        right: -3%;
        top: 21%;
        display: block;
        width: 100px;
        color: #fff;
        background-color: red;
        text-align: center;
        transform: rotate(21deg);
    }

    .fntClrWhite {
        color: #fff;
    }

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

    #mainContents .animate{
        opacity: 1.0 !important;
    }

    .inner .secInner {
        width: 96%;
        margin: 0 auto;
    }

    #mainContents #btnApplication {
        position: fixed;
        right: 50px;
        width: 23px;
    }

    #mainContents #btnApplication a {
        width: 100%;
        font-family: 'Noto Serif JP', serif;
        font-weight: bold;
        border: #b48644 4px solid;
        background-color: #08287f;
        color: #b48644;
        -ms-writing-mode: tb-rl;
        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        text-decoration: none;
        display: block;
        padding: 10px 15px;
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
    }

    #mainContents #btnApplication a:hover {
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
        color: #ffffff;
    }

    #topMv {
        background: url(../img/top/bg_h1_base.png) 50% top no-repeat;
        background-size: cover;
        position: relative;
        z-index: 2;
    }

    #topMv .inner {
        position: relative;
    }

    #topMv .logo {
        width: 4.3%;
        position: absolute;
        left: 2%;
        top: 4%;
    }

    #topMv .mvTxt01,
    #topMv .mvTxt02 {
        position: absolute;
        font-family: 'Noto Serif JP', serif;
        line-height: 1;
        font-size: 14px;
        text-align: center;
    }

    #topMv .mvTxt01 {
        width: 33%;
        left: 7%;
        top: 8.5%;
        background: url(../img/top/bg_mvtxt01.png) 50% top no-repeat;
        background-size: contain;
        padding: 12px 0;
    }

    #topMv .mvTxt01 span {
        font-size: 12px;
    }

    #topMv .mvTxt02 {
        width: 33%;
        right: 7%;
        bottom: 35.5%;
        background: url(../img/top/bg_mvtxt02.png) 50% top no-repeat;
        background-size: contain;
        padding: 12px 0;
        color: #fff;
    }

    #topMv .mvTxt02 span {
        font-size: 12px;
    }

    #topMv.ver01 {
        background: url(../img/top/bg_h1.png) 50% top no-repeat, url(../img/top/bg_h1_base.png) 50% top no-repeat;
    }

    #topMv.ver01 .mvTxt01 {
        background: #eee7d8;
        width: 24%;
        padding: 3px 0;
        left: -7.3%;
        top: 115px;
    }

    #topMv.ver01 .mvTxt02 {
        background: #eee7d8;
        width: 22%;
        padding: 3px 0;
        left: -7%;
        color: #000;
        letter-spacing: -1px;
        bottom: auto;
        top: 145px;
    }

    #topMv.ver01 .mvTxt03 {
        display: block;
        font-size: 18px;
        padding-bottom: 5px;
        color: #fff;
        position: absolute;
        right: 0;
        bottom: 120px;
    }

    #topMv.ver01 .mvTxt03 span {
        border-bottom: #fff 3px dotted;
    }

    #topMv.ver01 .logo {
        display: none;
    }

    @keyframes bgAnime {
        0% {
            opacity: 0;
        }

        50% {
            opacity: 0.25;
        }

        50% {
            opacity: 0.5;
        }

        75% {
            opacity: 0.75;
        }

        100% {
            opacity: 1;
        }
    }

    .animate {
        visibility: hidden;
    }

    .animate.is-show {
        animation: show 1s both;
        visibility: visible;
    }

    .animate2.is-show {
        animation-delay: 0.2s;
    }

    .animate3.is-show {
        animation-delay: 0.4s;
    }

    @keyframes show {
        0% {
            opacity: 0;
            transform: translateY(30px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .anchorPoint {
        line-height: 0;
        height: 0;
        font-size: 0;
    }

    #topMovie {
        padding: 87px 0 45px;
        background: url(../img/top/bg_topmovie.png) 50% top no-repeat #DABE84;
        position: relative;
        z-index: 1;
    }
}