#wpfront-notification-bar, #wpfront-notification-bar-editor            {
            background: #FFBC61;
            background: -moz-linear-gradient(top, #FFBC61 0%, #FFBC61 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFBC61), color-stop(100%,#FFBC61));
            background: -webkit-linear-gradient(top, #FFBC61 0%,#FFBC61 100%);
            background: -o-linear-gradient(top, #FFBC61 0%,#FFBC61 100%);
            background: -ms-linear-gradient(top, #FFBC61 0%,#FFBC61 100%);
            background: linear-gradient(to bottom, #FFBC61 0%, #FFBC61 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFBC61', endColorstr='#FFBC61',GradientType=0 );
            background-repeat: no-repeat;
                        }
            #wpfront-notification-bar div.wpfront-message, #wpfront-notification-bar-editor.wpfront-message            {
            color: #ffffff;
                        }
            #wpfront-notification-bar a.wpfront-button, #wpfront-notification-bar-editor a.wpfront-button            {
            background: #F99292;
            background: -moz-linear-gradient(top, #F99292 0%, #F99292 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F99292), color-stop(100%,#F99292));
            background: -webkit-linear-gradient(top, #F99292 0%,#F99292 100%);
            background: -o-linear-gradient(top, #F99292 0%,#F99292 100%);
            background: -ms-linear-gradient(top, #F99292 0%,#F99292 100%);
            background: linear-gradient(to bottom, #F99292 0%, #F99292 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F99292', endColorstr='#F99292',GradientType=0 );

            background-repeat: no-repeat;
            color: #ffffff;
            }
            #wpfront-notification-bar-open-button            {
            background-color: #00b7ea;
            right: 10px;
                        }
            #wpfront-notification-bar-open-button.top                {
                background-image: url(https://atelier-ys.jp/wp-content/plugins/wpfront-notification-bar/images/arrow_down.png);
                }

                #wpfront-notification-bar-open-button.bottom                {
                background-image: url(https://atelier-ys.jp/wp-content/plugins/wpfront-notification-bar/images/arrow_up.png);
                }
                #wpfront-notification-bar-table, .wpfront-notification-bar tbody, .wpfront-notification-bar tr            {
                        }
            #wpfront-notification-bar div.wpfront-close            {
            border: 1px solid #555555;
            background-color: #555555;
            color: #000000;
            }
            #wpfront-notification-bar div.wpfront-close:hover            {
            border: 1px solid #aaaaaa;
            background-color: #aaaaaa;
            }
             #wpfront-notification-bar-spacer { display:block; }/* メッセージのスタイルを変更するには */ #wpfront-notification-bar div.wpfront-message { @import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c'); セレクタ { font-family: 'M PLUS Rounded 1c', sans-serif; } } /* ボタンのスタイルを変更するには */ #wpfront-notification-bar div.wpfront-button { @import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c'); セレクタ { font-family: 'M PLUS Rounded 1c', sans-serif; } } #wpfront-notification-bar { }