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


@news


*****************************************--*/
@media screen and (max-width:767px){
	#contents{
		width:100%;
		min-width:320px;
		background:url(../../assets/img/common/contents_bg.jpg) no-repeat #4bbdad;
		background-position:center 66px;
		background-size:100% auto;
	}
	
	#ttl{
		padding:0 0 0 5%;
	}
	
	#ttl img{
		width:118px;
		height:35px;
	}
	
	#news-container{
		width:100%;
		margin:0 auto;
		padding:96px 0 135px 0;
	}
	
	#news-list-container{
		width:96%;
		padding:0 2% 0 2%;
		margin:30px auto 35px auto;
	}
	
	.news-list{
		width:100%;
		height:95px;
		color:#10ad8a;
		font-size:12px;
		letter-spacing:0px;
		background:#fff;
		margin:0 0 5px 0;
		overflow:hidden;
	}
	
	.news-list-img{
		float:left;
		width: 95px;
		height: 95px;
		overflow:hidden;
	}	
	
	.news-list-img img{
		width: 100%;
		height: 100%;
	}
	
	.news-list-contents{
		float:left;
		width:200px;
		padding:6px 10px 0px 10px;
		font-size:11px;
		letter-spacing:0px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.news-data{
		margin:0 0 2px 0;
	}
	.news-list-contents .news-txt{
		line-height:1.5em;
	}
	
	.news-txt a{
		color:#10ad8a;
	}
	
	/**************************
	
	
	@detail
	
	
	**************************/
	#detail-container{
		width:100%;
		padding:0 3% 0 3%;
		margin:40px auto 0 auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.news-ttl-container{
		width:100%;
		height:auto;
		margin:0 0 2px 0;
		color:#10ad8a;
		font-size:16px;
		letter-spacing:0px;
		background:#fff;
	}
	
	.news-detail-img{
		float:left;
		padding:10px 0px 10px 10px;
	}
	
	.news-detail-contents{
		float:left;
		width:100% !important;
		padding:10px;
		position:relative;
		font-size:14px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.detail-tag{
		text-align:right;
		height:17px;
		position:absolute;
		right:10px;
	}
	
	.detail-date{
		margin:1px 0 5px 0;
	}
	
	#detail-txt-container{
		padding:20px 10px;
		background:#fff;
		color:#000;
		font-size:14px;
		line-height:1.7em;
		letter-spacing:0px;
		word-wrap:break-word;
	}
	
	#detail-txt-container a{
		color:#E79200;
		text-decoration:underline;
	}
	
	#detail-txt-container a:hover{
		background-color: #E79200;
		color: #fff;
		text-decoration:none;
	}
	
	.social{
		width: 225px;
		margin: 0 auto;
		padding:15px 0 0px 20px;
	}
	
	.social iframe{
		width:110px !important;
	}
	
	#detail-txt-container a img{
		background:#fff;
		display:block !important;
		filter:alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
		-moz-opacity:1;
		-khtml-opacity:1;
		opacity:1;
	}
		
	#detail-txt-container a img:hover{
		filter:alpha(opacity=77);
		-ms-filter: "alpha(opacity=77)";
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		opacity:0.7;
		background:#fff;
		display:block;
	}
	
	#detail-txt-container img{
		max-width:100%;
	}
	
	#back-btn{
		width:100px;
		margin:25px auto 0px auto;
	}
	
	#back-btn a{
		width:100px;
		height:100px;
		line-height:105px;
		background:#fff;
		color:#10ad8a;
		font-size:18px;
		text-decoration:none;
		text-align:center;
		display:block;
		border-radius:50px;
		-webkit-border-radius:50px;
		-moz-border-radius:50px;
		/*border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;*/
	}
	
}
@media screen and (min-width: 768px){

	#contents{
		width:100%;
		min-width:1024px;
		background:url(../../assets/img/common/contents_bg.jpg) top center no-repeat #4bbdad fixed;
		background-size:100% auto;
	}
	
	#news-container{
		width:1024px;
		margin:0 auto;
		padding:170px 0 135px 0;
	}
	
	#ttl{
		padding:0 0 0 107px;
	}
	
	#news-list-container{
		width:800px;
		margin:40px auto 35px auto;
	}
	
	.news-list{
		width:800px;
		height:95px;
		color:#10ad8a;
		font-size:14px;
		letter-spacing:0px;
		background:#fff;
		margin:0 0 5px 0;
	}
	
	.news-list-img{
		float:left;
		width: 95px;
		height: 95px;
		overflow:hidden;
	}	
	
	.news-list-img img{
		width: 100%;
		height: 100%;
	}
	
	
	.news-list-contents{
		float:left;
		width:680px;
		padding:15px 10px 0px 15px;
	}
	
	.news-data{
		margin:0 0 2px 0;
	}
	
	.news-txt a{
		color:#10ad8a;
	}
	
	/**************************
	
	
	@detail
	
	
	**************************/
	#detail-container{
		width:800px;
		margin:40px auto 0 auto;
	}
	
	.news-ttl-container{
		width:800px;
		min-height:120px;
		margin:0 0 2px 0;
		color:#10ad8a;
		font-size:16px;
		letter-spacing:0px;
		background:#fff;
	}
	
	.news-detail-img{
		float:left;
		padding:15px 0px 10px 15px;
	}
	
	.news-detail-contents{
		float:left;
		width:100% !important;
		padding:15px 30px 0px 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.detail-tag{
		text-align:right;
		height:17px;
	}
	
	.detail-date{
		margin:0 0 5px 0;
	}
	
	.social{
		padding:10px 0 10px 0;
		float:right;
	}
	
	.social iframe{
		width:110px !important;
	}
	
	#detail-txt-container{
		padding:30px;
		background:#fff;
		color:#000;
		font-size:16px;
		line-height:1.7em;
		letter-spacing:0px;
	}
		
	#detail-txt-container a{
		color:#E79200;
		text-decoration:underline;
	}
	
	#detail-txt-container a:hover{
		background-color: #E79200;
		color: #fff;
		text-decoration:none;
	}
	
	
	
	#detail-txt-container a img{
		background:#fff;
		display:block !important;
		filter:alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
		-moz-opacity:1;
		-khtml-opacity:1;
		opacity:1;
	}
		
	#detail-txt-container a img:hover{
		filter:alpha(opacity=77);
		-ms-filter: "alpha(opacity=77)";
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		opacity:0.7;
		background:#fff;
		display:block;
	}	
	
	#back-btn{
		width:100px;
		margin:25px auto 0px auto;
	}
	
	#back-btn a{
		width:100px;
		height:100px;
		line-height:105px;
		background:#fff;
		color:#10ad8a;
		font-size:18px;
		text-decoration:none;
		text-align:center;
		display:block;
		border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
	}
	#back-btn a:hover{
		background:#10ad8a;
		color:#fff;
	}
}