@charset "utf-8";

/* ==================================================================
	index.css
	
=================================================================== */


/* --------------------------------
   □ newsList
-------------------------------- */ 
#newsList #news {
	padding: 50px 0 0 0;
	margin-bottom: 50px;
}

	#newsList #news .list{
		padding:37px;
		background: #fefefe;
	}

		#newsList #news .list ul li a{
			position:relative;
			display:block;
			font-size:93%;
			color:#333;
			padding:11px 30px 11px 0;
			text-decoration:none;
			transition: all 300ms 0s ease;
		}
		
		#newsList #news .list ul li a:before{
			position:absolute;
			display:block;
			content:"";
			top:50%;
			left:95%;
			width: 8px;
			height: 8px;
			margin-top:-4px;
			border-top: 2px solid #9d9d9d;
			border-right: 2px solid #9d9d9d;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			transition: all 300ms 0s ease;
		}
		
		#newsList #news .list ul li a:hover{
			background:#efefef;
		}
		
		#newsList #news .list ul li a:hover:before{
			left:97%;
		}
		
		#newsList #news .list ul li a dl{
			display:table;
		}
		#newsList #news .list ul li a dl > *{
			display:table-cell;
		}
		#newsList #news .list ul li a dl > dt{
			color:#8b8b8b;
			width:8em;
		}
		#newsList #news .list p.link{
			margin: 0;
			margin-top: 15px;
			font-size:93%;
			font-weight:600;
			margin-top:10px;
			text-align:right;
		}
		#newsList #news .list p.link a{
			color: #333;
		}

	/* ◆ ページャー
	-------------------------------- */
	.contents ul.pager{
		overflow:hidden;
		text-align:center;
		margin:0 auto;
	}
	
		.contents ul.pager li{
			display:inline-block;
			margin:0 5px;
			font-size:80%;
			font-weight:bold;
			margin-bottom:45px;
		}
		
		.contents ul.pager li a{
			display:inline-block;
			padding:15px 20px;
			background:#fff;
			color:#333;
			border:1px solid #d1d1d1;
			transition: all 300ms 0s ease;
		}
	
		.contents ul.pager li.nowpage a,
		.contents ul.pager li a.nowpage,	
		.contents ul.pager li a:hover{
			background:#cd4779;
			border:1px solid #cd4779;
			color:#fff;
		}

/* --------------------------------
   □ newsDetails
-------------------------------- */ 
#newsDetails #news .entry{
	padding:37px;
	background: #fefefe;
}

#newsDetails #news .entry h3{

	font-size: 20px;
	font-size: 2.0rem;
}
#newsDetails #news .entry p.date{
	color: #747474;
	text-align: right;
}
#newsDetails #news  p.buttonStyle{
	text-align: center;
	margin-top: 20px;
}

@media only screen and
(max-width : 767px) {
	

/* --------------------------------
   □ news
-------------------------------- */ 
#newsList #news {
	padding: 6% 0 0 0;
	margin-bottom: 6%;
}

	#newsList #news .list{
		padding:4%;
		border-top:1px solid #efefef;
	}

		#newsList #news .list ul li a{
			display:block;
			padding:3% 30px 3% 0;
			border-bottom:1px solid #efefef;
		}
		
		#newsList #news .list ul li a:hover:before {
			left: 95%;
		}

		#newsList #news .list ul li a dl{
			display:block;
		}
		#newsList #news .list ul li a dl > *{
			display:block;
		}
		#newsList #news .list ul li a dl > dt{
			width:auto;
		}
		#newsList #news .list p.link{
			margin-top:4%;
			text-align:center;
		}
		#newsList #news .list p.link a{
			color:#333;
		}

/* --------------------------------
   □ newsDetails
-------------------------------- */ 
#newsDetails #news .entry{
	padding:4%;
}

#newsDetails #news .entry h3{
	margin-bottom: 4%;
}
#newsDetails #news .entry p.date{
	color: #747474;
	text-align: right;
}	
	
	

}