a:link,
a:visited {
	color: #04c;
}

a:hover {
	color: #f03;
}

a.amazonlink{
	font-size: small;
}

table.calendar{
	border-collapse: collapse;
}

table.calendar td{
	padding: 0;
	//line-height: 3;
	//line-width: 3;
	//margin: 5px 5px;
	text-align: center;
	vertical-align:middle;
	width: 40px;
	height: 40px;
}

table.calendar td.nolink{
	//padding: 5px;
	//align-items: center;
}

table.calendar td a{
	display: flex;
	//width: 100%;
	//height: 100%;
	padding: 10px 5px;
	//align-items: center;
	//text-align: center;
	justify-content: center;
}

table.calendar td a:hover{
	background-color: #bbbbff;
} 

table.logview{
	font-size: 12pt;
	text-align: right;
    margin-left: 30px;

}

div.details_menu{
	
}

/*
各社カラー
東海　#FF7E1C
西　#0072BA
九州　#F62E36
編成：XGJKFHCBEVTRSU
*/
/*
span.car_Z ,span.car_X ,span.car_G ,span.car_J ,span.car_C ,span.hensei_T4{
	color: #FF7E1C;
}

span.car_N ,span.car_F ,span.car_K ,span.car_S ,span.car_H ,span.car_V ,span.car_E ,span.car_B, span.hensei_T5{
	color: #0072BA;
}

span.car_R ,span.car_Y ,span.car_U{
	color: #F62E36;
}
*/

summary{
	font-size: 12pt;
	width: 300px;
	//height: 40px;
	padding: 10px;
	vertical-align:middle;
    background: #FFFFFF;
    border: solid 1px #000000;/*線*/
    border-radius: 3px;/*角の丸み*/
}

summary:hover{
	cursor: pointer; /* カーソルを指マークに */
	background-color: #ddddff;
} 

span.details_small{
	font-size: 10pt;
}

details[open] .open {
	display: none ;
}

details:not([open]) .close {
	display: none ;
}

details[open] table.logview{
  animation: fadeIn 0.2s ease;
}
@keyframes fadeIn {
  0% {
    opacity: 0; /* 透明 */
    transform: translateY(-10px); /* 上から表示 */
  }
  100% {
    opacity: 1;
    transform: none;
  }
}