/*テーマカラーに変更*/
.newsTitle {

    background-color: #cc0001;
}

.headNavbar nav {
    background-color: #cc0001;
}
.topinfoTitle {
    background-color: #cc0001;
}

.toTop a {
    background: #cc0001;
}

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

.footerArea {
    background-color: #cc0001;
}
header {
    background-color: #cc0001;
}

.topics {
    background-color: #cc0001;
}

footer {
    background-color: #cc0001;
}

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

.topicsList .topicsListTitle {
    color: #fff;
}

.topicsList .topicsListText {
    color: #fff;
}


.socialTitle {
    color: #fff;
}

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

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

.pickLogo {
    bottom: 12px;
    left: 11px;
}
.pickLogo img {
    width: 118%;
}


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

.newsSection:nth-child(1){
	width:20%;
    background-color: #cc0001;
}


    .closeBtn {
        position: absolute;
        top: 3px;
        right: 6px;
        color: #000;
        cursor: pointer;
        font-size: 2.4rem;
    }
        .headNavbar nav li a {
        text-decoration: none;
        padding: 10px 0 10px 20px;
        display: block;
        color: #000;
    }
}
h1 {color: #fff;
    }
.headNav nav li a {
    text-decoration: none;
    color: #fff;
}
@media screen and (max-width: 500px) {
    .closeBtn {
        position: absolute;
        top: 3px;
        right: 6px;
        color: #fff;
        cursor: pointer;
        font-size: 2.4rem;
    }
     .headNavbar nav li a {
        text-decoration: none;
        padding: 10px 0 10px 20px;
        display: block;
        color: #fff;
    }
}