/** 共通 **/
.hidden {
	display: none;
}
.spacer {
	height: 1rem;
}
.withAnimation {
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}
.attention {
	color: #ff4444;
	font-size: 0.8rem;
}
a {
	cursor: pointer;
}
a.btn {
	display: inline-block;
	padding: 6px 10px 6px 0px;
	background-color: #019875;
	border-radius: 6px;
	color: #fefefe;
}
a.btn.hidden {
	display: none;
}
button:hover,
a.btn:hover {
	opacity: 0.8;
}
a.btn::before {
	margin-left: 1em;
}

.flexBox {
	display: -webkit-flex;
	display: flex;
	margin: 0px;
	padding: 0px;
	height: 100%;
}
.scrollWrapper {
	height: 100%;
	overflow: auto;
}

.additionalView-hinagata {
	display: none;
}
.additionalView-box {
	margin: 0px;
	padding: 0px;
}
.additionalView-box div {
	box-sizing: border-box;
}
.additionalView-box .inner-box {
	background-color: #fefefe;
	border: 2px solid #d0d0d0;
	overflow: scroll;
}
.additionalView-box .width50 {
	display: inline-block;
	padding: 6px;
	width: 47%;
}
/*** リスト共通 ***/
.additionalView-box .item:hover {
	background-color: #ffffdd;
}
.additionalView-box .showMore {
	margin: 10px 30px;
	padding: 8px;
	background-color: #d0d0d0;
	text-align: center;
	color: #707070;
	cursor: pointer;
}
/*** タブメニュー ***/
.additionalView-box .tab-wrapper {
	position: relative;
	height: 35px;
}
.additionalView-box .tab-wrapper + .inner-box {
	border-top-width: 0px;
}
.additionalView-box .tab-bottom-border {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 2px;
	background-color: #d0d0d0;
}
.additionalView-box .tab-wrapper .tab-items {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 35px;
}
.additionalView-box .tab {
	background-color: #f0f0f0;
	border: 2px solid #d0d0d0;
	border-radius: 6px 6px 0px 0px;
	color: #999999;
	cursor: pointer;
}
.additionalView-box .tab.active {
	background-color: #fefefe;
	border-bottom-color: #fefefe;
	color: #666666;
}
.additionalView-box .tab:hover {
	color:#666688;
}
/** フィルタ部品 */
.additionalView-box .filterMenu .orderBy {
	margin: 0px;
	padding: 3px;
}
/** その他 **/
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-bold {
	font-weight: bold;
}
.additionalView-box .actionMenu {
	padding: 10px;
}

/** タスク詳細画面 **/
.controller-issues.action-show #content > .contextual a.btn {
	display: inline;
	margin-left: 6px;
}

.mindmapitViewer,
.mindmapitWrapper2 {
	position: relative;
	overflow: scroll;
}
.mindmapitViewer .goEditMode {
	display: inline-block!important;
	position: absolute;
	top: 0px;
	left: 10px;
}
.showCanvasImage {
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: rgba(250,250,250,0.9);
	font-size: 1rem;
}
.btn.save_andGoNext {
	margin-left: 5px;
	line-height: normal;
}

/** マインドマップ編集：サブ画面 **/
.remodal-wrapper {
	padding: 0px;
}
#mindmapEditor {
	margin: 0px auto;
	padding: 0px;
	max-width: 97%;
	height: 97%;
	box-sizing: border-box;
}
#mindmapEditor * {
	box-sizing: border-box;
}
#mindmapEditor .box {
	border-radius: 0px;
}
#mindmapEditor .btn {
	margin: 0px 4px;
	padding-left: 10px;
}

#mindmapEditor .swiper-container {
	height: 100%;
	position: relative;
}
#mindmapEditor .swiper-wrapper {
	height: 100%!important;
}
#mindmapEditor .swiper-slide {
	height: 100%!important;
	opacity: 0.001;
}
#mindmapEditor .swiper-slide.swiper-slide-active {
	opacity: 1.0;
}

#mindmapEditor h2 {
	margin: 0px;
	padding: 6px 8px 8px;
	height: 44px;
	text-align: left;
}
#mindmapEditor .show_optionSetting {
	position: absolute;
	top: 1.5em;
	left: 33%;
	font-size: 0.8em;
	font-weight: normal;
	text-decoration: underline;
	cursor: pointer;
	z-index: 100;
}
#mindmapEditor .actionMenu {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 100;
}
#mindmapEditor .actionMenu .exportGraphML.hidden {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0.01;
}
#mindmapEditor .actionMenu .doCancel {
	padding: 1px 8px 3px;
	border-radius: 50%;
	background-color: #ff4444;
	font-size: 1.2rem;
}

#mindmapEditor .swiper-pagination {
	position: absolute;
	top: 12px;
	height: 30px;
}
#mindmapEditor .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
}
#mindmapEditor .swiper-button-onHeader {
	top: 5px;
	width: 5rem;
	height: auto;
	background-image: none;
	color: #fefefe;
}
#mindmapEditor .swiper-button-onHeader:hover {
	opacity: 0.8;
}
#mindmapEditor .swiper-button-next {
	right: 39%;
}
#mindmapEditor .swiper-button-prev {
	left: 39%;
}
#mindmapEditor .swiper-button-disabled {
	opacity: 0.2!important;
}

#mindmapEditor .flexBox {
	height: calc(100% - 44px);
}
#mindmapEditor .leftBox {
	flex-direction: column;
	margin: 0px;
	padding: 0px;
	width: 70%;
	height: 100%;
	border-right: 1px solid #c0c0c0;
	background-color: #f8f8f8;
	text-align: left;
	position: relative;
}
#mindmapEditor .rightBox {
	flex-direction: column;
	margin: 0px;
	padding: 0px;
	width: 30%;
	height: 100%;
	text-align: left;
	position: relative;
}

#mindmapEditor .top-box {
	padding: 4px;
	height: 40px;
	border-bottom: 1px solid #c0c0c0;
	font-size: 1.0rem;
	color: #778888;
	text-align: right;
	line-height: 20px;
	position: relative;
}
#mindmapEditor .top-box >div {
	position: absolute;
	top: 0px;
	left: 0px;
	display: inline-block;
	max-width: 75%;
}
#mindmapEditor .btn.toggle {
	margin: 6px;
	padding: 3px 7px;
	border-radius: 6px;
	font-size: 1rem;
}
#mindmapEditor .btn.toggle.off {
	background-color: #a0a0a0;
}
#mindmapEditor .btn.changeFontSize {
	border-radius: 50%;
	background-color: #44aadd;
	font-size: 12px;
}

#mindmapEditor .field {
	padding: 6px;
	border-bottom: 1px solid #c0c0c0;
}
#mindmapEditor .field > .label {
	font-weight: bold;
	font-size: 1.0rem;
	color: #555555;
}
#mindmapEditor .field > .value {
	-moz-user-select: initial!important;
	-webkit-user-select: initial!important;
	-ms-user-select: text!important;
	user-select: initial!important;
}

/* mindmapEditor：page1 */
#mindmapEditor .field.info_forSelectedWord {
	height: 25%;
	background-color: #fefefe;
	overflow: auto;
}
#mindmapEditor .field.info_forSelectedWord .value {
	padding-right: 72px;
}
#mindmapEditor .field.info_forSelectedWord .value h1 {
	margin: 0px;
	font-size: 1.2em
}
#mindmapEditor .field.info_forSelectedWord .openWikiPage {
	font-size: 12px;
	font-weight: normal;
}

#mindmapEditor .field.title .value {
	padding-right: 72px;
	font-size: 1.1em;
	font-weight: bold;
}

#mindmapEditor .scrollButtons {
	position: absolute;
	bottom: 60px;
	left: 0px;
	width: 1px;
	overflow: visible;
}
#mindmapEditor .scrollButtons .btn {
	display: block;
	margin-top: 2rem;
	padding: 6px 0;
	min-width: 2rem;
	font-size: 1rem;
	text-align: center;
}

#mindmapEditor .actionIcons {
	position: absolute;
	bottom: 0px;
	right: 15px;
	justify-content: flex-end;
}
#mindmapEditor .actionIcons.bottom {
	flex-direction: row;
	width: 100%;
	height: 46px;
	background-color: rgba(255, 255, 255, 0.6);
}
#mindmapEditor .actionIcons.right {
	flex-direction: column;
	padding-bottom: 46px;
}
#mindmapEditor .actionIcons .btn {
	margin: 8px;
	padding: 0px 8px 5px;
	width: 60px;
	height: 30px;
	border-radius: 5px;
	background-color: #44aadd;
	line-height: 18px;
	font-size: 1.0rem;
	font-weight: bold;
	text-align: center;
	position: relative;
}
#mindmapEditor .actionIcons .btn.disabled {
	background-color: #bbbbbb;
	opacity: 0.8;
}
#mindmapEditor .actionIcons .btn.large {
	width: 84px;
	font-size: 0.8rem;
}
#mindmapEditor .actionIcons .btn .shorcutKeyLabel {
	position: absolute;
	bottom: -2px;
	left: 0px;
	right: 0px;
	font-size: 0.6rem;
	font-weight: normal;
	color: #ffffaa;
}

#mindmapEditor .page1 .originalTextWrapper {
	height: 30%;
	border-bottom: 1px solid #c0c0c0
}
#mindmapEditor .page1 .originalText {
	padding: 6px 6px 160px 6px;
	min-height: 100%;
	background-color: #fcfcfc;
	overflow: scroll;
}
#mindmapEditor .page1 .originalText .value {
	padding-right: 72px;
}
#mindmapEditor #page1-textarea {
	flex-grow: 1;
	border-radius: 0;
}

/* mindmapEditor：page2 */
#mindmapEditor .page2 .leftBox {
	width: 45%;
}
#mindmapEditor .page2 .rightBox {
	width: 55%;
}
#mindmapEditor .nodeEditorWrapper {
	height: 100%;
}
#mindmapEditor .nodeEditorWrapper .buttons {
	margin: 0px;
	padding: 4px 0px;
	height: 40px;
	width: 100%;
	overflow-y: auto;
	font-size: 12px;
}
#mindmapEditor .nodeEditorWrapper .buttons button {
	padding: 6px 12px;
}
#mindmapEditor .nodeEditorWrapper .tab-btns {
	display: flex;
	height: 30px;
}
#mindmapEditor .nodeEditorWrapper .tab-btn {
	width: 50%;
	text-align: center;
}
#mindmapEditor .nodeEditorWrapper .text-area,
#mindmapEditor .nodeEditorWrapper .node-area {
	height: calc(100% - 30px);
}
#mindmapEditor .js-input-text {
	width: 100%;
	height: calc(100% - 40px);
}
#mindmapEditor .nodes-wrapper {
	padding: 0px;
	width: 100%;
	height: calc(100% - 40px - 40px);
	overflow: scroll;
}
#mindmapEditor .node-area .message {
	padding: 0px 15px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #ff4444;
}
#mindmapEditor .page2 .canvasWrapper {
	height: 70%;
}
#mindmapEditor .page2 .bottomInfo {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 30%;
	border-top: 1px solid #d0d0d0;
	background-color: #f4f4f4;
	color: #333333;
	font-size: 1.2em;
}
#mindmapEditor .page2 .bottomInfo > .scrollWrapper {
	padding: 0px 15px 0px 35px;
}
#mindmapEditor .page2 .bottomInfo .originalTextWrapper {
	height: 70%;
}
#mindmapEditor .page2 .bottomInfo .title {
	font-weight: bold;
}
#mindmapEditor .page2 .bottomInfo .originalText {
	font-size: 0.8em;
}
#mindmapEditor .page2 .bottomInfo .lastCommentWrapper {
	padding-top: 5px;
	height: 30%;
	border-top: 1px solid #d0d0d0;
}
#mindmapEditor .page2 .bottomInfo .lastComment,
#mindmapEditor .page2 .bottomInfo .feedbackComment {
	font-size: 0.8em;
}
#mindmapEditor .page2 .bottomInfo .feedbackComment {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px dotted #c0c0c0;
}
#mindmapEditor .page2 .bottomInfo .lastComment .datetime {
	padding-right: 0.5em;
	color: #666677;
}
#mindmapEditor .page2 .bottomInfo .lastComment .value,
#mindmapEditor .page2 .bottomInfo .feedbackComment .value {
	color: #1144cc;
}

#mindmapEditor .page2 .bottomInfo .btnWrapper {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 32px;
}
#mindmapEditor .page2 .bottomInfo .doResize {
	position: absolute;
	left: 0px;
	padding: 5px 8px;
	border-radius: 50%;
	background-color: #44aadd;
	font-size: 12px;
}
#mindmapEditor .page2 .bottomInfo .doResize.up {
	top: 5px;
}
#mindmapEditor .page2 .bottomInfo .doResize.down {
	bottom: 5px;
}
#mindmapEditor .attention {
	position: absolute;
	bottom: 10px;
	left: 5px;
}

/* mindmapEditor：page2:右ブロックをたたむ/広げる */
#mindmapEditor .page2 .toggle_rightboxBox {
	position: absolute;
	top: 5px;
	left: 0;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #44aadd;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
#mindmapEditor .page2 .toggle_rightboxBox::before {
	margin: 0;
	content: '→'
}
#mindmapEditor .page2.shrink-rightBox .toggle_rightboxBox::before {
	content: '←'
}
#mindmapEditor .page2.shrink-rightBox .leftBox {
	width: calc(100% - 40px);
}
#mindmapEditor .page2.shrink-rightBox .rightBox {
	width: 40px;
}
#mindmapEditor .page2.shrink-rightBox .rightBox .showCanvasImage {
	display: none;
}

/* mindmapEditor：page3 */
#mindmapEditor .page3 .flexBox {
	flex-direction: column;
	justify-content: flex-end;
}
#mindmapEditor .page3 .field {
	display: flex;
	height: 80px;
	border-width: 0px;
}
#mindmapEditor .page3 .label {
	padding-right: 10px;
	width: 30%;
	text-align: right;
}
#mindmapEditor #mindmapEditor_issue_status_id {
	height: 2.5em;
}
#mindmapEditor .page3 .comment .value,
#mindmapEditor .AICasemap .value,
#mindmapEditor .commentForAICasemap .value {
	width: 50%;
}
#mindmapEditor .page3 .field.comment,
#mindmapEditor .page3 .field.AICasemap {
	display: none;
}
#mindmapEditor .page3 .actions {
	display: block;
	margin-top: 20px;
	height: 180px;
}
#mindmapEditor .page3 .btn {
	display: block;
	margin: 20px auto;
	width: 30%;
}
#mindmapEditor .page3 #errMessageBoxWrapper {
	height: 40%;
}
#mindmapEditor .page3 #errMessageBox {
	height: 100%;
	border-top: 1px solid #e0e0e0;
	background-color: #fefefe;
}
#mindmapEditor .page3 #errMessageBox .title {
	height: 40px;
	border-bottom: 1px solid #e0e0e0;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	color: #ff4444;
}
#mindmapEditor .page3 #errMessageBox .list {
	height: calc(100% - 40px);
}
#mindmapEditor .page3 #errMessageBox .list .item {
	padding: 6px 10px;
	text-align: left;
}


/*** HTMLエクスポート結果 ***/
#mindmapEditor .htmlExport {
	margin: 0px auto;
	border-width: 0;
	background-color: transparent;
	font-size: 16px;
}
#mindmapEditor .htmlExport * {
	background-color: #fff!important;
	color: #000!important;
}
#mindmapEditor .htmlExport .title {
	font-size: 1.2em;
	font-weight: bold;
}
#mindmapEditor .htmlExport .originalText {
	white-space: pre-line;
}
#mindmapEditor .htmlExport .lastComment,
#mindmapEditor .htmlExport .feedbackComment {
	padding: 6px;
}
#mindmapEditor .htmlExport .feedbackComment {
	margin-top: 10px;
	border-top: 1px dotted #c0c0c0;
}
#mindmapEditor .htmlExport .mindmapImage {
	break-inside: avoid;
}
#mindmapEditor .htmlExport .mindmapImage img {
	display: block;
	margin: 0 auto;
	max-height: 800px;
	width: auto;
	filter: grayscale(1.0);
}


/*** NodeEditorのモーダルウィンドウ ***/
.nodeEditor .modal-window .minus-btn {
	padding: 4px 8px;
	border-width: 0px;
	background-color: inherit;
	color: #ffcccc;
	font-size: 1.5rem;
}
.nodeEditor .modal-window .minus-btn:hover {
	color: #ffcccc;
	opacity: 0.8;
}
.nodeEditor .modal-window .minus-btn.select {
	color: #ff4444;
}
.nodeEditor .modal-window .template-text button {
	margin-right: 4px;
	padding: 4px 8px;
	min-width: 50px;
	border-width: 0px;
	background-color: #44aadd;
	line-height: 24px;
}
.nodeEditor .modal-window .normal-btn-unit button {
	margin-left: 4px;
	padding: 6px 8px;
	width: 100px;
	line-height: 24px;
}


/*** wikiへのリンク ***/
.linkToWiki {
	padding: 0px 3px;
}
.linkToWiki.highlight-off {
	background-color: transparent!important;
}
.linkToWiki.D { background-color: rgb(255,242,204); }
.linkToWiki.S { background-color: rgb(197,224,179); }
.linkToWiki.L { background-color: rgb(197,224,179); }
.linkToWiki.E { background-color: rgb(197,224,179); }
.linkToWiki.R { background-color: rgb(180,198,231); }
.linkToWiki.A { background-color: rgb(208,206,206); }
.linkToWiki.T { background-color: rgb(208,206,206); }
.linkToWiki.M { background-color: rgb(208,206,206); }
.linkToWiki.H { background-color: rgb(208,206,206); }
.linkToWiki.P { background-color: rgb(208,206,206); }
.linkToWiki.F { background-color: rgb(208,206,206); }
.linkToWiki.K { background-color: rgb(208,206,206); }
.linkToWiki.X { background-color: rgb(208,206,206); }
.linkToWiki.O { background-color: transparent; }
.linkToWiki.Z { background-color: transparent; }


/*** wiki単語に対する解釈文 ***/
.interpretation {
	font-size: 0.85em;
	color: #338899;
}

/*** 利用規約：同意画面 ***/
#agreement {
	padding: 0px;
	height: 90%;
	border-radius: 5px;
}
#agreement * {
	box-sizing: border-box;
	text-align: left;
}
#agreement .body {
	padding: 15px;
	height: calc(100% - 60px);
	overflow: auto;
	white-space: pre-line;
}
#agreement .btnWrapper {
	height: 60px;
	text-align: center;
}
#agreement .btn {
	margin: 12px;
	padding: 6px 10px;
}


/*** Wikiページ ***/
.btn.rebuildDic {
	padding-left: 10px;
}

/*** タスク一覧、一括エクスポート画面 ***/
#query_form .buttons .btn {
	margin-left: 10px;
	padding-left: 10px;
}
.subWindow.forBulkExport {
	padding: 15px;
}
.subWindow.forBulkExport .title {
	padding: 0px 10px 10px;
	font-weight: bold;
	color: #707070;
}
.subWindow.forBulkExport .content {
	white-space: pre-line;
	font-size: 0.9rem;
}
.subWindow.forBulkExport .nowProcessing {
	height: 40px;
	width: auto;
	opacity: 0.001;
}
.subWindow.forBulkExport .nowProcessing.show {
	opacity: 1.0;
}
.subWindow.forBulkExport .btn {
	margin-left: 5px;
	padding-left: 10px;
}
.subWindow.forBulkExport .btn.cancel {
	background-color: #ff4444;
}
.subWindow.forBulkExport input.targetFile {
	margin: 10px 0px 20px;
	font-size: 1.0rem;
}
.subWindow.forBulkExport .deleteAnalysisData {
	font-size: 0.8rem;
	text-decoration: underline;
}

input.text_withAutoSuggest.ui-autocomplete-input {
	margin-bottom: 5px;
	padding: 4px;
	width: 8em;
}
ul.ui-autocomplete {
	z-index: 80000;
}


/* オプション設定ウィンドウ */
.modal-optionSetting {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 90000;
}
.modal-optionSetting .modal-content {
	margin: 30% auto;
	padding: 1em;
	width: 60%;
	border-radius: 4px;
	background-color: rgba(250, 250, 250, 1.0);
	user-select: none;
}
.modal-optionSetting .settingItems {
	padding: 1em;
}
.modal-optionSetting .close {
	text-decoration: underline;
	font-size: 0.8em;
}