body.category .fadeIn:before{
display: none;
}

/* カテゴリページ *************************************************/
#category .categoryList{
width: 100%;
}
#category .categoryList h3{
border-bottom: solid 3px #333;
font-size: min(1.7em, 4.0vw);
font-weight: bold;
margin: 0 0 2%;
padding: 0 0 0.5% 0.5%;
text-align: left;
width: 100%;
}
#category .categoryList ul{
display: flex;
flex-wrap: wrap;
margin: 0 0 5%;
}
#category .categoryList ul li{
background: #eee;
border: solid #aaa 1px;
border-radius: 5px;
font-size: min(4.0vw, 18px);
list-style: none;
margin: 0 0.6% 1%;
padding: 1.5% 2%;
}
#category .categoryList ul li:hover{
opacity: 0.6;
}

/* カテゴリページ *************************************************/

/* ページのサイドに入るところ *************************************************/
#categoryArea{
background: #fff;
box-shadow: 0px 0px 16.2px 1.8px rgba(16, 27, 49, 0.1);
border-radius: 15px;
display: block;
margin: 10% 0 8% auto;
overflow: visible;
padding: 4%;
width: 95%;
width: 300px;
}
#categoryArea .ttlArea.headTtl {
margin-bottom: 0px;/**/
}
#categoryArea .montserrat strong{
font-family: 'Noto Regular', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Lucida Grande", sans-serif;
font-size: 80%;
}
#categoryArea ul{
display: flex;
flex-wrap: wrap;
margin: 5% 0 0;
}
#categoryArea ul li{
background: #eee;
border: solid #aaa 1px;
border-radius: 5px;
font-size: min(3.0vw, 11px);
list-style: none;
margin: 0 0.5% 2%;
padding: 1.5% 2%;
text-align: left;
}
#categoryArea ul li:hover{
opacity: 0.6;
}
/* ページのサイドに入るところ *************************************************/

@media (width > 768px) {
/*@media (min-width: 768px) {*/
    #category #contentArea .mainArea {
    margin: 0 auto;
    padding: 2% 5%;
    /*width: 90%;*/
    }
    /*
    #categoryArea {
    margin: 0 auto 5%;
    width: 95%;
    }
    */
    #categoryArea {
    margin: 0 auto 5%;
    width: 95%;
    }
    #categoryArea ul li {
    font-size: min(3.0vw, 20px);
    }
}
@media (width > 992px) {
/*@media (min-width: 992px) {*/
    #category #contentArea {
    background: #e7e7e7!important;
    }
    #category #contentArea .mainArea {
    width: 100%;
    }
    #category .mainArea .ttlArea.headTtl,
	#category .articleArea .bodyArea, .articleList{
	max-width: 100%!important;
	}
}
@media (width > 1025px) {
    #category #contentArea .mainArea,
    #category .articleArea .bodyArea, .articleList{
    width: 100%;
    }
    #categoryArea {
    margin: 0 0 8% auto;
    width: 90%;
    }
    #categoryArea ul li {
    font-size: min(3.0vw, 11px);
    }
}

/* *************************************************************************** **/
@media (width < 768px) {/* SP */
    #category #contentArea .mainArea {
    padding: 0 5%;
    width: 100%;
    }
    #categoryArea .montserrat strong{
    font-size: 100%;
    }
    #categoryArea{
    margin: 0 auto 5%;
    width: 95%;
    }
    #categoryArea ul{
    margin: 3% 0 0;
    }
    #categoryArea ul li{
    font-size: max(3.5vw, 12px);
    }
}