/* TToolOkiba 独自デザイントークン(03_画面設計書.md 20.4節)
   Bootstrap CDN読み込み後に読み込む素のCSS。ビルド工程は使用しない。 */
:root {
    --ttool-primary: #2f6f4f;
    --ttool-accent: #f2994a;
    --ttool-bg: #faf9f6;
}

body {
    background-color: var(--ttool-bg);
}

.navbar-brand {
    font-weight: bold;
}

/* 広告枠プレースホルダー(08_広告枠設計.md) */
.ad-slot {
    margin: 1.5rem auto;
    text-align: center;
}

.ad-slot__inner {
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 100%;
    border: 2px dashed #adb5bd;
    background-color: #f1f3f5;
    color: #6c757d;
    font-size: 0.85rem;
}

.ad-slot-top .ad-slot__inner--pc {
    width: 728px;
    height: 90px;
}

.ad-slot-top .ad-slot__inner--sp {
    width: 320px;
    height: 50px;
}

.ad-slot-in-feed .ad-slot__inner--pc,
.ad-slot-in-feed .ad-slot__inner--sp,
.ad-slot-sidebar .ad-slot__inner--pc,
.ad-slot-sidebar .ad-slot__inner--sp,
.ad-slot-bottom .ad-slot__inner--pc,
.ad-slot-bottom .ad-slot__inner--sp {
    width: 300px;
    height: 250px;
}