/*フォントのスタイル*/
body {
    font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, 'Open Sans', sans-serif;
}

@media screen and (max-width: 767.98px) {
  body {
    font-size: 14px;
  }
  .btn-outline-info{
    font-size: 14px;
    padding: 3px;
  }
  .btn-outline-info-noactive{
    font-size: 14px;
    padding: 3px;
  }

  .fc-header-toolbar{
    font-size: 10px;
  }
  .fc-view-container{
    font-size: 8px;
  }
  .fc-day-number{
    font-size: 12px;
  }
  .fc-list-item-title{
    font-size: 14px;
  }
  .fc-list-item-time{
    font-size: 14px;
  }
  .fc-list-heading-main{
    font-size: 14px;
  }
  .fc-list-heading-alt{
    font-size: 14px;
  }
  .fc-content{
    font-size: 10px;
  }
  .font_sp_class10 {
    font-size: 10px;
  }
  .font_sp_class11 {
    font-size: 11px;
  }

  /* スマホ用のスタイル */
}
@media screen and (min-width: 770px) {
  /* PC用のスタイル */
  body {
    font-size: 14px;
  }
}


/*ブロックタイトル*/
.block_title{
  color: #17a2b8;
}

/* 文字の折り返し*/
.my-wrap {
  word-break : break-all;
}

/*ラベルのスタイル*/
label.title {
  padding: 0.25em 0.5em;
  color: #494949;
  background: transparent;
  border-left: solid 3px #17a2b8;
}

label.required_item:after {
  color: #dc3545;
  content:" [必須]";
}

label.perfect_item:after {
  color: #17a2b8;
  content:" [完全]";
}

label.perfect_required_item:after {
  color: #dc3545;
  content:" [必須・完全]";
}

label.forward_match_item:after {
  color: #17a2b8;
  content:" [前方]";
}

label.partial_item:after {
  color: #17a2b8;
  content:" [部分]";
}

label.partial_item_and:after {
  color: #17a2b8;
  content:" [部分・複数]";
}

label.between_item_from:after {
  color: #17a2b8;
  content:" [開始]";
}

label.between_item_to:after {
  color: #17a2b8;
  content:" [終了]";
}

label.between_item_m_from:after {
  color: #17a2b8;
  content:" [以上]";
}

label.between_item_m_to:after {
  color: #17a2b8;
  content:" [以下]";
}

/*テキスト項目のスタイル*/
input[type="text"].required_item{
  background:#fffff0;
  border-radius: 0 !important;
}

input[type="password"].required_item{
  background:#fffff0;
  border-radius: 0 !important;
}

input[type="text"].optional_item{
  background:#ffffff;
  border-radius: 0 !important;
}

/*テキスト項目のスタイル*/
input[type="text"].noentry_item2{
  background:#e6e6e6;
  border-radius: 0 !important;
}

input[type="text"].noentry_item{
  background:#cce7ff;
  border-radius: 0 !important;
}

input[type="text"].readonly {
  background:#dcdcdc;
  border-radius: 0 !important;
}

/*テキスト項目のスタイル*/
textarea.required_item{
  background:#fffff0;
  border-radius: 0 !important;
}
textarea.optional_item{
  background:#ffffff;
  border-radius: 0 !important;
}

/*SELECTBOXの必須項目の背景色*/
.required_item_bg_color {
     background-color: #fffff0 !important;
}

/*SELECTBOXの任意項目の背景色*/
.option_item_bg_color {
     background-color: #ffffff !important;
}

/*SELECTBOXの任意項目の背景色*/
.noentry_item_bg_color {
     background-color: #dcdcdc !important;
}

/* エラーメッセージのスタイル */
.field_wrapper ul.errorlist {
  margin: 3px 0 3px 15px;
  padding: 0;
  color: #f33;
}

/* エラーメッセージのスタイル
$('input[type="checkbox"].flat-green).iCheck({
  checkboxClass: 'icheckbox_flat-green',
  radioClass   : 'iradio_flat-green'
})
 */

input[type="checkbox"].checkbox-large {
   width: 20px;
   height: 20px;
   vertical-align: middle;
}

input[type="color"].register-color {
   width: 100px;
   height: 38px;
   border-radius: 0;
}

input[type="checkbox"].checkbox-biglarge {
   width: 30px;
   height: 30px;
   vertical-align: middle;
}

input[type="radio"].radio-biglarge {
   width: 30px;
   height: 30px;
   vertical-align: middle;
}



/* テキストの配置 */
.text-left-active {
   ime-mode: active;
   text-align: left;
}

.text-right-active {
   ime-mode: active;
   text-align: right;
}

.text-left-inactive {
  ime-mode: disabled;
  text-align: left;
}

.text-right-inactive {
  ime-mode: disabled;
  text-align: right;
}

.file_up_filed{
  display:none;
}

.btn-outline-info-noactive{
  color: #17a2b8;
  background-color: transparent;
  border-color: #17a2b8;
}


.table_border_radius {
  border: 1px solid #ccc;
  border-radius: 5px;
  border-spacing: 0;
  border-collapse: separate;
}
.table_border_radius tr td {
	border: none;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
  background-color: #fffff0;
}
.table_border_radius tr td:first-child {
  border-left: none;
}
.table_border_radius tr td:last-child {
  border-right: none;
}
.table_border_radius tr:first-child td {
  border-top: none;
}
.table_border_radius tr:last-child td {
  border-bottom: none;
}

.ws_display{
    display:normal;
}
.ws_display-none{
    display:none;
}
.detail_area_drap_bg{
  background-color: #dcdcdc;
  border:dotted 1px #dcdcdc;
}

.detail_area_drap_handle{
  cursor:move;
}
.detail_select_drap_handle{
  cursor:move;
}
/* アンケートドラッグ時の背景色 */
.nested_area_drap_bg{
  background-color: #dcdcdc;
  border:dotted 1px #dcdcdc;
}

.nested-2{
  cursor: grab;
}

.nested-2:active{
  cursor: grabbing;
}

.line_history_link:link, .line_history_link:visited, .line_history_link:active, .line_history_link:focus{
  color: #00008b;
  text-decoration: underline;
}
.line_history_link:hover{
  color: #00bfff;
  text-decoration: underline;
}
.ns-img-thumbnail {
  width: 100px;
  height: 100px;
  object-fit: cover;
  cursor: pointer;
}