/*ベースカラー変更*/
header {
    background-color: #faebd7;
}

.topics {
    background-color: #faebd7;
}

footer {
    background-color: #faebd7;
}

/*ベースカラー変更部分の文字色変更*/
.topicsTitle p {
    color: #40240a;
}

.topicsList .topicsListTitle {
    color: #40240a;
}

.topicsList .topicsListText {
    color: #40240a;
}


.socialTitle {
    color: #40240a;
}

.socialText {
    color: #40240a;
}
.footerArea {
    color: #40240a;
}
.footerArea p a {
    color: #40240a;
}
.info {
    background-color: #F6F6E9;
}
.main {
    background: #faebd7;
}
@media screen and (max-width: 500px) {
    .footerArea {
        background-color: #faebd7;
        padding: 1% 0 3%;
        color: #000;
        width: 94%;
    }
    .topicsList .topicsListTitle {
        font-size: 1rem;
        position: absolute;
        width: 98%;
        text-align: left;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        padding: 6px 0 6px 8px;
        margin: 3px 0px;
        top: -2px;
        line-height: 1.4;
    }
}
@media screen and (max-width: 500px) {
    .logoArea a img {
        width: auto;
        max-height: 40px;
    }
}