@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   page add_20220125

--------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 1101px) {

.infection,
.infoen {
width: 96%;
max-width: 1100px;
margin: 0 auto;
padding: 60px 0 40px;
}

.infection h1.sub,
.infoen h1.sub {
background-color: #F3F2F1;
padding: 10px;
text-align: center;
font-size: 28px;
color: #01003B;
font-weight: bold;
}

.infection .infection_menu,
.infoen .infection_menu {
margin: 0 0 20px;
padding: 10px;
list-style: none;
display: flex;
flex-wrap: wrap;
}

.infection .infection_menu li,
.infoen .infection_menu li {
cursor: pointer;
display: block;
margin: 0 4px 8px -1px;
padding: 0;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
background-color: #01003B;
color: #CCC;
}

.infection .infection_menu li.now,
.infoen .infection_menu li.now {
background-color: #01003B;
color: #FFF;
}

.infection .infection_menu li a,
.infoen .infection_menu li a {
display: block;
color: #FFF;
padding: 8px 20px;
}

.infectionBox {
margin-top: -100px;
padding-top: 100px;
margin-bottom: 100px;
}

/*.nodisplay-inf {
display: none;
}*/



}



@media screen and (max-width: 1100px) {

.infection,
.infoen {
width: 96%;
max-width: none;
margin:0 auto 30px;
}

.infection h1.sub,
.infoen h1.sub {
background-color: #F3F2F1;
padding: 10px;
font-size: 20px;
color: #01003B;
font-weight: bold;
}

.infection .infection_menu,
.infoen .infection_menu {
margin: 0 0 20px;
padding: 10px;
list-style: none;
display: flex;
flex-wrap: wrap;
}

.infection .infection_menu li,
.infoen .infection_menu li {
cursor: pointer;
display: block;
margin: 0 4px 8px -1px;
padding: 0;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
background-color: #01003B;
color: #CCC;
}

.infection .infection_menu li.now,
.infoen .infection_menu li.now {
background-color: #01003B;
color: #FFF;
}

.infection .infection_menu li a,
.infoen .infection_menu li a {
display: block;
color: #FFF;
padding: 8px 20px;
}



}

