@charset "UTF-8";
/* CSS Document */

	
.headobi{
	display:block;
	width:100%;
	height:46px;
	text-align:left;
	background-color:#000;}

.wrapperLBn{
	width:100%;
	margin:0 auto;
	}
	
.innerLB,.innerLB1,.innerLB2{
	margin:0 auto;
	max-width:960px;
	width:100%;}
	
.innerLB{
	width:94%;
	padding-top:6px;
	padding-left:5%;}
	
.innerLB1 img,.innerLB2 img{
	width:100%;
	height:auto;}
	
.date{
	text-align:center;
	margin:40px auto 60px;}

		
.date img{
	width:70%;
	height:auto;}
	
.date2{
	margin:80px auto 60px;
	width:80%;
	height:auto;
	background-color:#0b4a28;
	border-radius:8px;
	padding:20px 30px;
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
	text-align:left;}
	
.date2 p{
	color:#FFFFFF;
	font-size:15px;}
	
.innerLB2{
	display:none;}



@media only print{
	


}
	
@media only screen and (max-width:960px){
	


}

@media only screen and (max-width:840px){
	
.date img{
	width:80%;
	height:auto;}

}

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


}


	
@media only screen and (max-width:640px){
	
.date img{
	width:88%;
	height:auto;}
		
.date2{
	width:76%;}
	

}


@media only screen and (max-width: 480px){
	
.innerLB1{
	display:none;}
	
.innerLB2{
	display:inherit;}
	
.date2{
	width:70%;}


}



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

.date img{
	width:96%;
	height:auto;}

.date2{
	width:70%;}

	
	

}

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

.date2 p{
	font-size:14px;}

	
	

}