body input ~ nav {

  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height:80px;
  z-index: 9950;
  transition: .5s;
  transition-delay: .5s;
overflow: hidden;
}
body input ~ nav > ul {
  text-align:center;
  position: absolute;
  top:30px;
right:15px;
line-height:130%;
font-size:1.3rem;
}
body input ~ nav > ul > li {
  opacity: 1;
  transition: .5s;
  transition-delay: .5s;
float:left;
margin:1px 5px 1px 0;

}
body input ~ nav > ul > li > a {
  text-decoration: none;
  font-weight:700;
display: inline-block;
padding:1px 4px;
}

.aface{
  position: relative;
  text-decoration: none;
  color: #006554;
  background: #FFF;
  transition: .4s;
}
.bface{
  position: relative;
  text-decoration: none;
  color: #fff;
  background: #006554;
  transition: .4s;
}

body input ~ nav > ul > li > a:hover {
	color:#006554;
	background: #FFF;
}

body input ~ nav > ul > li > a.aface:hover {
background:#006554;
color: #fff;
text-decoration: none;
}

.catlist_bnrsp{
display:none;
}
.covid_bnrsp{
display:none;
}

/* responsive
------------------------------------------------------------ */

@media screen and (max-width:1024px) {
body input ~ nav > ul {
  text-align:center;
  position: absolute;
  top:20px;
right:10px;
line-height:1.2;
width:600px;
font-size:1.1rem;
}

}

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

body input ~ nav {
height:0px;

}
body input ~ nav > ul {
text-align:left;
margin:0 auto;
width:88%;
top:12%;
padding:0;
position: relative;

}
body input ~ nav > ul > li {
  opacity: 0;
  transition: .5s;
  transition-delay: 0s;
float:none;
display:inline-block;
margin:0 5px 0 0;

}
body input ~ nav > ul > li > a {
  text-decoration: none;
  font-weight:400;
  font-size:1.3rem;
  display: block;
  line-height:1.2;
}

.aface,.bface{
  position: relative;
  background:none;
  border-radius:0;
  transition:0;
  color: #006554;
}
.navmenu_ttl{
font-size:1.3rem;
font-weight:700;
border-bottom:2px solid #006554;
color: #006554;
padding:0 0 5px 0;
margin:0 0 5px 0;
}

body input ~ nav > ul > li > a:hover {
	color: #e05418;
	background: #FFF;
}
body input ~ nav > ul > li > a.aface:hover {
	color:#DF9C00;
	background: #FFF;
}
body input ~ nav > ul > li > a.bface:hover {
	color:#DF9C00;
	background: #FFF;
}



body input:checked ~ nav {
  height:100%;
  width:100%;
  transition-delay: 0s;
  background: rgba(255,255,255,255);
}

body input:checked ~ nav > ul > li {
  opacity: 1;
  transition-delay: .5s;
}



body input + label {
  position: fixed;
  top: 24px;
  right:25px;
  height:30px;
  width:30px;
  z-index: 9990;
  
}
body input + label span {
  position: absolute;
  width: 100%;
  height:2px;
  top: 50%;
  margin-top: 0px;
  left:10px;
  display: block;
  background: #006554;
  transition: .5s;
}
body input + label span:first-child {
  top: 4px;
}
body input + label span:last-child {
  top: 26px;
}
body label:hover {
  cursor: pointer;
}
body input:checked + label span {
  opacity: 0;
  top: 50%;
}
body input:checked + label span:first-child {
  opacity: 1;
  transform: rotate(405deg);
}
body input:checked + label span:last-child {
  opacity: 1;
  transform: rotate(-405deg);
}

.catlist_bnrsp{

padding-top:20px;
display:block;
}
ul.covid_bnrsp{
display:block;
padding-top:10px;
margin:0 auto;
text-align:center;
}
ul.covid_bnrsp li{
display:inline-block;
margin:0;
padding:0;
line-height:1.0em;
}
ul.covid_bnrsp li img{
width:155px;
}

.bmbnr_l{
float:left;
}

}