.cookie-consent {
            display: flex;
            justify-content: center;
            align-items: center;
            position:fixed;
            bottom: 0; /* ポップアップ表示位置 */
            width: 100%;
            font-size: 80%;
            color: #fff;
            background: rgba(0,0,0,.7);
            padding: 1.2em;
            box-sizing: border-box;
            visibility: hidden;
            flex-direction:row;
}
.cookie-consent.is-show {
    visibility: visible;
    z-index: 10000;
}

.cookie-agree, .cookie-reject {
    color: #fff;
    background: dodgerblue;
    padding: .5em 1.5em;
    margin-left: 20px;
}

/* パッと消える */
.cc-hide1 {
    display: none;
}
    
/* ゆっくり消える */
.cc-hide2 {
    animation: hide 1s linear 0s;
    animation-fill-mode: forwards;
}
        
@keyframes hide {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        visibility: hidden;
    }
}

/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){
    .cookie-consent {
        font-size: 100%;
        flex-direction:column;
        margin: 1em;
    }
    .cookie-text {
        margin-bottom: 1em;
    }
    .cookie-agree{
        margin-bottom: 1em;
    }

}
/*画面幅600px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {
    body{
        font-size: 75%;
    }
    .cookie-consent {
        font-size: 100%;
    }
        flex-direction: column;
    }
    .cookie-text {
        margin-bottom: 1em;
    }
}

/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
    .cookie-consent {
        flex-direction: column;
    }
    .cookie-text {
        margin-bottom: 1em;
    }
}