@charset "utf-8";
/* CSS Document */
/* 項目の幅 */
.week{
	font-size:22px;
}
.week2{
	font-size:20px;
}
.w187{
	width:187px;
}
.glay{
	color:#ccc !important;
	cursor: default;
}

.ime_d{
	ime-mode:disabled;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.text_height{
	line-height:34px;
	color:darkred;
	font-size: 11px;
}
.btn{
	width:100px;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
.pointer{
	cursor: pointer;
}
.w30{
	width:30px;
}
.w50{
	width:50px;
}
.w60{
	width:60px;
}
.w70{
	width:70px;
}
.w80{
	width:80px;
}
.w90{
	width:90px;
}
.w100{
	width:100px;
}
.w110{
	width:110px;
}
.w120{
	width:120px;
}
.w130{
	width:130px;
}
.w140{
	width:140px;
}
.w150{
	width:150px;
}
.w160{
	width:160px;
}
.w170{
	width:170px;
}
.w180{
	width:180px;
}
.w190{
	width:190px;
}
.w200{
	width:200px;
}
.w250{
	width:250px;
}
.w300{
	width:300px;
}
.w350{
	width:350px;
}
.w400{
	width:400px;
}
.w100P {
	width: 100%;
}
/*----margin----*/
.m20b {
	margin-bottom: 20px;
}
.m30r {
	margin-right: 30px;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* 色 */
/*.bg-red { background-color:#d95d5d }*/
.bg-blue { background-color:#34a0d1 !important }
.bg-aqua { background-color:#32b8b1 !important}
.bg-green { background-color:#4eb46a !important}
.bg-yellow { background-color:#dfaf03 !important}
.bg-purplr { background-color:#9d69bb !important}
.bg-maroon { background-color:#dc5e9d !important}
.bg-orange { background-color:#eb8147 !important}
* html .clearfix             { zoom: 1; } 
*:first-child+html .clearfix { zoom: 1; }
/* loading css */
#lock {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  text-align: center;
  display: none;
  opacity: 0.7;
}

/*----- dropdown-menu -----*/
.dropdown{
	height:30px;
	/*margin:10px 0;  maki*/
	/*border-right:1px solid #FFF;  maki*/
	margin-bottom:10px;
}
.dropdown li {
}
@media screen and (min-width:1024px) {
	.main-header .sidebar-toggle {
		padding: 15px 10px;
	}
	.dropdown a {
		text-align: center;
		padding:5px !important;
		font-size: 13px !important;
	}
	.main-header .navbar-custom-menu, .main-header .navbar-right{
	}
}
@media screen and (min-width:1280px) {
	.dropdown a{
		padding:5px !important;
		font-size: 13px !important;
		text-align: center;
	}
	.dropdown li.dis_submenu{ /*一部メニューリンクに適用される*/
		padding:8px !important;
		font-size: 13px !important;
		color: #ccc;
	}
}
@media screen and (max-width:1435px) {
	.dropdown a{
		padding:5px !important;
		font-size: 11px !important;
		text-align: center;
	}
	.dropdown li.dis_submenu{ /*一部メニューリンクに適用される*/
		padding:8px !important;
		font-size: 11px !important;
		color: #ccc;
	}
}
@media screen and (min-width:1600px){
	.dropdown a{
		padding:5px 10px !important;
		text-align: center;
	}
	.dropdown li.dis_submenu{ /*一部メニューリンクに適用される*/
		padding:8px 13px !important;
		color: #ccc;
	}
}

/*----- Negative Number -----*/
.loss_num{
    color: red;
}

/* ==============================================
 スクロールバー汎用
=============================================== */

/*■■■全共通*/

.sc-base{ /*背景色*/
	/*background-color: #ece1e3;*/
	background-color: #f1f1f1;
	z-index: 1049;
}

.sc-base i { /*上下左右アイコン*/
	height: 17px;
	width: 17px;
	text-align: center;
	position: absolute;
}
.sc-base .fa-angle-up   { top:0px; }
.sc-base .fa-angle-down { bottom: 0px; }
.sc-base .fa-angle-left { left:0px; }
.sc-base .fa-angle-right{ right: 0px; }

.sc-thumb{ /*バー色*/
	/*background-color: #baa4a9;*/
	background-color: #c1c1c1;
}
.sc-thumb:hover {
	background-color: #a8a8a8;
}

/*■■■縦共通*/
.scroll-outer {
	position: absolute;
	top: 17px;
	right: 0;
	bottom: 17px;
	width: 17px; /* スクロールバーの幅 */
	cursor: pointer; /*押せることを表示*/
}

.scroll-thumb {
	min-height: 10px;
	margin: 0px 2px;
	/*cursor: grab; /*つかめることを表示*/
}

.scroll-thumb:active {
	/*cursor: grabbing; /*つかめることを表示*/
}

/*■■■横共通*/
.slide-outer {
	position: absolute;
    left: 17px;
    right: 17px;
    /* bottom: 0px; */
	height: 17px; /* スクロールバーの高さ */
	cursor: pointer; /*押せることを表示*/
}

.slide-thumb {
	min-height: 10px;
    height: 12px;
	margin: 3px 0px;
	/*cursor: grab; /*つかめることを表示*/
}

.slide-thumb:active {
	/*cursor: grabbing; /*つかめることを表示*/
}

/*■■■コンテンツ共通*/
/*待機動作1:領域を残して全部非表示化する*/
.scroll-cont.barwait , .scroll-cont.barwait i , .scroll-cont.barwait div,
.scroll-cont-pl2.barwait, .scroll-cont-pl3.barwait{
	opacity: 0;
}

/*待機動作2:スクロールのバーだけ非表示化する*/
.scroll-cont.thmwait .slide-thumb,
.scroll-cont.thmwait .scroll-thumb,
.scroll-cont-pl2.thmwait .scroll-thumb,
.scroll-cont-pl3.thmwait .scroll-thumb{
		opacity: 0;
  }


/*■■■ Type1:画面スクロールバー*/
html{ /*スクロールできるが標準バーは見えない状態にする*/
	scrollbar-width: none;       /* Firefox 対応 */
}
body {
	height: 150px;
	overflow-y: scroll;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
	scrollbar-width: none;       /* Firefox 対応 */
}
body::-webkit-scrollbar {  /* Chrome, Safari 対応 */
	display:none;
}

.scroll-disp.scrollbar { /*バー枠*/
	/*position: absolute;*/
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 17px; /* スクロールバーの幅 */	
}

.scroll-on{ /*スクロール有効時の画面全体の左寄せ*/
	  padding-right:17px;
}

/*■■■ Type2:コンテンツスクロールバー横*/

.scroll-cont.slidebar {/*バー枠*/
	/* position: fixed; */
    float: left;
    width: 100%;
  }
.scroll-cont .slide-float {
	/* position: fixed; */
    float: left;
    bottom: 0;
    width: 100%;
	height: 17px;
	z-index: 1; /*飛び出しすぎないようにする*/
}

.scroll-cont .slide-float.sldfloat{ /*画面下部固定時*/
	position: fixed;
}

/*スクロールが枠外なので画面下に張り付かせた時に画面スクロールのpaddingが外れるので対処*/
/*※画面下に張り付いている時点で画面スクロールが表示されているのは確定なので確定入力*/
.sc-base.sldfloat .fa-angle-right{
	right: 17px;
}

/*台別：横スライド上下にスペース*/
.standsld{
    margin-top: -10px;
    margin-bottom: 15px;
    /*横スライドの画面追従時に右にずれる問題(class:rowの一部が必要な問題)の対処*/
    margin-left: -15px;
}

/*■■■ Type3:コンテンツスクロールバー縦*/

.scroll-cont.scrollbar ,/*バー枠*/
.scroll-cont-pl2.scrollbar ,
.scroll-cont-pl3.scrollbar {/*バー枠*/
	position: absolute;
    float: left;
    height: 100%;
    right: -17px;
	width: 17px;
	z-index: 1; /*飛び出しすぎないようにする*/
}



/* ==============================================
 テーブル共通 (新型)
=============================================== */
/*
 テーブルの種別を判定するオプションメモ
 el: 上部ヘッダ（基本形）
 ec: 下部情報一覧（基本形）
  ef: 下部ヘッダ（特殊）

 es1: 基本形
 es2:基本形(スクロールは有り) ※管理などを想定
 en: 基本形 (表示項目選択機能付き)
 er: 右側固定表示有り(台別)
 ei1: インデックス付き複数表示、スクロールなし(台別)
 ei2: インデックス付き複数表示、スクロールあり(台別推移)
 
 efr: 画面左右いっぱいに使わない自由系
 efr2: 画面左右いっぱいに使わない自由系2

 ee: 編集機能有り
  ee2: 編集機能有り(管理系)


*/

.form-table{
	overflow-x: hidden;  /*選択表示モーダルが左右で飛び出るのを禁止*/
	overflow-y: hidden;  /*firefoxとIEがスクロールバーを勝手に生成するのを抑制*/
}

/*枠線指定*/
.multi_TB table{
	border-collapse: separate;	
}

/*各セルにも、罫線設定*/
.multi_TB.es1 td, .multi_TB.es1 th,
.multi_TB.es2 td, .multi_TB.es2 th,
.multi_TB.ei1 td, .multi_TB.ei1 th,
.multi_TB.ei2 td, .multi_TB.ei2 th{
    white-space: nowrap;
    padding: 2px 6px !important;
    border: 1px solid #ddd !important;
}

/*各セルにも、罫線設定*/
.multi_TB.en td, .multi_TB.en th,
.multi_TB.er td, .multi_TB.er th,
.multi_TB.ee td, .multi_TB.ee th,
.multi_TB.ee2 td, .multi_TB.ee2 th,
.multi_TB.efr2 td, .multi_TB.efr2 th,
.basic_scroll_TB td, .basic_scroll_TB th{
    padding: 0px !important;
    border: 1px solid #ddd !important;
}

/*セルサイズの調整？多分tlspcは表示項目選択関連*/
.multi_TB.en td div.tlspc, .multi_TB.en th div.tlspc,
.multi_TB.er td div.tlspc, .multi_TB.er th div.tlspc,
.multi_TB.ee td div.tlspc, .multi_TB.ee th div.tlspc,
.multi_TB.ee2 td div.tlspc, .multi_TB.ee2 th div.tlspc,
.multi_TB.efr2 td div.tlspc, .multi_TB.efr2 th div.tlspc{
    white-space: nowrap;
    padding: 2px 6px;
}

.multi_TB.en td div.tlspc2, .multi_TB.en th div.tlspc2,
.multi_TB.es1 td div.tlspc2, .multi_TB.es1 th div.tlspc2,
.basic_scroll_TB td div.tlspc2, .basic_scroll_TB th div.tlspc2{
    white-space: nowrap;
	padding: 4px 4px;
	font-size: 13px;
}

/*表示項目選択呼び出し領域はカーソル形状を変える*/
.dropdown-toggle.tlspc{
	cursor: pointer;
}

/*各セルにも、罫線設定*/
.multi_TB.efr td, .multi_TB.efr th{
    border: 1px solid #ddd !important;
}

/*見出しの強調*/
.multi_TB strong{
	font-size: 15px;
	color: brown;
}

/*PHPからの文字サイズ調整*/
.multi_TB .long_label strong{
    font-size: 12px !important;
}

/*境界線を目立たせる*/
/*.multi_TB.er.ec td:last-child ,.multi_TB.er.el th:last-child,
.multi_TB.er.ei1 td:last-child ,.multi_TB.er.ei2 th:last-child{ /*横*
    border-right: 3px solid #ddd !important;
}*/
.multi_TB.er.ec table ,.multi_TB.er.el table,
.multi_TB.er.ei1 table ,.multi_TB.er.ei2 table{ /*横*/
	/*border-right: 2px solid #ddd !important;*/
	border-right: 2px solid #888 !important;
}

.multi_TB.en.el tr:last-child th ,.multi_TB.es2.el tr:last-child th ,.multi_TB.er.el tr:last-child th,
.multi_TB.ei2.el tr:last-child th , .multi_TB.ee.el tr:last-child th /*編集有りの通常ラベル*/
{ /*縦*/
	/*border-bottom: 3px solid #ddd !important;*/
	border-bottom: 3px solid #888 !important;
}

/*スクロールバー(縦)の領域を確保する*/
.scroll_TB {
    padding-right: 17px;
}

/*表示する領域の指定*/
.window_TB {
    width: 100%;
    float: left;
	position: relative;
	/*overflow-x: hidden; /*選択表示モーダルが左右で飛び出るのを禁止*/
	margin-bottom: 20px;
}

.window_TB .window_TB2{ /*右上限を決めてスクロールバーを正しく表示させる*/
    float: left;
    overflow-x: hidden;
    width: 100%;
}

/*サイト内の全般的なテーブルのコーナーデザインの設定*/
/*角丸設定、上部のthコーナーは上側の角丸、下部のtdコーナーは下側の角丸*/
/*例外的なセルパターンでの動作用に最低限のクラスを用意してます*/
.multi_TB table tr:first-child th.corner:first-child, .rd-tl{
	border-top-left-radius: 6px;
}

.multi_TB table tr:first-child th.corner:last-child, .rd-tr{
	border-top-right-radius: 6px;
}

.multi_TB table tr:last-child td.corner:first-child, .rd-bl{
	border-bottom-left-radius: 6px;
}
.multi_TB table tr:last-child td.corner:last-child, .rd-br{
	border-bottom-right-radius: 6px;
}

/*■■■■■【通常グラフ上側】■■■■*/

.multi_TB.en.el,
.multi_TB.es1.el,
.multi_TB.es2.el,
.multi_TB.ei2.el,
.multi_TB.ee.el,
.multi_TB.ee2.el{ /*右上*/
		overflow-x: hidden; /*jQueryスクロールさせるための値*/
}

.multi_TB.en.el table,
.multi_TB.er.el table,
.multi_TB.es1.el table,
.multi_TB.es2.el table,
.multi_TB.ei2.el table,
.multi_TB.ee.el table,
.multi_TB.ee2.el table{
    margin-bottom: 0px;
}

/*■■■■■【通常グラフ下側】■■■■*/
.multi_TB.en.ec,
.multi_TB.es1.ec,
.multi_TB.es2.ec,
.multi_TB.ei2.ec,
.multi_TB.ee.ec,
.multi_TB.ee2.ec{
    overflow-y: hidden;
    height: auto;
    overflow-x: hidden; /*jQueryスクロールさせるための値*/
}

.multi_TB.en.ec.stdmtb,
.multi_TB.ee.ec.stdmtb,
.multi_TB.es1.ec.stdmtb{ /*台別の日計と推移*/
	height: 400px;
}

.multi_TB.en.ec.islsub{ /*島別売上対比、島別稼働対比 台別機種順位*/
	/* height: 780px; */
	min-height: 400px;
	height: 70vh; /*かなり大きめの範囲に表示する*/
}

.multi_TB.en.ec.flhmtb,
.basic_scroll_TB .flhmtb{ /*速報*/
	height: 380px;
}


.multi_TB.en.ec .table,
.multi_TB.ee.ec .table,
.multi_TB.es1.ec .table{
	margin-bottom: 0px;
}

.multi_TB.en.ec.traf2,
.multi_TB.ee.ec.traf2{ /*台別推移専用*/
/*    height: auto !important;*/
    height: 190px; /*表示項目選択のモーダルの為最低110必要*/
}

.multi_TB.ei2.traf2,
.multi_TB.er.ei2{ /*台別推移専用*/
/*    height: auto !important;*/
    height: 200px; /*仮*/
}

/*.multi_TB.er.ei2{ /*台別推移専用ながら画面下の方で別途宣言があるので数値を合わせる
	height: 200px;
}*/

.multi_TB.es1.ec.setgrp{ /*台別設定集計専用*/
    height: 200px !important;
}

/*店別日計*/
.multi_TB.en.ec.strmtb.tsize_11 { height: 235px; }
.multi_TB.en.ec.strmtb.tsize_12 { height: 415px; }
.multi_TB.en.ec.strmtb.tsize_13 { height: 605px; }
.multi_TB.en.ec.strmtb.tsize_21 { height: 165px; }
.multi_TB.en.ec.strmtb.tsize_22 { height: 295px; }
.multi_TB.en.ec.strmtb.tsize_23 { height: 425px; }

/*月別年間計画、日別月間、機械別月、日、バラエティ、入れ替え*/
.multi_TB.en .wsz1,
.multi_TB.ee .wsz1,
.multi_TB.efr2 .wsz1{
	/*width: 5%;*/
	width: 3%;
	min-width: 55px;
} 
.multi_TB.en .wsz2,
.multi_TB.ee .wsz2,
.multi_TB.ee2 .wsz2,
.multi_TB.efr2 .wsz2{
	width: 5%;
	min-width: 95px;
} 
.multi_TB.en .wsz3,
.multi_TB.ee .wsz3,
.multi_TB.efr2 .wsz3{
	width: 5%;
	min-width: 75px;/*進捗率の最小ギリギリ*/
} 

.multi_TB.en .wsz11,
.multi_TB.ee .wsz11,
.multi_TB.ee2 .wsz11{
	width: 2.5%;
	/*width: 46px;*/
	min-width: 46px;
} 

.multi_TB.ee .wsz12,
.multi_TB.ee2 .wsz12{
	width: 4%;
	min-width: 85px;
} 

.multi_TB.ee .wsz13,
.multi_TB.ee2 .wsz13{
	width: 5%;
	min-width: 92px; /*wsz11の2つぶん*/
} 

.multi_TB.en .wsz14,
.multi_TB.ee .wsz14,
.multi_TB.ee2 .wsz14{
	width: 8%;
	/*width: 160px;*/
	min-width: 160px;
} 

.multi_TB.ee .wsz15,
.multi_TB.ee2 .wsz15{
	width: 10%;
	min-width: 216px;
} 

.multi_TB.ee .wsz21{
	width: 70px;
	min-width: 70px;
} 

.multi_TB.en .wsz22,
.multi_TB.ee .wsz22{
	width: 50%;
	min-width: 220px;
} 

/*台別機種順位*/
.multi_TB.en .wsz31,
.multi_TB.efr2 .wsz31{
	width: 40%;
	min-width :200px;
} 

.multi_TB.en .wsz32,
.multi_TB.efr2 .wsz32{
	width: 10%;
	min-width :60px;
} 

.multi_TB.en .wsz33,
.multi_TB.efr2 .wsz33,
.multi_TB.es1 .wsz33{
	width: 10%;
	min-width :90px;
} 

.multi_TB.en .wsz34,
.multi_TB.efr2 .wsz34{
	width: 20%;
	min-width :90px;
} 

.multi_TB.en .wsz23,/*日毎月間下の報告機能*/
.multi_TB.ee .wsz23,
.multi_TB.ee2 .wsz23,
.multi_TB.efr2 .wsz23{
	width: 25%;
	min-width: 950px;
} 

.multi_TB.en .wsz24,/*日毎月間下の報告機能*/
.multi_TB.ee .wsz24,
.multi_TB.ee2 .wsz24,
.multi_TB.efr2 .wsz24{
	width: 5%;
	min-width: 79px;
} 

.multi_TB.ee2.ec.stdmtb{ /*日毎月間*/
	height: 444px;
}

.multi_TB.en.ec.mcnchg{ /*機種入れ替え簡易入力版*/
	height: 670px;
}

/*速報*/
.multi_TB.en .wsz35,
.multi_TB.es1 .wsz35,
.basic_scroll_TB .wsz35{
	/*width: calc(100% / 8 );
	/*width: 13%;*/
	min-width :100px;
} 

.multi_TB.en .wsz36,
.multi_TB.es1 .wsz36,
.basic_scroll_TB .wsz36{
	/*width: calc(100% / 20 );
	/*width: 6%;*/
	min-width :80px;
} 


.multi_TB.en .wsz37,
.multi_TB.es1 .wsz37,
.basic_scroll_TB .wsz37{
	/*width: calc(100% / 12 );
	/*width: 15%;*/
	min-width :144px;
} 

.multi_TB.en .wsz38,
.multi_TB.es1 .wsz38,
.basic_scroll_TB .wsz38{
	/*width: calc(100% / 20 );
	/*width: 7%;*/
	min-width :90px;
} 

.multi_TB.en.ec .msg-cell,
.multi_TB.es1.ec .msg-cell,
.multi_TB.es2.ec .msg-cell,
.multi_TB.ee.ec .msg-cell ,
.multi_TB.ee2.ec .msg-cell ,
.multi_TB.efr .msg-cell {
    /*表示データが無い時のメッセージ関連*/
    padding: 0 !important;
    border: 0px !important;
}

.multi_TB.en.ec .msg-cell div,
.multi_TB.es1.ec .msg-cell div,
.multi_TB.es2.ec .msg-cell div,
.multi_TB.ee.ec .msg-cell div ,
.multi_TB.ee2.ec .msg-cell div ,
.multi_TB.efr .msg-cell div{
    /*表示データが無い時のメッセージ関連*/
    position: absolute;
    left: 38%;
    top: 50%;
    border: 3px solid #aaa;
    padding: 11px;
}

/*■■■■■【自由系グラフ】■■■■*/

.multi_TB.efr{
    overflow-y: hidden;
    height: auto;
    overflow-x: hidden; /*jQueryスクロールさせるための値*/
}

.multi_TB.efr table{
    width: auto;
}

.multi_TB.efr.dprgrp{ /*部門別店毎グラフ*/
    height: 480px;
}

.multi_TB.efr.dprgrp .view {
    background-color: #fea8a8;
}

.multi_TB.efr.dprgrp th, .multi_TB.efr.dprgrp td {
    min-width: 60px;
    padding: 2px 4px;
    white-space: nowrap;
}

/*■■■■■【通常固定型グラフ上側】■■■■*/

.multi_TB.er.el{
	position: absolute;
	z-index: 1;
}

.multi_TB.er.el tbody{
    width:100%;
}

/*■■■■■【通常固定型グラフ下側】■■■■*/
.multi_TB.er.ec{
    overflow-y: hidden;
    height: 400px;
    position: absolute;
	top: 29px;
}

.multi_TB.er.ec .table,
.multi_TB.ei2.ec .table{
	margin-bottom: 0px;
}

/*
.multi_TB.er.ec.traf2{ /*台別推移専用*
	height: auto !important;
}*/

/*■■■■■【通常グラフ下の下側】■■■■*/

.multi_TB.ei2.ef{/*下の下側*/
	position: absolute;
	overflow-x: hidden; /*jQueryスクロールさせるための値*/
	top: 179px; /*表の枠の下部とツライチにする*/
}

.multi_TB.ei2.ef table{
	margin-bottom: 0px;
}

.multi_TB.ei2.eff2.ef{ /*右下*/
	width:100%;
}

/*■■■■■【通常固定型グラフ下の下側】■■■■*/

.multi_TB.er.ef{
	z-index: 1;
}

.multi_TB.er.ef tbody{
    width:100%;
}


/*■■■■■【インデックス付き、スクロールなし】■■■■*/
.multi_TB.ei1{ /*合計テーブル、右*/
    overflow-x: hidden; /*jQueryスクロールさせるための値*/
}

.multi_TB.ei1.stdmtb table{ /*合計テーブル、右*/
	/*margin-bottom: 20px;*/
	margin-bottom: 36px;
}

.multi_TB.er.ei1{ /*固定領域*/
    position: absolute;
    z-index: 1;
}

/*■■■■■【インデックス付き、スクロールあり】■■■■*/
.multi_TB.ei2{ /*合計テーブル、右*/
    overflow-x: hidden; /*jQueryスクロールさせるための値*/
}

/*
.multi_TB.ei2 table,
.multi_TB.er.ei2 table{ /*合計テーブル、右*
	margin-bottom: 20px;
}
*/

.multi_TB.er.ei2{ /*固定領域*/
    position: absolute;
	z-index: 1;
	height: 200px;
}

/*台別推移では2段目3段目が初期では非表示*/
.multi_TB.ei2 {
    display: none;
}

/*台別推移では2段目3段目を表示しても合計平均は表示しない場合がある*/
.not-aumvg #TableROCKFoot2 table,
.not-aumvg #TableNEWFoot2  table,
.not-aumvg #TableROCKFoot3 table,
.not-aumvg #TableNEWFoot3  table{
	display: none;
}

/*台別推移では1段目の選択枠にin_cursor2がつく*/
.multi_TB.traf2 tbody > tr.in_cursor2 ,
.multi_TB.traf2 tbody > tr > td.in_cursor2 {
    background-color: #ebf1de;
}

/*台別推移の色：移動しただけ*/
.transtep_sum td{
    background: #fed866;
}

.transtep_avg td{
    background: #fff2cd;
}

/*縦横強調*/
.multi_TB td.r-strong ,.multi_TB th.r-strong ,
.basic_scroll_TB td.r-strong ,.basic_scroll_TB th.r-strong{
	border-right: 3px solid #888 !important;
}

.multi_TB td.b-strong, .multi_TB th.b-strong , 
.basic_scroll_TB td.b-strong, .basic_scroll_TB th.b-strong{
	border-bottom: 3px solid #888 !important;
}

/* ==============================================
 テーブル汎用 (速報や管理等)
=============================================== */

/*テーブル名は,Main(中心),Total(合計)で分ける*/


/*枠線指定*/
.basic_scroll_TB table{
	border-collapse: separate;	
}


/*ラベル用に領域を浮かせて固定させる*/
.basic_scroll_TB table.scroll-head{
	position: absolute;
	padding-right: 15px;
}

.basic_scroll_TB .scroll-head tbody{
	display: block;
	/*position: absolute;*/
}

/*スクロール関連の処理を入れる*/
.basic_scroll_TB .scroll-body tbody{
	display: block;
	overflow-y: scroll;
}


/*見出しの強調*/
.basic_scroll_TB strong{
	font-size: 15px;
	color: brown;
}

/*各セルにも、罫線設定*/
.basic_scroll_TB td, .basic_scroll_TB th{
	border: 1px solid #ddd !important;
}

/*サイト内の全般的なテーブルのコーナーデザインの設定*/
/*角丸設定、上部のthコーナーは上側の角丸、下部のtdコーナーは下側の角丸*/
/*例外的なセルパターンでの動作用に最低限のクラスを用意してます*/
.basic_scroll_TB table tr:first-child th.corner:first-child, .rd-tl{
	border-top-left-radius: 6px;
}

.basic_scroll_TB table tr:first-child th.corner:last-child, .rd-tr{
	border-top-right-radius: 6px;
}

.basic_scroll_TB table tr:last-child td.corner:first-child, .rd-bl{
	border-bottom-left-radius: 6px;
}
.basic_scroll_TB table tr:last-child td.corner:last-child, .rd-br{
	border-bottom-right-radius: 6px;
}


/* ==============================================
 テーブル汎用2 (店別～台別)
=============================================== */

/*枠線指定*/
.custom_label_TB table{
	border-collapse: separate;
}


/*ラベル用に領域を浮かせて固定させる*/
.custom_label_TB table.scroll-head{
	position: absolute;
    padding-right: 15px;
}

.custom_label_TB .scroll-head tbody{
	display: block;
	/*position: absolute;*/
}

/*スクロール関連の処理を入れる*/
.custom_label_TB .scroll-body tbody{
	display: block;
	overflow-y: scroll;
}


/*見出しの強調*/
.custom_label_TB strong{
	font-size: 15px;
	color: brown;
}

/*各セルにも、罫線設定*/
.custom_label_TB td, .custom_label_TB th{
	border: 1px solid #ddd !important;
}

/*サイト内の全般的なテーブルのコーナーデザインの設定*/
/*角丸設定、上部のthコーナーは上側の角丸、下部のtdコーナーは下側の角丸*/
/*例外的なセルパターンでの動作用に最低限のクラスを用意してます*/
.custom_label_TB table tr:first-child th.corner:first-child, .rd-tl{
	border-top-left-radius: 6px;
}

.custom_label_TB table tr:first-child th.corner:last-child, .rd-tr{
	border-top-right-radius: 6px;
}

.custom_label_TB table tr:last-child td.corner:first-child, .rd-bl{
	border-bottom-left-radius: 6px;
}
.custom_label_TB table tr:last-child td.corner:last-child, .rd-br{
	border-bottom-right-radius: 6px;
}

/*合計テーブルが右に広がるのを抑制する(島別、部門別、台別？、)*/
.custom_label_TB#TotalDaily {
	width: auto;
}

.custom_label_TB#TotalSummary {
	width: auto;
}

/*合計テーブルが右に広がるのを抑制する(速報)*/
#TableTotal .table {
	width: auto;
}

/*合計テーブルが右に広がるのを抑制する(部門別推移)IE限定*/
_:-ms-lang(x)::-ms-backdrop, .custom_label_TB#TotalTransition {
	width: auto;
}

/*合計テーブルが右に広がるのを抑制する(管理)*/
#TotalDay .table {
	width: auto;
}





/* ==============================================
 テーブル共通
=============================================== */

/*テーブル セル色*/
.bg-cell-label { background: linear-gradient(to top, #ecebec, #cbcbcb) }
.bg-cell-magenta { background: #fbdeed !important}
.bg-cell-yellow { background: #fcfaed !important}
.bg-cell-cyan { background: #ebf9fa !important}
.bg-cell-trans { background: transparent !important}

/*左右配置指定*/
.t_c {
	text-align: center;
}
.t_r {
	text-align: right;
}
.t_l {
	text-align: left;
}

/*合計ラベル用のデザイン指定*/
#TableTotal{
	padding-right: 32px ;
}

/*【強調表示】*/
.in_cursor{
    background-color: #FFCC99 !important; 
}



/*
@media (max-width:1200px){ not
	.dropdown a {
			padding: 5px 10px
	}
}
*/
.menu a {
	text-align: left !important;
}

/*----- ヘッダーカスタマイズ：牧 -----*/
.navbar-super-menu {
	background:#851719;
	height: 40px;
}

.navbar-super-menu li{
	float: left;
}

/* maki adds　選択モードの吹き出しデザイン */
.mode-selection {
    padding: 0;
/*    position: absolute !important;*/
	position: relative;
    top: -3px;
	/*left: 40px;*/
	left: 33%;
    z-index: 900;
    background-color: transparent !important;
    height: 13px;
    width: 21px;
    display: block;
    background-image: url(../../images/mode.png);
    background-repeat: no-repeat;
}

.navbar-nav>li:hover > .mode-selection{
	opacity: 0.4;
}


/*右上のユーザー情報表示部分*/

.navbar-super-menu .no-padding>div {
	padding-left: 0;
	padding-right: 0;
}

.navbar-super-menu .top-icon a.dropdown-toggle{
	padding: 0px 13px 0px 13px;
}

.navbar-super-menu .top-icon i{
	font-size: 18px;
}

.navbar-super-menu .badge {
	font-size: 9px;
	top: 9px;
	right: 7px;
    position: absolute;
    padding: 1px 5px;
}

.index_info{
	width: 200px;
    border: 2px solid;
    border-color: rgb(236, 118, 118);
}

.index_info.dropdown-menu > div.header{
	max-width: 200px;
	display: block;
    padding: 3px 10px;
    color: #888;
	white-space: nowrap;
}

.index_info.dropdown-menu > a.footer{
    margin: 0px 10px 0px 70px;
    padding: 3px 20px;
    clear: both;
    color: #333;
	white-space: nowrap;
	float: right;
    text-align: center;
    font-size: 11px;
    /* background: #ddd; */
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: #dfdfdf;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}

.index_info.dropdown-menu > a.footer:hover{
	background-color: #f4f4f4;
}


.index_info.dropdown-menu > li{
	max-width: 200px;
    overflow: hidden;
}

.index_info li:hover {
    background-color: #c6cde2;
    color: #333;
}

.index_info li.index_cal {
	padding: 3px 9px 0px 15px;
	height: 30px;
	width:100%
}


.index_info li.index_mes ,
.index_info li.index_que {
	padding: 3px 9px 0px 15px;
	height: 40px;
	width:100%
}

.index_info li.index_cal ul,
.index_info li.index_mes ul,
.index_info li.index_que ul{
	padding:0;
}

.index_info li.index_cal ul span,
.index_info li.index_mes ul span,
.index_info li.index_que ul span{
	display: block;
    position: relative;
    /* right: 9px; */
    font-size: 12px;
    bottom: 4px;
    /* float: right; */
    text-align: right;
}

.index_info i{
	font-size: 14px;
}

.index_info .fa-exclamation-triangle{
	color: #c51d21;
}
.index_info .fa-exclamation-circle{
	color: #f39c12;
}
.index_info .fa-info-circle{
	color: #00a65a;
}
.index_info .fa-check-square{
	color: #00AFCC;
}

/*予定色*/
/*→色を変更する機能をつけるためにcommonのhtmlに埋め込み*/

/* カレンダー*/
.form-control[readonly]{
	background-color: #fff !important;
}

/*担当者登録など*/
.form-horizontal .form-control[readonly]{
	/*	background-color: #fff !important;*/
		background-color: #9e9e9e !important;
		cursor: not-allowed;
	}
/* 後でとっぷメニューに統合*/



/*----- LoginID -----*/
.LoginBorder {/*maki*/
	border-left:1px solid #FFF; /*maki*/
	height: 20px;
	line-height: 20px;
	margin:10px 0px !important;
}



.LoginID {
	box-sizing: border-box;
	/*width: 9%;   maki */
	float: right;
	position: relative;
	/*height: 50px;   maki */
	/*line-height: 50px;   maki */
	height: 20px;
	line-height: 20px;
    margin: 0 !important;
	border-right: none  !important;
}
.LoginID .dropdown-toggle {
	cursor: pointer;
}
.LoginIcon {
	width: 30px;
	float: right;
}
.LoginID p {
	text-align: right;
	box-sizing: border-box;
	padding: 0 0 0 10px;
	background-position: left center;
	background-repeat: no-repeat;
	color: #fff;
	float: right;
}
#UserMenu {
	position:  absolute;
	left: auto !important;
	right: -15px !important;
    top: 100%;
	width: 10% !important;
	color: #777 !important;
	border-radius: 0px  !important;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	text-align: left !important;
	padding: 5px 10px;
}
#UserMenu li {
	padding:3px 0px;
}
.userIcon {
	width: 30px;
	height: 30px;
	float: left;
}
.userIcon img {
	vertical-align: top;
}
#UserMenu p {
	line-height: 30px;
	text-align: left !important;
	box-sizing: border-box;
	color: #777;
	margin: 5px 0 0;
	font-size: 12px;
	width:calc(100% - 35px);
}
#UserMenu li:first-child {
	border-bottom: 1px dotted #e6e6e6;
	padding: 0 0 3px;
}
@media (max-width:1410px) {
.LoginID {
	font-size: 12px;
	/*height: 50px;  maki*/
	/*line-height: 50px;  maki*/
}
	}




/* ==============================================
 TOP(速報画面)
=============================================== */








/* ==============================================
 マスター画面タイトル
=============================================== */
input::-ms-clear {
    visibility:hidden !important;
	display: none !important;
}
.panel-heading {
	/*padding: 5px 15px 10px !important; maki*/
	padding: 1px 15px 0px !important;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-heading h3 {
	margin: 10px 0 5px;
}
.form-group {
	margin-bottom: 10px;
}
.form-control {
	padding: 6px 8px !important
}
.formLabel {
	display: inline-block;
    /*width: 150px;*/
	box-sizing: border-box !important;
}


/* ==============================================
  表示項目選択系
=============================================== */
.dropdown-menu.label_mm{
	width: 120px;
    min-width: 120px;
	padding: 2px;
	border: 0px;
	top: 28px;
	left: auto !important;
	font-weight: 100;
	background-color: #676767;
    color: #ffffff;

}

.label_mm .link_tl{
	margin: 3px;
    width: 110px;
	
}

.label_mm hr{
	width:100%;
	border-color: rgb(236, 118, 118);
    margin-top: 5px;
    margin-bottom: 5px;
}

.mm_status{
	margin: 3px 5px 0px 5px;
    font-size: 12px;
    text-align: center;
    background-color: #ffffff;
    color: #676767;
    
    border-radius: 4px;
}

.mm_exec{
	margin: 2px;
}

.mm_exec .btn.btn-default{
	padding: 4px;
	width: 55px;
	min-width: 55px;
	
}

/*パチorスロなど1ページで複数の表示項目設定から1つを編集する場合、何を編集しているのかわかりやすくする*/
#tablelabel_menu{
	/* float: right; */
	/* ↑ タイトルを寄せて密度を上げない ↓ タイトルはそのままで密度を増す*/
	position: absolute;
	right: 5px;
	top: 6px;


	border: 1px solid #fff;
	font-size: 11px;
	padding: 3px 6px;
}

/* ==============================================
  店舗売上
=============================================== */

/*レイアウトの島モーダルで活躍*/
.main_wrap {
	overflow-x: scroll !important;
}

/* ==============================================
  部門売上
=============================================== */

.index {
	height: 37px;
}
.index  p {
	line-height: 37px;
	width: 90px;
	text-align: center;
	color: #fff;
	background-color: #c51d21;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


/* ==============================================
 売上共通
=============================================== */

/*マルチ*/
.pointer.nomcn {
	background: #FCFCFC; /*機種名ゆらぎ防止のデータが無い機種*/
}



/* ==============================================
 旧デザイン確認用CSS
=============================================== */

/*----- PANKUZU -----*/
/*
.content-header-pankuzu{
	position: relative;
	background-color:#d7cdcd;
	height:24px;
}
.content-header-pankuzu ul{
	list-style:none;
	padding: 3px 0 3px 5px;
}
.content-header-pankuzu li{
	font-size:12px;
	padding: 0 0 0 10px;
	float:left;
}
*/

.ModalBT {
    box-sizing: border-box;
    height: 34px;
    width: 34px;
    padding: 0;
    font-size: 18px;
    line-height: 32px;
    /*border-radius: 3px;
    background-color: #c51d21;
    color: #fff;*/
	border: 0;
	
	background-color: #dfdfdf;
    color: #444;
	border: 1px solid #adadad;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

/*
#settingDisp table {
	margin: 30px 0 0;
	border-top:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	width: auto;
	text-align: center;
}
#settingDisp table th {
	background-color: #f3f2f2 !important;
	padding: 10px 15px;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	text-align: center;
	font-weight: normal;
	width: 120px;
}
#settingDisp table td {
	padding: 10px 15px;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
}
*/

/*Ajax通信で時間がかかっているときのローディング表示*/
.overlay-wrapper>.overlay{
	/*opacity: 0;*/
	transition-duration: 1s;
	height: 0%
}

.overlay-wrapper.roll-screen .overlay-back {
	/*ローディング表示がせり出すまでの先行ロック*/
    width: 100%;
    height: 100%;
	position: fixed;
	cursor: wait;
    z-index: 50;
}

.overlay-wrapper.roll-screen>.overlay{
	transition-duration: 1s;
	 transition-delay: 1s;
	 cursor: wait;
	 height: 99%
	 /*opacity: 1;*/
}

.overlay-wrapper.roll-screen>.overlay>.fa {
	/*本来 .fa-spinの役割だが、見てないところで回り続ける負荷を考えて上書きしました*/
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

/*フッターのタイムリミット*/
#time_limiter{
	font: bold 10px Verdana;
	/*今は封印position: fixed;
	border: 2px solid #ddd;
	bottom: -20px;
	text-align: right;*/
	bottom: 20px;
	border-top-right-radius: 17px;
    background: #fff;
	z-index: 1000;
	white-space: nowrap;
	width: 190px;
    padding: 0px 10px;
    
}

#time_limiter.overlay{
	/*今は封印transition-duration: 3s;
	bottom: 0px;*/
}

#time_limiter #over{
	display:none;
}

#time_limiter.timeout #count{
	display:none !important;
}
#time_limiter.timeout #over{
	display: block !important;
}

#time_limiter .fa{
	float: left;
    margin-top: 2px;
}