/* CSS Document */

#contentTitle {
	background:url(/new/images/headervisual.jpg) no-repeat top center;
	background-size: cover;
}
#sec01 .inner {
	width:960px;
	margin:0 auto;
	background:url(/new/images/bg01.png) repeat-y left top;
}
#newsList {
	float:right;
	width:700px;
	padding:20px 0 0 60px;
}
#newsList li {
	border-bottom:#ccc 1px dotted;
	display:table;
	width:100%;
	padding-bottom:20px;
	margin-bottom:20px;
}
#newsList li .thumnb {
	display:table-cell;
	width:165px;
	position:relative;
}
#newsList li .thumnb:before {
	content: " ";
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 10px 0 0;
	border-color: #127db3 transparent transparent transparent;
}
#newsList li .detail {
	display:table-cell;
	vertical-align:top;
}
#newsList li .date {
	font-weight:bold;
	margin-bottom:10px;
}

#sideArea {
	float:left;
	width:199px;
	padding-top:20px;
}
#sideArea h3 {
	color:#127db3;
	font-size:110%;
	padding:0 0 0 30px;
	margin-bottom:40px;
}
#sideArea ul {
	padding:0 0 0 50px;
}
#sideArea ul li {
	margin-bottom:30px;
}

@media only screen and (min-width: 641px) and (max-width: 999px) {/*ここにtablet用スタイルを記述*/
section#sec01 .inner {
	width:100%;
	margin:0;
}
}

@media only screen and (max-width:640px) {
	
#sec01 .inner {
	background:none;
	width:auto;
	margin:0 ;
}
#newsList {
	float:none;
	padding:0;
	width:auto;
	margin-bottom:10vw;
}
#newsList li:last-child {
	margin-bottom:0;
}
#newsList li .thumnb {
	width:40vw;
}
#sideArea {
	float:none;
	padding:0;
	width:auto;
}
#sideArea h3 {
	padding:0;
	margin-bottom:2vw;
}
#sideArea ul {
	padding:0;
}
#sideArea ul li {
	margin-bottom:0;
}
#sideArea ul li a {
	display:block;
	padding:3vw 0;
}
	
}