@charset "utf-8";

/* ****************************************************
Title: .css
---------------------------------------------------------------------------- */
#pagebody {}


/* =============================
 .section1
==============================*/
.sec01 {}
.btnWrap {
	padding: 0 20px 50px;
	margin-bottom: 30px;
	}

.btnWrap p {
	width: 478px;
	float: left;
	}

.btnWrap img { vertical-align: middle;}

a#new,
a#half {
	display: block;
	margin-top: -70px;
	padding-top: 70px;
	}
	
.newWrap h2,
.halfWrap h2 { margin-bottom: 60px;}

.newWrap {
	padding-bottom: 100px;
	margin-bottom: 30px;
	}

.listWrap .listArea {
	padding: 0 50px;
	margin-bottom: 50px;
	}

.listWrap dl {
	border-bottom: 1px solid #ccc;
	padding-bottom: 27px;
	margin-bottom: 30px;
	}

.listWrap dt,
.listWrap dd {
	padding: 0 20px;
	line-height: 1.8;
	}

.listWrap dt {
	width: 140px;
	float: left;
	font-weight: bold;
	}

.listWrap dd {
	width: 680px;
	float: left;
	}


@media screen and (max-width:767px){
.sec01 {}

a#new,
a#half {
	display: block;
	margin-top: 0;
	padding-top: 0;
	}

.subWrap .inner {
	width: 100%;
	padding: 0;
	margin-top: 0;
	}


.btnWrap {
	border-bottom: none;
	padding: 0 1em;
	margin-bottom: 150px;
	}

.btnWrap p {
	width: 50%;
	float: left;
	}

.listWrap {
	width: 94%;
	padding-top: 0;
	margin: 0 3%;
	}

.newWrap {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 150px;
	}

.newWrap h2,
.halfWrap h2 { margin-bottom: 30px;}
	
.listWrap .listArea {
	padding: 0;
	margin-bottom: 25px;
	}

.listWrap dl {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
	}

.listWrap dt,
.listWrap dd {
	width: 93%;
	float: none;
	line-height: nomal;
	padding: 0 15px;
	}

.listWrap p.btnEntry {
	width:100%;
	}

}