.headerInner{box-sizing: border-box;}

.mainpageTitle{ text-align: center; font-weight: 500; margin-bottom: 1.2em; }

.searchForm{ margin-right: auto ; margin-left: auto;}
.searchForm .input{ width: 90%; }
.searchForm button:hover{ background:#0296cc }

.searchForm button img{  width: 20px; }

a{-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;}
a:hover{ filter: alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; outline:none}
   

#categoryWrap {  display: flex; flex-wrap: wrap; text-size-adjust: 100%; }

#categoryWrap dl, .catBox{ background: #fff;  
    box-shadow: 3px 4px 20px rgba(129, 152, 173, 0.4);}


/*title*/
#categoryWrap dt{  /*flex-grow: 1;*/  margin:20px 30px 0; }
#categoryWrap dt,.catBox h2,.pagetitle{ border-bottom: 1px solid #ddd; }
#categoryWrap dt,.catBox h2 a,.catBox h2,.pagetitle{ line-height: 1.2em; color: #00afec; font-weight: 500; }

 #categoryWrap dt a{color: #00afec;  padding-bottom: 20px; }
 #categoryWrap dt a:hover,
 .catBox h2 a:hover,.pagetitle a:hover{ color: #006f97; }
 #categoryWrap dd a:hover{ color: #00afec;  }

#categoryWrap dt a,#categoryWrap dd a,.catBox h2 a{ display: block; outline: none}
#categoryWrap dd, .catBox  p{ line-height: 1.8em; font-weight: 400;}


/*side--------------------------------------------*/
aside h3{ text-align: center; background: #d7f5ff; padding:14px 0;margin-bottom: 15px; }

aside ul{ margin:0 22px;font-weight: 400; }
aside li{ display: flex; }
aside li a{ position: relative; padding:0 10px 0 18px;display: block; color:#2b3e52;line-height: 1.3em; margin-bottom: 12px;}
aside li a::before{ position: absolute; content: "●"; font-size: 0.3em; color: #00afec; left:0;top: 2px;}
aside li a:hover{ color: #0296cc; }

/*single*/
.date{ display: flex; margin: 10px 0; font-size: 14px; color: #555; align-items: flex-end;
    justify-content: flex-end;}

.prevbtn a{ background: #00afec;  border-radius: 20px; color: #fff; 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    height: 50px;
    border-radius: 6px;
    border-radius: 50px;
    font-weight: 500;
    -webkit-transition: 0.4s;
    transition: 0.4s;}
   
/*wp-----------------------------------------------*/
#prepareTxt,#searchTxt{ margin-bottom: 50px; text-align: center; }
#searchTxt{ font-size: 16px; }

.singular .catBox ul, .search .catBox ul{ list-style: inherit;  }
.singular .catBox ul,.singular .catBox ol,
.search .catBox ul, .search .catBox ol{ margin: 10px 0 10px 20px; }
.singular .catBox img, .search .catBox img{ width: inherit;max-width: 100%;margin:10px 10px 20px 0 }
.singular .catBox table, .search .catBox table{ margin-bottom: 30px; }
.singular .catBox p a, .search .catBox p a{ text-decoration: underline; color: #00afec; margin-bottom: 3px;}
.singular .catBox a:hover, .search .catBox a:hover{ color: #0296cc; }

@media screen and (min-width: 783px){
.logged-in .header{ margin-top: 32px; }
}
@media screen and (min-width: 601px) and (max-width: 782px){
.logged-in .header{ margin-top: 46px; }
}

/*
@media screen and (max-width: 600px) {
html .logged-in { margin: 0 0 32px!important; }
.logged-in #wpadminbar {top: unset; bottom: 0; }
}*/

@media screen and (min-width: 1331px){
#termWrap div{max-width: 940px;}
}

@media screen and (min-width: 1024px) and (max-width: 1330px) {
#termWrap div{max-width: 74%;}
}


@media screen and (max-width: 1280px) {
body{ width: 100%; min-width: inherit; }
.header { min-width: inherit;}
}

@media screen and (min-width: 1251px){
.main {  max-width: 1250px;}
}

 @media screen and (min-width: 1025px) {
.headerRight { -webkit-flex-basis: 40%;  -ms-flex-preferred-size: 40%;}
.searchForm{ width: 50%; margin-bottom: 60px;}
.mainpageTitle{  font-size: 30px;}
#categoryWrap dl, .catBox{border-radius:20px; }
#categoryWrap dt,.catBox h2 a,.catBox h2,.pagetitle{  font-size: 23px; }

#termWrap{ display: flex; justify-content: space-between;}
.catBox{ padding:30px; }
.catBox h2,.pagetitle { padding-bottom: 20px; margin-bottom: 20px; }

.prevbtn a{  font-size: 16px;}

#termWrap div{ margin-right: 60px; z-index: 1;width: 100%; }
#categoryWrap dl, .catBox{ margin-bottom: 6%;}
aside{ width: 250px; z-index:0; }
.search aside{ margin-top: 30px; }
}

@media screen and (max-width: 1024px) {
.headerInner { padding: 0 2.5% 0 0.5%;}
.headerRight__items li{ margin-right: 0; }
.searchForm{margin-bottom: 50px;}
aside{ margin-top: 8%; }
/*#categoryWrap dd, .catBox p, .prevbtn a,aside ul{ font-size: 15px; }*/
#categoryWrap dl, .catBox{ margin-bottom: 8%;}
.catBox h2,.pagetitle{ padding-bottom: 10px; margin-bottom: 10px; }
#categoryWrap dt a { padding-bottom: 16px;   }
}

@media screen and (min-width: 751px) {
#categoryWrap dl{ width: 30%; }
#categoryWrap dl:not(:nth-child(3n)){ margin-right: 5%; }
#categoryWrap dd a{ padding: 20px 30px; }
}

@media screen  and (min-width: 750px) and (max-width: 1024px) {
.searchForm{ width: 60%; }
.mainpageTitle{ font-size: 28px;}
.mainTitle{ font-size: 24px; }
#categoryWrap dt,.catBox h2 a,.catBox h2,.pagetitle{  font-size: 21px; }
#categoryWrap dl, .catBox{border-radius:18px; }
.catBox{ padding:4%; }
}


@media screen and (min-width: 641px) and (max-width: 750px) {
#categoryWrap dl{ width: 47%; }
#categoryWrap dl:not(:nth-child(even)){ margin-right: 5%; }
}

@media screen and (max-width: 750px) {
.searchForm{ width: 80%; }
.mainpageTitle{ font-size: 1.6em;}
.mainTitle{ font-size:1.45em; }
#categoryWrap dt,.catBox h2 a,.catBox h2,.pagetitle{  font-size: 1.1em; }
#categoryWrap dl, .catBox{border-radius:16px; }
#categoryWrap dd a{ padding: 14px 30px 20px; }

.catBox{ padding:6%; }
.prevbtn a{ margin-top:50px;  margin-bottom:60px;}
}

@media screen and (max-width: 640px) {
#categoryWrap dl { width: 100%;}
}