@charset "utf-8";
	
.secNewsList{}
	.secNewsList .newsYears{
		padding:24px 0 21px;
		border-top:1px solid #502700;
		border-bottom:1px solid #f8b500;
		text-align:center;
	}
		.secNewsList .newsYears li{
			position:relative;
			display:inline-block;
			margin:0 5px;
			width:73px;
		}
		.secNewsList .newsYears li:after{
			position:absolute;
			top:1px;
			left:-7px;
			width:1px;
			height:15px;
			background-color:#5a340f;
			content:'';
		}
		.secNewsList .newsYears li.first:after{display:none;}
		.secNewsList .newsYears li.active{background-color:#f8b500;}
				.secNewsList .newsYears li.active a:hover{text-decoration: none;}
			.secNewsList .newsYears li a{
				color:#502700;
				font-weight:bold;
				font-size:13px;
			}
		.secNewsList .newsYears select{display:none;}
	
	.secNewsList .newsBox{margin:60px 0;}
	.secNewsList .newsBox .newsHeader{display:none;}
			
	.secNewsList .newsList{margin:0px 0px 50px 0px;}
	.secNewsList .yearWrap { display: none;}
	.secNewsList .yearWrap.open { display: block;}
	.secNewsList .newsList li{
		overflow:hidden;
		padding:20px 0 15px;
		background: url(/joyfull/common/img/bg_dot01.gif) repeat-x left bottom;
	}
	.secNewsList .newsList .company{
		clear:both;
		width:302px;
		padding:0 0 0 0px;
		font-weight:bold;
		font-size:16px;
		letter-spacing:0.07em;
	}
		.secNewsList .newsList .date em{
			display: inline-block;
			margin: 0 0 0 20px;
			width: 70px;
			height: 20px;
			font-weight: bold;
			font-size: 13px;
			line-height: 20px;
			text-align: center
		}
		.secNewsList .newsList .icoNew01{background-color:#ffd99a;}
		.secNewsList .newsList .icoNew02{background-color:#f6e1d0;}
	.secNewsList .newsList .txt{
		margin:0px 0 0;
		padding:0 0 0 0px;
	}
	.secNewsList .newsList .txt a{
		color:#502700;
		font-size:14px;
		line-height:30px;
		text-decoration:underline;
		letter-spacing: 0.05em;
	}
	.secNewsList .newsList .txt a:hover{
		text-decoration:none;
	}
	.secNewsList .newsList .link_pdf{
		margin-left:12px;
		font-size:12px;
	}
		.secNewsList .newsList .link_pdf img{
			margin-right:10px;
			width:14px;
			height:auto;
			vertical-align:middle;
		}
		
	.secNewsList .pager{
		text-align:center;
	}
		.secNewsList .pager li{
			display:inline-block;
			height:27px;
			margin:0 5px;
		}
		.secNewsList .pager li a{
			display:block;
			width:27px;
			color:#502700;
			font-weight:bold;
			line-height:27px;
		}
		.secNewsList .pager li a.active{
			background-color:#f8b500;
			text-decoration: none;
		}
		.secNewsList .pager .btn_prev,
		.secNewsList .pager .btn_next{
			position:relative;
			padding:0 25px;
			font-weight:bold;
			font-size:13px;
			line-height:27px;
			cursor:pointer;
		}
		.secNewsList .pager .btn_prev:hover,
		.secNewsList .pager .btn_next:hover,
		.secNewsList .pager .btn_prev.active,
		.secNewsList .pager .btn_next.active{
			filter: alpha(opacity=70);
			-moz-opacity:0.70;
			opacity:0.70;
		}
		.secNewsList .pager .btn_prev.active,
		.secNewsList .pager .btn_next.active{
			cursor:default;
		}
		.secNewsList .pager .btn_prev{
			margin-right:10px;
			background: url(/joyfull/common/img/ico_arrow10.gif) no-repeat left center;
		}
		.secNewsList .pager .btn_next{
			margin-left:10px;
			background: url(/joyfull/common/img/ico_arrow11.gif) no-repeat right center;
		}
		.secNewsList .pager .btn_prev:after,
		.secNewsList .pager .btn_next:after{
			position:absolute;
			top:50%;
			width:2px;
			height:14px;
			margin-top:-7px;
			background-color:#ffd99b;
			content:'';
		}
		.secNewsList .pager .btn_prev:after{right:0;}
		.secNewsList .pager .btn_next:after{left:0;}
		
.secNewsDetail .h2_basic01 {padding: 25px 20px 30px;}
	.secNewsDetail .txt_date {
		font-size: 16px;
		font-weight: normal;
		margin-bottom: 15px;
	}
	.secNewsDetail .txtBox01 {
		margin: 50px 0;
		border-bottom: 1px solid #f8b500;
	}
		.secNewsDetail .txtBox01 p {
			font-size: 14px;
			margin: 0 15px;
			line-height: 2.6;
		}
		.secNewsDetail .txtBox01 p:nth-child(2) { margin-bottom: 35px;}
		.secNewsDetail .txtBox01 p:nth-child(3) { margin-bottom: 70px;}
	.secNewsDetail .btn { text-align: center;}
		.secNewsDetail .btn a:hover {
			filter: alpha(opacity=70);
			-moz-opacity:0.70;
			opacity:0.70;
		}
	
@media screen and (max-width:767px){	
.secNewsList{margin:-25px 0 0;}
	.secNewsList .newsYears{display:none;}
	
	.secNewsList .newsBox{margin:0 -15px;}
	.secNewsList .newsBox .newsHeader{
		display:block;
		position:relative;
		border-bottom:1px solid #f8b500;
		cursor:pointer;
	}
	.secNewsList .newsBox .newsHeader.odd{background-color:#fffde8;}
	.secNewsList .newsBox .newsHeader span,
	.secNewsList .newsBox .newsHeader a{
		position:relative;
		display:block;
		padding:7px 0;
		color:#502700;
		font-size:12px;
		text-align:center;
	}
	.secNewsList .newsBox .newsHeader span:after{
		position:absolute;
		top:13px;
		right:15px;
		width:15px;
		height:9px;
		background: url(/joyfull/common/img/ico_arrow12.png) no-repeat 0 0;
		background-size:15px auto;
		content:'';
	}
	.secNewsList .newsBox .yearOpen span:after{
		background: url(/joyfull/common/img/ico_arrow13.png) no-repeat 0 0;
		background-size:15px auto;
	}
		
	.secNewsList .newsList{
		overflow: hidden;
		max-height: 2000px;
		
		-webkit-transition-property: all;
		-webkit-transition-duration: .5s;
		-webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

		-moz-transition-property: all;
		-moz-transition-duration: .5s;
		-moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

		-ms-transition-property: all;
		-ms-transition-duration: .5s;
		-ms-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

		transition-property: all;
		transition-duration: .5s;
		transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	}
	.secNewsList .newsClose{max-height: 0;}
	.secNewsList .newsList li{
		position:relative;
		padding:15px 15px 13px;
		background: url(/joyfull/common/img/bg_dot01.gif) repeat-x left bottom;
	}
	.secNewsList .newsList .date{
		float:none;
		width:auto;
		margin-bottom:5px;
		padding:0;
		font-size:11px;
	}
		.secNewsList .newsList .date em{
			margin: 0 0 0 10px;
			padding:0 10px;
			width: auto;
			height: 15px;
			font-size: 11px;
			line-height: 15px;
		}
	.secNewsList .newsList .txt{
		margin:0;
		padding:0;
	}
	.secNewsList .newsList .txt a{
		font-size:12px;
		line-height:22px;
	}
	.secNewsList .newsList .txt a:hover{text-decoration:none;}
	.secNewsList .newsList .link_pdf{
		position:absolute;
		top:15px;
		left:125px;
		margin-left:10px;
		font-size: 9px !important;
		line-height:15px !important;
	}
		.secNewsList .newsList .link_pdf img{margin-right:5px;}
		
	.secNewsList .pager{margin:25px 0 15px;}
		.secNewsList .pager li{
			height:17px;
			margin:0 10px;
		}
		.secNewsList .pager li a{
			width:17px;
			line-height:17px;
		}
		.secNewsList .pager .btn_prev,
		.secNewsList .pager .btn_next{
			margin:0;
			font-weight:bold;
			line-height:17px;
			background:none;
		}
		.secNewsList .pager .btn_prev{padding:0 12px 0 0;}
		.secNewsList .pager .btn_next{padding:0 0 0 12px;}
		.secNewsList .pager .btn_prev:after,
		.secNewsList .pager .btn_next:after{width:1px;}
		
.secNewsDetail .h2_basic01 {
	padding:11px 0;
	font-size: 15px;
}
	.secNewsDetail .txt_date {
		margin: 25px 0 10px;
		font-size: 12px;
		margin-bottom: 15px;
	}
	.secNewsDetail .txtBox01 {
		margin: 25px 0;
		border-bottom: none;
	}
		.secNewsDetail .txtBox01 p {
			font-size: 12px;
			text-indent: 12px;
			margin: 0;
			line-height: 1.8;
		}
		.secNewsDetail .txtBox01 p:nth-child(2) { margin-bottom: 20px;}
		.secNewsDetail .txtBox01 p:nth-child(3) { 
			text-indent: 0;
			margin-bottom: 0;
		}
	.secNewsDetail .btn { margin-bottom: 15px}
		.secNewsDetail .btn img { width: 100%;}

	.subsidiaryList .link_pdf {
		position:relative!important;
		top:0px!important;
		left:0px!important;
	}
}