.card-comments img {
  width: 4rem;
}

/* ボタンに角丸を適用 */
.btn-rounded {
    border-radius: 10em !important;  /* mdb.cssの.btnより優先させる */
}

/* 管理画面でのヘッダー画像のサイズ調整 */
.header-image-size {
    min-width: 100px;
    max-width: 200px;
    min-height: 42px;
    max-height: 50px;
    object-fit: contain;
}

/* container */
.my-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 1280px) {
    .my-container {
        max-width: 1280px;
    }
}
.navbar > .my-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* 管理画面でのヘッダーメディア画像のサイズ調整 */
.header-media-pc-image-size,
.header-media-sp-image-size {
    min-width: 100px;
    max-width: 300px;
    min-height: 42px;
    max-height: 100px;
}

/* ヘッダーメディア画像のサイズ調整 */
.header-media-sp-image {
    display: none;
    width: 100%;
    min-width: 1260px;
    height: auto;
}
@media screen and (max-width: 768px) {
    .header-media-sp-image {
        display: block;
        min-width: 0;
    }
}
.header-media-pc-image {
    display: block;
    width: 100%;
    height: 315px;
    min-width: 1260px;
    max-width: 2400px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
}
@media screen and (max-width: 768px) {
    .header-media-pc-image {
        display: none;
    }
}

/* サイドメニューとコンテンツのグリッド */
.col-side-menu, .col-content {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 992px) {
    .col-side-menu {
        -ms-flex: 0 0 26.666667%;
        flex: 0 0 26.666667%;
        max-width: 26.666667%;
    }
    .col-content {
        -ms-flex: 0 0 73.333333%;
        flex: 0 0 73.333333%;
        max-width: 73.333333%;
    }
}