/**
 * YouTube埋込動画のCookie対応。
 * 埋込動画iframeの親ブロック要素に本クラスを指定する。
 * また、本クラスを指定したブロック要素内のiframe要素にはloading="lazy"を指定する。
 **/
.cc-youtube-embed {
    display: none;
}

/**
 * SoundCloud埋込音声のCookie対応。
 * 埋込音声iframeの親ブロック要素に本クラスを指定する。
 * また、本クラスを指定したブロック要素内のiframe要素にはloading="lazy"を指定する。
 **/
.cc-soundcloud-embed {
    display: none;
}

/**
 * GoogleMaps埋込地図のCookie対応。
 * 埋込地図iframeの親ブロック要素に本クラスを指定する。
 * また、本クラスを指定したブロック要素内のiframe要素にはloading="lazy"を指定する。
 **/
.cc-maps-embed {
    display: none;
}

#cc-main {
    /**
     * CookieConsentのスタイル設定。
     * 適用したいスタイルのコメントアウトを解除して値を変更します。
     **/

    --cc-bg: rgba(255,255,255,.9);
    --cc-primary-color: #000;
    --cc-secondary-color: #222;

    --cc-btn-primary-bg: #000;
    --cc-btn-primary-color: #fff;
    /*--cc-btn-primary-border-color: var(--cc-btn-primary-bg);*/
    --cc-btn-primary-hover-bg: #fff;
    --cc-btn-primary-hover-color: #000000;
    /*--cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);*/

    /*--cc-btn-secondary-bg: #242c31;*/
    /*--cc-btn-secondary-color: var(--cc-primary-color);*/
    /*--cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);*/
    /*--cc-btn-secondary-hover-bg: #353d43;*/
    /*--cc-btn-secondary-hover-color: #ffffff;*/
    /*--cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg);*/

    /*--cc-separator-border-color: #222a30;*/

    /*--cc-toggle-on-bg: var(--cc-btn-primary-bg);*/
    /*--cc-toggle-off-bg: #525f6b;*/
    /*--cc-toggle-on-knob-bg: var(--cc-btn-primary-color);*/
    /*--cc-toggle-off-knob-bg: var(--cc-btn-primary-color);*/

    /*--cc-toggle-enabled-icon-color: var(--cc-btn-primary-color);*/
    /*--cc-toggle-disabled-icon-color: var(--cc-btn-primary-color);*/

    /*--cc-toggle-readonly-bg: #343e45;*/
    /*--cc-toggle-readonly-knob-bg: #5f6b72;*/
    /*--cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);*/

    /*--cc-section-category-border: #1e2428;*/

    /*--cc-cookie-category-block-bg: #1e2428;*/
    /*--cc-cookie-category-block-border: var(--cc-section-category-border);*/
    /*--cc-cookie-category-block-hover-bg: #242c31;*/
    /*--cc-cookie-category-block-hover-border: #232a2f;*/
    /*--cc-cookie-category-expanded-block-bg: transparent;*/
    /*--cc-cookie-category-expanded-block-hover-bg: var(--cc-toggle-readonly-bg);*/

    /*--cc-overlay-bg: rgba(0, 0, 0, 0.65);*/
    /*--cc-webkit-scrollbar-bg: var(--cc-section-category-border);*/
    /*--cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);*/

    /*--cc-footer-bg: #0c0e0f;*/
    /*--cc-footer-color: var(--cc-secondary-color);*/
    /*--cc-footer-border-color: #060809;*/

    /*--cc-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";*/

    /*--cc-modal-border-radius: .5rem;*/
    --cc-btn-border-radius: 0;

    /*--cc-modal-transition-duration: .25s;*/

    /* --cc-modal-margin: 1rem; */
    /*--cc-z-index: 2147483647;*/
}

#cc-main .cm--bar{
    width: 100%;
    border-top: 1px solid #ddd;
}
#cc-main .cm{
    box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.12);
}
#cc-main .cm--bar .cm__btn-group{
    display: flex;
}
#cc-main .cm--bar .cm__btn{
    min-width: 136px;
    padding: 0 1rem;
}
#cc-main .cm__title+.cm__desc{
    margin-top: .8em;
}
#cc-main .cm__desc{
    font-size: 13px;
}
#cc-main a,
#cc-main a:hover{
    color: #00b5bc;
    font-weight: normal;
    text-decoration: underline;
    background: none;
}
@media screen and (max-width: 900px) {
    #cc-main .cm__desc{
        font-size: 12px;
    }
    #cc-main .cm--bar .cm__btn-group{
        flex-direction: column;
    }
    #cc-main .cm--bar.cm--inline .cm__btns {
        width: 15rem;
    }
    #cc-main .cm--inline .cm__btn+.cm__btn {
        margin-left: 0;
        margin-top: .375rem;
    }
}
@media screen and (max-width: 640px) {
    #cc-main .cm__title+.cm__desc{
        padding-bottom: 0;
    }
    #cc-main .cm--bar.cm--inline .cm__btns{
        width: auto;
        border-top: none !important;
    }
}