/*ここから　メイン画像内にバナー置くとき使う*/

.pickLogo{
	display: block!important;
	position: absolute;
	bottom:14px;
	left:14px;
	z-index: 10;
	width: 35%;
}
.logoArea{
	display: none!important;
}
.headMenuArea h1{
    margin-top: 6px!important;
    font-weight: normal!important;
    line-height: 1.2!important;
    margin-left: 30px!important;
    transition: unset!important;
    font-size: 0.93rem!important;
}
.headNav nav {
    position: relative!important;
    transition: unset!important;
    margin: 10px auto 0!important;
    font-size: 1rem!important;
}


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

.topics {
    background-color: #f0f8ff;
}

footer {
    background-color: #f0f8ff;
}

/*ベースカラー変更部分の文字色変更*/
.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;
}

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


@media screen and (max-width:500px) {
/*ロゴ位置変更*/
.pickLogo img{
  width: 100%;
}

.logo_open h1 {
    margin-left: 0!important;
    font-size: 0.8rem!important;
}




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

.footerArea {
    background-color: #f0f8ff;
}

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

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

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

.socialText {
    color: #40240a;
}

.footerArea {
    color: #40240a;
}

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

.pickLogo {
    bottom: 12px;
    left: 11px;
}
.pickLogo img {
    width: 118%;
}
}
/*メイン画像内にバナー置くとき使う　ここまで*/