@charset "utf-8";

.newyear { padding: 0.45rem 1.0rem 0.45rem 1.0rem; border: 0.1rem #AB7367 solid }
.newyear .info2 { display: flex; align-items: center;}
.newyear .info2 div:first-child p { font-size: 1.4rem; font-weight: 400;}
.newyear .info2 div:first-child p span { font-size: 1.7rem; font-weight: 700; color: #FF0000;}

.newyear .info2 ul { margin: 0; padding: 0; width: 100%; height: 100%; display: flex; flex-wrap: wrap;}
.newyear .info2 ul li { display: flex; width: 100%; font-size: 0; padding-bottom: 0; }
.newyear .info2 ul li p { width: 50%; border: solid 1px #FFF; font-size: 1.4rem; font-weight: 400; padding: 1.0rem; text-align: center; margin-bottom: 0;}
.newyear .info2 ul li p span { color: #FF0000; font-weight: 500; }
.newyear .info2 ul li p:first-child { background-color: #DDD;}
.newyear .info2 ul li p:last-child { background-color: #EEE;}
	@media(min-width:992px){
		.newyear .info2 ul li { flex-direction: column; width: 25%;}
		.newyear .info2 ul li p { width: 100%; text-align: left; padding: 0.5rem;}
	}
    
.newyear { padding-top: 1.0rem; padding-bottom: 1.0rem;  }
.newyear .info3 { display: flex; align-items: center;}
.newyear .info3 h2 { font-size: 2.4rem; font-weight: 700; color: #333; text-shadow: 1px 1px 2px #DDD; transition: .4s; border: solid 1px #333; text-align: center;}
.newyear .info3 h2:hover { opacity: 0.8;} 

/*
.corona .info2 ul { margin: 0; padding: 0; width: 100%; height: 100%; display: flex; flex-wrap: wrap;}
.corona .info2 ul li { display: flex; width: 50%; flex-direction: column;}
.corona .info2 ul li p { width: 100%; height: 4.0rem; border: solid 1px #FFF; font-size: 1.6rem; font-weight: 400;padding: 1.0rem; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 0;}
.corona .info2 ul li.left p:nth-child(3), .corona .info2 ul li.right p:nth-child(2) { height: 10.0rem;}
.corona .info2 ul li.right p:nth-child(odd) {height: 8.0rem;} 
.corona .info2 ul li p span { color: #F8B62D; font-weight: 500; }
.corona .info2 ul li.left p { background-color: #DDD;}
.corona .info2 ul li.right p { background-color: #EEE;}
	@media(min-width:992px){
		.corona .info2 ul li { width:100%; flex-direction: row;}
		.corona .info2 ul li p { width: calc(100% / 9); height: auto!important; padding: 0.5rem;}
        .corona .info2 ul li.left p:nth-child(3), .corona .info2 ul li.right p:nth-child(2) { width: calc((100% / 9)*5); }
        .corona .info2 ul li.right p:nth-child(odd) { width: calc((100% / 9)*2); }
	}*/