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

.firstimage {
	margin-bottom:30px;
}
.infomation {
	position:relative;
}
.infomation h1 {
	padding-top:13px;
	padding-left:45px;
	background:url(../../images/shared/icon_info.png) no-repeat 10px;
	background-size:31px;
	background-color:#e75642;
	color:#fff;
	height:33px;
}
.infomation .morelist a {
	font-weight:500;
	background:#fff;
	position:absolute;
	right:2px;
	top:2px;
	padding:7px;
	width:85px;
	text-align:right;
}
.infomation .morelist img {
	width:20px;
	margin-left:10px;
}
.infomation .post {
	background:#fff;
	overflow:hidden;
	border-bottom:2px solid #e75642;
	padding:20px;
	position:relative;
}
.infomation .post .category {
	position:absolute;
}
.infomation .post h2 {
	font-weight:bold;
	margin-bottom:10px;
	border-left:3px solid #e75642;
}
.infomation .post .thumbnail {
	float:left;
	margin-right:15px;
}
.infomation .post .thumbnail img {
	max-width: 100%;
	height:auto;
}
.infomation .post .readmore {
	position:absolute;
	background:url(../../images/shared/gray_bg.png) repeat;
	padding:8px;
	color:#FFFFFF;
}
.infomation .post .readmore img {
	max-width:17px;
	margin-left:5px;
}
.infomation .andmore {
	margin-top:30px;
	background:url(../../images/shared/red_bg.png) repeat;
	padding:20px;
}
.infomation .andmore a {
	background:#FFFFFF;
	border:2px solid #e75642;
	padding:10px;
	display:block;
	text-align:center;
}
.infomation .andmore a img {
	max-width:17px;
	margin-left:5px;
}


/* smartphone */
.infomation h1 {
	font-size:90%;
}
.infomation .morelist a {
	font-size:90%;
}
.infomation .post {
	padding:15px 10px;
}
.infomation .post .thumbnail {
	width:50%;
}
.infomation .post h2 {
	margin-left:55%;
	padding-left:4px;
	font-size:90%;
}
.infomation .post .readmore {
	right:10px;
	bottom:15px;
}
.infomation .post .category {
	top:30px;
	left:4px;
}
.infomation .post .category img {
	width:50%;
}
.infomation .andmore a {
	font-size:80%;
	width:90%;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.infomation h1 {
	font-size:120%;
}
.infomation .morelist a {
	font-size:110%;
}
.infomation .post {
	padding:20px;
}
.infomation .post .thumbnail {
	max-width:200px;
}
.infomation .post h2 {
	margin-left:220px;
	padding-left:8px;
	font-size:100%;
}
.infomation .post .readmore {
	right:20px;
	bottom:20px;
}
.infomation .post .category {
	top:30px;
	left:8px;
}
.infomation .post .category img {
	width:85%;
}
.infomation .andmore a {
	font-size:100%;
	width:96%;
}
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
}