@charset "utf-8";
/*
Theme Name: Lightning Child Sample
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/


/* 区切り線 */
.mainSection hr {
    clear: both;
    display: block;
    margin-bottom: 20px;
    border-top: solid 1px #323032;
    color: #fff;
}

/* 箇条書き */
.mainSection ul li {
    list-style: disc;
    padding: 0px;
    margin-bottom: 10px;
}

/* 段落 */
.mainSection p {
    margin-bottom: 20px;
    padding: 0px 5px;
}

/* Contact Form 7 */
.mainSection .wpcf7 { margin-top: 20px; }

.mainSection form span.wpcf7-form-control-wrap { position: relative; display: inline-block; overflow: hidden; clear: both; /*回り込みをしている為*/ }

.mainSection form span.wpcf7-form-control-wrap .wpcf7-list-item, .mainSection form span.wpcf7-form-control-wrap .wpcf7-list-item label { display: block; float: left; }

.mainSection form span.wpcf7-form-control-wrap .wpcf7-list-item { padding-top: 8px; padding-bottom: 8px; }

.mainSection form span.wpcf7-not-valid-tip, .mainSection form div.wpcf7-validation-errors { position: relative; color: #fff; padding: 8px 12px 6px; position: relative; display: block; background-color: #F00; left: 0px; top: 8px; margin-bottom: 8px; clear: both; border-radius: 5px; border: none; }

.mainSection form span.wpcf7-not-valid-tip::after, .mainSection form div.wpcf7-validation-errors::after { content: ""; position: absolute; bottom: 100%; left: 30px; height: 0; width: 0; border: 10px solid transparent; border-bottom: 10px solid #F00; }

.mainSection .wpcf7 dl { display: block; overflow: hidden; border-bottom: 1px dotted #ccc; }

.mainSection .wpcf7 dl dt { display: block; overflow: hidden; padding: 10px 0; float: left; width: 20%; color: #666; font-weight: lighter; }

.mainSection .wpcf7 dl dd { display: block; overflow: hidden; padding: 10px; margin-bottom: 0px; }

.mainSection form input[type="text"], .mainSection form textarea {
    position: relative;
    overflow: hidden;
    padding: 5px 10px;
    margin: 5px 5px 5px 0px;
}

/* カスタマイズ */
body {
    font-family: 'Helvetica Neue','Helvetica', 'Arial', '游ゴシック', YuGothic,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', Meiryo, sans-serif;
    line-height: 1.8;
    color:#323032;
}


#footerInner{
    background-color:#3a3838;
    color:#fff;
}

#panList { clear: both; font-size: 12px; color: #2d2c2d; padding: 0px; display: block; overflow: hidden; width: 100%; }


/*-------------------------------------------*/
/*  共通
/*-------------------------------------------*/
.al-c{
text-align:center;
}


.clear{
    clear:both;
}


.clearr{
    clear:right;}
.b{ font-weight: bold!important; }/*太字*/

.big{font-size:120%;}
.mt50{margin-top:50px;
}

.w400{
width:400px;}

.m5b{ margin-bottom: 5px!important; }

.m10b{ margin-bottom: 10px!important; }


.red{color:red;
}


#post-751 ul { list-style: none; }

body ul li {
list-style: none;
}


/*-------------------------------------------*/
/*  上のディスクリプション
/*-------------------------------------------*/

#headerTop .innerBox #site-description{
    color:#fff;
    padding-left:20px;
    background-color:#000;
    }


#gMenu .menu > li:after { content: "."; line-height: 0; width: 1px; display: block; overflow: hidden; height: 60%; position: absolute; top: 20%;  }



/*-------------------------------------------*/
/*  ３つ並び画像
/*-------------------------------------------*/

#info3{
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -webkit-flex-direction:row;/*--- safari（PC）用 ---*/
    flex-direction:row;
}

#info3  .ori3{
    font-size:1em;
    text-align:center;
    font-weight:bold;
    background-color:#000;
    color:#fff;
    margin:0;
}

#info3  .ori4{
    font-size:1em;
    text-align:center;
    font-weight:bold;
    background-color:#e3351f;
    color:#fff;
    margin:0;
}


#info3 a{   
    text-decoration:none;
    }



#info3  .infotext{
    font-size:0.8em;
}


#info3 .prImage img.imageWide { 
    margin-bottom:8px; }


#infl{ 
    padding:2px;
    box-sizing: border-box;
    float: left;
    margin: 0 2% 1em 0;
    width: 32%;
    border:2px solid #e3351f;

     border-radius: 8px;        /* CSS3草案 */  
        -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
     -moz-border-radius: 8px;
}


#infc{ 
    padding:5px;
    box-sizing: border-box;
    float: left;
    margin: 0 2% 1em 0;
    width: 32%;
    border:2px solid #e3351f;
 
    border-radius: 8px;        /* CSS3草案 */  
        -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
     -moz-border-radius: 8px;
}


#infr{ 
    padding:5px;
    box-sizing: border-box;
    float: left;
    margin: 0 0 1em 0;
    width: 32%;
    border:2px solid #e3351f;
   
    border-radius: 8px;        /* CSS3草案 */  
        -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
     -moz-border-radius: 8px;
}




#infl2{ 
    padding:2px;
    box-sizing: border-box;
    float: left;
    margin: 0 2% 1em 0;
    width: 32%;
     border-radius: 8px;        /* CSS3草案 */  
        -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
     -moz-border-radius: 8px;
}




#infc2{ 
    padding:2px;
    box-sizing: border-box;
    float: left;
    margin: 0 2% 1em 0;
    width: 32%;
    border-radius: 8px;        /* CSS3草案 */  
        -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
     -moz-border-radius: 8px;
}


#infr2{ 
    padding:2px;
    box-sizing: border-box;
    float: left;
    margin: 0 0 1em 0;
    width: 32%;
    background-repeat:repeat;
    border-radius: 8px;        /* CSS3草案 */  
        -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
     -moz-border-radius: 8px;
}


.bred{
    border:2px solid #e3351f;

}

.bblack{
    border:2px solid #000;
}

#infl50{ 
    padding:5px;
    box-sizing: border-box;
    float: left;
    margin: 0 2% 1em 0;
    width: 49%;
    border:1px solid #000;
    height:auto;
}


#infr50{ 
    padding:5px;
    box-sizing: border-box;
    float: left;
    margin: 0 0 1em 0;
    width: 49%;
    border:1px solid #666;
    height:auto;
}
.gray{
    background-image:url(https://voice-lab.net/wp/wp-content/uploads/2015/10/gray.png);
    background-repeat:repeat;
}

.white{
    background-image:url(https://voice-lab.net/wp/wp-content/uploads/2015/10/white.png);
    background-repeat:repeat;
}


.orimage{text-align:center;

}



.orange{
    color:#d18b80;
}

.whitefont{
    color:#fff;
}


#topPr .topPrTit a{
    color:#e3351f;
}



/*-------------------------------------------*/
/*  告知バナー画像
/*-------------------------------------------*/

#info1{
    clear: both;
    display: block;
}


/*------------------------------------------------------------
コンタクトフォーム
-------------------------------------------------------------*/
.wpcf7 form {
     margin:0;
     padding:0;
     border:0;
     outline:0;
     font-size:100%;
     vertical-align:baseline;
     background:transparent;
}

.wpcf7 select, .wpcf7 input, .wpcf7 textarea, .wpcf7 button { 
     vertical-align:middle; 
     position:relative; 
     margin: 0 4px 2px 4px;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     *margin-right:3px; 
     top:-1px;
}

.mainSection-contents .wpcf7 p.c1,
.mainSection-contents .wpcf7 p.c2{
    margin: 0;
    padding: 5px 20px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    color: #595858;
    display: block;
    line-height: 50px;
    clear: both;
}

@media
only screen and (max-width : 640px){
.mainSection-contents .wpcf7 p.c1,
.mainSection-contents .wpcf7 p.c2{
    padding: 5px 10px;
}
}

.wpcf7 p.c1{
    background: #fff;
}
 
.wpcf7 p.c2{
    background: #fbefea;

}

.wpcf7 p.c1:hover,
.wpcf7 p.c2:hover{
  
}
 
.wpcf7 p.c1.last,
.wpcf7 p.c2.last{
    border-bottom: none;
}



.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel]{
    width: 98%;
    top: 0;
}




.wpcf7 select,
.wpcf7 input[type=date],
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel]{
    outline: none;
    padding: 4px;
    font-size: 15px;
    margin: 0 4px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.wpcf7 input[type=date]{
    margin-right: 0.4em;
}

.wpcf7 input[type=text]:focus,
.wpcf7 input[type=email]:focus,
.wpcf7 input[type=tel]:focus{

}

.wpcf7 textarea,
.wpcf7 textarea{
    margin-bottom: 10px;
    font-size: 15px;
    width: 100%;

}

.required{
    padding: 2px 5px;
    background: #ff8080;
    color: #fff;
    margin: 5px;
    font-weight: normal;
}

.wpcf7 input[type=submit],
.wpcf7 input[type=button]{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border: #a9a9a9 1px solid;
    -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);

    font-size: 14px;

    padding: 10px 15px;
 
    margin: 1em 1em 0 0;
    cursor: pointer;
    color: #333;
    font-weight: bold;
    background: #f5f5f5;
    text-shadow: 1px 1px 0px #fff;
}
span.wpcf7-not-valid-tip {
    line-height: 1.6em;

}
.wpcf7 span.wpcf7-not-valid-tip {
    display: none;
}
.wpcf7 .wpcf7-not-valid {
    background: pink;
}
.wpcf7 .wpcf7-response-output {
    margin: 1em 0;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.wpcf7 .wpcf7-validation-errors {
        color: #B94A48;
        background-color: #F2DEDE;
        border: 1px solid #EED3D7;
}
.wpcf7 .wpcf7-mail-sent-ok {
        color: #3A87AD;
        background-color: #D9EDF7;
        border: 1px solid #BCE8F1;
}


.wpcf7 .wpcf7c-elm-step1,
.wpcf7 .wpcf7c-elm-step2 {
    border: 2px solid #f7e700;
    margin: 2em 0;
    padding: 1em;
}

.wpcf7c-conf {
    background-color: #CCCCCC;
    border: 1px solid #333333;
    color: black;
}

.wpcf7 form.wpcf7-form #formbtn {
   border: 1px solid #e95050;
   
       margin-right:10px;
        width:140px;
        height:50px;
    background-color: #f86666;

    border-radius: 2px;
    color: #fff;
    text-align:center;
    padding:3px;
    -webkit-transition: none;
    transition: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    margin:10px 0 0 0;
    }

.wpcf7 form.wpcf7-form #formbtn :hover {
   border:1px solid #e95050;
    background-color: #f86666;

    }


.wpcf7 form.wpcf7-form #formbtn :active {
    background: #f86666;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
    color: #fff;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}


.wpcf7-list-item { display: block; }

.wpcf7 form.wpcf7-form span{
display: inline-block}

.wpcf7 form p {
    padding: 5px 8px;
}

/*------------------------------------------------------------
googlemap
-------------------------------------------------------------*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*------------------------------------------------------------
フレーム関係
-------------------------------------------------------------*/

.frame1 {  
    border: 2px #ca3b1a solid;
    padding:0.6em;
    margin-bottom:1em;
}


.mainSection .mousikomi a{
    padding: 20px 100px;
    background: #ff8080;
    color: #fff;
text-decoration:none;
margin:50px auto;


font-size:20px;
    margin: 5px;
    font-weight: normal;
    margin:60px auto;
}

.frame2 {  
    border: 2px #d18b80 solid;
    padding:0.2em;
    margin-bottom:6em;
}


/*------------------------------------------------------------
h1の見出しのところ
-------------------------------------------------------------*/

#pageTitBnr #pageTitInner #pageTit { border-left: 6px solid #f24731;}   


.mainSection h2, .mainSection h1.contentTitle, .mainSection h1.entryPostTitle, .sideSection .localHead, #sideSection .localHead { border-top-color: #000; }


/*------------------------------------------------------------
サイドのh3の見出し
-------------------------------------------------------------*/
.sideSection h3{
text-align:center;
}
/*------------------------------------------------------------
テーブル
-------------------------------------------------------------*/

.mainSection table { border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; margin: 10px -1px 24px 0; text-align: left; width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 85.7%; line-height: 141.7%; }
.mainSection table thead th { font-weight: bold; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.mainSection table th, .mainSection table thead th { padding: 9px 24px; background-color: #fbefea; white-space: nowrap; }
.mainSection table td, .mainSection table thead td { padding: 9px 24px; white-space: nowrap; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.mainSection table tfoot th, .mainSection table tfoot td { font-weight: bold; }
.mainSection table th, .mainSection table td { border: 1px solid #e5e5e5; padding: 10px 10px; vertical-align: top; }

table.style1 th { background-color: #bdd9cd;}


/*------------------------------------------------------------
アメブロＲＳＳカスタマイズ
-------------------------------------------------------------*/
.mainSection .ameba { margin-top: 5px;
border: 1px solid #70c776; 
height: 15em; overflow: auto; border: }

.mainSection .ameba ul {
 list-style: none;
margin: 0px;
}




.mainSection .ameba ul li{
    padding: 0.8em 1em;
    border-bottom:2px dotted #70c776;
    list-style:none;
}

.mainSection .ameba ul li a{
    color:#323032;
}




.rssFeed {border: 1px solid #DADADA;}
.rssFeed a { color: #222421; text-decoration: underline; }
.rssFeed a:hover { color: #236511; text-decoration: underline; }
.rssHeader { height: 35px; 
         padding-top:1em;
     text-align:center;
     background-color: #f8e3ef;
     color: #4C4C4E; font-weight: bold;
     }



.rssBody { height: 15em; overflow: auto; border: }
.rssBody ul { list-style: none; }
.rssBody ul, .rssRow, .rssRow h4, .rssRow p { margin: 0; padding: 0; }
.rssRow { padding: 0.8em 1em; }
.rssRow h4 { font-size: 1.1em; }
.rssRow div { margin: 0.2em 0 0.4em 0; color: #666; font-size: 90%; }
.ameblo  ul li {border-bottom:2px dotted #ccc;}

.rssRow .rssMedia { padding: 0.5em; font-size: 1em; }




/*-------------------------------------------*/
/*  Responsive Structure
/*-------------------------------------------*/


/*--------------------------------------------------------
モバイル用レイアウト（640px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

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

.infobox{
    display: none; }

#footMenu{
    display: none; }



#gMenu .menu li ul { display:none; }



}



/* 追加 */

/* リンク */
a {
    color: #e54219;
}

.entry-body a {
    text-decoration:underline;
}

a:hover, a:active {
    color: #c00;
}

.media .media-body .media-heading a {
    color: #e54219;
}

.media .media-body .media-heading a:hover {
    color: #e54219;
    text-decoration:underline;
}

/* 関連記事リンク */
.veu_relatedPosts a {
    color: #000 !important;
    text-decoration: none;
}

.veu_relatedPosts a:hover {
    color: #000 !important;
    text-decoration:underline !important;
}


/* コピーライト消す */
footer .copySection p:nth-of-type(2) {
    display: none;
}

/* カテゴリーリンク */
.entry-meta_items .btn {
    border: solid 1px #e54219 !important;
    color: #e54219 !important;
    background-color: #fff !important;
}

.entry-meta_items .btn:hover {
    border: solid 1px #e54219 !important;
    color: #fff !important;
    background-color: #e54219 !important;
}

/* 3PRエリア「詳しくはこちら」 */
.veu_3prArea .linkurl {
    text-align: center;
}

.veu_3prArea .linkurl a {
    border: solid 1px #e5e5e5 !important;
    color: #fff !important;
    background-color: #000 !important;
}

.veu_3prArea .linkurl a:hover,
.btn-dark:hover {
    border: solid 1px #e54219 !important;
    color: #fff !important;
    background-color: #e54219 !important;
}

/* ボタン黒・デフォルト */
.slide a.btn,
a.btn-default,
a.btn-black {
    border: none !important;
    color: #fff !important;
    background-color: #000 !important;
    text-decoration: none;
}

.slide a.btn:hover,
a.btn-default:hover,
a.btn-black:hover {
    border: none !important;
    color: #fff !important;
    background-color: #e54219 !important;
    text-decoration: none;
}

/* ボタン */
.btn-primary {
    border: double 3px #fff !important;
}

/* スライドショーボタン位置 */
.slide .item-1 .slide-text-set { /* 1枚目 */
    top: 15%;
    left: 50%;
}

.slide .item-2 .slide-text-set { /* 2枚目 */
    top: 83%;
    left: 50%;
}

.slide .item-3 .slide-text-set { /* 3枚目 */
    top: 83%;
    left: 50%;
}

/* 「お問い合わせはこちら」ボタン */
.veu_contact .contact_bt_subTxt {
    margin-top: 0;
}

@media (min-width: 1200px) {
    .veu_contact .contact_bt {
        float: none;
        padding: 8px;
    }
}

/* フッター */
.siteFooter {
    border: none;
    background-color: #3a3838;
    color: #fff;
}

.siteFooter a {
    color: #fff !important;
}

/* メインコンテンツ背景色
.siteContent > .container > .row {
    background-color: #fff;
    padding: 30px 0;
}

@media (min-width: 1200px) {
    .siteContent {
        padding: 0;
    }
}
 */


/* 記事一覧 */
.media {
    padding: 1rem 0 3rem;
}


/* Flex */
.flex {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    max-width: 650px;
    margin: 0 auto;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    margin: 30px auto;
    padding: 20px 0;
}

/* ページ下部「お問い合わせはこちら」 */
.mainFootContact .mainFootTxt span.mainFootTel {
    font-size: 24px;
    font-family: 'Lato', sans-serif;
    margin-bottom: 2px;
    line-height: 100%;
}

.mainFootContact .mainFootTxt span {
    display: block;
}

.mainFootContact .mainFootTime {
    font-size:12px;
    line-height:120%;
}

.footContact a i:nth-of-type(1) {
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.footContact a i:nth-of-type(2) {
    font-size: 16px;
    margin-left:5px;
    position: relative;
    top: -1px;
}

.mainFootContact.header {
    border: none;
    text-align: right;
}

.mainFootTel a,
.mainFootTel a:hover {
    color: #000;
    text-decoration: none;
}

@media (min-width: 950px) {
    .mainFootTel a {
        pointer-events:none;
        cursor:default;
    }
}

/* ロゴ右側のブロック */
.logo-after {
    display: block;
    width: 200px;
    float: right;
}
 
.logo-after img {
    max-height: 60px;
}
 
/* ヘッダー幅を100%に */
.navbar-header {
    width: 100%;
}
 
@media (max-width: 991px) {
    .logo-after {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
    }
}
 
/* 新バージョン対応 */
@media (min-width: 1200px) {
    .gMenu_outer,
    .gMenu,
    .gMenu > li {
        width: 100%;
    }
}
 
@media (max-width: 1199.98px) {
    .siteHeader_logo {
        width: unset;
    }
}

/* 連絡先のスタイル */
.logo-after span {
    display: block;
}
 
.logo-after .message {
    font-size: 16px;
}
 
.logo-after .tel {
    color: red;
    font-size: 24px;
}
 
.logo-after .time {
    font-size: 12px;
    color: #666;
}

/* サイドバー見出し */
.sideSection .widget-title {
    font-size: 16px;
    border-top: 2px solid #666;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
    padding: 13px 0px 10px;
    font-weight: bold;
    position: relative;
    text-align: center;
}

.sideSection .widget-title:after {
    display: none;
}

/* 見出し2 */
.mainSection-title, h2 {
    padding: 15px 0px;
}

/* カテゴリーリンク */
.entry-meta {
    margin-bottom: 10px;
}

.entry-meta {
    display: block;
}

.published,
.entry-meta_items_term {
    display: inline !important;
}

.media .media-body .media-heading {
    margin-bottom:0px;
    line-height:120%;
}

.entry-meta {
    margin: 5px 0px;
    line-height:120%;
}

/* 上に戻る */
#wpfront-scroll-top-container {
    max-width: 50px;
    max-height: 50px;
}


/* レスポンシブ */
@media (max-width: 1199px) {
    .media-body p {
        font-size:12px;
    }

    .entry-meta_items {
        font-size:12px;
    }
}

@media (max-width: 767px) {
    .flex {
        flex-direction: column;
        align-items: center;
    }

    .mainFootContact.header {
        text-align: center;
        margin: 10px 0;
    }

    .footContact {
        margin-top: 10px;
    }

    .mainFootContact .mainFootTxt span {
        text-align: center;
        margin: 7px 0 0;
    }

    [class*=carousel-control] {
        display: none;
    }

    h1.entry-title {
        font-size: 22px;
    }
}

@media (max-width: 400px) {
    .media-body p {
        clear: both;
        font-size:14px;
    }

    .footContact a {
        font-size:4vw;
    }

    .footContact a i:nth-of-type(2) {
        top: 1px;
    }

    table.small td,
    table.small th {
        padding: 10px 5px !important;
        font-size: 11.5px !important;
    }

    img.aligncenter, img.alignleft, img.alignright {
        float: none;
        display: block;
    }
}

/* グローバルメニューマウスオーバー時の子メニューの色 */
@media (min-width: 768px) {
    /* 三角の色 */
    .gMenu > li::before, .gMenu > li.menu-item-has-children::after {
        border-bottom-color: #fbefea;
    }

    /* 子メニューの色 */
    .gMenu li li a {
        background-color: #fbefea;
        color: #000;
    }

    /* 子メニューマウスオーバー時の色 */
    .gMenu li li a:hover {
        background-color: #f6bfbc;
        color: #000;
    }
}