// お知らせバー
// .c-infoBar {
//     position: relative;
//     width: 100%;
//     overflow: hidden;
//     opacity: 0;
//     animation: fadeIn 1s ease 0s 1 normal both;

//     &.-bg-stripe {

//         &::before {
//             display: block;
//             background-image: repeating-linear-gradient(-45deg, #fff 0 6px, transparent 6px 12px);
//             opacity: .1;
//             content: "";
//         }
//     }

//     &__link {
//         position: relative;
//         z-index: 0;
//         display: block;
//         color: inherit;
//     }

//     &__text {
//         position: relative;

//         z-index: 1;
//         display: block;
//         padding: 8px 0;
//         color: inherit;
//         font-weight: bold;

//         &.-flow-on {
//             white-space: nowrap;
//             text-align: left;
//             transform: translateX(100%);
//             animation: flowingText 12s linear infinite;
//             animation-duration: 12s;

//             @include pc {
//                 animation-duration: 20s;
//             }
//         }

//         &.-flow-off {
//             left: -8px;
//             display: flex;
//             flex-wrap: wrap;
//             align-items: center;
//             justify-content: center;
//             text-align: center;
//             opacity: 0;
//             animation: fadeInFromX .75s ease .5s 1 normal both;
//         }
//     }
// }

// .c-infoBar__btn {

//     display: block;
//     width: auto;
//     min-width: 1em;
//     margin-left: 1em;
//     padding: 0 1em;
//     color: #fff;
//     font-size: .95em;
//     line-height: 2;
//     border-radius: 40px;
//     box-shadow: 0 2px 4px $color_shadow;
// }

// .c-infoBar::before {

//     @extend %absLayer;
// }