@charset "UTF-8";

div.PC #dateTabSet {
	padding:0;/*★*//*0512*/
    margin-left:190px;
    display: inline-block;/*0512*/
}
div.PC #iconRemarksInner,
div.PC #colorRemarksInner {
	position:relative;
	overflow-x:hidden;
	overflow-y:hidden;
	max-height:8em;
}

div.PC #onTimeSessionSwitch {
	position:absolute;
	/*top:0px;right:10px;*//*0512*/
    display: inline-block;
}
div.PC #onTimeSessionSwitch button {
	display:inline-block;
	width:180px;/*0512*/
	padding:2px 5px 3px;
    white-space: nowrap;/*0512*/
    height: 34px;/*0512*/
}
div.PC #onTimeSessionSwitch button img {
	vertical-align:bottom;
	padding-right:2px;
}
div.PC #HasCondMsg {
	box-sizing:border-box;
	padding:5px;
	font-size:11px;
	text-align:center;
	background:#efefef;
}
div.PC #HasCondMsg p {
	border:0px solid #333;
    font-weight: bold;
}
div.PC #HasCondMsg p.active {
	color:#f66;
	border:0px solid #f66;
}

div.PC #filterPalette {
	position:absolute;
	width:280px;/*★*/
	right:0;
	padding:0;
	background:none;
	background:var(--bg-palette);
}
div.PC #filterPaletteFoldArea {
	position:relative;
	box-sizing:border-box;
	border-left:0px solid #666;
}
div.PC #PalletteSwitcher {
	--switcher-width:30px;
	
	position:absolute;
	top:25px;
	left:0;
	width:var(--switcher-width);
	transform:translateX(calc(var(--switcher-width) * -1));
	padding:0;
	text-align:center;
	color:#fff;
	border-radius:3px 0 0 3px;
	border:0px solid #fff;
	font-size:130%;
	writing-mode: vertical-rl;
	text-align:center;
	line-height:3;
	cursor:pointer;
}
	div.PC .SwitcherItem {
		display:inline-block;
		position:relative;
		margin-bottom:3px;
	}
		div.PC .SwitcherItem > i {
			position:absolute;
			color:#FB6283;
			font-size:15px;
			left:-8px;
			top:-5px;
			background:#fff;
			border:1px solid #fff;
			border-radius:50%;
		}
		div.PC .PalletteSwitcher-label {
			display:inline-block;
			box-sizing:border-box;
			font-weight: bold;
			border-radius:3px 0 0 3px;
			background:rgba(0,0,0,0.5);
			
			--close-ctrl-padding:10px 0 0;
			--filter-ctrl-padding:15px 0 20px;
		}
		div.PC .PalletteSwitcher-label[data-func="close"] {
			background:rgba(0,0,0,0.5);
			padding: var(--close-ctrl-padding);
		}
		div.PC .PalletteSwitcher-label[data-func="search"] {
			background:var(--search-color);
			padding: var(--filter-ctrl-padding);
		}
		div.PC .PalletteSwitcher-label[data-func="search"].active {
			background:var(--search-color-active);
		}
		div.PC .PalletteSwitcher-label[data-func="remarks"] {
			background:var(--remark-color);
			padding: var(--filter-ctrl-padding);
		}
		div.PC .PalletteSwitcher-label[data-func="remarks"].active {
			background:var(--remark-color-active);
		}
			div.PC .PalletteSwitcher-label > i {
				font-size:150%;
				padding:0 0 15px;
			}
			div.PC .PalletteSwitcher-label[data-func="close"] > i {
				padding:0 0 5px;
			}

div.PC #filterPaletteOuter {
	position:relative;
	overflow-x:hidden;
	overflow-y:hidden;
	box-sizing:border-box;
}
div.PC #filterPaletteInner {
	position:relative;
	overflow-x:hidden;
	overflow-y:hidden;
	z-index:100;
}
div.PC #filterPaletteInner.view-search {
	border-left:5px solid var(--search-color-active);
}
div.PC #filterPaletteInner.view-remark {
	border-left:5px solid var(--remark-color-active);
}
div.PC #paletteCloser {
	display:none;
}

div.PC #filterPalette select,
div.PC #filterPalette input[type="text"] {
	display:block;
	box-sizing:border-box;
	width:100% !important;
	max-width:100% !important;
	margin:0 !important;
}
div.PC .unitbox {
	margin-left:0;
}

div.PC .TimetableFilterbtnSet {
	position:absolute;
	bottom:0;
	z-index:100;
	box-sizing:border-box;
	padding:10px 0;
	text-align:center;
	width:100%;
	background:rgba(0,0,0,0.5);
}

div.PC .BtnWrapper {
	position:relative;
}
div.PC .BtnWrapper i {
	position:absolute;
	top:-12px;
	right:-8px;
	color:#FB6283;
	font-size:15px;
	background:#fff;
	border:1px solid #fff;
	border-radius:50%;
}

/*
 *パレット下部のボタン表示域を確保
 * filterPaletteInnerへのpadding-bottomでは効かない*/
div.PC div.BlankSpace {
	height:55px;
}
div.PC #timeMapping {
	width:auto !important;
}