@charset "UTF-8";
* {
    box-sizing: border-box;
}
body {
    font-size: 16px;
    line-height: 1.8em;
    color: #fff;
    background: #000;
}
a:hover {
filter: alpha(opacity=50);
opacity: 0.5;
}
.pc {
    display: block;
}
.sp {
    display: none
}
.txtC {
    text-align: center;
}
.font-s {
    font-size: 0.8em;
    line-height: 1.25em;
    padding-bottom: 0.5em;
}
.blue {
    color: #99ccff;
}
.pink {
    color: #ff99ff;
}

#wrap, section {
width: 100%;
    line-height:0;
}
.inner {
    width: 96%;
    max-width: 1160px;
    margin: auto;
}

header h1
{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height: 0;
}


/* デザインB（タブレット） ***************************************/
@media screen and (max-width : 1024px) {
/* タブレット用レイアウト に収めるデザインはこの中に記述 */
body {
    font-size: 14px;
    line-height: 1.8em;
}
}
/* デザインC(スマートフォン) ***************************************/
@media screen and (max-width : 767px) {
/* スマートフォン用レイアウト に収めるデザインはこの中に記述 */
body {
    font-size: 12px;
    line-height: 1.8em;
    font-feature-settings: "palt";
}
.pc {
        display: none;
    }
.sp {
    display: block;
}
}



/* デザインA（PC） ***************************************/


/*************************
*ヘッダー
*************************/
header {
    width: 100%;
    height: auto;
    margin: auto;
    background: url("../img/base_bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
header #mvArea {
    width: 80%;
    max-width: 960px;
    margin:auto;
    padding-top: 3em;
}
#mv {
    width: 100%;
    height: 0;
    background: url("../img/mv.jpg");
    padding-top: 141.5%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}
/*************************
*コンテンツ
*************************/
/**リードエリア********************/
#leadArea h2 {
    font-size: 1.875em;
    line-height: 1.8em;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.025em;
    margin: 1em 0;
}
#leadArea h2 p {
    margin-top: 0.5em;
}
#leadArea h2 p span {
    letter-spacing: -0.075em;
        font-weight: 300;
}
/**日時・場所エリア********************/
#dateArea h2 {
    width: 100%;
    font-size: 2.625em;
    line-height: 1.5em;
    font-weight: 700;
    border-top: 3px solid #807104;
    text-align: center;
    padding: 0.5em 0;
}
#dateArea h2 span {
    font-size: 1.25em;
}
#dateArea h2 small {
    font-size: 0.8em;
}
.btn_paformance {
    width: 80%; max-width: 560px; margin: 2em auto; padding: 0.25em; border: 2px solid #807104; text-align: center; line-height: 2em; color: #000; background:  #807104; font-size: 1.2em; font-weight: 500;
}
.btn_paformance-2 {
    width: 80%; max-width: 560px; margin: 2em auto; padding: 0.25em; border: 2px solid #99ccff; text-align: center; line-height: 2em; color: #000; background:  #99ccff; font-size: 1.2em; font-weight: 500;
}
.btn_paformance-3 {
    width: 80%; max-width: 560px; margin: 2em auto; padding: 0.25em; border: 2px solid #cc99cc; text-align: center; line-height: 2em; color: #000; background:  #cc99cc; font-size: 1.2em; font-weight: 500;
}
/**イントロエリア********************/
#introArea {
    width: 100%;
    background: #1f1f1f;
    padding: 0.25em 0 3em 0;
    font-size: 1.125em;
    line-height: 1.8em;
    margin: 0;
}
#introArea h2 {
    font-size: 2.25em;
    line-height: 1.25em;
    font-weight: 700;
    margin: 1em auto;
    color: #807104;
    font-feature-settings: "palt" 1;
    text-align: center;
}
#introArea h2 span {
    font-size: 0.9em;
    font-weight: 700;
}
#introArea h2 small {
    font-size: 0.76em;;
    font-weight: 700;
}
#introArea .introInner {
    font-size: 1.125em;
    line-height: 1.8em;
    width: 90%;
    max-width: 920px;
   margin: auto ;
   font-feature-settings: "palt" 1;
}
#introArea .introInner em {
    font-weight: 700;
}

/**コンテンツ背景********************/
.cntntWrap {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    background: url("../img/base_bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-attachment: fixed;
/*    border: 1px solid rgba(0,0,0,0);*/
}

.cntntWrap h1 {
    width: 70%;
    max-width: 320px;
    margin: 1em auto 0.5em auto;
    font-weight: 900;
    font-size: 2.25em;
    line-height: 1.8em;
    text-align: center;
    background: url("../img/cntnt_H_line.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
    opacity: 1;
}
.cntntWrap section {
    background: rgba(0,0,0,0.6);
    padding: 0;
    margin: 0;
    border: 1px solid rgba(0,0,0,0);
}
/**キャスト********************/
/*ul.castWrap01 {
    width: 100%;
    max-width: 560px;
    margin: auto;
    font-size: 0;
}
ul.castWrap01 li {
    font-size: 16px;
    line-height: 1.8em;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 3%;
}
ul.castWrap02 {
    width: 100%;
    max-width: 1180px;
    margin: 1.5% auto 0;
    font-size: 0;
}
ul.castWrap02 li {
    font-size: 16px;
    line-height: 1.8em;
    display: inline-block;
    width: 48%;
    vertical-align: top;
    margin: 1.5% 1% 3%;
}
.castWrap01 .castInner, .castWrap02 .castInner  {
    display: flex;
}
.castWrap01 .phArea, .castWrap02 .phArea {
    width: 54%;
    max-width: 300px;
    margin-right: 3%;
}
.castWrap01 .txtArea, .castWrap02 .txtArea {
    width: 43%;
    max-width: 240px;
    font-size: 1em;
}
h2.cast {
    font-size: 2em;
    line-height: 1.8em;
    font-weight: 700;
}
h2.cast small {
    font-size: 0.53em;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}
.txtArea h3 {
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.8em;
    color: #807104;
}
.ph00 {
    width: 100%;
    background: url("../img/ph_00.jpg");
    padding-top: 133%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}
#ph01 {
    width: 100%;
    background: url("../img/ph_01.jpg");
    padding-top: 133%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}
#ph02 {
    width: 100%;
    background: url("../img/ph_02.jpg");
    padding-top: 133%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}
#ph03 {
    width: 100%;
    background: url("../img/ph_03.jpg");
    padding-top: 133%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}
#ph04 {
    width: 100%;
    background: url("../img/ph_04.jpg");
    padding-top: 133%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}
#ph05 {
    width: 100%;
    background: url("../img/ph_05.jpg");
    padding-top: 133%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}
#ph06 {
    width: 100%;
    background: url("../img/ph_06.jpg");
    padding-top: 133%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}
#ph07 {
    width: 100%;
    background: url("../img/ph_07.jpg");
    padding-top: 133%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}
#ph08 {
    width: 100%;
    background: url("../img/ph_08.jpg");
    padding-top: 133%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}
#ph09 {
    width: 100%;
    background: url("../img/ph_09.jpg");
    padding-top: 133%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}*/
/**アンサンブル********************/
.ensembleWrap {
    width: 94%;
    max-width: 1024px;
    margin: 3em auto;
    text-align: center;
    line-height: 1.75em;
}
.ensembleWrap #head {
    width: 8em;
    margin: 0 auto 0.5em auto;
    border-bottom: 1px double #807104;
    color: #807104;
    font-weight:700;
    font-size: 1.25em;
}
/**スタッフ********************/
.staffWrap {
    text-align: center;
    font-size: 1.125em;
    line-height: 1.8em;
    padding-bottom: 1em;
}
.staffWrap p {
        line-height: 2.25em;
}
.staffWrap p small {
        font-size: 0.9em;
}
.staffWrap p em {
        font-size: 2.25em;
    font-weight: 700;
} 
.staffWrap em {
        font-size: 1.1em;
}
/**チケットエリア********************/
.ticketWrap {
    text-align: center;
    font-size: 1.25em;
    line-height: 1.8em;
     font-weight: 500;
    padding-bottom: 1em;
}
.ticketWrap a {
    color: #ff99ff;
}
/**スケジュール********************/
table {
    width: 94%;
    max-width: 960px;
  border-collapse: collapse;
    background: #000;
    margin: 1em auto;
    color:#fff;
    text-align: center;
}
table th {
    font-size: 14px;
    line-height: 1.8em;
        font-weight:300;
}
table td {
    font-size: 16px;
line-height: 1.5em;
        font-weight:300;
}
table th,
table td {
  border: 1px solid #999;
  background:#000 ;
        color:#fff;
    text-align: center;
    width: 8.3%;
}


/*2023.3.6　追加*********************/
/*ストーリー追加*/
.storyWrap {
    width: 90%;
    max-width: 880px;
    margin: auto;
    line-height: 1.8em;
}
/*ストーリー追加*/
.streamingWrap {
     width: 90%;
    max-width: 800px;
    margin: 1em auto 2em auto;
    line-height: 1.8em;
    text-align: center;
    border-bottom: 1px dotted #999;
    padding-bottom: 1em;
}
.streamingWrap h2 {
    font-size: 1.1em;
    line-height: 1.8em;
    font-weight: 500;
    margin-bottom: 0.25em;
    color: #807104;
}
.streamingWrap h3 {
    font-size: 1.25em;
    line-height: 1.5em;
    font-weight: 400;
}
.streamingWrap a {
    color: #99ccff;
    font-size: 1.2em;
}
.streamingWrap .note {
    font-size: 0.8em;
    line-height: 1.5em;
    color: #999;
}



/*************************
*Footer
*************************/


/* デザインB（タブレット） ***************************************/
@media screen and (max-width : 1024px) {
/* タブレット用レイアウト に収めるデザインはこの中に記述 */
/*************************
*ヘッダー
*************************/
header #mvArea {
    width: 90%;
    max-width: 90%;
    margin:auto;
    padding-top: 3em;
}
#mv {
    width: 100%;
    height: 0;
    background: url("../img/mv.jpg");
    padding-top: 141.5%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}

/*************************
*コンテンツ
*************************/
/**リードエリア********************/
#leadArea {
    width: 90%;
    margin: auto;
    }
      
/**キャスト********************/
/*ul.castWrap01, ul.castWrap02 {
    width: 90%;
    max-width: 580px;
    margin: auto;
    font-size: 0;
    padding: 0;
}
ul.castWrap01 li, ul.castWrap02 li {
    font-size: 14px;
    line-height: 1.8em;
    display: list-item;
    width: 100%;
    vertical-align: top;
    margin: 0 0 3%;
       padding: 0 ;
}
.castWrap01 .phArea, .castWrap02 .phArea {
    width: 47%;
    max-width: 300px;
    margin-right: 3%;
}
.castWrap01 .txtArea, .castWrap02 .txtArea {
    width: 50%;
    max-width: 240px;
    font-size: 1em;
}
h2.cast {
    font-size: 1.75em;
    line-height: 1.8em;
    font-weight: 700;
}
h2.cast small {
    font-size: 0.53em;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}
.txtArea h3 {
    font-size: 1.12em;
    font-weight: 700;
    line-height: 1.8em;
    color: #807104;
}
    */
/**スタッフ********************/
.staffWrap {
    text-align: center;
    font-size: 1.125em;
    line-height: 1.8em;
    padding-bottom: 1em;
}
.staffWrap p {
        line-height: 2.25em;
}
.staffWrap p small {
        font-size: 0.9em;
}
.staffWrap p em {
        font-size: 2em;
    font-weight: 700;
} 
.staffWrap em {
        font-size: 1.1em;
}
/**スケジュール********************/
table th {
    font-size: 12px;
        font-weight:300;
}
table td {
    font-size: 14px;
line-height: 1.5em;
        font-weight:300;
}
    }


/* デザインC(スマートフォン) ***************************************/
@media screen and (max-width : 599px) {
/* スマートフォン用レイアウト に収めるデザインはこの中に記述 */
/*************************
*ヘッダー
*************************/
header {
    width: 100%;
    height: auto;
    margin: auto;
    background: url("../img/sp_base_bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
header #mvArea {
    padding-top: 1em;
}
/*************************
*コンテンツ
*************************/
/**リードエリア********************/
#leadArea h2 {
    font-size: 1.25em;
    line-height: 1.8em;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.025em;
    margin: 1em 0;
}
#leadArea h2 p {
    margin-top: 0.5em;
}
#leadArea h2 p span {
    letter-spacing: -0.075em;
        font-weight: 300;
}
    
/**日時・場所エリア********************/
#dateArea {
    width: 100%;
    border-top: 3px solid #807104;
    text-align: center;
    padding: 0.5em 0;
}
#dateArea h2 {
    width: 90%;
    margin: auto;
    font-size: 1.625em;
    line-height: 1.5em;
    font-weight: 700;
        border-top: none;
}
#dateArea h2 span {
    font-size: 1.25em;
}
#dateArea h2 small {
    font-size: 0.8em;
}

/**イントロエリア********************/
#introArea {
/*    width: 100%;
    background: #1f1f1f;
    padding: 0.25em 0 2em 0;
    font-size: 1.125em;
    line-height: 1.8em;*/
}
#introArea h2 {
    width: 90%;
    
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 700;
    margin: 1em auto;
    color: #807104;
    font-feature-settings: "palt" 1;
    text-align: center;
}
#introArea h2 span {
    font-size: 0.9em;
    font-weight: 700;
}
#introArea h2 small {
    font-size: 0.76em;;
    font-weight: 700;
}
#introArea .introInner {
    font-size: 1.125em;
    line-height: 1.8em;
    width: 90%;
    max-width: 920px;
   margin: auto;
   font-feature-settings: "palt" 1;
}
#introArea .introInner em {
    font-weight: 700;
}
/**キャスト********************/
/*ul.castWrap01, ul.castWrap02 {
    width: 90%;
    max-width: 90%;
    margin: auto;
    font-size: 0;
}
ul.castWrap01 li, ul.castWrap02 li {
    font-size: 10px;
    line-height: 1.5em;

}
.castWrap01 .phArea, .castWrap02 .phArea {
    width: 47%;
    max-width: 300px;
    margin-right: 3%;
}
.castWrap01 .txtArea, .castWrap02 .txtArea {
    width: 50%;
    max-width: 240px;
    font-size: 1em;
}
h2.cast {

        font-size: 1.8em;
    line-height: 1.8em;
    font-weight: 700;
}
h2.cast small {
    font-size: 0.53em;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}
.txtArea h3 {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.8em;
    color: #807104;
}*/
/**スタッフ********************/
.staffWrap {
    text-align: center;
    font-size: 1.125em;
    line-height: 1.8em;
    padding-bottom: 1em;
}
.staffWrap p {
        line-height: 2.25em;
}
.staffWrap p small {
        font-size: 0.9em;
}
.staffWrap p em {
        font-size: 2em;
    font-weight: 700;
} 
.staffWrap em {
        font-size: 1.1em;
}

    
/**スケジュール********************/
table {
  width: 94%;
  border-collapse: collapse;
    background: #000;
    margin: 1em auto;
    color:#fff;

    text-align: center;
}
table th {
    font-size: 10px;
        font-weight:300;
}
table td {
    font-size: 12px;
line-height: 1.5em;
        font-weight:300;
}
    
}

/*************************
*Twitterボタン
*************************/
.btn_tw {
    width: 40px;
    margin: 4em auto 0 auto;
    padding-bottom: 2em;
}
.btn_tw img {
    width: 100%;
}

/*************************
*公演ガイド
*************************/
.guideWrap {
    font-size: 0.9em;
    line-height: 1.8em;
    padding: 0 0 2em ;
    width: 90%;
    max-width: 760px;
    margin: auto;
    font-feature-settings: normal;
}
.guideWrap a {
        color: #807104;
    font-weight: 700;
}
.guideWrap h1.guideHeader {
    width: 60%;
    max-width: 320px;
    margin: 1em auto 0.5em auto;
    background: none;
}
.guideBoxA {
    width: 100%;
    padding: 1.5em;
    border: 1px solid #666;
    margin: 1.5em 0 0.5em 0;
}
.guideBoxHead {
    background: rgba(128,113,6,0.5);
/*    border: 1px solid #807104;*/
    padding: 0.25em 1em;
    margin-bottom: 0.5em;
}
.guideBoxA p, .guideBoxD p {
     width: 100%;
    padding-left:1em;
    text-indent: -1em;
}
.guideBoxC {
    margin-left: 1.5em;
    font-size: 0.9em;
    line-height: 1.8em;
}
.guideBoxC span, span.color01 {
    color: #807104;
}


/*************************
*Blu-ray発売決定
*************************/
.product_intro {
    text-align: center;
 font-size: 1.25em;
    line-height: 1.8em;
}
@media screen and (max-width : 599px) {
    .product_intro {
            text-align: left;
    }
}

/*************************
*Blu-ray詳細解禁＆Blu-ray発売記念イベント開催決定！
*************************/
.bd_eventWrap {
    width: 90%;
    margin: auto;
}
.bd_eventWrap h1.bd_eventHeader {
    width: 100%;
    max-width: 800px;
    margin: 1em auto 0.5em auto;
    background: none ;
}
.bd_event_intro {
   text-align: center;
 font-size: 1.125em;
    line-height: 1.8em;
    letter-spacing: 0.15em;
    font-weight: 500;
    margin-bottom: 2%;
}
.bd_eventWrap #event_jktArea {
    width: 70%;
    max-width: 360px;
    margin: 1em auto 0.5em auto;
}
.bd_eventWrap #event_jkt {
    width: 100%;
    background: url("../img/event_jkt.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 117.3%;
    background-size: contain;
}
.bd_eventWrap #price {
    font-size: 0.875em;
    line-height: 1.8em;
    text-align: center;
}
.bd_eventWrap #price em {
    font-weight: 700;
    font-size: 1.286em;
}
.event_contentWrap {
    border-top: 1px solid #786f2d;
    margin-top: 2em;
    padding-bottom: 2em;
}
.event_contentWrap h2 {
    width: 60%;
    max-width: 240px;
    margin: 0 auto 1em auto;
    text-align: center;
    font-size: 1.25em;
    line-height: 1.5em;
    color: #000;
    background: #786f2d;
    font-weight: 700;
}
ul.reserveWrap {
    width: 100%;
    max-width: 760px;
    margin: 2% auto 1% auto;
    font-size: 0;
    border: 1px solid rgba(120,111,45,0.7);
}
ul.reserveWrap li {
    display: inline-block;
    padding: 1%;
    vertical-align: middle;
}
ul.reserveWrap li:nth-child(1) {
    border-right: 1px solid rgba(120,111,45,0.7);
    width: 35%;
    text-align: center;
    font-size: 20px;
    line-height: 1.25em;
}
ul.reserveWrap li:nth-child(1) small {
        font-size: 0.7em !important;
}
ul.reserveWrap li:nth-child(2) {
    width: 65%;
        font-size: 24px;
    line-height: 1.5em;
    font-weight: 700;
}
.bd_eventWrap .releaseDate {
    text-align: center;
    font-size: 1.5em;
     line-height: 1.5em;
    font-weight: 700;
}
.contentWrap {
    text-align: center;
    font-size: 1.125em;
    line-height: 1.8em;
    margin-bottom: 1em;
}
.contentWrap h3 {
    margin: 1em auto 0.5em;
    width: 7em;
    font-size: 1.1em;
    line-height: 1.8em;
    font-weight: 500;
    border-bottom: 4px solid #786f2d;
}
.bd_eventWrap .note {
    text-align: center;
    font-size: 0.75em;
    color: #999;
    padding: 2em 0;
}
#eventWrap {
    background: #333;
}
#eventWrap h2 {
    background: #2b2b2b;
    text-align: center;
    font-size: 1.75em;
    line-height: 2.5em;
    font-weight: 700;
    color: #786f2d;
}
#eventArea {
    width: 90%;
    max-width: 1024px;
    margin: 2.5em auto;
}
ul.eventInfo {
    width: 100%;
    max-width: 640px;
    margin: auto;
}
ul.eventInfo li {
    display: flex;
    margin: 1em auto;
    align-items: center;
}
ul.eventInfo li .item {
    width: 16%;
    text-align: center;
    border: 1px solid #999;
    padding: 0.5em;
    color: #999;
    line-height: 1.5em;
}
ul.eventInfo li .eventContent {
    width: 84%;
    font-size: 1.125em;
    line-height: 1.5em;
    margin-left: 1em;
}
ul.eventInfo li .eventContent small {
    font-size: 0.8em;
}
#eventNote {
    width: 100%;
    margin: auto;
    max-width: 680px;
    border-top: 1px solid #999;
    padding: 1em 1.5em 1em 3em;
    font-size: 0.875em;
    line-height: 1.5em;
    color: #999;
}
#eventNote p {
    text-indent: -1em;
}
#bnrShop {
    width: 40%;
    max-width: 150px;
    margin: 2em auto;
}
#bnrShop a:hover {
    display: block;
    transform: scale(1.05,1.05);
}

@media screen and (max-width : 1024px) {
ul.reserveWrap li:nth-child(1) {
    font-size: 18px;
    line-height: 1.25em;
}
ul.reserveWrap li:nth-child(2) {
    font-size: 20px;
    line-height: 1.5em;
}
}

@media screen and (max-width : 599px) {
.bd_event_intro {
            text-align: left;
    }
ul.reserveWrap li {
    display: inherit;
    padding: 1%;
    vertical-align: middle;
}
ul.reserveWrap li:nth-child(1) {
    font-size: 14px;
    line-height: 1.25em;
    width: 100%;
    border-right: none;
    border-bottom:  1px solid rgba(120,111,45,0.7);
}
ul.reserveWrap li:nth-child(2) {
    font-size: 16px;
    line-height: 1.5em;
    width: 100%;
        text-align: center;
}
ul.eventInfo li .item {
    width: 24%;
}
ul.eventInfo li .eventContent {
    width: 76%;
}
#eventNote {
    width: 100%;
    margin: auto;
    max-width: 680px;
    border-top: 1px solid #999;
    padding: 1em 0em 1em 1em;
    font-size: 0.875em;
    line-height: 1.5em;
    color: #999;
}
}

/*************************
*Footer
*************************/
footer {
    font-size: 0.75em;
    line-height: 2em;
    padding: 3em 0 2em 0;
    text-align: center;
    color: #999;
}

/* ------------------------------------
	トップに戻る
------------------------------------ */
#page_top{
  width: 40px;
  height: 40px;
  position: fixed;
  right: 15px;
  bottom: 15px;;
  background: #666;
  opacity: 0.7;
  border-radius: 50%;
  }
#page_top a{
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f062';
  font-size: 20px;
  color: #fff;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 24px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}