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

/* -------------------------------------------------

contents

------------------------------------------------- */
/* PC */
@media print, screen and (min-width:769px) {
#contents {
	padding: 20px;
	box-sizing: border-box;
}
}

/* Tablet */
@media screen and (max-width:768px) {
#contents {
	padding: 10px 15px;
}
}

/* -------------------------------------------------

openArea

------------------------------------------------- */
.openArea > dl{
	background-color: #fff;
	border:1px solid #e5e5e3;
	border-radius: 10px;
}
.openArea > dl dt{
	font-size:1.8em;
	font-weight: bold;
	margin: 0 0 5px;
	line-height: 140%;
}
.openArea > dl dd{
	font-size: 1.2em;
}
/* PC */
@media print, screen and (min-width:769px) {
.openArea{
	height: auto;
}
.openArea > dl{
	width: 448px;
	float: left;
	margin: 0 10px 10px;
	padding:20px 30px;
}
.openArea > p{
	clear: left;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.openArea > dl{
	margin: 0 0 10px;
	padding:15px 20px;
}
}



/* -------------------------------------------------

closingArea

------------------------------------------------- */
.closingArea p{
	font-weight:bold;
}
/* PC */
@media print, screen and (min-width:769px) {
.closingArea{
	font-size: 1.15em;
	line-height: 200%;
}
.closingBox > div:first-child:not(:only-child){
	margin-bottom: 30px;
}
}

/* -------------------------------------------------

scheduleArea

------------------------------------------------- */
.scheduleArea > section{
	margin:10px 0 30px;
}
.scheduleArea > section h4{
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
}
.scheduleArea > section > p img{
	width: 30px!important;
	vertical-align: middle;
	margin: 0 5px;
}
/* table */
.scheduleArea section table{
	width: 100%;
	margin: 0 auto 5px;
}
.scheduleArea section table th{
	background-color: #40c9e8;
	color:#fff;
}
.scheduleArea section table th:first-child{
	background-color: #f14e4e;
}
.scheduleArea section table th:last-child{
	background-color: #0070ee;
}
.scheduleArea section table td{
	background-color: #fff;
	width: 14.28%;
	text-align: center;
	cursor: pointer;
	padding: 10px;
	vertical-align: top;
	border-right:2px solid #ccc;
	border-bottom: 3px solid #ccc;
}
.scheduleArea section table td.tdblank{
	border-right:none;
	border-bottom:none;
}
.scheduleArea section table td.nodata{
	border-right:none;
	border-bottom:none;
}
.scheduleArea section table tr td:first-child{
	color: #f14e4e;
}
.scheduleArea section table tr td:last-child{
	color: #0070ee;
}
.scheduleArea section table tr td:not(.closed):not(.tdblank):not(.nodata):hover{
	background-color: #56ceeb;
	border-right:2px solid #40c9e8;
	border-bottom: 3px solid #40c9e8;
}
.scheduleArea section table tr td:not(.closed):not(.nodata):hover span{
	color:#fff !important;
}
.scheduleArea section table tr td:not(.closed):not(.tdblank):not(.nodata):first-child:hover{
	background-color: #f36363;
	border-right:2px solid #f14e4e;
	border-bottom: 3px solid #f14e4e;
}
.scheduleArea section table tr td:not(.closed):not(.tdblank):not(.nodata):last-child:hover{
	background-color: #1e80f0;
	border-right:2px solid #0070ee;
	border-bottom: 3px solid #0070ee;
}
.date{
	display: block;
	font-weight: bold;
}
.time{
	display: block;
	font-weight: bold;
}
.closed{
	background-color: #ddd !important;
	border-right:2px solid #ddd !important;
	border-bottom: 3px solid #ddd !important;
	cursor: text!important;
}
.closed span{
	color:#888;
}
.tdblank,
.nodata{
	cursor: text!important;
}
.today{
	border-left:2px solid #888!important;
	border-right:2px solid #888!important;
	border-top: 2px solid #888!important;
	border-bottom: 3px solid #888!important;
}
.yesterday{
	background-color: #e0e0e0 !important;
	border-color: #ddd !important;
}
.yesterday span{
	color:#aaa;
}
.yesterday span.time{
	display:none !important;
}

/* PC */
@media print, screen and (min-width:769px) {
.scheduleArea > section h4{
	margin: 0 0 10px;
}
.scheduleArea > section h4 strong{
	font-size: 1.8em;
}
/* table */
.scheduleArea section table th{
	font-size: 1.8em;
	padding:15px 10px;
}
.scheduleArea section table td img{
	width: 35px;
}	
.date{
	font-size: 1.8em;
	margin: 0 0 10px;
}
.time{
	font-size: 1.2em;
	margin: 0 0 10px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.scheduleArea > section h4 strong{
	font-size: 1.5em;
}
/* table */
.scheduleArea section table th{
	font-size: 1.2em;
	padding:10px 0;
}
.scheduleArea section table td img{
	width: 50%!important;
}	
.date{
	font-size: 1.2em;
	margin: 0 0 5px;
}
.time{
	font-size: 1em;
	line-height: 130%;
	margin: 0 0 5px;
}
}

/* SP縦向き */
@media screen and (max-width:640px) and (orientation: portrait) {
.scheduleArea section > div{
	width: 100%;
	overflow-x: scroll;
}
.time{
	font-size: 0.9em;
}
.date{
	font-size: 1em;
	margin: 0 0 3px;
}
.scheduleArea section table{
	width:800px;
}
.scheduleArea section table th{
	font-size: 1.1em;
	padding:10px 5px;
}
.scheduleArea section table td img{
	width:30px!important;
	vertical-align:middle;
}	
}