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


/* common
-----------------------------------------*/
.hide	{display:none;}
.hiden	{display:none !important;}
.in-visible{display: none;}
.bold	{font-weight:bold;}
.block	{display:block;}
.lt		{float:left;}
.rt		{float:right;}
.tlt	{text-align:left !important;}
.trt	{text-align:right !important;}
.tct	{text-align:center !important;}
.vam 	{vertical-align: middle !important;}
.vat 	{vertical-align: top !important;}
.clr	{clear:both;}
.auto	{margin-left:auto; margin-right:auto}
.hdn	{overflow:hidden}
.ofa	{overflow:auto;}
.black	{color:#000;}
.white	{color:#fff;}
.red	{color:#ff0000}
.gray	{color:#666;}
.bg-light-gray {background-color:#f5f5f5 !important;}
.normal	{font-weight:normal}
.pointer	{cursor:pointer;}
.underline {
	text-decoration: underline;
}

.lh10	{line-height:10px;}
.lh20	{line-height:20px;}
.lh30	{line-height:30px;}
.lh40	{line-height:40px;}
.lh50	{line-height:50px;}

.lhe10	{line-height:1em;}
.lhe11	{line-height:1.1em;}
.lhe12	{line-height:1.2em;}
.lhe13	{line-height:1.3em;}
.lhe14	{line-height:1.4em;}
.lhe15	{line-height:1.5em;}
.lhe16	{line-height:1.6em;}
.lhe17	{line-height:1.7em;}
.lhe18	{line-height:1.8em;}

.let01	{letter-spacing:-0.1em;}
.let02	{letter-spacing:-0.2em;}

.m0 	{margin:0;}
.m5		{margin:5px;}
.m10	{margin:10px;}
.m20	{margin:20px;}
.m30	{margin:30px;}
.m40	{margin:40px;}
.m50	{margin:50px;}
.mt5	{margin-top:5px;}
.mt6	{margin-top:6px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt30	{margin-top:30px;}
.mt40	{margin-top:40px;}
.mt50	{margin-top:50px;}
.mt100	{margin-top:100px;}
.mr5	{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}
.mr30	{margin-right:30px;}
.mr40	{margin-right:40px;}
.mr50	{margin-right:50px;}
.mr100	{margin-right:100px;}
.mb5	{margin-bottom:5px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20	{margin-bottom:20px;}
.mb30	{margin-bottom:30px;}
.mb40	{margin-bottom:40px;}
.mb50	{margin-bottom:50px;}
.mb100	{margin-bottom:100px;}
.ml5	{margin-left:5px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml30	{margin-left:30px;}
.ml40	{margin-left:40px;}
.ml50	{margin-left:50px;}
.ml100	{margin-left:100px;}
.ml115	{margin-left:115px;}

.p0 	{padding:0 !important;}
.p5		{padding:5px;}
.p6		{padding:6px !important;}
.p10	{padding:10px;}
.p20	{padding:20px;}
.p30	{padding:30px;}
.p40	{padding:40px;}
.p50	{padding:50px;}
.pt5	{padding-top:5px;}
.pt6	{padding-top:6px;}
.pt10	{padding-top:10px;}
.pt15	{padding-top:15px;}
.pt20	{padding-top:20px;}
.pt30	{padding-top:30px;}
.pt40	{padding-top:40px;}
.pt50	{padding-top:50px;}
.pr5	{padding-right:5px;}
.pr10	{padding-right:10px;}
.pr20	{padding-right:20px;}
.pr30	{padding-right:30px;}
.pr40	{padding-right:40px;}
.pr50	{padding-right:50px;}
.pb5	{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb20	{padding-bottom:20px;}
.pb30	{padding-bottom:30px;}
.pb40	{padding-bottom:40px;}
.pb50	{padding-bottom:50px;}
.pl5	{padding-left:5px;}
.pl10	{padding-left:10px;}
.pl20	{padding-left:20px;}
.pl30	{padding-left:30px;}
.pl40	{padding-left:40px;}
.pl45	{padding-left:45px;}
.pl50	{padding-left:50px;}


.fs-5	{font-size:var(--fs-5);}
.fs-6	{font-size:var(--fs-6);}
.fs-7	{font-size:var(--fs-7);}
.fs-8	{font-size:var(--fs-8);}
.fs-9	{font-size:var(--fs-9);}




.he10	{height:10px;}
.he20	{height:20px;}
.he30	{height:30px;}
.he40	{height:40px;}

.h50	{height:50px;}
.h100	{height:100px;}
.h150	{height:150px;}
.h200	{height:200px;}
.h250	{height:250px;}
.h300	{height:300px;}
.h350	{height:350px;}
.h400	{height:400px;}
.h450	{height:450px;}
.h500	{height:500px;}

.border-t	{border-top: 1px solid #404040 !important;}
.border-b	{border-bottom: 1px solid #404040 !important;}
.border-l	{border-left: 1px solid #404040 !important;}
.border-r	{border-right: 1px solid #404040 !important;}
.bt-none {border-top:none !important;}
.bl-none {border-left:none !important;}
.br-none {border-right:none !important;}

:root {
	/* font-size pt -> px は ptに1.33掛けた値がpx　そこにフォント特有のサイズを加える */
	--fs-35: calc(2.1 * 35px);
	--fs-34: calc(2.1 * 34px);
	--fs-33: calc(2.1 * 33px);
	--fs-32: calc(2.1 * 32px);
	--fs-31: calc(2.1 * 31px);
	--fs-30: calc(2.1 * 30px);
	--fs-29: calc(2.1 * 29px);
	--fs-28: calc(2.1 * 28px);
	--fs-27: calc(2.1 * 27px);
	--fs-26: calc(2.1 * 26px);
	--fs-25: calc(2.1 * 25px);
	--fs-24: calc(2.1 * 24px);
	--fs-23: calc(2.1 * 23px);
	--fs-22: calc(2.1 * 22px);
	--fs-21: calc(2.1 * 21px);
	--fs-20: calc(2.1 * 20px);
	--fs-19: calc(2.1 * 19px);
	--fs-18: calc(2.1 * 18px);
	--fs-17: calc(2.1 * 17px);
	--fs-16: calc(2.1 * 16px);
	--fs-15: calc(2.1 * 15px);
	--fs-14: calc(2.1 * 14px);
	--fs-13: calc(2.1 * 13px);
	--fs-12: calc(2.1 * 12px);
	--fs-11: calc(2.1 * 11px);
	--fs-10: calc(2.1 * 10px);
	--fs-9:  calc(2.1 * 9px);
	--fs-8:  calc(2.1 * 8px);
	--fs-7:  calc(2.1 * 7px);
	--fs-6:  calc(2.1 * 6px);
	--fs-5:  calc(2.1 * 5px);
}



html,
body {
	height: 100%;
}
body {
	font-family: "Verdana","Arial","Helvetica Neue","Helvetica",Meiryo, "メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","sans-serif";
    color: #282828;
    min-width: 1680px;
}
#wrap {
	min-height: 100%;
	height: auto;
	margin: 0 auto -30px;
	padding: 0 0 30px;
}
form {
    margin-bottom: 0;
}
.hide {
	display: none;
}
.inner {
	padding: 10px 45px;
	border-bottom: 1px solid #404040;
}
.inner:last-child {
	border-bottom: none;
}
.inner-narrow {
	padding: 15px 0;
	border-bottom: 1px solid #404040;
}
.inner-narrow:last-child {
	border-bottom: none;
}
.caption {
	font-size: 0.8em;
}
.tid {
	text-indent:-1em;
	padding-left:1em
}
.small {
	font-size: 0.8em;
}

.flex {
	display: flex !important;
}

.justify-between {
	justify-content: space-between;
}
.justify-center {
	justify-content: center;
}
.justify-end {
	justify-content: flex-end;
}

.align-center {
	align-items: center;
}
.flex-1 {
    flex: 1;
}
.hidden {
    display: none !important;
}



/* bootstrap style
-----------------------------------------*/
.container-fluid {
    padding-right: 45px;
    padding-left: 45px;
    margin-right: auto;
    margin-left: auto;
}
.btn {
    font-size: var(--fs-5) !important;
    transition: 0s;
}
.btn:disabled {
    
}

/* .btn.add-submit {
    font-size: var(--fs-7) !important;
} */
.btn-default {
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:      -o-linear-gradient(top, #fff 0%, #eee 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background-image:         linear-gradient(to bottom, #fff 0%, #eee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeee', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #eee;
  background-position: 0 -15px;
  background-image: none;
  transition: 0s;
}
.btn-default:active,
.btn-default.active {
  background-color: #eee;
  border-color: #dbdbdb;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #eee;
  background-image: none;
  pointer-events: none;
}
.btn-default.full {
	display: block;
	width: 100%;
	font-size: 1.4em;
	margin-top: 20px;
	padding: 15px 0;
}
.popover {
	background-color: #d9534f;
}
.popover .popover-content {
	font-family: "Verdana","Arial","Helvetica Neue","Helvetica",Meiryo, "メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","sans-serif";
	background-color: #d9534f;
	color: #fff;
}
.popover.top > .arrow:after {
	border-top-color: #d9534f;
}
.lead-text p {
	margin-bottom: 0;
	font-size: var(--fs-6);
}
.border-none {
	border: none !important;
}

/* グローバルナビボタン */
.btn-gNav {
    font-size: var(--fs-6) !important;
    font-weight: bold;
    border-radius: 0;
}



/* エメラルドグリーンボタン */
.btn-info {
    background-color: #00B6D1 !important;
	border-color: #00B6D1 !important;
    color: #fff !important;
	box-shadow: none !important;
}
.btn-info:hover {
    color: #fff;
    background-color: #269abc !important;
    border-color: #1b6d85 !important;
}
.btn-info:disabled {
    background-color: #C5E8F3 !important;
	border-color: #C5E8F3 !important;
    color: #fff !important;
	box-shadow: none !important;
	pointer-events: none !important;
    opacity: 1 !important;
}

/* 深赤色ボタン */
.btn-deep_red {
	background-color: #781C1A  !important;
	border-color: #781C1A !important;
	color: #fff !important;
	box-shadow: none !important;
}
.btn-deep_red:hover {
	background-color: #9e1c19 !important;
}
.btn-deep_red:disabled {
	background-color: #F2C5C4 !important;
	border-color: #F2C5C4 !important;
	color: #fff !important;
	box-shadow: none !important;
	pointer-events: none !important;
    opacity: 1;
}

/* 深青色ボタン */
.btn-deep_blue {
	background-color: #23557F !important;
	border-color: #23557F !important;
    color: #fff !important;
	box-shadow: none !important;
}
.btn-deep_blue:hover {
	background-color: #286090 !important;
	color: #fff !important;
}
.btn-deep_blue:disabled {
	background-color: #A9C7E6 !important;
	border-color: #A9C7E6 !important;
	box-shadow: none !important;
	pointer-events: none !important;
}

/* 緑線背景白ボタン */
.btn-border_green {
	background-color: #fff !important;
	border-color: #00B6D1 !important;
    color: #00B6D1 !important;
	box-shadow: none !important;

}
.btn-border_green:hover {
	background-color: #efefef !important;
}
.btn-border_green:disabled {
	background-color: #C5E8F3 !important;
	border-color: #C5E8F3 !important;
    color: #fff !important;
	box-shadow: none !important;
	pointer-events: none !important;
    opacity: 1 !important;
}

/* 薄いグレーボタン */
.btn-lightgray {
    text-decoration: underline !important;
    background-color: #E1E1E1 !important;
    border: 1px solid #282828 !important;
    color: #282828 !important;
}

.btn-lightgray:hover {
    text-decoration: underline !important;
    background-color: #bbb !important;
    border: 1px solid #282828 !important;
}



/* 順番 昇順降順ボタン */
.btn-changenumber {
	padding: 10px;
	background-color: #337AB7;
	border-color: #337AB7;
	position: relative;
}
.btn-changenumber:active {
	background-color: #337AB7;
	border-color: #337AB7;
}
.btn-changenumber.up::before,
.btn-changenumber.down::before {
	content: '';
	display: inline-block;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.btn-changenumber.up::before {
  	border-bottom: 8px solid #fff;
	top: 47%;
}

.btn-changenumber.down::before {
	border-top: 8px solid #fff;
}
.btn-changenumber.disabled {
    opacity: .65;
    pointer-events: none;
    background-color: #337AB7 !important;
    border-color: #337AB7 !important;
}
.btn-changenumber:hover {
    opacity: .65;
    background-color: #337AB7 !important;
    border-color: #337AB7 !important;
}

/* コピーボタン */
.copy-btn {
	display: inline-block;
	border: 1px solid #29A6CD;
	color: #fff;
	padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
	background-color: #29A6CD;
	box-shadow: none;
	cursor: pointer;
}
.copy-btn:hover {
	color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
	text-decoration: none;
}

.copy-btn.disabled {
	background-color: #C5E8F3 !important;
	border-color: #C5E8F3 !important;
	box-shadow: none !important;
	pointer-events: none;
}
.copy-btn.active {
	background-color: #29A6CD !important;
	border-color: #29A6CD !important;
	box-shadow: none !important;
	cursor: pointer;
}
.copy-btn.active:hover {
	color: #fff;
    background-color: #269abc !important;
    border-color: #1b6d85 !important;
	text-decoration: none !important;
}
.copy-btn.active:focus {
	color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
	text-decoration: none;
}
.copy-hidden-text {
	display: none;
}
.copy-text-wrap {
	position: relative;
}
.copy-text-wrap .copy-text {
	position: absolute;
	top: -33px;
	left: -10px;
	font-size: 12px;
	padding: 2px 4px;
	background-color: #fff;
	border: 1px solid #404040;
	width: 120px;
	color: #404040;
	height: 28px;
	text-align: center;
	line-height: 21px;
	display: none;
	font-weight: normal;
}

/* 赤字テキスト */
.danger-text.active {
	color: #781C1A;
}

.danger-text.active,
.danger-date.active {
	color: #781C1A;
}



/* header
-----------------------------------------*/
header {
	background: #00B6D1;
	color: #fff;
	padding: 10px 45px;
    display: flex;
    justify-content: space-between;
}
header h1 {
	overflow: hidden;
	margin: 0;
	font-size: 1em;
	height: 30px;
	line-height: 30px;
}

/* footer
-----------------------------------------*/
footer {
	text-align: right;
}
footer address {
	background: #00B6D1;
    border-top: 1px solid #fff;
	color: #fff;
	height: 30px;
	line-height: 30px;
	font-size: 0.8em;
	padding: 0 10px;
	margin: 0;
}
footer a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	margin-right: 45px;
	text-decoration: underline;
}

/* nav
-----------------------------------------*/
nav.global > table {
	background: #f0f0f0;
	text-align: center;
	width: 100%;
	table-layout: fixed;
}
nav.global > table th,
nav.global > table td {
	height: 30px;
}
nav.global > table th {
	padding: 5px 0;
	text-align: center;
	font-weight: normal;
	border: 1px solid #404040;
	font-size: var(--fs-6);
}
nav.global > table tr:first-child td:first-child {
	width: 6%;
}
nav.global > table td {
	background: #f0f0f0;
	border: 1px solid #282828;
	cursor: pointer;
    padding: 0;
	color: #337ab7;
	line-height: 1.3em;
	text-decoration: underline;
	font-weight: bold;
	font-size: var(--fs-6);
}
nav.global > table td:hover {
	background: #eee;
	text-decoration: none;
}
nav.global > table td.disabled {
	background: #e4e4e4;
	color: #fff;
	cursor: default;
	pointer-events: none;
}
nav.global > table tr:first-child > th:first-child > div,
nav.global > table tr:first-child > th:first-child > a {
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}
nav.global > table tr:first-child > th:first-child,
nav.global > table tr:first-child > th:last-child {
	width: calc(100% / 9);
}

nav.global > table td form {
    height: 100%;
}
nav.global > table button[type=submit] {
    display: flex;
    justify-content: center;
    width: 100%;
    color: #4C6ECC;
    text-decoration: underline;
    height: 100%;
    padding: 7px 0;
    align-items: center;
}
nav.global > table button[type=submit]:hover {
    text-decoration: none;
    background-color: #eee;
}
nav.global > table button[type=submit]:active {
    border: none;
    background-color: #f0f0f0 !important;
}



/* bread
-----------------------------------------*/
nav.bread {

	padding: 10px 45px;
	font-size: var(--fs-6);
    display: flex;
    align-items: center;
    height: 50px;
    background-color: #E1E1E1;
}
nav.bread h2 {
	display: inline-block;
	font-size: 1.0em;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
nav.bread span {
	display: inline-block;
	margin: 0 5px;
	font-weight: bold;
}

nav.bread .nav_link {
	font-weight: bold;
	text-decoration: underline;
    color: #0a58ca;
    font-size: var(--fs-6) !important;
    padding: 0;
}

/* 進捗状況のステータス head部分
-----------------------------------------*/

.headpro-wrapper {
	display: flex;
	align-items: center;
}

.headpro {
	display: flex;
	margin-bottom: 0;
}

.headpro .title {
	background-color: #ccc;
	border: 1px solid #404040;
	width: 250px;
	height: 50px;
	padding: 5px 10px;
	font-size: var(--fs-6);
	display: flex;
	align-items: center;
}

.headpro .text {
	height: 50px;
	width: 155px;
	padding: 5px 10px;
	font-size: var(--fs-6);
	border-top: 1px solid #404040;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
	display: flex;
	align-items: center;
}

.headpro .text.stay,
.headpro .text.stop {
	background-color: #F2C5C4;
}

.headpro .text.complete {
	background-color: #A9C7E6;
}



/* table
-----------------------------------------*/
.direction-block {
	border-left: 6px solid #999;
	padding-left: 15px;
}
table {
	font-size: var(--fs-6);
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border: 1px solid #404040;
}
 .table > thead:first-child > tr:first-child > th {
	border-top: 1px solid #404040 !important;
 }
table.direction th,
table.direction td {
	vertical-align: top;
}
table.direction th {
	font-weight: normal;
}
table.normal {
	width: 100%;
}
table.small {
	font-size: var(--fs-5);
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #F5F5FF;
}
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #F5FFF5;
}
table.normal th {
	font-weight: normal;
	background: #ccc;
	text-align: center;
}
table.normal th {
	border: 1px solid #404040;
	padding: 6px;
    font-size: var(--fs-7);
}
table.normal td {
	word-break: break-all;
	vertical-align: top;
	border: 1px solid #404040;
	padding: 6px;
}
table.normal td.empty {
	border: none;
}
table.normal label {
	font-weight: normal;
}
table.normal .double-left {
	border-left: 3px double #999;
}
table.normal td.status_null {
	background: #ddd;
}
table.normal th.sort-search {
	padding: 5px 10px;
}
.form-control {
	box-shadow: none;
	border: 1px solid #91A7BD;
	border-radius: 0;
    
}
textarea {
	resize: vertical;
}
textarea.form-control {
	height: 135px;
}
textarea.form-control.low-2 {
	height: 54px;
}
table.normal th.sort-search select.form-control {
	padding: 3px 6px;
}
table.table th {
	background-color: #ccc;
}
table.table th,
table.table td {
	text-align: center;
    padding: 6px !important;
}
table.table {
	margin-bottom: 0;
}
table.table td.p0 {
	padding: 0px !important;
}

table.table-col tbody td {
    padding: 10px 20px !important;
	text-align: left;
}

/**
* 詳細画面のテーブル
**/

main table.table-col {
	width: 100%;
	font-size: var(--fs-6);
	margin-bottom: 0;
}
main table.table-col thead th {
	vertical-align: middle;
	height: 25px;
	padding: 5px 20px;
	background-color: #ccc;
}

main table.table-col tbody th {
	background-color: #ccc;
	padding: 10px 20px !important;
	vertical-align: middle;
	width: 250px;
    font-weight: normal;
}

main table.table-col tbody td.last {
	width: 428px;
	background-color: #ccc;
	vertical-align: text-bottom;
}

.change-order form {
	display: inline-block;
}
.bg__caution {
	background-color: #F2C5C4 !important;
}
.bg__danger {
	background-color: #781C1A !important;
    color: #fff;
}
.bg__ok {
	background-color: #A9C7E6;
}

.bg__gray {
	background-color: #CCCCCC !important;
}

.bg_lavender {
    background-color: #F5F5FF;
}

.bg_lightgreen {
    background-color: #F5FFF5;
}

/* h
-----------------------------------------*/
h3 {
	font-size: 1.2em;
	margin-top: 0; 
}
h3:before {
	content: ' ';
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #333;
	margin-right: 5px;
}


/* p
-----------------------------------------*/
p {
	margin: 0;
}


/* modal
-----------------------------------------*/
.modal {
    --bs-modal-width: 600px;
}
.modal .modal-title {
	font-size: 1em;
}
.modal .submit {
	display: inline-block;
	padding: 6px 40px;
}
.modal .modal-body {
	text-align: center;
	padding: 40px 20px;
}
.modal .modal-body h4 {
    line-height: 1.5;
    font-size: var(--fs-12);
    margin-bottom: 0;
    margin-top: 0;
	font-weight: bold;
}
.modal .modal-body h4 + p {
	font-size: var(--fs-10);
}
.modal.in .modal-dialog.modal-dialog-center {
    -webkit-transform: translateY(85%);
	   -moz-transform: translateY(85%);
        -ms-transform: translateY(85%);
         -o-transform: translateY(85%);
            transform: translateY(85%);
}
.modal .caution {
	color: #781C1A;
	font-size: var(--fs-6);
}
.modal .modal-body .password {
	width: 315px;
	margin: 0 auto;
	margin-top: 20px;
}
.modal .modal-body .password input[type=password] {
	font-size: 1.4em;
	height: 50px;
}
@media (min-width: 768px) {
	.modal-content {
		width: 600px;
	}
}
.modal button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.modal .btn.cansel {
    width: 74px !important;
}

/* button
-----------------------------------------*/
.download {
	display: inline-block;
	padding: 0 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	background: rgba(0,176,240,1.0);
	color: #fff;
	border:none;
}
.download:link { 
	color: #fff;
	text-decoration: none;
}
.download:visited { 
	color: #fff;
	text-decoration: none;
}
.download:hover { 
	color: #fff;
	text-decoration: none;
	background: rgba(0,155,210,1.0);
}
.download:active { 
	color: #fff;
	text-decoration: none;
}


/* sort
-----------------------------------------*/

th.sort-judge.active {
	background-color: #A9C7E6 !important;
}


/* form
-----------------------------------------*/

/* exp
<div class="checkbox">
	<input type="checkbox">
	<label>XXX</label>
</div>
*/
.checkbox input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.checkbox input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    line-height: 1em;
}
.checkbox input[type=checkbox] + label span {
    font-size: 18px;
    padding-bottom: 1px;
    border-bottom: 1px solid #272727;
}
.checkbox input[type=checkbox] {
    display: none;
    margin: 0;
}
.checkbox input[type=checkbox] + label {
    padding: 0 0 0 24px;
}
.checkbox input[type=checkbox] + label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #FFF;
}
.checkbox input[type=checkbox] + label::before {
    border: 1px solid #b6b6b6;
}
.checkbox input[type=checkbox]:checked + label::after {
    content: "";
    position: absolute;
    top: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}
.checkbox input[type=checkbox]:checked + label::after {
    left: 3px;
    width: 16px;
    height: 8px;
    margin-top: -7px;
    border-left: 2px solid #00a2dd;
    border-bottom: 2px solid #00a2dd;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* exp
<div class="radio">
	<input type="radio">
	<label>XXX</label>
</div>
*/
.radio input{
	display: none;
}
.radio label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 15px;
	padding: 10px 20px;
	color: #3e4956;
	font-size: 14px;
	line-height: 1;
}
.radio label:before{
    position: absolute;
    content: "";
    top: 50%;
    left: -15px;
    width: 30px;
    height: 30px;
    background: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 50%;
    transform: translateY(-50%);
}
.radio input[type="radio"]:checked + label:after {
	position: absolute;
    content: "";
    top: 50%;
    left: -9px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #008C67;
    transform: translateY(-50%);
}
.radio-wrap {
	display: flex;
	align-items: center;
}

.status.alert.alert-warning,
.status.alert.alert-success,
.status.alert.alert-danger {
	display: inline-block;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 300px;
	margin-bottom: 0;
	vertical-align: middle;
}
.status.alert .glyphicon {
	margin-right: 5px;
    display: inline-block; 
    background-repeat: no-repeat;
    background-size: 13px 15px; 
}

.status.alert .glyphicon-warning-sign {
    background-image: url(../img/exclamation-triangle.svg);
    background-position: 0 2px;
    width: 13px; 
    height: 15px; 
}
.status.alert .glyphicon-ok {
    background-image: url(../img/icon_check.svg);
    background-position: 0 4px;
    width: 13px; 
    height: 15px; 
}
.status.alert .glyphicon-remove {
    background-image: url(../img/icon_cross.svg);
    background-size: 11px 11px;
    background-position: 0px 3px;
    width: 11px;
    height: 14px;
}

.status.progress,
.status.progress.progress-bar {
	display: inline-block;
	width: 300px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
    height: 20px;
}
.status.progress .progress-bar {
    height: 100%;
}

select.form-control {
	padding: 6px 6px;
}
table select.form-control {
	text-align: center;
}
.slide-contents {
	transition: all 0.4s;
	overflow: hidden;
}
.slide-contents.off {
	height: 0px !important;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #ccc;
}

form .phone,
form .zip {
	display: flex;
	align-items: center;
}

form .phone input[type="text"],
form .zip input[type="text"] {
	width: 100px;
}

select.city.form-control {
	width: 227px;
}

select.date.form-control {
	width: 130px;
}
.form-control.short-size {
	width: 80px !important;
}

/* page
-----------------------------------------*/
.page {
    padding-right: .40em;
    white-space: nowrap;
    letter-spacing: -.40em;
}
.page a,
.page span {
	cursor: pointer;
    letter-spacing: normal;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    border: 1px solid #ccc;
    margin-right: 2px;
}
.page a.hide,
.page span.hide {
    display: none;
}
.page a.current {
    color: #272727;
    text-decoration: none;
    background: #ccc;
    cursor: default;
}
.page a {
    color: #337ab7;
}
.page a:hover {
    opacity: .6;
}
.page a.current:hover {
    background: #ccc !important;
    color: #272727 !important;
}



.search-period {
	display: inline-block;
	margin-right: 10px;
}
.search-period > button {
	width: 70px;
}
.search-period > button.btn.btn-info:disabled,
.search-period > button.btn.btn-info:disabled:hover {
	border-color: #46b8da;
	background: #fff;
	color: #000;
	opacity: 1;
	position: none;
}


/* Search
-----------------------------------------*/
main ul.search {
	overflow: auto;
	font-size: var(--fs-6);
	padding-left: 0;
	display: flex;
	flex-wrap: nowrap;
    margin-bottom: 0;
}

main .search li {
	overflow: hidden;
	padding: 8px;
	background: #ccc;
}
main .search li.form-group {
	margin-bottom: 0;
	width: 16.66666%;
}
main .search li.form-group:last-child {
	border-left: 1px solid #CCCCCC;
	width: 16.66666%;
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
}
main .search li.form-group.sort-judge {
	border-left: 1px solid #808080;
}
main .search li.form-group.sort-judge form {
	width: 50%;
}
main .search li.form-group.sort-judge.active {
	background-color: #A9C7E6;
}
main .search label {
	font-weight: normal;
	display: block;
}
main .search label.db {
	margin-bottom: 0;
	vertical-align: middle;
}
main .search input[type=text] {
	padding: 6px 6px;
	height: 28px;
}
main .search select {
    padding: 2px 2px;
    height: 26px;
	font-size: 10px;
}
main .form-horizonal.search select {
	font-size: 14px
}
main .sort-search select {
	font-size: 10px;
	height: 26px;
}
.sort-search option {
	padding: 0 0 1px;
}

main .search input[type="button"] {
	width: 100%;
	height: 51px;
	background-color: #23557F;
}
main .search input[type="button"]:hover {
	background-color: #286090 !important;
}
main .search .search-reset {
	width: 100%;
	height: 51px;
	background-color: #23557F;
}
main .search .search-reset:hover {
	background-color: #286090;
}
main .search .form-group:last-child form:first-child {
	margin-right: 8px;
}

/* Pagenation
-----------------------------------------*/

.ofa {
    overflow: auto;
	font-family: "Verdana","Arial","Helvetica Neue","Helvetica",Meiryo, "メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","sans-serif";
	font-size: var(--fs-6);
	padding-left: 0;
	margin-bottom: 0;
}
.hdn {
    overflow: hidden;
}
.lt {
    float: left;
}
.rt {
    float: right;
}

.page_navi span {
    background: #eee;
    border: 1px solid #808080;
    color: #000000;
    margin-right: 2px;
    padding: 0 10px;
}

.page_navi a, .page_navi span {
    display: block;
    height: 30px;
    line-height: 27px;
    text-align: center;
    width: auto;
}

.page_navi span.PrevLink {
    background: #FFF;
    border: 1px solid #D9D9D9;
    color: #707070;
    font-weight: bold;
    padding: 0 9px;
	pointer-events: none;
}

.page_navi li.lt a {
    border: 1px solid #D9D9D9;
    margin-right: 2px;
    padding: 0 9px;
    background-color: #fff;
}

.page_navi li.lt a.current {
    background-color: #eee;
    color: #404040;
    text-decoration: none;
    cursor: default;
    pointer-events: none;
}

.page_navi span.PageInfoBottom {
  background: none;
  color: #707070;
  font-size: var(--fs-6);
  line-height: 1.2em;
  text-align: left;
  border: none;
  font-weight: normal;
  pointer-events: none;
}

.page_navi_disp_number_text {
  height: 30px;
  line-height: 30px;
  font-size: var(--fs-11);
}

.page_navi a {
  text-decoration: underline;
  color: #0000ff;
}

.data_none_text {
  font-size: var(--fs-11);
  font-weight: bold;
  padding: 30px 0 20px;
} 

.top_page_navi {
    padding: 15px 45px 0;
}




/* 設定を反映 ステータス
-----------------------------------------*/

/* file no setting */
.file_status_0 .status.progress,
.file_status_0 .status.alert-success,
.file_status_0 .status.alert-danger {
	display: none;
}
/* file making */
.file_status_1 .status.alert-warning,
.file_status_1 .status.alert-success,
.file_status_1 .status.alert-danger,
.file_status_2 .status.alert-warning,
.file_status_2 .status.alert-success,
.file_status_2 .status.alert-danger,
.file_status_3 .status.alert-warning,
.file_status_3 .status.alert-success,
.file_status_3 .status.alert-danger {
	display: none;
}
/* file make success */
.file_status_4 .status.alert-warning,
.file_status_4 .status.progress,
.file_status_4 .status.alert-danger {
	display: none;
}
/* file error */
.file_status_5 .status.alert-warning,
.file_status_5 .status.alert-success,
.file_status_5 .status.progress,
.file_status_6 .status.alert-warning,
.file_status_6 .status.alert-success,
.file_status_6 .status.progress,
.file_status_7 .status.alert-warning,
.file_status_7 .status.alert-success,
.file_status_7 .status.progress,
.file_status_8 .status.alert-warning,
.file_status_8 .status.alert-success,
.file_status_8 .status.progress,
.file_status_9 .status.alert-warning,
.file_status_9 .status.alert-success,
.file_status_9 .status.progress {
	display: none;
}