/* ALL */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Meiryo, arial;
}

/* HTML TAG */
body {
    margin: 0;
    padding: 0;
    font-family: Meiryo, arial, sans-serif;
    font-size: 1.1rem;
}

div {
    word-wrap: break-word;
}

pre {
    margin: 0;
    word-wrap: normal;
}

table {
    width: 100%;
    table-layout: fixed;
}

a:link,
a:active {
    color: #0033aa;
    text-decoration: underline;
}

a:hover {
    color: #ff8800;
    text-decoration: underline;
}

a:visited {
    color: #800080;
    text-decoration: underline;
}

/* テキストボックス横のボタン */
.input-group-btn {
    display: inline;
}

/* 新規登録フォーム(モーダル) */
.modal-full {
    width: 85%;
}

/* カレンダー */
.pickmeup {
    z-index: 2000;
}

/* テキストボックス(日付) */
input.date {
    display: inline-block;
    width: 8rem;
    background-color: #ffffff !important;
}

/* テキストボックス(日付) */
input[type="date"] {
    display: inline-block;
    width: 10rem;
    background-color: #ffffff !important;
}

/* テキストボックス(時間) */
input.time {
    display: inline-block;
    width: 7rem;
}

/* テキストボックス(時間) */
input[type="time"] {
    display: inline-block;
    width: 7rem;
}

/* 管理ページ用body */
#admin-content {
    background-color: #ffffff;
    font-size: 1rem;
    margin: 0.5rem 1.5rem 0.5rem 1.5rem;
    min-width: 61rem;    /* 984px */
}

/* 管理ページのコンテンツエリア(ナビゲーション以外) */
#admin-content-parent {
    margin: 0.75rem 0rem 0rem 0rem;
}

/* 管理ページのタイトル */
#admin-content-header > div.description {
    margin: 0rem 0rem 0.75rem 0.25rem;
    font-size: 1.25rem;
    line-height: 2rem;
}

/* 管理ページのタイトル　※ラベル */
#admin-content-header > div.description > label {
    margin: 0rem;
}

/* 管理ページのタイトル　※仕切り線 */
#admin-content-header > hr {
    margin: 0rem;
}

/* 管理ページのメイン部分 */
#admin-content-body {
    margin: 0.75rem 0rem 0rem 0rem;
}

.responsive-columns-wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* ボタン内アイコン */
.glyphicon {
    margin: 0rem 0.5rem 0rem 0rem;
}

/* CSVアップロード　プログレスバー */
div.csvup-width {
    width: 0%;
}

/* 左右のpaddingなし */
.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

/* 認証画面のページ構成 */
.sign-in {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 44rem;
    height: 20rem;
    margin: 0rem;
}

/* 共通ヘッダ(全体) */
.navbar {
    z-index: 1;
}

/* 共通ヘッダ(システム名) */
.navbar-brand {
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    margin: 0rem;
    line-height: 2rem;
}

/* 共通ヘッダ(Powerd By IBM Watson) */
.navbar-powered-by {
    position: absolute;
    right: 6rem;
    margin: 0.15rem 0rem 0.15rem 0rem;
    font-size: 0.75rem;
    color: #ffffff;
}

/* 共通ヘッダ(メニューボタン) */
.navbar-menu-btn {
    position: absolute;
    right: 1.5rem;
    padding: 2.4px 0px 2.4px 0px;
    color: #ffffff;
}

/* 共通ヘッダ(メニューリスト) */
.navbar-menu-list {
    list-style-type: none;
    position: absolute;
    float: right;
    left: auto;
    right: 0rem;
    top: 3.25rem;
    z-index: 1;
    width: 19rem;
    margin:0rem 0rem 0rem 0rem;
    padding: 0rem;
}

/* メニューリストの最上位 */
.dropdown-list-top {
    margin-top: 0.25rem;
}

/* メニューリスト内のセパレータ */
.dropdown-divider {
    margin: 0.25rem 0rem;
}

/* メニューリスト内のリンク */
a.dropdown-item {
    color: #ffffff;
    text-decoration: none;
    line-height: 2.5rem;
}

/* メニューリスト内のリンク(マウスオーバー時) */
a.dropdown-item:focus,
a.dropdown-item:hover {
    color: #0033aa;
}

/* 共通ヘッダの環境情報 */
.nav-env {
	font-size: 1rem;
	margin-right: 3rem;
}

/* 共通ヘッダのアプリケーションバージョン情報 */
.ver {
	padding-top: 10px;
	padding-right: 10px;
	font-style: italic;
	font-weight: plain;
	font-size: 0.7rem;
	color: #fff;
}

/* multliple select override */
.ms-drop input[type="checkbox"] {
    margin-right: 0.5rem;
}

span.on {
    color: #3879D9;
}
  
span.off {
    color: #aaa;
}

.error {
    color: #d00502;
}

/* tablesorter header */
th.tablesorter-headerUnSorted:not(.sorter-false) {
    background-image: url('/img/tablesorter.gif');
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 1.5rem !important;
}

th.tablesorter-headerDesc {
    background-image: url('/img/tablesorter-desc.gif');
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 1.5rem !important;
}

th.tablesorter-headerAsc {
    background-image: url('/img/tablesorter-asc.gif');
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 1.5rem !important;
}

/* IBM Design fonts https://github.ibm.com/Design/fonts */
@font-face {
    font-family: 'Helvetica Neue for IBM';
    src: url('../fonts/light/h-n-light.eot?') format('eot'),
         url('../fonts/light/h-n-light.woff2') format('woff2'),
         url('../fonts/light/h-n-light.woff') format('woff'),
         url('../fonts/light/h-n-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Neue for IBM';
    src: url('../fonts/light-italic/h-n-light-italic.eot?') format('eot'),
         url('../fonts/light-italic/h-n-light-italic.woff2') format('woff2'),
         url('../fonts/light-italic/h-n-light-italic.woff') format('woff'),
         url('../fonts/light-italic/h-n-light-italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Helvetica Neue for IBM';
    src: url('../fonts/roman/h-n-roman.eot?') format('eot'),
         url('../fonts/roman/h-n-roman.woff2') format('woff2'),
         url('../fonts/roman/h-n-roman.woff') format('woff'),
         url('../fonts/roman/h-n-roman.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Neue for IBM';
    src: url('../fonts/roman-italic/h-n-roman-italic.eot?') format('eot'),
         url('../fonts/roman-italic/h-n-roman-italic.woff2') format('woff2'),
         url('../fonts/roman-italic/h-n-roman-italic.woff') format('woff'),
         url('../fonts/roman-italic/h-n-roman-italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Helvetica Neue for IBM';
    src: url('../fonts/medium/h-n-medium.eot?') format('eot'),
         url('../fonts/medium/h-n-medium.woff2') format('woff2'),
         url('../fonts/medium/h-n-medium.woff') format('woff'),
         url('../fonts/medium/h-n-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Neue for IBM';
    src: url('../fonts/medium-italic/h-n-medium-italic.eot?') format('eot'),
         url('../fonts/medium-italic/h-n-medium-italic.woff2') format('woff2'),
         url('../fonts/medium-italic/h-n-medium-italic.woff') format('woff'),
         url('../fonts/medium-italic/h-n-medium-italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Helvetica Neue for IBM';
    src: url('../fonts/bold/h-n-bold.eot?') format('eot'),
         url('../fonts/bold/h-n-bold.woff2') format('woff2'),
         url('../fonts/bold/h-n-bold.woff') format('woff'),
         url('../fonts/bold/h-n-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Neue for IBM';
    src: url('../fonts/bold-italic/h-n-bold-italic.eot?') format('eot'),
         url('../fonts/bold-italic/h-n-bold-italic.woff2') format('woff2'),
         url('../fonts/bold-italic/h-n-bold-italic.woff') format('woff'),
         url('../fonts/bold-italic/h-n-bold-italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
/* IBM Icons */
@font-face {
    font-family: 'ibm-icons';
    src: url('../fonts/ibm-icons.eot?ytcz1z') format('eot'),
         url('../fonts/ibm-icons.eot?ytcz1z#iefix') format('embedded-opentype'),
         url('../fonts/ibm-icons.ttf?ytcz1z') format('truetype'),
         url('../fonts/ibm-icons.woff?ytcz1z') format('woff'),
         url('../fonts/ibm-icons.svg?ytcz1z#ibm-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* IBM glyphs */
@font-face {
    font-family: 'ibm-glyph';
    src: url('../fonts/ibm-glyphs.eot?1b8643') format('eot'),
         url('../fonts/ibm-glyphs.eot?1b8643#iefix') format('embedded-opentype'),
         url('../fonts/ibm-glyphs.ttf?1b8643') format('truetype'),
         url('../fonts/ibm-glyphs.woff?1b8643') format('woff'),
         url('../fonts/ibm-glyphs.svg?1b8643#ibm-glyph') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* CSVアップロード等のローディングアニメーション */
.loading-bg {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.4;
	background: #eceaea;
	z-index: 2000;
}
.loading-img {
	top: calc(50% - 2rem);
	right: calc(50% - 0.75rem);
	margin: 0rem;
	font-size: 0.5rem;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: fixed;
	text-indent: -9999em;
	-webkit-animation: load5 1.1s infinite ease;
	animation: load5 1.1s infinite ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 3000;
}

@-webkit-keyframes load5 {
	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em rgb(2, 117, 216), 1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2), 2.5em 0em 0 0em rgb(0, 72, 135, 0.2), 1.75em 1.75em 0 0em rgb(0, 72, 135, 0.2), 0em 2.5em 0 0em rgb(0, 72, 135, 0.2), -1.8em 1.8em 0 0em rgb(0, 72, 135, 0.2), -2.6em 0em 0 0em rgb(0, 72, 135, 0.5), -1.8em -1.8em 0 0em rgb(0, 72, 135, 0.7);
	}
	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgb(0, 72, 135, 0.7), 1.8em -1.8em 0 0em rgb(2, 117, 216), 2.5em 0em 0 0em rgb(0, 72, 135, 0.2), 1.75em 1.75em 0 0em rgb(0, 72, 135, 0.2), 0em 2.5em 0 0em rgb(0, 72, 135, 0.2), -1.8em 1.8em 0 0em rgb(0, 72, 135, 0.2), -2.6em 0em 0 0em rgb(0, 72, 135, 0.2), -1.8em -1.8em 0 0em rgb(0, 72, 135, 0.5);
	}
	25% {
		box-shadow: 0em -2.6em 0em 0em rgb(0, 72, 135, 0.5), 1.8em -1.8em 0 0em rgb(0, 72, 135, 0.7), 2.5em 0em 0 0em rgb(2, 117, 216), 1.75em 1.75em 0 0em rgb(0, 72, 135, 0.2), 0em 2.5em 0 0em rgb(0, 72, 135, 0.2), -1.8em 1.8em 0 0em rgb(0, 72, 135, 0.2), -2.6em 0em 0 0em rgb(0, 72, 135, 0.2), -1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2);
	}
	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgb(0, 72, 135, 0.2), 1.8em -1.8em 0 0em rgb(0, 72, 135, 0.5), 2.5em 0em 0 0em rgb(0, 72, 135, 0.7), 1.75em 1.75em 0 0em rgb(2, 117, 216), 0em 2.5em 0 0em rgb(0, 72, 135, 0.2), -1.8em 1.8em 0 0em rgb(0, 72, 135, 0.2), -2.6em 0em 0 0em rgb(0, 72, 135, 0.2), -1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2);
	}
	50% {
		box-shadow: 0em -2.6em 0em 0em rgb(0, 72, 135, 0.2), 1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2), 2.5em 0em 0 0em rgb(0, 72, 135, 0.5), 1.75em 1.75em 0 0em rgb(0, 72, 135, 0.7), 0em 2.5em 0 0em rgb(2, 117, 216), -1.8em 1.8em 0 0em rgb(0, 72, 135, 0.2), -2.6em 0em 0 0em rgb(0, 72, 135, 0.2), -1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2);
	}
	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgb(0, 72, 135, 0.2), 1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2), 2.5em 0em 0 0em rgb(0, 72, 135, 0.2), 1.75em 1.75em 0 0em rgb(0, 72, 135, 0.5), 0em 2.5em 0 0em rgb(0, 72, 135, 0.7), -1.8em 1.8em 0 0em rgb(2, 117, 216), -2.6em 0em 0 0em rgb(0, 72, 135, 0.2), -1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2);
	}
	75% {
		box-shadow: 0em -2.6em 0em 0em rgb(0, 72, 135, 0.2), 1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2), 2.5em 0em 0 0em rgb(0, 72, 135, 0.2), 1.75em 1.75em 0 0em rgb(0, 72, 135, 0.2), 0em 2.5em 0 0em rgb(0, 72, 135, 0.5), -1.8em 1.8em 0 0em rgb(0, 72, 135, 0.7), -2.6em 0em 0 0em rgb(2, 117, 216), -1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2);
	}
	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgb(0, 72, 135, 0.2), 1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2), 2.5em 0em 0 0em rgb(0, 72, 135, 0.2), 1.75em 1.75em 0 0em rgb(0, 72, 135, 0.2), 0em 2.5em 0 0em rgb(0, 72, 135, 0.2), -1.8em 1.8em 0 0em rgb(0, 72, 135, 0.5), -2.6em 0em 0 0em rgb(0, 72, 135, 0.7), -1.8em -1.8em 0 0em rgb(2, 117, 216);
	}
}
@keyframes load5 {
	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em rgb(2, 117, 216), 1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2), 2.5em 0em 0 0em rgb(0, 72, 135, 0.2), 1.75em 1.75em 0 0em rgb(0, 72, 135, 0.2), 0em 2.5em 0 0em rgb(0, 72, 135, 0.2), -1.8em 1.8em 0 0em rgb(0, 72, 135, 0.2), -2.6em 0em 0 0em rgb(0, 72, 135, 0.5), -1.8em -1.8em 0 0em rgb(0, 72, 135, 0.7);
	}
	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgb(0, 72, 135, 0.7), 1.8em -1.8em 0 0em rgb(2, 117, 216), 2.5em 0em 0 0em rgb(0, 72, 135, 0.2), 1.75em 1.75em 0 0em rgb(0, 72, 135, 0.2), 0em 2.5em 0 0em rgb(0, 72, 135, 0.2), -1.8em 1.8em 0 0em rgb(0, 72, 135, 0.2), -2.6em 0em 0 0em rgb(0, 72, 135, 0.2), -1.8em -1.8em 0 0em rgb(0, 72, 135, 0.5);
	}
	25% {
		box-shadow: 0em -2.6em 0em 0em rgb(0, 72, 135, 0.5), 1.8em -1.8em 0 0em rgb(0, 72, 135, 0.7), 2.5em 0em 0 0em rgb(2, 117, 216), 1.75em 1.75em 0 0em rgb(0, 72, 135, 0.2), 0em 2.5em 0 0em rgb(0, 72, 135, 0.2), -1.8em 1.8em 0 0em rgb(0, 72, 135, 0.2), -2.6em 0em 0 0em rgb(0, 72, 135, 0.2), -1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2);
	}
	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgb(0, 72, 135, 0.2), 1.8em -1.8em 0 0em rgb(0, 72, 135, 0.5), 2.5em 0em 0 0em rgb(0, 72, 135, 0.7), 1.75em 1.75em 0 0em rgb(2, 117, 216), 0em 2.5em 0 0em rgb(0, 72, 135, 0.2), -1.8em 1.8em 0 0em rgb(0, 72, 135, 0.2), -2.6em 0em 0 0em rgb(0, 72, 135, 0.2), -1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2);
	}
	50% {
		box-shadow: 0em -2.6em 0em 0em rgb(0, 72, 135, 0.2), 1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2), 2.5em 0em 0 0em rgb(0, 72, 135, 0.5), 1.75em 1.75em 0 0em rgb(0, 72, 135, 0.7), 0em 2.5em 0 0em rgb(2, 117, 216), -1.8em 1.8em 0 0em rgb(0, 72, 135, 0.2), -2.6em 0em 0 0em rgb(0, 72, 135, 0.2), -1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2);
	}
	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgb(0, 72, 135, 0.2), 1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2), 2.5em 0em 0 0em rgb(0, 72, 135, 0.2), 1.75em 1.75em 0 0em rgb(0, 72, 135, 0.5), 0em 2.5em 0 0em rgb(0, 72, 135, 0.7), -1.8em 1.8em 0 0em rgb(2, 117, 216), -2.6em 0em 0 0em rgb(0, 72, 135, 0.2), -1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2);
	}
	75% {
		box-shadow: 0em -2.6em 0em 0em rgb(0, 72, 135, 0.2), 1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2), 2.5em 0em 0 0em rgb(0, 72, 135, 0.2), 1.75em 1.75em 0 0em rgb(0, 72, 135, 0.2), 0em 2.5em 0 0em rgb(0, 72, 135, 0.5), -1.8em 1.8em 0 0em rgb(0, 72, 135, 0.7), -2.6em 0em 0 0em rgb(2, 117, 216), -1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2);
	}
	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgb(0, 72, 135, 0.2), 1.8em -1.8em 0 0em rgb(0, 72, 135, 0.2), 2.5em 0em 0 0em rgb(0, 72, 135, 0.2), 1.75em 1.75em 0 0em rgb(0, 72, 135, 0.2), 0em 2.5em 0 0em rgb(0, 72, 135, 0.2), -1.8em 1.8em 0 0em rgb(0, 72, 135, 0.5), -2.6em 0em 0 0em rgb(0, 72, 135, 0.7), -1.8em -1.8em 0 0em rgb(2, 117, 216);
	}
}



/* 未使用 start */
#view-change-button {
	display: inline-block;
	position: absolute;
	width: 3.125rem;
	height: 3.125rem;
	border-radius: 1.5625rem;
	background: #AB72F8;
	top: 0.3125rem;
	right: 0.3125rem;
	line-height: 3.125rem;
	vertical-align: middle;
}
#view-change-button img {
	display: none;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
#view-change-button:not(.full) .not-full {
	display: inline-block;
}
#view-change-button.full .full {
	display: inline-block;
}
.responsive-column {
	-webkit-flex: 1;
	flex: 1 1 0%;
	overflow: auto;
}
.from-watson.latest.top p:before {
    position: relative;
    z-index: 2;
    left: -10px;
    width: auto;
}
.from-watson-mobile.latest.top p:before {
	content: url("../img/mobile-chan-80x100.png");
	/* 	background-size: 0.3125rem 1.3125rem; */
	position: relative;
	z-index: 2;
	left: -10px;
	width: auto;
}

.from-watson-denwa.latest.top p:before {
	content: url("../img/denwa-chan-80x54.png");
	/* 	background-size: 0.3125rem 1.3125rem; */
	position: relative;
	z-index: 2;
	left: -10px;
	width: auto;
}
.from-watson-tv.latest.top p:before {
	content: url("../img/televi-chan-80x54.png");
	/* 	background-size: 0.3125rem 1.3125rem; */
	position: relative;
	z-index: 2;
	left: -10px;
	width: auto;
}
::-webkit-input-placeholder {
	color: #0095A1;
}
::-moz-placeholder {
	color: #0095A1;
	opacity: 1;
}
input:-moz-placeholder {
	color: #0095A1;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #0095A1;
}
::-ms-clear {
	display: none;
}
#conv-header {
	height: 30px;
	margin: 10px;
	background-color: rgb(0, 82, 128);
	border-radius: 5px;
	color: #fff;
	display: flex;
}
/* 未使用 end */