@charset "utf-8";


/*::::::::::::::::::::::::::::::::::::::
 default
::::::::::::::::::::::::::::::::::::::*/


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{
	display: inline-block;
	min-height: 1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear {
	height: 1%;
	line-height: 1%;
	clear: both;
}

input[type=text],input[type=password],input[type=email],input[type=tel],input[type=url],input[type=number],input[type=date],input[type=time],input[type=datetime-local], textarea, select {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	display: inline-block;
	margin: 0;
	outline: 0 none;
	padding: 4px;
	width: 210px;
	font-size: 13px;
	line-height: 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
}

input[type=checkbox] {
	display:none;
}

input[type=checkbox] + label:before {
	font-family: 'Font Awesome\ 5 Free';
	display: inline-block;
}

input[type=checkbox] + label:before {
	content: "\f0c8";
	font-size: 1.5em;
	vertical-align: middle;
}

input[type=checkbox] + label:before {
	letter-spacing: 10px;
}

input[type=checkbox]:checked + label:before {
	content: "\f14a";
}

input[type=checkbox]:checked + label:before {
	letter-spacing: 5px;
}

input[type=submit], .searchbtn, .searchclosebtn, .searchopenbtn {
	background: #dd4814;
	background: -moz-linear-gradient(center top, #dd4814, #dd4814);
	background: -webkit-gradient(linear, center top, center bottom, from(#dd4814), to(#dd4814));
	border-color: #dd4814;
	box-shadow: 0 0 0 rgba(255, 255, 255, 0) inset;
	color: #FFFFFF;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	width: auto;
	padding: 9px 20px;
	cursor: pointer;
	border-radius: 5px;
	border: none;
}

label {
	margin: 0 20px 0 10px;
	display: inline-block;
}

.fieldset label {
	margin: 15px 20px 15px 10px;
	display: inline-block;
}

.input-w-4 {
	width: 4em!important;
}

.input-w-6 {
	width: 6em!important;
}

.input-w-8 {
	width: 8em!important;
}

.input-w-10 {
	width: 10em!important;
}

.input-w-16 {
	width: 16em!important;
}

.input-w-max {
	width: calc(100% - 10px)!important;
}

.mr-15 {
	margin-right: 15px!important;
}

.input-w-auto {
	width: auto!important;
}

.mb-15 {
	margin-bottom: 15px!important;
}

.mb-30 {
	margin-bottom: 30px!important;
}

.w-10em {
	width: 10em!important;
}

img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

img[usemap] {
	width: 100%;
}

.flexbox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
}

.right-flex-col {
	margin-left: auto!important;
}



/*-- ボタン類 --*/
/* btn-plan-name-bottom,btn-listをbtn-blueに変更 */
/* btn-reset-search,btn-form-backをbtn-whiteに変更 */
/* btn-list-deleteをbtn-redに変更 */
/* btn-plan1-copy,btn-list-statusをbtn-greenに変更 */
.btn {
	cursor: pointer;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 9px 15px;
	line-height: 150%;
	margin: 0 2px;
	font-size: 94%;
	box-shadow: none;
	text-align: center;
}

.btn-inline-block {
	display: inline-block!important;
}
.btn-small {
	padding: 1px 15px;
	line-height: 100%;
}

.btn:hover {
	box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5)
}

.btn-blue {
	background: #017aa7!important;
	border: solid 1px #017aa7!important;
	color: #ffffff!important;
}

.btn-white {
	background: #ffffff!important;
	color: #e00303!important;
	border: solid 1px #e00303!important;
}

.btn-red {
	background: #DD0003!important;
	color: #ffffff!important;
	border: solid 1px #DD0003!important;
}

.btn-orange {
	background: #dd4814!important;
	color: #ffffff!important;
	border: solid 1px #dd4814!important;
}

.btn-green {
	background: #62a502!important;
	color: #ffffff!important;
	border: solid 1px #62a502!important;
}

.btn-gray {
	background: #aaaaaa!important;
	color: #ffffff!important;
	border: solid 1px #aaaaaa!important;
}

.btn-black {
	background: #666666!important;
	color: #ffffff!important;
	border: solid 1px #666666!important;
}

/*-- ボタン類 end --*/


html,
body {
	width: 100%;
	//height: 100%;
	color: #231815;
	font-size: 14px;
	text-align: justify;
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	background: #fff;
	line-height: 120%;
	margin: 0;
	height: 100%;
}

body {
	background-color: #fff;
	//margin: 0 auto;
	//max-width: 1024px;
	//color: #808080;
}

a {
	color: #dd4814;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #97310e;
}

header {
	color: #fff;
	background-color: #dd4814;
	border-bottom: 1px solid #d0d0d0;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 14px 0;
	padding: 5px 10px;
	line-height: 40px;
}

.sys header {
	background-color: #2f4f4f;
}

header h1 a {
	color: #ffffff;
	font-weight: bold;
	text-shadow: 1px 1px 0px #fff;
	display: block;
	padding: 0 15px;
	border-radius: 5px;
	border: 2px solid #ffffff;
}

header h1 a:hover {
	color: #ffffff;
	opacity: 0.8;
}

header h1 a span {
	font-size: 0.75em;
	margin-left: 1.5em;
}

h1 img {
	display: block;
}

h2 {
	//color:#404040;
	//margin:0;
	//padding:0 0 10px 0;
	padding: 0;
	margin-left: 30px;
	color: #ffffff;
	font-size: 0.75em;
}

header .login_info {
	background: #ffffff;
	font-size: 0.6em;
	color: #4d453c;
	font-weight: normal;
	border-radius: 5px;
	padding: 5px 15px;
}
header .login_info p {
	margin: 0;
}

code {
	font-family: Consolas, Monaco, Courier New, Courier, monospace;
	font-size: 13px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	color: #002166;
	display: block;
	margin: 14px 0 14px 0;
	padding: 12px 10px 12px 10px;
}

#body {
	margin: 0 15px 0 15px;
	min-height: 96px;
}

#body.full {
	margin: 0;
}

p {
	margin: 0 0 10px;
	padding:0;
}

p.footer {
	text-align: right;
	font-size: 12px;
	border-top: 1px solid #d0d0d0;
	line-height: 32px;
	padding: 0 10px 0 10px;
	margin: 20px 0 0 0;
	background:#8ba8af;
	color:#fff;
	position: absolute;
	width: 100%;
	bottom: 0;
	box-sizing: border-box;
}

#container {
	//margin: 10px;
	//border: 1px solid #d0d0d0;
	//box-shadow: 0 0 8px #d0d0d0;
	//border-radius: 4px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	padding-bottom: 53px;
	box-sizing: border-box;
}


/*-- hamburger menu --*/
.hamburger-menu {
	margin-left: 15px;
}
.menu-btn {
	//position: fixed;
	//top: 10px;
	//right: 10px;
	display: flex;
	height: 50px;
	width: 50px;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
	z-index: 90;
	cursor: pointer;
	position: relative;
	margin: 0;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
	content: '';
	display: block;
	height: 3px;
	width: 25px;
	border-radius: 3px;
	background-color: #dd4814;
	position: absolute;
}
.sys .menu-btn span,
.sys .menu-btn span:before,
.sys .menu-btn span:after {
	background-color: #2f4f4f;
}

#menu-btn-check + label:before {
	font-family: 'Font Awesome\ 5 Free';
	display: none;
}

#menu-btn-check + label:before {
	content: "";
	font-size: 1.5em;
	vertical-align: middle;
}

#menu-btn-check + label:before {
	letter-spacing: 0;
}

#menu-btn-check:checked + label:before {
	content: "\f14a";
}

#menu-btn-check:checked + label:before {
	letter-spacing: 0;
}
#menu-btn-check:checked ~ .menu-btn {
	position: fixed;
	top: 15.5px;
	right: 20px;
}

#menu-btn-check:checked ~ .menu-btn span {
	background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
	bottom: 0;
	transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
	top: 0;
	transform: rotate(-45deg);
}

#menu-btn-check {
    display: none;
}

.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
.menu-content ul {
	padding: 75px 10px 0;
}
.menu-content ul li {
	border-bottom: solid 1px #ffffff;
	list-style: none;
}
.menu-content ul li a {
	display: block;
	width: 100%;
	font-size: 15px;
	box-sizing: border-box;
	color:#ffffff;
	text-decoration: none;
	padding: 9px 15px 10px 0;
	position: relative;
}
.menu-content ul li a::before {
	content: "";
	width: 7px;
	height: 7px;
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	transform: rotate(45deg);
	position: absolute;
	right: 11px;
	top: 16px;
}

.menu-content {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 100%;/*leftの値を変更してメニューを画面外へ*/
	z-index: 80;
	background-color: #4d453c;
	transition: all 0.5s;/*アニメーション設定*/
}

#menu-btn-check:checked ~ .menu-content {
	left: 0;/*メニューを画面内へ*/
}
/*-- hanburger menu end --*/



/*-- sub menu --*/
#sub-menu {
	background: #017ebf;
	color: #ffffff;
	border-radius: 10px;
	margin-bottom: 25px;
	font-size: 106%;
	padding: 10px;
	line-height: 150%;
}

#sub-menu li {
	margin-bottom: 5px;
	margin-right: 5px;
}

#sub-menu li a {
	background: #01344f;
	border-radius: 5px;
	display: block;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;

}

#sub-menu li a.active {
	font-weight: bold;
	background: #ffffff;
	color: #e00303;
}

#sub-menu li a.btn-search {
	background: #ffffff;
	color: #e00303;
}

#sub-menu li a.btn-back {
	background: #ffffff;
  color: #01344f;
}
/*-- sub menu end --*/




/*-- search box --*/
#search-box {
	display: none;
	padding: 15px;
	background: #f0f0f0;
	margin-bottom: 20px;
}


.class-menu {
	margin-bottom: 10px;
	line-height: 150%;
}

.class-menu dt, .class-menu .title {
	background: #ffffff;
	padding: 4px 12px;
	color: #000000;
	border: 3px #cccccc solid;
	margin-right: 10px;
}

.class-menu dd {
	margin-right: 5px;
}

.class-menu .body {
	margin: 3px 0;
}

.class-menu dd a, .class-menu .body a {
	display: block;
	padding: 7px 10px;
	border-radius: 5px;
	background: #e9e8d6;
	color: #000000;
}

.class-menu dd a.active, .class-menu .body a.active {
	color: #ffffff;
	background: #DD0003;
	font-weight: bold;
	font-size: 112%;
}
/*-- search box end --*/






/*-- tab --*/
.tab li {
	text-align: center;
	line-height: 40px;
	height: 40px;
	background: #aa9c89;
	color: #ffffff;
	font-size: 94%;
	border: 1px solid #ffffff;
	border-bottom: none;
}

.tab li a, .tab li span {
	display: block;
	color: #ffffff;
	padding: 0 20px;
}

.tab li a.active, .tab li span.active {
	background: #362f26;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
	font-size: 112%;
}
/*-- tab end --*/


/*-- accordion --*/
.major_tree {
	width: 100%;
}

.major_tree_title {
	text-align: center;
	line-height: 40px;
	height: 40px;
	background: #9d9c9c;
	color: #ffffff;
	font-size: 94%;
	border: 1px solid #ffffff;
	border-bottom: none;
	display: flex;
	justify-content: space-between;
	padding: 0 30px;
	cursor: pointer;
	position: relative;
	margin-bottom: 0;
}

.major_tree_title:after {
	content: "\f107";
	font-weight: 900;
	font-family: 'Font Awesome\ 5 Free';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
}

.major_tree.active .major_tree_title:after {
	content: "\f106";
}

.major_tree_contents {
	padding: 15px;
	display: none;
}

.major_tree.active .major_tree_contents {
	display: block;
}





.accordion {
	width: 100%;
}

.accordion dt {
	text-align: center;
	line-height: 40px;
	height: 40px;
	background: #aa9c89;
	color: #ffffff;
	font-size: 94%;
	border: 1px solid #ffffff;
	border-bottom: none;
	display: flex;
	justify-content: space-between;
	padding: 0 30px;
	cursor: pointer;
	position: relative;
}

.accordion dt a, .accordion dt span {
	display: block;
	color: #ffffff;
	padding: 0 20px;
}

.accordion dt:after {
	//content: "\f107";
	content: "設定を開く　▼";
	font-weight: 900;
	//font-family: 'Font Awesome\ 5 Free';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;

	/*--左側に寄せる場合--*/
	position: relative;
	top: auto;
	bottom: auto;
	right: auto;
	margin: 10px auto 10px 50px;
	background: #fff;
	border-radius: 15px;
	padding: 0 15px;
	color: #aa9c89;
	display: flex;
	align-items: center;
	/*--左側に寄せる場合　終わり--*/
}
.accordion.no-open dt:after {
	display: none;
}

.accordion.active dt:after {
	//content: "\f106";
	content: "設定を閉じる　▲";
}

.accordion dd {
	padding: 15px;
	display: none;
}

.accordion.active dd {
	display: block;
}
/*-- accordion --*/

#help .accordion ul {
	margin: 15px 0 15px 2em;
}
#help .accordion dt:after {
	//content: "\f107";
	content: "▼";
}
#help .accordion.active dt:after {
	//content: "\f106";
	content: "▲";
}

#help .accordion li {
	padding: 5px 0;
}

.number_list {
	list-style-type: decimal;
	margin-left: 2em;
}

.number_list li {
	padding-left:0.5em;
}

.dot_list {
	list-style-type: disc;
	margin-left: 2em;
}

.dot_list li {
	padding-left:0.5em;
}

.dl_list {
	list-style-type: none;
	margin-left: 2em;
}

.dl_list li {
	padding-left:0.5em;
	position: relative;
}

.dl_list li:before {
	position: absolute;
	left: -1.5em;
	content: "\f019";
	font-weight: 900;
	font-family: 'Font Awesome\ 5 Free';
}


#printContent .accordion table th {
	width: 25%;
}

#printContent .accordion table td:first-of-type {
	width: 40%;
}

#printContent .accordion table td:last-of-type {
	text-align: left;
}








/*-- list --*/
#list-table {
	width: 100%;
	font-size: 94%;
	margin-bottom: 15px;
}

#list-table th, #list-table td {
	border: 1px solid #cccccc;
	font-weight: normal;
	padding: 10px 3px;
	text-align: center;
	vertical-align: middle;
}

#list-table th {
	background: #4d453c;
	color: #ffffff;
}
/*-- list end --*/






/*-- form --*/
.form-block {
	width: 100%;
}

.form-block.login-box {
	borde-radius: 10px;
	width: 480px;
	margin: 0 auto;
	border: 5px solid #cccccc;
	border-radius: 10px;
	padding: 10px;
}

.form-block .fieldset {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	align-items: stretch;
	padding: 0;
	margin-bottom: 3px;
}

.form-block .fieldset p {
	margin: auto 0;
	width: calc(100% - 16em - 25px);
}

.form-block .fieldset .legend, .form-block .fieldset .inner {
	display: flex;
	align-items:center;
}

.form-block .fieldset .legend {
	background: #4d453c;
	color: #ffffff;
	margin-right: 5px;
	display: flex;
	flex-direction: column;
}

.form-block .fieldset .guide, #kenteiPrintForm .guide, .dialog .guide {
	text-align: right;
	//padding: 0 15px;
	font-size: 0.8em;
	color: #ff0000;
	line-height: 100%;
	padding: 0 15px 5px;
	width: calc(100% - 30px);
}

.form-block .fieldset div.inner {
	width: 100%;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.form-block .fieldset div.inner p {
	width: 100%;
}

.form-block .fieldset .legend p.inner {
	width: 16em;
	text-align: center;
	padding: 15px 10px;
}

.form-block .fieldset .inner input[type=text], .form-block .fieldset .inner input[type=password], .form-block .fieldset .inner input[type=email], .form-block .fieldset .inner input[type=tel], .form-block .fieldset .inner input[type=url], .form-block .fieldset .inner input[type=number] {
	width: calc(100% - 10px);
}

.form-button-block {
	justify-content: center;
	margin-top: 30px;
}

.form-button-block li {
	margin: 0 5px;
}

/*-- form end --*/





/*-- ボタン類 --*/
.btn {
	cursor: pointer;
}

.btn-plan-name-bottom {
	display: block;
	background: #017aa7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0 7px;
	color: #ffffff;
	line-height: 150%;
	margin: 0 2px;
	font-size: 94%;
}

.btn-plan1-copy {
	background: #62a502;
}

.btn-list {
	display: block;
	background: #017aa7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0 7px;
	color: #ffffff;
	line-height: 150%;
	margin: 0 2px;
	font-size: 94%;
}

.btn-list-status {
	background: #62a502;
}

.btn-list-delete {
	background: #DD0003;
}

.btn-reset-search {
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	text-align: center;
	background: #ffffff;
	color: #e00303;
	line-height: 150%;
	margin: 0 2px;
	font-size: 94%;
	border: solid 1px #e00303;
}

.btn-form-back {
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 9px 15px;
	text-align: center;
	background: #ffffff;
	color: #e00303;
	line-height: 20px;
	margin: 0 2px;
	font-size: 94%;
	border: solid 1px #e00303;
}
/*-- ボタン類 end --*/


/*-- cp画面共通 --*/
.content-wrapper header {
	//background-color: transparent;
	//color: #380c00;
	//border-top: 3px solid #366b02;
	//border-bottom: 3px solid #366b02;
	margin-bottom: 30px;
	background-color: #8ba8af;
	color: #ffffff;
}


.page-message {
	background: #ff0000;
	color: #ffffff;
	line-height: 200%;
	padding: 15px;
	text-align: center;
	overflow: auto;
	max-height: 150px;
}

.page-message.gold {
	background: #8e8155;
}

/*-- 図面設定 --*/
#set_drawing {
	//width: 1280px;
	min-width: 1400px;
}

#set_drawing #container {
	margin: 0;
	border: 0;
	box-shadow: inherit;
	border-radius: 0;
}

.canvas-container {
	width: 100%;
}

.content-body {
  position: relative;
}

#drawingBlock, #pieceBlock, #replacementBlock {
	position: relative;
	border: 1px solid #000;
	width: 1242px;
	height: 882px;
}

#pieceLayer, #replacementLayer {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.piece {
	display: block;
	width: 12.5px;
	height: 8.8px;
	border: 1px solid #111111;
	box-sizing: content-box;
	position: absolute;
	text-align: center;
	font-family: "Arial", "メイリオ", "MSPゴシック";
}

body#main .piece {
	box-sizing: border-box;
}

.ui-selected {
	opacity: 0.5;
}

#toolbox .active {
	background: #362f26;;
	color: #ffffff;
}


#drawingMainContent {
	width: 1244px;
}


#mainContent {
	width: 1724px;
}


#set_drawing .tab li a, #set_drawing .tab li span {
	padding: 15px 20px;
}

#set_drawing .tab {
	width: auto;
	margin-bottom: 60px;
}

#set_drawing .tab li {
	border-right: none;
	height: auto;
	border-bottom: 1px solid #ffffff;
}

#set_drawing .tab li {
	min-width: 110px;
}

#drawingOutline {
	display: flex;
	justify-content: center;
}

#drawingNavArea {
	background: #f0f0f0;
	width: 230px;
}

#basicSetting, #coverSetting, #modelSetting {
	border: 1px solid #111111;
	padding: 30px;
}


#toolbox {
	width: 100%;
	margin-bottom: 60px;
}

#toolbox a, #toolbox label {
	display: block;
	padding: 15px;
	text-align: center;
	background: #999999;
	color: #ffffff;
	margin: 0;
	border-bottom: 1px solid #fff;
	cursor: pointer;
}

#drawingFile {
	display: none;
}

#drawing_infomation {
	background: #ffffff;
	border-radius: 5px;
	margin: 5px;
	padding: 5px;
	
}


.dialog > table {
	width: 100%;
}

.dialog > table th {
	background: #362f26;
	line-height: 30px;
	color: #ffffff;
	text-align: center;
	padding: 5px;
	border: 1px solid #ffffff;
	min-width: 4em;
}

.dialog > table td {
	line-height: 30px;
	text-align: left;
	padding: 5px;
	border: 1px solid #ffffff;
	overflow-wrap: anywhere;
}


.dialog ul {
	width: 100%;
}

.dialog ul li a {
	display: block;
	width: 100%;
	line-height: 200%;
	padding: 15px 0;
	text-align: center;

}


.dialog ul li a:hover {
	background: #f0f0f0;
}

#save {
  width: 100%;
  height: 884px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#save > p {
  font-size: 2em;
}

#wait {
  width: 100%;
  height: 884px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#wait > p {
  font-size: 2em;
}


/*-- 図面設定end --*/



/*-- 変更承認作成画面 --*/
.form-block .fieldset div.inner span.title {
	margin-right: 15px;
}

.form-block .fieldset div.inner #colorSetting {
	display: flex;
	flex-wrap: wrap;
}

.form-block .fieldset div.inner #colorSetting li {
	width: 25%;
	margin-bottom: 15px;
}

.form-block .fieldset div.inner #colorSetting li span.title {
	width: 4em;
	margin-right: 15px;
	display: inline-block;
}

#mainContent #replacementSetting {
  display: flex;
}

#mainContent #actionBlock {
  width: 480px;
  background: #f0f0f0;
}

#mainContent #actionBlock > h2 {
  text-align: center;
  color: #ffffff;
  background: #4d453c;
  padding: 10px;
  margin: 0;
}

#mainContent .action-list-nav > li {
  background: #aa9c89;
  color: #ffffff;
  border: none;
  font-size: 1em;
  margin: 0;
  line-height: 100%;
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #fff;
  display: flex;
  //justify-content: space-between;
  cursor: pointer;
  align-item: center;
}

#mainContent .action-list-nav > li p {
	margin: 0;
}

#mainContent .action-list-nav > li .btn {
  padding: 0 10px;
  line-height: 15px;
  margin-left: auto;
  display: flex;
  align-item: center;
}

#mainContent .action-list-block .action-list {
  min-height: 600px;
  overflow: auto;
  display: none;
}

.action-list {
  padding: 10px 5px;
  border-bottom: 1px dotted #4d453c;
}

.action-list .model-list {
  min-height: 100px;
}

.action-list .model-list li {
	cursor: pointer;
}

.action-list > p.title {
  text-align: center;
  font-size: 1.2em;
  color: #4d453c;
}


#actionListBlock {
  display: flex;
  flex-wrap: ;
  flex-direction: column;
  height: 595px;
  overflow: auto;
}

#actionListEmpty {
	display: flex;
	flex-wrap: wrap;
}

#actionListEmpty li {
	margin: 10px;
}

.is_plywood {
	background-image: -moz-linear-gradient(to top left, transparent, transparent 48%, red 48%, red 52%, transparent 52%, transparent);
	background-image: -webkit-linear-gradient(to top left, transparent, transparent 48%, red 48%, red 52%, transparent 52%, transparent);
	background-image: linear-gradient(to top left, transparent, transparent 48%, red 48%, red 52%, transparent 52%, transparent);
}

#pieceLayer .piece {
	cursor: pointer;
}

.select-col {
	width: 3em;
}

.select-col input[type="checkbox"] + label {
	margin: 0;
}

.select-col input[type="checkbox"] + label::before {
	letter-spacing: 0;

}


.status-col {
	width: 10em;
}

.edit-col {
	width: 26em;
}

.btn-list-status-off {
	background: #cccccc;
}


#mainContent #wait {
	display: flex;
}

#mainContent .tab-content.in-active {
	display: none!important;
}

#mainContent #replacementSetting.in-active {
	display: none;
}

.dialog {
	display: none;
}

#printContent {
	margin-bottom: 30px;
}

.action-list-item.ui-draggable-dragging {
	border: solid #000000 1px;
	font-size:8px;
	color: #000000;
	background: #ffffff;
	opacity: 0.5;
}

.center-message {
	width: 100%;
	height: 500px;
	line-height: 500px;
	font-size: 200%;
	text-align: center;
}

.import_message {
	background: #ff0000;
	color: #ffffff;
	line-height: 200%;
	padding: 15px;
	text-align: center;
}

#editStateDialog.dialog > table th {
	text-align: left;
}


#processing-dl {
	display: none;
	text-align: center;
	font-size: 1.5em;
	line-height: 300%;
}

.cv-spinner {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.spinner {
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #2e93e6 solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
	100% {
		transform: rotate(360deg);
	}
}



.wrapper {
	line-height: 180%;
}

.wrapper .content {
	margin-bottom: 15px;
}

.wrapper header {
	//background-color: transparent;
	//color: #380c00;
	//border-top: 3px solid #366b02;
	//border-bottom: 3px solid #366b02;
	margin-bottom: 30px;
	background-color: #8ba8af;
	color: #ffffff;
}

.wrapper h2 {
	//width: 100%;
	background: #ebe6d9;
	color: #111111;
	padding: 15px;
	border-radius: 5px;
	margin: 0;
	margin-bottom: 10px;
	font-size: 1.2em;
}

.wrapper .top-nav li {
	line-height: 200%;
	padding-left: 1.5em;
	position: relative;
	font-size: 1.2em;
}

.wrapper .top-nav li:before {
	content: "▶";
	position: absolute;
	left: 0;
}

#waitdialog {
	display: none;
}

.form_add_text {
	color: #ff0000;
	line-height: 150%;
}

.pager {
	display: flex;
}

.page_position {
	display: flex;
	align-items: center;
	padding: 0 15px;
	background: #9d9c9c;
	color: #ffffff;
}

.page_position > p:nth-child(1) {
	margin: 0;
	margin-right: 1em;
}

.page_position > p:nth-child(2) {
	margin: 0;
}

.align-right {
	text-align: right;
}

.dialog th {
	width: 30%;
}

.ui-dialog .ui-dialog-content {
	padding: 0!important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: monospace!important;
}

.form-block .fieldset input, .form-block .fieldset select, .form-block .fieldset textarea, .form-block .fieldset button {
	font-family: monospace;
}