@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地球最後の告白を限りなく灰色へVocal ： 楠木ともり（宵崎奏役）、田辺留依（朝比奈まふゆ役）、鈴木みのり（東雲絵名役）、佐藤日向（暁山瑞希役）feat. 初音ミク、MEIKO、鏡音リン、巡音ルカ');


@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700&display=swap&text=ワンダショスペシャルゲスト歌唱メドレー');

@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap&text=ワンダショスペシャルゲスト歌唱メドレー');

@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オーチャードホールとフランチャイズ契約を結んでいる。東京都文京区、千葉県千葉市、長野県軽井沢町、新潟県長岡市と事業提携を結び、各地域との教育的、創造的な文化交流を行っている。WPXL-90252　￥6,500（tax out）初回封入特典感染拡大予防の一環として、6月11日に開催されるセカイシンフォニー横浜公演で販売予定のグッズを事前に予約購入し、ご希望の時間帯に商品を受取りできる「事前予約・会場受取」受付を開始いたしました。ご希望の時間帯に専用窓口にてお申込みいただいた商品をお受取りできます。ご希望のお客様は下記のURLをご覧の上、ご利用ください。＜物販購入希望の皆様へ＞会場物販購入の際は感染拡大予防の趣旨をご理解いただき、以下の通りご協力をお願いいたします。・お並びの際は最少人数でマスクを着用し前後1ｍの間隔をあけてお並びください。・レジにはレジガードの設置をしております。また、お会計の際のお金の受け渡しはコイントレーを使用させていただきます。・列が長くなった場合は整理券を配布する場合がございます。・体調がすぐれない場合はご利用の自粛をお願いいたします。・県が発令する新型コロナウイルスの感染再拡大への防止ガイドラインに基づき運営いたします状況によっては物販中止の場合もございますのであらかじめご理解のほどよろしくお願いいたします。お客様には大変ご不便をお掛け致しますが、何卒ご理解・ご協力を賜りますよう宜しくお願い申し上げます。＜購入制限について＞原則、お１人様１会計１商品【５点】までとさせていただきます。ただし、以下の商品は例外となります。◯購入制限を設けない商品・トレーディング缶バッジ（12種ランダム）・トレーディングガーランド（6種ランム）・トレーディングアクリルキーホルダー（6種ランダム）※予告なく内容を変更する場合もございますので予めご了承ください。＜注意事項＞◆販売開始時間は状況によって前後する可能性がございます。待機列の状況によっては、先行販売の終了時間が変更になる場合がございます。◆会場販売時は本公演のチケットをお持ちでない方もご購入いただけます。(開場後はチケットをお持ちの方のみとなります)◆販売商品の数に限りがあります。商品によっては売切れになる可能性がございますので予めご了承ください。◆不良品以外の返品交換はいたしませんので予めご了承ください。◆長時間販売列に並ぶ場合もございます。もし、気分が悪くなった場合は、早めに周辺スタッフへお声かけください。トラブルの原因となりますので、前日および深夜・早朝から並ぶことはご遠慮ください。現金、クレジットカード(Master / VISA / JCB / AMEX / 銀聯)、ICカード(ID / Suica / Pasmoなどの交通系)にてご購入可能です。会場内でのICカードの購入・チャージはできません。また、電子マネーと現金を併用したお支払いはできませんので予めご了承ください。＜物販購入希望の皆様へ＞会場物販購入の際は感染拡大予防の趣旨をご理解いただき、以下の通りご協力をお願いいたします。・お並びの際は最少人数でマスクを着用し前後1ｍの間隔をあけてお並びください。・レジにはレジガードの設置をしております。また、お会計の際のお金の受け渡しはコイントレーを使用させていただきます。・列が長くなった場合は整理券を配布する場合がございます。・体調がすぐれない場合はご利用の自粛をお願いいたします。・県が発注釈付S席チケット(1階席)販売中!!（先着受付）令する新型コロナウイルスの感染再拡大への防止ガイドラインに基づき運営いたします');

@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;
    font-family: YakuHanJP_Noto,'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;
    letter-spacing: -0.02em;
    -ms-overflow-style: none;
    scrollbar-width: none;
    
}

*::-webkit-scrollbar{
  display: none;
}
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.goods-yoyaku-modal{
    display: none;
}
    

.goods-yoyaku-modal .inner{
    background: #fff;
    padding: 60px 50px 60px;
}
.goods-yoyaku-modal h2{
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 35px;
} 
.goods-yoyaku-modal h2 span{
    font-size: 85%;
    display: block;
    font-weight: 900;
}
.goods-yoyaku-modal p{
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
}
.goods-yoyaku-modal p strong{
    font-size: 120% !important;
}

.goods-yoyaku-modal .inner div{
    border: solid 2px;
    font-size: 16px;
    padding: 25px 0;
}


.prf-modal{
    width: 530px;
    display: none;
   position: relative;
    z-index: 999999999;
    
}

.jquery-modal .modal{
    opacity: 0;
    animation: fade 0.3s linear forwards;
}



@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
   opacity: 1;
  }
}
.prf-modal#prf6{
    width: 770px;
}


.prf-modal h2{
    font-family: YakuHanJP,'Noto Serif JP', serif;
    color: #fff;
    font-weight: 200;
    margin-bottom: 15px;
    font-size: 48px;
    line-height: 1.3;
}

.prf-modal h2 span{
    font-size: 62%;
    display: block;
    font-family: YakuHanJP,'Noto Serif JP', serif;
    color: #fff;
    font-weight: 200;
}

.prf-modal h2 span small{
    font-size: 80%;
    display: inline-block;
    font-family: YakuHanJP,'Noto Serif JP', serif;
    color: #fff;
    font-weight: 200;
    margin-left: 0.15em;
}
.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: 100%;
    margin: 0 auto 15px;
}

#prf2 figure,#prf3 figure,#prf5 figure{
    width: 70%;
}
.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){
    .goods-yoyaku-modal h2{
        font-size: 17px;
        margin-bottom: 25px;
    }
    .goods-yoyaku-modal p{
        font-size: 12px;
    }
    .goods-yoyaku-modal .inner{
        padding: 35px 5%;
    }
    .goods-yoyaku-modal .inner div{
        font-size: 12px;
        word-wrap: break-word;
        padding: 25px;
    }
.prf-modal{
    width: 90%;
    display: none;
   position: relative;
    z-index: 999999999;
    
}
.prf-modal#prf6{
    width: 90%;
}


.prf-modal h2{
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 1.2;
}
.prf-modal p{
    font-size: 14px;
}

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

    
}



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

.main-back.top-main-back{
    background: url(../2022/img/poster2.jpg);
    background-size: cover;
    background-position: center;
}
.main-back video{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.wrap{
    position: relative;
    padding-top: 140px;
}



.hero h1{
    position: absolute;
    top: 0;
    width: 147%;
    left: 50%;
    transform: translateX(-50%);
}

.hero-wrap{
    position: relative;
    margin-bottom: 40px;
}


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

.hero figure{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
}

.hero-wrap p{
    display: inline-block;
    position: absolute;
    bottom: 50px;
    right: 4.15%;
    font-weight: 100;
    font-size: 16px;
    letter-spacing: -0.02em;
}


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


    .information{
        padding: 25px 0 90px;
        
    }
.information .inner{
    padding: 0 25px;
}



.cast{
    font-size: 1.18rem;
    text-align:center;
    line-height: 1.5;
    margin-bottom: 30px;
    
}

.cast span{
    font-size: 75%;
}
.special-guest {
    margin-bottom: 50px;
}
.special-guest h2{
    font-size: 0.91rem;
    font-weight: 700;
    overflow: hidden;
    text-align:center;
    margin-bottom: 10px;
    
}

.special-guest h2 span{
    width: 339px;
    display: block;
    margin: 0 auto;
    position: relative;
}
.special-guest h2 span:before{
    content: "";
    display: block;
    position: absolute;
    top:50%;
    right: calc(100% + 37px);
    width:100vw;
    height:2px;
    background:#7e3e94;
}

.special-guest h2 span:after{
    content: "";
    display: block;
    position: absolute;
    top:50%;
    left: calc(100% + 37px);
    width:100vw;
    height:2px;
    background:#7e3e94;
}
.special-guest p{
    font-size: 1.41rem;
    font-weight: bold;
    text-align:center;
    line-height: 1.3;
    
}
.special-guest span{
    display: inline-block;
    width: 10em;
    text-align: left;
}
.special-guest p span > small{
    font-size: 69%;
}
.special-guest p small small{
    font-size: 82%;
}
.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.77rem;
   text-align:center;
    line-height: 1;
    letter-spacing: 0.01em;
    margin-bottom: 20px;
    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: 55%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(7deg);
    white-space: nowrap;
}
.schedule h2 span{
    font-weight: 900;
    font-size: 105%;
    display: inline-block;
    margin-bottom: 0.1em;
}
.schedule h2 strong{
    font-weight: 900;
    font-size: 159%;
    letter-spacing: 0.01em;
    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;
    position: relative;
}




.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: 90%;
    max-width: 1000px;
    margin: 0 auto;
    height: 570px;
    
}

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

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

.about p{
    font-size: 26px;
    line-height: 2.6;
    letter-spacing: 0;
    margin-bottom: 65px;
}

.about .youtube-wrap{
    margin-bottom: 0;
    padding-top: 0;
}

.about .youtube-wrap .youtube{
    margin-bottom: 0;
}
.ticket{
    background: #fff;
    padding: 120px 0 100px;
}

.ticket-inner{
    width:90%;
    max-width: 1000px;
    margin: 0 auto;
}
.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;
    font-size: 1.48rem;
    height: 6.8em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.senkou *{
    color: #e4007f;
}
.senkou h3:before{
    content: "NEW!!";
    display: block;
    font-size: 16px;
    background: #e4007f;
    color: #fff;
    width: 5em;
    border-radius: 100px;
    margin: 0 auto 10px;
    padding: 0.3em 0;
}
.senkou h3{
    font-size: 1.5rem;
    font-weight: 900;
    text-align:center;
    line-height: 1.35;
    letter-spacing: 0.02em;
    margin-bottom: 0;
    
}


.senkou h3 span{
    display: block;
    font-size: 77%;
    letter-spacing: 0.05em;
    font-weight: 900;
}
.senkou h3 small{
    font-size: 12px;
    display: block;
    text-align:center;
    margin-top: 1em;
}
.senkou aside{
    font-size: 14px;
    text-align: left;
    margin-bottom: 20px;
    width: 38em;
    margin: 0 auto;
    
    
}
.senkou a:not(.goods-yoyaku-modal){
    display: block;
    text-align:center;
    margin: 0px 0 15px;
    overflow-wrap: break-word;
    font-size: 24px;
}
.senkou a.goods-yoyaku-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.goods-yoyaku-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;
    position: relative;
    
}

.special-seat li:before{
    content: "SOLD OUT";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(10deg);
    color: #f00;
    text-align:center;
    font-size: 1.1rem;
     border: solid 3px;
    font-weight: bold;
    padding: 0.2em 0.5em;
    background: rgba(255,255,255,.8);
    z-index: 2;
    display: inline-block;
    line-height: 1.3;

}

.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;
    position: relative;
    
}

.special-seat .price:before{
    content: "￥";
    font-size: 52%;
}
.special-seat .price:after{
    content: "(税込)";
    font-size: 38%;
}
.price span{
    position: absolute;
    top: 50%;
    left: 105%;
    transform: translateY(-50%);
    color: #fff;
    text-align:center;
    font-size: 0.6rem;
    font-weight: bold;
    padding: 0.2em 0.5em;
    background: #f00;
    z-index: 2;
    width: 8em;

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

.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: -13%;
    right: 2.9%;
    width: 60%;
}
.special-goods ul{
    font-size: 1em;
    position: relative;
    z-index: 2;
    
}
.special-goods ul:last-child{
}
.special-goods ul li{
    font-weight: 900;
    margin-bottom: 0.26em;
    letter-spacing: 0;
}
.special-goods ul li:first-child{
    display: flex;
    align-items: center;
}


.special-goods ul li span{
    display: inline-block;
    width: 2.5em;
    margin-left: 0.2em;
}
.special-goods div aside{
    font-size: 0.58em;
    margin-top: 1em;
}


.normal-seat{
    margin-bottom: 25px;
}
.normal-seat ul{
    display: flex;
    justify-content: space-between;
    position: relative;
    /*margin-top: 2.8rem;*/
}

.normal-seat li{
    display: flex;
    align-items: center;
    position: relative;
}
.normal-seat li:before{
    content: "SOLD OUT";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(10deg);
    color: #f00;
    text-align:center;
    font-size: 0.8rem;
     border: solid 3px;
    font-weight: bold;
    padding: 0.2em 0.5em;
    background: rgba(255,255,255,.8);
    z-index: 2;
    display: inline-block;
    line-height: 1.3;

}



.normal-seat li h3{
    font-size: 0.91rem;
    width: 6.22em;
    text-align:center;
    flex-shrink: 0;
    background: #f3a41a;
    color: #fff;
    margin-right: 0.7em;
    line-height: 1.6;
}
.normal-seat li:nth-child(2) h3{
    background: #e84983;
}
.normal-seat li:nth-child(3) h3{
    background: #7b00a8;
}
.normal-seat li .price{
    font-size: 1.52rem;
    transform: translateY(-0.05em);
    position: relative;
}
.normal-seat li  .price:before{
    content: "￥";
    font-size: 52%;
}
.normal-seat li .price:after{
    content: "(税込)";
    font-size: 43%;
}
@media screen and (max-width: 1130px){
    .normal-seat li h3{
        width: 8em;
    }
}
.ticket .zaseki{
    width: 100%;
    max-width: 500px;
    margin: 0 auto 25px;
}
.notice{
    font-size: 0.55rem;
    letter-spacing: -0.04em;
    line-height: 1.7;
    font-weight: 500;
}


.setlist{
    padding-bottom: 140px;
    background-position: 140px 500px;
    position: relative;
}

.setlist:after {
    content: "";
    display: block;
    position: absolute;
    top:140px;
    left:0;
    width:100%;
    height:calc(100% - 140px);
    background: rgba(255,255,255,.65);

    
}
.setlist h2{
    position: relative;
    height: 383px;
    background: url(../2022/img/setlist-ttl-back.png);
    background-size: 100% 100%;
    padding-top: 174px;
    margin-bottom: 4px;
    position: relative;
    z-index: 2;
}
.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 ul{
    position: relative;
    z-index: 2;
}
.setlist h3{
    position: relative;
    height: 330px;
    padding-top: 244px;
}

.setlist li:nth-child(2) h3{
   background: url(../2022/img/leoneed-back.jpg);
    background-size: 100% 100%;
}
.setlist li:nth-child(3) h3{
   background: url(../2022/img/jump-back.jpg);
    background-size: 100% 100%;
}
.setlist li:nth-child(4) h3{
   background: url(../2022/img/vivid-back.jpg);
    background-size: 100% 100%;
}
.setlist li:nth-child(5) h3{
   background: url(../2022/img/wonder-back.jpg);
    background-size: 100% 100%;
}
.setlist li:nth-child(6) h3{
    height: 368.5px;
   background: url(../2022/img/25-back.jpg);
    background-size: 100% 100%;
}
.setlist h3 img{
    position: absolute;
    top: 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 p span{
    font-size: 62%;
    font-weight: 700;
   display: inline-block;
    position: relative;
}
.setlist p span.new:after{
    content: " NEW!!";
    animation: flash 2s infinite;
    position: absolute;
    top: 0;
    left: calc(100% + 5px);
    color: #f00;
    font-size: 13px;
}
@keyframes flash {
  0% {
    opacity: 1;
  }
    20%{
        opacity: 1;
    }

  50% {
    opacity: 0;
  }
    80%{
        opacity: 1;
    }
  
  
  100% {
    opacity: 1;
  }
}
.medley{
    width: 90%;
    max-width: 1000px;
    margin: 30px auto 210px;
    padding-right: 344px;
}
.medley *{
    color: #84329b;
}

.ending{
    width: 90%;
    max-width: 1000px;
    color: #fff;
    font-weight: 900;
    text-align:center;
    line-height: 75px;
    height: 75px;
    background: #009bb4;
    margin: 75px auto 50px;
    border: solid 1px #000;
    font-size: 30px;
    position: relative;
    z-index: 2;
}

.setlist aside{
    font-size: 18px;
    text-align:center;
    position: relative;
    position: relative;
    z-index: 2;
}
.profile{
    background: #ebebeb;
    padding-bottom: 90px;
}

.profile-back{
    padding: 50px 0 65px;
    background: url(../2022/img/profile-back.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 60px;
}

.profile-back .inner{
    position: relative;
}

.profile-back .inner figure{
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
    width: 117%;
}

.profile-back .inner ul{
    margin-top: 74%;
}
.profile h2{
    font-family: 'Advantage';
    font-size: 60px;
    text-align:center;
    letter-spacing: 0;
    margin-bottom: 41px;
}

.profile h3{
    overflow: hidden;
    margin-bottom: 8px;
}
.profile h3 span{
    width: 323px;
    margin: 0 auto;
    position: relative;
    display: block;
}
.profile h3 span:before{
    content: "";
    display: block;
    position: absolute;
    top:50%;
    right: calc(100% + 37px);
    width:100vw;
    height:2px;
    background:#fff;
}

.profile h3 span:after{
    content: "";
    display: block;
    position: absolute;
    top:50%;
    left: calc(100% + 37px);
    width:100vw;
    height:2px;
    background:#fff;
}
.profile ul{
    display: flex;
    justify-content: center;
}

.profile li{
    width: 25%;
    margin-right: 17px;
}

.profile li:last-child{
    margin-right: 0;
}
.profile li a{
    display: block;
    position: relative;
}
 .profile li a:hover{
        opacity: 1 !important;
    }
.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: 59%;
    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: 15px auto 0;
    font-weight: 400;
}


.goods li:nth-child(31) .spec{
    top: 51.5%;
}
.goods li:nth-child(31) h3{
    top: 58.7%;
}
.goods li:nth-child(31) a:before{
    height: 40%;
    background: #fff;
}
.goods li:nth-child(31) a:after{
    display: none;
}

.pamphlet{
    position: absolute;
    top: 65%;
    font-size: 59%;
    text-align:center;
    width: 84%;
    left: 8%;
    line-height: 1.3;
    color: #000;
    line-height: 1.25;
    letter-spacing: -0.02em;
    font-weight: 400;
    z-index: 3;
}
.pamphlet strong{
    color: #47baae;
}

.pamphlet span{
    display: block;
    text-align:center;
    margin-bottom: 0.3em;
    line-height: 1.45;
    letter-spacing: -0.02em;
    font-weight: 400;
     color: #000;
    border-bottom: dotted 2px #47baae;;
    padding-bottom: 0.3em;
    
}
.goods-yoyaku{
     width: 90%;
    max-width: 1000px;
    margin: 0 auto 35px;
    background: #fff;
   background: #47baae;
    padding: 25px 30px 30px;
    text-align: center;
}
.goods-yoyaku h4{
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 900;
     color: #f6ad3c;
    border-bottom: solid 1px #fff;
    padding-bottom: 0.3em;
}

.goods-yoyaku h4 span {
    display: inline-block;
    font-weight: 900;
    color: #fff799;
    font-style: italic;
    
}
.goods-yoyaku p{
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    /*margin-bottom: 15px;*/
    
}

.goods-yoyaku .cps-bnr{
    width: 100%;
    max-width: 600px;
    margin: 10px auto 0;
    display: block;
}
.goods-yoyaku p a{
    color: #fff799;
    font-size: 110%;
}

.goods-yoyaku p a span{
    font-weight: 900;
    font-size: 120%;
    color: #fff799;
     font-style: italic;
}

.goods-yoyaku p span.term{
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    
}



.goods-yoyaku small{
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    line-height: 1.4;
    display: inline-block;
}

.goods-yoyaku a.modal-btn{
    display: block;
    text-align:center;
    font-size: 20px;
    background: #fff;
    color: #47baae;
    width: 100%;
    max-width: 770px;
    margin: 10px auto 0;
    padding: 7px 0;
    border-radius: 7px;
    position: relative;
    cursor: pointer;
}

.goods-yoyaku a.modal-btn:after {
    content: "";
    display: block;
    position: absolute;
    top:calc(50% - 15px);
    right: 10px;
    width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 26px;
border-color: transparent transparent transparent #47baae;;

}


.youtube-wrap{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto 110px;
    padding-top: 120px;
}

.youtube-wrap h3{
    text-align:center;
    font-family: 'Advantage';
    font-size: 60px;
    margin-bottom: 50px;
    line-height: 1;
    
}
.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background: #000;
    border: solid 1px #666;
    margin-bottom: 35px;
}
.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;
}
@media screen and (max-width: 1130px){
.special-goods {
    font-size: 2.13vw;
}
    .goods ul a{
        font-size: 2vw;
    }
}

@media screen and (max-width: 896px){
    
    
    
    .wrap{
    position: relative;
        padding-top: 50px;
}
    
    .hero-wrap{
        margin-bottom: 0px;
    }
.hero{
    position: relative;
    width: 100%;
}
    

    .hero-back{
        display: none;
    }
    .hero h1{
       position: relative;
        left: 0;
        width: 100%;
        transform: translateX(0%);
}
    
    .hero-wrap p{
        position: static;
        font-size: 10px;
       margin-right: 2%;
        display: block;
        text-align: right;
        transform: scale(0.65);
        transform-origin: right bottom;
    }
   



    .bdcd-bnr{
       padding: 0 0 35px; 
    }
 .information{
        padding: 15px 0 75px;
        
    }
    .information .inner{
        padding: 0;
    }
    .special-guest{
        margin-bottom: 25px;
    }

    .special-guest h2{
        font-size: 12px;
        margin-bottom: 5px;
    }
    .special-guest h2 span{
        width: 180px;
    }
    .special-guest p{
        font-size: 15px;
    }
     .special-guest h2 span:before{
        right: calc(100% + 10px);
    }
    .special-guest h2 span:after{
        left: calc(100% + 10px);
    }
   
    .special-guest span{
    width: 9.5em;
}
.cast{
    font-size: 15px;
    margin-bottom: 15px;
    
}

.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;
       top: 50%;
       border: solid 2px;
    }

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


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

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

.about{
    padding: 75px 0 25px;
}
.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 50px;
}
.ticket h2{
    font-size: 35px;
    margin-bottom: 25px;
}

.senkou{
    border: solid 2px #e4007f;
    height: 160px;
    margin-bottom: 27px;
}
.senkou *{
    color: #e4007f;
}
    .senkou h3:before{
        font-size: 11px;
        margin: 0 auto 5px;
    }
.senkou h3{
    font-size: 17px;
    
}
    .senkou h3 small{
        font-size: 10px;
    }
.senkou aside{
    width: auto;
    font-size: 10px;
}

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

.senkou a.goods-yoyaku-modal{
    font-size: 14px;
    line-height: 1.6;
    
}
.senkou a.goods-yoyaku-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.4;
    padding: 10px 0 10px 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: 15em;
}
    .special-goods ul:nth-child(3){
         width: 13em;

    }
.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: 15px;
}
.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);
}

    .ticket figure{
        margin-bottom: 15px;
    }
.notice{
    font-size: 10px;
}
    .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: 55%;
    transform: translateY(-50%);
    width: 100%;
    font-size: 35px;
}
.setlist h3{
    position: relative;
    height: auto !important;
    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 p span.new:after{
    font-size: 10px;
    left: calc(100% + 2px);
    transform: scale(0.8);
    transform-origin: left top;
}    

    .medley{
        padding: 0;
        margin: 15px auto 50px;
    }
  
    .medley p{
        text-align:center;
        font-size: 20px;
        
    }
    
    .vocal strong{
        font-size: 14px;
    }
    .vocal strong:after{
        height: 2px;
    }
    .setlist aside{
        font-size: 10px;
    }
    .ending{
        font-size: 18px;
        height: 50px;
        line-height: 50px;
        margin-top: 35px;
        margin-bottom: 35px;
    }
.contact{
    margin-bottom: 35px;
}
    
    .profile{
    padding: 0px 0 35px;
}
 .profile h2{
    font-size: 30px;
    margin-bottom: 25px;
}
    .profile-back{
        padding: 50px 0 35px;
        margin-bottom: 50px;
    }
    .profile h3 span{
        width: 180px;
    }
    
     .profile h3 span:before{
        right: calc(100% + 10px);
    }
    .profile h3 span:after{
        left: calc(100% + 10px);
    }
    .profile-back .inner figure{
        top: 90px;
        width: 150%;
    }
.profile ul{
    flex-wrap: wrap;
    justify-content: space-between;
}
    .profile-back .inner ul {
    margin-top: 100%;
}
.profile li{
    width: calc(50% - 7.5px);
    margin-right: 0;
    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: 59%;
    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;
    text-align:center;
    
}
    .goods-yoyaku{
        padding: 15px 5% 25px;
            margin-bottom: 15px;
       
    } 
    
    .goods-yoyaku h4{
        font-size: 17px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .goods-yoyaku p{
        font-size: 12px;
         text-align: center;
    }
    .goods-yoyaku p a{
        word-wrap: break-word;
        
    }
    .goods-yoyaku small{
        font-size: 10px;
    }
    .goods-yoyaku p span.term{
        font-size: 14px;
        display: inline-block;
        text-align:center;
        width: 100%;
        
    }
    .goods-yoyaku a.modal-btn{
        font-size: 12px;
    }
    .goods-yoyaku a.modal-btn:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 7.5px);
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 13px;
    border-color: transparent transparent transparent #47baae;
    }



    .special-seat li:last-child .price{
        margin-bottom: 6.5rem;
    }
.price span{
    position: absolute;
    top: 114%;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    text-align:center;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 0.3em 0.1em;
    background: #f00;
    z-index: 2;
    width: 13em;
   

}
.special-seat li:before{
    content: "SOLD OUT";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(10deg);
    color: #f00;
    text-align:center;
    font-size: 2.8rem;
     border: solid 2px;
    font-weight: bold;
    padding: 0.2em 0.5em;
    background: rgba(255,255,255,.8);
    z-index: 2;
   display: inline-block;
     white-space: nowrap;
    line-height: 1.3;

}


.normal-seat li:before{
    content: "SOLD OUT";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(10deg);
    color: #f00;
    text-align:center;
    font-size: 1.6rem;
     border: solid 2px;
    font-weight: bold;
    padding: 0.2em 0.5em;
    background: rgba(255,255,255,.8);
    z-index: 2;
   display: inline-block;
    white-space: nowrap;
    line-height: 1.3;

}

}