@charset "UTF-8";

#btnGGroup1 {
	position:absolute;
	top: 0;
	z-index: 10100;
	zoom:1;
	overflow: hidden;
	width: 100%;
}
#btnGGroup1 > ul {
	margin-left: 10px;
	display: flex;
}
#btnGGroup1 > ul > li {
	flex: 1;
	margin: 0px 10px 10px 0px;
}
#btnGGroup1 > ul > li > div {
	color:#FFFFFF;
	font-size: 16px;
	text-align: center;
	/* line-height: 32px; */
	background-color: #BBBBBB;
	user-select: none;
	-moz-user-select: none; 
	-webkit-user-select: none;
	-ms-user-select: none;
	z-index: 10100;
	border-radius: 0 0 10px 10px;
}
#btnGGroup1 > ul > li > div:hover,
#btnGGroup1 > ul > li > div.active {
	background-color: #333333;
}
#btnGGroup1 > ul > li.dummy > div {
	background-color: inherit;
}
#btnGGroup1 > ul > li > div > span {
	display: block;
	height: 36px;
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	line-height: 36px;
}




#btnGGroup2 {
	position:absolute;
	right: 0;
	top: 0;
	bottom: 10px;
	z-index: 9100;
	zoom: 1;
	overflow: hidden;
}
#btnGGroup2 > ul {
	padding-top: 90px;
	display: flex;
	flex-direction: column;
	height: 100%;
}
#btnGGroup2 > ul > li {
	flex: 1;
	margin: 10px 0px 0px 0px;
	width: 30px;
    height: 100%;
}
#btnGGroup2 > ul > li > div {
	color:#FFFFFF;
	font-size: 16px;
	text-align: center;
	/* line-height: 32px; */
	background-color: #BBBBBB;
	user-select: none;
	-moz-user-select: none; 
	-webkit-user-select: none;
	-ms-user-select: none;
	z-index: 9100;
	border-radius: 10px 0 0 10px;
	height: 100%;
}
#btnGGroup2 > ul > li > div:hover,
#btnGGroup2 > ul > li > div.active {
	background-color: #333333;
}
#btnGGroup2 > ul > li.dummy > div {
	background-color: inherit;
}
#btnGGroup2 > ul > li > div > span {
	display: flex;
    height: 100%;
    align-items: center;
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	line-height: 16px;
	padding: 15px 5px;
}



.viewGbox {
	position:absolute;
	top:0;
	bottom: 0;
	left:0;
	right:0;
	overflow:auto;
	background-color: #DDFFDD;
	z-index: 9000;
	display :none;
}
.viewGScrollArea {
	position:absolute;
	top:0;
	bottom: 0;
	left:0;
	right:0;
	overflow:auto;
	background-color: #DDFFDD;
	z-index: 9000;
	margin-top: 40px;
	margin-left: 10px;
	margin-right: 35px;
}
.viewGWrap {
	position: relative;
	padding-top: 20px;
	padding-bottom: 5px;
}



#btnGGroup3 {
	background-color: #FFFFFF;
	height: 90px;
	border-bottom: 2px solid #CCCCCC;
	margin-bottom:10px;
	position:absolute;
	top: 0;
	z-index: 999;
	zoom:1;
	overflow: hidden;
	width: 100%;
}
#btnGGroup3 ul {
	margin-top: 35px;
	margin-left: 10px;
	display: flex;
}
#btnGGroup3 ul li {
	flex: 1;
	margin: 10px 10px 10px 0px;
}
#btnGGroup3 ul li a {
	display: block;
	text-decoration: none;
	border-color: #003E6A;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color: #006AB5;
}
#btnGGroup3 ul li a span {
	display: block;
	height: 36px;
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	line-height: 36px;
}
#btnGGroup3 ul li a.this,
#btnGGroup3 ul li a:hover {
	text-decoration: none;
	background-color: #333333;
	border: 1px solid #EEEEEE;
}
#btnGGroup3 ul li a.this span,
#btnGGroup3 ul li a:hover span {
	color: #FFFFFF;
}
	
#btnGGroup3 ul li.no_writable a {
	border-color: #ff7f7f;
	background-color: #ff7f7f;
}
#btnGGroup3 ul li.no_writable a span {
	color: #FFFFFF;
}

#btnGGroup3 ul li.no_writable a.this,
#btnGGroup3 ul li.no_writable a:hover {
	background-color: #ff7f7f;
	border: 1px solid #EEEEEE;
}
#btnGGroup3 ul li.no_writable a.this span,
#btnGGroup3 ul li.no_writable a:hover span {
	color: #FFFFFF;
}



#viewMain {
	position:absolute;
	top: 100px;
	bottom: 0;
	left:0;
	right:0;
	overflow:auto;
	background-color: #EEEEEE;
}
#viewMainScrollArea {
	position:absolute;
	top:0;
	bottom: 0;
	left:0;
	right:0;
	overflow:auto;
	background-color: #EEEEEE;
	z-index: 9999;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 35px;
}
#viewMain .viewWrap {
	padding-bottom: 20px;
	padding-bottom: 5px;
}
.viewWrap {
	position: relative;
}


#btnGGroup4 {
	zoom:1;
	overflow: hidden;
}
#btnGGroup4 ul {
	display: flex;
}
#btnGGroup4 ul li {
	flex:1;
	margin: 0px 10px 10px 0px;
}
#btnGGroup4 ul li:last-child {
	margin-right: -25px;
}
#btnGGroup4 ul li a {
	display: block;
	text-decoration: none;
	background-color: #BBBBBB;
	border: 1px solid #BBBBBB;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#btnGGroup4 ul li.dummy a {
	display: none;
}
#btnGGroup4 ul li a span {
	display: block;
	height: 46px;
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	line-height: 46px;
}
#btnGGroup4 ul li a.this,
#btnGGroup4 ul li a:hover {
	text-decoration: none;
	background-color: #333333;
	border: 1px solid #333333;
}
#btnGGroup4 ul li a.this span,
#btnGGroup4 ul li a:hover span {
	color: #FFFFFF;
}


#btnGGroupKihon {
	position: absolute;;
	right: 0;
	top: 0;
	bottom: 10px;
	z-index: 9100;
	zoom: 1;
	overflow: hidden;
}
#btnGGroupKihon > ul {
	padding-top: 90px;
	display: flex;
	flex-direction: column;
	height: 100%;
}
#btnGGroupKihon > ul > li {
	flex: 1;
	margin: 10px 0px 0px 0px;
	width: 30px;
    height: 100%;
}
#btnGGroupKihon > ul > li > div {
	color:#FFFFFF;
	font-size: 16px;
	text-align: center;
	/* line-height: 32px; */
	background-color: #BBBBBB;
	user-select: none;
	-moz-user-select: none; 
	-webkit-user-select: none;
	-ms-user-select: none;
	z-index: 9100;
	border-radius: 10px 0 0 10px;
	height: 100%;
}
#btnGGroupKihon > ul > li > div:hover,
#btnGGroupKihon > ul > li > div.active {
	background-color: #333333;
}
#btnGGroupKihon > ul > li.dummy > div {
	background-color: inherit;
}
#btnGGroupKihon > ul > li > div > span {
	display: flex;
    height: 100%;
    align-items: center;
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	line-height: 16px;
	padding: 15 5px;
}

#viewGKihon .tableType01 table tr th,
#viewGKihon .tableType01 table tr td {
	font-size: 12px;
}
#viewGKihon .tableType01 table tr th {
	padding: 8px 0px;
}
#viewGKihon .tableType01 table tr td {
	padding: 8px 3px;
}




body.hiddenGGroup1 #btnGGroup3 {
    height: 58px;
}
body.hiddenGGroup1 #btnGGroup3 ul {
    margin-top: 0;
}
body.hiddenGGroup1 #viewMain {
    top: 70px;
}




.btnToggle {
	width: 150px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	border: 1px solid #333333;
	font-size: 16px;
	color: #FFFFFF;
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10から */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


.btnToggle.tb零マル.type0,
.btnToggle.tb零未作成.type0,
.btnToggle.tb零マルバツ.type0,
.btnToggle.tb26.type1,
.btnToggle.tb27.type1,
.btnToggle.tb28.type2,
.btnToggle.tb零イロハ.type9,
.btnToggle.tb変更有無.type0,
.btnToggle.dummy {
	border-color: #808080;
	background-color: #A6A6A6;
}

.btnToggle.tb零マル.type1,
.btnToggle.tb26.type0,
.btnToggle.tb27.type0,
.btnToggle.tb28.type1,
.btnToggle.tb零イロハ.type1,
.btnToggle.tb変更有無.type1,

.btnToggle.tb零マルバツ.type1,
.btnToggle.dummy {
	border-color: #004373;
	background-color: #0070C0;
}

.btnToggle.tb零未作成.type1,
.btnToggle.tb零マルバツ.type2,
.btnToggle.dummy {
	border-color: #780202;
	background-color: #C30404;
}

.btnToggle.tb零イロハ.type2,
.btnToggle.tb28.type3,
.btnToggle.dummy {
	border-color: #ffc61a;
	background-color: #FFD966;
}

.btnToggle.tb零イロハ.type3,
.btnToggle.dummy {
	border-color: #ff80ff;
	background-color: #FFCCFF;
}

.tableType01 table td.td零イロハ {
	color: #FFFFFF;
}

.td零イロハ.type9,
.btnToggle.dummy {
	background-color: #A6A6A6;
}

.td零イロハ.type1,
.btnToggle.dummy {
	background-color: #0070C0;
}

.td零イロハ.type2,
.btnToggle.dummy {
	background-color: #FFD966;
}

.td零イロハ.type3,
.btnToggle.dummy {
	background-color: #FFCCFF;
}




.btnSyoken {
	cursor: pointer;
}
th.btnSyoken,
td.btnSyoken {
    text-decoration: underline;
}
td > span.btnSyoken {
	display: inline-block;
	padding: 18px 15px 17px 20px;
}

#syokenModal,
#syoken2Modal {
	display: none;
	background: #FFFFFF;
	-webkit-transition: opacity 0s ease-out;
	opacity: 0.8;
	z-index: 99999;
	position: absolute;
}
#syokenPopup,
#syoken2Popup {
	display: none;
	background: #DDFFDD;
	padding: 10px;
	overflow: auto;
	z-index: 99999;
	position: absolute;
	width: 720px;
	user-select: none;
	-webkit-user-select: none;
}

.syokenTitleBox {
	background-color: #FFEBA3;
	font-size: 16px;
    padding: 10px 20px;
}

.syokenTitleBox > .syokenTitleText {
	font-weight: bold;
}

#syokenList {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	max-height: calc(100% - 120px);
	height: calc(100% - 120px);
	overflow-y: scroll;
	background-color: #CCC;
}

#syokenList > .loading {
	display: flex;
    justify-content: center;
    align-items: center;
	height: 100%;
	font-size: 24px;
}

#syokenPopup .btnSyokenPopupClose,
#syoken2Popup .btnSyoken2PopupClose {
	width: 50%;
}

#syokenList > .row {
	display: flex;
	height: 50px;
	min-height: 50px;
	border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    background: #FFF;
}

body.iOS #syokenList > .row {
	margin-right: 8px;
}

#syokenList > .row:first-child,
#syokenList > .row + .row {
	border-top: 1px solid #CCC;
}
#syokenList > .row:last-child {
	border-bottom: 1px solid #CCC;
	margin-bottom: 2px;
}

#syokenList > .row.focus {
	border-left: 1px solid #F00 !important;
	border-right: 1px solid #F00 !important;
	border-top: 1px solid #F00 !important;
}
#syokenList > .row.focus + .row {
	border-top: 1px solid #F00 !important;
}

#syokenList > .row > div {
	display: flex;
	height: 50px;
	max-height: 50px;
	min-height: 50px;
	justify-content: center;
	align-items: center;
}
#syokenList > .row > div.label {
	width: 8px;
	transition: width 0.3s ease-in-out;
}
#syokenList > .row > div.toggle1 {
	padding-left: 8px;
	padding-right: 8px;
	justify-content: start;
	flex: 1;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#syokenList > .row > div.toggle2 {
	width: 64px;
	min-width: 64px;
	max-width: 64px;
	font-size: 16px;
}

/* #syokenList > .row.所見分類1 > div {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(226, 239, 218, 1)), color-stop(1, rgba(212, 231, 200, 0.8)));
}
#syokenList > .row.所見分類2 > div {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 204, 1)), color-stop(1, rgba(255, 255, 179, 0.8)));
}
#syokenList > .row.所見分類3 > div {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(204, 255, 255, 1)), color-stop(1, rgba(179, 255, 255, 0.8)));
} */

#syokenList > .row.判定1 > div {
	background: #c8e6c9;
}
#syokenList > .row.判定2 > div {
	background: #f5f5f5;
}
#syokenList > .row.判定3 > div {
	background: #f8bbd0;
}

#syokenList > .row > div.label.判定1,
#syokenList > .row > div.label.判定2,
#syokenList > .row > div.label.判定3 {
	width: 46px;
}

#syokenList > .row > div.label.判定2 {
	background:#ffe0b2 !important;
}
#syokenList > .row > div.toggle2.判定2 {
	background:#ffe0b2 !important;
}

#syokenList > .row > div.label.判定3 {
	background:#f8bbd0 !important;
}
#syokenList > .row > div.toggle2.判定3 {
	background:#f8bbd0 !important;
}



#syokenInputList tr.所見分類1 td {
	background-color: #E2EFDA;
}
#syokenInputList tr.所見分類2 td {
	background-color: #b3e5fc;
}
#syokenInputList tr.所見分類3 td {
	background-color: #fff9c4;
}

#syokenInputList tr > td.判定2 {
	/* background:#FFFFCC !important; */
	background:#ffe0b2 !important;
}
#syokenInputList tr > td.判定3 {
	/* background:#CCFFFF !important; */
	background:#f8bbd0 !important;
}



#lockDiv1,
#lockDiv2,
#lockDiv3,
#lockDiv4 {
	display: none;
	background: #00000066;
	-webkit-transition: opacity 0s ease-out;
	position: absolute;
}

#lockDiv1,
#lockDiv2,
#lockDiv4 {
	z-index: 99;
}

#lockDiv2,
#lockDiv3 {
	width: 100%;
}

#lockDiv2 > div,
#lockDiv3 > div {
	color: #FFF;
    text-align: center;
    font-size: 3em;
}

#lockDiv2 > div {
	position: sticky;
	top: 60px;
	line-height: 6em;
}
#lockDiv3 > div {
	line-height: 2.2em;
}

#viewMainScrollArea.lock .select2-container {
	/* position: inherit !important; */
}

.select2-container.select2-container--default.select2-container--open {
	z-index: 9999;
}

.select2-results__option {
    min-height: 31px;
}

.tableType01 table tr th,
.tableType01 table tr td {
	font-size: 14px;
}

.tableType01 table tr th,
.tableType01 table tr td {
	padding: 4px 5px;
}

input[type=file] {
    width: 117px;
}
body.iOS input[type=file] {
    width: 129px;
}

.modal_hb {
	position: fixed;
	top: 0!important;
	left: 0!important;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 6em 0 0 0;
	background-color: rgba(0,0,0,.85);
	line-height: 1;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-transition: background-color .5s linear;
	transition: background-color .5s linear;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	will-change: opacity;
	z-index: 99999999;

	text-decoration: none;
	text-shadow: none;
	color: #FFF;
	font-size: 24px;
	font-family: monospace;
}

.error {
    margin-top: 5px;
    text-decoration: underline;
    background-color: #ffebee;
    padding: 5px;
}
.errorBox {
    border: 1px solid #aa122c;
    background-color: #ff0000;
    padding: 5px;
    text-align: center;
    color:#FFFFFF;
    margin-bottom: 20px;
}