/* ベース */

/* 他のCSSを追加 */
@import url(sanitize.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital@0;1&display=swap');
/* Roboto font */



/* ドロワーナビゲーション */
/* #base-drawer-menu {
    position: fixed;
    right: -270px;
    top: 0;
    width: 270px;
    height: 100%;
    z-index: 100;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    padding: 24px 24px 0 24px;
    background-color: #24211b;
    color: white;
} */

/* ヘッダーナビゲーション */
/* #base-header-inner {
    background-color: yellow;
    margin: 0;
    padding: 0;
} */

#base-wrapper {
    z-index: 200;
}

#nav-drawer-side .show {
    transform: translate3d(-270px, 0, 0);
}


/* ハンバーガーメニュー */
#nav-header-hamburger {
    flex: 0 0 32px;
    align-self: center;
    margin-left: 16px;
    margin-right: 16px;
    text-align: center;
    scale: 40%;
}


#base-tiny-tank-banner {
    color: black;
    background-color: yellow;
}


/* Cookie Popup*/
/* #cookie-popup {
    position: fixed;
    bottom: 0;
    margin: 0;
    padding-top: 10px;
    width: 100%;
    height: auto;
    background-color: rgba(42, 95, 202, 0.7);
    z-index: 200;
    color: white;
    display: flex;
    align-items: center;
}

#cookie-popup p {
    margin-right: 10 px;
    text-align: left;
}

#btn-cookie-agree {
    margin: auto;
    padding: 0;
    transition-property: opacity;
    transition-duration: 1s;
    transition-timing-function: ease;
    transition-delay: 0s;
}

#btn-cookie-reject {
    margin: auto;
    padding: 0;
    transition-property: opacity;
    transition-duration: 1s;
    transition-timing-function: ease;
    transition-delay: 0s;
} */