/* reset */
.cookie-dialog,
.cookie-dialog *{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.cookie-dialog::before,
.cookie-dialog::after{
    box-sizing: inherit;
}

.cookie-dialog{
    position: fixed;
    width: calc(100% - 20px);
    max-width: 1300px;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 9px 0 rgba(0,0,0, 0.3);
    z-index: 10000;

    transition: transform 400ms ease-in-out;

    font-size: 14px;    /* this site only Setting! */
    line-height: 160%;  /* this site only Setting! */
    color: #222;
}
@media screen and (max-width:767px) {
    .cookie-dialog{
        font-size: 12px;
    }
}

.cookie-dialog.hidden{
    visibility: hidden;
    pointer-events: none;
    opacity: 0.0;
    transform: translate(-50%, calc(100% + 20px));
}

.cookie-dialog__inr{
    padding: 24px;
}
@media screen and (max-width:767px) {
    .cookie-dialog__inr{
        padding: 10px;
    }
}

.cookie-dialog__msg1{
    margin-bottom: 20px;

    line-height: 2;
}
:lang(ja) .cookie-dialog__msg1{
    text-align: justify;
}

.cookie-dialog__msg2{
    font-weight: 600;
    color: #315da8;
}

@media screen and (max-width:767px) {
    
    :lang(ja) .cookie-dialog__msg2{
        grid-area: 1 / 1 / 2 / 3;
        text-align: justify;
    }
}
/*:lang(ja).cookie-dialog__btns{
    display: grid;
    grid-template-columns: auto 200px 200px;
    justify-content: center;
    align-items: center;
    gap: 10px 20px;
}
@media screen and (max-width:767px) {
    :lang(ja).cookie-dialog__btns{
        grid-template-columns: 1fr 1fr;
        gap: 10px 10px;
    }
}*/
:lang(ja).cookie-dialog__btns,
:lang(en).cookie-dialog__btns,
:lang(de).cookie-dialog__btns{
    display: grid;
    grid-template-columns: auto 200px;
    grid-template-rows: auto auto;
    justify-content: center;
    align-items: center;
    gap: 10px 20px;
}
@media screen and (max-width:767px) {
    :lang(ja).cookie-dialog__btns,
    :lang(en).cookie-dialog__btns,
    :lang(de).cookie-dialog__btns{
        grid-template-columns: 1fr;
    }
}

.cookie-dialog__link{
    font-weight: 600;
    color: #315da8;
    text-decoration: underline;
}
.cookie-dialog__agree,
.cookie-dialog__disagree{
    flex: 0 0 auto;
    width: 100%;
    height: 40px;
    border-radius: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #315da8;
    outline: none;
    cursor: pointer;
    overflow: visible; /* ie11 */

    transition: all 300ms ease;

    font-family : inherit;
    font-size : 16px;
    font-weight: 600;
}
@media screen and (max-width:767px) {
    .cookie-dialog__agree,
    .cookie-dialog__disagree{
        font-size: 14px;
    }
}

.cookie-dialog__agree{
    background-color: #315da8;
    color: #fff;
}
.cookie-dialog__disagree{
    /* margin-left: 20px; */
    background-color: #fff;
    color: #315da8;
}
@media (hover: hover) {
    .cookie-dialog__agree:hover{
        background-color: #fff;
        color: #315da8;
    }
    .cookie-dialog__disagree:hover{
        background-color: #315da8;
        color: #fff;
    }
}

@media screen and (max-width:767px) {
    .cookie-dialog__disagree{
        margin-left: 0;
    }
}

/* .cookie-dialog__btn:active{
    color: #000;
} */