@charset "utf-8";

/*共通*/

.bold { font-weight: bold; }

.inline { display: inline-block; }
.none { display: none; }

.v_hidden { visibility: hidden; }


#header {
	width: 100%;
	background-color: #fff;
}

.swb {style="word-break: break-all;"}

.h2, h2 { font-size: 1.7em; }

.h1,h1{margin-top:30px;margin-bottom:10px}
.h2,.h3,h2,h3{margin-top:20px;margin-bottom:20px}

a { text-decoration: none; }
a:link { text-decoration: none; }
a:visitied { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

table thead th {

}

table th, table td { overflow: hidden; }

.table > tbody > tr > td.p0 { padding: 0; }

.table-striped_yellow>tbody>tr:nth-of-type(odd){ background-color: #fcf8e3; }
.table-striped_grey>tbody>tr:nth-of-type(odd){ background-color: #f3f3f3; }

.modal .modal-header {
	border-bottom: none;
	overflow: hidden;
}

.f_box { overflow: hidden; }

/*透明ボタン（.btn-transparent）*/
.btn-transparent{color:#333;background-color:transparent;border-color:#ccc}
.btn-transparent.active,.btn-transparent.focus,.btn-transparent:active,.btn-transparent:focus,.btn-transparent:hover,.open>.dropdown-toggle.btn-transparent{color:#fff;background-color: #3ac1da;border-color:#ccc}
.btn-transparent.active,.btn-transparent:active,.open>.dropdown-toggle.btn-transparent{background-image:none}
.btn-transparent.disabled,.btn-transparent.disabled.active,.btn-transparent.disabled.focus,.btn-transparent.disabled:active,.btn-transparent.disabled:focus,.btn-transparent.disabled:hover,.btn-transparent[disabled],.btn-transparent[disabled].active,.btn-transparent[disabled].focus,.btn-transparent[disabled]:active,.btn-transparent[disabled]:focus,.btn-transparent[disabled]:hover,fieldset[disabled] .btn-transparent,fieldset[disabled] .btn-transparent.active,fieldset[disabled] .btn-transparent.focus,fieldset[disabled] .btn-transparent:active,fieldset[disabled] .btn-transparent:focus,fieldset[disabled] .btn-transparent:hover{background-color:transparent;border-color:#ccc}

/*青緑色ボタン（.btn-emerald）*/
.btn-emerald {color:#FFF;background-color: #3ac1da;border-color: #4CC1C3;}
.btn-emerald.active,.btn-emerald.focus,.btn-emerald:active,.btn-emerald:focus,.btn-emerald:hover,.open>.dropdown-toggle.btn-emerald{color:#fff;background-color: #2093a8;border-color: #1c8092}
.btn-emerald.active,.btn-emerald:active,.open>.dropdown-toggle.btn-emerald{background-image:none}
.btn-emerald.disabled,.btn-emerald.disabled.active,.btn-emerald.disabled.focus,.btn-emerald.disabled:active,.btn-emerald.disabled:focus,.btn-emerald.disabled:hover,.btn-emerald[disabled],.btn-emerald[disabled].active,.btn-emerald[disabled].focus,.btn-emerald[disabled]:active,.btn-emerald[disabled]:focus,.btn-emerald[disabled]:hover,fieldset[disabled] .btn-emerald,fieldset[disabled] .btn-emerald.active,fieldset[disabled] .btn-emerald.focus,fieldset[disabled] .btn-emerald:active,fieldset[disabled] .btn-emerald:focus,fieldset[disabled] .btn-emerald:hover{background-color:#3ac1da;border-color:#4CC1C3}
.btn-emerald .badge{color:#3ac1da;background-color:#fff}

/*灰色ボタン（.btn-gray）*/
.btn-gray{color:#333;background-color:#f6f6f6;border-color:#ccc}
.btn-gray.active,.btn-gray.focus,.btn-gray:active,.btn-gray:focus,.btn-gray:hover,.open>.dropdown-toggle.btn-gray{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-gray.active,.btn-gray:active,.open>.dropdown-toggle.btn-gray{background-image:none}
.btn-gray.disabled,.btn-gray.disabled.active,.btn-gray.disabled.focus,.btn-gray.disabled:active,.btn-gray.disabled:focus,.btn-gray.disabled:hover,.btn-gray[disabled],.btn-gray[disabled].active,.btn-gray[disabled].focus,.btn-gray[disabled]:active,.btn-gray[disabled]:focus,.btn-gray[disabled]:hover,fieldset[disabled] .btn-gray,fieldset[disabled] .btn-gray.active,fieldset[disabled] .btn-gray.focus,fieldset[disabled] .btn-gray:active,fieldset[disabled] .btn-gray:focus,fieldset[disabled] .btn-gray:hover{background-color:#f6f6f6;border-color:#ccc}
.btn-gray .badge{color:#f6f6f6;background-color:#333}

/*白ボタン（.btn-white）*/
.btn-white{color:#333;background-color:#fff;border-color:#ccc}
.btn-white.active,.btn-white.focus,.btn-white:active,.btn-white:focus,.btn-white:hover,.open>.dropdown-toggle.btn-white{color:#fff;background-color: #3ac1da;border-color:#ccc}
.btn-white.active,.btn-white:active,.open>.dropdown-toggle.btn-white{background-image:none}

.btn-white.disabled,
.btn-white.disabled.focus,
.btn-white.disabled:focus,
.btn-white[disabled],
.btn-white[disabled].focus,
.btn-white[disabled]:focus,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white,
fieldset[disabled] .btn-white.focus,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:hover{
	background-color:#fff;
	border-color:#ccc;
}

.btn-white.disabled.active,
.btn-white.disabled:active,
.btn-white[disabled].active,
.btn-white[disabled]:active,
fieldset[disabled] .btn-white.active,
fieldset[disabled] .btn-white:active {
	background-color:#74999f;
	border-color:#ccc;
	color:#fff;
}



.page_no .btn {
	padding-left: 6px;
	padding-right: 6px;
}

/*ボタングループのzindex*/
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover{
	z-index:1;
}

/*メニューボタン（.nav-pills_n）*/
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}
.nav-pills>li{float:left}
.nav-pills>li>a{border-radius:4px; color: #22AAAC;}
.nav-pills>li+li{margin-left:2px}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#3ac1da}
.nav-pills>.active>a>.badge{color:#22AAAC;background-color:#fff}
.nav-pills>li>a>.badge{margin-left:3px}

/*青緑色パネル（.panel-emerald）*/
.panel-emerald{
	border-color:#d0f0f6;
	-webkit-box-shadow:0px 2px 12px -1px rgba(0,0,0,.15);
	box-shadow:0px 2px 12px -1px rgba(0,0,0,.15);
}
.panel-emerald>.panel-heading{color:#fff;background-color:#3ac1da;border-color:#3ac1da}
.panel-emerald>.panel-heading+.panel-collapse>.panel-body{border-top-color:#3ac1da}
.panel-emerald>.panel-heading .badge{color:#3ac1da;background-color:#fff}
.panel-emerald>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#3ac1da}

/*黄色パネル（.panel-yellow）*/
.panel-yellow{
	border-color: #f6ef7a;
	-webkit-box-shadow:0px 2px 12px -1px rgba(0,0,0,.15);
	box-shadow:0px 2px 12px -1px rgba(0,0,0,.15);
}
.panel-yellow>.panel-heading{color:#fff;background-color:#f6d628;border-color:#f6d628}
.panel-yellow>.panel-heading+.panel-collapse>.panel-body{border-top-color:#f6d628}
.panel-yellow>.panel-heading .badge{color:#f6d628;background-color:#fff}
.panel-yellow>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#f6d628}

/*青緑色パネル（.panel-grey）*/
.panel-grey{
	border-color: #dddcdf;
	-webkit-box-shadow:0px 2px 12px -1px rgba(0,0,0,.15);
	box-shadow:0px 2px 12px -1px rgba(0,0,0,.15);
}
.panel-grey>.panel-heading{color:#fff;background-color:#dddcdf;border-color:#dddcdf}
.panel-grey>.panel-heading+.panel-collapse>.panel-body{border-top-color:#dddcdf}
.panel-grey>.panel-heading .badge{color:#dddcdf;background-color:#fff}
.panel-grey>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#dddcdf}

/*レスポンシブ*/

@media (max-width: 767px) {
	
	.none-767 { display: none; }
	
	table.index .btn {
		display: block;
		width: 100%;
		margin: 4px 0;
	}
	table.index .btn.checkmenu { width: auto; }
	
}

@media (max-width: 480px) {
	
	.none-480 { display: none; }
	
	h1, .h1 {
		font-size: 1.5em;
		margin-top: 16px;
		margin-bottom: 0;
	}
	
	h2, .h2 {
		font-size: 1.4em;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	#header img {
		/*width: 120px; height: auto; */
	}
	
	.btn.menu {
		width: 100%;
	}
	
}

/* テンプレート_admin */

#header .admin {
	width: 100%;
	margin: 0;
	padding: 0 16px;
	overflow: hidden;
}


.mainNav { 
	height: 61px;
	padding-top: 10px;
}

.alert{
	padding:15px;
    margin-bottom:8px;
	border-style: solid;
	border-width: 1px;
	border-radius:4px;
	position: relative;
}
.alert > .alert-del-button{
	position: absolute;
	width:16px;
	height:16px;
	right:2px;
	top:2px;
	font-size:16px;
}
.alert > .alert-del-button:hover{
	font-weight: bold;
}
.alert.alert-success > .alert-del-button{
	color:#3c763d;
}
.alert.alert-warning > .alert-del-button{
	color:#8a6d3b;
}
.alert.alert-danger > .alert-del-button{
	color:#a94442;
}
.alert.alert-info > .alert-del-button{
	color:#31708f;
}

@media (max-width: 767px) {
	
	.mainNav {
		width: 100%;
		height: auto;
		padding-top: 16px;
	}
	
	.mainNav li {
		width: 50%;
	}
	.mainNav>li+li {
		margin-left: 0;
	}
	
	.mainNav li a { text-align: center; }
	
}

/* テンプレート_user */

#header .user {
	width:auto;
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 16px;
	overflow: hidden;
}

#wrapper_user {
	width: auto;
	max-width: 980px;
	margin: 16px auto;
	padding: 16px;
	background-color: #fff;
	-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

/*ログイン画面*/

#wrapper_login {
	width: auto;
	max-width: 500px;
	margin: 50px auto;
	padding: 30px;
	background-color: #fff;
	-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

@media (max-width: 480px) {
	
	#wrapper_login img {
		width: 80%;
		max-width: 280px;
		height: auto;	
	}
}

/*現在のステータスのページ*/

.btn.check_new {
	width: 280px;
	padding-top: 12px;
}

.btn.check_new .icon {
	display: inline-block;
	font-size: 1.5em;
	width: auto;
	vertical-align: middle;
	margin-right: 5px;
}

.btn.check_new .icon_r {
	display: inline-block;
	vertical-align: middle;
}

table.status_table th.day { min-width: 79px; }

table.status_table .btn { margin: 0 2px; }

@media (min-width: 481px) {
	
	.modal_s .modal-dialog {
		width: 400px;
		margin: 30px auto;
	}
	
}

@media (max-width: 767px) {
	
	#header .status h1 { width: 100%; }
	
	table.status_table .stress_h {
		display: none;
    }
	
}

@media (max-width: 480px) {
	
	.btn.check_new {
		font-size: 16px;
		padding: 6px 12px;
	}
	
	table.status_table .btn {
		margin-left: 0;
		margin-right: 0;
    }
	
}

/*チェックリストのページ*/

/*.question_no {*/
	/*display: inline-block;*/
	/*float: left;*/
	/*margin: 0 8px 4px 0;*/
	/*width: 38px;*/
	/*height: 38px;*/
	/*line-height: 38px;*/
	/*text-align: center;*/
	/*background-color: #B7DFB7;*/
	/*-webkit-border-radius: 19px;*/
    /*-moz-border-radius: 19px;*/
    /*border-radius: 19px;*/
	/*font-size: 1.8rem;*/
/*}*/

table.checklist .no_box {
	display: block;
	float: left;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background-color: #5cb85c;
	color: #fff;
	text-align: center;
	margin:2px 0;
}

table.checklist .item {
	display: block;
	float: left;
	width: calc( 100% - 35px );
	line-height: 35px;
	padding-left: 4px;
}

table.checklist .check_no {
	overflow: hidden;
	margin: 4px 0;
}

table.checklist .check_lr {
	display: inline-block;
	float: left;
	font-size: small;
	height: 46px;
	text-align: center;
	padding: 0 4px;
}

table.checklist .check_lr.line1 {
	line-height: 46px;
}
table.checklist .check_lr.line2 {
	line-height: 23px;
}

.detail_text{
	font-weight: bold;
}

.page_btn { text-align: right; }

@media (max-width: 767px) {
	
    table.checklist th,
	table.checklist td {
		display: block;
		width: 100%;
    }
	.detail_text{
		display: block;
		padding:16px 16px 16px 40px !important;

	}
	
}

@media (max-width: 480px) {
	
	table.checklist .check_lr {
		display: none;
    }
	
	.page_btn .btn_block {
		margin: 5px 0;
		width: 100%;
	}
	
	.page_btn .btn_block .btn {
		width: 100%;
	}
	
}

/*一覧ページ*/

table.search_box .title, table.search_box input, table.search_box select { display: inline-block; }

table.search_box .title {
	width: 120px;
	padding: 6px 12px;
	border-right: #3ac1da 3px solid; 
	margin-right: 5px;
}

table.import_box .title {
	display: block;
	width: 100%;
	padding: 6px 12px;
	border-right: none;
	border-bottom: #3ac1da 3px solid; 
	margin-right: 0;
	margin-bottom: 4px;
}
table.import_box td {
	display: block;
	width: 100%;
}

@media (max-width: 767px) {
	
	table.search_box td {
		display: block;
		width: 100%;
    }
	
}

@media (max-width: 480px) {
	
	table.search_box .title {
		width: 100%;
		padding: 6px 12px;
		border-right: none;
		border-bottom: #3ac1da 3px solid; 
		margin-right: 0;
		margin-bottom: 4px;
	}
	
	table.import_box input {
		width: 100%;
	}
	
}

/*登録ページ*/


table.edit {
	height: 100%;
}

table.edit th {
	height: 100%;
	width : 170px;
	/*background-color: #000000;*/
}

table.edit .title {
	height: 100%;
	width: 170px;
    font-weight: normal;
	padding: 10px 6px;
	border-right: #5cb85c 3px solid;
	margin-right: 2px;
}

table.edit td { 
    padding-top:3px;
	vertical-align:top !important;
}

table.edit .title.required {
	position: relative;
	padding-right: 45px;
}

.required:before {
	top:10;
	font-size:11px;
}

/* 編集用テーブル start */

@media (max-width: 768px) {
	table.edit .title {
		width: 100%;
		padding: 6px 12px;
		border-right: none;
		border-bottom: #5cb85c 3px solid; 
	}
	.table.edit,
	.table.edit tbody,
	.table.edit tr,
	.table.edit th,
	.table.edit td {
		display: block;
	}
	table.edit tr th {
		width: 100%;
		text-align: left;
		border: none;
	}
	table.edit tr td {
		border-top: none;
		border-right: none;
		border-left: none;
		width: 100%;
		text-align: left;
	}
}

/*実施者紐づけページ*/

.table.conn > tbody > tr > td { vertical-align: top; }

.table.busyo {
	margin-bottom: 0;
}

.table.busyo > tbody > tr > td {
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #ddd;
}
.table.busyo > tbody > tr:last-child > td { border-bottom: none; }

.jisshisya {
	width: 100%;
	display: inline-block;
	padding: 6px 12px;
	color: #555;
	background-color: #fff;
	border: 2px solid #faebcc;
	border-radius: 4px;
}

.jisshisya.yet { background-color: #fcf8e3; }

.jisshisya .done {
	display: inline-block;
	padding: 6px 12px;
}

@media (max-width: 767px) {
	
	.jisshisya .done {
		display: block;
		width: 100%;
	}
	
}

/*担当当事者一覧ページ*/

.check_toujisya .btn {
	width: 30px;
	padding-left: 6px;
	padding-right: 6px;
}

@media (min-width: 768px) {
	
	th.checkmenu {
		width: 170px;
	}
	
}

@media (max-width: 767px) {
	
	table.index .check_toujisya .btn {
		width: 30px;
		display: inline-block;
	}
	
	table.index .btn.checkmenu {
		width: 30px;
		display: inline-block;
		padding-left: 6px;
		padding-right: 6px;
	}
	
}

/*担当当事者詳細ページ*/

table.joutai { width: 420px; }

table.joutai .title, table.joutai select { display: inline-block; }

table.joutai .title {
	width: 100px;
	padding: 6px 12px;
	border-right: #3ac1da 3px solid; 
	margin-right: 5px;
}

@media (max-width: 480px) {
	
	table.joutai { width: 100%; }
	
	table.joutai .title {
		width: 100%;
		padding: 6px 12px;
		border-right: none;
		border-bottom: #3ac1da 3px solid; 
		margin-right: 0;
		margin-bottom: 4px;
	}
	
	table.joutai select { width: 170px; }
	
}

.item_hr {
	border: 1px solid #888;
}

.nyuukou-display {
	color: #333;
	background-color: #fff;
	border: solid 2px #333;
	width: 100px;
	padding: 2px 4px 2px 4px;
	margin: 40px 40px 40px 40px;
	text-align: center;
}

.m-auto {
	margin: auto !important;
}

.nyuukou-display2 {
	color: #333;
	background-color: #fff;
	border: solid 2px #333;
	width: 100px;
	padding: 2px 4px 2px 4px;
	margin-bottom: 60px !important;
	text-align: center;
}

.overflow-auto {
	overflow:auto;
}

.maru-button-edit2 {
	width: 60px !important;
	padding: 0.1em 0.1em !important;
	border: 2px solid #85e9be;
	border-radius: 0.5rem;
}

.word-wrap {
	word-break:break-all;
	word-wrap: break-word;
	overflow-wrap: break-word;
}