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

.topics {
    background-color: #BABF8C;
}

footer {
    background-color: #BABF8C;
}

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

.topicsList .topicsListTitle {
    color: #000;
}

.topicsList .topicsListText {
    color: #000;
}


.socialTitle {
    color: #000;
}

.socialText {
    color: #000;
}
.footerArea {
    color: #000;
}
.footerArea p a {
    color: #000;
}

/*ロゴサイズ変更*/
.pickLogo {
    position: absolute;
    bottom: 24px;
    left: 16px;
}


@media screen and (max-width:500px) {

/*ベースカラー変更*/
.headLogo {
    display: block;
    background-color: #BABF8C;
}

.footerArea {
    background-color: #BABF8C;
}

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

.topicsList .topicsListTitle {
    color: #000;
}

.topicsList .topicsListText {
    color: #000;
}

.socialText {
    color: #000;
}

.footerArea {
    color: #000;
}

.topicsList .topicsListTitle {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

}