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


#dateList{
	width:305px;
	margin:0 auto 7px;
}

#dateList li{
	width:98px;
	margin:0 2px 2px 0;
	text-align:center;
	background-color:#ffffff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	float:left;

}

#dateList li a{
	display:block;
	padding:10px 0;
	color:#000000;
	text-decoration:none;
	font-size:10px;
}

#dateList li.sat a{
	color:#090;
}

#dateList li.sun a{
	color:#F00;
}

/*==========================

	companionBox

============================*/

#comListBox{
	width:100%;
}

.companionBox{
  width:142px;
  height:320px;
	overflow:hidden;
	float:left;
	background-color:#000;
	padding:2px;
	text-align:center;
	font-size:9px;
	color:#FFF;
	margin:0 0 9px 9px;
}

.companionBox a{
	color:#FFF;
	text-decoration:none;
}


.companionBox time{
	color:#ff9900;
	display:block;
	height:20px;
	font-size: 8px;
}

.companionBox .figure {
  display: block;
  aspect-ratio: 2 / 3;
  overflow: hidden;
}

.companionBox .figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.companionBox .name{
	width:65px;
	padding:3px 0;
	background-color:#ff3300;
	color:#FFF;
	margin:2px auto 4px;
}

.companionBox .size{
	margin-bottom:5px;
	line-height:12px;
}