@charset "UTF-8";
/* 
    Created on : 2016/06/28, 14:50:11
    Author     : ooki
*/
/*

このファイルは変数の宣言をまとめておくためのファイルです。
共有で使用する変数は、本ファイルにまとめて記述します。

通常の設定ではコンパイル外になります。（先頭アンダーバー）
各scssでimportして使用して下さい。
        
*/
/* 全体的な要素 */
html {
  margin: 0px;
  padding: 0px;
  word-break: break-all;
}

body {
  margin: 0px;
  padding: 0px;
  font-size: 1rem !important;
  margin-bottom: 30px;
}
body.fixed {
  overflow: hidden;
}

form {
  margin: 0 0;
}

ul, li, dl, dt, dd {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

input[type='file'] {
  font-size: 1.2em;
  font-weight: bold;
}

input:disabled, textarea:disabled, select:disabled {
  background-color: lightgray;
}

select {
  max-width: 100%;
}

table, dl, ol, ul {
  font-size: 1rem;
  /*        @media not screen and (max-width :$sm_screen_width){
                  font-size : 12px;
          }*/
}

.logoimg img, .showlogo img {
  max-width: 400px;
}

.main-head {
  padding: 5px 5px;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 20px;
}
.main-head img {
  display: block;
  float: left;
  height: 28px;
  width: 28px;
  margin-top: 0em;
  margin-right: 10px;
  margin-left: 5px;
}

.sub-head {
  padding: 5px 5px;
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* コンポーネント */
.work_btn {
  display: inline-block;
  color: white;
  font-weight: bold;
  border: solid 1px lightgray;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 7px;
  width: 90px;
  font-size: 14px;
  box-shadow: 1px 1px 1px #555;
  text-decoration: none;
}
.work_btn:active {
  box-shadow: 0px 0px gray;
}
.work_btn:hover {
  color: lightgray;
  cursor: pointer;
}
.work_btn.small {
  font-size: 13px;
  width: 65px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.work_btn.small-font {
  font-size: 13px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.work_btn.long {
  width: 105px;
}
.work_btn.very-long {
  width: 120px;
}
.work_btn.work_reset {
  background-color: dodgerblue;
}
.work_btn.work_search {
  background-color: darkorange;
}
.work_btn.work_new {
  background-color: firebrick;
}
.work_btn.work_csv {
  background-color: mediumvioletred;
}
.work_btn.work_csv_templete {
  background-color: darkcyan;
  width: 140px;
}
.work_btn.work_delete {
  background-color: #464646;
}
.work_btn.work_move {
  background-color: sandybrown;
}
.work_btn.work_abort {
  background-color: goldenrod;
}
.work_btn.work_conf {
  background-color: steelblue;
}
.work_btn.work_close {
  background-color: darkgray;
  float: left;
}
.work_btn.work_close_center {
  background-color: darkgray;
  float: none;
  display: block;
  margin: 10px auto;
}
.work_btn.work_arrow {
  width: 30px;
  background-color: yellowgreen;
  padding-top: 5px;
  padding-bottom: 5px;
}
.work_btn.work_arrow_wide {
  background-color: yellowgreen;
}
.work_btn.work_shonin {
  background-color: deepskyblue;
}
.work_btn.work_shonincancel {
  background-color: rosybrown;
}
.work_btn.work_wait {
  background-color: mediumslateblue;
}
.work_btn.work_ok {
  background-color: royalblue;
}
.work_btn.work_define {
  background-color: lightcoral;
}
.work_btn.work_else_gray {
  background-color: gray;
}
.work_btn.work_else_violet {
  background-color: DarkViolet;
}
.work_btn.work_else_purple {
  background-color: purple;
}
.work_btn.work_else_green {
  background-color: green;
}
.work_btn.work_back {
  background-color: lightgray;
  color: black;
}
.work_btn.work_next {
  background-color: peachpuff;
  color: black;
}
.work_btn.work_add {
  background-color: pink;
  color: black;
}
.work_btn.work_deletesub {
  background-color: gainsboro;
  color: black;
}
.work_btn.work_savetemp {
  background-color: tomato;
  color: black;
}
.work_btn.work_change {
  background-color: mediumaquamarine;
  color: black;
}
.work_btn.work_statistics {
  background-color: mediumaquamarine;
  color: black;
}
.work_btn.work_preview {
  background-color: lightsteelblue;
  color: black;
  width: 90px;
}
.work_btn.work_publish {
  background-color: deepskyblue;
  color: white;
}
.work_btn.work_twitter {
  background-color: deepskyblue;
  color: white;
}
.work_btn.work_facebook {
  background-color: blue;
  color: white;
}
.work_btn.work_rss {
  background-color: salmon;
  color: white;
}
.work_btn.centerbtn {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.work_btn.freewidth {
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
}

ul.listview {
  padding: 3px;
}
ul.listview li.listview-child {
  padding: 2px;
}
ul.listview li.listview-child:nth-child(n +2) {
  margin-top: 2px;
}
ul.listview li.listview-child label {
  font-weight: normal;
}
ul.listview li.listview-child label:hover {
  cursor: pointer;
}
ul.listview.listview-double li.listview-child {
  float: left;
  display: block;
  width: 45%;
  min-width: 250px;
  margin-left: 3px;
}
ul.listview.listview-double li.listview-child:nth-child(2n - 1) {
  clear: left;
}
ul.listview.listview-rich li.listview-child {
  width: 100%;
}
ul.listview.listview-rich li.listview-child:hover {
  background-color: azure;
}
ul.listview.input-hidden input {
  display: none;
}

.listview-parent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.listview-parent.small {
  height: 150px;
}

.popup-table-area {
  -webkit-overflow-scrolling: touch;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow-y: scroll;
  border: solid 1px lightgray;
}

.checked-item {
  cursor: pointer;
}
.checked-item:hover {
  background-color: lightpink;
}

.backscreen {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: gray;
  opacity: 0.9;
  z-index: 998;
}

.rich-radio input[type="radio"] {
  display: none;
}
.rich-radio .rich-radio-label {
  display: block;
  float: left;
  cursor: pointer;
  width: 90px;
  margin: 0;
  padding: 10px;
  background: whitesmoke;
  font-size: 16px;
  text-align: center;
  line-height: 1;
  border: lightgray solid 1px;
  color: gray;
  font-weight: normal;
  box-shadow: 1px 1px 1px #555;
}
.rich-radio.rich-radio-small .rich-radio-label {
  width: 70px;
  font-size: 14px;
}
.rich-radio.rich-radio-wide .rich-radio-label {
  width: 180px;
}
.rich-radio.rich-radio-half {
  text-align: center;
}
.rich-radio.rich-radio-half .rich-radio-label {
  width: 45%;
  display: inline-block;
  float: none;
}
.rich-radio.rich-radio-line {
  text-align: center;
}
.rich-radio.rich-radio-line .rich-radio-label {
  width: 90%;
  display: inline-block;
  float: none;
}
.rich-radio.rich-radio-three {
  text-align: center;
}
.rich-radio.rich-radio-three .rich-radio-label {
  width: 30%;
  display: inline-block;
  float: none;
}
.rich-radio input[type="radio"]:checked + .rich-radio-label {
  background: hotpink url("./images/bg_check.png") no-repeat 3px 0px;
  color: white;
  font-weight: bold;
  box-shadow: 0px 0px 0px #000;
  border-width: 1px;
  border-color: lightgray;
}
.rich-radio input[type="radio"]:checked + .rich-radio-label.disable {
  background: silver url("./images/bg_check_black.png") no-repeat 3px 0px;
}
.rich-radio input[type="radio"]:disabled + .rich-radio-label, .rich-radio input[type="radio"]:checked + .rich-radio-label.disable {
  background-color: silver;
  cursor: not-allowed;
}
.rich-radio input[type="radio"]:disabled:checked + .rich-radio-label {
  background: silver url("./images/bg_check_black.png") no-repeat 3px 0px;
  cursor: not-allowed;
}
.rich-radio .else-content {
  display: block;
  float: left;
  font-size: 16px;
  margin-top: 15px;
  margin-left: 10px;
}

.rich-check input[type="checkbox"] {
  display: none;
}
.rich-check .rich-check-label {
  display: inline-block;
  cursor: pointer;
  border: lightgray solid 1px;
  margin: 0;
  padding: 5px 10px 5px 5px;
  font-size: 18px;
  text-align: center;
  color: black;
  font-weight: normal;
  background-color: whitesmoke;
}
.rich-check .rich-check-label:before {
  content: url(./images/chkoff.png);
  position: relative;
  top: 3px;
  left: 3px;
  padding-right: 10px;
}
.rich-check.rich-check-small .rich-check-label {
  padding: 3px 5px 5px 5px;
  font-size: 14px;
}
.rich-check input[type="checkbox"]:checked + .rich-check-label {
  background-color: hotpink;
  color: white;
  font-weight: bold;
}
.rich-check input[type="checkbox"]:checked + .rich-check-label:before {
  content: url(./images/chkon.png);
}

.rich-check-label {
  font-size: 1.2em;
  font-weight: normal;
  cursor: pointer;
}

input[type="checkbox"]:checked + .rich-check-label {
  font-weight: bold;
}

.treeview {
  border: 1px lightgray solid;
  box-shadow: 1px gray;
  padding: 10px 5px;
}
.treeview .treeview-label {
  font-size: 1.1em;
  font-weight: normal;
}
.treeview .treeview-label .treeview-label-sub {
  font-size: 0.7em;
  display: inline-block;
  padding-left: 2px;
}
.treeview li.expandable > .treeview-label > .treeview-label-sub {
  display: inline-block;
}
.treeview .child-on > input[type="checkbox"] + .treeview-label {
  font-weight: bold;
}
.treeview input[type="checkbox"]:checked + .treeview-label {
  font-weight: bold;
}
.treeview .treeview-subinfo {
  font-size: 0.7em;
  display: none;
}
.treeview .expandable.child-on .treeview-subinfo {
  display: inline;
}

font.msg-end {
  color: #0000FF;
}

#move-top a {
  z-index: 990;
}

#move-top-dialog a {
  z-index: 995;
}

#move-last a {
  display: block;
  z-index: 999;
  padding-top: 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#move-last a:hover {
  text-decoration: none;
  opacity: 0.7;
}

table.table.add-bottominfo {
  margin-bottom: 3px;
}
table.table > tbody > tr > td {
  vertical-align: middle;
}
table.table > tbody > tr > td.list-head {
  background-color: deepskyblue;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}
table.table > tbody > tr > td.list-dat-l {
  text-align: left;
}
table.table > tbody > tr > td.list-dat-c {
  text-align: center;
}
table.table > tbody > tr > td.list-dat-r {
  text-align: right;
}
table.table > tbody > tr > th {
  vertical-align: middle;
  background-color: deepskyblue;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}

font.untrans {
  color: blue;
}

.flat-button {
  padding: 3px 8px;
  font-weight: bold;
  font-size: 16px;
  color: black;
  box-shadow: none;
  border: none;
}
.flat-button:hover {
  cursor: pointer;
  color: gray;
}

.enq-area {
  margin-bottom: 20px;
}
.enq-area .enq-header {
  background-color: azure;
  font-weight: bold;
  border: 1px solid gray;
}
.enq-area .enq-header .header-text {
  font-size: 16px;
  margin-top: 3px;
  margin-left: 5px;
}
.enq-area .enq-detail {
  padding: 5px 5px;
}
.enq-area .enq-detail .enq-question-text {
  width: 100%;
}
.enq-area .enq-detail .enq-method {
  margin-top: 10px;
  margin-bottom: 10px;
}
.enq-area .enq-detail .enq-answer-base-area {
  padding-left: 5px;
}
.enq-area .enq-detail .enq-answer-base-area .enq-answer {
  margin-top: 10px;
  margin-bottom: 10px;
}

.anpi-mode .enq-area .enq-header {
  background-color: lightcoral;
}

.detail-table {
  width: 95%;
}
.detail-table td.header-cell, .detail-table td.header-cell-center {
  text-align: center;
  vertical-align: middle;
  background-color: lightskyblue;
}
.detail-table td.header-cell-center {
  text-align: center;
}

label.imgSelect > input[type='file'] {
  display: none;
}

label.imgSelect::after {
  content: '+';
  font-size: 1rem;
  color: #888;
  padding-left: 1rem;
}

.uploaddialog {
  padding: 20px 10px;
  max-width: 500px;
  text-align: center;
}
.uploaddialog img {
  display: block;
  margin: 10px auto;
}
.uploaddialog .uploadBtnArea {
  margin: 10px 5px;
}
.uploaddialog .uploadimage .inputtitle {
  width: 120px;
  display: inline-block;
}
.uploaddialog .uploadimage input[type='text'] {
  width: 300px;
}

.fileselecter {
  padding: 20px 10px;
  max-width: 850px;
}
.fileselecter .modeselector {
  float: right;
  margin-right: 10px;
  padding: 5px;
}
.fileselecter .modeselector label {
  margin-left: 10px;
}
.fileselecter .filelist {
  max-height: 500px;
  overflow-y: scroll;
}
.fileselecter .filelist .fileitem {
  text-align: center;
  width: 150px;
  height: 150px;
  padding: 1px;
  margin: 5px;
  border: 1px lightgray solid;
  float: left;
}
.fileselecter .filelist .fileitem img {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.fileselecter .filelist .fileitem .disp_name {
  display: block;
}
.fileselecter .filelist .fileitem.selecting {
  border: 2px solid darkred;
}
.fileselecter .filelist .fileitem:hover {
  cursor: pointer;
  opacity: 0.8;
}
.fileselecter .filelist .fileitem label.imgSelect {
  margin-top: 70px;
}
.fileselecter .editFootArea {
  margin-top: 20px;
  padding: 15px;
}
.fileselecter .editFootArea .fileitem {
  float: left;
  width: 100px;
  height: 100px;
  border: 1px solid black;
}
.fileselecter .editFootArea .fileitem img {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.fileselecter .editFootArea .edititem {
  float: left;
  width: 70%;
  max-width: 600px;
  padding: 10px;
}
.fileselecter .editFootArea .edititem .inputtitle {
  width: 20%;
  display: inline-block;
}
.fileselecter .editFootArea .edititem input[type='text'] {
  width: 75%;
}
.fileselecter .editFootArea .edititem .btnbase {
  margin-right: 10px;
}
.fileselecter .uploadBtnArea {
  margin-top: 20px;
  margin-bottom: 20px;
}

.exist_memo_mark {
  font-size: 0.8em;
  color: red;
}

.templateSelector {
  padding: 10px;
}
.templateSelector .templateItemList {
  padding: 5px;
  width: 660px;
  max-height: 660px;
  overflow-y: scroll;
}
.templateSelector .templateItemList li.templateItem {
  text-align: center;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  width: 210px;
  cursor: pointer;
}
.templateSelector .templateItemList li.templateItem:hover {
  border: 1px solid lightblue;
}
.templateSelector .templateItemList li.templateItem.selected {
  border: 2px solid darkblue;
}
.templateSelector .templateItemList li.templateItem .templateTitle {
  font-weight: bold;
  font-size: 0.9em;
  display: block;
  height: 35px;
}
.templateSelector .templateItemList li.templateItem .templateImage {
  width: 200px;
  height: 200px;
  display: block;
}
.templateSelector .preview {
  clear: both;
  text-align: center;
  width: 100%;
  padding-top: 30px;
}
.templateSelector .preview iframe {
  width: 90%;
  height: 300px;
  margin: 20px auto;
}

/*# sourceMappingURL=ui_kanri.css.map */