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

  .nojs {
    /* display: none; */
  }
  #widget {
    border: 2px solid silver;
    text-align: center;
  }
#widget .logo {
	box-sizing: border-box;
	float: left;
	width: 50%;
	height: 50px;
	padding: 15px 15px 0 15px;
	margin-top: 0;
	margin-bottom: 15px;
}
#widget .logo a{
	display: block;
	text-align: left;
}
#widget .logo img{
	max-height: 35px;
	width: auto;
}
#widget .reload {
	box-sizing: border-box;
	float: right;
/*	width: 50%;*/
	height: 50px;
	padding: 15px 15px 0 15px;
	margin-top: 0;
	margin-bottom: 15px;
}
#widget .reload a{
	color: #555;
	display: block;
	width: 6em;
	padding:.4rem;
	border: 1px solid #555;
	border-radius: 5px;
}
  #widget .inner {
		clear: both;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
  }
  #widget .inner .container {
		width: 48%;
  }
  #widget .inner .container:last-child{
		margin-right: 0;
  }
   #widget .title {
		color: #FFF;
		background-color: #555;
    font-size: 1.2rem;
		border-radius: 5px;
  }
  .value {
    font-size: 5em;
  }

#last-called-number .value::after {
    content: '番';
    font-size: 60%;
}
#wait-time-minutes .value::after {
    content: '分';
    font-size: 60%;
}
#waiting-patients-count .value::after {
    content: '名';
    font-size: 60%;
}