@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:500,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:900&text=1234567890年月日(土)昼夜公園：開場演オフィシャル最速先行チケットぴあ①ライトバングル②オフィシャルパンフレット③ネネロボラバーストラップ④オリジナルクリアファイル⑤不織布バッグ⑥デザインチケットレプリカ公演に関するお問合せパシフィコ横浜 国立ホールセカイはまだ始まってすらいないステラモア!ジャンプ!モア!Ready Steadyアイディスマイル「?」ワンダショスペシャルゲスト歌唱メドレーGlory Steady Go!一般発売中ライトバングルaxin()1234567890トレーディング缶バッジ全12種デカ缶バッジトレーディングアクリルキーホルダー全6種マイクロファイバータオルミニ色紙セット6種1セットB2タペストリークリアファイル6枚セットモバイバッテリーオフィシャルパンフレット5000mAhマグカップサコッシュエコバッグハンカチネクタイビッグシルエットTシャツ白黒霽れを待つアイノマテリアルRAD DOGSジャックポットサッドガールミラクルペイントスイートマジック「セカイシンフォニー 事前予約・会場受取」スタート販[当日券WEB受付]10月12日(火) 18:00より受付開始1234567890wed()s封入特典オリジナルラバーストラップ（6種ランダム封入）CD２枚組数量限定! オリジナルクリアファイルプレゼント!!チェーン店別特典クリアファイル 初回封入特典Vocal：星乃一歌、天馬司、宵崎奏 feat. 初音ミクVocal：花里みのり、桐谷遥、桃井愛莉、日野森雫 feat. 初音ミク、MEIKO小豆沢こはね、白石杏、東雲彰人、青柳冬弥 鳳えむ、草薙寧々星乃一歌、天馬咲希、望月穂波、日野森志歩 feat. 初音ミク神代類 feat. 初音ミク、鏡音リン、巡音ルカ宵崎奏、朝比奈まふゆ、東雲絵名、暁山瑞希 豆沢こはね群青讃歌パシフィコ横浜 国立大ホールpjk20事前予約・会場受取」スタート事前予約期間】2022年5月25日（水）20:00～6月5日（日）23:00セカイシンフォニー 事前予約・会場受取」サイトURL時スペシャルゲスト歌唱メドレー「命に嫌われている。」(カンザキイオリ) 他と注釈付S席チケット(1階席)販売中!!（先着受付）見切れ席チケット追加販売中!!（先着受付）セカイシンフォニー2022 オフィシャルグッズ事後通販オリジナルホログラム缶バッジ（6種ランダム封入）abcdefghijkl mnopqrstuvwxyz&＆');

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400&text=セカイシンフォニーとは・・・美しく響く音の祭典—『セカイシンフォニー』プロセカに収録されている楽曲たちをオーケストラ＋スペシャルバンドで奏でるコンサートこの度セカイシンフォニーにスペシャルゲストとして出演させていただくことになりました。実は、詳しい内容をまだ自分は知らないのですが…これからなにが行われるのかとても楽しみな気持ちでいっぱいです。ゲストとして出来る事を務めたいと思います。一緒にセカイシンフォニー、楽しみましょう！たくさんの笑顔で溢れる一日になりますように。所属　ケッケコーポレーション生年月日　6月3日出身地　東京都主な出演作品プロジェクトセカイ　カラフルステージ！ feat.初音ミク　天馬司A3！　斑鳩三角RE-MAIN　牛窓善晴ホリプロインターナショナル所属　3月25日生まれ　広島県出身主な出演作品『ウマ娘 プリティーダービー』トウカイテイオー、『アイドルマスター ミリオンライブ！』伊吹翼、『ライフル・イズ・ビューティフル』小倉ひかりなど。アーティスト活動『トロピカル～ジュ！プリキュア』OP主題歌「Viva! Spark! トロピカル～ジュ！プリキュア」担当。この度「セカイシンフォニー」に出演させていただけることになりました！こんな貴重な機会をいただけて、とっても嬉しい気持ちでいっぱいです！私の演じている草薙寧々ちゃんはミュージカルが大好きなので、オーケストラ演奏で歌唱できることに幸せを感じていると思います。なので、私も寧々の想いをたくさん歌にのせて届けたいと思っています。楽しみにしていてください！1988年第23回東京国際音楽コンクール指揮部門において第１位、翌年国内主要オーケストラを指揮しデビュー。1989年に渡欧。同年、第1回アントニオ・ペドロッティ国際指揮者コンクールに入賞。1995年第1回シベリウス国際指揮者コンクールの最高位に輝く。同年、フィンランド放送交響楽団より招かれ、ヨーロッパデビューを果たす。古典から現代作品まで幅広いレパートリーを持ち、様々なジャンルとのコラボレーションも積極的に行う。国立音楽大学客員教授。栗田博文ブログ　http://hirofumi-kurita.com/1911年創立。日本のオーケストラとして最古の歴史をもち、メンバー約160名、シンフォニーオーケストラと劇場オーケストラの両機能を併せもつ。名誉音楽監督チョン・ミョンフン、首席指揮者アンドレア・バッティストーニ、特別客演指揮者ミハイル・プレトニョフ。自主公演の他、新国立劇場他でのオペラ・バレエ演奏、NHK他における放送演奏など、高水準の演奏活動を展開。また、海外公演も積極的に行い、国内外から高い注目を集めている。1989年からBunkamuraオーチャードホールとフランチャイズ契約を結んでいる。東京都文京区、千葉県千葉市、長野県軽井沢町、新潟県長岡市と事業提携を結び、各地域との教育的、創造的な文化交流を行っている。');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200&display=swap&text=廣瀬大介CommentMachico栗田博文東京フィルハーモニー交響楽団');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap');


@font-face {
	font-family: 'Advantage';
	src: url(../AdvantageDemi.ttf);
}



html,body,a,p,ul,li,h1,h2,h3,h4,h5,h6,figure,dl,dt,dd{margin:0;padding:0;}

*{
    box-sizing: border-box;
    letter-spacing: 0.01em;
    font-family: YakuHanJPs,'Noto Sans JP', sans-serif;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
    font-weight: 700;
    color: #13507d;
    
}


html{
    font-size: 24px;
    
}

@media screen and (max-width: 1130px){
    html{
    font-size: 1.9vw;
}
}


body{
    overflow-x: hidden;
    background: #ebebeb;
}

img{
    width: 100%;
    height: auto;
    pointer-events: none;
    user-select: none;
    display: block;
    font-size: 0;
}

a{
    color: inherit;
    text-decoration: none;
    
}
a:hover{
    transition-duration: 0.2s;
    opacity: 0.7;
}

li{
    list-style-type: none;
}

.sp{
    display: none;
}


@media screen and (max-width: 896px){
    .pc{
        display: none;
    }
    
    .sp{
        display: block;
    }
}



    
.modal.ticket-modal *{
    font-family:'Noto Serif JP', serif;
    color: #000;
    font-size: 21px;
    font-weight: 600;
}

.modal.ticket-modal h2{
    font-size: 1.5rem;
    text-align:center;
    margin-bottom: 50px;
    
}
.modal.ticket-modal h3,.modal.ticket-modal h3 span,.modal.ticket-modal aside{
    font-family: YakuHanJPs,'Noto Sans JP', sans-serif;
    text-align:center;
    color: #e30077;
    
}
.modal.ticket-modal h3{
    font-size: 28px;
    margin-top: 25px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.modal.ticket-modal h3 span{
    font-size: 24px;
}
.modal.ticket-modal aside{
    font-size: 14.5px;
    margin-bottom: 25px;
    
}
.modal.ticket-modal .ticket-btn{
    text-align:center;
    background: #e30077;
    display: block;
    color: #fff;
    font-family: YakuHanJPs,'Noto Sans JP', sans-serif;
    font-size: 30px;
    border-radius: 0.7em;
    line-height: 1.3;
    padding: 12px 50px;
    position: relative;
    margin-top: 15px;
}


.modal.ticket-modal .ticket-btn span{
    display: block;
    color: #fff;
    font-family: YakuHanJPs,'Noto Sans JP', sans-serif;
    font-size: 66%;
    font-weight: 500;
}

.modal.ticket-modal .ticket-btn img{
    width: 29px;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
}
   
.prf-modal{
    width: 530px;
    display: none;
   position: relative;
    z-index: 999999999;
    
}
.prf-modal#prf4{
    width: 770px;
}

.prf-modal#prf4 figure{
    width: 100%;
}
.prf-modal h2{
    font-family: YakuHanJP,'Noto Serif JP', serif;
    color: #fff;
    font-weight: 200;
    margin-bottom: 15px;
    font-size: 48px;
}
.prf-modal p{
    text-align: left;
    color: #fff;
    font-size: 15.5px;
    font-weight: 400;
    line-height: 1.7;
    text-align: justify;
}

.prf-modal p a{
    font-weight: 400;
}
.prf-modal figure{
    width: 70%;
    margin: 0 auto 15px;
}
.comment{
    margin-top: 40px;
}
.comment strong{
    font-family: YakuHanJP,'Noto Serif JP', serif;
    color: #fff;
    font-weight: 200;
    font-size: 18px;
    border-bottom: solid 1px;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 5px;
    
}

.goods-modal{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    display: none;
}
@media screen and (max-width: 896px){
    
    .modal.ticket-modal *{
    font-family: YakuHanJP,'Noto Serif JP', serif;
    color: #000;
    font-size: 12px;
}

.modal.ticket-modal h2{
    font-size: 20px;
    text-align:center;
    margin-bottom: 25px;
    
}

.modal.ticket-modal .ticket-btn{
    font-size: 18px;
    padding: 12px 0;
    margin-top: 10px;
}
.modal.ticket-modal .ticket-btn img {
    width: 19px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}   
.prf-modal{
    width: 90%;
    display: none;
   position: relative;
    z-index: 999999999;
    
}
.prf-modal#prf4{
    width: 90%;
}

.prf-modal#prf4 figure{
    width: 100%;
}
.prf-modal h2{
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 1.2;
}
.prf-modal p{
    font-size: 14px;
}

.prf-modal figure{
    width: 70%;
    margin: 0 auto 15px;
}
.comment{
    margin-top: 40px;
}

    
}


.main-back{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../2021/img/poster.jpg);
    background-size: cover;
    background-position: center;
}


.main-back video{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.wrap{
    position: relative;
}


.hero{
    padding: 97px 0 40px;
}

.hero figure{
    width: 90%;
    max-width: 1111px;
    margin: 0 auto;
    transform: translateX(-1.1%);
    position: relative;
}

.hero figcaption{
    position: absolute;
    bottom: -1.25%;
    right: 4.15%;
    font-weight: 100;
    font-size: 18px;
    letter-spacing: -0.02em;
}


.inner{
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    position: relative;
}

    .information{
        background: #f3fcff;
        padding: 73px 0 103px;
        
    }

.information h2{
    font-weight: 900;
    font-size: 50px;
    text-align:center;
    letter-spacing: -0.02em;
    line-height: 1.8;
    margin-bottom: 24px;
    
}

.information h2 span{
    display: block;
    width: 7.5em;
    margin: 0 auto;
    
}
.cast{
    font-size: 1rem;
    text-align:center;
    line-height: 1.5;
    margin-bottom: 8px;
    
}

.cast span{
    font-size: 75%;
}

.credit{
    font-size:0.67em;
    text-align:center;
    font-weight: 500;
    line-height: 1.7;
    margin-bottom: 15px;
}
.schedule{
    margin-bottom: 59px;
}
.schedule h2{
    font-weight: 900;
    font-size: 1.85rem;
   text-align:center;
   
    line-height: 1;
    letter-spacing: 0.01em;
    margin-bottom: 10px;
    position: relative;
}
.schedule h2:after{
    content: "公演は終了しました";
    color: #f00;
    text-align: center;
    font-size: 0.9rem;
    border: solid 3px;
    font-weight: bold;
    padding: 0.2em 0.5em;
    background: rgba(255,255,255,.8);
    z-index: 2;
    width: 10.5em;
    display: block;
    margin: 20px auto 0;
    line-height: 1.3;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(7deg);
    white-space: nowrap;
}
.schedule h2 strong{
    font-weight: 900;
    font-size: 173%;
    margin-right: -0.04em;
    letter-spacing: -0.02em;
    transform: translateY(0.02em);
    display: inline-block;
    
}

.schedule h3{
    text-align:center;
    font-weight: 900;
    font-size: 1.58rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    margin-bottom: 9px;
}

.schedule h3 span{
    font-weight: 900;
    font-size: 78%;
    width: 5.7em;
    height: 1.2em;
   display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    background: #f3a41a;
    color: #fff;
    margin-right: 14px;
}

.schedule h3:last-child span{
    background: #e84983;
}

.map{
    width: 100%;
    height: 570px;
    
}

.map iframe{
    width: 100%;
    height: 100%;
}
.about{
    padding: 180px 0 177px;
}
.about *{
    font-weight: 400;
    text-align:center;
}

.about h2{
    font-size: 49px;
    margin-bottom: 36px;
}

.about p{
    font-size: 26px;
    line-height: 2.6;
    letter-spacing: 0;
    margin-bottom: 65px;
}
.youtube-wrap{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
}
.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background: #000;
    border: solid 1px #666;
}
.youtube img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10%;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.ticket{
    background: #fff;
    padding: 74px 0 41px;
}
.ticket h2{
    font-family: 'Advantage';
    font-size: 60px;
    text-align:center;
    letter-spacing: 0;
    margin-bottom: 36px;
}
.senkou{
    border: solid 4px #e4007f;
    padding: 0.6em 1.58em 1.1em;
    margin-bottom: 27px;
}
.senkou *{
    color: #e4007f;
}

.senkou h3{
    font-size: 2.16rem;
    font-weight: 900;
    text-align:center;
    line-height: 1.35;
    letter-spacing: -0.05em;
    margin-bottom: 10px;
    
}


.senkou h3 span{
    display: block;
    font-size: 77%;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.senkou aside{
    font-size: 14px;
    text-align:center;
    margin-bottom: 20px;
    
}
.senkou a:not(.ticket-modal){
    display: block;
    text-align:center;
    margin: 5px 0;
}
.senkou a.ticket-modal{
    font-size: 1.33rem;
    font-weight: 900;
    text-align:center;
    background: #e4007f;
    color: #fff;
    line-height: 1.2;
    padding: 10px;
    border-radius: 0.525em;
    cursor: pointer;
    position: relative;
    display: block;
    margin-top: 25px;
    
}
.senkou a.ticket-modal:after{
    
display: block;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
width: 0;
height: 0;
border-style: solid;
border-width: 11px 0 11px 18.5px;
border-color: transparent transparent transparent #ffffff;
    }

.senkou a span{
    font-size: 75%;
    display: block;
    color: #fff;
}
.special-seat li{
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    
}
.special-seat li h3{
    font-size: 1.13rem;
    background: #53aded;
    color: #fff;
    width: 21em;
    line-height: 1.24;
    padding: 7px 0 11px 1.3em;
    letter-spacing: -0.04em;
    margin-right: 20px
}
  .special-seat li:last-child h3{
        background: #29d0a3;
    }
.special-seat li h3 span{
    display: block;
    font-size: 62%;
     color: #fff;
    font-weight: 500;
    letter-spacing: -0.05em;
}

.special-seat .price{
    font-size: 2.02rem;
    display: inline-block;
    margin-top: -0.1em;
    
}

.special-seat .price:before{
    content: "￥";
    font-size: 52%;
}
.special-seat .price:after{
    content: "(税込)";
    font-size: 38%;
}

.special-goods{
    background: #fff;
    font-size: 24px;
    border-radius: 1.1em;
    margin-bottom: 29px;
    border: solid 2px #84cdd6;
    position: relative;
    display: block;
    overflow: hidden;
}

.special-goods h3{
    background: #84cdd6;
    color: #fff;
    font-size: 1.21em;
    padding-left: 0.8em;
    height: 1.9em;
    line-height: 1.9em;
    letter-spacing: -0.055em;
    position: relative;
    
}
.special-goods h3 span{
    position: absolute;
    top: 0.57em;
    right: 0.57em;
    display: block;
    width: 0.85em;
}
.special-goods div{
    position: relative;
    padding: 0.9em 0 1.2em 1em;
}

.special-goods div figure{
    position: absolute;
    top: -14.9%;
    right: 1.4%;
    width: 64%;
}
.special-goods ul{
    font-size: 1em;
    
}
.special-goods ul:last-child{
}
.special-goods ul li{
    font-weight: 900;
    margin-bottom: 0.26em;
    letter-spacing: 0;
}
.special-goods div aside{
    font-size: 0.58em;
    margin-top: 1em;
}

@media screen and (max-width: 1130px){
    .special-goods{
        font-size: 2.13vw;
    } 
}

.normal-seat{
    margin-bottom: 20px;
}
.normal-seat ul{
    display: flex;
    justify-content: space-between;
}

.normal-seat li{
    display: flex;
    align-items: center;
    margin-right: 0.43rem;
}

.normal-seat li h3{
    font-size: 0.91rem;
    width: 13.3em;
    text-align:center;
    flex-shrink: 0;
    background: #f3a41a;
    color: #fff;
    margin-right: 0.7em;
    line-height: 1.6;
}
.normal-seat li:last-child h3{
    background: #e84983;
}
.normal-seat li .price{
    font-size: 1.52rem;
    transform: translateY(-0.05em);
}
.normal-seat li  .price:before{
    content: "￥";
    font-size: 52%;
}
.normal-seat li .price:after{
    content: "(税込)";
    font-size: 43%;
}

.notice{
    font-size: 0.58rem;
    letter-spacing: -0.04em;
    line-height: 1.7;
    font-weight: 500;
}
.setlist{
    padding-bottom: 140px;
    background: rgba(255,255,255,.65);
}
.setlist h2{
    position: relative;
    height: 462px;
    background: url(../2021/img/setlist-ttl-back.jpg);
    background-size: 100% 100%;
    padding-top: 244px;
    margin-bottom: 4px;
}
.setlist h2 img{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1913px;
    opacity: 1;
}

.setlist h2 span{
    position: relative;
    text-align:center;
    display: block;
    z-index: 2;
     font-family: 'Advantage';
    font-size: 87px;
    text-align:center;
    letter-spacing: 0;
    line-height: 1.2;
    color: #fff;
}

.setlist h2 span aside{
    font-size: 22%;
    letter-spacing: 0.07em;
    color: #fff;
}

.setlist h3{
    position: relative;
    height: 330px;
    padding-top: 244px;
}

.setlist li:nth-child(2) h3{
   background: url(../2021/img/leoneed-back.jpg);
    background-size: 100% 100%;
}
.setlist li:nth-child(3) h3{
   background: url(../2021/img/jump-back.jpg);
    background-size: 100% 100%;
}
.setlist li:nth-child(4) h3{
   background: url(../2021/img/vivid-back.jpg);
    background-size: 100% 100%;
}
.setlist li:nth-child(5) h3{
   background: url(../2021/img/wonder-back.jpg);
    background-size: 100% 100%;
}
.setlist li:nth-child(6) h3{
   background: url(../2021/img/25-back.jpg);
    background-size: 100% 100%;
}
.setlist h3 img{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1913px;
    opacity: 1;
}

.setlist p{
    text-align:center;
    font-size: 32px;
    padding: 28px 0 80px;
    letter-spacing: -0.02em;
    line-height: 1.75;
    font-weight: 900;
    
}
.setlist li:nth-child(5) p{
    padding-bottom: 0;
}
.setlist p span{
    font-size: 62%;
    font-weight: 700;
   display: inline-block;
    position: relative;
}

@keyframes flash {
  0% {
    opacity: 1;
  }
    10%{
        opacity: 1;
    }

  50% {
    opacity: 0;
  }
    90%{
        opacity: 1;
    }
  
  
  100% {
    opacity: 1;
  }
}
.setlist li div{
    background: #ffa400;
    max-width: 1000px;
    width: 90%;
    margin: 0 auto 125px;
    padding: 23px 33px 15px;
    
}

.setlist li div h4{
    color: #fff;
    font-size: 29px;
    letter-spacing: -0.02em;
    text-align:center;
    position: relative;
     line-height: 1;
    margin-bottom: 5px;
    
    
}
.setlist li div h4:after{
    content: "";
    display: block;
    position: absolute;
    top: 53%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    
}
.setlist li div h4 span{
    color: #fff;
    background: #ffa400;
    padding: 0 0.9em;
    position: relative;
    z-index: 2;
    letter-spacing: -0.02em;
    font-weight: 900;
   
}

.setlist li div small{
    text-align:center;
    display: block;
    font-size: 21px;
    letter-spacing: -0.02em;
    margin-bottom: 12px;
}

.setlist li div p{
    padding:0;
    line-height: 1;
    margin-bottom: 15px;
}

.ending{
    width: 90%;
    max-width: 1000px;
    color: #fff;
    font-weight: 900;
    text-align:center;
    line-height: 75px;
    height: 75px;
    background: #009bb4;
    margin: 0 auto;
    border: solid 1px #000;
    font-size: 30px;
}
.profile{
    background: #ebebeb;
    padding: 105px 0 140px;
}
.profile h2{
    font-family: 'Advantage';
    font-size: 60px;
    text-align:center;
    letter-spacing: 0;
    margin-bottom: 41px;
}

.profile ul{
    display: flex;
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    justify-content: space-between;
}

.profile li{
    width: calc(25% - 11px);
}
.profile li a{
    display: block;
    position: relative;
}
.profile li img:last-child{
    position: absolute;
    top: 0;
    left: 0;
    opacity:0;
    transition-duration: 0.2s;
}
.profile li.hover img:last-child{
    opacity: 1;
}


.goods{
    padding: 115px 0 79px;
}

.goods h2{
    font-family: 'Advantage';
    font-size: 60px;
    text-align:center;
    letter-spacing: 0;
    margin-bottom: 35px;
}

.goods ul{
    display: flex;
    flex-wrap: wrap;
     width: 90%;
    max-width: 1000px;
    margin: 0 auto -21px;
    justify-content: space-between;
}

.goods li{
    width: calc(33.33% - 15px);
    margin-bottom: 21px;
}

.goods ul a{
    display: block;
    position: relative;
    font-size: 24px;
}
.goods ul a:before{
    content: "";
    display: block;
    width: 90%;
    height: 12%;
    position: absolute;
    top: 58%;
    left: 5%;
    background: #fff;
    z-index: 1;
}

.goods ul a:after{
    content: "";
    display: block;
    width: 90%;
    height: 25%;
    position: absolute;
    bottom: 2%;
    left: 5%;
    background: #fff;
    z-index: 1;
}
.goods .spec{
    font-size: 59%;
    text-align:center;
    position: absolute;
    z-index: 2;
    top: 58.8%;
    left: 0;
    width: 100%;
    color: #000;
    line-height: 1.45;
    letter-spacing: -0.02em;
    font-weight: 400;
}

.goods h3{
    font-size: 100%;
    text-align:center;
    position: absolute;
    z-index: 2;
    top: 72.8%;
    left: 0;
    width: 100%;
    font-weight: 900;
    line-height: 1.3;
}

.goods .price{
    font-size: 110%;
    text-align:center;
    position: absolute;
    z-index: 2;
    top: 90.3%;
    left: 0;
    width: 100%;
    font-weight: 900;
    letter-spacing: -0.02em;
    color: #f00;
}

.goods .price:after{
    content: "(tax in)";
    font-size: 75%;
    
}

.goods aside{
    font-size: 12px;
    text-align: right;
    display: block;
     width: 90%;
    max-width: 1000px;
    color: #000;
    margin: 0 auto;
    transform: translateY(-1.2em);
    font-weight: 400;
}

.goods-yoyaku{
     width: 90%;
    max-width: 1000px;
    margin: 0 auto 21px;;
    background: #fff;
    border: solid 3px #f6ad3c;
    padding: 40px 60px;
    border-radius: 30px;
}
.goods-yoyaku h4{
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 900;
     color: #f6ad3c;
}

.goods-yoyaku h4 span {
    display: inline-block;
    font-weight: 900;
    color: #f6ad3c;
}
.goods-yoyaku p{
    font-size: 17px;
}



@media screen and (max-width: 896px){
    

.hero{
    padding: 75px 0 40px;
}

.hero figcaption{
    position: absolute;
    bottom: -1.25%;
    right: 0%;
    font-weight: 100;
    font-size: 10px;
}

 .information{
        padding: 50px 0 75px;
        
    }

.information h2{
    font-size: 25px;
    margin-bottom: 15px;
}
.cast{
    font-size: 12px;
    
}

.cast span{
    font-size: 75%;
}

.credit{
    font-size:10px;
    text-align:center;
    font-weight: 500;
    line-height: 1.7;
    margin-bottom: 15px;
    letter-spacing: -0.02em;
}
.schedule{
    margin-bottom: 35px;
}
.schedule h2{
    font-size: 21px;
    margin-bottom: 10px;
}
.schedule h2:after{
        font-size: 13px;
       border: solid 2px;
    }

.schedule h3{
    font-size: 17px;
}


.schedule h3:last-child span{
    background: #e84983;
}

.map{
    width: 100%;
    height: 200px;
}

.about{
    padding: 75px 0 75px;
}
.about *{
    font-weight: 400;
    text-align:center;
}

.about h2{
    font-size: 22px;
    margin-bottom: 15px;
}

.about p{
    font-size: 14px;
    margin-bottom: 35px;
}

.ticket{
    padding: 50px 0 1px;
}
.ticket h2{
    font-size: 35px;
    margin-bottom: 25px;
}

.senkou{
    border: solid 2px #e4007f;
    padding: 15px 5% 25px;
    margin-bottom: 27px;
}
.senkou *{
    color: #e4007f;
}

.senkou h3{
    font-size: 20px;
    margin-bottom: 11px;
    
}

.senkou h3 span{
    display: block;
    font-size: 77%;
    letter-spacing: 0.05em;
    font-weight: 700;
}
.senkou aside{
    font-size: 10px;
}

.senkou a:not(.ticket-modal){
    display: block;
    text-align:center;
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.3;
}

.senkou a.ticket-modal{
    font-size: 14px;
    line-height: 1.6;
    
}
.senkou a.ticket-modal:after{
    right: 16px;
border-width: 7.3px 0 7.3px 12.3px;
    }


.special-seat li{
   display: block;
    margin-bottom: 14px;
    
}
.special-seat li h3{
    font-size: 16px;
    background: #53aded;
    color: #fff;
    width: 100%;
    line-height: 1.6;
    padding: 7px 0 7px 0;
    letter-spacing: -0.04em;
    margin-right: 0px;
    text-align:center;
    margin-bottom: 5px;
    
}
  
.special-seat li h3 span{
    display: block;
    font-size: 62%;
     color: #fff;
    font-weight: 500;
    letter-spacing: -0.05em;
}

.special-seat .price{
    font-size: 24px;
   display: block;
    text-align:center;
    
    
}



.special-goods{
    display: block;
    background: #fff;
    border-radius: 1.1rem;
    overflow: hidden;
    margin-bottom: 29px;
    position: relative;
    
}

.special-goods h3{
    background: #84cdd6;
    color: #fff;
    flex-shrink: 0;
    width: 100%;
    display: block;
    font-size: 14px;
    text-align:center;
    line-height: 1.3;
    padding: 7px 0 7px 0;
    height: auto;
    
}
    .special-goods h3 span{
        top: 50%;
        transform: translateY(-50%);
    }    
    

.special-goods div{
    display: flex;
    position: relative;
    justify-content: center;
    padding: 15px 0 20px 0;
    flex-wrap: wrap;
}
    
    .special-goods div figure{
        position: static;
            width: 80%;
        margin-bottom: 10px;
        
    }
.special-goods ul{
    font-size: 11px;
    width: 14em;
}

.special-goods ul li{
    font-weight: 900;
    line-height: 1.75;
}
.special-goods div aside{
    font-size: 10px;
    left: 0%;
    display: block;
    width: 100%;
    text-align:center;
    
    
}

.normal-seat{
    margin-bottom: 24px;
}
.normal-seat ul{
    display: flex;
    justify-content: space-between;
}

.normal-seat li{
   display: block;
    margin-right: 0.43rem;
    width: calc(50% - 10px);
}

.normal-seat li h3{
    font-size: 16px;
    width: 100%;
    text-align:center;
    flex-shrink: 0;
    background: #f3a41a;
    color: #fff;
    margin-right: 0.7em;
    line-height: 1.6;
}

.normal-seat li .price{
    font-size: 20px;
    text-align:center;
    transform: translateY(-0em);
}


.notice{
    font-size: 10px;
    margin-bottom: 35px;
}
    .setlist{
        padding-bottom: 100px;
    }
.setlist h2{
    position: relative;
    height: auto;
    padding-top: 0;
    margin-bottom: 4px;
}
.setlist h2 img{
    position: static;
    top: 0;
    left: 0%;
    transform: translateX(0%);
    width: 100%;
    opacity: 1;
}
    
.setlist h2 span{
    position: absolute;
    top: 65%;
    transform: translateY(-50%);
    width: 100%;
    font-size: 35px;
}
.setlist h3{
    position: relative;
    height: auto;
    padding-top: 0;
    background: none !important;
}
    
    .setlist h3 img{
    position: static;
    bottom: 0;
    left: 0%;
    transform: translateX(0%);
    width: 100%;
    opacity: 1;
}
.setlist p{
    font-size: 18px;
    padding: 15px 0 15px;
    
}
    
    
   
.setlist li:nth-child(5) p{
    padding-bottom: 0;
    line-height: 1.2;
    padding: 35px 0 15px;
}
    
.setlist li div{
    margin: 0 auto 25px;
    padding: 15px;
    
}
    
    .setlist li div h4{
    color: #fff;
    font-size: 16px;
    letter-spacing: -0.02em;
    text-align:center;
    position: relative;
     line-height: 1;
    margin-bottom: 5px;
    }
  .setlist li div h4 span{
      display: block;
      line-height: 1.4;
      width: 14em;
      margin: 0 auto;
      padding: 0;
   
}
    
.setlist li div small{
    font-size: 12px;
    letter-spacing: -0.02em;
    margin-bottom: 12px;
}
    
.setlist li div p{
    padding:0 !important;
    line-height: 1;
    margin-bottom: 5px;
}
    
    .ending{
        font-size: 18px;
        height: 50px;
        line-height: 50px;
        margin-top: 35px;
    }
.contact{
    margin-bottom: 35px;
}
    
    .profile{
    padding: 50px 0 75px;
}
 .profile h2{
    font-size: 30px;
    margin-bottom: 25px;
}
    
.profile ul{
    flex-wrap: wrap;
}
.profile li{
    width: calc(50% - 7.5px);
    margin-bottom: 15px;
}
    
    
.goods{
    padding: 50px 0 50px;
}

.goods h2{
    font-family: 'Advantage';
    font-size: 30px;
    text-align:center;
    letter-spacing: 0;
    margin-bottom: 35px;
}


.goods li{
    width: calc(50% - 7.5px);
    margin-bottom: 15px;
}

.goods ul a{
    display: block;
    position: relative;
    font-size: 3.25vw;
}
.goods ul a:before{
    content: "";
    display: block;
    width: 90%;
    height: 12%;
    position: absolute;
    top: 58%;
    left: 5%;
    background: #fff;
    z-index: 1;
}

.goods ul a:after{
    content: "";
    display: block;
    width: 90%;
    height: 25%;
    position: absolute;
    bottom: 2%;
    left: 5%;
    background: #fff;
    z-index: 1;
}
.goods .spec{
    font-size: 59%;
    text-align:center;
    position: absolute;
    z-index: 2;
    top: 58.8%;
    left: 0;
    width: 100%;
    color: #000;
    line-height: 1.45;
    letter-spacing: -0.02em;
    transform: scale(1);
    transform-origin: top;
    white-space: nowrap;
}

.goods h3{
    font-size: 100%;
    text-align:center;
    position: absolute;
    z-index: 2;
    top: 73.1%;
    left: 0;
    width: 100%;
    font-weight: 900;
    line-height: 1.3;
}

.goods .price{
    font-size: 110%;
    text-align:center;
    position: absolute;
    z-index: 2;
    top: 90.3%;
    left: 0;
    width: 100%;
    font-weight: 900;
    letter-spacing: -0.02em;
    color: #f00;
}

.goods .price:after{
    content: "(tax in)";
    font-size: 75%;
    
}
    
.goods aside{
    font-size: 10px;
}
    .goods-yoyaku{
        padding: 25px 5%;
        border-radius: 4.3vw;
        border: solid 2px #f6ad3c;
            margin-bottom: 15px;
    } 
    
    .goods-yoyaku h4{
        font-size: 15px;
        margin-bottom: 15px;
    }
    .goods-yoyaku p{
        font-size: 12px;
    }
    

}