/*
  #= SmartBreederシステム cssファイル
  #  業務区分::共通
  #  機能概要::スタイルシート
  #
  #  作成者::加藤　宏一朗
  #  履歴::
  #  Date       Name            Explanation
  #  2016.01.30 Kato kouichiro  新規作成
  #  20XX.XX.XX NNNNNNNNNNNNNN
  #  Copyright c 2016 Nihon Computer Consultant Co., Ltd. All Rights Reserved.
  #
  #-------------------------------------------------------------------------------#++

  #
  #== モジュール::style.css
  #  機能概要::共通的に各画面の表示設定を行う
  #  
  #-------------------------------------------------------------------------------#++
*/

* {
  /* （スマホ用）リンククリック時に枠などが表示されないようにする */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  /* （スマホ用）画像などを長押しした時に「画像を保存する」などのメニューを表示させないようにする */
  -webkit-touch-callout: none;
}
/* （スマホ用）入力ボックス以外でテキストコピーなどを禁止 */
* {
  -webkit-user-select: none;
}
input, textarea {
  -webkit-user-select: auto;
}

* {
  font-family: Meiryo, メイリオ, web-meiryo, sans-serif,Webix Material Icons !important;
}

/* Googleフォント利用時 */
/*.wf-active * {
  font-family: "Noto Sans Japanese", Meiryo, メイリオ, sans-serif !important;
}*/
body {
  font-weight: 500;
  /*font-weight: 400;*/ /* Googleフォント利用時 */
}

/* theme default(pink) start */
body[data-color-theme="pink"] #ncc-header,
body[data-color-theme="pink"] #leftpanel_div_logo {
  background-color: #E95383 !important;
}

body[data-color-theme="pink"] button.ncc-menu-btn {
  background-color: #ea579d !important;
}

body[data-color-theme="pink"] .cd-timeline-img.cd-picture{
  background-color: #ff80a8 !important;
}

body[data-color-theme="pink"] #help_header {
  background-color: #f17db7 !important;
}

body[data-color-theme="pink"] #leftpanel #leftpanel_contents ul li.activeItem {
  background-color: #ffcedb !important;
}

body[data-color-theme="pink"] .ncc-loading {
  background-image: url('../cow_images/loading_pink.gif');
}

body[data-color-theme="pink"] #user-box-contents {
  border-color: #bbb;
}

body[data-color-theme="pink"] #user-box-contents::before {
  border-bottom-color: #bbb;
}

body[data-color-theme="pink"] #farm-box-contents {
  border-color: #bbb;
}

body[data-color-theme="pink"] #farm-box-contents::before {
  border-bottom-color: #bbb;
}
/* theme default(pink) end */

/* theme green start */
body[data-color-theme="green"] #ncc-header,
body[data-color-theme="green"] #leftpanel_div_logo {
  background-color: #20B2AA !important;
}

body[data-color-theme="green"] button.ncc-menu-btn {
  background-color: #16A6B6 !important;
}

body[data-color-theme="green"] .cd-timeline-img.cd-picture{
  background-color: #75ce66 !important;
}

body[data-color-theme="green"] #help_header {
  background-color: #77cc22 !important;
}

body[data-color-theme="green"] #leftpanel #leftpanel_contents ul li.activeItem {
  background-color: #bee0c2 !important;
}

body[data-color-theme="green"] .ncc-loading {
  background-image: url('../cow_images/loading_green.gif');
}

body[data-color-theme="green"] #user-box-contents {
  border-color: #20B2AA;
}

body[data-color-theme="green"] #user-box-contents::before {
  border-bottom-color: #20B2AA;
}

body[data-color-theme="green"] #farm-box-contents {
  border-color: #20B2AA;
}

body[data-color-theme="green"] #farm-box-contents::before {
  border-bottom-color: #20B2AA;
}
/* theme green end */

/* theme blue start */
body[data-color-theme="blue"] #ncc-header,
body[data-color-theme="blue"] #leftpanel_div_logo {
  background-color: #2b87d8 !important;
}

body[data-color-theme="blue"] button.ncc-menu-btn {
  background-color: #217ac4 !important;
}

body[data-color-theme="blue"] .cd-timeline-img.cd-picture{
  background-color: #87a4fa !important;
}

body[data-color-theme="blue"] #help_header {
  background-color: #38a8fa !important;
}

body[data-color-theme="blue"] #leftpanel #leftpanel_contents ul li.activeItem {
  background-color: #b8e4ff !important;
}

body[data-color-theme="blue"] .ncc-loading {
  background-image: url('../cow_images/loading_blue.gif');
}

body[data-color-theme="blue"] #user-box-contents {
  border-color: #2b87d8;
}

body[data-color-theme="blue"] #user-box-contents::before {
  border-bottom-color: #2b87d8;
}

body[data-color-theme="blue"] #farm-box-contents {
  border-color: #2b87d8;
}

body[data-color-theme="blue"] #farm-box-contents::before {
  border-bottom-color: #2b87d8;
}
/* theme blue end */


#wrapper {
  position: relative;
  max-width: 900px;
  margin: 0 auto;   /*全体の中央寄せ*/
}
#container,#container2,#container3 {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.item {
  margin: 10px;
  width: 140px;
  padding: 8px;
  border: 1px solid #eee;
}
.item.x2 {
  width: 320px;
}
.item.x3 {
  width: 500px;
}
.item img {
  width: 100%;
}

/* input全体 */
.ui-input-text {
    position: relative;
}


/*ログインデザイン*/
.logininput {
  border: none;
  line-height: 1.5em;
  padding: 0;
  -webkit-appearance: none;
}

#login {
  margin: 25px auto;
  width: 230px;
}

#login form {
  margin: 0px 0px 0px -22px;
  padding: 22px 22px 22px 22px;
  width: 100%;
  border-radius: 5px;
  background: #282e33;
  border-top: 3px solid #434a52;
  border-bottom: 3px solid #434a52;
}

#login form .form_div {
    margin: 0;
    line-height: 15px;
}

#login form span {
  background-color: #dedede;
  border-radius: 3px 0px 0px 3px;
  border-right: 3px solid #dedede;
  color: #606468;
  display: block;
  float: left;
  line-height: 50px;
  text-align: center;
  width: 50px;
  max-width: 50px;
  min-width: 50px;
  height: 50px;
}
.fontawesome-user{
  background-repeat:no-repeat;
  background-image:url(https://cdn4.iconfinder.com/data/icons/font-awesome-2/2048/f007-32.png);
  background-position:center;
}
.fontawesome-lock{
  background-repeat:no-repeat;
  background-image:url(https://cdn4.iconfinder.com/data/icons/font-awesome-2/2048/f09c-32.png);
  background-position:center;
}

#login form input[type="url"] {
  background-color: white;
  border-radius: 0px 3px 3px 0px;
  color: #a9a9a9;
  margin-bottom: 1em;
  padding: 0 16px;
  width: 145px;
  max-width: 145px;
  min-width: 145px;
  height: 50px;
  ime-mode:disable;
}

#login form input[type="password"] {
  background-color: white;
  border-radius: 0px 3px 3px 0px;
  color: #a9a9a9;
  margin-bottom: 1em;
  padding: 0 16px;
  width: 145px;
  max-width: 145px;
  min-width: 145px;
  height: 50px;
  ime-mode:disable;
}

.ui-login {
    border:px solid #67bcd1; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
    width:90%;
    background-image: -webkit-linear-gradient(top, #d2d2f9, #a6a6f2);
    background-image: -moz-linear-gradient(top, #d2d2f9, #a6a6f2);
    background-image: -ms-linear-gradient(top, #d2d2f9, #a6a6f2);
    background-image: -o-linear-gradient(top, #d2d2f9, #a6a6f2);
    background-image: linear-gradient(to bottom, #d2d2f9, #a6a6f2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d2d2f9, endColorstr=#a6a6f2);
}

#div_loginInfoRemember {
    padding: 0;
}

#fld_loginInfoRemember > div:nth-child(1) {
    width: 0;
    margin: 0;
    padding: 0;
}

#fld_loginInfoRemember > div:nth-child(2) {
    width: 90%;
    margin: 4px 5% 16px;
}

#lbl_loginInfoRemember1 {
    font-size: 70%
}

#header{
    color:white;
}

.ui-header .ui-title {
  margin: 0 110px; 
  padding: 0;
  line-height: 50px;
  font-family: Cooper, web-cooper, Meiryo, メイリオ, web-meiryo, sans-serif, Webix Material Icons !important;
}

.ui-title{
    font-weight: 900;
    font-size: 100%;
    text-shadow:none;
}

/* ヘッダアイコン全般 */
.header_syussan:before, .header_alert:before, .header_analyze:before,
.header_byoreki:before, .header_calendar:before, .header_gyugun:before,
.header_hatsujo:before, .header_edit_cow:before, .header_print:before,
.header_isyoku:before, .header_jusei:before, .header_keizu:before,
.header_kotai_info:before, .header_ninkan:before, .header_sairan:before,
.header_seieki:before, .header_setting:before, .header_timeline:before,
.header_breeding_status:before, .header_calf_manage_status:before, .header_ikusyuka:before {
  content: '';
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  padding-left: 3px;
  vertical-align: middle;
  top: -1px;
  left: 0;

  background-position: center center;
  background-repeat: no-repeat;
  background-size: 25px;
}

/* 出産 */
.header_syussan:before {
    background-image: url("../cow_images/header_syussan.png");
}

/* アラート */
.header_alert:before {
    background-image: url("../cow_images/header_alert.png");
}

/* 分析 */
.header_analyze:before {
    background-image: url("../cow_images/header_analyze.png");
}

/* 病歴 */
.header_byoreki:before {
    background-image: url("../cow_images/header_byoreki.png");
}

/* カレンダー */
.header_calendar:before {
    background-image: url("../cow_images/header_calendar.png");
}

/* 牛郡 */
.header_gyugun:before {
    background-image: url("../cow_images/header_gyugun.png");
}

/* 発情発見 */
.header_hatsujo:before {
    background-image: url("../cow_images/header_hatsujo.png");
}

/* 育成 */
.header_edit_cow:before {
    background-image: url("../cow_images/header_edit_cow.png");
}

/* 印刷 */
.header_print:before {
    background-image: url("../cow_images/header_print.png");
}

/* 移植 */
.header_isyoku:before {
    background-image: url("../cow_images/header_isyoku.png");
}

/* 受精 */
.header_jusei:before {
    background-image: url("../cow_images/header_jusei.png");
}

/* 系図 */
.header_keizu:before {
    background-image: url("../cow_images/header_keizu.png");
}

/* 固体情報 */
.header_kotai_info:before {
    background-image: url("../cow_images/header_kotai_info.png");
}

/* 妊鑑 */
.header_ninkan:before {
    background-image: url("../cow_images/header_ninkan.png");
}

/* 採卵 */
.header_sairan:before {
    background-image: url("../cow_images/header_sairan.png");
}

/* 精液 */
.header_seieki:before {
    background-image: url("../cow_images/header_seieki.png");
}

/* 設定 */
.header_setting:before {
    background-image: url("../cow_images/header_setting.png");
}

/* タイムライン */
.header_timeline:before {
    background-image: url("../cow_images/header_timeline.png");
}

/* 育種価シミュレーション */
.header_ikusyuka:before {
    background-image: url("../cow_images/header_ikusyuka.png");
}

/* Breeding Status */
.header_breeding_status:before {
    background-image: url("../cow_images/header_breeding_status.png");
}

/* Calf Status */
.header_calf_manage_status:before {
    background-image: url("../cow_images/header_calf_manage_status.png");
}

#ncc-header{
    height: 50px;
/*    background-color:#E95383;*/
    font-size: 120%;
    border-bottom: none;
    overflow: visible;
}
/*ログアウトボタン*/
/*#logoutBtn{
    background-color:#20B2AA;
    padding: 0;
    width: 3em;
    height: 3em;
    overflow-x: hidden;
    border-style:none;
}*/
/*.ui-li-icon { max-height: 24px; max-width: 24px; left: 10px; top: .6em; }*/

/*  index.html    */
.ui-grid-a .ui-content-main {
    padding-right:10px;
    padding-left:10px;
    margin: 0px;
    float: right;
    width: 75%;
    height: 100%;
    background-position: 30% center;
}
/*ヘッダーのタイトルのフォント*/
#headerTitle{
    min-height: 1.1em;
    display: block;
    margin: 0 0;
    /*padding: .7em 0;*/
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    outline: 0!important;
  text-align: center;
  /*font-style: italic;*/
  /*font-variant: small-caps;*/
  color:  #fff;
  /*font-family: Cooper, web-cooper, Meiryo, メイリオ, web-meiryo, sans-serif !important;*/

  /*text-shadow: 3px 3px #fff, 9px 9px rgba(0,0,0,0.15);*/
}
/*ヘッダーボタン???一応保存ボタン*/
html .ui-bar-b .ui-btn{
    background-color:#20B2AA;
    padding: 0;
    width: 5em;
    height: 4em;
    border-style:none;
    margin-left: 6px;
    text-align: center;

    /* border-color: #1f1f1f; */
    /* color: #fff; */
    /* text-shadow: 0 1px 0 #111; */
}
/*ログアウトボタン*/
/*#logoutBtn{
    background-color:#20B2AA;
    padding: 0;
    width: 3em;
    height: 3em;
    right:2em;
    overflow-x: hidden;
    border-style:none;
}*/
/*戻るボタン*/
#btn_back{
    position: absolute;
    top: -70px;
    left: 10px;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-image: url("../cow_images/icon_browserback.png");
    background-repeat: no-repeat;
    background-position: 12px 12px;
    background-size: 15px 15px;
    background-color: #555555;
    opacity: 0.8;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}
#btn_back:after{
    content: "戻る";
    position: absolute;
    top: 26px;
    padding-left: 20px;
    color: #fff;
    font-size: 18px;
}
#btn_back:hover{
    background-color: #888888;
    text-shadow: 0 0 0;
}

#btn_back:focus{
    outline: none;
}

/*保存ボタン*/
#btn_save,
#btn_update,
#g01_update{
    position: absolute;
    top: -76px;
    right: 10px;
    width: 66px;
    height: 66px;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px;
    background-image: url("../cow_images/icon_psave.png");
    background-repeat: no-repeat;
    background-position: 7px 7px;
    background-size: 28px 28px;
    background-color: #00ac9a;
    opacity: 0.8;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}

#btn_save:after,
#btn_update:after,
#g01_update:after{
    content: "保存";
    position: absolute;
    top: 30px;
    padding-left: 20px;
    color: #fff;
    font-size: 20px;
}

#btn_save:hover,
#btn_update:hover,
#g01_update:hover{
    background-color: #10bcaa;
    text-shadow: 0 0 0;
}

#btn_save:focus,
#btn_update:focus,
#g01_update:focus{
    outline: none;
}

/* ヘッダー左側ボタン */
#headerLeft {
    display: none;
}

#btn_mainmenu {
    width: 45px;
    height: 45px;
    background: url("../cow_images/icon_mainmenu2.png") no-repeat 0 0;
    background-size: 45px 90px;
    margin: 3px;
    display: inline-block;
}
#btn_mainmenu.open {
    background-position: 0 -45px;
}

#btn_help {
    width: 45px;
    height: 45px;
    background: url("../cow_images/icon_help.png") no-repeat 2.5px 2.5px;
    background-size: 40px 40px;
    margin: 3px;
    display: inline-block;
}

/* helpポップアップ */
div#help.ui-popup {
  width: 80%;
  margin: 0 auto;
  max-width: 900px;
  max-height: 80%;
  overflow-x: hidden;
  overflow-y: auto;
}

div#help.ui-popup a.close {
  top: -20px !important;
  right: -30px !important;
}

div#help.ui-popup div#help_text {
  margin: 20px; 
}

/* ヘッダー左側ボタン押下時のパネル */
#leftpanel {
    position: fixed;
    height: 100%;
    background-color: #ffffff;
    color: #000000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#leftpanel_login_info {
  padding: 20px 10px 10px; 
}
#leftpanel_login_info2 {
  padding: 20px 10px 10px; 
}

#div_farmName,
#div_loginUserName {
    display: block !important;
    position: relative;
    /*height: 25px;*/
    font-size: 13px;
    /*padding-bottom: 7px;*/
    padding: 0; 
    border: none; 
}

div#div_loginUserName:after {
    content: "様";
    position: absolute;
    top: 27px;
    right: 52px;
}

div#div_loginUserName .ui-input-text,
div#div_farmName .ui-input-text {
    background-color: rgba(255,255,255,0);
    border: 0;
    box-shadow: none;
}

#div_loginUserName #lbl_loginUserName,
#div_farmName #lbl_farmName {
  font-size: 13px;
  width: 100%;
  margin: .5em 2% 0 0;
  color: #aaa !important;
  font-weight: bold !important;
}

#loginUserName,
#farmName {
    background-color: rgba(255, 255, 255, 0) !important;
    border: 0;
    width: 170px;
    margin: 4px 0 0;
    padding: 0;
    font-size: 15px;
    cursor: default;
}

#div_loginFarmName #lbl_loginFarmName,
#div_farmName2 #lbl_farmName2 {
  font-size: 13px;
  width: 100%;
  margin: .5em 2% 0 0;
  color: #aaa !important;
  font-weight: bold !important;
}

#loginFarmName,
#farmName2 {
    background-color: rgba(255, 255, 255, 0) !important;
    border: 0;
    width: 170px;
    margin: 4px 0 0;
    padding: 0;
    font-size: 15px;
    cursor: default;
}

#leftpanel .ui-panel-inner{
    padding: 0;
    height: 100%;
}

#leftpanel p {
    margin: 5px 0;
}

#leftpanel #leftpanel_header {
    height: 50px;
    overflow: hidden;
    display: table-cell;
    vertical-align: bottom;
    width: 272px;
/*    background-color: #e95383;*/
}

#leftpanel_div_logo {
  position: relative;
  height: 50px;
}

body#sp #leftpanel_div_logo {
  box-sizing: border-box;
  border-right: 1px solid #fff;
}

#leftpanel_logo {
  position: absolute;
  top: 6px;
  left: 10px;
  height: 40px;
}

#leftpanel_btn_user {
  position: absolute;
  right: 7px;
  width: 36px;
  height: 36px;
  background: url("../cow_images/icon_user.png") no-repeat 0 0;
  background-size: 36px 36px;
  margin: 7px;
  display: inline-block;
}

#leftpanel_btn_farm2 {
  position: absolute;
  right: 57px;
  width: 36px;
  height: 36px;
  background: url("../cow_images/icon_farm2.png") no-repeat 0 0;
  background-size: 36px 36px;
  margin: 7px;
  display: inline-block;
}

#leftpanel {
  /* （スマホ用）iPhoneでスクロールをスムーズにする */
  -webkit-overflow-scrolling: touch;
}

#leftpanel > * {
  /* （スマホ用）iPhone3GS、iPhone4などで動きがガタツクのを防ぐ為にGPUアクセラレーションを有効にする */
  -webkit-transform: translateZ(0px);
}

#leftpanel #leftpanel_contents {
    height: calc(100% - 63px);
    margin: 5px 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

#leftpanel #leftpanel_contents ul {
    padding-left: 0;
    margin: 0;
}

#leftpanel #leftpanel_contents ul li {
    list-style:none;
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
    background-color: #fff;
}

#leftpanel #leftpanel_contents ul.border_start_none li:first-child {
    border-top: 0;
}

#leftpanel #leftpanel_contents ul.border_start_bold li:first-child {
    border-top: 4px solid #cccccc;
}

#leftpanel #leftpanel_contents ul li.gyugun {
    padding-left: 10px;
    display: none;
}

#leftpanel #leftpanel_contents ul li.cursol_default {
    cursor: default;
}

#leftpanel #leftpanel_contents ul li.hiddenItem {
    display: none;
}

#leftpanel #leftpanel_contents ul li.icon-menu-top {
    background: url("../cow_images/icon_menu_top.png") no-repeat 0 4px;
    padding-left: 40px;
}

#leftpanel #leftpanel_contents ul li.icon-menu-ikusyuka {
    background: url("../cow_images/icon_menu_ikusyuka.png") no-repeat 0 4px;
    padding-left: 40px;
}

#leftpanel #leftpanel_contents ul li.icon-menu-timeline {
    background: url("../cow_images/icon_menu_timeline.png") no-repeat 0 4px;
    padding-left: 40px;
}

#leftpanel #leftpanel_contents ul li.icon-menu-calendar {
    background: url("../cow_images/icon_menu_calendar.png") no-repeat 0 4px;
    padding-left: 40px;
}

#leftpanel #leftpanel_contents ul li.icon-menu-alert {
    background: url("../cow_images/icon_menu_alert.png") no-repeat 0 4px;
    padding-left: 40px;
}

#leftpanel #leftpanel_contents ul li.icon-menu-setting {
    background: url("../cow_images/icon_menu_setting.png") no-repeat 0 4px;
    padding-left: 40px;
}
#leftpanel #leftpanel_contents ul li.icon-menu-cow-list {
    background: url(../cow_images/icon_menu_cow_list.png) no-repeat 0px 0px;
    padding-left: 40px;
    background-size: 36px;
}
#leftpanel #leftpanel_contents ul li.icon-menu-calf-list {
    background: url(../cow_images/icon_menu_calf_list.png) no-repeat 0px 0px;
    padding-left: 40px;
    background-size: 36px;
}

#leftpanel #leftpanel_contents ul li.icon-menu-bunseki {
    background: url("../cow_images/icon_menu_bunseki.png") no-repeat 0 4px;
    padding-left: 40px;
}

#leftpanel #leftpanel_contents ul li.icon-menu-bunseki2 {
    background: url("../cow_images/icon_menu_bunseki2.png") no-repeat 0 4px;
    padding-left: 40px;
}

#leftpanel #leftpanel_contents ul li.icon-menu-logout {
    background: url("../cow_images/icon_menu_logout.png") no-repeat 0 4px;
    padding-left: 40px;
}

#leftpanel #leftpanel_contents ul li.icon-menu-gyugun {
    background: url("../cow_images/icon_menu_gyugun.png") no-repeat 0 4px;
    padding-left: 40px;
}

#leftpanel #leftpanel_contents ul li.icon-menu-menulist {
  background: url("../cow_images/icon_menu_menulist.png") no-repeat 0 4px;
  padding-left: 40px;
}

#leftpanel #leftpanel_contents ul li.icon-menu-tree {
  background: url("../cow_images/icon_menu_tree.png") no-repeat 0 4px;
  padding-left: 40px;
}

#leftpanel #leftpanel_contents ul li:not(.highlight-off):hover {
    background-color: #ffffe0;
}

#leftpanel a.cattleGroupToggle div,
#leftpanel a.cattleGroupToggle i,
#leftpanel a.cattleGroupToggle span {
  pointer-events: none;
}

#leftpanel a.cattleGroupToggle {
  position: relative;
  left: 65px;
  color: #484848;
  display: inline-block;
  width: 90px;
  height: 30px;
  line-height: 30px;
  background: #eaeef1;
  text-decoration: none;
  box-sizing: border-box; 
}

#leftpanel a.cattleGroupToggle div {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  color: white;
  vertical-align: middle;
  border-bottom: solid 4px #dcdcdc;
}

/*#leftpanel a.cattleGroupToggle.cattleGroup-open div {
  background-color:#E95383;
  border-bottom-color: #b12b56;
}*/

#leftpanel a.cattleGroupToggle span {
  display: inline-block;
  width: 60px;
  height: 30px;
  text-align: center;
  border-bottom: solid 4px #dcdcdc;
  vertical-align:middle;
  color: #bbb;
  text-shadow: 1px 1px 0 #888;
  font-weight: normal;
}

#leftpanel a.cattleGroupToggle.cattleGroup-open span {
  color: #E95383;
  text-shadow: 1px 1px 0 #b92a57;
}

#leftpanel a.cattleGroupToggle div i:before {
  background: url(../cow_images/icon_gyugun.png) 0 0 no-repeat;
  background-size: 30px 60px;
  width: 30px;
  height: 30px;
  content: "";
  display: inline-block;
}

#leftpanel a.cattleGroupToggle.cattleGroup-open div i:before {
  background-position: 0 -30px;
}

a.cattleGroupToggle:active{
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);

  background:#bdbdbd;
}
a.cattleGroupToggle:active span, a.cattleGroupToggle:active div{
  border-bottom: none;
}

/*#leftpanel #leftpanel_contents ul#leftcattleGroup a.cattleGroupToggle {
  position: relative;
  left: 75px;
  display: inline-block;
  width: 65px;
  height: 35px;
  padding-left: 10px;
  background: #888;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  text-shadow: none;
  text-decoration: none;
}

#leftpanel #leftpanel_contents ul#leftcattleGroup a.cattleGroupToggle.cattleGroup-close div#gyugun_arrow {
  display: inline-block;
  transform: rotate( 90deg );
}

#leftpanel #leftpanel_contents ul#leftcattleGroup a.cattleGroupToggle.cattleGroup-open div#gyugun_arrow {
  display: inline-block;
  transform: rotate( 270deg );
}

#leftpanel #leftpanel_contents ul#leftcattleGroup a.cattleGroupToggle.cattleGroup-close div#gyugun_arrow span {
    position: relative;
    top: -1px;
    left: 0px;
}

#leftpanel #leftpanel_contents ul#leftcattleGroup a.cattleGroupToggle.cattleGroup-open div#gyugun_arrow span {
    position: relative;
    top: 4px;
    left: 3px;
}
*/

/*#leftpanel #leftpanel_contents ul#leftcattleGroup div.cattleGroupToggle {
  position: relative;
}

#leftpanel #leftpanel_contents ul#leftcattleGroup div.cattleGroupToggle span {
  display: inline-block;
  position: absolute;
  right: 50px;
}

#leftpanel #leftpanel_contents ul#leftcattleGroup div.cattleGroupToggle span.cattleGroup-close {
    transform: rotate( 90deg );
}

#leftpanel #leftpanel_contents ul#leftcattleGroup div.cattleGroupToggle span.cattleGroup-open {
    transform: rotate( 270deg );
}*/

#leftpanel #leftpanel_contents ul#leftcattleGroup li.cattleGroupMore {
/*    font-size: 12px;
    text-align: right;*/
    display: none;
    position: relative;
}

#leftpanel #leftpanel_contents ul#leftcattleGroup li.cattleGroupMore span {
  font-size: 12px;
  display: inline-block;
  position: absolute;
  right: 15px;
}

#leftpanel #close_leftpanel {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-decoration: none;
}
#close_leftpanel:after {
    position: absolute;
    content: "×";
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #ff4444;
    top: -2px;
    left: 6px;
}

/* ↓　PC版のみ　↓ */
/* wrap on wide viewports once open */        
body#pc .ui-panel-page-content-open,
body#pc .ui-panel-page-content-open.ui-panel-page-content-display-push {
  width: auto;
}

/* disable "dismiss" on wide viewports */
body#pc .ui-panel-dismiss,
body#pc .ui-panel-dismiss-display-push {
  display: none;
}

body#pc #btn_mainmenu {
  display: none;
}

body#pc #leftpanel #close_leftpanel {
  display: none;
}
/* ↑　PC版のみ　↑ */ 

/* ヘッダー右側ボタン */
#headerRight{
    text-align: center;
}

/* ヘッダー右側ボタン */
#headerRight a {
    display: inline-block;
    width: 49px;
    height: 49px;
    cursor: pointer;
    z-index: 1000;
    margin: 1px;
}

#topMenuList {
    background: url("../cow_images/icon_topmenu_open.png") no-repeat 3px 5px;
    background-size: 40px 40px;
}

#toppanel {
    display: none;
    width: 100%;
    z-index: 30;
    position: absolute;
    top:51px;
    height: calc(100vh - 51px);
    overflow-y: auto;
}

#topMenuConteinar {
    background-color: rgba(160,160,160,.8);
    padding-bottom: 10px;
    width: 100%;
    margin: 0 auto;   /*中央寄せ*/
    position: relative;
    z-index: 1000;
}

#topMenuConteinar .topMenuMasonry {
  margin: 0 10px;
}

#leftMenuListBoxConteinar {
  overflow: hidden; 
}

#leftMenuListBoxConteinar .leftMenuListBoxMasonry {
  margin: 0;
}

#topMenuConteinar .topMenuMasonry .box,
#leftMenuList .box {
    display: inline-block;
    float: left;
}

#topMenuBackGround {
    height: 1000px;
    width: 2000px;
    z-index: 999;
    position: fixed;
    top: 0;
    right: 0;
}

#notLoginYet {
  display: none;
  width: 94%;
  height: 15vh;
  text-align: center;
  background-color: #777777;
  color: #ffffff;
  font-size: 23px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
}

#notFarmYet {
  display: none;
  width: 94%;
  height: 15vh;
  text-align: center;
  background-color: #777777;
  color: #ffffff;
  font-size: 23px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
}

#notLoginYet span {
  display: inline-block;
}

#notFarmYet span {
  display: inline-block;
}

@media ( max-width: 879.5px ) {
  #notLoginYet {
    font-size: 20px;
  }

  #notFarmYet {
    font-size: 20px;
  }

  #notLoginYet span {
    transform: rotate( 45deg );
  }

  #notFarmYet span {
    transform: rotate( 45deg );
  }
}

@media ( max-width: 499.5px ) {
  #notLoginYet {
    font-size: 14px;
  }
  #notFarmYet {
    font-size: 14px;
  }
  #notLoginYet span {
    transform: rotate( 60deg );
  }
  #notFarmYet span {
    transform: rotate( 60deg );
  }
}

@media ( max-width: 349.5px ) {
  #notLoginYet {
    font-size: 12px;
  }
  #notFarmYet {
    font-size: 12px;
  }
  #notLoginYet span {
    transform: rotate( 80deg );
  }
  #notFarmYet span {
    transform: rotate( 80deg );
  }
}

/*#btn_delete{
    background-color:#20B2AA;
    top:1em;
    height: 2em;
    width: 2em;
}
#btn_deleteCancel{
    background-color:#20B2AA;
    top:1em;
    height: 2em;
    width: 2em;
}
#btn_haiki{
    background-color:#20B2AA;
    top:1em;
    height: 2em;
    width: 2em;
}
#btn_haikiCancel{
    background-color:#20B2AA;
    top:1em;
    height: 2em;
    width: 2em;
}*/
/*ヘッダーボタン*/
/*.header-btn{
    background-color:#20B2AA;
    padding: 0;
    width: 5em;
    height: 4em;
    border-style:none;
    margin-left: 6px;
}*/

/* footer */
#footer,
#excelPrintFooter {
    overflow: visible;
    z-index: 998;
}

#excelPrintFooter li#printBtn {
  width: 25%;
  float: left;
}

#excelPrintFooter li#postExcel {
  width: 25%;
  float: right;
}


/* メニューフッターボタン */
.ui-page-theme-a .ui-navbar li .ui-btn {
    /*font-size: 8px;*/
    text-shadow:none;
    color:white;
/*    background-color:#E95383;*/
    outline: none;
    border-style: none;
margin : 0 auto ; 
}

/*フッターにあるボタンのデザイン指定*/
.ui-undo,.ui-gittip,.ui-filter,.ui-truck,.ui-trash-o,.ui-times,.ui-print,.ui-print1,.ui-print2,.ui-none,.ui-times-circle-o {
    border:px solid #67bcd1; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
    margin : 0.5em 0.5em !important;
}
.ui-undo,.ui-gittip,.ui-filter,.ui-truck,.ui-times-circle-o {
    width:90%;
    background-image: -webkit-linear-gradient(top, #92cfde, #1574B3);
    background-image: -moz-linear-gradient(top, #92cfde, #1574B3);
    background-image: -ms-linear-gradient(top, #92cfde, #1574B3);
    background-image: -o-linear-gradient(top, #92cfde, #1574B3);
    background-image: linear-gradient(to bottom, #92cfde, #1574B3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#92cfde, endColorstr=#1574B3);
}
 
.ui-trash-o,.ui-times {
    width:90%;
    background-image: -webkit-linear-gradient(top, #ff9a9a, #FF0A43);
    background-image: -moz-linear-gradient(top, #ff9a9a, #FF0A43);
    background-image: -ms-linear-gradient(top, #ff9a9a, #FF0A43);
    background-image: -o-linear-gradient(top, #ff9a9a, #FF0A43);
    background-image: linear-gradient(to bottom, #ff9a9a, #FF0A43);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff9a9a, endColorstr=#FF0A43);
 }
 
.ui-print {
    width:92% !important;
    color:#FFFFFF !important;
    text-shadow: none !important;
    background-image: -webkit-linear-gradient(top, #08BF1A, #245707);
    background-image: -moz-linear-gradient(top, #08BF1A, #245707);
    background-image: -ms-linear-gradient(top, #08BF1A, #245707);
    background-image: -o-linear-gradient(top, #08BF1A, #245707);
    background-image: linear-gradient(to bottom, #08BF1A, #245707);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#08BF1A, endColorstr=#245707);
 }

.ui-print1 {
    width:92% !important;
    color:#FFFFFF !important;
    text-shadow: none !important;
    background-image: -webkit-linear-gradient(top, #ff9a9a, #DE283A);
    background-image: -moz-linear-gradient(top, #ff9a9a, #DE283A);
    background-image: -ms-linear-gradient(top, #ff9a9a, #DE283A);
    background-image: -o-linear-gradient(top, #ff9a9a, #DE283A);
    background-image: linear-gradient(to bottom, #ff9a9a, #DE283A);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff9a9a, endColorstr=#DE283A);
 }
.ui-print2 {
    width:92% !important;
    color:#FFFFFF !important;
    text-shadow: none !important;
    margin-left:  0.1em !important;
    background-image: -webkit-linear-gradient(top, #0EED6F, #0A8F51);
    background-image: -moz-linear-gradient(top, #0EED6F, #0A8F51);
    background-image: -ms-linear-gradient(top, #0EED6F, #0A8F51);
    background-image: -o-linear-gradient(top, #0EED6F, #0A8F51);
    background-image: linear-gradient(to bottom, #0EED6F, #0A8F51);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0EED6F, endColorstr=#0A8F51);
}
.ui-none {
    width:92% !important;
    visibility:hidden;
}

/* 新しいフッター */
.ui-footer-common {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;
  border-bottom: solid 2px #d27d00;
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.5);
  font-weight: bold;

  text-decoration: none !important;
  color: #fff !important;
  background-color: #fd9535 !important;
  border: none;
  border-bottom: solid 3px #d27d00 !important;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.5) !important;
  width: 92% !important;
  margin: 5px 2% !important;
  padding: 0px 2% 0px 2% !important;
  height: 35px;
  line-height: 35px;
  outline: none;
}

.ui-footer-common:active {
  border-bottom-color: #fd9535 !important;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.ui-footer-blue {
  background-color: #258ade !important;
  border-bottom-color: #125d9b !important;
}

.ui-footer-blue:active {
  border-bottom-color: #258ade !important;
}

.ui-footer-red {
  background-color: #e43a3a !important;
  border-bottom-color: #a11919 !important;
}

.ui-footer-red:active {
  border-bottom-color: #e43a3a !important;
}

.ui-footer-green {
  background-color: #26a422 !important;
  border-bottom-color: #267423 !important;
}

.ui-footer-green:active {
  border-bottom-color: #26a422 !important;
}

.ui-footer-orange {
  background-color: #f88138 !important;
  border-bottom-color: #a6480e !important;
}

.ui-footer-orange:active {
  border-bottom-color: #f88138 !important;
}

a[class*="ui-footer-icon-"]:before,
button[class*="ui-footer-icon-"]:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  padding-right: 3px;
  background-size: contain;
  background-repeat: no-repeat; 
  vertical-align: middle;
}

.ui-footer-icon-edit:before {
  background-image: url('./../cow_images/icon_footer_edit.png');
}

.ui-footer-icon-delete:before {
  background-image: url('./../cow_images/icon_footer_delete.png');
}

.ui-footer-icon-delete-cancel:before {
  background-image: url('./../cow_images/icon_footer_delete_cancel.png');
}

.ui-footer-icon-download:before {
  background-image: url('./../cow_images/icon_footer_download.png');
}

.ui-footer-icon-reload:before {
  background-image: url('./../cow_images/icon_footer_reload.png');
}

.ui-footer-icon-ok:before {
  background-image: url('./../cow_images/icon_footer_ok.png');
}

.ui-footer-icon-ng:before {
  background-image: url('./../cow_images/icon_footer_ng.png');
}
.ui-footer-icon-cow:before {
  background-image: url('./../cow_images/icon_footer_cow.png');
}
.ui-footer-icon-calendar:before {
  background-image: url('./../cow_images/icon_footer_calendar.png');
}
.ui-footer-icon-initialize:before {
  background-image: url('./../cow_images/icon_footer_initialize.png');
}
.ui-footer-icon-move:before {
  background-image: url('./../cow_images/icon_footer_move.png');
}

a.familytree {
  border:px solid #67bcd1;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
  text-decoration:none;
  display:inline-block;
  text-shadow: 0px 0px 0 rgba(0,0,0,0.3);
  font-weight:bold;
  color: #FFFFFF;
  margin : 0.5em 0.5em !important;
  width:90%;
  background-image: -webkit-linear-gradient(top, #92cfde, #1574B3);
  background-image: -moz-linear-gradient(top, #92cfde, #1574B3);
  background-image: -ms-linear-gradient(top, #92cfde, #1574B3);
  background-image: -o-linear-gradient(top, #92cfde, #1574B3);
  background-image: linear-gradient(to bottom, #92cfde, #1574B3);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#92cfde, endColorstr=#1574B3);
}

#page-index{
    /*background-color: #2c3e50;*/
}
.ui-content {
    padding: 0;
}

/*#gridB{
    margin: 10px;
}*/

/*#blockA{
    margin: 10px;
}
#blockB{
    margin: 10px;
}
#blockC{
    margin: 10px;
}*/
.ui-grid-b .ui-btn { margin: 10px; }
#contents{
    padding: 5px 10px;
    font-size: 120%;
    /*padding-right:10px;
    padding-left:10px;*/
    margin: 0;
    font-weight: 700;
}
#contents2{
    margin: 0 0 3em 0;
}
#contentsX{
    margin: 0 0 5em 0;
}
#contents3{
    margin: 0 0 3em 0;
}
#contents4{
    margin: 0 0 3em 0;
}
legend, .ui-input-text input, .ui-input-search input {
    font-weight: 700;/*文字の太さ*/
    text-shadow: inherit;
}
.ui-mobile label, div.ui-controlgroup-label {
    font-weight: 700;
}

.ui-grid-a .ui-content-main form {
    padding: 0em;
}

.ui-grid-a .ui-content-side {
    top: 0;
    text-align: left;
    float: left;
    border-top: medium none;

    background: none repeat scroll 0% 0% transparent;
    width: 25%;
    position: fixed;
    margin: 0px;
    padding: 0px;
    height: 100%;
}

.ui-content-main div.ui-header-fixed,
.ui-content-main div.ui-footer-fixed
{
    left: 25%;
    width: 75%;
    
}
.ui-footer-fixed
{
    background-color:rgba(28, 28, 26, 0.63) !important;
    background-color: rgba(0,0,0,0) !important;
}

/* 記録入力画面 文章事例 
#input-log-fixed-phrase .ui-content {
    width: 650px;
    height: 600px;
    margin: 0px;
    padding: 0px;
    overflow: scroll;
}*/

/* ヘッダー　ボタン */
.ui-header .ui-btn-left,
.ui-header .ui-btn-right {
    font-size: 0.65em;
    position: absolute;/*高さを中央に*/
    top: 0;/*高さを中央に*/
    bottom: 0;/*高さを中央に*/
    margin: auto;/*高さを中央に*/
}


/**/
.pageTitle {
    font-size: 1em;
}

/*ページコンテンツの状態*/
.ui-field-contain{
    margin: 0.2px;
    padding: 0.2em;
}
/*項目を隠す*/
.hidden {
    display: none;
}

/*セレクトメニューのタイトルなど*/
/*.ui-selectmenu .ui-header .ui-bar-inherit{
    background-color: red;
    color:#242424;
}*/
/*検索テキストボックス*/
.ui-input-search {
    margin: 0;
    border-width: none;
    border-style: none;
}
/*セレクトメニュー*/
.ui-selectmenu.ui-dialog .ui-content {
    padding-top: 0;
}
/*セレクトメニュー*/
.ui-content .ui-listview{
    margin: 0;
}
/*カレンダーのヘッダーなど*/
.ui-bar-a{
    background-color: #0C555D;
    color:white;
    border-style: none;
    text-shadow: none;
    font-weight: 700;    
}

/* メニューボタン */
.ncc-menu-btn {
    /*line-height: 30px;*/
    font-size: 150%;
    text-shadow:none;
    /*margin:50px 50px;
    border: 5px solid #f9f9f9;効かない???*/
    margin: 0;
}

/*メニューボタンの色*/
#topMenu .menu_button,
#leftMenuList .menu_button {
  width: 135px;
  height: 81px;
  background-size: 135px 81px;
  background-position: 0 0;
  background-repeat: no-repeat;
  border: none;
  background-color: rgba(0,0,0,0);
  padding: 0;
  margin: 7px;
  cursor: pointer;
  outline: none;
}

/* 2列 start */
#leftMenuList .menu_button {
  width: 105px;
  height: 63px;
  background-size: 105px 63px;
  margin: 5px 4px;
}
/* 2列  end  */

/* 3列 start */
/*#leftMenuList .menu_button {
  width: 72px;
  height: 43.2px;
  background-size: 72px 43.2px;
  margin: 3px;
}*/
/* 3列  end  */

#topMenu .menu_button:hover {
  box-shadow: 0 0 10px #ffffff;
  border-radius: 5px;
}
#leftMenuList .menu_button:hover {
  box-shadow: 0 0 10px #999999;
  border-radius: 5px;
}

body#sp #topMenu .menu_button {
  width: 90px;
  height: 54px;
  background-size: 90px 54px;
  margin: 5px;
}

.menu_seieki{
    /*width:150px;
    color:white;
    background-color: #3498db;
    border: 5px solid #f9f9f9;*/
    background-image: url(../cow_images/button_seieki.png);
}
.menu_jusei{
    /*width:150px;
    color:white;
    background-color: #F58E7E;
    border: 5px solid #f9f9f9;*/
    background-image: url(../cow_images/button_jusei.png);
}
.menu_sairan{
    /*width:150px;
    color:white;
    background-color: #FDC44F;
    border: 5px solid #f9f9f9;*/
    background-image: url(../cow_images/button_sairan.png);
}
.menu_ishoku{
    /*width:150px;
    color:white;
    background-color: #a66bbe;
    border: 5px solid #f9f9f9;*/
    background-image: url(../cow_images/button_isyoku.png);
}
.menu_shussan{
    /*width:150px;
    color:white;
    background-color: #8DCF3F;
    border: 5px solid #f9f9f9;*/
    background-image: url(../cow_images/button_syussan.png);
}
.menu_ikusei{
    /*width:150px;
    color:white;
    background-color: #16A6B6;
    border: 5px solid #f9f9f9;*/
    background-image: url(../cow_images/button_ikusei.png);
}
.menu_print{
    /*width:150px;
    color:white;
    background-color: #79D1B0;
    border: 5px solid #f9f9f9;*/
    background-image: url(../cow_images/button_insatsu.png);
}
.menu_option{
    /*width:150px;
    color:white;
    background-color: #2c3e50;
    border: 5px solid #f9f9f9;*/
    background-image: url(../cow_images/button_settei.png);
}
.menu_family{
    /*width:150px;
    color:white;
    background-color: #ffe4b5;
    border: 5px solid #f9f9f9;*/
    background-image: url(../cow_images/button_keizu.png);
}
.menu_analyze{
    /*width:150px;
    color:white;
    background-color: #8b0000;
    border: 5px solid #f9f9f9;*/
    background-image: url(../cow_images/button_bunseki.png);
}
.menu_cowgroup{
    /*width:150px;
    color:white;
    background-color: #bdb76b;
    border: 5px solid #f9f9f9;*/
    background-image: url(../cow_images/button_gyugun.png);
}
.menu_ninkan{
    /*width:150px;
    color:white;
    background-color: #b44c97;
    border: 5px solid #f9f9f9;*/
    background-image: url(../cow_images/button_ninkan.png);
}
.menu_byoreki{
    background-image: url(../cow_images/button_byoreki.png);
    border-radius: 5px;
}
.menu_kotaiInfo{
    background-image: url(../cow_images/button_kotaiInfo.png);
    border-radius: 5px;
}
.menu_hatsujo{
    background-image: url(../cow_images/button_hatsujo.png);
    border-radius: 5px;
}

.menu_timeline{
    background-image: url(../cow_images/button_timeline.png);
    border-radius: 5px;
}
.menu_calendar{
    background-image: url(../cow_images/button_calendar.png);
    border-radius: 5px;
}
.menu_alert_info{
    background-image: url(../cow_images/button_alert_info.png);
    border-radius: 5px;
}
.menu_ikusyuka{
    background-image: url(../cow_images/button_ikusyuka.png);
    border-radius: 5px;
}

/* topメニューパネル */
dl#panelTopMenu,
dl#panelLeftSideMenu {
  margin: 0; 
}

dl#panelTopMenu > dt {
  font-size: 15px;
  width: calc(100% - 40px);
  color: #fff;
  text-shadow: 1px 1px 0 #333;
  border-bottom: 1px solid #fff;
  margin: 0px 10px;
  padding: 5px 10px 0px 35px;

  cursor: pointer;
  height: 40px;
  line-height: 60px;
  position: relative;
}
 
dl#panelTopMenu > dd {
  margin: 0px;
  overflow: hidden;
  width: calc(100% - 12px);
}

dl#panelLeftSideMenu > dt {
  font-size: 15px;
  width: calc(100% - 10px);
  color: #666;
  text-shadow: 1px 1px 0 #fff;
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 0;
  padding-left: 35px;
  cursor: pointer;
  height: 40px;
  line-height: 60px;
  position: relative;
}

dl#panelLeftSideMenu > dd {
  margin: 0;
}

dl#panelTopMenu > dt.divMasonryTitle:before,
dl#panelLeftSideMenu > dt.divMasonryTitle:before {
  content: "";
  position: absolute;
  left: 5px;
  bottom: 0;
  background: url(../cow_images/icon_topmenu_open.png) 0 0 no-repeat;
  background-size: 24px;
  width: 24px;
  height: 24px;
}

dl#panelLeftSideMenu > dt.divMasonryTitle:before {
  background: url(../cow_images/icon_leftsidemenu_open.png) 0 0 no-repeat;
  background-size: 24px;
}

dl#panelTopMenu > dt.divMasonryTitle.open:before,
dl#panelLeftSideMenu > dt.divMasonryTitle.open:before {
  background: url(../cow_images/icon_topmenu_close.png) 0 0 no-repeat;
  background-size: 24px;
}

dl#panelLeftSideMenu > dt.divMasonryTitle.open:before {
  background: url(../cow_images/icon_leftsidemenu_close.png) 0 0 no-repeat;
  background-size: 24px;
}

/*牛群内デザイン*/
#registCow_00_00,#SpecifiedvalueSet{
    width:8em !important;
    margin-top:0 !important;
    color:white;
    font-size:0.8em;
    padding:0.4em;
}
#submitCowConditions{
    width:80%;
    margin:0.5em 0.2em !important;
}
#cowgroup_btn{
    width:22% !important;
    float:right;
    margin-top:0 !important;
    color:white;
    font-size:0.8em;
    padding:0.4em;
}
.selectWide .ui-select{
    width:10em;
}
.radioSidebyside .ui-input-text{
    width:8em;
}
.radioSidebyside .ui-input-text .ui-input-clear{
    padding:0;
}
.radioSidebyside .ui-controlgroup-label:after{
    clear:both;
}
.radioSidebyside .ui-controlgroup-label legend{
    float:left;
}
.searchDesign{
    width:22% !important;
    float:right;
    margin-top:0 !important;
    color:white !important;
    padding:0.4em;
}
/*条件セレクト無効化時*/
.Setopa:disabled .ui-select{
    opacity:0.4 !important;
}

/*牛群メニュー*/
#cow_groupsort{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#cow_groupdel{
    width:300px;
    white-space:normal;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#cow_grouplist{
    width:300px;
    white-space:normal;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
/*出産メニュー*/
#menu_ikusei2{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#sub_siryuzan{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
/*育成メニュー*/
#cow_shuchikuIdInsert{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#cow_idouInsert{
    width:300px;
    white-space:normal;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#cow_list{
    width:300px;
    white-space:normal;
    color:white;
    /*background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#cow_cowEntry{
    width:300px;
    white-space:normal;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
/*印刷画面メニュー*/
#div_printTitle{
    text-align:center;
    text-shadow:none;
    font-size:2em;
    font-weight:900;
    padding:0.2em;
    margin:0.2em;

	border-width:8px 0;
	border-color: #d9c1e2;
	border-style:solid;
	background:#8c177e;
	color:#f7ebf9;
	line-height:140%;
}

#print_jusei{
    width:300px;
    color:white;
    background-color:#3CB371;
    border: 5px solid #f9f9f9;
}
#print_juseiDaichou{
    width:300px;
    color:white;
    background-color: #79D1B0;
    border: 5px solid #f9f9f9;
    border: 5px solid #f9f9f9;
}
#print_juseiHoukoku{
    width:300px;
    color:white;
    background-color: #79D1B0;
    border: 5px solid #f9f9f9;
}
#print_nenjibetsuJuseiSeiseki{
    width:300px;
    color:white;
    background-color: #79D1B0;
    border: 5px solid #f9f9f9;
}
#print_juseiranIshoku{
    width:300px;
    color:white;
    background-color: #3CB371;
    border: 5px solid #f9f9f9;
}
#print_koushiKensa{
    width:300px;
    color:white;
    background-color: #79D1B0;
    border: 5px solid #f9f9f9;
}
#print_bunben{
    width:300px;
    color:white;
    background-color: #79D1B0;
    border: 5px solid #f9f9f9;
}
#print_juseiranIshokuHoukoku{
    width:300px;
    color:white;
    background-color: #79D1B0;
    border: 5px solid #f9f9f9;
}
#print_matome{
    width:300px;
    color:white;
    background-color: #79D1B0;
    border: 5px solid #f9f9f9;
}
#print_csv{
    width:300px;
    color:white;
    background-color: #87ceeb;
    border: 5px solid #f9f9f9;
}
/*ユーザメニュー*/
#user_insert{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#user_update{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#user_delete{
    width:300px;
    color:white;
 /*   background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#bunshouJirei{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#authoritySet{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#scheduleSet{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#diseaseSet{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#oftenUse{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#cowinfoUp{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#juseiReg{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#abnormalSet{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#farmInfo{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#groupsetRelease{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#groupsetReleaseEdit{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#groupsetApproval{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#groupsetApprovalEdit{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#setClear{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#set_clear{
    width:240px;
}
#barcodeReadset{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#bnEstimation{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
/*分析メニュー*/
#analyze_breeding_radar{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#analyze_marketing_radar{
    width:300px;
    white-space:normal;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#analyze_result_change_graph{
    width:300px;
    white-space:normal;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#analyze_result_distribution_map{
    width:300px;
    white-space:normal;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#analyze_screen_farm{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#analyze_login_screen_farm{
    width:300px;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#analyze_screen_monthly{
    width:300px;
    white-space:normal;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}
#analyze_login_screen_monthly{
    width:300px;
    white-space:normal;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}

#pgSetting {
    width:300px;
    white-space:normal;
    color:white;
/*    background-color: #E95383;*/
    border: 5px solid #f9f9f9;
}

/* vis.js */
#mynetwork {
    /*width: 100%;*/
    height:50%;
    border: 1px solid #26AE90;  
}  
#mynetwork div   {  
    width: 60%; 
    height:50%;
    border: 1px solid #26AE90;  
    margin: 0 auto;  
}
.ui-tree {
    border:px solid #67bcd1; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
    margin : 0.5em 0.5em !important;
}
.ui-tree {
    width:30%;
    background-image: -webkit-linear-gradient(top, #92cfde, #1574B3);
    background-image: -moz-linear-gradient(top, #92cfde, #1574B3);
    background-image: -ms-linear-gradient(top, #92cfde, #1574B3);
    background-image: -o-linear-gradient(top, #92cfde, #1574B3);
    background-image: linear-gradient(to bottom, #92cfde, #1574B3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#92cfde, endColorstr=#1574B3);
}

/*繁殖アラート（一覧）用*/
#breedingAlertList{
    padding:0.2em;
    margin:0em !important;
}
table.dataTable tbody tr#red {
/*    background-color:red;
    color:white;*/
    /*background-color: #ffbbcc;*/
    color: #333333;
    text-shadow: 0 1px 0 #cccccc;
}
table.dataTable tbody tr#yellow {
/*    background-color:yellow;*/
    /*background-color: #ffffaa;*/
    color: #333333;
    text-shadow: 0 1px 0 #cccccc;
}
table.dataTable tbody tr#green {
/*    background-color:green;
    color:white;*/
    /*background-color: #99dd99;*/
    color: #333333;
    text-shadow: 0 1px 0 #cccccc;
}

table.dataTable tbody tr td {
    vertical-align: middle;
}

.showKotaiNo1,
.showKotaiNo3 {
    /*font-size: 75%;*/
    color: #999999;
}

.showKotaiNo2 {
    font-size: 100%;
    /*font-weight: bold;*/
}

/* メニュー一覧のデザイン */
table.dataTable tbody tr {
  background-color: #ffffff;
  opacity: 1;
}
table.dataTable tbody tr td {
  color: #333333;
}
table.dataTable tbody tr.bg_red td {
/*    background-color:red;
    color:white;*/
    /*background-color: #ffbbcc;*/
    text-shadow: 0 1px 0 #cccccc;
}

table.dataTable tbody tr.bg_yellow td {
/*    background-color:yellow;*/
    background-color: #ffffc6;
    text-shadow: 0 1px 0 #cccccc;
}

table.dataTable tbody tr.bg_green td {
    /*background-color: #bee0c2;*/
    text-shadow: 0 1px 0 #cccccc;
}

table.dataTable tbody tr.bg_gray td {
    /*background-color: #bbbbbb;*/
    color: #333333;
}

/*
table, th, td  {
datatable, th, td  {
    width: auto !important;
    width:auto;
    margin: 0;
}
*/
table.cowListGrid{
    width: auto !important;
}

/*
#colorLegend {
  font-size: 13.5px;
  font-weight: normal;
  position: absolute;
  top: -28.5px;
}
*/
#colorLegend {
//  display: inline-block;
  font-size: 13.5px;
  font-weight: normal;
//  position: absolute;
  position: relative;
  top: -5px;
}

body#sp #colorLegend {
  font-size: 10px;
  top: 0px;
}

#colorLegend p {
  display: inline-block;
  margin: 0;
  margin-right: 5px;
}

#colorLegend p .sq_red {
  display: inline-block;
  /*background: #ffbbcc;*/
  width: 30px;
  height: 12px;
}

#colorLegend p .sq_yellow {
  display: inline-block;
  /*background: #ffffaa;*/
  width: 30px;
  height: 12px;
}

#colorLegend p .sq_green {
  display: inline-block;
  /*background: #bee0c2;*/
  width: 30px;
  height: 12px;
}

#colorLegend p .sq_gray {
  display: inline-block;
  /*background: #bbbbbb;*/
  width: 30px;
  height: 12px;
}

body#sp #colorLegend p .sq_red,
body#sp #colorLegend p .sq_yellow,
body#sp #colorLegend p .sq_green,
body#sp #colorLegend p .sq_gray {
  width: 20px;
  height: 9px;
}

#calendar #colorLegend p .sq_red {
  /*background: #ffbbcc;*/
  border: 1px solid red;
  border-radius: 4px;
}

#calendar #colorLegend p .sq_yellow {
  /*background: #ffffaa;*/
  border: 1px solid gold;
  border-radius: 4px;
}

#calendar #colorLegend p .sq_green {
  /*background: #99dd99;*/
  border: 1px solid #007000;
  border-radius: 4px;
}

#calendar #colorLegend p .sq_gray {
  /*background: #dddddd;*/
  border: 1px solid #888888;
  border-radius: 4px;
}

/*スライドバーのデザイン画面サイズ別指定*/
.ui-slider {
    width:50%;
}
#btn_plus_slide {
    float:right;
    margin-left:2px;
    width:13%;
}
#btn_minus_slide {
    float:right;
    width:13%;
}
/*タイムライン内のタグ*/
#timeLinetitle{
    margin: 0 !important;
}
.timelineColor{
color: #303e49 !important;
}
/*タイムラインメニュー*/
ul#menuheadline{
    list-style-type: none;
    margin: 0 0 2em 0;
    padding: 0;
    color: #fff;
}

@media only screen and (max-width: 979px) {
.ui-slider {
    width:50%;
}

#btn_plus_slide {
    float:right;
    margin-left:2px;
    width:13%;
}
#btn_minus_slide {
    float:right;
    width:13%;
}
 
/*タイムラインメニュー*/
ul#menuheadline{
    list-style-type: none;
    margin: 0 0 2em 0;
    padding: 0;
    color: #fff;
}
} /*デバイスの横幅が979px以下の場合*/
 
@media only screen and (min-width: 436px) and (max-width: 768px) {
.ui-slider {
    width:60%;
}
#btn_plus_slide {
    float:right;
    margin-left:2px;
    width:8%;
}
#btn_minus_slide {
    float:right;
    width:8%;
}
 
/*タイムラインメニュー*/
ul#menuheadline{
    list-style-type: none;
    margin: 0 0 2em 0;
    padding: 0;
    color: #fff;
}
.btn_postNumberSearch{
    width:60px !important;
    float:left;
    color:white !important;
    font-size:0.8em;
    padding:0.4em;
}
} /*デバイスの横幅が436以上768以下の場合*/
 
@media only screen and (max-width: 435px) {
.ui-slider {
    width:70%;
}
#btn_plus_slide {
    float:right;
    margin-left:2px;
    width:15%;
}
#btn_minus_slide {
    float:right;
    width:15%;
}
/*タイムラインメニュー*/
ul#menuheadline{
    list-style-type: none;
    margin: 0 0 4em 0;
    padding: 0;
    color: #fff;
}
.btn_postNumberSearch{
    width:60px !important;
    float:right;
    color:white !important;
    font-size:0.8em;
    margin-top:-40px !important;
    padding:0.4em;
}
}

.ui-slider {
    height: 100%;
}

.ui-slider-input {
    font-size: 1em;
    height: 100%;
    width: 50px;
}

.ui-slider-track {
  margin: 0 15px 0 90px;
  top: 12px;
}

/* タイムライン ソート */
#div_timeline_sort {
  text-align: right;
  position: relative;
  height: 32px;
  border: 0 !important;
}

#div_timeline_sort .ui-slider {
  height: 32px !important;
}

#div_timeline_sort #timeline_sort-label {
  position: absolute;
  top: 10px;
  right: 190px;
}

@media (min-width: 28em) {
  #div_timeline_sort #timeline_sort-label {
    top: 3px;
    right: 180px;
  }
}

#div_timeline_sort > div {
  width: 170px !important;
  top: 5px  !important;
  right: 10px;
  margin: 0 !important;
  position: absolute;
}

/* :not(:last-child) = 最後の要素以外 */
/*.cd-timeline-block:not(:last-child):after{
  background: url(../cow_images/icon_timeline_arrow.png) no-repeat 0 0;
  width: 32px;
  height: 32px;
  top: 20px;
  left: 3.5px;
  position: relative;
  transform: rotate(180deg);
}*/

.cd-timeline-block {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-block:not(:last-child):after{
    margin-left: auto;
    margin-right: auto;
    top: 18px !important;
    left: 0.2px !important;
  }
}

#div_user_01_02_01 div.ui-input-text{
    width:160px;
}
#div_farm_01_01_01 div.ui-input-text{
    width:160px;
}

body#pc .btn_postNumberSearch{
    width:60px !important;
    float:left;
    color:white !important;
    font-size:0.8em;
    padding:0.4em;
}
/*#familytree {
    width: 62px !important;
    height: 16px !important;
    float: right;
    margin-top: 0 !important;
    color: white !important;
    font-size: 0.8em;
    padding: 5px !important;
    border: none !important;
    border-radius: 3px !important;
    background: #ff8c38 !important;
    border-bottom: 3px solid #d26515 !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 0 #999 !important;
    box-shadow: 0 0 5px #999 !important;
}

#familytree:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 12px;
  background: url(../cow_images/header_keizu.png) 0px -5px no-repeat;
  background-size: 20px 20px;
  vertical-align: middle;
}

#familytree:active {
  border-bottom: none !important;
  -moz-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  -o-transform: translateY(3px);
  -ms-transform: translateY(3px);
  transform: translateY(3px);
}*/

#familytree {
  width: 32px;
  height: 16px;
  float: right;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 5px 0 5px 10px !important;
  padding: 0;
  background: url(../cow_images/icon_keizu.png) 2px -4px no-repeat;
  background-size: 32px 24px;
  border-radius: 0px;
  outline: none;
  box-shadow: none;
}
/*家系図ポップアップウィンドウデザイン*/
.modal{
    display:none;
}
.familytreeLeftRight{
  z-index: 1002;
  top: -45px;
  float: left;
  width: 60px;
  height: 40px;
  margin: 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: #258ade !important;
  border: none !important;
  border-bottom: 4px solid #125d9b !important;
  box-shadow: 0 0 5px #999;
}

.familytreeLeftRight:after{
  content: '';
  display: inline-block;
  /* position: relative; */
  width: 40px;
  height: 40px;
  background: url(../cow_images/icon_keizu_reverse.png) 0 0 no-repeat;
  background-size: 40px 40px;
  top: 0;
  left: 20px;
}

.familytreeRe{
  z-index: 1002;
  top: -45px;
  float: right;
  width: 60px;
  height: 40px;
  margin: 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: #e43a3a !important;
  border: none !important;
  border-bottom: 4px solid #a11919 !important;
  box-shadow: 0 0 5px #999;
}
.familytreeRe:after{
  content: '';
  display: inline-block;
  /* position: relative; */
  width: 40px;
  height: 40px;
  background: url(../cow_images/icon_keizu_refresh.png) 12px 12px no-repeat;
  background-size: 25px 25px;
  top: -4px;
  left: 17px;
}

.familytreeLeftRight:active, .familytreeRe:active {
  border-bottom: none !important;
  -moz-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  -o-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
}

.modalBody{
    position: fixed;
    z-index:1002;
    background: #bef2e6;
    width:100%;/*width:60%;*/
    height: 50%;
    /*left:25%;*/
    top:25%;
}
.close{
    z-index:1002;
    right:5px !important;
    top:-30px !important;
}

#modalHelp {
  width: 70%;
  height: 70%;
  height: calc(100% - 125px);
  left: 15%;
  top: 50px;
  margin: -10px 0px 0px -22px;
  padding: 15px;
  border: none;
  border-radius: 10px;
  background: #ffffff;
  /* （スマホ用）iPhoneでスクロールをスムーズにする */
  -webkit-overflow-scrolling: touch;
}

#modalHelp > * {
  /* （スマホ用）iPhone3GS、iPhone4などで動きがガタツクのを防ぐ為にGPUアクセラレーションを有効にする */
  -webkit-transform: translateZ(0px);
}

#modalHelp #help_header {
/*  background: #f17db7;*/
  margin: -15px;
  height: 50px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: center;
}

#modalHelp #help_header span{
  position: relative;
  top: 12px;
  font-size: 20px;
  color: #fff;
}

#modalHelp #help_header .close {
  margin: 0 !important; 
  right:10px !important;
  top:5px !important;
}

#modalHelp #help_text{
  border-radius: 10px;
  margin-top: 30px;
  height: 92%;
  height: calc(100% - 45px);
  overflow-x: hidden;
  overflow-y: auto;
}

.modalBK{
    position: fixed; z-index:1001;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:rgba(28, 28, 26, 0.63);
    opacity: 0.9;filter: alpha(opacity=90);
    -moz-opacity:0.90;
}
/*牛群選択モーダルデザイン*/
#panelGroup{
    position: fixed;
    z-index:1002;
    width:70%;
    left:20%;
    top:10%;
    padding: 0px;
    border-radius: 5px;
    background: rgba(28, 28, 26, 0);
    border-top: 0;
    border-bottom: 0;
}

#con_groupSelect div.button {
    height: 30%;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    width:95%;
}
#btncgSelect,#btncgClose{
    width:50px;
    color:white;
    top:0 !important;
}


/*バーコードリーダー読み込みポップアップウィンドウデザイン*/
.modalLabel{
    color: #fcfcfc;
    font-weight:400 !important;
}
.modalBody2{
    position: fixed;
    z-index:1002;
    width:45%;
/*    height: 25%;*/
    left:25%;
    top:10%;
    margin: 0px 0px 0px -22px;
    padding: 22px 22px 22px 22px;
    border-radius: 5px;
    background: #282e33;
    border-top: 3px solid #434a52;
    border-bottom: 3px solid #434a52;
}
.barcodeNo {
    background-color: white;
    border-radius: 0px 3px 3px 0px;
    font-weight: 700;
    width: 95%;
    height: 30px;
}
.barcodeBtnOK{
    border:px solid #67bcd1; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
    margin : 0.5em -0.3em !important;
    width:95%;
    background-image: -webkit-linear-gradient(top, #92cfde, #1574B3);
    background-image: -moz-linear-gradient(top, #92cfde, #1574B3);
    background-image: -ms-linear-gradient(top, #92cfde, #1574B3);
    background-image: -o-linear-gradient(top, #92cfde, #1574B3);
    background-image: linear-gradient(to bottom, #92cfde, #1574B3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#92cfde, endColorstr=#1574B3);
}
.barcodeBtnNG{
    border:px solid #67bcd1; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
/*    margin : -0.3em -0.3em !important;*/
    margin : 0.5em -0.3em !important;
    width:95%;
    background-image: -webkit-linear-gradient(top, #ff9a9a, #FF0A43);
    background-image: -moz-linear-gradient(top, #ff9a9a, #FF0A43);
    background-image: -ms-linear-gradient(top, #ff9a9a, #FF0A43);
    background-image: -o-linear-gradient(top, #ff9a9a, #FF0A43);
    background-image: linear-gradient(to bottom, #ff9a9a, #FF0A43);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff9a9a, endColorstr=#FF0A43);
}

/* 対象期間指定用モーダルウィンドウデザイン */
#modalAppointTargetPeriod {
    height:70%;
    background: #EEFFEE;
    border: 2px solid #999999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#modalAppointTargetPeriod div.title,
#modalAppointTargetPeriod div.date {
    height: 30%;
    display: table;
    table-layout: fixed;
    text-align: center;
    margin: 0 auto;
}

#modalAppointTargetPeriod div.button {
    height: 30%;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
}

#modalAppointTargetPeriod div.title div,
#modalAppointTargetPeriod div.date div {
    display: table-cell;
    vertical-align: middle;
}

#modalAppointTargetPeriod div.date label {
    display: none;
}

#modalAppointTargetPeriod div.button #btnYmChange {
    background-image: linear-gradient(to bottom, #0EED6F, #0A8F51);
    color: #ffffff;
    width: 100px;
}

#modalAppointTargetPeriod div.button #btnCancel {
    background-image: linear-gradient(to bottom, #ff9a9a, #DE283A);
    color: #ffffff;
    width: 100px;
}

/* タイムラインコメント用モーダルウィンドウデザイン */
#modalTimeLineComment {
    height:70%;
    background: #EEFFEE;
    border: 2px solid #999999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#modalTimeLineComment div.title,
#modalTimeLineComment div.data {
    height: 10%;
    display: table;
    table-layout: fixed;
    text-align: center;
    margin: 0 auto;
}

#modalTimeLineComment div.button {
    height: 30%;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
}

#modalTimeLineComment div.title div,
#modalTimeLineComment div.data div {
    display: table-cell;
    vertical-align: middle;
}

#modalTimeLineComment div.data label {
    display: none;
}

#modalTimeLineComment div.button #btnChange {
    background-image: linear-gradient(to bottom, #0EED6F, #0A8F51);
    color: #ffffff;
    width: 100px;
}

#modalTimeLineComment div.button #btnCancel {
    background-image: linear-gradient(to bottom, #ff9a9a, #DE283A);
    color: #ffffff;
    width: 100px;
}

/* 牛選択画面用モーダルウィンドウデザイン */
#modalCowSelectList {
    height:90%;
    background: #fcfffc;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    top : 0;
    overflow-y: scroll;
}

#modalCowSelectList #title {
    padding: 20px;
    font-weight: bold;
}

#modalCowSelectList .dataTables_wrapper {
    padding: 0 10px 20px 10px;
}

/* ユーザ住所一覧モーダルウィンドウデザイン */
#modalUserAddrList {
    height:100%;
    background: #fcfffc;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    top : 0;
    overflow-y: scroll;
}

#modalUserAddrList #title {
    padding: 20px;
    font-weight: bold;
}

#modalUserAddrList .dataTables_wrapper {
    padding: 0 10px 20px 10px;
}
/*牛基本情報入力画面の編集不可　用*/
.Transparent {
    background-color:rgba(0,0,0,0.0);
    position: absolute;
    top: 0px;
    width:100%;
    padding:60px 0 20px 20px;
    z-index: 800;
    position:fixed;
    height: 100%
}
/*サイドメニュー　デザイン*/
.btn {
    background:transparent url("png_icons/btn.png") no-repeat 5px 2px;
    background-size: 90px 45px;
/*    display: block;
    width:35px;
    height: 35px;
    position: absolute;
    top:0.5em;
    right:0.5em;
    cursor: pointer;
    z-index: 1000;
    position:fixed;*/

}
.peke {
    background-position: -44px 2px;
}
.drawwide {
    display: none;
    background-color:rgba(0,0,0,0.0);
    position: absolute;
    top: 0px;
    right:80px;
    width:100%;
    padding:60px 0 20px 20px;
    z-index: 999;
    position:fixed;
}
.drawr {
    display: none;
    background-color:rgba(0,0,0,0.6);
    position: absolute;
    top: 0px;
    right:0;
    width:60px;
    padding:60px 0 20px 20px;
    z-index: 999;
    position:fixed;
    overflow-x: hidden;
    overflow-y: auto;
}
/* 繁殖成績レーダの場合は.drawrのwidthを上書き */
.drawrBreedingRadar {
    width:200px;
}
.drawrBreedingRadar label.txtLabel {
    background-color:#ffffff;
    width: 105px;
    display: inline-block;
    margin-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    font-size: 14px;
}
.drawrBreedingRadar input {
    width: 35px;
    margin-right:5px;
    font-size: 13px;
    text-align: right;
}

.drawrBreedingRadar span.stringWhite {
    color: #ffffff;
    font-size: 12px;
}

.drawrBreedingRadar span.contentTitle {
    font-size: 16px;
}

/* 繁殖成績レーダ用のクラスの次に.drawwideがある場合はrightを上書き */
.drawrBreedingRadar + .drawwide {
    right: 220px;
}

.drawrBreedingRadar #submitRadarTargetVal {
    width: 75%;
}

.sideMenuSet {
    display: table;
    padding: 0;
    margin: -1em auto;
}

.drawrBreedingRadar .sideMenuSet {
    margin: 2px;
    width: 100%;
}

#menu li {
    margin-top: 0.5em;
    width:60px;
    display: table;
}

/* サイドメニュー 牛群、カレンダー、タイムライン用*/
.semaisemai{
  padding: 0.6em 2em;
}

#menu2 li {
    margin-top: 0.5em;
    width:180px;
}

/* 繁殖成績レーダ用のクラスの次に.sideMenuSetがある場合はwidthを上書き(#menuよりも優勢) */
.drawrBreedingRadar #menu li {
    width: 180px;
    margin-top: 3px;
}
#menu li a {
    color:#fff;
    display: block;
    padding: 5px;
}

/* サイドメニュー チェックボタン */
/*牛群振分*/

.check_box{
  display: none;
}

.chklabel{
    display: block;
    float: left;
    cursor: pointer;
    width: 150px;
    margin: 0;
    padding: 15px 5px;
    border-right: 1px solid #abb2b7;
    background: #E6E5E1;
    color: #242424;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    transition: .2s;
}
.check_box:checked + .chklabel {
    background-color: #38c;
    border-color: #38c;
    color: #fff;
    text-shadow: 0 1px 0 #059;
}
.check_box + .chklabel {
    background-color: #f0f0f0;
    border-color: #f0f0f0;
    color: #5c5b5a;
    text-shadow: 0 1px 0 #ddd;
}

/* サイドメニュー ラジオボタン */
.sideMenuRadio input{
    display: none;
}
.sideMenuRadio label{
    display: block;
    float: left;
    cursor: pointer;
    width: 120px;
    margin: 0;
    padding: 15px 5px;
    border-right: 1px solid #abb2b7;
    background: #E6E5E1;
    color: #242424;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    transition: .2s;
}
.sideMenuRadio label:first-of-type{
    border-radius: 3px 3px 0 0;
}
.sideMenuRadio label:last-of-type{
    border-right: 0px;
    border-radius: 0 0 3px 3px;
}
.sideMenuRadio input[type="radio"]:checked + label,.sideMenuRadio input[type="checkbox"]:checked + label {
    background-color: #38c;
    border-color: #38c;
    color: #fff;
    text-shadow: 0 1px 0 #059;
}

.sideMenuRadio input[type="radio"]:disabled + label,.sideMenuRadio input[type="checkbox"]:disabled + label {
    background-color: #f0f0f0;
    border-color: #f0f0f0;
    color: #aaaaaa;
    text-shadow: 0 1px 0 #ddd;
}

/** リロード */
/*#tblSide .icon-reload {*/
#tblSide .calendarReload {
    background-image: url(../cow_images/icon-reload.png);
    background-repeat: no-repeat;
    background-position: left 2px top 50%;
}

/*文章事例　accordion タブ録とほぼ同じ*/
#entry-accordion .ui-content {
    width: 300px;/*タブ録はwidth: 650px;height: 600px;*/
    height: 400px;
    /*overflow: scroll;*/
}
/**ポップアップ*/
#entry-accordion div.ui-collapsible-content{
    max-height: 400px;
    overflow: auto;
}
#entry-accordion p{
    word-wrap: break-word;
    text-align: left;
    white-space: pre-wrap;
    word-break: break-all;
    margin: 0;
    padding: 0;
}



/*
.ui-side-menu-toggle div.ui-radio .ui-btn.ui-radio-off:after {
    opacity: 1.0;
}
*/
/*#loginUser-button{
    width: 75%;
    display: block;
    position: relative;
    padding: .6em 25px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    zoom: 1;;
}*/

.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head+body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head+body .ui-btn.ui-btn-a:visited {
    background-color:#E6E5E1;
    color:#242424;
    text-shadow: none;
    border-style: none;
}
.ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit {
    background-color: #E6E5E1;
    color:#242424;
    border-style: none;
    text-shadow: none;
    font-weight: 700;
}


/* 参照データ */
.ui-side-menu-toggle div.ui-radio .ui-btn.ui-not-editabler:after {
    opacity: 0.3;
}

.ui-select .ui-btn{
    text-align: left
}

/*.ui-radio{
    width: 100%;
}*/

#page-base_info.ui-content.ui-grid-b {
    position:fixed;
    margin: 0px;
    top: 50px;
    width: 100%;
    height: 20%;
}

/*
    牛サイドメニュー一覧
*/
.ui-content-side fieldset.ui-side-menu-toggle {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    display: inline;
    width: 100%;
    height: 100%;
}



.ui-side-menu-toggle div.ui-radio input {
    display: none;
    border-radius: 1em;
}

/*.ui-side-menu-toggle div.ui-radio:first-child label {
    border-radius: 1em 1em 0em 0em;
}*/

/*サイドメニューの幅*/
.ui-side-menu-toggle div.ui-radio label {
    width:150px;/*変更した*/
    border-radius: 0em;
}

/*プラスボタン*/
#btn_plus{
    background-color: #16A6B6;
    border-style: none;
}
/*マイナスボタン*/
#btn_minus{
    background-color: #EE6557;
    border-style: none;
}

/*サイドメニューアイコン*/
#btn_f02_plus{
    background-color: #6495ED;
    border-style: none;
}

#btn_f02_minus{
    background-color: #FFB6C1;
    border-style: none;
}

#page-index4 .openPanel{
     background-color: #FFA500;
}

/*サイドメニュー選択中*/
.ui-side-menu-toggle div.ui-radio label.ui-radio-on {
    width:　200px;
    background-color: #8df;
}

/*サイドメニューアイコン*/
.ui-side-menu-toggle div.ui-radio label:after {
    background-color: #3c3c3c;
    border-style: none;
    width: 22px;
    height: 22px;
}
/*サイドメニューアイコン*/
.ui-side-menu-toggle div.ui-radio label.ui-radio-on:after {
    background-color: #3c3c3c;
    border-style: none;
    width: 22px;
    height: 22px;
}
/*サイドメニューリスト同士の幅*/
.ui-side-menu-toggle div.ui-radio {
    margin: 0;
}

/*
　利用者
/*

/* 男性　未保存 */
.ui-side-menu-toggle div.ui-radio label.ui-radio-sex-male:after {
    background-color:#0C34F1;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C5%209%2C5%207%2C0%205%2C5%200%2C5%204%2C8%202.625%2C13%207%2C10%2011.375%2C13%2010%2C8%20%22%2F%3E%3C%2Fsvg%3E");
}

/* 女性　未保存 */
.ui-side-menu-toggle div.ui-radio label.ui-radio-sex-female:after {
    background-color:#EB16AE;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M7%2C1.872c-2-3-7-2-7%2C2c0%2C3%2C4%2C7%2C4%2C7s2.417%2C2.479%2C3%2C3c0.583-0.521%2C3-3%2C3-3s4-4%2C4-7%20C14-0.128%2C9-1.128%2C7%2C1.872z%22%2F%3E%3C%2Fsvg%3E");
}

/* 男性　保存済 */
.ui-side-menu-toggle div.ui-radio label.ui-radio-sex-male-saved:after {
    background-color:#0C34F1;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C5%209%2C5%207%2C0%205%2C5%200%2C5%204%2C8%202.625%2C13%207%2C10%2011.375%2C13%2010%2C8%20%22%2F%3E%3C%2Fsvg%3E");
}

/* 女性　保存済 */
.ui-side-menu-toggle div.ui-radio label.ui-radio-sex-female-saved:after {
    background-color:#EB16AE;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7%2C1.958c-2-3-7-2.128-7%2C1.872c0%2C3%2C4%2C7%2C4%2C7s2.417%2C2.48%2C3%2C3c0.583-0.52%2C3-3%2C3-3s4-4%2C4-7C14-0.169%2C9-1.042%2C7%2C1.958z%22%2F%3E%3C%2Fsvg%3E");
}


/* サイドメニューのチェックアイコン */
.ui-side-menu-toggle div.ui-radio label.ui-reginsered:after {
    background-color:#0000FF;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E");
}


/*精液一覧*/
label.format_list{

    width:120%;
}


.ui-field-contain{
    margin: 0px;
    padding: 0.2em;

}


/* 記録入力画面 経過記録反映ボタン */
/*
#page-input-log .ui-field-contain .ui-checkbox {
    left: 21%;
    width: 11em;
}
#input-log-main div.ui-field-contain:first-child {
    margin: 0;
    padding: 0;
}

*/

/*
    テーブル　ヘッダー固定
*/
.ui-content-table {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/* テーブル　ヘッダー属性*/
table.ui-table-scroll thead tr th.ui-table-th-attr1 {
    text-align: center;
    width:20em;
}
.ui-select{
    display: inline-block;
    _display: inline;
}

.ui-radio{
    display: inline-block;
    _display: inline;
}

@media all and (min-width: 650px){
}

@media all and (min-width: 1200px){
}

/* メニュー　タイトル */
#page-menu h3 {
    margin: 0;
    padding: 0;
}






/* 一覧画面　ボタン */

#page-list .ncc-menu-btn {
    height: 60px;
    line-height: 60px;
    background: white;
    /*border: 1px solid #DDD;*/
    color: black;
    text-shadow:none;
    /*text-shadow: 0px 0px 0px rgba(255,255,255,0.5),-1px -1px 1px rgba(0,0,0,0.5);*/
}


/* 記録入力画面 固定画面 */

#page-input-log .ncc-input-text {
    margin: 0;
    width: 65%;
}

/* 記録入力画面 固定画面 */

#page-input-log .ncc-input-phrase-btn {
    width: 3em;
}

/* 記録入力画面 バリデーションチェック */

#page-input-log .input-custom-validat1 {
    position: relative;
    left: 22%;
    clear: both;
}
#page-input-log .input-custom-validat1 p{
    margin: 0;
}


.ui-btn-up-e{
    background:#f6f6f6;
}

.ui-panel {
    width: 17em;
    min-height: 100%;
    border-width: 0;
    position: absolute;
    top: 0;
    display: block;
    background-color:#1f1f1f;
    color: #1f1f1f;
}



/*精液入力画面項目必須*/
#div_txt_f01_01_01{
    color:red;
}
input.required{

    /*background-color:#FFEFD5;*/
}
select.required{
    /*background-color:#FFEFD5;*/
}
/*サイドメニューの項目*/
#rightpanel{
    background-color: #3c3c3c;
    width:30%;

}

/*アイコン*/
#btn_plus{
    /*color:red;
    background-color: #3c3c3c;
    border-style: none;
    width: 22px;
    height: 22px;*/
    position: absolute;
    top: -65px;
    right: -15px;
    width: 105px;
    padding: 5px;
    margin: 0px;
    height: 30px;
    white-space: pre;
}

#btn_plus:after {
    top: 5px;
    left: 30px;
    content:"      追加";
    color: #ffffff;
    text-shadow: 0 1px 0 #000000;
}

#btn_minus {
    display: none;
}

#btn_minus_01
,#btn_minus_02
,#btn_minus_03
,#btn_minus_04
,#btn_minus_05
,#btn_minus_06
,#btn_minus_07
,#btn_minus_08
,#btn_minus_09
,#btn_minus_10
,#btn_minus_11
,#btn_minus_12
,#btn_minus_13
,#btn_minus_14
,#btn_minus_15
,#btn_minus_16
,#btn_minus_17
,#btn_minus_18
,#btn_minus_19
,#btn_minus_20{
    background-color: #EE6557;
    border-style: none;

    position: absolute;
    top: -65px;
    right: -15px;
    width: 105px;
    padding: 5px;
    margin: 0px;
    height: 30px;
    white-space: pre;
}

#btn_minus_01:after
,#btn_minus_02:after
,#btn_minus_03:after
,#btn_minus_04:after
,#btn_minus_05:after
,#btn_minus_06:after
,#btn_minus_07:after
,#btn_minus_08:after
,#btn_minus_09:after
,#btn_minus_10:after
,#btn_minus_11:after
,#btn_minus_12:after
,#btn_minus_13:after
,#btn_minus_14:after
,#btn_minus_15:after
,#btn_minus_16:after
,#btn_minus_17:after
,#btn_minus_18:after
,#btn_minus_19:after
,#btn_minus_20:after {
    top: 5px;
    left: 30px;
    content:"      削除";
    color: #ffffff;
    text-shadow: 0 1px 0 #000000;
}

/*タイムラインメニュー 画面小時「ul#menuheadline{」定義別行にあり*/
/*
ul#menuheadline{
    list-style-type: none;
    margin: 0 0 2em 0;
    padding: 0;
    color: #fff;
}
*/
ul#menuheadline li{
    float: left;
    position: relative;
    margin: -0.5em 0 0.5em 0;
    padding: 0.2em;
    width: 7em;
    background-color: #555555;
    display: block;
    cursor:pointer;
}

/* 連結型ボタン */
.btn_join {
    height: 40px;
    padding: 5px;
    margin: 0;
    margin-top: 5px;
    background-color: #EEE;
    border: 1px solid #CCC;
    display: inline-block;
    font-size: 0.7em;
    cursor: pointer;
}

.btn_join_start {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.btn_join_end {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* 前・次 */
.btn_prev_next {
    width: 50px;
}

#btn_next_year {
    position: relative;
    z-index: 1;
    top:0;
    left: 120px;
}

#btn_prev_year {
    position: relative;
    z-index: 1;
    top:0;
    left: 20px;
}

/* 当年 */
.btn_this_year {
    width: 70px;
    margin-left: 20px;
    margin-right: 20px;
}

#btn_this_year {
    position: relative;
    z-index: 1;
    top:0;
    left: -35px;
}

.btn_fileTransfer {
    width: 300px;
}

.btn_excelTransfer {
    width: 300px;
}

#tbl_excelUploadError {
    color: #FF0000;
}

/* 回り込み */
.clearBoth {
    clear: both;
}

.floatL {
    float: left;
}

/* グラフ */
.div_canvas {
    width: 100%;
    overflow: visible;
}

#div_change_graph_breeding,
#distribution_map_result_own,
#distribution_map_result_other {
    position: relative;
}

#div_btn_ownOrOtherFarm {
    position: relative;
    top:0;
    width: 100%;
    border: 0 !important;
}

#div_btn_ownOrOtherFarm .ui-controlgroup-label {
    width: 0;
    margin: 2px;
}

/*繁殖アラート詳細画面*/
.modalBody3{
    position: fixed;
    z-index:1002;
    width:60%;
/*    height: 25%;*/
    left:20%;
    top:10%;
    margin: 0px 0px 0px -22px;
    padding: 22px 22px 22px 22px;
    border-radius: 5px;
    background: #282e33;
    border-top: 3px solid #434a52;
    border-bottom: 3px solid #434a52;
}

.modalBody3 table#bATable , .cowBinfo table#bATable{
    border-spacing:1px;
/*    font-size:10px;*/
    background-color:#e7e7e7;
    color:black;
    width:100%;
    table-layout:fixed;
    word-break: break-word;
}
caption {
    font-weight:bold;
    background:#50adea url(/content/img/css/css_table_gallery/corner.gif) no-repeat right top;
    border-bottom:2px solid #1975d7;
    color:#fff;
    text-transform:uppercase;
    padding:0.25em;
}
td#bATd, th#bATh {
    padding:0 0 0 0.5em;
    line-height:1.5;
}

#bAThe {
  display: none;
}

thead#bAThe th {
    text-align:center;
    background:#f5f5f5;
    color:#666;
/*    border:1px solid #fff;*/
    text-transform:uppercase;
}
tbody#bATb th {
    font-weight:bold;
}
tbody#bATb tr {
    background-color:#fff;
    text-align:left;
}
tbody#bATb tr.odd {
    background:#f9f9f9;
/*    border-top:1px solid #fff;*/
}
tbody#bATb tr td { 
    height:40px;
    background:#fff;
/*    border:1px solid #fff;*/
}
tbody#bATb tr.odd td { 
    background:#f9f9f9;
/*    border-top:1px solid #fff;*/
}

/* テーブル選択中の列を色付け */
/*table:not(.colored_table) tr.clickable:hover{
    background-color: #ffffc6 !important;
}*/

/*table.colored_table tr.clickable:hover td{
    color: #ff3d3d !important;
    text-shadow: 1px 1px 1px #ffffff !important;
}*/

table tbody:hover tr.clickable:hover td {
    /*font-weight: bold;*/
    /*background-color: #2980b9;*/
    background-color: #666666;
    color: #fff;
    text-shadow: 0 1px 0 #ccc;
}

tr.topListSelected td {
    background-color: #666666 !important;
    color: #fff !important;
    text-shadow: 0 1px 0 #ccc !important;
}

/*table tbody:hover tr.clickable:not(:hover) {
    opacity: .6;
}*/

/** カレンダーやセレクトボックス用アイコンを表示するdivに対して */
@media (max-width: 29em){
    div.for_icon_display {
        width: 85% !important;
        width : -webkit-calc(100% - 40px) !important;
        width: calc(100% - 40px) !important;
    }
    div.for_icon_display.ui-input-has-clear { 
        /* クリアボタンがあるところはpaddingが設定されてるため別対応 */
        width: 68% !important;
        width : -webkit-calc(100% - 40px - 2.375em) !important;
        width: calc(100% - 40px - 2.375em) !important;
    }
}
@media (min-width: 28em){
    div.for_icon_display {
        width: 73% !important;
        width : -webkit-calc(78% - 40px) !important;
        width: calc(78% - 40px) !important;
    }
    div.for_icon_display.ui-input-has-clear { 
        /* クリアボタンがあるところはpaddingが設定されてるため別対応 */
        width: 73% !important;
        width : -webkit-calc(78% - 40px) !important;
        width: calc(78% - 40px) !important;
    }
}



/** カレンダー */
.icon-calendar {
    background-image: url(../cow_images/icon-calendar.png);
    background-repeat: no-repeat;
    position: absolute;
    right: -45px;
    top: 0%;
    margin: 5px;
    text-indent: -9999px;
    white-space: nowrap!important;
    padding: 0px;
    width: 32px;
    height: 32px;
}

/** 牛選択 */
.icon-cow {
    background-image: url(../cow_images/icon_cow.png);
}
.icon-cow-f {
    background-image: url(../cow_images/icon_cow_f.png);
}
/** 牛群選択 */
.icon-gyugun-f {
    background-image: url(../cow_images/icon_gyugun_f.png);
}
/** 人選択 */
.icon-person {
    background-image: url(../cow_images/icon_person.png);
}
/** 農場選択 */
.icon-farm {
    background-image: url(../cow_images/icon_farm.png);
}
/** 証明書選択 */
.icon-document {
    background-image: url(../cow_images/icon_document.png);
}
/** 疾病選択 */
.icon-disease {
    background-image: url(../cow_images/icon_disease.png);
}
.icon-cow,
.icon-cow-f,
.icon-gyugun-f,
.icon-person,
.icon-farm,
.icon-disease,
.icon-document {
    background-repeat: no-repeat;
    position: absolute;
    right: -45px;
    top: 0%;
    margin: 5px;
    text-indent: -9999px;
    white-space: nowrap!important;
    padding: 0px;
    width: 32px;
    height: 32px;
}

.icon-loginuser,
.icon-loginfarm {
  position: absolute;
  right: 0px;
  bottom: -5px;
  margin: 5px;
  white-space: nowrap!important;
  padding: 0px;
  width: 40px;
  height: 20px;
  color: white !important;
  font-weight: normal !important;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  font-size: 13px;
  padding-top: 3px;
  text-shadow: none;
  border: 1px solid #0d791c;
  background: #02ae21;
}

/** jQuery datetimepicker custom */
.xdsoft_year {
    width: 62px !important;
    margin-left: 1px !important;
}

.xdsoft_month {
    width: 50px !important;
}

.xdsoft_calendar td:first-child {
    background: #ffb0b0 !important;
    color: #666666 !important;
}

.xdsoft_calendar td.xdsoft_other_month:first-child {
    background: #ffc0c0 !important;
    color: #666666 !important;
}

.xdsoft_calendar td:last-child {
    background: #a0d0ff !important;
    color: #666666 !important;
}

.xdsoft_calendar td.xdsoft_other_month:last-child {
    background: #b0e0ff !important;
    color: #666666 !important;
}

.xdsoft_calendar td.xdsoft_today{
    color: #33aaff !important;
}

.xdsoft_calendar td.xdsoft_current{
    background: #33aaff !important;
    box-shadow: #178fe5 0 1px 3px 0 inset !important;
    color: #fff !important;
    font-weight: 700 !important;
}

/** jQuery fullcalendar custom */
/* 日曜日 */
.fc-sun {
    color: red;
    background-color: #fff0f0;
}
 
/* 土曜日 */
.fc-sat {
    color: blue;
    background-color: #f0f0ff;
}

/** スマホ用カレンダーの日付選択時のポップアップ */
#scheduleList {
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 1001;

    width: 100%;
    height: 100%;

    background-color: #f9f9f9;
}

#scheduleList_header {
    height: 50px;
    background-color: #20B2AA;
    font-size: 120%;
    border-bottom: none;
    color: #ffffff;
}

#scheduleList_header .ui-title {
    margin: 0;
    text-align: center;
    padding-top: 15px;
    font-size:18px;
}

#scheduleList_close {
    background-color: #20B2AA;
    width: 45px;
    height: 45px;
    margin: 3px;
    padding: 0;
    top: 0;
    right: 0;
}

#scheduleList_close:after {
    background-size: 30px 30px;
    background-position: 7.5px 7.5px;
    width: 45px;
    height: 45px;
    border-radius: 0;
    margin: 0;
    top: 0;
    left: 0;
}



#scheduleList_content {
    padding: 10px;
    overflow-y: scroll;
}

#scheduleList_content #no-schedule {
    text-align: center;
    font-size: 120%;
    padding-top: 20px;
    font-weight: bold;
}

.scheduleList_data {
    border: #ffffff 1px solid;
    margin: 5px 0;
    border-radius: 10px;
    padding: 0 20px;
}

.scheduleList_data .status {
    font-weight: bold;
    font-size: 110%;
}

/** よく使う人設定画面 */
tr.mainUser {
    background-color: #99dd99 !important;
    color: #007000;
    text-shadow: 0 1px 0 #333333;
}

tr.mainUser td.tdUserId:after {
    content: "メイン";
    font-size: 70%;
    font-weight: bold;
    background: #288c66;
    color: #ffffff;
    padding: 2px 5px;
    border-radius: 5px;
    display: inline-block;
}

/** 授精画面 パネルのテキスト表示 */
#tainaigai_txt {
    display: none;
}

/**
 * dataTableで使用出来るもの
 */
#tbl_wrapper {
  margin-left: 5px;
}

body#sp .dataTables_info {
    width: 100%;
}

.dataTables_wrapper .dataTables_length {
  float: left;
}

.dataTables_length label {
  font-size: 13.5px;
  font-weight: normal;
}

.dataTables_length label select {
  font-size: 16px;
  transform: scale(0.8);
}

#tbl_filter {
  height: 0;
}

/** jQuery select2 custom */
div .select2-container{
    display: block !important;
    height: 42px;
    position: absolute;
}

div#div_loginUserName .select2-container,
div#div_farmName .select2-container {
    height: 28px;
}

div#div_loginFarmName .select2-container,
div#div_farmName2 .select2-container {
    height: 28px;
}

.select2-selection{
    display: none !important;
}

.select2-dropdown {
    /*top: 45px !important;*/
}

.select2-search input {
    background-image: url(../cow_images/icon_search.png);
    background-repeat: no-repeat;
    background-position: 5px;
    background-size: 20px;
    padding-left: 30px !important;
}

/** テキスト消去アイコン カスタマイズ */
.ui-input-clear {
    width: 40px !important;
    height: 40px !important;
    top: 15px !important;
}

/** 閉じるボタン カスタマイズ */
.close {
    width: 40px !important;
    height: 40px !important;
    border-radius: 20px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.close:after {
    width: 34px !important;
    height: 34px !important;
    margin-left: -17px !important;
    margin-top: -17px !important;
    background-size: 17px !important;
}

.ui-panel-wrapper {
    z-index: 0;
}

/**
 * 共通で使用出来るもの
 */
.cmn_relative {
    position: relative;
}
.clearText {
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}

.clearfix:after {
    content:"";
    display:block;
    clear:both;
}

.ws_normal {
  white-space: normal !important;
}

.bv_font {
  font-size: 18px !important;
}

/* dataTable 列選択 */
#contents2 {
    position: relative;
}
a.ui-table-columntoggle-btn:not(.notColumnToggleCss) {
    position: absolute;
    top: -5px;
    right: 10px;
    z-index: 1;
}

#contentsX a.ui-table-columntoggle-btn:not(.notColumnToggleCss) {
    position: static;
    top: -5px;
    right: 10px;
    z-index: 1;
}

#contentsX a.ui-table-columntoggle-btn:not(.notColumnToggleCss) {
    position: relative;
    top: 3em;
    right: 10px;
    z-index: 1;
}

#contents3 a.ui-table-columntoggle-btn:not(.notColumnToggleCss) {
    position: relative;
    top: 3em;
    right: 10px;
}

#contents4 a.ui-table-columntoggle-btn:not(.notColumnToggleCss) {
    position: relative;
    top: 3em;
    right: 10px;
}

/* vertical-timeline */
#timeline_cowinfo {
  display: inline-block;
  font-size: 16px;
  background-color: #666;
  color: #fff;
  padding: 2px;
  padding-left: 12px;
  border-radius: 12px;
}

#cd-timeline {
  margin-top: 0.5em !important;
  padding-top: 0.5em !important;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    width: 43% !important;
  }
}

.cd-timeline-content {
  padding: 0.5em !important;
}

.cd-timeline-block#timeId_koushi .cd-timeline-content {
  background-color: #bee0c2 !important;
}
.cd-timeline-block#timeId_koushi .cd-timeline-content:before {
  border-color: transparent !important;
  border-right: 7px solid #bee0c2 !important;
}

.cd-timeline-block#timeId_f01 .cd-timeline-content {
  background-color: #bbdbf3 !important;
}
.cd-timeline-block#timeId_f01 .cd-timeline-content:before {
  border-color: transparent !important;
  border-right: 7px solid #bbdbf3 !important;
}

.cd-timeline-block#timeId_f02 .cd-timeline-content {
  background-color: #fad09e !important;
}
.cd-timeline-block#timeId_f02 .cd-timeline-content:before {
  border-color: transparent !important;
  border-right: 7px solid #fad09e !important;
}

.cd-timeline-block#timeId_f03 .cd-timeline-content {
  background-color: #fff799 !important;
}
.cd-timeline-block#timeId_f03 .cd-timeline-content:before {
  border-color: transparent !important;
  border-right: 7px solid #fff799 !important;
}

.cd-timeline-block#timeId_f04 .cd-timeline-content {
  background-color: #cab8d9 !important;
}
.cd-timeline-block#timeId_f04 .cd-timeline-content:before {
  border-color: transparent !important;
  border-right: 7px solid #cab8d9 !important;
}

.cd-timeline-block#timeId_division .cd-timeline-content {
  background-color: #d5e4f0 !important;
}
.cd-timeline-block#timeId_division .cd-timeline-content:before {
  border-color: transparent !important;
  border-right: 7px solid #d5e4f0 !important;
}

@media only screen and (min-width: 1170px) {

  .cd-timeline-block#timeId_koushi .cd-timeline-content:before {
    border-color: transparent !important;
    border-left-color: #bee0c2 !important;
  }
  .cd-timeline-block#timeId_koushi:nth-child(even) .cd-timeline-content::before {
    border-color: transparent !important;
    border-right-color: #bee0c2 !important;
  }

  .cd-timeline-block#timeId_f01 .cd-timeline-content:before {
    border-color: transparent !important;
    border-left-color: #bbdbf3 !important;
  }
  .cd-timeline-block#timeId_f01:nth-child(even) .cd-timeline-content::before {
    border-color: transparent !important;
    border-right-color: #bbdbf3 !important;
  }

  .cd-timeline-block#timeId_f02 .cd-timeline-content:before {
    border-color: transparent !important;
    border-left-color: #fad09e !important;
  }
  .cd-timeline-block#timeId_f02:nth-child(even) .cd-timeline-content::before {
    border-color: transparent !important;
    border-right-color: #fad09e !important;
  }

  .cd-timeline-block#timeId_f03 .cd-timeline-content:before {
    border-color: transparent !important;
    border-left-color: #fff799 !important;
  }
  .cd-timeline-block#timeId_f03:nth-child(even) .cd-timeline-content::before {
    border-color: transparent !important;
    border-right-color: #fff799 !important;
  }

  .cd-timeline-block#timeId_f04 .cd-timeline-content:before {
    border-color: transparent !important;
    border-left-color: #cab8d9 !important;
  }
  .cd-timeline-block#timeId_f04:nth-child(even) .cd-timeline-content::before {
    border-color: transparent !important;
    border-right-color: #cab8d9 !important;
  }
  .cd-timeline-block#timeId_division .cd-timeline-content:before {
    border-color: transparent !important;
    border-left-color: #d5e4f0 !important;
  }
  .cd-timeline-block#timeId_division:nth-child(even) .cd-timeline-content::before {
    border-color: transparent !important;
    border-right-color: #d5e4f0 !important;
  }

}

.cd-timeline-content h2 {
    padding-top: 0px;
    margin-top: 2.5px;
    /*border-top: 1px solid #ffffff;*/
    font-size: 13px !important;
    color: #555555 !important;
    padding-left: 7px;
}
.cd-timeline-content p {
    padding-left: 15px;
    font-size: 15px !important;
}
.cd-timeline-content .cd-date {
    /* float: left; */
    padding: .8em 0;
    opacity: .7;
    position: absolute;
    top: -35px;
    left: 10px;
}
.cd-timeline-content h2#timeLinetitle {
    padding-top: 0;
    border-top: 0;
    font-size: 18px !important;
    color: inherit !important;
    padding-left: 0;
}

/*.cd-timeline-block#timeId_koushi h2#timeLinetitle{
    background:#8DCF3F;
}
.cd-timeline-block#timeId_f01 h2#timeLinetitle{
    background:#3498db;
}
.cd-timeline-block#timeId_f02 h2#timeLinetitle{
    background:#F58E7E;
}
.cd-timeline-block#timeId_f03 h2#timeLinetitle{
    background:#FDC44F;
}
.cd-timeline-block#timeId_f04 h2#timeLinetitle{
    background:#a66bbe;
}*/

/* contextMenu カスタマイズ */
#context-menu-layer {
  z-index: 1000 !important;
}
.context-menu-list {
  z-index: 1000 !important;
}

.contextmenu-item-custom:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 2em;
  height: 2em;
}

.contextmenu-item-custom:hover:before {
  background-position-y: -2em;
}

.contextmenu-item-custom__menu_jusei:before,
.contextmenu-item-custom__sub_menu_jusei:before {
  background: url(../cow_images/context_menu_icon/cm_jusei.png) 0 0 no-repeat;
  background-size: 2em;
}

.contextmenu-item-custom__menu_sairan:before,
.contextmenu-item-custom__sub_menu_sairan:before {
  background: url(../cow_images/context_menu_icon/cm_sairan.png) 0 0 no-repeat;
  background-size: 2em;
}

.contextmenu-item-custom__menu_ninkan:before,
.contextmenu-item-custom__sub_menu_ninkan:before {
  background: url(../cow_images/context_menu_icon/cm_ninkan.png) 0 0 no-repeat;
  background-size: 2em;
}

.contextmenu-item-custom__menu_ishoku:before,
.contextmenu-item-custom__sub_menu_ishoku:before {
  background: url(../cow_images/context_menu_icon/cm_isyoku.png) 0 0 no-repeat;
  background-size: 2em;
}

.contextmenu-item-custom__menu_ikusei2:before,
.contextmenu-item-custom__sub_siryuzan:before,
.contextmenu-item-custom__sub_menu_ikusei2:before,
.contextmenu-item-custom__sub_sub_siryuzan:before {
  background: url(../cow_images/context_menu_icon/cm_syussan.png) 0 0 no-repeat;
  background-size: 2em;
}

.contextmenu-item-custom__menu_ikusei0:before,
.contextmenu-item-custom__sub_menu_ikusei0:before,
.contextmenu-item-custom__syukkaRegist:before,
.contextmenu-item-custom__sub_syukkaRegist:before,
.contextmenu-item-custom__menu_ikusei1:before,
.contextmenu-item-custom__sub_menu_seieki1:before,
.contextmenu-item-custom__calfResults:before,
.contextmenu-item-custom__sub_calfResults:before {
  background: url(../cow_images/context_menu_icon/cm_edit_cow.png) 0 0 no-repeat;
  background-size: 2em;
}

.contextmenu-item-custom__sub_menu_syokai_hatsujo:before {
  background: url(../cow_images/context_menu_icon/cm_hatsujo.png) 0 0 no-repeat;
  background-size: 2em;
}

.contextmenu-item-custom__menu_medicalhistorySet:before,
.contextmenu-item-custom__sub_menu_medicalhistorySet:before {
  background: url(../cow_images/context_menu_icon/cm_byoreki.png) 0 0 no-repeat;
  background-size: 2em;
}

.contextmenu-item-custom__menu_timelineInfo:before,
.contextmenu-item-custom__sub_menu_timelineInfo:before {
  background: url(../cow_images/context_menu_icon/cm_timeline.png) 0 0 no-repeat;
  background-size: 2em;
}

.contextmenu-item-custom__menu_basicInfo,
.contextmenu-item-custom__sub_menu_basicInfo:before {
  background: url(../cow_images/context_menu_icon/cm_kotai_info.png) 0 0 no-repeat;
  background-size: 2em;
}

.contextmenu-item-custom__menu_family:before,
.contextmenu-item-custom__sub_menu_family:before {
  background: url(../cow_images/context_menu_icon/cm_keizu.png) 0 0 no-repeat;
  background-size: 2em;
}

.contextmenu-item-custom__menu_ikusyuka,
.contextmenu-item-custom__sub_menu_ikusyuka:before {
  background: url(../cow_images/context_menu_icon/cm_ikusyuka.png) 0 0 no-repeat;
  background-size: 2em;
}

.contextmenu-item-custom__menu_seieki0:before,
.contextmenu-item-custom__sub_menu_seieki0:before {
  background: url(../cow_images/context_menu_icon/cm_seieki.png) 0 0 no-repeat;
  background-size: 2em;
}

/* popupMenu カスタマイズ */
#popupMenuBK {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background: rgba(255, 255, 255, 0.5);
  z-index: 12000;
}

#popupMenuContents {
  position: relative;
  width: 90%;
  max-width: 300px;

  top: 20px;
  margin: 0 auto;

  background: #fff;
  border: 5px solid #999999;
  z-index: 12001;

  overflow-x: hidden;
  overflow-y: hidden;

  padding: 10px;
}

div#popupMenuCowInfo {
  background: rgb(233, 83, 131);
  font-size: 13px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  overflow: hidden;
  margin-bottom: 5px;
}

span#popupMenuCowInfoJihyo {
  width: 40px;
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
}

span#popupMenuCowInfoCowName {
  display: inline-block;
  width: calc(100% - 46px);
  word-break: keep-all;
}

#popupMenuMenuList hr {
  border-color: rgb(233, 83, 131);
  float: left;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}

#popupMenuMenuList li {
  position: relative;
}

#popupMenuMenuList_main,
ul.popupMenuMenuList_sub {
  list-style: none;
  margin: 0;
  padding: 0;
}

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

.popupMenuMenuList_sub li {
    width: 50%;
    float: left;
}

#popupMenuMenuList span {
  width: calc(100% - 30px);
  height: 30px;
  display: inline-block;
  line-height: 30px;
  padding-left: 30px;
  font-size: 14px;
  word-break: keep-all;
  overflow: hidden;
}

li.listPopupMenu {
  cursor: pointer;
}

#popupMenuMenuList_main > li.listPopupMenu:hover > span,
ul.popupMenuMenuList_sub > li.listPopupMenu:hover > span {
    background: #3570ca;
    color: #fff;
}

#popupMenuMenuList_main > li.toggleListPopupMenu:hover {
/*   background-color: #fffef7; */
}

ul.popupMenuMenuList_sub {
    /* display: none; */
}

li.toggleListPopupMenu:hover ul.popupMenuMenuList_sub {
/*    display: block;*/
/*     border: 1px solid #999;
    padding: 2px 5px; */
}

.toggleListPopupMenu > span {
  padding-left: 5px !important;
  font-size: 12px !important;
  height: 20px !important;
  background: #999 !important;
  width: calc(100% - 5px) !important;
  line-height: 20px !important;
  color: #fff;
}

.listPopupMenu > span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  width: 2em;
  height: 2em;
}

.listPopupMenu:hover > span:before {
  background-position-y: -2em;
}

.popup_menu_jusei > span:before,
.popup_yobi_menu_jusei > span:before {
  background: url(../cow_images/context_menu_icon/cm_jusei.png) 0 0 no-repeat;
  background-size: 2em;
}

.popup_menu_sairan > span:before,
.popup_yobi_menu_sairan > span:before {
  background: url(../cow_images/context_menu_icon/cm_sairan.png) 0 0 no-repeat;
  background-size: 2em;
}

.popup_menu_ninkan > span:before,
.popup_yobi_menu_ninkan > span:before {
  background: url(../cow_images/context_menu_icon/cm_ninkan.png) 0 0 no-repeat;
  background-size: 2em;
}

.popup_menu_ishoku > span:before,
.popup_yobi_menu_ishoku > span:before {
  background: url(../cow_images/context_menu_icon/cm_isyoku.png) 0 0 no-repeat;
  background-size: 2em;
}

.popup_menu_ikusei2 > span:before,
.popup_yobi_siryuzan > span:before,
.popup_yobi_menu_ikusei2 > span:before,
.popup_yobi_sub_siryuzan > span:before,
.popup_sub_siryuzan > span:before {
  background: url(../cow_images/context_menu_icon/cm_syussan.png) 0 0 no-repeat;
  background-size: 2em;
}

.popup_menu_ikusei0 > span:before,
.popup_yobi_menu_ikusei0 > span:before,
.popup_syukkaRegist > span:before,
.popup_yobi_syukkaRegist > span:before,
.popup_menu_ikusei1 > span:before,
.popup_yobi_menu_seieki1 > span:before,
.popup_calfResults > span:before,
.popup_yobi_calfResults > span:before,
.popup_menu_syukkaRegist > span:before,
.popup_yobi_menu_calfResults_1 > span:before,
.popup_yobi_menu_calfResults_2 > span:before,
.popup_yobi_menu_calfResults_3 > span:before,
.popup_yobi_menu_calfResults_4 > span:before,
.popup_yobi_menu_calfResults_5 > span:before,
.popup_yobi_menu_calfResults_6 > span:before
 {
  background: url(../cow_images/context_menu_icon/cm_edit_cow.png) 0 0 no-repeat;
  background-size: 2em;
}

.popup_yobi_menu_syokai_hatsujo > span:before {
  background: url(../cow_images/context_menu_icon/cm_hatsujo.png) 0 0 no-repeat;
  background-size: 2em;
}

.popup_menu_medicalhistorySet > span:before,
.popup_yobi_menu_medicalhistorySet > span:before {
  background: url(../cow_images/context_menu_icon/cm_byoreki.png) 0 0 no-repeat;
  background-size: 2em;
}

.popup_menu_timelineInfo > span:before,
.popup_yobi_menu_timelineInfo > span:before {
  background: url(../cow_images/context_menu_icon/cm_timeline.png) 0 0 no-repeat;
  background-size: 2em;
}

.popup_menu_basicInfo > span:before,
.popup_yobi_menu_basicInfo > span:before {
  background: url(../cow_images/context_menu_icon/cm_kotai_info.png) 0 0 no-repeat;
  background-size: 2em;
}

.popup_menu_family > span:before,
.popup_yobi_menu_family > span:before {
  background: url(../cow_images/context_menu_icon/cm_keizu.png) 0 0 no-repeat;
  background-size: 2em;
}

.popup_menu_ikusyuka > span:before,
.popup_yobi_menu_ikusyuka > span:before {
  background: url(../cow_images/context_menu_icon/cm_ikusyuka.png) 0 0 no-repeat;
  background-size: 2em;
}

.popup_menu_seieki0 > span:before,
.popup_yobi_menu_seieki0 > span:before {
  background: url(../cow_images/context_menu_icon/cm_seieki.png) 0 0 no-repeat;
  background-size: 2em;
}

/* jqplot カスタマイズ */
.jqplot-highlighter-tooltip {
  background-color: rgba(208,208,208,.8);
  color: #000;
  font-size: 10pt;
}

.jqplot-highlighter-tooltip #highlight_box {
  padding: 5px;
}

.jqplot-highlighter-tooltip #highlight_box p {
  margin: 5px 0; 
}

.jqplot-table-legend-label {
  font-size: 10pt;
  color: #000;
}

.jqplot-x2axis {
  display: none;
}

/* dataTable カスタマイズ */
/* 880px超えない時のCSS */
table.dataTable thead tr th {
  font-size: 15px;
  text-align: left;
}

table.dataTable tbody tr td {
  font-size: 14px;
}

#div_ikusyukaInfo11 {
  display: inline-block;
  text-align: center;
/*  position: absolute;*/
  position: relative;
  top: -15px;
  width: 100%;
  font-size: 20px;
}

#div_ikusyukaInfo11 span {
    border-top: 1.5px solid #666;
    border-bottom: 1.5px solid #666;
    padding: 2px 20px;
}

#div_ikusyukaInfo11M {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 5px;
  width: 100%;
  font-size: 17px;
}

#div_ikusyukaInfo11M span {
    border-top: 1.5px solid #666;
    border-bottom: 1.5px solid #666;
    padding: 2px 20px;
}

#div_ikusyukaInfo12 {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: -40px;
  width: 100%;
  font-size: 20px;
}

#div_ikusyukaInfo12 span {
    border-top: 1.5px solid #666;
    border-bottom: 1.5px solid #666;
    padding: 2px 20px;
}

#div_ikusyukaInfo12M {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 70px;
  width: 100%;
  font-size: 17px;
}

#div_ikusyukaInfo12M span {
    border-top: 1.5px solid #666;
    border-bottom: 1.5px solid #666;
    padding: 2px 20px;
}

#div_ikusyukaInfo13 {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: -40px;
  width: 100%;
  font-size: 20px;
}

#div_ikusyukaInfo13 span {
    border-top: 1.5px solid #666;
    border-bottom: 1.5px solid #666;
    padding: 2px 20px;
}

#div_ikusyukaInfo13M {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 70px;
  width: 100%;
  font-size: 17px;
}

#div_ikusyukaInfo13M span {
    border-top: 1.5px solid #666;
    border-bottom: 1.5px solid #666;
    padding: 2px 20px;
}

#div_ikusyukaInfo22 {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 2365px;
  width: 100%;
  font-size: 20px;
}

#div_ikusyukaInfo22 span {
    border-top: 1.5px solid #666;
    border-bottom: 1.5px solid #666;
    padding: 2px 20px;
}

#div_ikusyukaInfo22M {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 520px;
  width: 100%;
  font-size: 17px;
}

#div_ikusyukaInfo22M span {
    border-top: 1.5px solid #666;
    border-bottom: 1.5px solid #666;
    padding: 2px 20px;
}

#div_ikusyukaInfo23 {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 2970px;
  width: 100%;
  font-size: 20px;
}

#div_ikusyukaInfo23 span {
    border-top: 1.5px solid #666;
    border-bottom: 1.5px solid #666;
    padding: 2px 20px;
}

#div_ikusyukaInfo23M {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 585px;
  width: 100%;
  font-size: 17px;
}

#div_ikusyukaInfo23M span {
    border-top: 1.5px solid #666;
    border-bottom: 1.5px solid #666;
    padding: 2px 20px;
}

#div_ikusyukaInfo3 {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 3510px;
  width: 100%;
  font-size: 20px;
}

#div_ikusyukaInfo3 span {
    border-top: 1.5px solid #666;
    border-bottom: 1.5px solid #666;
    padding: 2px 20px;
}

#div_ikusyukaInfo3M {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 1025px;
  width: 100%;
  font-size: 17px;
}

#div_ikusyukaInfo3M span {
    border-top: 1.5px solid #666;
    border-bottom: 1.5px solid #666;
    padding: 2px 20px;
}

#div_cow_group_name {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: -40px;
  width: 100%;
  font-size: 17px;
}

#div_cow_group_name span {
    border-top: 1.5px solid #666;
    border-bottom: 1.5px solid #666;
    padding: 2px 20px;
}

/*@media screen and (max-width: 640px) {
  #div_cow_group_name {
    top: 50px;
  }
}*/

#div_basicInfo_name {
  display: inline-block;
  text-align: center;
  position: relative;
  top: -30px;
  width: 100%;
  font-size: 17px;
}

#div_basicInfo_name span {
    border-top: 1.5px solid #666;
    border-bottom: 1.5px solid #666;
    padding: 2px 20px;
}

/*@media screen and (max-width: 640px) {
  #div_basicInfo_name {
    top: 8em;
  }
}*/
@media ( max-width: 879.5px ) {
  table.dataTable thead tr th {
    font-size: 12px;
    padding-left: 5px;
  }

  table.dataTable tbody tr td {
    font-size: 11px;
    word-break: break-all;
    word-wrap: break-word;
    padding-left: 2px;
    padding-right: 2px;
  }

  #div_ikusyukaInfo1 {
    font-size: 14px;
  }
  #div_ikusyukaInfo2 {
    font-size: 14px;
  }
  #div_ikusyukaInfo3 {
    font-size: 14px;
  }
  #div_cow_group_name {
    font-size: 14px;
  }
  #div_basicInfo_name {
    font-size: 14px;
  }
}

/* helpアイコン */
.label_with_help {
  margin-right: 30px !important;
}

div.icon_help {
  position: absolute;
  display: inline-block;
  top: 0;
  right: -25px;
  width: 20px;
  height: 20px;
  background: #006eb0;
  border-radius: 10px;
  cursor: pointer;
}

div.icon_help span {
  position: absolute;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  top: 0px;
  left: 2px;
}

.balloon_help {
  position: absolute;
  display: inline-block;
  padding: 15px 15px;
  width: 250px;
  height: auto;
  color: #000;
  line-height: 20px;
  text-align: left;
  background: #bbdbf3;
  z-index: 1;
  bottom: 35px;
  right: -15px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: normal;
}
.balloon_help:after {
  content: "";
  position: absolute;
  bottom: -10px; right: 15px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #bbdbf3 transparent transparent transparent;
}
@media (min-width: 28em) {
  .label_with_help {
    margin-right: 6% !important;
    width: 16% !important;
  }

  div.icon_help {
    right: -25%;
  }

  .balloon_help {
    left: -31px;
    right: 0;
  }
  .balloon_help:after {
    left: 30px;
    right: 0;
  }
}

/** leftMenuListBox */
ul#leftMenuList li#leftMenuListBox {
  height: 100%;
  border: none;
}
ul#leftMenuList li#menuToggle {
  position: relative;
}
ul#leftMenuList li#menuToggle span.menu-close {
  position: absolute;
  top: 0px;
  right: 57px;
  display: inline-block;
  transform: rotate( 90deg );
}
ul#leftMenuList li#menuToggle span.menu-open {
  position: absolute;
  top: -2px;
  right: 55px;
  display: inline-block;
  transform: rotate( 270deg );
}

/* ラベル名 */
label.itemName,
legend.itemName {
  color: #000 !important;
  font-weight: normal !important;
}

div:not(.ui-table-columntoggle-popup) > fieldset.ui-controlgroup > div.ui-controlgroup-controls > div.ui-radio    > .ui-radio-off,
div:not(.ui-table-columntoggle-popup) > fieldset.ui-controlgroup > div.ui-controlgroup-controls > div.ui-checkbox > .ui-checkbox-off {
  color: #999 !important;
}

div:not(.ui-table-columntoggle-popup) > fieldset.ui-controlgroup > div.ui-controlgroup-controls > div.ui-radio    > .ui-radio-on {
  background: linear-gradient(#27b, #49d) !important;
}

div:not(.ui-table-columntoggle-popup) > fieldset.ui-controlgroup > div.ui-controlgroup-controls > div.ui-checkbox > .ui-checkbox-on {
  background: linear-gradient(#27b, #49d) !important;
}

div:not(.ui-table-columntoggle-popup) > fieldset.ui-controlgroup > div.ui-controlgroup-controls > div.ui-checkbox > .ui-checkbox-on.ui-first-child.ui-last-child {
  background: #E6E5E1 !important;
}

/* パンくず */
#id_bread {
  width: 99%;
}

/* input[type="number"]のスピンボタン(html5標準)を消す */
input[type="number"][data-role="spinbox"]::-webkit-outer-spin-button,
input[type="number"][data-role="spinbox"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"][data-role="spinbox"] {
    -moz-appearance:textfield;
    width:  90px;
}

/* calendarカスタマイズ */
@media screen and (max-width: 640px) {
  #calendar.fc .fc-toolbar h2 {
/*    font-size: 20px;*/
    font-size: 15px;
  }

  #calendar.fc .fc-toolbar .fc-button {
    font-size: 15px;
  }
}

/* spinbox カスタマイズ */
.spinbox-wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
  overflow: hidden;
}

.spinbox-wrapper .ui-controlgroup {
  float: left;
  width: 200px;
}

.spinbox-wrapper .ui-controlgroup .ui-controlgroup-controls {
  width: 200px;
}

.spinbox-wrapper .ui-controlgroup .ui-controlgroup-controls .input_spinbox {
  width: 50px;
}

.spinbox-wrapper .ui-slider {
  float: left;
  width: 100%;
  margin: 0; 
  margin-left: -200px;
}

.spinbox-wrapper .ui-slider .input_slider{
  display: none;
}

.spinbox-wrapper .ui-slider .ui-slider-track {
  margin-left: 200px;
  margin-right: 15px;
}

.spinbox-basescale {
  position: relative;
}

.spinbox-halfscale {
  position: absolute;
  top: 16px;
  left : calc( 185px + ((100% - 215px) / 2 ));
  width: 60px;
  height: 70px;
  margin-top: 9px;
  font-size: 90%;
}

.spinbox-maxscale {
  position: absolute;
  top: 16px;
  left : calc( 175px + (100% - 215px));
  width: 60px;
  height: 70px;
  margin-top: 9px;
  font-size: 90%;
}

@media (max-width: 700px) {
  .spinbox-wrapper {
    height: 100px;
  }

  .spinbox-wrapper .ui-controlgroup {
    width: 100%;
  }
  
  .spinbox-wrapper .ui-controlgroup .ui-controlgroup-controls {
    width: 100%;
  }

  .spinbox-wrapper .ui-slider {
    margin-left: 0;
  }

  .spinbox-wrapper .ui-slider .ui-slider-track {
    margin-left: 20px;
    margin-top: 15px;
  }

  .spinbox-halfscale {
    top: 73px;
    left: calc(50% - 5px);
  }

  .spinbox-maxscale {
    top: 73px;
    left: calc(98% - 30px);
  }
}

@media (min-width: 28em) {
  .spinbox-wrapper {
    width: 73%;
  }
}

.iconRequired:after {
  content: "必須";
  font-size: 80%;
  font-weight: normal;
  background: #fe467f;
  color: #ffffff;
  padding: 3.5px 5px;
  border-radius: 3px;
  display: inline-block;
  margin-left: 5px;
}

#thCheck {
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
}

/* analyzeTop */
#div_analyzeTopList,
#div_analyzeOptionsList {
  margin-left: 10px;
}

p#pull_analyzeTopList {
  margin: 0; 
}

p#con_analyzeTopList {
  margin: 0;
  margin-top: 3px;
}

#con_analyzeTopList #tbl_wrapper,
#con_analyzeTopList .ui-table-columntoggle-btn {
  display: block;
}

#con_analyzeTopList #div_analyzeTopListHiddenMsg {
  display: none;
}

/*#con_analyzeTopList #tbl_wrapper,
#con_analyzeTopList .ui-table-columntoggle-btn {
  display: none;
}

@media only screen and (min-width: 959.5px) {
  #con_analyzeTopList #tbl_wrapper,
  #con_analyzeTopList .ui-table-columntoggle-btn {
    display: block;
  }

  #con_analyzeTopList #div_analyzeTopListHiddenMsg {
    display: none;
  }
}*/

.tbl-analyzeTop th,
.tbl-analyzeTop td{
  font-size: 13px;
}

.tbl-analyzeTop th span,
.tbl-analyzeListFarm th span, 
.tbl-analyzeListMonthly th span {
  display: inline-block;
}

body#pc .tbl-analyzeTop td.tdStatus {
  padding: 0 70px 0 0;
}

body#pc .tbl-analyzeTop td.tdStatus.ikuseiCow {
  padding-right: 65px;
}

body#pc .tbl-analyzeTop td.tdStatus.tdStatus_1,
body#pc .tbl-analyzeTop td.tdStatus.tdStatus_2,
body#pc .tbl-analyzeTop td.tdStatus.tdStatus_3 {
  padding-left: 35px;
}
body#pc .tbl-analyzeTop td.tdStatus.tdStatus_2,
body#pc .tbl-analyzeTop td.tdStatus.tdStatus_3,
body#pc .tbl-analyzeTop td.tdStatus.tdStatus_4,
body#pc .tbl-analyzeTop td.tdStatus.tdStatus_5 {
  padding-right: 100px;
}

body#pc .tbl-analyzeTop td.tdStatus.tdStatus_99 {
  padding-right: 95px;
}

body#sp .tbl-analyzeTop td.tdStatus {
  padding: 0 60px 0 0;
}

.tbl-analyzeTop .analyzeTopIcon {
  position: relative;
}

body#sp .tbl-analyzeTop .analyzeTopIcon {
  font-size: 11px;
  top: -5px;
}

body#sp .tbl-analyzeTop td.ikuseiCow .analyzeTopIcon {
  top: -2px;
}

.tbl-analyzeTop .outputCowIcon {
  position: relative;
  top: 5px;
}

.tbl-analyzeTop .outputCowElapsedDays {
  position: absolute;
  bottom: -2px;
  left: 60px;
  white-space: nowrap;
}

.tbl-analyzeTop td.ikuseiCow .outputCowElapsedDays {
  left: 45px;
}

body#sp .tbl-analyzeTop .outputCowElapsedDays {
  bottom: 7px;
  left: 28px;
  width: 35px;
  text-align: right;
}

.tbl-analyzeTop .outputCowKutaiDays{
  position: absolute;
  left: 12px;
  top: 0px;
  min-width: 30px;
  /* background: #fff; */
  color: #fff;
  text-shadow: 1px 1px 0 #333;
  padding: 2px;
  padding-bottom: 0px;
  border-radius: 15px;
  text-align: center;
}

.tbl-analyzeTop td.ikuseiCow .outputCowKutaiDays {
  left: 12px;
  top: 15px;
}

body#sp .tbl-analyzeTop .outputCowKutaiDays {
  min-width: auto;
  width: 60px;
  text-align: center;
  left: -2px;
  top: 0px;
}

body#sp .tbl-analyzeTop .ikuseiCow .outputCowKutaiDays {
  top: 2px;
  left: -3px;
}

.tbl-analyzeTop .f1 .outputCowKutaiDays {
  color: #000;
  text-shadow: 1px 1px 0 #ccc;
}

.tbl-analyzeTop .outputCowBunbengoDays{
  position: absolute;
  left: 14px;
  top: 15px;
  height:19px;
  min-width: 30px;
  background: #fff;
  padding: 1px;
  padding-bottom: 0px;
  border-radius: 10px;
  line-height: 20px;
/*  text-align: center;*/
/*  vertical-align: top;*/
  color: #333 !important;
}

body#sp .tbl-analyzeTop .outputCowBunbengoDays {
  left: 12px;
  top: 22px;
}

.tbl-analyzeTop .f1 .outputCowBunbengoDays {
  border: 1px solid #666;
}

.tbl-analyzeTop .holstein .outputCowBunbengoDays {
  border: 1px solid #666;
}

.tbl-analyzeTop .outputCowJuseiIcon {
  position: absolute;
  left: -33px;
  bottom: -1px;
  color: red;
  font-weight: bold;
  font-size: 110%;
}

body#sp .tbl-analyzeTop .outputCowJuseiIcon {
  left: -15px;
  bottom: 5px;
}

.tbl-analyzeTop .outputCowJuseiCnt {
  position: absolute;
  left: -22px;
  bottom: -4px;
}

body#sp .tbl-analyzeTop .outputCowJuseiCnt {
  left: -5px;
  bottom: 5px;
}

.tbl-analyzeTop span.outputCowEggInfo {
    position: absolute;
    top: -15px;
    white-space: nowrap;
}

body#sp .tbl-analyzeTop span.outputCowEggInfo {
    width: 30px;
    text-align: right;
    top: -15px;
    left: 50px;
}

.tbl-analyzeTop span.outputCowHatsujoDays {
  position: absolute;
  left: -45px;
  top: -10px;
  white-space: pre;
  width: 35px;
  text-align: right;
}

body#sp .tbl-analyzeTop span.outputCowHatsujoDays {
  left: -35px;
  top: -10px;
}

.tbl-analyzeTop span.outputCowHatsujoDays:after {
  content: "";
  background: url(../cow_images/icon_analyze_hatsujo.png) 0 0 no-repeat transparent;
  position: absolute;
  width: 15px;
  height: 15px;
  top: 20px;
  left: 38px;
  background-size: 15px;
}

body#sp .tbl-analyzeTop span.outputCowHatsujoDays:after {
  width: 10px;
  height: 10px;
  background-size: 10px;
  top: 23px;
  left: 35px;
}

.tbl-analyzeTop .outputCowBirthDays{
  position: absolute;
  left: 12px;
  top: 0px;
  min-width: 30px;
  /* background: #fff; */
  color: #fff;
  text-shadow: 1px 1px 0 #333;
  padding: 2px;
  padding-bottom: 0px;
  border-radius: 15px;
  text-align: center;
  text-decoration: underline;
}

body#sp .tbl-analyzeTop .outputCowBirthDays {
  min-width: auto;
  width: 60px;
  text-align: center;
  left: -7px;
  top: -2px;
}

.tbl-analyzeTop .f1 .outputCowBirthDays {
  color: #000;
  text-shadow: 1px 1px 0 #ccc;
}

.tbl-analyzeTop span.outputCowSex {
    position: absolute;
    top: -15px;
    left: 60px;
    white-space: nowrap;
}

body#sp .tbl-analyzeTop span.outputCowSex {
    top: -10px;
    left: 45px;
}

.tbl-analyzeTop span.outputCowShippingScheduleClass {
    position: absolute;
    top: -15px;
    left: 75px;
    white-space: nowrap;
}

body#sp .tbl-analyzeTop span.outputCowShippingScheduleClass {
    left: 55px;
    top: -10px;
}

.tbl-analyzeTop .status_0 {
  border-bottom: 5px solid #bbdbf3 !important;
  height: 50px;
}
.tbl-analyzeTop .status_1 {
  border-bottom: 5px solid #bee0ce !important;
  height: 50px;
}
.tbl-analyzeTop .status_2 {
  border-bottom: 5px solid #fff799 !important;
  height: 50px;
}
.tbl-analyzeTop .status_3 {
  border-bottom: 5px solid #f6b483 !important;
  height: 50px;
}
.tbl-analyzeTop .status_4 {
  border-bottom: 5px solid #f19ca7 !important;
  height: 50px;
}

.tbl-analyzeTop .status_99 {
  border-bottom: 5px solid #eecef9 !important;
  height: 50px;
}

#div_analyze_farm {
  margin-left: 15px;
}

#con_analyzeTopList #div_analyze_farm {
  margin-left: 0;
}

#con_analyzeTopList label#lbl_analyze_farm {
  width: 100px;
}

#con_analyzeTopList div#div_analyze_farm div.ui-input-text {
  width: calc(100% - 150px) !important;
}

@media (min-width: 28em) {
  #con_analyzeTopList div#div_analyze_farm div.ui-input-text {
    width: 250px !important;
    max-width: calc(100% - 250px);
  }
}

.tbl-analyzeOptionsList.ui-table-reflow td .ui-table-cell-label,
.tbl-analyzeOptionsList.ui-table-reflow th .ui-table-cell-label {
  min-width: 60% !important;
}

body#sp #div_ana_tabMenu,
body#sp #div_tabMenu {
  position: relative;
  float: left;
  overflow: hidden;
  height: 50px;
  width: calc(100% - 90px);
  margin: 0;
  margin-left: 5px;
  padding: 0;
  padding-bottom: 5px;
  /* （スマホ用）iPhoneでスクロールをスムーズにする */
  -webkit-overflow-scrolling: touch;
}

body#sp #div_ana_tabMenu > *,
body#sp #div_tabMenu > * {
  /* （スマホ用）iPhone3GS、iPhone4などで動きがガタツクのを防ぐ為にGPUアクセラレーションを有効にする */
  -webkit-transform: translateZ(0px);
}

body#sp #div_ana_tabMenu #div_ana_tabMenu2,
body#sp #div_tabMenu #div_tabMenu2 {
  overflow-x: auto;
  overflow-y: hidden;
  height: 70px;
}

body#sp #div_ana_tabMenu #div_ana_tabMenu2 #ui_ana_tabMenu,
body#sp #div_tabMenu #div_tabMenu2 #ui_tabMenu {
  display: inline-table;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

body#sp #div_ana_tabMenu #div_ana_tabMenu2 #ui_ana_tabMenu .toggle-vis,
body#sp #div_tabMenu #div_tabMenu2 #ui_tabMenu .toggle-vis {
  display: table-cell;
  min-width: 45px;
  height: 45px;
  padding: 0 5px;

  white-space: pre;
  text-align: center;
  vertical-align: middle;

  color: #ccc;
  text-shadow: 1px 1px 0 #000;

  background: #666;

  font-size: 12px;

  border-bottom: 5px solid #ccc;
}

body#sp #div_ana_tabMenu #div_ana_tabMenu2 #ui_ana_tabMenu .toggle-vis:not(:first-child),
body#sp #div_tabMenu #div_tabMenu2 #ui_tabMenu .toggle-vis:not(:first-child) {
    border-left: 1px solid #fff;
}

body#sp #div_ana_tabMenu #div_ana_tabMenu2 #ui_ana_tabMenu .toggle-vis span,
body#sp #div_tabMenu #div_tabMenu2 #ui_tabMenu .toggle-vis span {
  display: inline-block;
}

body#sp #div_ana_tabMenu #div_ana_tabMenu2 #ui_ana_tabMenu .toggle-vis.switch-on,
body#sp #div_tabMenu #div_tabMenu2 #ui_tabMenu .toggle-vis.switch-on {
    background: linear-gradient(#27b, #49d);
    color: #fff;
    text-shadow: 1px 1px 0 #666;
    border-bottom: 5px solid #87cefa;
}

/* analyzeFarm */
.rowAverage {
  background: #ffecbc !important;
  border-top: 1px solid #999 !important;
}

.txtR {
  text-align: right !important;
}

/* analyzeMonthly */
.tbl-analyzeListMonthly {
  margin-bottom: 20px;
}

.tbl-analyzeListMonthly thead tr th {
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #111;
}

.tbl-analyzeListMonthly thead tr:first-child th {
  border-top: 1px solid #111;
}

.tbl-analyzeListMonthly thead tr:first-child th:first-child {
  border-left: 1px solid #111;
}

.tbl-analyzeListMonthly tbody tr td {
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}

.tbl-analyzeListMonthly tbody tr td:first-child {
  border-left: 1px solid #111;
}

.tbl-analyzeListMonthly tbody tr td:last-child {
  border-right: 1px solid #111;
}

#btn_analyzeDateChange {
  background-color: #16A6B6;
  border-style: none;
  width: 150px;
  margin-left: 15px;
  white-space: pre;
}

#btn_analyzeDateChange:after {
  content: "     集計期間変更";
  color: #fff;
  text-shadow: 1px 1px 0 #000;
  top: 15px;
  left: 25px;
}

#btn_analyzeGraph1Options {
  background-color: #16A6B6;
  border-style: none;
  width: 170px;
  margin-left: 15px;
  white-space: pre;
}

#btn_analyzeGraph1Options:after {
  content: "     グラフ表示切替";
  color: #fff;
  text-shadow: 1px 1px 0 #000;
  top: 15px;
  left: 25px;
}

#btn_analyzeGraph2Options {
  background-color: #16A6B6;
  border-style: none;
  width: 170px;
  margin-left: 15px;
  white-space: pre;
}

#btn_analyzeGraph2Options:after {
  content: "     分布図表示切替";
  color: #fff;
  text-shadow: 1px 1px 0 #000;
  top: 15px;
  left: 25px;
}

#divAnalyzeDateChange,
#divAnalyzeGraph1Options,
#divAnalyzeGraph2Options {
  display: none;
  background: #fff;
  padding: 20px; 
  margin-left: 10px;
  margin-bottom: 10px;
}

#divAnalyzeDateChange div.button,
#divAnalyzeGraph1Options div.button,
#divAnalyzeGraph2Options div.button {
  width: 100%;
  text-align: center;
}

#divAnalyzeDateChange div.button .btnAdcOk,
#divAnalyzeGraph1Options div.button .btnAdcOk,
#divAnalyzeGraph2Options div.button .btnAdcOk {
  background-image: linear-gradient(to bottom, #0EED6F, #0A8F51);
  color: #ffffff;
  text-shadow: 1px 1px 0 #000;
  width: 100px;
}

#divAnalyzeDateChange div.button .btnAdcCancel,
#divAnalyzeGraph1Options div.button .btnAdcCancel,
#divAnalyzeGraph2Options div.button .btnAdcCancel {
  background-image: linear-gradient(to bottom, #ff9a9a, #DE283A);
  color: #ffffff;
  text-shadow: 1px 1px 0 #000;
  width: 100px;
}

#divAnalyzeGraph2Options .message p {
  display: none;
}

#divAnalyzeGraph2Options .message p.active {
  display: block;
  color: red;
}

#divAnalyzeGraph2Options .message p.active.txtB {
  font-weight: bold;
}

p.analyzeGraphTitle {
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px 0 #000;
  background: #666;
  padding: 10px 20px;
  margin: 10px;
}

.sortInvalidLine {
  background: #ffecbc !important;
}

.divAnalyzeGraph {
  width: 95%;
  height: 70vmin;
}

.divAnalyzeGraphDisplay {
  margin-left: 5px;
  padding-bottom: 35px;
}

/* analyze_list2 列選択 */
.buttons-colvis.colvis_common,
.buttons-colvis.colvis_analyzeList2Tbl {
  background-color: #333;
  border-color: #1f1f1f;
  color: #fff;
  text-shadow: 0 1px 0 #111;
  background-image: none;

  float: right;
  margin: 5px;
}

.buttons-colvis.colvis_common:hover,
.buttons-colvis.colvis_analyzeList2Tbl:hover {
  background-color: #373737 !important;
  border-color: #1f1f1f !important;
  color: #fff;
  text-shadow: 0 1px 0 #111;
  background-image: none !important;
}

.dt-button-collection.collection_colVis_common,
.dt-button-collection.collection_analyzeList2Tbl {
  border-color: #fff !important;
  background-color: #333 !important;
}

.dt-button-collection.collection_analyzeList2Tbl {
  width: 200px !important;
}

.dt-button-collection.collection_colVis_common .buttons-columnVisibility,
.dt-button-collection.collection_analyzeList2Tbl .buttons-columnVisibility {
  box-shadow: none !important;
  background: #333 !important;
  color: #fff !important;
  border: none !important;
  text-shadow: 0 1px 0 #111 !important;
}

.dt-button-collection.collection_colVis_common .buttons-columnVisibility:hover,
.dt-button-collection.collection_analyzeList2Tbl .buttons-columnVisibility:hover {
  background-color: #373737 !important;
}

.dt-button-collection.collection_colVis_common .buttons-columnVisibility:before,
.dt-button-collection.collection_analyzeList2Tbl .buttons-columnVisibility:before {
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  left: 0px;
  width: 18px;
  height: 18px;
  background-color: #666;
  background-color: rgba(0,0,0,.3);
  -webkit-border-radius: .1875em;
  border-radius: .1875em;
}

.dt-button-collection.collection_colVis_common .buttons-columnVisibility.active:before,
.dt-button-collection.collection_analyzeList2Tbl .buttons-columnVisibility.active:before {
  background-color: #2ad;
  border-color: #2ad;
  color: #fff;
  text-shadow: 0 1px 0 #08b;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position-x: 1.5px;
  background-position-y: 1.5px;
}

.dt-button-collection.collection_colVis_common .buttons-columnVisibility span,
.dt-button-collection.collection_analyzeList2Tbl .buttons-columnVisibility span {
  padding-left: 10px;
}

#div_radioChangeDisplayGraph {
  margin: 20px 0;
}

/* DataTables fixedColumns カスタマイズ */
.DTFC_LeftBodyLiner {
  overflow-x: hidden;
}

table.DTFC_Cloned thead, table.DTFC_Cloned tfoot {
    background-color: #F9F9F9;
}

/* pc アイコン 左側対応 */
body#pc .pc_icon_left .ui-field-contain>label~[class*=ui-],
body#pc .pc_icon_left .ui-field-contain .ui-controlgroup-controls,
body#pc #div_analyze_farm>label~[class*=ui-] {
  margin-left: 40px;
  width: calc(100% - 40px);
}

body#pc .pc_icon_left .ui-field-contain>label~[class*=ui-].ui-input-has-clear {
  width: calc(100% - 40px - 2.375em);
}

body#pc .pc_icon_left .ui-field-contain .div_display_value {
  margin-left: calc(0px + 40px);
}

body#pc .pc_icon_left .ui-field-contain>label~textarea {
  margin-left: calc(0px + 40px) !important;
}

body#pc .pc_icon_left .ui-field-contain>label~textarea~a {
  margin-left: 0px !important;
}



@media (min-width: 28em) {
  body#pc .pc_icon_left .ui-field-contain>label~[class*=ui-],
  body#pc .pc_icon_left .ui-field-contain .ui-controlgroup-controls,
  body#pc #div_analyze_farm>label~[class*=ui-] {
    margin-left: 40px;
    width: calc(78% - 40px);
  }

  body#pc .pc_icon_left .ui-field-contain>label~[class*=ui-].ui-input-has-clear {
    width: calc(78% - 40px);
  }

  body#pc .pc_icon_left .ui-field-contain .div_display_value {
    margin-left: calc(22% + 40px);
  }

  body#pc .pc_icon_left .ui-field-contain>label~textarea {
    margin-left: calc(0px + 40px) !important;
  }

  body#pc .pc_icon_left .ui-field-contain>label~textarea~a {
    margin-left: calc(0px + 40px) !important;
  }
}

body#pc .pc_icon_left .icon-calendar,
body#pc .pc_icon_left .icon-cow,
body#pc .pc_icon_left .icon-cow-f,
body#pc .pc_icon_left .icon-gyugun-f,
body#pc .pc_icon_left .icon-person,
body#pc .pc_icon_left .icon-farm,
body#pc .pc_icon_left .icon-disease,
body#pc .pc_icon_left .icon-document,
body#pc #div_analyze_farm .icon-farm {
    left: -45px;
    right: 0;
}

body#pc .spinbox-wrapper .ui-controlgroup .ui-controlgroup-controls {
  width: 200px;
}

body#pc .spinbox-wrapper .ui-slider {
  margin-left: -160px;
  width: calc(100% - 40px);
}

@media (max-width: 700px) {
  body#pc .spinbox-wrapper .ui-controlgroup .ui-controlgroup-controls {
    width: 100%;
  }

  body#pc .spinbox-wrapper .ui-slider {
    margin-left: 40px;
  }
}

/* background color common */
table.dataTable tbody tr#red,
table.dataTable tbody tr.bg_red td,
#colorLegend p .sq_red,
#calendar #colorLegend p .sq_red {
    /*background-color: #ffbbcc;*/
    background-color: #ffd3df;
}

//.webix_span_layer{
//  background: transparent;
//  position:absolute;
//  left:0px;
//  top:0px;
//  height:0px;
//  width:0px;
//  overflow: visible;
//}
//.webix_dtable_span{
//  position:absolute;
//  background: #fff;
//  white-space: normal;
//}
//.wk_red {
//    background: #9F8;
//}

table.dataTable tbody tr#yellow,
table.dataTable tbody tr.bg_yellow td,
#colorLegend p .sq_yellow,
#calendar #colorLegend p .sq_yellow {
    /*background-color: #ffffaa;*/
    background-color: #ffffc6;
}


table.dataTable tbody tr#green,
table.dataTable tbody tr.bg_green td,
#colorLegend p .sq_green,
#calendar #colorLegend p .sq_green {
    /*background-color: #99dd99;*/
    background-color: #d5f3d9;
}



table.dataTable tbody tr.bg_gray td,
#colorLegend p .sq_gray,
#calendar #colorLegend p .sq_gray {
    background-color: #bbbbbb;
}

/* ローディング */
.ncc-loading {
  width:64px;
  height:64px;
  display: block;
  margin: 10px auto;
/*  background: url('../cow_images/loading.gif') 0 0 no-repeat;*/
  background-size: 64px;
  background-position: 0 0;
  background-repeat: no-repeat;

}

/* link */
a#link_start {
  position: relative;
  display: inline-block;
  top: -10px;
  left: 42%;
  left: calc(50% - 100px);

  /* 現在は非表示 */
  display: none;
}

/* user-box */
/*#user-box {

}*/

#user-box {
  display: none;
}

#user-box-contents {
  position: fixed;
  top: 58px;
  left: 5px;
  width: 260px;
  height: 175px;
  background: #fff;
  /* border: 2px solid #E95383; */
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  z-index: 1004;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.5);
  box-shadow: 0 2px 10px rgba(0,0,0,.5);
}

#user-box-contents::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 218px;
  top: -15px;
  border-right: 15px solid transparent;
  /* border-bottom: 15px solid #E95383; */
  border-bottom-width: 15px;
  border-bottom-style: solid;
  border-left: 15px solid transparent;
}

#user-box-contents::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 218px;
  top: -14px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  border-left: 15px solid transparent;
}

#user_box_close {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 25px;
  height: 25px;
  padding: 2px;
  margin: 0;
  display: inline-block;
  background: #fff;
  z-index: 1;
}

#user-box-other {
  position: absolute;
  /* margin-top: 10px; */
  bottom: 0;
  width: 100%;
  height: 50px;
  background: #eee;
  border-top: 1px solid #bbb;
  border-radius: 0 0 10px 10px;
}

#user_box_logout {
  position: absolute;
  right: 5px;
  display: inline-block;
  text-decoration: none;
  color: #333;
  border: 1px solid #aaa;
  padding: 5px;
  margin: 10px;
  background: #f9f9f9;
  font-size: 0.8em;
}

#user_box_background {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 5000px;
  height: 5000px;
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 1003;
}

#farm-box {
  display: none;
}

#farm-box-contents {
  position: fixed;
  top: 58px;
  left: 5px;
  width: 260px;
  height: 130px;
  background: #fff;
  /* border: 2px solid #E95383; */
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  z-index: 1004;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.5);
  box-shadow: 0 2px 10px rgba(0,0,0,.5);
}

#farm-box-contents::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 170px;
  top: -15px;
  border-right: 15px solid transparent;
  /* border-bottom: 15px solid #E95383; */
  border-bottom-width: 15px;
  border-bottom-style: solid;
  border-left: 15px solid transparent;
}

#farm-box-contents::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 170px;
  top: -14px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  border-left: 15px solid transparent;
}

#farm_box_close {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 25px;
  height: 25px;
  padding: 2px;
  margin: 0;
  display: inline-block;
  background: #fff;
  z-index: 1;
}

#farm-box-other {
  position: absolute;
  /* margin-top: 10px; */
  bottom: 0;
  width: 100%;
  height: 50px;
  background: #eee;
  border-top: 1px solid #bbb;
  border-radius: 0 0 10px 10px;
}

#farm_box_logout {
  position: absolute;
  right: 5px;
  display: inline-block;
  text-decoration: none;
  color: #333;
  border: 1px solid #aaa;
  padding: 5px;
  margin: 10px;
  background: #f9f9f9;
  font-size: 0.8em;
}

#farm_box_background {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 5000px;
  height: 5000px;
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 1003;
}

/*
 * tab
 */
.tabs{
  position: relative;
  left: 10px;
  padding-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 100%;
  margin: 5px auto;
}

.tab_item {
  width: calc(100%/3);
  height: 50px;
  border-bottom: 5px solid #ccc;
  background-color: #666;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #ccc;
  text-shadow: 1px 1px 0 #000;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}

.tab_item:hover {
  opacity: 0.75;
}

input[name="tab_item"] {
  display: none;
}

.tab_content {
  display: none;
  padding: 40px 0 20px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}

#t_farm:checked ~ #t_farm_content,
#t_inseminator:checked ~ #t_inseminator_content,
#t_output:checked ~ #t_output_content {
  display: block;
}

.tabs input:checked + .tab_item {
  background-color: #f66c98;
  border-bottom: 5px solid #E95383;
  color: #fff;
  text-shadow: 1px 1px 0 #666;
}

/* 種雄牛の登録選択 */
#div_f02_02_01_00 .ui-radio,
#div_f02_02_02_00 .ui-radio,
#div_f02_02_03_00 .ui-radio,
#div_f02_02_04_00 .ui-radio,
#div_f02_02_05_00 .ui-radio,
#div_f02_02_06_00 .ui-radio,
#div_f02_02_07_00 .ui-radio,
#div_f02_02_08_00 .ui-radio,
#div_f02_02_09_00 .ui-radio,
#div_f02_02_10_00 .ui-radio,
#div_f02_02_11_00 .ui-radio,
#div_f02_02_12_00 .ui-radio,
#div_f02_02_13_00 .ui-radio,
#div_f02_02_14_00 .ui-radio,
#div_f02_02_15_00 .ui-radio,
#div_f02_02_16_00 .ui-radio,
#div_f02_02_17_00 .ui-radio,
#div_f02_02_18_00 .ui-radio,
#div_f02_02_19_00 .ui-radio,
#div_f02_02_20_00 .ui-radio {
  margin-bottom: 5px;
}

#div_f02_02_01_00 .ui-radio label,
#div_f02_02_02_00 .ui-radio label,
#div_f02_02_03_00 .ui-radio label,
#div_f02_02_04_00 .ui-radio label,
#div_f02_02_05_00 .ui-radio label,
#div_f02_02_06_00 .ui-radio label,
#div_f02_02_07_00 .ui-radio label,
#div_f02_02_08_00 .ui-radio label,
#div_f02_02_09_00 .ui-radio label,
#div_f02_02_10_00 .ui-radio label,
#div_f02_02_11_00 .ui-radio label,
#div_f02_02_12_00 .ui-radio label,
#div_f02_02_13_00 .ui-radio label,
#div_f02_02_14_00 .ui-radio label,
#div_f02_02_15_00 .ui-radio label,
#div_f02_02_16_00 .ui-radio label,
#div_f02_02_17_00 .ui-radio label,
#div_f02_02_18_00 .ui-radio label,
#div_f02_02_19_00 .ui-radio label,
#div_f02_02_20_00 .ui-radio label {
  font-size: 13px;
  height: 25px;
  line-height: 25px;
}

#div_f02_02_01_00 .ui-radio:nth-child(2),
#div_f02_02_02_00 .ui-radio:nth-child(2),
#div_f02_02_03_00 .ui-radio:nth-child(2),
#div_f02_02_04_00 .ui-radio:nth-child(2),
#div_f02_02_05_00 .ui-radio:nth-child(2),
#div_f02_02_06_00 .ui-radio:nth-child(2),
#div_f02_02_07_00 .ui-radio:nth-child(2),
#div_f02_02_08_00 .ui-radio:nth-child(2),
#div_f02_02_09_00 .ui-radio:nth-child(2),
#div_f02_02_10_00 .ui-radio:nth-child(2),
#div_f02_02_11_00 .ui-radio:nth-child(2),
#div_f02_02_12_00 .ui-radio:nth-child(2),
#div_f02_02_13_00 .ui-radio:nth-child(2),
#div_f02_02_14_00 .ui-radio:nth-child(2),
#div_f02_02_15_00 .ui-radio:nth-child(2),
#div_f02_02_16_00 .ui-radio:nth-child(2),
#div_f02_02_17_00 .ui-radio:nth-child(2),
#div_f02_02_18_00 .ui-radio:nth-child(2),
#div_f02_02_19_00 .ui-radio:nth-child(2),
#div_f02_02_20_00 .ui-radio:nth-child(2) {
  margin-right: 10px;
}

#div_f02_02_01_00 .ui-radio:nth-child(2) label,
#div_f02_02_02_00 .ui-radio:nth-child(2) label,
#div_f02_02_03_00 .ui-radio:nth-child(2) label,
#div_f02_02_04_00 .ui-radio:nth-child(2) label,
#div_f02_02_05_00 .ui-radio:nth-child(2) label,
#div_f02_02_06_00 .ui-radio:nth-child(2) label,
#div_f02_02_07_00 .ui-radio:nth-child(2) label,
#div_f02_02_08_00 .ui-radio:nth-child(2) label,
#div_f02_02_09_00 .ui-radio:nth-child(2) label,
#div_f02_02_10_00 .ui-radio:nth-child(2) label,
#div_f02_02_11_00 .ui-radio:nth-child(2) label,
#div_f02_02_12_00 .ui-radio:nth-child(2) label,
#div_f02_02_13_00 .ui-radio:nth-child(2) label,
#div_f02_02_14_00 .ui-radio:nth-child(2) label,
#div_f02_02_15_00 .ui-radio:nth-child(2) label,
#div_f02_02_16_00 .ui-radio:nth-child(2) label,
#div_f02_02_17_00 .ui-radio:nth-child(2) label,
#div_f02_02_18_00 .ui-radio:nth-child(2) label,
#div_f02_02_19_00 .ui-radio:nth-child(2) label,
#div_f02_02_20_00 .ui-radio:nth-child(2) label {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

#div_f02_02_01_00 .ui-radio:nth-child(3) label,
#div_f02_02_02_00 .ui-radio:nth-child(3) label,
#div_f02_02_03_00 .ui-radio:nth-child(3) label,
#div_f02_02_04_00 .ui-radio:nth-child(3) label,
#div_f02_02_05_00 .ui-radio:nth-child(3) label,
#div_f02_02_06_00 .ui-radio:nth-child(3) label,
#div_f02_02_07_00 .ui-radio:nth-child(3) label,
#div_f02_02_08_00 .ui-radio:nth-child(3) label,
#div_f02_02_09_00 .ui-radio:nth-child(3) label,
#div_f02_02_10_00 .ui-radio:nth-child(3) label,
#div_f02_02_11_00 .ui-radio:nth-child(3) label,
#div_f02_02_12_00 .ui-radio:nth-child(3) label,
#div_f02_02_13_00 .ui-radio:nth-child(3) label,
#div_f02_02_14_00 .ui-radio:nth-child(3) label,
#div_f02_02_15_00 .ui-radio:nth-child(3) label,
#div_f02_02_16_00 .ui-radio:nth-child(3) label,
#div_f02_02_17_00 .ui-radio:nth-child(3) label,
#div_f02_02_18_00 .ui-radio:nth-child(3) label,
#div_f02_02_19_00 .ui-radio:nth-child(3) label,
#div_f02_02_20_00 .ui-radio:nth-child(3) label {
  border-radius: 6px;
}

/* 子牛管理状況 */
#div_calfManageStatusList {
  margin-left: 10px;
}

.calfStatus_statusField {
  padding: 5px 122px 5px 0px !important;
  vertical-align: bottom !important;
}

.boxCalfInfo {
  position: relative;
  width: 122px;
  height: 55px;
}

.dataCCalfInfo {
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
  height: 40px;
}

.calfInfo_birthDays {
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  padding-right: 4px;
  height: 40px;
  color: #fff;
  text-shadow: 1px 1px #999;
  font-size: 80%;
  text-align: center;
  line-height: 35px;
  z-index: 1;
}

.f1 .calfInfo_birthDays {
  color: #000;
  text-shadow: 1px 1px 0 #ccc;
}

.dataCCalfInfo img {
  position: absolute;
  top: 0;
  left: 0;
}

.dataLTCalfInfo {
  position: absolute;
  top: 0;
  left: 52px;
  width: 70px;
  height: 20px;
  line-height: 25px;
  font-size: 90%;
}
.dataLBCalfInfo {
  position: absolute;
  top: 20px;
  left: 52px;
  width: 70px;
  height: 20px;
  line-height: 25px;
  font-size: 90%;
}

.dataBCalfInfo {
  position: absolute;
  top: 16px;
  left: 0;
  width: 122px;
  height: 15px;
  text-align: left;
}

/* 子牛実績 */
.calfResultsRowDelete {
  width: 60px;
  height: 25px;
  margin: 0;
  padding: 0;
  padding-left: 17px;
  background: none !important;
  /* text-indent: 100%; */
  white-space: nowrap;
  overflow: hidden;
  box-shadow: none !important;
  line-height: 25px;
  color: #666 !important;
  background: #aaa !important;
}

.calfResultsRowDelete:after {
  top: 16px;
  left: 8px;
  background-position: 1.5px 1px;
  background-color: #666;
  background-size: 15px;
  width: 15px;
  height: 15px;
}

.row_delete {
  background-color: #999 !important;
}

.row_delete .calfResultsRowDelete {
  background: #ff7c7c !important;
  color: white !important;
  text-shadow: 1px 1px 0 #555 !important;
}

.row_delete .calfResultsRowDelete:after {
  background-color: #ea1a1a;
}

/* disabled buttons */
[style="pointer-events: none;"] {
    background-image: linear-gradient(to bottom, #CEDCE7, #596a72) !important;
    border-bottom-color: #333 !important;
}
#familytree[style="pointer-events: none;"] {
    display: none !important;
}

/*利用規約*/
#modalHelp #contract_text{
    border-radius: 10px;
    margin-top: 30px;
    height: 85%;
    height: calc(100% - 150px);
    overflow-x: hidden;
    overflow-y: auto;
}

#modalHelp #loading_gamen{
    border-radius: 10px;
    margin-top: 30px;
    height: 85%;
    height: calc(100% - 150px);
    overflow-x: hidden;
    overflow-y: auto;
}
#loading_gamen .ncc-loading{
    width:64px;
    height:100%;
    display: block;
    margin: 10px auto;
  /*  background: url('../cow_images/loading.gif') 0 0 no-repeat;*/
    background-size: 64px;
    background-position: center;
    background-repeat: no-repeat;
  
}

.modalC{
    position: fixed; z-index:1001;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:rgba(28, 28, 26, 0.63);
    opacity: 0.9;filter: alpha(opacity=90);
    -moz-opacity:0.90;
}

/* バリ




/* 　　--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/