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

/*@font-face {
  font-family: 'NotoSansJPLight';
  font-style: normal;
  font-weight: 300;
  src: url('/custom_assets/fonts/NotoSansJP-Bold.otf')
}*/
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
  font-weight: normal;
  src: local("Noto Sans CJK JP"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}

body {
	font-family: "Noto Sans JP" !important;
}

.time-box {
	border:1px solid var(--primary);
	font-size:1.1em;
	color:var(--primary);
	font-weight:600;
	height:2.4em;
	width:78%;
	margin:auto;
}
.time-box p {
	margin:0;
	line-height: calc(2.4em - 2px);
}
.mainte-menu-list {
	margin:0 -15px;
}
.mainte-menu-list ul {
	margin:1em 0 2em;
	padding:0;
}
.mainte-menu-list ul li{
	width:100%;
	list-style: none;
	margin:0;
	border-bottom:#cdcdcd 1px solid;
}
.mainte-menu-list ul > li:nth-of-type(1){
	border-top:#cdcdcd 1px solid;
}
.mainte-menu-list ul li .btn {
	width:100%;
	position:relative;
	color:var(--primary);
	font-weight:400;
	text-align: left;
	padding-left:1em;
}
.mainte-menu-list ul li .btn:after {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position:absolute;
	right:15px;
	top:50%;
	transform: translateY(-50%);
}
.cont-button-area {
	display: flex;
	flex-flow: column;
}
.p-mainte .cont-button-area {
	padding:0 15px;
}
.cont-button-area .btn {
	display: block;
	margin:1em 0 0;
}
section > .cont-button-area:first-child .btn {
	margin:0;
}
.scr-Box {
	/* height:40vh;
	overflow-y: auto; */
}
.cont-button-area.prev-next {
		margin:0 auto 1.5em;
	flex-flow: row;
    justify-content: center;
}
.cont-button-area.prev-next .btn-prev, .cont-button-area.prev-next .btn-next{
	width:auto;
	display: inline-block;
	padding:0 1rem;
	height:32px;
	line-height: 32px;
	color:#FFF;
	background: var(--primary);
	border-radius: 0;
	margin:0 12px;
	position:relative;
}
.cont-button-area.prev-next .btn-prev:before {
	content: "";
    border-width: 16px 12px 16px 0;
    border-color: transparent var(--primary) transparent transparent;
    border-style: solid;
    position: absolute;
    left: -13px;
    top: -1px;
}
.cont-button-area.prev-next .btn-next:after {
	content: "";
    border-width: 16px 0 16px 12px;
    border-color: transparent transparent transparent var(--primary) ;
    border-style: solid;
    position: absolute;
    right: -13px;
    top: -1px;
}

.mainte-regist .d-flex {
	flex-flow: column;
}
.search-box {
	margin:0;
}
.search-box dt {
	font-size:0.8em;
}
.search-box dd {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.search-box dd .form-control {
	width:calc(100% - 5em);
	display: block;
	margin: 0 0.5em 0 0;
	height:auto;
}
.search-box dd .btn {
	border-radius: 0;
    width: 4.5em;
    margin:0;
    border: none;
    outline: none;
    display: block;
	line-height: normal;
}
.regist-list-table {
	border:1px solid #cdcdcd;
	width:100%;
}
.regist-list-table thead {
	background-color: #eaf7ff;
	font-weight:300;
	text-align: left;
	font-size:0.7em;
}
.regist-list-table td {
	padding:10px 4px;
}
.regist-list-table thead td {
	padding:4px;
	/* white-space: nowrap; */
	color:#333366;
	font-weight:300;
}
.regist-list-table.control-reco-table thead {
	background-color:#fff6f6;
}
.regist-list-table thead .no, .regist-list-table thead .class {
	width:3em;
}
.regist-list-table thead .menu {
	width:6.5em;
}
.regist-list-table thead .edit {
	width:4.5em;
}
.regist-list-table tbody .kind {
	width:4.5em;
}
.regist-list-table tbody td {
	border-bottom:1px solid #cdcdcd;
	font-size:0.75em;
	text-align: center;
	color:#333366;
	font-weight:300;
}
.regist-list-table tbody td.check {
	font-size:0.65em;
	text-align: left;
}
.regist-list-table tbody td.name {
		text-align: left;
	}
.control-reco-table td {
	border-bottom: 1px solid #cdcdcd !important;
}
.control-reco-table .date {
	/* border-right:1px solid #cdcdcd; */
}
.control-reco-table thead .date {
	width:20%;
	text-align: center;
}
.control-reco-table .maker {
	text-align: center;
}
.control-reco-table thead .temp1 {
	width:4em;
	text-align: left;
}
.control-reco-table thead .temp2 {
	width:4em;
	text-align: right;
}
.control-reco-table .name {
	text-align: center;
}
.control-reco-table tbody td {
	padding:8px;
}
.control-reco-table.x-small {
	min-width:560px;
}
.control-reco-table.x-small tbody td {
	padding:8px 4px;
	font-size:0.4em;
} 
.control-reco-table.x-small thead td {
	padding:8px 4px;
	white-space: normal;
	font-size:0.4em;
}
.control-reco-table.x-small thead td.name {
	white-space: nowrap;
	width:4em;
}
.control-reco-table.x-small td.date-noboder {
	width:5%;
	white-space: nowrap;
}
.control-reco-table.x-small thead td.chk{
	width:8em;
}
.control-reco-table.x-small thead td.note{
	width:10em;
}
.control-reco-table.x-small tbody td.cop-contents-area p {
	text-align: left;
	margin-bottom:0;
}
.control-reco-table.x-small tbody td.result-area {
	white-space: nowrap;
}
.control-reco-table.x-small tbody td label {
	margin:0 0.25em;
	padding:2px;
}
.control-reco-table.x-small tbody td.result-area > label:nth-of-type(1).active{
	border:2px solid #1ca8cc;
	border-radius: 2em;
    line-height: 1;
}
.control-reco-table.x-small tbody td.result-area > label:nth-of-type(2).active{
	border:2px solid #fe6d6d;
	border-radius: 2em;
    line-height: 1;
}
.control-reco-table.control-important thead td {
	border:1px solid var(--border);
}
 
.control-reco-table.control-important .menu-kind td {
	background: #fffeee;
}
.temp-reco-table .temp {
	white-space: nowrap;
	width:8em;
}
.temp-reco-table .temp input {
	width:4em;
	margin:0 0.25em;
	background: #e7f8ff;
	border:#d8d7dc 1px solid;
	border-radius: 4px;
}
.btn-del,.btn-upd {
	font-size:0.9em;
	display: block;
	border: none;
    background-color: transparent;
    padding: 0;
}
.btn-del {
	color:#fe6d6d;
}
.btn-del:before {
	content: "\f057";
	font-family:'NotoSansJPLight', FontAwesome;
}
.btn-upd{
	color:var(--primary);
}
.btn-upd:before {
	content: "\f040";
	font-family:'NotoSansJPLight', FontAwesome;
}
.disp-advaice, .disp-text {
	margin:1em auto;
}
.disp-advaice .chk-advaice-area{
	border:#40b3ff 2px solid;
	border-radius: 8px;
	background-color: #f8fcff;
	padding:0.8em;
}
.disp-text .chk-text-area{
	border:#40b3ff 2px solid;
	border-radius: 8px;
	background-color: #f8fcff;
	padding:0;
}
.disp-advaice .chk-advaice-area > *, .disp-text .chk-text-area > * {
	color:#40b3ff;
}
.disp-text .chk-text-area h6 {
	background: #eaf7ff;
	padding:0.4em 0.8em;
	border-radius: 8px 8px 0 0;
}
.disp-advaice .chk-advaice-area p, .disp-text .chk-text-area p {
	margin:0;
	font-size:0.8em;
}
.disp-text .chk-text-area p{
	padding:0.8em;
}
.toggle-button-box {
	margin:1em 0 0;
    height: 35px;
}
.toggle-button-box label {
    cursor: pointer;
    width: 100%;
    height: 100%;
    border:1px solid var(--primary);
    background: #FFF;
    color: var(--primary);
    transition: .2s;
	line-height: 35px;
	border-radius: 4px;
	padding:0 1em;
	font-size: calc(100vw / 320 * 12);
}
.toggle-button-box input[type="checkbox"]:checked + label {
    background-color: var(--primary);
	border:1px solid var(--primary);
	border-radius: 4px;
    color: #fff;
}
.toggle-button-flex {
	display:flex;
	justify-content:space-between;
}
.tri-button .toggle-button-box {
	width:30%;
}
.select-button-box .toggle-button-box label {
    border:1px solid #cccccc;
    background: #cccccc;
    color: #333333;
	text-align:center;
}
.toggle-button-box.hyg_mng input[type="checkbox"]:checked + label {
	background-color: #ffcc66;
    border:1px solid #ffcc66;
}
.toggle-button-box.ccp_mng input[type="checkbox"]:checked + label {
	background-color: #33ccff;
    border:1px solid #33ccff;
}
.toggle-button-box.temp_mng input[type="checkbox"]:checked + label {
	background-color: #ff6666;
    border:1px solid #ff6666;
}

.toggle-button-box input {
    display: none;
}
.radio-check-area {
	margin-top:2em;
}
.radio-check-area dl {
	margin-bottom:0;
}
.radio-check-area dl dd input + span {
	padding-right:1em;
	font-size:1.05em;
}
.p-mainte-print .btn-tgl {
	width:100%;
}
.date-input-box dd span {
	margin:auto;
	display: block;
	text-align: center;
	transform: rotate(90deg);
}

.nav-dot {
	display: flex;
	justify-content: center;
	margin:0 auto 1em;
    padding: 0;
}
.nav-dot span {
	display: block;
	width:12px;
	height:12px;
	background: #d8d7dc;
	border-radius: 6px;
	margin:0 6px;
}
.nav-dot span.active {
	background: #56d2c2;
}
.chk-area #stepTit {
	display: none;
}
.chk-area .btn-area {
	display: flex;
	justify-content: center;
}
.chk-area .btn-area > div {
	width:105px;
	margin:0 1em;
}
.chk-area .btn-area > div .btn_new {
	width:100px;
	height:100px;
	border-radius: 50px;
	color:#FFF;
	line-height: 100px;
	text-align: center;
	display: block;
	font-size:25px;
	font-weight:600;
	border:none;
}
.chk-area .btn-area > div .btn_new:hover {
	text-decoration: none;
}
.chk-area .btn-area > div .btn_new.btn_navyblue {
	background: #1ca8cc;
}
.chk-area .btn-area > div .btn_new.btn_red_2 {
	background: #fe6d6d;
}
.popup .popup-cont h5 {
	font-size:1em;
}
.popup .popup-cont p {
	font-size:0.85em;
}
.chk-area .disp-text #btnManual {
	margin:1em auto;
	text-align: center;
	}
.chk-area .disp-text #btnManual .btn {
		font-size:0.8em;
		height:26px;
	padding:00 1em;
		line-height: 26px;
	}
#deal-cont {
	display: none;
	margin:1em auto 0;
}
#deal-cont.is-show {
	display: block;
}

@media (min-width: 576px) {
	.sect-inner {
		margin:0 auto;
		width: 70%;
	}
	.time-box {
		font-size:1.5em;
		margin:0 auto;
		width: 56%;
		height:2.0em;
	}
	.time-box p{
		line-height: calc(2.0em - 2px);
	}
	.mainte-menu-list ul {
		border:1px solid #cdcdcd;
		border-radius: 8px;
	}
	.mainte-menu-list ul > li:nth-of-type(1){
		border-top:none;
	}
	.mainte-menu-list ul > li:last-child{
		border-bottom:none;
	}

	.cont-button-area {
		padding:0;
		flex-flow: row;
		justify-content:center;	
	}

	.p-mainte .cont-button-area {
		padding:0;
	}

	.harf-button.cont-button-area {
		justify-content:space-between;
	}
	.cont-button-area .btn {		
		margin:1em auto 0;
		width:100%;
	}
	.harf-button.cont-button-area .btn {
		width:calc(50% - 1em);
		margin:1em 0 0;
	}

	.regist-list-table td {
		padding:4px;
	}
	.regist-list-table thead td {
		padding:4px;
		/* white-space: nowrap; */
	}
	.regist-list-table thead .no, .regist-list-table thead .class{
		width:3em;
	}
	.regist-list-table thead .menu {
		width:7em;
	}

	.regist-list-table tbody td {
		border-bottom:1px solid #cdcdcd;
		font-size:0.8em;
		/* white-space: nowrap; */
	}
	.regist-list-table tbody td.check {
		font-size:0.75em;
	}
	.toggle-button-box label {
	font-size: calc(100vw / 576 * 12);
	}
	.ul_flex {
		white-space: nowrap;

	}
}

}
@media (min-width: 769px) {
	.time-box {
		margin:0 auto;
		width: 43%;
	}
	.sect-inner{
		margin:0 auto;
		width: 60%;
	}
	.cont-button-area .btn {	
		font-size:1.0em;
	}


}
@media (min-width: 1025px) {
	.sect-inner {
		margin:0 auto;
		width: 100%;
		/* max-width:1000px; */
	}
	.time-box {
		width:400px;
		height:54px;
		font-size: 1.1em;
	}
	.time-box p {
		line-height: 50px;
		font-size: 1.5em;
	}
	
	.tit-mainte {
		background: url("/custom_assets/images/common/icon_func.png") left center no-repeat;
		background-size: auto 100%;
    	padding-left: 1.5em;
	}
	.cont-button-area.prev-next {
	float: right;
	position:relative;
	margin:calc(-32px - 1em) 0 0 0;
}

	.cont-button-area .btn {
		max-width:360px;
	}
	.mainte-regist .d-flex {
      flex-flow: column-reverse;
  }
	.search-box {
		margin:1em 0 0;
	}
	
	.search-box dt {
		font-size: 0.9em;
	}
	.search-box dd {
		width: 50%;
	}
	
	.harf-button.cont-button-area {
		justify-content:center;
	}
	.harf-button.cont-button-area .btn {		
		margin:1em 0.5em 0;
	}
	.toggle-button-box {
		height: 52px;
		
	}
	.toggle-button-box label {
		line-height: 50px;
		font-size:1.1em;
	}
	.regist-list-table td {
		padding:10px;
	}
	.regist-list-table thead td {
		padding:5px 10px;
		/* white-space: nowrap; */
	}
	.regist-list-table thead .no {
		width:3em;
	}
	.regist-list-table thead .menu {
		width:8em;
	}
	.regist-list-table thead .edit {
		width:9em;
	}

	.regist-list-table tbody td.check {
		font-size:0.9em;
	}
	.control-reco-table.x-small tbody td {
		padding:8px;
		font-size:0.6em;
		text-align: center;
	} 
	.control-reco-table.x-small thead td {
		padding:8px;
		font-size:0.6em;
		text-align: left;
	}
	.control-reco-table.x-small thead td.name {
		white-space: nowrap;
		width:10em;
		text-align: center;
	}
	.control-reco-table.x-small td.date-noboder {
		width:3em;
		white-space: nowrap;
	}
	.control-reco-table.x-small thead td.chk{
		width:19em ;

	}
	.control-reco-table.x-small thead td.note{
		width:auto;
	}
	.control-reco-table.x-small tbody td.cop-contents-area p {
		text-align: left;
	}
	.control-reco-table.x-small tbody td.result-area {
		white-space: nowrap;
	}
	.control-reco-table.x-small tbody td label {
		margin:0 0.25em;
		padding:2px;
	}
	.control-reco-table.x-small tbody td.result-area > label:nth-of-type(1).active{
		border:2px solid #1ca8cc;
		border-radius: 2em;
		line-height: 1;
	}
	.control-reco-table.x-small tbody td.result-area > label:nth-of-type(2).active{
		border:2px solid #fe6d6d;
		border-radius: 2em;
		line-height: 1;
	}
	.control-reco-table.control-important.x-small thead td.chk, .control-reco-table.control-important.x-small thead td.name {
		width:12%;
	}
	.temp-reco-table tbody .temp {
		width:28%;
		padding:0 calc((25% - 5.0em) / 2);
		text-align: right;
		box-sizing: border-box;
	}
	.temp-reco-table thead .temp1, .temp-reco-table thead .temp {
		width:25%;
	}
	.temp-reco-table tbody .temp1{
		text-align: left;
	}
	.btn-del,.btn-upd {
		display: inline-block;
	}
		.btn-del {
		color:#fe6d6d;
		margin-left:1em;
	}
	#BUNRUI, #MENU_CONTENT, #MAKER_CD, #MACHINE_TYPE, #SEL_USER_CD {
		width:40%;
	}
	input[type="month"], input[type="date"] {
		width:30%;
		display: inline-block;
	}
	.date-input-box dd span {
		display: inline-block;
		padding:0 0.5em;
		transform: rotate(0);
	}
	.toggle-button-flex {
		display:flex;
		justify-content:flex-start;
	}
	.tri-button .toggle-button-box {
		max-width:150px;
		margin-right:1rem;
	}
	.chk-area .inner {
		border:2px solid #cdcdcd;
		border-radius: 8px;
		padding:1em 1.55em;
	}
	.chk-area .disp-text {
		position:relative;
	}
	.chk-area #stepTit {
	display:block;
}
	.chk-area .disp-text .chk-text-area h6 {
		padding: 0.8em;
		margin:0;
	}
	.chk-area .disp-text #btnManual {
		position:absolute;
		right:0.5em;
		top:0.5em;
		margin:0;
	}
	.chk-area .disp-text #btnManual .btn {
		font-size:0.8em;
		padding:0 1em;
		height:25px;
		line-height: 25px;
	}
	
}