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

/*------------------------------------------------------------ 
    新着情報＆設置店検索エリア全体
 ------------------------------------------------------------*/
#NEWS {
border-bottom: 2px solid #8B9CAD;
background-color: rgba(255, 255, 255, 1.00);
margin: 0 auto;		
}

/*------------------------------------------------------------ 
     新着情報生成テーブル
 ------------------------------------------------------------*/
#NEWS #title {
	display: flex;
	justify-content: space-between;
    width:calc(100% - 10px);
    text-align: center;
    line-height: 35px;
    padding: 6px 5px 4px 5px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    border-bottom: 2px solid #8B9CAD;
}
	
#NEWS #title .recoed a{
	width: fit-content;
    font-size: 14px;
    font-weight: bold;
	color: #FFFFFF;
	background-color:#4670D4;
	padding: 3px 5px;border-radius:6px;
}

#news_item{
	box-sizing: border-box;
	position:relative;
	list-style:none;
	height:150px;
	overflow-y: scroll;
}

#news_item ul{
	width:100%;
}
#news_item li{padding: 0px 5px 3px 5px;}
#news_item li a{ display: flex;  align-items: center;flex-wrap: wrap;}
#news_item li a:hover{ text-decoration:none;}
#news_item li:nth-child(even){ background-color:#f2f6f7;}
/*#news_item li:after{content: "";display:block;clear:both;}*/

/*------------------------------------------------------------ 
     更新履歴生成テーブル
 ------------------------------------------------------------*/
#NEWS.record {
max-width:980px;
border-top: 2px solid #8B9CAD;
border-bottom: 2px solid #8B9CAD;
background-color: rgba(255, 255, 255, 1.00);
margin: 20px auto;		
}


#NEWS.record #news_item{
	height:inherit;
	overflow-y:hidden;	
}
/*日にち表示領域******************************************/
.date{
	font-size: 14px;
	padding-top:5px;
}

/*種別表示領域******************************************/
.kinds{
	width: 70px;
	text-align: center;
	color:#FFFFFF;
	font-size: 12px;
	height:18px;
	margin-left:5px;
	padding:0 5px;
	border-radius:20px;
}
.kinds.ps,.kinds.pc{
	background-color: rgba(0, 0, 255, 1.00);
}
.kinds.eslot{
	background-color: rgba(255, 0, 0, 1.00);
}
.kinds.topics{
	background-color: rgba(102, 102, 102, 1.00);
}

/*新着情報テキスト表示領域******************************************/
#news_item li a .text{
	width: 100%;
	padding-bottom:5px;
	line-height:16px;
	font-size:14px;
	min-height:0px;
}