/*
Template Name: 新着情報スタイルシート
*/

.newsbox_f {
}
.newsbox_f dl {
	/*overflow-y: scroll;*/
	padding: 15px;
	margin: 0;
	/*height: 400px;*/
	font-size: 14px;
}
.newsbox_f dl dt {
	font-size: 14px;
	float:left;
}
.newsbox_f dl dd {
	margin: 0 0 20px 0;
	-webkit-margin-start: 0;
	padding-bottom: 20px;
	border-bottom: 1px dotted #CCC;
	vertical-align: middle;

	padding-left:17.0em;
}

.newsbox_f dl dt.news:after {
	content:"ニュース";
	background: #E6EFDE;
	color: #063;
	font-size:10px;
	padding:3px 30px;
	margin-left:1.0em;

	border-radius:3px;
}

.newsbox_f dl dt.event:after {
	content:"イベント";
	background: #ECE4DD;
	color: #960;
	font-size:10px;
	padding:3px 30px;
	margin-left:1.0em;

	border-radius:3px;
}

.newsbox_f dl dt.media:after {
	content:"メディア";
	background: #D6E6EB;
	color: #069;
	font-size:10px;
	padding:3px 30px;
	margin-left:1.0em;

	border-radius:3px;
}


.newsbox_f dl dt.sale:after {
	content:"セール";
	background: #FFE1E1;
	color: #FF7373;
	font-size:10px;
	padding:3px 36px;
	margin-left:1.0em;
	border-radius:3px;
}

.newsbox_f dl dt.kaikankengaku:after {
	content:"会館見学";
	background: #EDF3E5;
	color: #336600;
	font-size:10px;
	padding:3px 30px;
	margin-left:1.0em;
	border-radius:3px;
}

/***タブレット版***/
@media screen and (max-width: 768px) {
.newsbox_f dl {
	/*overflow-y: scroll;*/
	padding: 15px;
	margin: 0;
	/*height: 200px;*/
	font-size: 14px;
}
}

/***スマートフォン版***/
@media screen and (max-width: 478px) {
.newsbox_f dl dt {
float: none;
}

.newsbox_f dl dd {
padding-left:0;
}




.newsbox_f {
	width:100%;
	height:340px !important;
	/*height:290px !important;*/
	-webkit-overflow-scrolling: touch;
	overflow:auto !important;
}


}