/* IMPORT CSS */
@import "css/common.css";

#full-img-index{
	width: 100%;
	height:700px;
}

#big-banner-area{
	background: #ffbd73;
	padding: 40px 0;
}

#big-banner-area ul{
	width: 1090px;
	margin: 0 auto;
}

#big-banner-area ul li{
	margin-bottom: 20px;
}

#big-banner-area ul li:last-child{
	margin-bottom: 0px;
}

#big-banner-area ul li a img:hover{
	opacity: 0.7;
}


#banner-nav ul{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
}

#banner-nav ul li{
	margin-bottom: 20px;
}

#news-fb{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
}

#news{
	width: 400px;
}

#news ul{
	height: 300px;
	overflow: auto;
}

#news ul li{
	display: flex;
	justify-content: flex-start;
	border-bottom: 1px dashed #b3b3b3;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#news ul li time{
	flex-shrink: 0;
	padding-right: 30px;
}

#fb{
	width: 400px;
}

/*--------------------------- SMARTPHONE STYLES ---------------------------*/


/*========== 650px以下 ==========*/

@media ( max-width : 650px ) {
	
	#full-img-index{
		height: 500px;
	}
	
	#big-banner-area{
		padding: 20px 10px;
	}
	
	#big-banner-area ul{
		width: 100%;
	}
	
	#big-banner-area ul li img{
		width: 100%;
	}
	
	#banner-nav ul{
		display: block;
		max-width: 400px;
		margin:0 auto;
	}
	
	#banner-nav ul li img{
		max-width: 100%;
	}
	
	#news{
		width: 100%;
		margin:20px 0 30px;
	}
	
	#fb{
		margin: 0 auto 30px;
	}
	
}