@charset "utf-8";

.area{
	margin:80px 0px 0px 0px;
	background:#FFF;
}

.area_l{
	float:left;
	}
	
.area_r{
	float:left;
	height:280px;
	width: 50%
	}

#anniver .title{
	margin:35px 0px 20px 35px;
  font-size: 20px;}

#anniver .txt{
	margin:0px 0px 0px 35px;}

.readbox{
	width: 230px;
	margin: 30px 0px 0px 35px;
	font-size: 14px;
	line-height: 55px;
	font-weight: 700;
}
.readbox a {
	background-color: #c31a27;
	display: block;
	color: #FFF;
	padding: 0px 0px 0px 15px;
}
#anniver .innar .blank {
	background: url(/100th/css/none) !important;
	padding: 0px !important;
}
.readbox a:hover {
	background-color: #A31411;
	display: block;
	color: #FFF;
	padding: 0px 0px 0px 15px;
}
.readbox a::after {
	background: url(/100th/images/anniver_100th/arrow.png) no-repeat right top;
	content: "";
	display: inline-block;
	width: 9px;
	height: 15px;
	padding-left: 57%;
}
.readbox a:hover::after {
	background: url(/100th/images/anniver_100th/arrow.png) no-repeat right top;
	content: "";
	display: inline-block;
	width: 9px;
	height: 15px;
	padding-left: 57%;
}
.readbox.blank a::after {
	background: url(/100th/images/common/blank.png) no-repeat right top;
	content: "";
	display: inline-block;
	width: 9px;
	height: 15px;
	padding-left: 57%;
}
.readbox.blank a:hover::after {
	background: url(/100th/images/common/blank.png) no-repeat right top;
	content: "";
	display: inline-block;
	width: 9px;
	height: 15px;
	padding-left: 57%;
}







@media only screen and (max-width: 768px){
.area{
	margin:40px 0px 0px 0px;
}
.area_l{
	float:/100th/css/none;
	}
	
.area_r{
	float:/100th/css/none;
	height:auto;
	width: 90%;
	padding: 0% 5% 20px;
	}
	
#anniver .title{
	margin: 35px 0px 20px 0px;
	font-size: 20px;
	line-height: 150%;
}

#anniver .txt{
	margin:0px 0px 0px 0px;}

.readbox{
	width: auto;
	margin: 15px 5% 0px 5%;
	font-size: 14px;
	line-height: 55px;
	font-weight: 700;
}
.readbox a {
	background-color: #c31a27;
	display: block;
	color: #FFF;
	padding: 0px 0px 0px 15px;
}
.readbox a:hover {
	background-color: #A31411;
	display: block;
	color: #FFF;
	padding: 0px 0px 0px 15px;
}
.readbox a::after {
	background: url(/100th/images/anniver_100th/arrow.png) no-repeat right top;
	content: "";
	display: inline-block;
	width: 9px;
	height: 15px;
	padding-left: 57%;
}
.readbox a:hover::after {
	background: url(/100th/images/anniver_100th/arrow.png) no-repeat right top;
	content: "";
	display: inline-block;
	width: 9px;
	height: 15px;
	padding-left: 57%;
}
.readbox.blank a::after {
	background: url(/100th/images/common/blank.png) no-repeat right top;
	content: "";
	display: inline-block;
	width: 9px;
	height: 15px;
	padding-left: 57%;
}
.readbox.blank a:hover::after {
	background: url(/100th/images/common/blank.png) no-repeat right top;
	content: "";
	display: inline-block;
	width: 9px;
	height: 15px;
	padding-left: 57%;
}

}