* {
	box-sizing: border-box;
}
html {
	-ms-touch-action: manipulation;
}
body {
	font-family: "メイリオ", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-content-zooming: none;
}
@media screen and (max-width: 600px) {
	body {
		font-size: 13px;
	}
}
.clearfix {
    /*overflow: hidden;*/
    zoom: 1;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.blur {
/*	-webkit-filter: blur(5px);
	filter: blur(5px);
*/
}

/* ------- */
/* 打刻画面 */
/* ------- */
.main {
	-webkit-transition: ease -webkit-filter .3s;
	transition: ease filter .3s;

	padding: 4vh 3%;
	padding-bottom: 0;

	height: 100vh;

	display: none;

	background-image: url(/timecard/common/img/background.png);
}
/*打刻画面ヘッダー部分*/
.main .header {
	width: 100%;
	display: table;
	table-layout: fixed;
	margin-bottom: 4vh;
}
.main .header .back-button,
.main .header .title,
.main .header .history-button {
	display: table-cell;
	vertical-align: middle;
}
/*打刻画面ヘッダー部分 - 戻る・打刻履歴ボタン*/
.main .header .back-button,
.main .header .history-button {
	background: #9fc221;
	height: 11vh;
	text-align: center;
	cursor: pointer;
}
.main .header .back-button:hover,
.main .header .history-button:hover {
	opacity: 0.5;
}
.main .header .back-button {
	width: 15%;
}
.main .header .history-button {
	width: 24%;
}
.main .header .back-button img,
.main .header .history-button img {
	width: 50%;
	height: auto;
	vertical-align: middle;
}
/*打刻画面ヘッダー部分 - 部署・社員名*/
.main .header .title {
	border-top: 4px solid #9fc221;
    border-bottom: 4px solid #9fc221;
}
.main .header .title .title-inner {
	width: 100%;
	display: table;
	table-layout: fixed;
}
.main .header .title .affiliation-name-wrap,
.main .header .title .staff-name-wrap {
	display: table-cell;
	width: 49%;
	padding: 0 16px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.main .header .title .affiliation-name {
	font-size: 32px;
}
.main .header .title .affiliation-name .department-name {
	padding-left: 24px;
}
.main .header .title .staff-name {
	font-size: 40px;
}
/* 打刻画面お知らせ部分 */
.main .top-information {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-bottom: 4vh;
}
.main .top-information .caption,
.main .top-information .info-once,
.main .top-information .info-detail-button {
	display: table-cell;
	vertical-align: middle;
	height: 9vh;
}
/* 打刻画面お知らせ部分 - 見出し */
.main .top-information .caption {
	width: 15%;
	text-align: center;
	background: #f7a77f;
	color: #504646;
	font-size: 32px;
}
/* 打刻画面お知らせ部分 - お知らせ一件表示 */
.main .top-information .info-once {
	background: #ffefe4;

	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.main .top-information .info-once .animator {
	content: "";
	position: absolute;
	top: 0;
	left: -170%;
	width: 150%;
	height: 9vh;
	background: #f4dbd6;
	transform: skewX(-25deg);
}
.main .top-information .info-once .info-once-inner {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.main .top-information .info-once .date,
.main .top-information .info-once .title {
	display: table-cell;
	vertical-align: middle;
	color: #f25436;
}
.main .top-information .info-once .date {
	padding: 0 24px;
	font-size: 24px;
	width: 20%;
	font-weight: bold;
}
.main .top-information .info-once .title {
	padding: 0 32px;
	font-size: 32px;
	width: 80%;
	font-weight: bold;
}
.main .top-information .info-once .title-inner {
	display: block;
	white-space: nowrap;
	overflow: hidden;
}
/* 打刻画面お知らせ部分 - 一覧を見るボタン */
.main .top-information .info-detail-button {
	width: 16%;
	text-align: center;
	background: #f7931e;
	cursor: pointer;
}
.main .top-information .info-detail-button:hover {
	opacity: 0.5;
}
.main .top-information .info-detail-button img {
	width: 80%;
	height: auto;
	vertical-align: middle;
}
/* 打刻画面お知らせ詳細表示 */
.main .top-information .info-detail {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	padding: 3vh 3vw;
	background: rgba(0,0,0,0.6);
}
.main .top-information .info-detail .info-detail-inner {
	background: #fff;
	border-radius: 1vw;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
}
/* 打刻画面お知らせ詳細表示 - ヘッダー部分 */
.main .top-information .info-detail .info-detail-header {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 3vh 3vw;
	padding-bottom: 0;
}
.main .top-information .info-detail .info-detail-header .info-detail-header-left {
	display: table-cell;
	width: 77%;
	vertical-align: middle;
}
.main .top-information .info-detail .info-detail-header .info-detail-header-left .info-detail-title {
	font-size: 5vh;
	font-weight: bold;
	color: #504646;
}
.main .top-information .info-detail .info-detail-header .close-button {
	display: table-cell;
	width: 23%;
	height: 9vh;
	border-radius: 1vw;
	background: #504646;
	font-size: 5vh;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	cursor: pointer;
}
.main .top-information .info-detail .info-detail-header .close-button:hover {
	opacity: 0.5;
}
/* 打刻画面お知らせ詳細表示 - お知らせ一覧部分 */
.main .top-information .info-detail .info-detail-list {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 3vh 3vw;
}
.main .top-information .info-detail .info-detail-list .selector {
	display: table-cell;
	vertical-align: top;
	width: 92.5%;
}
.main .top-information .info-detail .info-detail-list .selector-inner {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 75vh;
	overflow-y: hidden;
}
.main .top-information .info-detail .info-detail-list .control-wrap {
	display: table-cell;
	width: 7.5%;
	height: 75vh;
}
/* 打刻画面お知らせ詳細表示 - お知らせ一覧アイテム - ヘッダー */
.main .top-information .info-detail .info-detail-item .info-header {
	display: table;
	width: 100%;
	table-layout: fixed;
	background: #ffefe2;
	cursor: pointer;
}
.main .top-information .info-detail .info-detail-item:nth-child(2n) .info-header {
	background: #fbe5d4;
}
.main .top-information .info-detail .info-detail-item .info-header .info-title {
	display: table-cell;
	vertical-align: middle;
	padding: 16px;
	font-size: 5vh;
	color: #f25536;
}
.main .top-information .info-detail .info-detail-item .info-header .info-item-button {
	display: table-cell;
	width: 15%;
	height: 9vh;
	padding: 16px;
	vertical-align: middle;
	text-align: center;
	font-size: 5vh;
	color: #666;
	background: #feccab;
}
.main .top-information .info-detail .info-detail-item .info-header .info-item-button.close {
	background: #d7d0c8;
}
.main .top-information .info-detail .info-detail-item .info-content {
	display: none;
	padding: 24px;
	font-size: 4vh;
	background: #fff8f2;
}
.main .top-information .info-detail .info-detail-item .info-content.show {
	display: block;
}


/* 打刻画面打刻履歴 */
.main .history {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	padding: 3vh 3vw;
	background: rgba(0,0,0,0.6);
}
.main .history .history-inner {
	background: #fff;
	border-radius: 1vw;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
}
/* 打刻画面打刻履歴 - ヘッダー部分 */
.main .history .history-header {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 3vh 3vw;
	padding-bottom: 0;
}
.main .history .history-header .history-header-left {
	display: table-cell;
	width: 77%;
	vertical-align: middle;
}
.main .history .history-header .history-header-left .history-title {
	font-size: 5vh;
	font-weight: bold;
	color: #504646;
}
.main .history .history-header .close-button {
	display: table-cell;
	width: 23%;
	height: 9vh;
	border-radius: 1vw;
	background: #504646;
	font-size: 5vh;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	cursor: pointer;
}
.main .history .history-header .close-button:hover {
	opacity: 0.5;
}
/* 打刻画面打刻履歴 - 月コントロール部分 */
.main .history .history-month-control {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 3vh 3vw;
	padding-bottom: 0;
}
.main .history .history-month-control .month-prev,
.main .history .history-month-control .month-next {
	display: table-cell;
    width: 23%;
    height: 9vh;
    border-radius: 1vw;
    background: #ffd4bc; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffd4bc 0%, #fca28c 50%, #ed987d 51%, #ef5f4f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffd4bc 0%,#fca28c 50%,#ed987d 51%,#ef5f4f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffd4bc 0%,#fca28c 50%,#ed987d 51%,#ef5f4f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd4bc', endColorstr='#ef5f4f',GradientType=0 ); /* IE6-9 */
    font-size: 5vh;
    text-align: center;
    vertical-align: middle;
    color: #312e31;
    cursor: pointer;
}
.main .history .history-month-control .month-prev:hover,
.main .history .history-month-control .month-next:hover {
	opacity: 0.5;
}
.main .history .history-month-control .month-title {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #504646;
	font-size: 5vh;
}
/* 打刻画面打刻履歴 - 打刻履歴一覧部分 */
.main .history .history-list {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 3vh 3vw;
}
.main .history .history-list .selector {
	display: table-cell;
	vertical-align: top;
	width: 92.5%;
}
.main .history .history-list .selector .selector-header {
	display: table;
	width: 100%;
	table-layout: fixed;
	background: #776a69;
	color: #fff;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.6);
}
.main .history .history-list .selector .history-cell {
	display: table-cell;
	width: 20%;
	text-align: center;
	vertical-align: middle;
	padding: 1vh;
	font-size: 3vh;
	border-right: 1px solid #776a69;
}
.main .history .history-list .selector .history-cell:first-child {
	border-left: 1px solid #776a69;
}
.main .history .history-list .selector .history-cell.mark {
	background: #ef5f4f;
}
.main .history .history-list .selector .selector-header .history-cell {
	height: 7vh;
}
.main .history .history-list .selector .history-cell.reason {
	color: #f7931e;
}
.main .history .history-list .selector-inner {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 56vh;
	overflow-y: hidden;
}
.main .history .history-list .control-wrap {
	display: table-cell;
	width: 7.5%;
	height: 63vh;
}
/* 打刻画面打刻履歴 - 打刻履歴一覧アイテム */
.main .history .history-list .selector .history-item {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-bottom: 1px solid #b3b3b3;
}
.main .history .history-list .selector .history-item.today {
    background: #ffd4bc;
}


/* 打刻画面時計部分 */
.main .top-clock {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-bottom: 4vh;
}
.main .top-clock .clock,
.main .top-clock .other-button {
	display: table-cell;
	vertical-align: middle;
	height: 28vh;
}
/* 打刻画面時計部分 - 時計 */
.main .top-clock .clock {
	font-size: 30px;
	width: 75%;
	padding: 0;
}
.main .top-clock .clock .date {
	font-weight: bold;
	margin-bottom: 0.8em;
}
.main .top-clock .clock .time {
	font-size: 4.2em;
}
/* 打刻画面時計部分 - 食事・宿直ボタン */
.main .top-clock .other-button {
}
.main .top-clock .other-button .lunch-button,
.main .top-clock .other-button .night_watch-button {
	display: table;
	width: 100%;
	margin: 1vh 0;
	table-layout: fixed;
	text-align: center;
	border-radius: 1vw;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.6);

	background: #ffd360; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffd360 0%, #f1ae59 50%, #e7a859 51%, #e5a257 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffd360 0%,#f1ae59 50%,#e7a859 51%,#e5a257 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffd360 0%,#f1ae59 50%,#e7a859 51%,#e5a257 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd360', endColorstr='#e5a257',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
}
.main .top-clock .other-button .lunch-button.hide,
.main .top-clock .other-button .night_watch-button.hide {
	background: #ebebeb; /* Old browsers */
	background: -moz-linear-gradient(top,  #ebebeb 0%, #ebebeb 50%, #dbdbdb 51%, #e2e2e2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ebebeb 0%,#ebebeb 50%,#dbdbdb 51%,#e2e2e2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ebebeb 0%,#ebebeb 50%,#dbdbdb 51%,#e2e2e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}
.main .top-clock .other-button .night_watch-button.selected {
	background: #69532e; /* Old browsers */
	background: -moz-linear-gradient(top,  #69532e 0%, #63462b 50%, #5f432b 51%, #60412a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #69532e 0%,#63462b 50%,#5f432b 51%,#60412a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #69532e 0%,#63462b 50%,#5f432b 51%,#60412a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69532e', endColorstr='#60412a',GradientType=0 ); /* IE6-9 */
}
.main .top-clock .other-button .lunch-button:hover,
.main .top-clock .other-button .night_watch-button:hover {
	opacity: 0.5;
}
.main .top-clock .other-button .lunch-button .inner,
.main .top-clock .other-button .night_watch-button .inner {
	display: table-cell;
	height: 12vh;
	vertical-align: middle;
}
.main .top-clock .other-button .lunch-button .inner img,
.main .top-clock .other-button .night_watch-button .inner img {
	vertical-align: middle;
}
/* 打刻画面打刻ボタン部分 */
.main .timecard .timecard {
	display: table;
	width: 100%;
	table-layout: fixed;
}
/* 打刻画面打刻ボタン部分 - 打刻ボタン */
.main .timecard .dakoku-button-wrap {
	display: table-cell;
	padding: 0 0.5%;
}
.main .timecard .dakoku-button-wrap.hide {
	display: none;
}
.main .timecard .dakoku-button {
	display: table;
	width: 100%;
	margin: 1vh 0;
	table-layout: fixed;
	text-align: center;
	border-radius: 1vw;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.6);

	background: #fed8bf; /* Old browsers */
	background: -moz-linear-gradient(top,  #fed8bf 0%, #e6b19d 50%, #dda589 51%, #cc8971 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fed8bf 0%,#e6b19d 50%,#dda589 51%,#cc8971 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fed8bf 0%,#e6b19d 50%,#dda589 51%,#cc8971 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed8bf', endColorstr='#cc8971',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
}
.main .timecard .dakoku-button:hover {
	opacity: 0.5;
}
.main .timecard .dakoku-button.hide {
	display: none;
}
.main .timecard .dakoku-button.disable {
	background: #ebebeb; /* Old browsers */
	background: -moz-linear-gradient(top,  #ebebeb 0%, #ebebeb 50%, #dbdbdb 51%, #e2e2e2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ebebeb 0%,#ebebeb 50%,#dbdbdb 51%,#e2e2e2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ebebeb 0%,#ebebeb 50%,#dbdbdb 51%,#e2e2e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}
.main .timecard .dakoku-button .inner {
	display: table-cell;
	height: 15vh;
	vertical-align: middle;
}
.main .timecard .dakoku-button .inner img {
	vertical-align: middle;
}


.dialog {
	display: none;
	position: fixed;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 200;
	background-color: rgba(0,0,0,0.8);
}
.dialog .dialog-inner {
	display: table;
	width: 100%;
	height: 100%;
}
.dialog .dialog-inner .dialog-item-wrap {
	display: table-cell;
	vertical-align: middle;
}
.dialog .dialog-inner .dialog-item-wrap .dialog-item {
	width: 80%;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	overflow: hidden;
}
.dialog .dialog-item .title {
	font-size: 48px;
	padding: 24px 32px;
	font-weight: bold;
	background: #f59331;
	color: #fff;
}
.dialog .dialog-item .message {
	padding: 32px;
	margin-bottom: 56px;
	font-size: 40px;
}
.dialog .dialog-item .dialog-button-wrap {
	display: table;
	width: 100%;
	height: 72px;
	table-layout: fixed;
}
.dialog .dialog-item .dialog-button-wrap .dialog-button {
	display: table-cell;
	height: 100%;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.4);
}
.dialog .dialog-item .dialog-button-wrap .dialog-button:hover {
	opacity: 0.5;
}
.dialog .dialog-item .dialog-button-wrap .dialog-button.OK {
	background-color: #a0c033;
	color: #fff;
	letter-spacing: 0.1em;
}
.dialog .dialog-item .dialog-button-wrap .dialog-button.cancel {
	background-color: #888;
	color: #fff;
}

/*徹夜打刻確認ダイアログ*/
.allnight-dialog {
	display: none;
	position: fixed;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 200;
	background-color: rgba(0,0,0,0.8);
}
.allnight-dialog .allnight-dialog-inner {
	display: table;
	width: 100%;
	height: 100%;
}
.allnight-dialog .allnight-dialog-inner .allnight-dialog-item-wrap {
	display: table-cell;
	vertical-align: middle;
}
.allnight-dialog .allnight-dialog-inner .allnight-dialog-item-wrap .allnight-dialog-item {
	width: 50%;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	overflow: hidden;
}
.allnight-dialog .allnight-dialog-item .title {
	font-size: 24px;
	padding: 8px 16px;
}
.allnight-dialog .allnight-dialog-item .message {
	padding: 16px;
}
.allnight-dialog .allnight-dialog-item .dialog-button-wrap {
	display: table;
	width: 100%;
	height: 56px;
	table-layout: fixed;
}
.allnight-dialog .allnight-dialog-item .dialog-button-wrap .dialog-button {
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.allnight-dialog .allnight-dialog-item .dialog-button-wrap .dialog-button:hover {
	opacity: 0.5;
}
.allnight-dialog .allnight-dialog-item .dialog-button-wrap .dialog-button.allnight {
	background-color: #009f8c;
	color: #fff;
}
.allnight-dialog .allnight-dialog-item .dialog-button-wrap .dialog-button.today {
	background-color: #edad0b;
	color: #fff;
}


.department-select {
	display: none;
}
@media screen and (max-width: 600px){
	.department-select {
		padding: 10% 10%;
	}
	.department-select .message {
		font-size: 20px;
	}
	.department-select .department-list-wrap {
		overflow: auto;
		max-height: 40vh;
	}
	.department-select .department-list-wrap .department-list .user .name {
		font-size: 12px;
	}
	.department-select .department-list-wrap .department-list .department .branch-name {
		font-size: 20px;
	}
	.department-select .department-list-wrap .department-list .department .department-name {
		font-size: 12px;
	}
	.department-select .logout {
		bottom: 20%;
		left: 10%;
		right: 10%;
	}

}







/* ---------- */
/* 社員選択画面 */
/* ---------- */
#staff-select {
	position: relative;
}
#staff-select * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
/* ヘッダー部分 */
#staff-select .header {
	display: table;
	width: 100%;
	table-layout: fixed;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);

	position: absolute;
	top: 0;
	left: 0;
	z-index: 40;
}
/* ヘッダー部分 - 設定・検索ボタン */
#staff-select .header .back-button,
#staff-select .header .setting-button,
#staff-select .header .search-button {
	display: table-cell;
	background: #9fc221;
	width: 23%;
	height: 23vh;
	vertical-align: middle;
	text-align: center;

	cursor: pointer;
}
#staff-select .header .back-button:hover,
#staff-select .header .setting-button:hover,
#staff-select .header .search-button:hover {
	opacity: 0.5;
}
#staff-select .header .back-button img,
#staff-select .header .setting-button img,
#staff-select .header .search-button img {
	width: 50%;
	height: auto;
	vertical-align: middle;
}
#staff-select .header .setting-button.hide,
#staff-select .header .back-button.hide {
	display: none;
}
/* 時計共通 */
.clock {
	text-align: center;
	font-size: 16px;
	padding: 1em;
}
.clock .date {
	font-size: 1.1em;
	line-height: 1;
	margin-bottom: 0.3em;
	font-weight: 400;
}
.clock .date .year,
.clock .date .month,
.clock .date .day {
	font-size: 1.2em;
	padding: 0 0.2em;
}
.clock .date .week {
	font-size: 1.1em;
}
.clock .time {
	font-size: 3em;
	line-height: 1;
	font-weight: bold;
}
.clock .time .separator.hidden {
	opacity: 0;
}
/* ヘッダー部分 - 時計 */
#staff-select .header .clock {
	display: table-cell;
	vertical-align: middle;
	font-size: 24px;
}

/* 社員選択部分 */
#staff-select .staff-selector {
	display: table;
	width: 100%;
	table-layout: fixed;

	padding-top: 23vh;
}
/* 次へ・戻る共通 */
.control-left,
.control-right,
.control-up,
.control-down {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: #fecea9;
	width: 7.5%;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
	cursor: pointer;
}
.control-up,
.control-down {
	display: table;
	width: 100%;
	height: 50%;
	table-layout: fixed;
}
.control-left.disabled,
.control-right.disabled,
.control-up.disabled,
.control-down.disabled {
	background: #dfdfdf;
	cursor: default;
}
.control-left.disabled:hover,
.control-right.disabled:hover,
.control-up.disabled:hover,
.control-down.disabled:hover {
	opacity: 1;
}
.control-up .inner,
.control-down .inner {
	display: table-cell;
	vertical-align: middle;
}
.control-left img,
.control-right img{
	width: 70%;
	height: auto;
	vertical-align: middle;
}
.control-up img,
.control-down img {
	width: 70%;
}
/* 選択要素が空　共通 */
.selector .item-empty {
	display: table;
	width: 100%;
	height: 100%;
}
.selector .item-empty .message {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 32px;
}
/* 社員選択部分 - 次へ・戻るボタン */
#staff-select .staff-selector .control-left,
#staff-select .staff-selector .control-right,
#staff-select .staff-selector .selector {
	height: 77vh;
}
/* 社員選択部分 - 社員ボタン */
#staff-select .staff-selector .selector {
	margin: 0;
	padding: 0;
	list-style: none;
	display: table-cell;
	vertical-align: top;
}
#staff-select .staff-selector .select-item {
	width: 48%;
	height: 17vh;
	margin: 1.125vh 1%;
	padding: 0 3%;

	display: table;
	table-layout: fixed;
	float: left;
	border-radius: 1vw;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
	cursor: pointer;

	background: #ffd360; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffd360 0%, #f1ae59 50%, #e7a859 51%, #e5a257 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffd360 0%,#f1ae59 50%,#e7a859 51%,#e5a257 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffd360 0%,#f1ae59 50%,#e7a859 51%,#e5a257 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd360', endColorstr='#e5a257',GradientType=0 ); /* IE6-9 */

}
#staff-select .staff-selector .select-item:hover {
	opacity: 0.5;
}
#staff-select .staff-selector .select-item .staff-image,
#staff-select .staff-selector .select-item .staff-sepalate,
#staff-select .staff-selector .select-item .staff-name {
	display: table-cell;
	vertical-align: middle;
}
#staff-select .staff-selector .select-item .staff-image {
	width: 72px;
	margin-left: 8%;
}
#staff-select .staff-selector .select-item .staff-sepalate {
	width: 2vw;
}
#staff-select .staff-selector .select-item .staff-image .staff-image-inner {
	border-radius: 100%;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	width: 5.6vw;
	height: 5.6vw;
	overflow: hidden;
}
#staff-select .staff-selector .select-item .staff-image img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
#staff-select .staff-selector .select-item .staff-name {
	font-size: 40px;

	white-space: nowrap;
	overflow: hidden;
}

/* 社員検索画面 */
#staff-select .search-box {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	padding: 3vh 3vw;
	background: rgba(0,0,0,0.6);
}
#staff-select .search-box .search-box-inner {
	background: #9fc221;
	border-radius: 1vw;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
}
/* 社員検索画面 - ヘッダー部分 */
#staff-select .search-box .search-header {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 3vh 3vw;
	padding-bottom: 0;
}
/* 社員検索画面 - ヘッダー部分 - 閉じるボタン */
#staff-select .search-box .search-header .close-button,
#staff-select .search-box .search-bottom .reset-button,
#staff-select .search-box .search-bottom .search-button {
	display: table-cell;
	width: 23%;
	border-radius: 1vw;
	background: #504646;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	cursor: pointer;
}
#staff-select .search-box .search-header .close-button:hover,
#staff-select .search-box .search-bottom .reset-button:hover,
#staff-select .search-box .search-bottom .search-button:hover {
	opacity: 0.5;
}
/* 社員検索画面 - ヘッダー部分 - 支店選択 */
#staff-select .search-box .search-header .organization-search-title {
	display: table-cell;
	vertical-align: middle;
	padding-right: 23%;
	text-align: center;

	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#staff-select .search-box .search-header .organization-search-title,
#staff-select .search-box .kana .title,
#branches-select .header .title,
#department-select .header .title,
#settings .header .title {
	color: #504646;
	text-shadow: 0 4px 1px #fff,
				 4px 0 1px #fff,
				 0 -4px 1px #fff,
				 -4px 0 1px #fff,
				 -4px -4px 1px #fff,
				 4px -4px 1px #fff,
				 -4px 4px 1px #fff,
				 4px 4px 1px #fff;
	font-weight: bold;
	font-size: 48px
}
/* 社員検索画面 - 施設・部署検索画面 */
#branches-select .branches-selector,
#department-select .department-selector,
#staff-select .search-box .search-department-selector {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 3vh 3vw;
}
#branches-select .branches-selector.hide,
#department-select .department-selector.hide,
#staff-select .search-box .search-department-selector.hide {
	display: none;
}
#staff-select .search-box .search-department-selector .control-left,
#staff-select .search-box .search-department-selector .control-right,
#staff-select .search-box .search-department-selector .selector {
	height: 33vh;
}
#branches-select .branches-selector .selector,
#department-select .department-selector .selector,
#staff-select .search-box .search-department-selector .selector {
	margin: 0;
	padding: 0;
	list-style: none;
	display: table-cell;
	vertical-align: top;
}
#branches-select .branches-selector .select-item,
#department-select .department-selector .select-item,
#staff-select .search-box .search-department-selector .select-item {
	width: 32.3%;
	height: 10vh;
	margin: 0.5vh 0.5%;
	padding: 0 3%;

	display: table;
	table-layout: fixed;
	float: left;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
	cursor: pointer;

	background: #fff;
}
#branches-select .branches-selector .select-item:hover,
#department-select .department-selector .select-item:hover,
#staff-select .search-box .search-department-selector .select-item:hover {
	opacity: 0.5;
}
#branches-select .branches-selector .select-item.selected,
#department-select .department-selector .select-item.selected,
#staff-select .search-box .search-department-selector .select-item.selected {
	opacity: 0.6;
}
#branches-select .branches-selector .select-item .branches-name,
#department-select .department-selector .select-item .department-name,
#staff-select .search-box .search-department-selector .select-item .department-name {
	display: table-cell;
	vertical-align: middle;
	font-size: 40px;

	white-space: nowrap;
	text-overflow: clip;
	overflow: hidden;
}
/* 社員検索画面 - かな検索画面 */
#staff-select .search-box .kana .title {
	text-align: center;
}
#staff-select .search-box .kana .kana-inner {
	text-align: center;
	width: 100%;
	padding: 0 2vw;
}
#staff-select .search-box .kana .kana-button {
	display: inline-table;
	width: 8%;
	margin: 0 0.3%;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 40px;
	background: #fbb03b;
	border: 4px solid #fff;
	border-radius: 0.5vw;
	cursor: pointer;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.6);
}
#staff-select .search-box .kana .kana-button.disabled {
	background: #aaa;
	cursor: default;
}
#staff-select .search-box .kana .kana-button.selected {
	border: 4px solid #f25436;
	background: #fed8bf;
}
/* 社員検索画面 - フッター部分 */
#staff-select .search-box .search-bottom {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 3vh 3vw;
}
#staff-select .search-box .search-bottom .separator {
	display: table-cell;
}
#staff-select .search-box .search-bottom .reset-button,
#staff-select .search-box .search-bottom .search-button {
	width: 40%;
}
/* 所属選択 */
#staff-select .affiliation-select {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	padding: 3vh 3vw;
	background: rgba(0,0,0,0.6)
}
#staff-select .affiliation-select .affiliation-select-inner {
	background: #9fc221;
	border-radius: 1vw;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
}
/* 所属選択 - ヘッダー部分 */
#staff-select .affiliation-select .affiliation-header {
	width: 100%;
	table-layout: fixed;
	padding: 3vh 3vw;
	padding-bottom: 0;
}
#staff-select .affiliation-select .affiliation-header .affiliation-select-title {
	color: #504646;
	text-shadow: 0 4px 1px #fff,
				 4px 0 1px #fff,
				 0 -4px 1px #fff,
				 -4px 0 1px #fff,
				 -4px -4px 1px #fff,
				 4px -4px 1px #fff,
				 -4px 4px 1px #fff,
				 4px 4px 1px #fff;
	font-weight: bold;
	font-size: 48px;
	text-align: center;
}
/* 所属選択 - 所属選択画面 */
#staff-select .affiliation-select .affiliation-selector {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 3vh 3vw;
}
#staff-select .affiliation-select .affiliation-selector .control-left,
#staff-select .affiliation-select .affiliation-selector .control-right,
#staff-select .affiliation-select .affiliation-selector .selector {
	height: 74vh;
}
#staff-select .affiliation-select .affiliation-selector .selector {
	margin: 0;
	padding: 0;
	list-style: none;
	display: table-cell;
	vertical-align: top;
}
#staff-select .affiliation-select .affiliation-selector .select-item {
	width: 48.8%;
	height: 23.5vh;
	margin: 0.5vh 0.5%;
	padding: 0 3%;

	display: table;
	table-layout: fixed;
	float: left;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
	cursor: pointer;

	background: #fff;
}
#staff-select .affiliation-select .affiliation-selector .select-item:hover {
	opacity: 0.5;
}
#staff-select .affiliation-select .affiliation-selector .select-item .select-item-inner {
	display: table-cell;
	width: 100%;
	vertical-align: middle;

	overflow: hidden;
}
#staff-select .affiliation-select .affiliation-selector .select-item .branches-name {
	font-size: 48px;
	white-space: nowrap;
}
#staff-select .affiliation-select .affiliation-selector .select-item .department-name {
	font-size: 32px;
	color: #666;
	white-space: nowrap;
}

/* ICカード認証画面 */
/* ICカード認証画面 - ヘッダー */
#iccard_select .header {
	display: table;
	width: 100%;
	table-layout: fixed;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);

	position: absolute;
	top: 0;
	left: 0;
	z-index: 40;
}
/* ヘッダー部分 - 設定・検索ボタン */
#iccard_select .header .setting-button {
	display: table-cell;
	background: #9fc221;
	width: 23%;
	height: 23vh;
	vertical-align: middle;
	text-align: center;

	cursor: pointer;
}
#iccard_select .header .setting-button:hover {
	opacity: 0.5;
}
#iccard_select .header .setting-button img {
	width: 50%;
	height: auto;
	vertical-align: middle;
}
/* ヘッダー部分 - 時計 */
#iccard_select .header .clock {
	display: table-cell;
	vertical-align: middle;
	font-size: 24px;
}
/* ICカード選択画面 - ボディ */
#iccard_select .iccard_select_body {
	display: table;
	width: 100%;
	table-layout: fixed;

	padding-top: 23vh;
}
#iccard_select .iccard_select_body .message {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 40px;
}


/* 施設選択画面 */
#branches-select {
	background: #9fc221;
	height: 100vh;
}
#branches-select .header {
	display: table;
	text-align: center;
	width: 100%;
	height: 23vh;
	table-layout: fixed;
}
#branches-select .header .title {
	display: table-cell;
	vertical-align: middle;
}
#branches-select .header .setting-button {
	display: table-cell;
	width: 23%;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}
#branches-select .header .setting-button:hover {
	opacity: 0.5;
}
#branches-select  .header .setting-button img {
	width: 50%;
	height: auto;
	vertical-align: middle;
}
#branches-select .branches-selector .control-left,
#branches-select .branches-selector .control-right,
#branches-select .branches-selector .selector {
	height: 55vh;
}

/* 部署選択画面 */
#department-select {
	background: #9fc221;
	height: 100vh;
}
#department-select .header {
	display: table;
	text-align: center;
	width: 100%;
	height: 23vh;
	table-layout: fixed;
}
#department-select .header .title {
	display: table-cell;
	vertical-align: middle;
}
#department-select .header .back-button {
	display: table-cell;
	width: 23%;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}
#department-select .header .back-button:hover {
	opacity: 0.5;
}
#department-select  .header .back-button img {
	width: 50%;
	height: auto;
	vertical-align: middle;
}
#department-select .department-selector .control-left,
#department-select .department-selector .control-right,
#department-select .department-selector .selector {
	height: 55vh;
}


/* 設定画面 */
#settings {
	background: #9fc221;
	height: 100vh;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
/* 設定画面 - ヘッダー */
#settings .header {
	display: table;
	text-align: center;
	width: 100%;
	height: 23vh;
	table-layout: fixed;
}
#settings .header .title {
	display: table-cell;
	vertical-align: middle;
}
#settings .header .back-button {
	display: table-cell;
	width: 23%;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}
#settings .header .back-button:hover {
	opacity: 0.5;
}
/* 設定画面 - 共有パーツ */
#settings h2 {
	font-size: 24px;
}
#settings .message {
	font-size: 32px;
	text-align: center;
	padding: 0 24px;
	margin-top: 0;
	margin-bottom: 32px;
}
#settings .button {
	padding: 16px 24px;
}
#settings .setting-list {
	max-width: 1280px;
	max-height: 73vh;
	margin: 0 auto;
	padding: 16px 24px;
	list-style: none;
	overflow-y: auto;
}
#settings .setting-list .setting-item {
	display: table;
	width: 100%;
	table-layout: fixed;
	background: #fed8bf;
	margin: 8px 0;
}
#settings .setting-list .setting-item-title {
	padding: 24px 16px;
	font-size: 40px;
}
#settings .setting-list .setting-item-separator {
	padding: 16px 0;
}
#settings .setting-list .setting-item .title {
	display: table-cell;
	padding: 8px 16px;
	font-size: 32px;
}
#settings .setting-list .setting-item .button {
	display: table-cell;
	width: 20%;
	text-align: center;
	font-size: 32px;
	background: #f3ba95;
	cursor: pointer;
}
#settings .setting-list .setting-item .button.toggle-button[mode="0"]{
	background: #c2c2c2;
}
#settings .setting-list .setting-item .button.toggle-button[mode="1"]{
	background: #ff954f;
}
#settings .setting-list .setting-item .button.toggle-button[mode="0"]:after{
	content: "OFF";
}
#settings .setting-list .setting-item .button.toggle-button[mode="1"]:after{
	content: "ON";
}
/* 設定画面　トップページ */
#settings .top-page {

}

/* 設定画面 ICカード登録 */
#settings .staff-selector {
	display: table;
	width: 100%;
	table-layout: fixed;
}
#settings .staff-selector .control-left,
#settings .staff-selector .control-right,
#settings .staff-selector .selector {
	height: 67vh;
}
/* 設定画面　ICカード登録・削除　- 社員選択 */
#settings .staff-selector .selector {
	margin: 0;
	padding: 0;
	list-style: none;
	display: table-cell;
	vertical-align: top;
}
#settings .staff-selector .select-item {
	width: 48%;
	height: 14.5vh;
	margin: 1.125vh 1%;
	padding: 0 3%;

	display: table;
	table-layout: fixed;
	float: left;
	border-radius: 1vw;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
	cursor: pointer;

	background: #ffd360; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffd360 0%, #f1ae59 50%, #e7a859 51%, #e5a257 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffd360 0%,#f1ae59 50%,#e7a859 51%,#e5a257 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffd360 0%,#f1ae59 50%,#e7a859 51%,#e5a257 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd360', endColorstr='#e5a257',GradientType=0 ); /* IE6-9 */

}
#settings .staff-selector .select-item:hover {
	opacity: 0.5;
}
#settings .staff-selector .select-item .staff-image,
#settings .staff-selector .select-item .staff-sepalate,
#settings .staff-selector .select-item .staff-name {
	display: table-cell;
	vertical-align: middle;
}
#settings .staff-selector .select-item .staff-image {
	width: 72px;
	margin-left: 8%;
}
#settings .staff-selector .select-item .staff-sepalate {
	width: 2vw;
}
#settings .staff-selector .select-item .staff-image .staff-image-inner {
	border-radius: 100%;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	width: 5vw;
	height: 5vw;
	overflow: hidden;
}
#settings .staff-selector .select-item .staff-image img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
#settings .staff-selector .select-item .staff-name {
	font-size: 40px;

	white-space: nowrap;
	overflow: hidden;
}
#settings .iccard_scan .scan-figure {
	text-align: center;
	margin-top: 10vh;
}

/* 設定画面 マスターカード削除 */
#settings .mastercard-selector {
	display: table;
	width: 100%;
	table-layout: fixed;
}
#settings .mastercard-selector .control-left,
#settings .mastercard-selector .control-right,
#settings .mastercard-selector .selector {
	height: 67vh;
}
/* 設定画面　マスターカード削除　- カード選択 */
#settings .mastercard-selector .selector {
	margin: 0;
	padding: 0;
	list-style: none;
	display: table-cell;
	vertical-align: top;
}
#settings .mastercard-selector .select-item {
	width: 48%;
	height: 14.5vh;
	margin: 1.125vh 1%;
	padding: 0 3%;

	display: table;
	table-layout: fixed;
	float: left;
	border-radius: 1vw;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
	cursor: pointer;

	background: #ffd360; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffd360 0%, #f1ae59 50%, #e7a859 51%, #e5a257 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffd360 0%,#f1ae59 50%,#e7a859 51%,#e5a257 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffd360 0%,#f1ae59 50%,#e7a859 51%,#e5a257 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd360', endColorstr='#e5a257',GradientType=0 ); /* IE6-9 */

}
#settings .mastercard-selector .select-item:hover {
	opacity: 0.5;
}
#settings .mastercard-selector .select-item .card-number {
	display: table-cell;
	vertical-align: middle;
	font-size: 40px;

	white-space: nowrap;
	overflow: hidden;
}
/* 設定画面　ICカード削除 - 確認画面 */
#settings .remove_iccard_page .remove_confirm .staff-selector .selector {
	height: auto;
}
#settings .remove_iccard_page .remove_confirm .staff-selector .select-item {
	float: none;
	margin: 0 auto;
	cursor: default;
}
#settings .remove_iccard_page .remove_confirm .staff-selector .select-item:hover {
	opacity: 1;
}
/* 設定画面　ICカード削除 - 削除確認 */
#settings .remove_iccard_page .remove_confirm .confirm_button {
	margin-top: 10vh;
}
#settings .remove_iccard_page .remove_confirm .confirm_button .ok {
	width: 30%;
	float: left;
	text-align: center;
	font-size: 40px;
	margin: 10vh;
	padding: 3vh;
	cursor: pointer;
	background: #c82536;
	color: #fff;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
}
#settings .remove_iccard_page .remove_confirm .confirm_button .cancel {
	width: 30%;
	float: right;
	text-align: center;
	font-size: 40px;
	margin: 10vh;
	padding: 3vh;
	cursor: pointer;
	background: #fff;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
}

/* 設定画面　マスターカード削除 - 社員一件表示 */
#settings .remove_mastercard_page .remove_confirm .mastercard-selector .selector {
	height: auto;
}
#settings .remove_mastercard_page .remove_confirm .mastercard-selector .select-item {
	float: none;
	margin: 0 auto;
	cursor: default;
}
#settings .remove_mastercard_page .remove_confirm .mastercard-selector .select-item:hover {
	opacity: 1;
}
/* 設定画面　マスターカード削除 - 削除確認 */
#settings .remove_mastercard_page .remove_confirm .confirm_button {
	margin-top: 10vh;
}
#settings .remove_mastercard_page .remove_confirm .confirm_button .ok {
	width: 30%;
	float: left;
	text-align: center;
	font-size: 40px;
	margin: 10vh;
	padding: 3vh;
	cursor: pointer;
	background: #c82536;
	color: #fff;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
}
#settings .remove_mastercard_page .remove_confirm .confirm_button .cancel {
	width: 30%;
	float: right;
	text-align: center;
	font-size: 40px;
	margin: 10vh;
	padding: 3vh;
	cursor: pointer;
	background: #fff;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
}


/* ICカード認証画面 */
/* ICカード認証画面 - ヘッダー */
#iccard_select .header {
	display: table;
	width: 100%;
	table-layout: fixed;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);

	position: absolute;
	top: 0;
	left: 0;
	z-index: 40;
}
/* ヘッダー部分 - 設定・検索ボタン */
#iccard_select .header .setting-button {
	display: table-cell;
	background: #9fc221;
	width: 23%;
	height: 23vh;
	vertical-align: middle;
	text-align: center;

	cursor: pointer;
}
#iccard_select .header .setting-button:hover {
	opacity: 0.5;
}
#iccard_select .header .setting-button img {
	width: 50%;
	height: auto;
	vertical-align: middle;
}
/* ヘッダー部分 - 時計 */
#iccard_select .header .clock {
	display: table-cell;
	vertical-align: middle;
	font-size: 24px;
}
/* ICカード選択画面 - ボディ */
#iccard_select .iccard_select_body {
	display: table;
	width: 100%;
	table-layout: fixed;

	padding-top: 23vh;
	height: 100vh;
}
#iccard_select .iccard_select_body .message {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 40px;
}
#iccard_select .iccard_select_body .message p {
	font-size: 5vh;
}
#iccard_select .iccard_select_body .message img {
	height: 30vh;
}


/* エラーダイアログ */
#error-dialog {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.8);
	z-index: 2000;
}
#error-dialog .error-dialog-inner {
	display: table;
	margin-top: 5vh;
	margin-left: 5%;
	padding: 5%;
	width: 90%;
	height: 90vh;
	table-layout: fixed;
	background: #fff;
}
#error-dialog .error-dialog-inner .message {
	display: table-cell;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	font-size: 32px;
}

.version {
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
	color: #fff;
	font-size: 12px;
	padding: 0 2px;
	z-index: 9000;
}
.version .fingerprint {
	padding-left: 8px;
}