/*
Theme Name: COSMOPOLISTA
Author: 合同会社エーペックス
Version: 0.1.0
*/
@import url("./styles/reset.css");
@import url("./styles/container.css");

@import url("./styles/navbar.css");
@import url("./styles/form.css");
@import url("./styles/row.css");

@import url("./styles/toppage.css");
@import url("./styles/okuridashi.css");
@import url("./styles/archive.css");
@import url("./styles/editor.css");
@import url("./styles/sidebar.css");

body {
    font-family: "Noto Sans JP", sans-serif;
}

main.contents {
    min-height: calc(100vh - 70px);
    background-color: #f9f9f9;
    padding-top: 70px;
}

.py {
    padding-top: 70px;
    padding-bottom: 70px;
}

.obi {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 25px;
    height:50px;
    background-color: #1f2a2b;
    overflow-x: hidden;
    padding:10px 0;
    position: relative;
    &::-webkit-scrollbar {
        display: none;
    }
    .elem {
        flex-shrink: 0;
        img {
            width:auto;
            height: 30px;
        }
    }
    .obi-content {
        display: flex;
        flex-direction: row;
        gap: 25px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
}

section {
    padding:75px 0;
    .titles {
        text-align: center;
        margin-bottom: 50px;
        & > h2 {
            font-size: 30px;
            font-weight: bold;
            margin-bottom: 10px;
            &.logo {
                width: 320px;
                margin-left: auto;
                margin-right: auto;
            }
        }
    }
}

.wrap-content-sidebar {
    display: flex;
    flex-direction: row;
    gap: 40px;
    .sidebar {
        width: 30%;
    }
    .content {
        width: 70%;
    }
}

.footer {
    padding:50px 0;
    .copyright {
        font-size:10px;
        text-align: center;
    }
}