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


/* .part-article */
.part-article {
	display:block; box-sizing:border-box;
	width:calc(100% - 2rem); height:auto; min-height:60rem; overflow:hidden;
	margin:5.8rem auto 0 auto; padding:0 1.2rem;
	font-size:0;
	background-color:#fff;
	-webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem;
	-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 0.8rem; -moz-box-shadow:rgba(0,0,0,0.1) 0 0 0.8rem; box-shadow:rgba(0,0,0,0.1) 0 0 0.8rem;
}

.part-article > .title {
	display:block;
	height:2.6rem;
	margin-top:0.4rem;
	border-bottom:0.1rem solid #e0e0e0;
	font-size:0;
	white-space:nowrap;
}
.part-article > .title > a {
	display:inline-block;
	min-width:5rem; line-height:2.6rem;
	padding:0 1rem;
	font-size:1.1rem;
	text-align:center;
}
.part-article > .title > a:link {color:#666;}
.part-article > .title > a:visited {color:#666;}
.part-article > .title > a:hover {color:#c00;}
.part-article > .title > a:active {color:#c00;}

.part-article > .title > a.active {
	font-weight:bold;
	color:#4388f0;
	border-bottom:0.2rem solid #4388f0;
}


.part-article > .content {
	display:block; box-sizing:border-box;
	width:100%; height:auto;
	margin:0 auto; padding:0.6rem 0 2rem 0;
	font-size:0;
	white-space:nowrap;
}


.part-article > .content > .list {
	display:inline-block;
	width:100%; height:auto;
	vertical-align:top;
}
.part-article > .content > .list > li {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:0.6rem 0;
	font-size:0;
	white-space:nowrap;
	border-bottom:0.1rem dotted #ccc;
}
.part-article > .content > .list > li > date {
	display:inline-block;
	width:7rem; height:5.25rem;
	text-align:center;
	vertical-align:top;
	background-color:#f9f9f9;
	-webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem;
}
.part-article > .content > .list > li > date > u {
	display:block;
	line-height:1.5;
	margin-top:0.6rem;
	font-size:1.2rem; color:#666; font-weight:bold;
	text-decoration:none;
}
.part-article > .content > .list > li > date > u > em {
	display:none;
}
.part-article > .content > .list > li > date > i {
	display:block;
	width:calc(100% - 2rem); line-height:1.5;
	margin:0.2rem auto 0 auto; padding-top:0.3rem;
	font-size:1rem; color:#666; font-style:normal;
	border-top:0.1rem solid #ddd;
}
.part-article > .content > .list > li > .cont {
	display:inline-block;
	width:calc(100% - 8rem); height:auto;
	margin-left:1rem;
	vertical-align:top;
}
.part-article > .content > .list > li > .cont > a {
	display:block;
	width:100%; height:2.1rem; line-height:1.3; overflow:hidden;
	font-size:1.3rem; font-weight:normal;
	text-overflow:ellipsis; white-space:nowrap;
}
.part-article > .content > .list > li > .cont > p {
	display:block;
	max-height:3rem; line-height:1.5; overflow:hidden;
	margin:0; padding:0;
	font-size:1rem; color:#888;
	text-indent:2em;
	white-space:normal;
}



.part-notice > .content > .list > li > .cont {
	display:inline-block;
	width:calc(100% - 8rem); height:auto;
	margin-left:1rem;
	vertical-align:top;
}
.part-notice > .content > .list > li > .cont > a {
	display:block;
	width:100%; height:2.1rem; line-height:1.3; overflow:hidden;
	font-size:1.3rem; font-weight:normal;
	text-overflow:ellipsis; white-space:nowrap;
}
.part-notice > .content > .list > li > .cont > p {
	display:block;
	height:auto; max-height:none; margin:0; padding:0;
	font-size:0;
	white-space:normal;
}
.part-notice > .content > .list > li > .cont > p > .col {
	display:block;
	width:auto; height:1.8rem; line-height:1.8rem;
	vertical-align:middle;
}
.part-notice > .content > .list > li > .cont > p > .col > u {
	display:none;
	/*
	font-size:1.1rem; color:#999;
	text-decoration:none;
	*/
}
.part-notice > .content > .list > li > .cont > p > .col > b {
	padding-left:0;
	font-size:1.1rem; color:#666; font-weight:normal;
}


.part-notice > .content > .list > li > .cont > p > .colu {
	display:block;
	width:7.6rem; height:1.8rem;
	vertical-align:middle;
}
.part-notice > .content > .list > li > .cont > p > .colu:first-child {
	display:none;
}
.part-notice > .content > .list > li > .cont > p > .colu > i {
	display:inline-block;
	width:auto; height:1.8rem; line-height:1.8rem;
	padding:0 0.8rem; margin:0;
	font-size:1rem; font-style:normal; color:#fff;
	text-align:center;
	-webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem;
}
.part-notice > .content > .list > li > .cont > p > .colu1 > i {
	background-color:#4ebe7e;
	background:-webkit-linear-gradient(left, #4ebe7e, #8bdc91);
	background:-o-linear-gradient(left, #4ebe7e, #8bdc91);
	background:-moz-linear-gradient(left, #4ebe7e, #8bdc91);
	background:linear-gradient(left, #4ebe7e, #8bdc91);
}
.part-notice > .content > .list > li > .cont > p > .colu2 > i {
	background-color:#e06f47;
	background:-webkit-linear-gradient(left, #e06f47, #ebad64);
	background:-o-linear-gradient(left, #e06f47, #ebad64);
	background:-moz-linear-gradient(left, #e06f47, #ebad64);
	background:linear-gradient(left, #e06f47, #ebad64);
}
.part-notice > .content > .list > li > .cont > p > .colu3 > i {
	background-color:#1b5cbd;
	background:-webkit-linear-gradient(left, #1b5cbd, #1db9e0);
	background:-o-linear-gradient(left, #1b5cbd, #1db9e0);
	background:-moz-linear-gradient(left, #1b5cbd, #1db9e0);
	background:linear-gradient(left, #1b5cbd, #1db9e0);
}







.part-article > .content > .detail {
	display:none;
}
#layer-detail {
	position:fixed; right:-32rem; top:0.8rem; z-index:1100;
	display:block; box-sizing:border-box;
	width:calc(100% - 1rem); height:auto; overflow:hidden;
	padding:1rem 0;
	background-color:#fff;
	-webkit-border-radius:0.5rem 0 0 0.5rem; -moz-border-radius:0.5rem 0 0 0.5rem; border-radius:0.5rem 0 0 0.5rem;
	-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 0.8rem; -moz-box-shadow:rgba(0,0,0,0.1) 0 0 0.8rem; box-shadow:rgba(0,0,0,0.1) 0 0 0.8rem;
}
#layer-detail > h1 {
	display:block; box-sizing:border-box;
	width:calc(100% - 3rem); height:auto; line-height:1.6;
	margin:1.4rem auto 0 auto; padding:0.6rem 1rem;
	font-size:1.3rem; color:#4c4c4c; font-weight:bold;
	text-align:center;
	white-space:normal;
	border-bottom:0.1rem solid #ddd;
}
#layer-detail > .contbody {
	display:block; box-sizing:border-box;
	width:calc(100% - 3rem); height:auto; line-height:2;
	overflow:hidden;
	margin:0 auto; padding:0.6rem 1rem 2rem 1rem;
	font-size:1.2rem; color:#4c4c4c;
	text-align:left;
	white-space:normal;
}
#layer-detail > .contbody * {
	max-width:100%;
}
#layer-detail > .ico-close {
	position:absolute; left:0.8rem; top:0.6rem;
	display:block;
	width:2rem; height:2rem; overflow:hidden;
	cursor:pointer;
	background:url(/image/ico-close2.png) center center no-repeat; background-size:cover;
}