@charset "UTF-8";

/* 新着情報・クラブ情報　トップページ */

	* {
		margin:0px;
		padding:0px;
			font-family: "Hiragino Sans";
	}
	#newsArea {
		width:985px;
		margin: 0px auto;
		height: 700px;
		padding-bottom: 20px;
	}
	
	#newsArea .newsItem {
		display: inline-block;
		width:300px;
		/* height:280px; */
		height:300px;
		margin:0px 8px 30px 8px;
		overflow: hidden;
		position: relative;
		float:left;
	}
		
	#newsArea .newsItem	.slide {
	width:300px;
	height:218px;
	overflow: hidden;
		}
		
	#newsArea .newsItem	.slide ul {
		width:300px;
		height:218px;
		overflow: hidden;
	}
	#newsArea .newsItem	.slide li {
		display: block;
		width:300px;
		height:218px; 
		overflow: hidden;
	}

	
	#newsArea .newsItem	.slide li img {
		width:100%;
		height:218px; 
		display: block;
	object-fit: cover;/*「object-fit」はコンテナーに対して、置換要素（画像や動画）をどのように表示するか*/
	position: relative;
		top:-5px;
	}
		
	#newsArea .newsItem .slide .slick-arrow {
			display:none !important;
	}
	
	
#newsArea .newsItem .overlay2 {
		position: absolute;
		top:218px;
		height:50px;
		padding:5px 0px 0px 0px;
		z-index: 15;
	}
	

	#newsArea .newsItem .overlay2 a {
	font-weight: 300;
	color: #187FC4;
	}
	
	#newsArea .newsItem	p,	#newsArea .newsItem h1 {
		font-size:14px;
		color : #231815;
  		line-height : 23px;
  		letter-spacing : 0px;
		margin:0px 6px 0px 2px;
		padding:0px;
		text-align: left;
		display: block;
	}
	

	
	#newsArea .newsItem .bluesquare {
		color:#0080C1;
	}
	
	#newsArea .newsItem .yellowtriangle {
		color:#FED52B;
	}
	
	#newsArea .pastnews {
		clear: both;
		float: none;
		width:400px;
		height: 20px;
		margin:0px auto;
		display: block;
	}
	
#newsArea .more_btn {
clear: both;
width: 120px;
padding: 8px;
height: auto;
display: block;
text-decoration: none;
color: #000000;
margin: 10px auto 50px auto;
border: solid 0.8px #187FC4;
background-color:#FFFFFF;
text-align: center;
font-size: 12px;
}
	
	/* ============================================== スマートフォン ================================================ */

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



	#newsArea {
		width:375px !important;
		height: 780px;
		text-align: center;
		margin:50px auto 0px auto !important;
	font-size:0px !important;
	padding: 0px 0px 40px 0px;
	position: relative;
	}
	
	#newsArea .newsItem {
		display: inline-block;
		float:none;
		vertical-align: top;
		width:170px;
		height:195px;
		margin:5px 5px 5px 5px;
		overflow: hidden;
		position: relative !important;
	}
		
	#newsArea .newsItem	.slide {
	width:172px!important;
	height:122px!important;
	overflow: hidden;
	position: relative;
		/* border-bottom:1px solid white; */
		/* position: relative; */
		z-index: 5;
		}
		
	#newsArea .newsItem	.slide ul {
		width:172px!important;
		height: 122px!important;
		overflow: hidden;
	}
	#newsArea .newsItem	.slide li {
		display: block!important;
		width:172px!important;
		height:122px!important; 
		overflow: hidden;
	}
	
	#newsArea .newsItem	.slide li img {
	width: 100%!important;
	height: 100%!important;
	object-fit: cover;/*「object-fit」はコンテナーに対して、置換要素（画像や動画）をどのように表示するか*/
	position: relative!important;
	top: -10px;
		/*
		max-width:160% !important;
		max-height:110% !important;
		height:100vh;
		position: relative; 
		top:-10px;
		left:-20%;
				*/
	}
		
	#newsArea .newsItem .slide .slick-arrow {
			display:none !important;
	}
	
	#newsArea .newsItem .overlay2 {
		position: absolute;
		top:175px;
		height:50px;
		padding:10px 5px 0px 5px;
		z-index: 15;
	}

	
	#newsArea .newsItem	p,#newsArea .newsItem h1 {
		position: relative; 
		top:12px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		font-size:8pt;
		color : #000000;
  		line-height : 12pt;
  		letter-spacing : 1px;
		margin:0px 0px 0px 0px;
		padding:2px 0px 0px 0px;
		text-align: left;
		display: block !important;
	}
	
	#newsArea .newsItem h1 {
		font-weight: normal;
		margin-top:-80px;
	}
	

	
	#newsArea .newsItem .bluesquare {
		color:white;
	}
	
			#newsArea .newsItem .yellowtriangle {
		color:#FED52B;
	}
	
	#newsArea .pastnews {
		clear: both;
		width:223px;
		float: none;
		height: 20px;
		margin:0px auto;
		display: block;
	}
	
#newsArea .more_btn {
width: 120px;
padding: 8px;
height: auto;
display: block;
text-decoration: none;
color: #000000;
margin: 20px auto 50px auto;
border: solid 0.8px #187FC4;
background-color:#FFFFFF;
text-align: center;
font-size: 12px;
}
	
	

}