@charset "UTF-8";

/* pre_loader */


#loading {
	position: absolute;
	left: 50%;
	top: 35%;
	margin-left: -30px;
	z-index:10000;
}

#fade {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	background: #ffffff;
	top: 0px;
	left: 0px;
	z-index: 9000;
}

/* reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 62.5%;
}

body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color: #666666;
	line-height: 1.5;
	vertical-align: baseline;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	letter-spacing: 0.1em;
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	background-color: transparent;
}

/* dev:add --> */
button {
	line-height:1.5!important;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	letter-spacing: 0.1em;
	-webkit-font-smoothing: antialiased;
}
/* --> dev:add */

/* dev:mod */
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font-weight: normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, textarea {
display: block;
}

ul { list-style: none; list-style-position:outside; margin:0; padding:0;  }
ul li { margin:0; padding:0; list-style: none;}
ol { list-style: decimal;  list-style-position:outside; }
ol li { margin-bottom:5px;}

caption,th { text-align: left; }
q:before,q:after { content: ''; }
a img,:link img,:visited img {border: none;}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}

strong{
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
input, select {
	vertical-align:middle;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
ins {
	background-color:#dfdfdf;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#dfdfdf;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #dfdfdf;
	margin:1em 0;
	padding:0;

}

a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
color: #;
cursor: pointer;
outline: none;
text-decoration: none;
}
a:link { text-decoration:none; color:#363636;}
a:visited { text-decoration: underline; color:#363636;}
a:active, a:focus{opacity:0.7; outline:none;}
a:hover {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	opacity:0.7;
 }



/*________________ ■全体設定 ________________*/
body{
	width: 100%;
	height:100%;
	background: #EFEFEF;
}
 
/*ios form reset*/
/*_________form設定_________*/


select , input[type="text"] , textarea , input[type="password"] {
	letter-spacing:0.8;
	font-weight: normal;
	display: block;
	position:relative;
	overflow:visible;
	text-align: left;
/*	background: #FFF;*/
	outline:none;
}


/*input.textarea*/
input[type="text"],
input[type="password"],
textarea{
  padding: 5px 10px 5px 10px;
  border: solid 1px #CCC;
  border-radius: 5px;
  font-family: inherit;
  font-size: 1.1em;
  color: #353535;
  -webkit-appearance: none;
}
/*select*/
select , input[autocomplete="on"]{
  padding: 5px 10px 5px 5px;
  border: solid 1px #CCC;
  border-radius: 0;
  font-family: inherit;
  font-size: 1.1em;
  -webkit-appearance: none;
  background: #FFF url(images/svg/icon_menu_22_b.svg) no-repeat; /* dev:mod */
  background-size: 20px 20px;
  background-position: right center;
}
/* select　IEの▼を消す */
select::-ms-expand {
  display: none;
}
/* input datelist Chromeの▼を消す*/
input::-webkit-calendar-picker-indicator {
  display: none;
}
select:checked{
  background-color: red;
}
/* input,textarea onFocus*/
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus{
    border: solid 1px #0CF;
    box-shadow: 0 0 5px 0 #0CF;
}



input[type="button"],input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}
/* placeholder */
input::-webkit-input-placeholder {
	color: #666;
	font-size: 14px;
	font-size: 1.4rem;
}
input:-moz-placeholder {
	color: #666;
	font-size: 14px;
	font-size: 1.4rem;
}


.enabled , input.enabled {
	background-color: #fff9e3;
}
.disabled {
	background-color: #FDFDFD;
}
input:disabled , textarea:disabled ,input:disabled.enabled , textarea:disabled.enabled {
	background-color: #FDFDFD;
	color:#666;
	border:1px solid #FDFDFD;
	font-size: 1.5rem;
}

select:disabled , select:disabled.enabled {
	border:none;
	font-size: 14px;
	font-size: 1.5rem;
}
input:disabled[type="checkbox"] , input:disabled[type="submit"]  {
	display: none;
}


/* カレンダー日付入力 カレンダーボタンの表示*/
.jquery-ui-datepicker_common,
.jquery-ui-datepicker_holiday,
.jquery-ui-datepicker_coolbiz,
input.jquery-ui-datepicker_common,
input.jquery-ui-datepicker_holiday,
input.jquery-ui-datepicker_coolbiz
{
  background: #FFF url(images/svg/icon_datepicker.svg) no-repeat; /* dev:mod */
  background-size: 30px 30px;
  background-position: right center;
}

/* 必須入力(通常) */
.required_field,
input.required_field{
  background: #FFFFD0;
}
/* 必須入力（SELECT） */
select.required_field{
  background: #FFFFD0 url(images/svg/icon_menu_22_b.svg) no-repeat; /* dev:mod */
  background-size: 20px 20px;
  background-position: right center;
}
/* 必須入力(カレンダーピッカーあり) */
.required_field_date,
input.jquery-ui-datepicker_common.required_field_date{
  background: #FFFFD0 url(images/svg/icon_datepicker.svg) no-repeat; /* dev:mod */
  background-size: 30px 30px;
  background-position: right center;
}

/* disabled(普通のテキストフィールド) */
input:disabled.required_field,
input:disabled{
  background-color: #FDFDFD;
  color:#666;
  -webkit-text-fill-color:#666;
  opacity: 1;
}

/* disabled(アイコン付き-日付、select) */
/* dev:add --> */
input[autocomplete='on']:disabled,
/* --> dev:add */
input:disabled.required_field_date,
input:disabled.jquery-ui-datepicker_holiday,
input:disabled.jquery-ui-datepicker_coolbiz,
select:disabled{
  background: #FDFDFF url() no-repeat;
  color:#666;
  opacity: 1;
  font-size: 1.1em;
}

/*IE10の×ボタンを消す*/
input::-ms-clear {
    visibility:hidden
}

/* 削除ライン */
.del_line{
  text-decoration: line-through !Important;
}



.disable_code
{
    color:#bbb;
    word-wrap: break-word;  /*dev:Add*/
}

.is100 , input.is100{
	width:100%!important;
	text-align: left;
}
.is100::-webkit-input-placeholder{
	color:#dfdfdf;
}
.is100:-moz-placeholder{
	color:#dfdfdf;
}
.checkbox{
	margin:0 -3px 0 5px;
}


/*********** select_set **********/
/*
.customselect_wrap {position:relative;}
.customselect {
	font-size: 14px;
	font-size: 1.4rem;
	color: #666;
	font-weight: normal;
	padding:5px 10px 5px 5px;
	display: block;
	position:relative;
	border:1px solid #dfdfdf;
	overflow:visible;
}
.customselect:before {
	position: absolute;
	top: 10px;
	left: 10px;
	content: "▼";
	color:#666;
	font-size:10px;
}
*/

/*________共通部分________*/
.dsn{display:none !important;}
.dsb{display:block;}
.ovh{overflow: hidden;}
.ova{overflow: auto;}
.vsh{visibility:hidden;}
.opa1{opacity:1;}
.fll{float:left!important;}
.flr{float:right!important;}
.tal{text-align: left;}
.tar{text-align: right;}
.tac{text-align: center!important;}
.fwb{font-weight: bold;}
.toe{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fl10:first-letter{
	font-size: 10px;
}

/*透明度*/
.opa2{
	opacity: 0.2;
}
/*PC非表示*/
.pc_dsn{
	display: none;
}


/*レスポンシブ設定*/
.pcon{display:block;}
.mbon{display:none;}

/*padding*/
.pd0{padding:0!important;}
.pb10{padding-bottom:10px!important;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}


/*マージン*/
.mb10{
	margin-bottom: 10px;
}
.mb15{
	margin-bottom: 15px;
}

.mb20{
	margin-bottom: 20px;
}
.mb40{
	margin-bottom: 40px;
}
.mb50{
	margin-bottom: 50px;
}
.mb60{
	margin-bottom: 60px;
}
.mb70{
	margin-bottom: 70px;
}



.mt10{
	margin-top: 10px;
}

.mt20{
	margin-top: 20px;
}

.mt30{
	margin-top: 30px;
}

.mr5{
	margin-right: 5px;
}


.mr10{
	margin-right: 10px;
}

.mr20{
	margin-right: 20px;
}

.mr30{
	margin-right: 30px;
}

.mr40{
	margin-right: 40px;
}


.fs10{
	font-size: 10px;
	font-size: 1.0rem;
}

.fs11{
	font-size: 11px;
	font-size: 1.1rem;
}

.fs12{
	font-size: 12px;
	font-size: 1.2rem;
}

.fs13{
	font-size: 13px;
	font-size: 1.3rem;
}

.fs14{
	font-size: 14px;
	font-size: 1.4rem;
}

.fs15{
	font-size: 15px;
	font-size: 1.5rem;
}

.fs16{
	font-size: 16px;
	font-size: rem;
}

.fs17{
	font-size: 17px;
	font-size: 1.7rem;
}

.fs18{
	font-size: 18px;
	font-size: 1.8rem;
}
.fs19{
	font-size: 19px;
	font-size: 1.9rem;
}
.fs20{
	font-size: 20px;
	font-size: 2.0rem;
}

/*width*/
.w10{
	width:10%;
}
.w100p{
	width: 100%!important;
}
.w50{
	width:50px!important;
}
.w60{
	width:60px!important;
}
.w100{
	width:100px!important;
}
.w120{
	width:120px!important;
}
.w130{
	width:130px!important;
}

.w150{
	width:150px!important;
}

.w175{
	width:175px!important;
}
.w180{
	width:180px!important;
}
.w190{
	width:190px!important;
}

.w200{
	width:200px!important;
}
.w230{
	width:230px!important;
}
.w250px{
	width:250px!important;
}


/* color_class */
.lgray{
	color:#909090;
}


/* テーブル */
.gray_table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	table-layout:fixed;
}
.gray_table.black td{
	color:#000;
}

/* テーブルヘッダー */
.gray_table th{
  	background: #CDCDCD;
	color:#666;
	border-right:1px solid #EFEFEF;
	font-size: 14px;
	font-size: 1.4rem;
	padding:5px;
	height:45px;
	vertical-align:middle;
}

.gray_table th.bgw , .gray_table td.bgw{
	background: #fff!important;
}

/* アンカーリンク */
.gray_table >tbody>tr>td> a:hover,
.gray_table >tbody>tr>td>p a:hover{
  color: orange;
}

/*レスポンシブ用*/
.table_rwd_box{
	width: 100%;
	overflow-x: auto;
}



/*テキスト設定*/
.or_txt{
	color:#f07715;
	font-size: 14px;
	text-align: center;
	padding:5px 0 0 5px;
}

.or_block{
	color:#FFF;
	background: #f07715;
}


/*テーブル設定*/

.gray_table tr:nth-child(even) {
	background-color:#fff; 
}

.gray_table tr:nth-child(odd) {
	background-color:#efefef; 
}




.gray_table td{
	background: #FFF;
	border:1px solid #EFEFEF;
	padding: 5px;
	vertical-align:top;
	color:#666;
}

.gray_table td.bbw{
	border-bottom:1px solid #fff;
}

.gray_table td.brw{
	border-right:1px solid #fff;
}

.gray_table td.bn{
	border:none;
}


.gray_table td.btg{
	border-top:4px solid #efefef;
}

.gray_table.st td{
	background: none;
}

.gray_table.st tr:nth-child(even) td {
	background:#fff;
}

.gray_table.st tr:nth-child(odd) {
	background:#f8f8f8;
}

.gray_table td span{
	white-space:nowrap;
	margin-right: 5px;
}

/* 表の長い文字列は省略 */
.vw_ellipsis{
  margin: 0 auto;
  width: 100%;
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  -webkit-text-overflow: ellipsis; 
  -o-text-overflow: ellipsis;	
}
/* 複数行表示　タイトル*/
.vw_subject{
  font-size: 1.2em;
  margin: 0 auto;
  width: 100%;
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  -webkit-text-overflow: ellipsis; 
  -o-text-overflow: ellipsis;  
}
/* 複数行表示　本文*/
.vw_contents{
  font-size: 0.9em;
  color: #A9A9A9;
  margin: 0 auto;
  width: 100%;
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  -webkit-text-overflow: ellipsis; 
  -o-text-overflow: ellipsis;  
}

/*透明テーブル用*/
.clear_table{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;	
}
.clear_table td{
	border: none;
}

.table_list select{
	/*width:auto!important;*/
	width: :auto;
}

select[id^='select_floor']{
	max-width: 65px;
}

select[id^='select_area']{
	max-width: 140px;
}

.table_list tr td:last-child{
	margin-top: 10px;
}


.bl_txt{
	color:#2B579A!important;
}




/* dev:mod */
.datepick_img, datepick_img_holiday{
	overflow: hidden;
	height:30px;
}

.datepick_img input , .datepick_img img{
	float: left;
	position:relative;
	text-align: left;
}

.datepick_img input{
	width:210px!important;
}


/* dev:mod */
.datepick_img img, .datepick_img_holiday img{
	height:35px;
	float: left;
	margin-top: -3px;
 }
 .datepick_img.noimg img{
	 display:none;
 }



/*________header________*/
.header{
	height: 60px;
	border-bottom:1px solid #dfdfdf;
	background: #2B579A;
}
.header_inr {
	width:100%;
}
/* ヘッダーSelect(建物選択、テナント選択) */
.header_inr select{
  	font-size: 1.7em;
  	font-weight: normal;
	float:left;
	padding:5px 20px 5px 5px;
  	margin: 8px 0 0 8px;
	color:#FFF;
	border:1px solid rgba(255,255,255,.3);
	background: rgb(43, 87, 154) url(images/svg/icon_menu_22.svg) no-repeat; /* dev:mod */
  	background-size: 20px 20px;
  	background-position: right center;

	width:300px;    /* dev:chg */
  	/*max-width: 310px; */  /* dev:del*/

	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
/*	text-indent: .2em;*/

	line-height: 30px;
	vertical-align: middle;
}


:root .header_inr select{
	padding:10px 20px 10px 5px\0 ;
}

.header_inr select::-ms-expand {
  display: none;
}



/*ヘッダーメニュー*/
.menu_txt{
	overflow: hidden;
	float: right;
}
/* ヘッダー　屋外センサー表示　領域 */
.menu_txt li{
	float: left;
	color:#FFF;
	padding:0 10px ;
	text-align:center;
	border-right:1px dotted rgba(255,255,255,.3);
	line-height:1.2em;
  	margin: 10px 0px -3px 0px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight:600;
}
/* ヘッダー　屋外センサー　項目名 */
/* dev:mod */
.menu_txt li .object {
    font-size: 0.9em;
    font-weight: normal;
}
/* ヘッダー　屋外センサー　外気温度、湿度数値 */
.menu_txt li span.ltxt{
    font-weight: normal;
    font-size: 1.6em;
    margin: 0px;
	line-height:1.7em;

}
.menu_txt li:last-child{
	border-right:none;
}

/* Added by ctakahna JCI */
li.top_icon a,
li.info_icon a,
li.menu_btn a,
div.graph_icon a { margin-top:-10px; padding-top:10px; display:block; }
/* Add End */

/* button */
/* カテゴリ-重要チェックあり */
.btc_info{
	font-size: 0.8em;
	background: #F9C631;
  	padding: 3px 8px 3px 8px;
	/*cursor:pointer;*/     /*dev:del*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* カテゴリ-重要チェックなし */
.btc_normal{
  font-size: 0.8em;
  padding: 3px 8px 3px 3px;
}
/* 添付ファイルアイコン */
.vw_icon_attach{
  width: 40px; /* dev:mod */
}
/* 削除ステータス */
.vw_status_delete{
  color: #00B0F0;
}
/* 受付ステータス */
.vw_status_accept{
  color: #F07715;
}
/* 対応中ステータス */
.vw_status_working{
	color: #666666;
}
/* 完了ステータス */
.vw_status_finish{
	color: #2591BB;
}
/* 指定休日、祝祭日設定 */
.vw_input_date{
  width: 100% !Important;
}

.btn_7c8ebe{
	background: #7c8ebe;
	color:#fff;
	font-weight: bold;
	padding: 5px 20px;
	border-style: none;
	border:1px solid #7c8ebe;
	cursor:pointer;
	 white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align:center;
}

.btn_fff{
	background: #FFF;
	border-style:none;
	border:1px solid #717073;
	color:#717073;
	padding: 5px 0;
	cursor:pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align:center;
}

.btn_717073{
	background: #717073;
	border-style:none;
	color:#fff;
	padding: 5px 0;
	border:1px solid #717073;
	cursor:pointer;
	min-width:50px;
	 white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align:center;
}

.btn_2B579A{
	background: #2B579A;
	border-style: none;
	color:#fff;
	padding: 5px 0;
	border:1px solid #2B579A;
	cursor:pointer;
	min-width: 50px;
	 white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align:center;
}

.btn_cccccc{
	background:#cccccc;
	border-style:none;
	color:#fff;
	padding: 5px 100px;
	border:1px solid #717073;
	cursor:pointer;
	 white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.btn_exec {
	vertical-align:middle!important;
	overflow: hidden;
	border:none!important;
}

/* 一覧画面の削除、編集ボタン　右寄せ */
.btn_exec button  , .btn_exec p{
	width:70px;
  	float: right;
	overflow: hidden;
	margin-left: 5px;
	cursor:pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.exec_block{
	width:170px!important;
}


/*.btn_block , .btn_block_large {
	padding:0;
	margin: 10px 0;
	cursor:pointer;
	overflow: hidden;
	clear:both;
}*/

/*.btn_block_large p , .btn_block_large button{
	margin-right:10px;
	float: right;
	cursor:pointer;
	text-align: center;
	min-width:150px;
}
*/
.btn_block {
	padding:0;
	margin: 10px 0;
	/*cursor:pointer;*/ /*dev:del*/
	overflow: hidden;
	clear:both;
}

.btn_block p , .btn_block button{
	float: right;
	cursor:pointer;
	text-align: center;
	width:150px;
	font-size: 14px;
	font-size: 1.4rem;
	display:block;
}


.tb_btn_block{
	padding:0;
	margin:0;
	cursor:pointer;
	overflow: hidden;
	clear:both;
}

.td_btn_block p , .td_btn_block button{
	margin-right: 0;
	float: right;
	cursor:pointer;
	text-align: center;
	min-width:150px;
	font-size: 14px;
	font-size: 1.4rem;
	display:block;
}

/* ボタン　ホバー */
/* dev:mod */
.btn_block button:hover, .btn_exec button:hover, .btn_exec_left button:hover, .modal_btn_set_block button:hover{
  opacity: 0.7;
}

/* ヘッダー　雨アイコン表示 */
.menu_txt li.rainfall{
	border-left:1px dotted rgba(255,255,255,.3);
	border-right:1px dotted rgba(255,255,255,.3);
	text-align: center;
	line-height:1;
  	padding: 27px 8px 2px;
	color:#FFF;
	background: url(images/svg/icon_menu_04.svg) no-repeat center 1px; /* dev:mod */
  	background-size: 23px;
  	width: 70px;
}
/* dev:add --> */
.menu_txt li.rainfallclear{
	border-left:1px dotted rgba(255,255,255,.3);
	border-right:1px dotted rgba(255,255,255,.3);
	text-align: center;
	line-height:1;
	padding: 27px 8px 2px;
	color:#FFF;
	background: url(images/svg/icon_menu_04_clear.svg) no-repeat center 1px;
	background-size: 23px;
	width: 70px;
}
/* --> dev:add */

/* dev:mod */
.menu_txt li.rainfall ,li.rainfallclear span{
	display: block;
    font-size: 1.2rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* add 2017.03 */
/* Coolbizアイコン、BCPアイコン */
.status_icon{
	float: right;
}
/* CoolBizアイコン表示 */
.thermo_coolbiz{
	margin-top: 30px;	
}


/* チャート 表示領域*/

.graph_icon {
	float:right;
	border-left:1px solid rgba(255,255,255,.3);
	border-right:1px dotted rgba(255,255,255,.3);
	cursor:pointer;
	color:#FFF;
	background-color: rgba(0, 0, 0, 0.0980392);
	text-align: center;
	line-height:1em;
	margin-top:0px;
	padding-top: 10px;
  	height: 60px;
  	width: 70px;
	font-size: 1.2em;
}
.graph_icon.here{
	background-color: rgba(0,0,0,.2);
	background-image: url(images/svg/header_graph.svg) ; /* dev:mod */
	background-position:center 15px;
	padding:33px 8px 14px;
	margin-top:0;
}
/* dev:mod */
.graph_icon .object {
	font-size: 1.2em;
	font-weight: normal;
	color: #FFF;
}
/* dev:add --> */
.graph_icon a span{
	color: #FFF;
}
/* --> dev:add */

/* グラフアイコン　マウスホバー */
.graph_icon:hover{
  background-color: rgba(200, 200, 200, 0.298039);
}
.graph_icon img {
    height: 25px;
}
.graph_icon span{
  display: block;
  line-height: 1.5em;
  padding-top: 3px; /* dev:chg */
}


/* スライダー表示 */
#charts_info {
	padding: 0 20px;
	text-align:center;
	margin:10px 10px 0 5px;
	font-size:12px;
	position: relative;
	float: right;
	overflow: hidden;
	width:150px;     /* dev:chg */
	color:#FFF;
}
/* スライダータイトル */
.flexslider_subject {
	width: 110px;    /* dev:chg */
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
.flexslider_value{
	line-height:1.2;
	font-size: 1.4em;
	font-weight: normal;
}
#charts_info ul.slides li {
	width:100%;
	display:block;
/*	max-height:32px;*/
}
.charts_info_page { 
	width:100%;
	font-size:11px;
	font-weight:400;
	letter-spacing:.05em;
	padding:6px 10px 0 30px;
	background-color:#F5F5F5;
	background-image:url(images/svg/icon_menu_14.svg); /* dev:mod */
	background-repeat:no-repeat;
	background-position:4px center;
	background-size:20px;
	text-align:left;
}
.charts_info_page li span {
	font-size:14px;
}
.charts_info_page img {
	height:16px;
	padding:0 0 0 0;
	display:inline-block;
	margin:0 5px 0 0;
	float:left;
}



.charts_info_page span {
	font-weight:600;
	color:#222;
	font-size:13px;
	padding-right:1px;
}
#charts_info span.data_num {
	font-size:17px;
	font-size:1.7rem;
}


/*________conetnts________*/
.modal_charts img{
	opacity:1;
}





/*________gnavi________*/
.gnavi{
	min-height:60px;
	position:relative;
	overflow: visible;
	float:right;
}
.gnavi li{
	background: rgba(0,0,0,.1);
	width:70px;
	height:60px;
	padding-top: 8px;
	display:block;
	border-left:1px solid rgba(255,255,255,.4);
	border-right:1px solid rgba(230,230,230,.2);
	border-bottom:1px solid #dfdfdf;
	margin-bottom: 1px;
	float:left;
	text-align: center;
	font-size: 14px;
/*	font-size: 1.4rem;*/
	display: block;
	line-height:1.5em;
}

.gnavi li:hover{
	cursor: pointer;
	background: rgba(200,200,200,.3);
}
.gnavi li.top_icon{
	border-right:none;
}

.gnavi li.here{
	background: rgba(0,0,0,.3);
}

.gnavi li.top_icon img{
	opacity:.9;
}
.gnavi li a span{
	font-weight:normal;
	display: block;
	color:#FFF;
}
.gnavi li img{
	height:25px;
}

/*お問い合わせ 件数表示*/
.gnavi li.info_icon{
	position:relative;
}
.info_icon a{color:#fff;}
.info_icon a span{color:#FFF;}
.info_icon_batch{
	background: #d45757;
	color:"#fff";
	position:absolute;
	font-size: 11px;
	font-size: 1.1rem;
	padding:1px  3px;
	position:absolute;
	top:2px;
	right:2px;
	border-radius:5px;
	font-weight: bold;
/*	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);*/
}


/*プルダウン表示*/

li.menu_btn {
	position:relative;
	cursor:pointer;
	letter-spacing:-0.1em;
}

li.menu_btn ul.menu_list {
	width:180px;
	height:50px;
	background-image:url(images/menu_base.png); /* dev:mod */
	background-repeat:no-repeat;
	background-position:0 top;
	position:absolute;
	padding-top:28px;
	top:40px;
	left:-120px;
	z-index:10;
	opacity:0;
	visibility:hidden;
}
li.menu_btn ul.menu_list li {
	width:100%;
	height:31px;
	padding:0;
	margin-bottom:0;
}
li.menu_btn ul.menu_list li:last-child a{
	border-bottom:2px solid #AAA;
}
li.menu_btn ul.menu_list li a {
	background-color:#363636;
	display:block;
	height:30px;
	padding:5px 0 0 0;
	border-bottom:1px solid #FDFDFD;
	border-bottom:1px solid rgba(50,50,50,0.1);
}
li.menu_btn ul.menu_list li a:hover {
	background-color:#555;
	height:30px;
	padding:5px 0 0 6px;
}

li.menu_btn:hover ul.menu_list {
	display:block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	top:45px;
	left:-120px;
	z-index:10;
	opacity:1;
	visibility: visible;
}



/*________アラート設定________*/


.message_box{
	width: 100%;
	padding:10px;
	overflow: hidden;
	text-align: left;
	margin-top: 5px;
	font-size: 1.4rem;
/*	display: none;*/
}

.error_txt{
	border:1px solid #f00;
	color:#f00;
	background: rgba(255,0,0,.1);
}

.alert_txt{
	border:1px solid #f60;
	color:#f60;
	background: rgba(255,102,0,.1);
}


.finish_txt{
	border:1px solid #427EF5;
	color:#427EF5;
	background: rgba(66,126,245,.1);
}


/*________conetnts________*/

.wrapper{
	width: 100%;
/*	height:100%;*/
	padding:10px;
	overflow: hidden;
}

/**************レイアアウト設定*********/

/*メイン_エリア*/
.wrapper .l_block{
	float: left;
	width:80%;/* 可変テスト値 */
	overflow: hidden;
}
.left_box{
	width:45%;/* 可変テスト値 */
	float:left;
	text-align: center;
}
.left_box .select_floor_box{

	padding: 0 10px 10px 0;
}
/*
.left_box .select_floor_box.onoff{border-bottom: 10px solid #00c8ff;}
.left_box .select_floor_box.temperature_set{border-bottom: 10px solid #00c4B5;}
.left_box .select_floor_box.add_set{border-bottom: 10px solid #5fc12f;}
*/
/*
.left_box .select_floor_box select{
	margin-top: 6px;
    border: 1px solid #ccc;
	padding:5px 20px 5px 5px;
    width: auto;
	color: #666;
	font-size: 1.4em;
	font-weight: normal;	
    border: 1px solid rgba(0,0,0,.2);
    background: #FFF url(images/svg/icon_menu_22_b.svg) no-repeat; // dev:mod
    background-size: 20px 20px;
    background-position: right center;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    line-height: 28px;
    vertical-align: middle;
}*/
/*メイン画面　フロア、エリア選択*/
.select_form_floor > select,
.select_form_area > select{
	margin-top: 3px;
    border: 1px solid #EEE;
	padding:5px 20px 10px 5px;
    width: auto;
	color: #666;
	font-size: 1.3em;
	font-weight: normal;	
    border: 1px solid rgba(0,0,0,.2);
	background: #FFF url(images/svg/icon_menu_22_b.svg) no-repeat; /* dev:mod */
    background-size: 20px 20px;
    background-position: right center;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    line-height: 28px;
    vertical-align: middle;
}
/* エリア選択 */
.select_form_area > select{
	max-width: 315px;
}
/*
:root .left_box .select_floor_box select{
	padding:10px 20px 10px 5px\0 ;
}
*/

.left_box .select_floor_box select::-ms-expand {
  display: none;
}




.select_form_box{
	background: #FFF;
	text-align: left;
	overflow: hidden;
	padding: 9px 0 10px;
	border-bottom: 1px solid #dfdfdf;;
}



.select_form_box > div{
	float: left;
	font-size: 13px;
	font-size: 1.3rem;
	height:50px;
}

.select_form_box > div:nth-child(2){
	padding-right:0;
	margin-right:0;
}
.select_form_box > div:nth-child(3){
	height:auto;1
	border-right: none;
}

.select_form_box > div:first-child{
	border-left:none;
}

.select_form_box > div.select_myarea_plus{
	border-right:0;
}


.select_form_floor select{
	width:auto;
}

/*
.select_form_floor{
	text-align: left;
	margin:0 10px 0 20px;
	border:none;
	padding: 0;
}
*/

.select_form_floor_icon{
	width:55px;
	background: url(images/svg/icon_menu_05.svg)  center 5px /76% no-repeat; /* dev:mod */
	padding:35px 8px 2px;
	text-align: center;
	line-height:1em;
	text-align:center;
	float:left;
	margin-right:4px;
}

.select_form_area select{
	width:auto;
}
.select_form_area{
	text-align: left;
	padding:0   ;
	margin:0;
}
.select_form_area_icon {
	width:55px;
	background: url(images/svg/icon_menu_06.svg)  center 5px /76% no-repeat; /* dev:mod */
	padding:35px 8px 2px;
	text-align: center;
	line-height:1em;
	text-align:center;
	float:left;
	margin-right:4px;
}

/* dev:mod */
.select_form_floor .object ,.select_form_area .object ,.select_form_zone .object {
	font-size:11px;
	font-size: 1rem;
	font-weight: 600;
}

.select_form_zone select{
	width:auto;
}
.select_form_zone{
	text-align: left;
	margin:0  20px;
	border:none;
	padding: 0;
}


.select_form_zone_icon {
	width:55px;
	background: url(images/svg/icon_menu_07.svg)  center 5px /76% no-repeat; /* dev:mod */
	padding:35px 8px 2px;
	text-align: center;
	line-height:1em;
	text-align:center;
	float:left;
	margin-right:12px;
}


.select_btn a {
	width:100%;
	display:block;
	height:50px;
	padding:7px 0 0 0;
}
.select_btn.homebtn{
	padding:12px 0 0 0;
}

.select_form_box > div.myarea_add{
	float:right;
	width:40px;
	margin:8px 10px 0 0;
	padding: 35px 0 0 0;
	border:none;
	background:  url(images/svg/icon_menu_08.svg)  center center /100% no-repeat; /* dev:mod */
	cursor:pointer;
}

.select_form_box > div.myarea_add.disabled{
	float:right;
	width: 40px;
	border:none;
	background:  url(images/svg/icon_menu_08d.svg)  center center /100% no-repeat #fff!important; /* dev:mod */
	cursor:pointer;
}





.left_box .photo_box {
	background: #FFF;
	margin-right: 10px;
	overflow: hidden;
	height:100%;
	border-right: 1px solid #DFDFDF;
	border-bottom:1px solid #DFDFDF;
	position:relative;
}

.left_box .photo_box img {
	width: 100%;
	height: auto;
}

.bn_booth{
	position:absolute;
	bottom: 0;
	width: 100%;
	background:rgba(239,239,239,0.6);
	box-shadow:;
	padding: 10px;
	border-top: 1px solid #dfdfdf;
	text-align: left;
/*box-shadow:rgba(92, 92, 92, 0.1) 0px 0px 3px 3px;
-webkit-box-shadow:rgba(92, 92, 92, 0.1) 0px 0px 3px 3px;
-moz-box-shadow:rgba(92, 92, 92, 0.1) 0px 0px 3px 3px;
*/}

.bn_booth img{
	
}

.bn_close{
	position:absolute;
	right:0;
	top:0;
	background: #dfdfdf;
	color:#666;
	font-size: 10px;
	font-size: 1.0rem;
	padding:5px;
	cursor:pointer;
	line-height:1;
	text-align: center;
	border-bottom:1px solid #C5C5C5;
	border-left:1px solid #C5C5C5;
}

.bn_open{
	position:absolute;
	right:0;
	bottom:0;
	background: #dfdfdf;
	color:#666;
	font-size: 10px;
	font-size: 1.0rem;
	padding:5px;
	cursor:pointer;
	line-height:1;
	text-align: center;
	border-bottom:1px solid #C5C5C5;
	border-left:1px solid #C5C5C5;
}

.photo_close {
	display:none;
	opacity:0;
	height:.1%;
}
.ru_box{
	overflow: hidden;
}

.bn_area{
	background: #FFF;
	margin-right: 1%;
	width: 49%;
	float: left;
	border-bottom: 1px solid #dfdfdf;
	padding: 10px 0;
	height:100px;
}

.gr_area{
	background: #FFF;
	width: 49%;
	float: left;
	border-bottom: 1px solid #dfdfdf;
	padding: 10px 0;
	height:100px;
}

.right_box{
	width:55%;;/* 可変テスト値 */
	float:left;
}


/*タブ設定*/
/* タブ全体 */
.select_tab_box{
	overflow: hidden;
	border-bottom: 5px solid #00c8ff;
}

.select_tab_box img{
	margin-top: 10px;
	height:30px;
}

/* タブ選択時 */
.select_tab_box .check{
	color:#fff;
}


.select_tab_box .check img{
	height:34px;
}

/*タブ　ONOFF設定選択時　下のライン*/
.select_tab_box.onoff{
	border-bottom: 5px solid #00c8ff;
}

/*タブ　温度設定選択時　下のライン*/
.select_tab_box.temperature_set{
	border-bottom: 5px solid #00c4B5;
}

/*タブ　時間外予約選択時　下のライン*/
.select_tab_box.add_set{
	border-bottom: 5px solid #5fc12f;
}

/* タブのサイズ */
.select_tab_box li{
	float: left;
	height:62px;
	background: #FFF;
	margin:0 10px 0px 0;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	line-height:1.2;
	cursor:pointer;
}

/*
.tab li{
	line-height:1;
	border-bottom: 1px solid #dfdfdf;;
}
*/

/**/
.select_tab01{
/*	height:65px;*/
	margin-bottom: 0;
	background: #00c8ff;
}

.select_tab02{
/*	height:65px;*/
	margin-bottom: 0;
	position:relative;
}
.select_tab02 span.ecoicon{
	width:32px;
	height:25px;
	background-image: url(images/icon_eco_2.png); /* dev:mod */
	background-repeat:no-repeat;
	background-position:center center;
	background-size: contain;
	position:absolute;
	top:13px;
	left:53%;
}

.select_tab02.check span.ecoicon{
	top:19px;
	left:53%;
}

.select_tab03{
/*	height:65px;*/
	margin-bottom: 0;
}



.select_tab_box .check img{
	height:30px;
	margin-bottom: 3px;
    margin-top: 7px;
}

/*タブ　ONOFF設定選択時　タブ*/
.select_tab01.check{
	height:65px;
	margin-bottom: 0;
	background: #00c8ff;
	color:#fff;
}

/*タブ　温度設定選択時　タブ*/
.select_tab02.check{
	height:65px;
	margin-bottom: 0;
	background: #00c4B5;
}

/*タブ　時間外予約選択時　タブ*/
.select_tab03.check{
	height:65px;
	margin-bottom: 0;
	background: #5fc12f;
}


.select_tab_box li:last-child{
	margin-right: 0;
}


.all_select_btn , .all_remove_btn {
	text-align: center;
	background:#fff;
	margin:0 auto;
	height:37px;
	display:block;
	padding-top:9px;
	border-right: 1px solid #8C8C8C;
	border-bottom: 1px solid #8C8C8C;
	color:#fff;
	cursor:pointer;
	overflow:hidden;
}
.all_select_btn p{
	background: url(images/svg/icon_menu_13wb.svg) left 1px /20px no-repeat; /* dev:mod */
	padding-left:25px;
	text-align: left;
	display: inline-block;
	margin: 0 auto;
	font-size: 14px;
	font-size: 1.4rem;
}

.all_select_btn p.add_set_size{
	width:75%;
	float: left;
	text-align: center;
	background: url(images/svg/icon_menu_13w.svg) center 1px /20px no-repeat; /* dev:mod */
}

.panel_list_box , .panel_list_box_add_set{
	padding-top: 5px;
	padding-left: 5px;
	overflow-y:auto;
	overflow-x:hidden;
	scrollbar-track-color:white;
	scrollbar-face-color:white;
	scrollbar-arrow-color:#cccccc;
	scrollbar-shadow-color:#cccccc;
	scrollbar-highlight-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-3dlight-color:#cccccc;
	margin-bottom: 5px;
}

/* ゾーンパネル　すべて選択ボタン */
.all_select_btn{
	background:#c5c5c5;
	color:#666;
}

.all_select_btn.dsn{
	display:none;
}

.all_select_btn:hover{
	opacity: 0.7;
}
.onoff .all_remove_btn{
	background: #66deff;

}

.all_remove_btn p{
	background: url(images/svg/icon_menu_13w.svg) left 1px /20px no-repeat; /* dev:mod */
	padding-left:25px;
	text-align: left;
	display: inline-block;
	margin: 0 auto;
	font-size: 14px;
	font-size: 1.4rem;

}

.all_remove_btn.dsn{
	display: none;
}

.temperature_set .all_remove_btn{
	background: #66dcd3;
}

.temperature_set .all_remove_btn.dsn{
	display:none;

}


.add_set .all_remove_btn{
	background: #9fda82;
	width:75%;
}

.add_set .all_remove_btn.dsn{
	display:none;
}


.add_set .all_select_btn{
	width:75%;
}

/* ゾーン選択パネル外側 */
.main_box{
	overflow: hidden;
	background: #FFF;
	border-right: 1px solid #DFDFDF;
	border-bottom:1px solid #DFDFDF;
	padding: 10px 5px 5px 5px;
}

/* ゾーン選択パネル */
.main_box li{
	float:left;
	margin:0 5px 5px 0;
	background-color: #F5F5F5;
	color:#666;
	padding:10px;
	cursor:pointer;
	display:block;
	border-right:1px solid #BEBEBE;
	border-bottom:1px solid #BEBEBE;
	overflow:hidden;
}
.main_box li a{
	color:#3E3A39;
}
.main_box li.check a{
	color:#ffffff;
}

/*ゾーンパネル　ホバー動作*/
.main_box.onoff li:hover{
	border-right: none;
	border-bottom: none;
}
.main_box.temperature_set li:hover{
	border-right: none;
	border-bottom: none;
}
.main_box.add_set li:hover{
	border-right: none;
	border-bottom: none;
}

/*ゾーンパネル　クリック時動作*/
.main_box.onoff li.check{
	color:#fff;
	background: #00c8ff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #66deff), color-stop(0.00, #00c8ff));
	background: -webkit-linear-gradient(top, #00c8ff 0%, #66deff 88%);
	background: -moz-linear-gradient(top, #00c8ff 0%, #66deff 88%);
	background: -o-linear-gradient(top, #00c8ff 0%, #66deff 88%);
	background: -ms-linear-gradient(top, #00c8ff 0%, #66deff 88%);
	background: linear-gradient(to bottom, #00c8ff 0%, #66deff 88%);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.main_box.temperature_set li.check{
	color:#fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #66dcd3), color-stop(0.00, #66dcd3));
	background: -webkit-linear-gradient(top, #00c4b5 0%, #66dcd3 88%);
	background: -moz-linear-gradient(top, #00c4b5 0%, #66dcd3 88%);
	background: -o-linear-gradient(top, #00c4b5 0%, #66dcd3 88%);
	background: -ms-linear-gradient(top, #00c4b5 0%, #66dcd3 88%);
	background: linear-gradient(to bottom, #00c4b5 0%, #66dcd3 88%);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.main_box.add_set li.check{
	color:#fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #9fda82), color-stop(0.00, #5fc12f));
	background: -webkit-linear-gradient(top, #5fc12f 0%, #9fda82 88%);
	background: -moz-linear-gradient(top, #5fc12f 0%, #9fda82 88%);
	background: -o-linear-gradient(top, #5fc12f 0%, #9fda82 88%);
	background: -ms-linear-gradient(top, #5fc12f 0%, #9fda82 88%);
	background: linear-gradient(to bottom, #5fc12f 0%, #9fda82 88%);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.main_box.add_set .date_pick .charts_page_select_date{
	padding:0;
	margin:0;
	overflow: hidden;
}

.charts_page_select_date input{
	float: left;
}

.charts_page_select_date img{
	float: left;
}


.main_box.add_set .date_pick{
	margin-top: 5px;
}

.main_box.add_set .date_pick .charts_page_select_date input{
	float: left;
	margin-top: 0;
}

.main_box.add_set .date_pick .charts_page_select_date input img{
	float: left;
	margin-top: 5px;
}


.main_box.add_set .date_pick{
	width:25%;
	float: left;
	text-align: center;
	padding-left: 5px;
	overflow: hidden;
}

/* データピッカー */
.main_box.add_set .date_pick .charts_page_select_date{
	margin:0;
	overflow: hidden;
}

.ui-datepicker { z-index: 20000 !important; }



.main_box.add_set .date_pick input{
	font-size: 14px;
	font-size: 1.4rem;

}

/* メインパネル設定 */
.main_area{
	font-size:15px;
	font-size:1.5rem;
	text-align: left;
	padding:0px 0 0 25px;
	height::20px;
	margin:-3px 0 0;
	background: url(images/svg/icon_menu_13wb.svg) left 1px /20px  no-repeat; /* dev:mod */
}

.check .main_area{
	background: url(images/svg/icon_menu_13w.svg) left 1px /20px  no-repeat; /* dev:mod */
	color:#fff;
}


.main_name{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.2em;
	text-align: center;
	min-height:51px;
	padding-top:10px;
}

.main_box.temperature_set .main_name{
	height:20px;
}
.main_state{
	font-size:28px;
	font-size:2.8rem;
	text-align: center;
	letter-spacing:.05em;
	color:#00c8ff;
/*	font-weight: bold;*/
}
.check .main_state{
	color:#FFF;
}
.main_state.off{
	color:#AAA;
}


/* 温度設定 */
.main_temperature{
	font-size:24px;
	font-size:2.4rem;
	text-align: center;
	height:40px;
	margin-top: 3px;
	color:#00c4B5;
}

.main_temperature.up{
	color:#c42e00;
}

.main_temperature.down{
	color:#006fc4;
}


.check .main_temperature{
	color:#FFF;
}

.main_temperature span{
	font-size:16px;
	font-size:rem;
}

.main_temperature img{
	height:40px;
	margin-top:-15px;
}

.main_temperature p.eco_title{
	font-size: 14px;
	font-size: 1.4rem;
	line-height:1;
}

.main_temperature p.eco_title{
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing:0;
	line-height:1;
	margin-top:-5px;
	color:#444;
}

/* 時間外予約設定 */

.main_schedule{
	font-size:13px;
	font-size:1.3rem;
	text-align: center;
	margin-top: 2px;
	line-height:1.2em;
	color:#5fc12f;
}
.check .main_schedule{
	color:#FFF;
}

.main_schedule span{
	font-size:12px;
	font-size:1.2rem;
	display: inline-block;
	padding-bottom: 3px;
}


ul.main_coretime_panel li {
	position:relative;
}
.main_coretime{
	width: 0;
	height: 0;
	border: 10px solid transparent;
	position:absolute;
	top:0;
	right:0;
}
.main_coretime.ct_style01{
	border-top: 10px solid #3CC;
	border-right: 10px solid #3CC;
}
.main_coretime.ct_style02{
	border-top: 10px solid #F63;
	border-right: 10px solid #F63;
}
.main_coretime.ct_style03{
	border-top: 10px solid #070;
	border-right: 10px solid #070;
}
.main_coretime.ct_style04{
	border-top: 10px solid #390;
	border-right: 10px solid #390;
}
.main_coretime.ct_style05{
	border-top: 10px solid #FC3;
	border-right: 10px solid #FC3;
}

.ct_panel_slide_btn {
	width:100%;
	border-bottom:5px solid #BBB;
	height:18px;
	cursor:pointer;
	background-image: url(images/ct_slide_btn_tab.png); /* dev:mod */
	background-repeat:no-repeat;
	background-position:center top;
}

.ct_panel_slide_panel {
	display:block;
	max-height:200px;
	position:absolute;
	bottom:0;
	margin-bottom:-5px;
	width: 100%;
    /* Added by ctakahna */
    z-index: 0;
    /* Add End*/
}
.ct_panel_slide_panel ul {
	background-color:rgba(120,120,120,.9);
	width:100%;
	padding:0 1%;
	height:0;
	overflow:hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ct_panel_slide_panel.ct_slide ul {
	height:180px;
	padding: 10px 20px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.ct_panel_slide_panel ul:after {
	content: " ";
	display:table;
	clear: both;
}


.ct_panel_slide_panel ul li {
	float:left;
	background-color:#FFF;
	padding:4px;
	font-size:13px;
	width:23%;
	height:60px;
	overflow:hidden;
	margin: 1%;
	cursor:default;
	color:#222;
	line-height:1.5em;
}
.ct_panel_slide_panel ul li span {
	font-size:12px;
	color:#555;
}

.ct_panel_slide_panel ul li.ct_style01 {border-left:6px solid #3CC; }
.ct_panel_slide_panel ul li.ct_style02 {border-left:6px solid #F63; }
.ct_panel_slide_panel ul li.ct_style03 {border-left:6px solid #070; }
.ct_panel_slide_panel ul li.ct_style04 {border-left:6px solid #390; }
.ct_panel_slide_panel ul li.ct_style05 {border-left:6px solid #FC3; }
.ct_panel_slide_panel ul li.ct_style06 {border-left:6px solid #C3A; }


.main_box.add_set .ct_panel_slide_panel li.check{
	background:#FFF;
	color:#222;
}
.main_box.add_set .ct_panel_slide_panel li.check:hover{
	padding-top:4px;
}
.main_box.add_set .ct_panel_slide_panel li:hover{
	background:#FFF;
	padding-top:4px;
	color:#222;
}




.main_reserv{
	padding-top: 3px;
	font-size:12px;
	font-size:1.2rem;
	text-align: center;
	border-bottom:1px solid rgba(62,58,57,0.2);
}


.check .main_reserv{
	border-bottom:1px solid #fff;
}

.btn_set_block {
	font-size:13px;
	font-size:1.3rem;
	clear:both;
	overflow: hidden;
	margin-bottom: 5px;
	height:33px;
	letter-spacing:.05em;
	text-align: center;
}
.btn_set_block p,.btn_set_block a{
	padding: 5px 0;
	display: block;
	color:#fff;
	font-size:14px;
	font-size:1.4rem;
	text-align: center;
	float: right;
	height:33px;
	border-bottom:1px solid #dfdfdf;
}
.btn_set_block a.btn_ok{
	z-index:5000;
}
.btn_set_block.ct_panel{
	position:relative;
	overflow:visible;
}

.btn_set_block a:hover{
opacity:0.8;
}

.btn_set_block .add_set{
	font-size:13px;
	font-size:1.3rem;
	clear:both;
	overflow: hidden;
	margin-bottom: 5px;
	height:60px;
	letter-spacing:.05em;
	text-align: center;
}

.btn_set_block a{
	float:right;
	display: block;
}


p.btn_set_text{
	color:#666;
	font-size:1.1em;
	float:left;
	border:none;
	padding-left:10px;
}


.btn_ok{
	background: #2B579A;
	width:150px;
	margin-right:2%;
    /* Added by ctakahna */
    position: relative;
    /* Add End */
}

.nextbtn_ok{
	background: #656565;
	width:45%;
}

.nextbtn_ok.onoff , .nextbtn_ok.temperature_set , .nextbtn_ok.add_set{
	background: #656565;
	margin-left:20px;
	border-bottom:1px solid #333;
	border-radius:3px;
}

.btn_cancel{
	background: #C5C5C5;
	width:24.5%;
	border-bottom:1px solid #333;

}
.nextbtn_cancel{
	background: #C5C5C5;
	width:44.5%;
	border-radius:3px;
	margin-right: 5%;
}

/*modal_btn*/

.modal_btn_set_block{
	clear:both;
	overflow: hidden;
	margin-top: 10px;
}

/* dev:mod */
.modal_btn_set_block a, .modal_btn_set_block button{
	padding: 5px 0;
	float: right;
	height:33px;
	font-size: 14px;
	font-size: 1.4rem;
	color:#fff;
	width: 150px;
	border-bottom: 1px solid #dfdfdf;
	cursor: pointer; /* dev:add */
}

.btn_modal_ok{
	background: #2B579A;
}

/*.btn_modal_ok.onoff{
	background: #00C8FF;
}

.btn_modal_ok.temperature{
	background: #00C4B5;
}

.btn_modal_ok.add_set{
	background: #5FC12F;
}
*/



.btn_modal_cancel{
	background: #717073;
	border-bottom:#666;
}


.btn_all.onoff{
	background: #79DDFE;
	width:24.5%;
}

.btn_all.temperature_set{
	background: #66dcd3;
	width:24.5%;
}

.btn_all.add_set{
	background: #A2DC83;
	width:24.5%;
}

/*content_menu*/
.content_menu{
	background: #fff;
	clear:both;
	overflow: hidden;
	margin-bottom: 10px;
	display: block;
	padding: 10px 5px;
	}



.res_line{
	position: relative;
	height:50px;
	border-bottom:1px 000 solid;
	margin-bottom: px;
}
.res_line ul {
	font-size: 0;
}

.res_line ul li {
	display: inline-block;
	font-size: 11px;
	font-size: 1.1rem;
}


.left_name{
	text-align: left;
	width:12%;
	border-top:1px solid #B5B6B6;
	border-bottom:1px solid #B5B6B6;
	border-right:10px solid #B5B6B6;
	padding: 10px;
	height:50px;
}


.right_name{
	text-align: right;
	width:12%;
	border:1px solid #B5B6B6;
	border-left:5px solid #B5B6B6;
	border-right:none;
	padding:10px;
	height:50px;
}
.left_name span , .right_name span{
	display: block;
	letter-spacing:-0.1em;
}

.mid_timeline{
	width:76%;
}

.half_top{
	height:25px;
	position:relative;
	width:100%;
	border-bottom:1px solid #3E3A39;
}

.half_bottom{
	position:relative;
	width:100%;
	height:24px;
	border-right:none;
	border-left:none;
	border:1px solid #B5B6B6;
}


.half_bottom span{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-left: 10px;
}

/*設定パネル変更*/

.time_line_top.add_set{
background: #FFF;
}

.time_line_top.add_set li:hover , .time_line_bottom.add_set li:hover{
	background: #FFF;
	border:none;
}

.time_line_top li , .time_line_bottom li{
	float:left;
	width:4%;
	text-align: center;
}

/* 20170822 時間外予約 タイムチャートデザイン修正 start*/
.time_line_top{
	overflow: hidden;
	margin: 0 0 -1px 0;
	border-bottom:1px solid #B5B6B6;
}

ul.time_line_top > li.time_line_top_start{
	width: 14%;
	height: 18px;
}
ul.time_line_top > li.time_line_top_middle{
	width: 86%;
	height: 18px;
}
ul.time_line_background_cell > li{
	width: 4%;
}
/* 20170822 時間外予約 タイムチャートデザイン修正 end*/

.time_line_bottom{
	overflow: hidden;
	margin:0 0 -1px 14%;
	clear:both;
}



.main_box li.ct_ng {
	background:#CCC;
	pointer-events : none;
}
.main_box li.ct_ng .main_area ,.main_box li.ct_ng .main_name , .main_box li.ct_ng .main_state {
	opacity:.5;
}


/*________________ //common ________________*/

.paragraph{
	width:100%;
	margin:0 auto 30px auto;
	text-align:justify;
	text-justify:distribute-all-lines;
	/*overflow:hidden;*/
	*zoom: 1;
	line-height:2em;
	color:#111;	
}

.paragraph:before,
.paragraph:after {
	content: " ";
	display:table;
	clear: both;
}


.Clearfix:before,
.Clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.Clearfix:after {
  clear: both;
}

.Clearfix {
  zoom: 1;
}

.clear{
	clear:both;
}


/*________________ //グラフ表示部分 ________________*/


.charts_title{
	background: #FFF;
	overflow: hidden;
	padding: 10px 30px;
	margin:0 0 10px 0;
	position:relative;
}
.charts_title ul.slides li {
	width:100%;
	display:block;
	max-height:50px;
}



.chart_block{
	width:100%;
	padding: 10px 0 0 0;
	background-color:#FFF;
}

.charts_frame{
	width:100%;
	display:block;
}

/*--iframeページ設定*/
.charts_title_page img {
	height:25px;
	padding:5px 0 0 0;
	display:inline-block;
	margin:0 5px -5px 0;
}
.charts_title_page { 
	height:50px;
	font-size:16px;
	font-weight:600;
	letter-spacing:.1em;
	background-color:#FFF;
	padding:10px 0;
}

body.charts_page {
	width:100%;
	background-color:#FFF;
	padding-top:15px;
}

.charts_box {
	width:90%;
	margin:0 5%;
}


.charts_page_header::after {
	content: " ";
	display:block;
	clear: both;
}
.charts_page_select_date {
	float:left;
	margin-right:7px;
	cursor:pointer;
}

.charts_page_select_date img{
	height:30px;
}

.charts_page_select_graph {
	float:right;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
}
.charts_page_select_graph::after  {
	content: " ";
	display:block;
	clear: both;
}
.select_graph_inr {
	float:left;
	border-left:1px solid #222;
	border-right:1px solid #222;
	font-size:12px;
	padding:4px 8px 2px 8px;
	background-color:#FFF;
	cursor:pointer;
}
.select_graph_inr.on {
	background-color:#DDD;
}
.select_graph_inr:last-child {
	border-left:none;
}

.charts_copy {
	width:100%;
	border:1px solid #444;
	padding:8px 0;
	text-align:center;
	margin:15px 0;
	font-size:13px;
	letter-spacing:.1em;
}
.charts_copy span {
	font-weight:600;
	color:#000;
}
.charts_copy span.data_num {
	font-size:17px;
}


/*--モックアップ時ダミー*/
.charts_data img {
	width:100%;
	margin:0 auto;
	height:auto;
	display:block;
}


.charts_download {
	padding:4px 8px;
	background-color:#DDD;
	cursor:pointer;
	float:right;
}
.charts_download:hover {
	background-color:#777;
	color:#FFF;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}



.tenant_banner {
	text-align:center;
	font-size:13px;
	padding:15px 0 0 0;
	height:120px;
	width:100%;
	display:block;
	background-color:#BBB;
}


/* 温度設定スライダー設定**********************************/

#slider{
	margin-bottom: 20px;
	border:2px solid #fff;
	height:20px;
	width:100%;
	cursor: pointer;
	margin:0 auto;
	background: #fff;
	background-color:#4d7fee;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#4d7fee, endColorstr=#ffffff);
	background-image:-moz-linear-gradient(left, #4d7fee 0%, #ffffff 50%,#B92C25 100%);
	background-image:linear-gradient(left, #4d7fee 0%, #ffffff 50%,#B92C25 100%);
	background-image:-webkit-linear-gradient(left, #4d7fee 0%, #ffffff 50%,#B92C25 100%);
	background-image:-o-linear-gradient(left, #4d7fee 0%, #ffffff 50%,#B92C25 100%);
	background-image:-ms-linear-gradient(left, #4d7fee 0%, #ffffff 50%,#B92C25 100%);
	background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,#4d7fee), color-stop(50%,#ffffff),color-stop(100%,#B92C25));
}

.sliderWrapper{
	padding: 20px 10px 0;
	width: 80%;
	float: left;
}

.materWrapper{
	position: relative;
	width: 100%;
	height: 20px;
	color:#fff;
}
.mater{
	position: absolute;
	top: 0;
	margin-left: -0.6em;
}

p.sliderPrev , p.sliderNext{
	border:1px solid #fff;
	width:150px;
	color:#666;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing:-.1em;
	float: left;
	letter-spacing:0;
	cursor: pointer;
	display:inline-block;
	border-radius:3px;
	padding:7px;
	margin-top: 50px;
	letter-spacing:0.5em;
	position:relative;
	background: #FFF;
	border-right: 2px solid #058060;
	border-bottom: 2px solid #058060;
}

p.sliderPrev_disabled , p.sliderNext_disabled{
	width:150px;
	color:#666;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing:-.1em;
	float: left;
	letter-spacing:0;
	cursor: pointer;
	display:inline-block;
	border-radius:3px;
	padding:7px;
	margin-top: 50px;
	letter-spacing:0.5em;
	position:relative;
	background: #dfdfdf;
	border-top: 1px solid #058060;
	border-left: 1px solid #058060;
	display: none;
	opacity:.35;
}


p.sliderPrev:hover , p.sliderNext:hover{
	border-top: 2px solid #dfdfdf;
	border-left: 2px solid #dfdfdf;
	border-right: none;
	border-bottom: none;
}

p.sliderPrev:before{
	content:"◀";
	color:#4d7fee;
	position: absolute;
	top:auto;
	bottom:auto;
	left: 10px;
}

/*p.sliderPrev:hover:before{
	content:"◀";
	color:#3CC5B4;
}
*/
p.sliderNext:after{
	content:"▶";
	color:#ee4d4d;
	position: absolute;
	top:auto;
	bottom:auto;
	right: 10px;
}

/*p.sliderNext:hover:after{
	content:"▶";
	color:#3CC5B4;
}
*/




.txt_box{
	text-align: center;
	float:left;
	width:100%;
	display:inline-block;
	clear:both;
	margin-top: 50px;
}
/*温度設定　モーダル　設定温度（温度、eco)*/
.thermo_image .temp_area{
	color:#fff;
	font-size: 44px;
	font-size: 4.4rem;
	position:relative;
	margin-top: 40px;	
}

#temp_dec{
	color: #fff;
	font-size: 2.5rem;
	margin-top: 40px;
}
#temp_int:before , #temp_eco:before{
	content: " 設定温度";
	color:#fff;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	position: absolute;
	left:0;
	right:0;
	top:-10px;
}
#temp_dec:before{
	content: ".";
}
#temp_dec:after{
	content: " ℃";
}
.sb-slidebar{
	background: rgba(255,255,255,0.4);
	width:50%;
	height:100%;
	padding:10px;
}

#slider .ui-slider-range {
/*
background: #53C6B3;
background: -webkit-gradient(linear, left top, right top, from(#53C6B3), to(#058060));
background: -moz-linear-gradient(left, #53C6B3, #058060);
background: -ms-linear-gradient(left,  #53C6B3, #058060);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#53C6B3', endColorstr='#0B9339', GradientType=1)";
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#53C6B3', endColorstr='#0B9339', GradientType=1);
*/}

.ui-widget-header{
background: #0066ff!important;
background: -webkit-gradient(linear, left top, right top, from(#0066ff), to(#fff))!important;
background: -moz-linear-gradient(left, #0066ff, #fff)!important;
background: -ms-linear-gradient(left,  #0066ff, #fff)!important;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066ff', endColorstr='#fff', GradientType=1)"!important;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0066ff', endColorstr='#fff', GradientType=1)!important;
	opacity:0.8;
}
.ui-datepicker-month{
	width:40px;
}


#slider .ui-slider-handle {
	border: #efefef 2px solid;
	background: #fff;
	border-radius: 10px;
	moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
	height:20px;
	width:20px;
}
/* 2017.03 add */
/* スライダー coolbizモード(左半分グレーアウト) */
#slider.coolbiz_mode{
	background-image:linear-gradient(left, #dddddd 0%, #dddddd 49%, #ffffff 50%,#B92C25 100%);
	background-image:-webkit-linear-gradient(left, #dddddd 0%, #dddddd 49%, #ffffff 50%,#B92C25 100%);
	background-image:-o-linear-gradient(left, #dddddd 0%, #dddddd 49%, #ffffff 50%,#B92C25 100%);
	background-image:-ms-linear-gradient(left, #dddddd 0%, #dddddd 49%, #ffffff 50%,#B92C25 100%);
	background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,#dddddd), color-stop(49%,#dddddd),color-stop(50%,#ffffff),color-stop(100%,#B92C25));
}

.thermo_box{
	background: #3CC5B4;
	width:100%;
	overflow: hidden;
	margin-bottom: 5px;
	border-bottom: 1px solid #dfdfdf;
}

.thermo_image{
	overflow: hidden;
	text-align: center;
	clear:both;
}

.thermo_image p{
	float: left;
	width:33%;
	text-align: center;
}

.thermo_right_image:hover{
	border-top: 2px solid #dfdfdf;
	border-left: 2px solid #dfdfdf;
	border-right: none;
	border-bottom: none;
}

.thermo_right_image{
	float: right;
	width:110px;
	height:110px;
	padding:10px;
	padding-bottom:0;
	background: #FFF;
	text-align:center;
	font-size:13px;
	color:#444;
	border-radius:8px;
	border-top: 1px solid #dfdfdf;
	border-right: 2px solid #058060;
	border-bottom: 2px solid #058060;
	margin: 20px 20px 0 0;
	line-height:1;
	cursor: pointer;
}

.thermo_right_image.push_btn{
	border-right: none;
	border-bottom: none;
	border-top: 2px solid #058060;
	border-left: 2px solid #058060;
	opacity:0.8;
}

.thermo_right_image img{
	width:80%;
}


.slider_img{
	width:80%;
	text-align: center;
	height:25px;
	overflow:hidden;
}

.slider_img img{
	width:94%;

}

.mater_num{
	color:#fff;
	font-size: ;
	position:absolute;
	left:10px;
	right:0;
}

.mater_num li:first-child{}

.mater_num li:last-child{}

.mater_num li{
	float: left;
	text-align: center;
	width:13.1%;
	margin-left:-30px;
}

/*navi01*/

.onoff_menu{
	margin-bottom: 20px;
}

.onoff_menu li{
	background: #FFF;
	border-bottom:1px solid #dfdfdf;
	margin-bottom: 2px;
	display: block;
	width:100%;
	overflow: hidden;
}

.onoff_menu li p{
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	float: left;
}

.onoff_menu .zone_name_area{
	width: 80%;
	padding: 10px;
	float: left;
}
.onoff_menu .zone_name_area_left{
  width: 20%;
  float: left;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;    /*dev:add*/
}
.onoff_menu .zone_name_area_right{
  width: 80%;
  float: right;
}
.onoff_menu .zone_id{
  font-size: 1.4em;
}
.onoff_menu .zone_name{
	text-align: left;
	padding-left: 10px;
}


.onoff_menu li p.onoff_set{
	width:20%;
	text-align: right;
	line-height: 2.5;
	font-size: 18px;
	font-size: 1.8rem;
	padding-right: 10px;
	margin-top: 0px;
}
.onoff_menu li p.onoff_set.on_color{
	color: #00c8ff;
}
.onoff_menu li p.onoff_set.off_color{
	color: #AAA;
}




/*onoff switch*/
.switch input {
	display: none;
}
.switch label {
	padding: 7px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	overflow: hidden;
}

.switch label:before {
	padding: 8px 18px;
	content: 'O N';
	border-radius: 6px 0 0 6px;
	font-size: 14px;
	font-size: 1.4rem;
	background: #ccc;
	color: #999;
}
.switch label:after {
	padding: 8px 18px;
	content: 'OFF';
	border-radius: 0 6px 6px 0;
	background: #999;
	font-size: 14px;
	font-size: 1.4rem;
	color: #FFF;
}
.switch input + label:hover:before {
	opacity: 0.5;
}
.switch input:checked + label:before {
	background: #00c8ff;
	color: #FFF;
	opacity: 1;
	border-right:1px solid #CCC;
}
.switch input:checked + label:after {
	background: #ccc;
	color: #999;
}
.switch input:checked + label:hover:after {
	opacity: 0.5;
}

.onoffswitch_box{
	background: none!important;
	padding:10px 0 0 0;
	border-bottom:none!important;
	height: 40px;
	overflow: hidden;
}


.onoffswitch_box p{
	font-weight: normal;}
.onoffswitch_box p span{
color:#2B579A;
font-weight: bold;
}

/*onoff switch panel*/
.switch_panel{
	background: #FFF;
	padding: 0;
	margin:0;
	overflow: hidden;
	border:1px solid rgba(0,0,0,0.0) ;
	display: inline-block;
}

/* 有効無効スイッチ　幅 */
.switch_list > li{
	float: left;
	padding:5px;
	font-size: 12px;
	font-size: 1.2rem;
	width: 70px;
	height:30px;
	white-space:nowrap;
	text-align: center;
	background: #DDD;
	color:#999;
	border-top:2px solid #ddd ;
	border-left:2px solid #ddd ;
	border-bottom:1px solid rgba(0,0,0,0.1);
	border-right:1px solid  rgba(0,0,0,0.1);
	cursor:pointer;
}

/* 有効無効スイッチ　アクティブカラー */
.switch_list li.btn_on{
	background: #00B0F0;
	color:#fff;
	border-top:2px solid rgba(0,0,0,0.5) ;
	border-left:2px solid rgba(0,0,0,0.5) ;
	border-bottom:1px solid rgba(0,0,0,0.5);
}

/*有効無効スイッチ　disable*/
.switch_list[disabled] li.btn_on{
	background-color: #808080;
}

/*navi02(温度設定)*/

.temperature_set_menu li{
	background: #FFF;
	border-bottom:1px solid #dfdfdf;
	margin-bottom: 2px;
	display: block;
	width:100%;
	overflow: hidden;
}

.temperature_set_menu li p{
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	float: left;
}

.temperature_set_menu .zone_name_area{
	width: 80%;
	padding: 10px;
	float: left;
}
.temperature_set_menu .zone_name_area_left{
  width: 20%;
  float: left;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;    /*dev:add*/
}
.temperature_set_menu .zone_name_area_right{
  width: 80%;
  float: right;
}
.temperature_set_menu .zone_id{
  font-size: 1.4em;
}
.temperature_set_menu .zone_name{
	width:70%;
	text-align: left;
	padding-left: 10px;
}

.temperature_set_menu li p.me_temp{
	font-size: 12px;
	font-size: 1.2rem;
	color: #AAA;
	padding-top: 4px;
	padding-left: 10px;
}
/* dev:mod */
.temperature_set_menu li p.me_temp > .me_temp_dec,
.temperature_set_menu li p.me_temp > .me_temp_dec_nodata
{
	font-size: 0.7em;
}
.temperature_set_menu li p.me_temp > .me_temp_dec:before{
	content: "."
}
/* dev:mod */
.temperature_set_menu li p.me_temp > .me_temp_dec:after,
.temperature_set_menu li p.me_temp > .me_temp_dec_nodata:after
{
	content: "℃"
}



.temperature_set_menu li p.set_temp {
	width: 20%;
	line-height:2.5;
    text-align: right;
    padding-right: 10px;
}

.temperature_set_menu li p.set_temp span.st_image{
	display: none;
	margin-top: -30px;
}

.temperature_set_menu li p.set_temp{
/*	text-align: left;*/
    color: #00c4B5;
}
.temperature_set_menu li p.set_temp.down{
	color: #006fc4;
} 
.temperature_set_menu li p.set_temp.up{
    color: #c42e00;
}
.temperature_set_menu li p.set_temp .st_int{
	font-size: 1.8rem;
}
.temperature_set_menu li p.set_temp .st_dec{
	font-size: 1.2rem;
}
.temperature_set_menu li p.set_temp .st_dec:before{
	content: "."
}
.temperature_set_menu li p.set_temp .st_dec:after{
	content: "℃"
}

.temperature_set_menu .icon_temp{
	width:25px;
	float: left;
	padding-top: 2px;
}
.temperature_set_menu .icon_eco{
	width:53px;
	float: right;
	padding-top: 2px;
	padding-right: 10px;
}


/*--datepicker*/
img.ui-datepicker-trigger {
	width:40px;
	margin-bottom:-15px;
}
#jquery-ui-datepicker-wrap img {
	vertical-align: top;
	margin-left: 2px;
	border: 1px solid dimgray;
	width:20px;
}

.pc_nodisplay {
	display:none!important;
}
.mb_nodisplay {
	display:inherit!important;
}



/*追加予約設定パネル*/

.add_set_panel{
	margin:5px;
	width: 100%;
	cursor:pointer;
	clear:both;
}

div.schedule_bar.add_set {
	width:98%;
	height:50px;
	background:url(images/schedule_bar_back_add_set.png) #fff; /* dev:mod */
	background-position:left center;
	background-repeat: repeat-x;
	position:relative;
	overflow:hidden;
	border-right: 5px solid #EFEFEF;
	border: 1px solid#dfdfdf;
	margin-bottom: 10px;
	display:block;
	
}

div.schedule_bar.add_set.check{
	color:#fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #9fda82), color-stop(0.00, #5fc12f));
	background: -webkit-linear-gradient(top, #5fc12f 0%, #9fda82 88%);
	background: -moz-linear-gradient(top, #5fc12f 0%, #9fda82 88%);
	background: -o-linear-gradient(top, #5fc12f 0%, #9fda82 88%);
	background: -ms-linear-gradient(top, #5fc12f 0%, #9fda82 88%);
	background: linear-gradient(to bottom, #5fc12f 0%, #9fda82 88%);
}

div.schedule_bar.add_set.check .schedule_bar_start.add_set{
	background:none;
	border-right: 1px #fff;
}


body > div.main.remodal-bg.remodal-is-closed > div.wrapper > div.right_box > div.main_box.add_set > div.panel_list_box_add_set > div > div> div.schedule_bar_start.add_set > span{
	color:#000;
}


.schedule_bar.add_set div {
	float:left;
	position:relative;
	z-index:20;
}

div.schedule_bar.add_set.check.schedule_bar_start.add_set{
	background: #FFF;
}

div.schedule_bar_start.add_set{
	width:20%;
	background-position:right center;
	background-repeat:no-repeat;
	padding-left:3px;
	background: #FFF;
	border-right: 1px solid #EFEFEF;
	min-width:130px;
}

div.schedule_bar_middle.add_set{
	width:75%;
	position:relative;
}

div.schedule_bar_start.add_set span{
	font-size: 12px;
	font-size: 1.2rem;
	display: block;
}


div.schedule_bar_start.add_set span:nth-child(2){
	font-size: 13px;
	font-size: 1.3rem;
	width:100%;
}


/*modal_設定画面*/
.schedule_slide_box{
	padding-top: 5px;
	overflow-y:auto;
	overflow-x:hidden;
	scrollbar-track-color:white;
	scrollbar-face-color:white;
	scrollbar-arrow-color:#cccccc;
	scrollbar-shadow-color:#cccccc;
	scrollbar-highlight-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-3dlight-color:#cccccc;
	max-height:150px;

}


ul.schedule_bar {
	width:100%;
	height:40px;
	background-position:left center;
	background-repeat: repeat-x;
	position:relative;
	margin-bottom:10px;
}
ul.schedule_bar li {
	float:left;
	height:45px;
	z-index:20;
}
ul.schedule_bar li.schedule_bar_start {
	width:14%;
	background: #FFF;
	padding:5px 0px 5px 3px;
	text-align: left;
	border: 1px solid #dfdfdf;
	border-right: 10px solid #dfdfdf;
	overflow: hidden;
}

.remodal-wrapper.remodal-is-opened ul:nth-child(2) li.schedule_bar_start{
	border-top: 1px solid #dfdfdf;
}

ul.schedule_bar.add_set {
	width:100%;
	height:50px;
	background: none;
	background-position:center center;
	background-repeat: repeat-x;
	position:relative;
	background-image:url(images/schedule_bar_back_add_set.png); /* dev:mod */
}

ul.schedule_bar li.schedule_bar_start span  {
	display:block;
	font-size: 12px;
	font-size: 1.2rem;
}

/* 20170822 時間外予約 タイムチャートデザイン修正 start*/
ul.schedule_bar li.schedule_bar_middle {
	width:86%;
	border: 1px solid #dfdfdf;
	position:relative;
}

ul.schedule_background_cell > li{
	width: 4%;
	/*border-left:  solid #dfdfdf 1px;*/
    border-right:  solid #dfdfdf 1px;
}

ul.schedule_background_cell > li:first-child{
	width: 2%;
}

ul.schedule_background_cell > li:last-child{
	/*width: 2%;*/
    width: 4%;
}
/* 20170822 時間外予約 タイムチャートデザイン修正 end*/

.schedule_title {
	font-size:18px;
	letter-spacing:.1em;
	font-weight:600;
	float:left;
	padding:0 15px;
}
.schedule_datepick {
	float:left;
	margin:32px 40px 0 0 ;
	width: 155px;
}
.schedule_change_box .schedule_datepick{
	float: left;
	margin-top:0;
}

.schedule_change_box .schedule_datepick input{
	float: left;
	margin-top:0;
}

.schedule_change_box .schedule_datepick img{
	float: left;
	margin-top:0;
}



.res_daw{
	float: left;
	margin:5px 10px 0 25px;
}


.repeat_daw{
	float: left;
	margin:3px 10px 0 0;
	padding-right: 5px;
	position: relative;
}

.repeat_daw input[type=checkbox] {
	position: absolute;
	top: -99999px;
}

/*.tabs .repeat_daw label {*/
.repeat_daw label {
	float:left;
	display: block;
	cursor: pointer;
	margin:0 ;
	text-align: center;
	display:block;
	font-size:13px;
	height:25px;
	width:30px;
	padding-top:3px;
	background-color:#dfdfdf;
	margin-right:3px;
	
}

/* dev:mod */
/*
[id^=daw01]:checked + label , [id^=daw02]:checked + label ,
[id^=daw03]:checked + label , [id^=daw04]:checked + label ,
[id^=daw05]:checked + label , [id^=daw06]:checked + label ,
[id^=daw07]:checked + label , [id^=daw08]:checked + label
*/
.days_of_week:checked + label
{ background-color:#5FC12F; color:#FFF; border:none; }





.schedule_datepick img ,.repeat_block .schedule_datepick img{
	height:30px;
}


.target_res li{
	float: left;
}

.target_res li select{
	float: left;
	margin:5px 5px 0;
}

.target_res li input{
	float: left;
	margin-top: 5px;
}


.target_res li img{
	height:30px;
	margin-top:0;
	float: left;
}


.case_list_area {
	width:100%;
}

.case_list_area .repeat_btn {
	background-color:#5FC12F;
	color:#FFF;
	border:none;
	margin:0 2px 5px 0;
}

.case_list_box {
	width:100%;
	max-height:90px;
	overflow-y:auto;
	border:1px solid #dfdfdf;
	margin-bottom:5px;
}

table.case_list {
	width:100%;
	border-collapse:collapse;
}
table.case_list th ,table.case_list td {
	padding:4px 8px;
	color:#555;
	font-size:12px;
	text-align: left;
	vertical-align: middle;
}
table.case_list th {
	background-color:#5FC12F;
	color:#FFF;
}
table.case_list tr:hover{
	background-color: lightblue !Important;
}

table.case_list  tr:nth-child(even) {
	background-color:rgba(95,193,47,.2);
}
.case_btn button , .case_btn p{
	width: 70px;
	float: left;
	overflow: hidden;
	margin-right: 2%;
	padding:2px 0
}
/* dev:mod --> */
/*.case_btn p.width_double{*/
 .case_btn .width_double{
	 width:140px;
 }
 .case_btn p:hover , .case_btn button:hover{
 	opacity: 0.7;
 }
/* --> dev:mod */
 /*時間外予約　モーダル　予約済み　編集、削除ボタン列　*/
.case_btn_width{
	width: 170px;
}
/*時間外予約　モーダル　予約済み　スマホ用タイトル*/
.case_list_sf_subject{
	font-size: 1.3em;
}

.schedule_change_box {
	width:100%;
	background: #FFF;
	padding:5px 10px;
}
.schedule_change_box div{
	font-size: 12px;
	font-size: 1.2rem;
}
.schedule_change_box::after {
	content: " ";
	display:table;
	clear: both;
}
.res_change_btn{
	float: right;
	font-size: 12px;
	font-size: 1.2rem;
	color:#fff;
	background: #666;
	font-weight: bold;
	padding:5px 10px;
	margin:20px;
	cursor:pointer;
	border-bottom: 1px solid #000;
}

.res_change_btn:hover{
	background: #FFF;
	color:#666;
	border:1px #666 solid;
}

.res_change_btn span{
	margin-right: 5px;
}

.res_change_area{
	background: #e9e9e9;
	margin-top: -10px;
	margin-bottom: 20px;
	padding: 5px;
	border-bottom: 1px #dfdfdf solid;
}

.res_change_case{
	background: #FFF;
	overflow: hidden;
	padding:5px 10px;
}

.res_change_case.repeat{
	background: #FFF;
	overflow: hidden;
	padding:5px 10px;
}

.res_change_case div{
	font-size: 12px;
	font-size: 1.2rem;
}

div.res_time_title{
	float: left;
	margin-right:70px;
}

/* dev:add --> */
div.res_time_title input:disabled[name="Title"] {
    font-size:1.1em;
	border:1px solid #dfdfdf;
	padding:5px 10px 5px 10px;
}
/* --> dev:add */

.res_name{
	float: left;
	font-weight: bold;
	font-size: 14px;
	width:150px;
	text-align: left;
	padding-top: 10px;
}

.res_time_name{
	padding: 5px 0 0 0;
	float: left;
	width:60px;
}

.res_time_name_end{
	float: left;
	width:60px;
	padding: 5px 5px 0 0;
	text-align: left;
	margin-left:40px;
}

.res_time_name_end.repeat{
	float: left;
	width:60px;
	padding: 5px 5px 0 0;
	text-align: right;
}


div.res_all_time {
	float: left;
	margin-right: 40px;
}

.res_all_time select{
	float: left;
	width: 60px;
	margin-right: 8px;
}

.res_time_target {
	float: left;
	text-align: left;
	min-width:70%;
	min-height:25px;
	border:1px solid #dfdfdf;
	color:#666;
	padding:4px;
}

.repeat_btn{
	color:#666;
	float: right;
	margin-top:5px;
	padding:4px 10px;
	font-weight: bold;
	display:block;
	border:1px solid #666;
	font-size: 12px;
	font-size: 1.2rem;
	cursor:pointer;
}

.repeat_btn span{margin-right: 5px;}

.repeat_btn:hover{
	color:#fff;
	background: rgba(95,193,47,.7);
}


.repeat_icon {
	background-image:url(images/repeat.png); /* dev:mod */
	background-repeat:no-repeat;
	background-position:center  bottom;
	display:inline-block;
	width:25px;
	height:16px;
	margin-bottom: -2px;
	margin-left:-8px;
}


/*追加予約設定 4% 1時間*/

.set_reservation{
	background-color:rgba(160,216,42,1);
	position:absolute;
	padding-top:2px;
	color:#FFF;
	font-size:12px;
	height:34px;
	margin-top:10px;
	overflow:hidden;
	z-index:10;
	letter-spacing:0;
	line-height:1.4em;
}
.set_reservation span{
	display:inline-block;
	margin-left:5px;
}

.time0{width:0%;}
.time0_10{width:0.67%;}
.time0_15{width:1%;}
.time0_20{width:1.33%;}
.time0_30{width:2%;}
.time0_40{width:2.67%;}
.time0_45{width:3%;}
.time0_50{width:3.33%;}

.time1{width:4%;}
.time1_10{width:4.67%;}
.time1_15{width:5%;}
.time1_20{width:5.33%;}
.time1_30{width:6%;}
.time1_40{width:6.67%;}
.time1_45{width:7%;}
.time1_50{width:7.33%;}

.time2{width:8%;}
.time2_10{width:8.67%;}
.time2_15{width:9%;}
.time2_20{width:9.33%;}
.time2_30{width:10%;}
.time2_40{width:10.67%;}
.time2_45{width:11%;}
.time2_50{width:11.33%;}

.time3{width:12%;}
.time3_10{width:12.67%;}
.time3_15{width:13%;}
.time3_20{width:13.33%;}
.time3_30{width:14%;}
.time3_40{width:14.67%;}
.time3_45{width:15%;}
.time3_50{width:15.33%;}

.time4{width:16%;}
.time4_10{width:16.67%;}
.time4_15{width:17%;}
.time4_20{width:17.33%;}
.time4_30{width:18%;}
.time4_40{width:18.67%;}
.time4_45{width:19%;}
.time4_50{width:19.33%;}

.time5{width:20%;}
.time5_10{width:20.67%;}
.time5_15{width:21%;}
.time5_20{width:21.33%;}
.time5_30{width:22%;}
.time5_40{width:22.67%;}
.time5_45{width:23%;}
.time5_50{width:23.33%;}

.time6{width:24%;}
.time6_10{width:24.67%;}
.time6_15{width:25%;}
.time6_20{width:25.33%;}
.time6_30{width:26%;}
.time6_40{width:26.67%;}
.time6_45{width:27%;}
.time6_50{width:27.33%;}

.time7{width:28%;}
.time7_10{width:28.67%;}
.time7_15{width:29%;}
.time7_20{width:29.33%;}
.time7_30{width:30%;}
.time7_40{width:30.67%;}
.time7_45{width:31%;}
.time7_50{width:31.33%;}

.time8{width:32%;}
.time8_10{width:32.67%;}
.time8_15{width:33%;}
.time8_20{width:33.33%;}
.time8_30{width:34%;}
.time8_40{width:34.67%;}
.time8_45{width:35%;}
.time8_50{width:35.33%;}

.time9{width:36%;}
.time9_10{width:36.67%;}
.time9_15{width:37%;}
.time9_20{width:37.33%;}
.time9_30{width:38%;}
.time9_40{width:38.67%;}
.time9_45{width:39%;}
.time9_50{width:39.33%;}

.time10{width:40%;}
.time10_10{width:40.67%;}
.time10_15{width:41%;}
.time10_20{width:41.33%;}
.time10_30{width:42%;}
.time10_40{width:42.67%;}
.time10_45{width:43%;}
.time10_50{width:43.33%;}

.time11{width:44%;}
.time11_10{width:44.67%;}
.time11_15{width:45%;}
.time11_20{width:45.33%;}
.time11_30{width:46%;}
.time11_40{width:46.67%;}
.time11_45{width:47%;}
.time11_50{width:47.33%;}

.time12{width:48%;}
.time12_10{width:48.67%;}
.time12_15{width:49%;}
.time12_20{width:49.33%;}
.time12_30{width:50%;}
.time12_40{width:50.67%;}
.time12_45{width:51%;}
.time12_50{width:51.33%;}

.time13{width:52%;}
.time13_10{width:52.67%;}
.time13_15{width:53%;}
.time13_20{width:53.33%;}
.time13_30{width:54%;}
.time13_40{width:54.67%;}
.time13_45{width:55%;}
.time13_50{width:55.33%;}

.time14{width:56%;}
.time14_10{width:56.67%;}
.time14_15{width:57%;}
.time14_20{width:57.33%;}
.time14_30{width:58%;}
.time14_40{width:58.67%;}
.time14_45{width:59%;}
.time14_50{width:59.33%;}

.time15{width:60%;}
.time15_10{width:60.67%;}
.time15_15{width:61%;}
.time15_20{width:61.33%;}
.time15_30{width:62%;}
.time15_40{width:62.67%;}
.time15_45{width:63%;}
.time15_50{width:63.33%;}

.time16{width:64%;}
.time16_10{width:64.67%;}
.time16_15{width:65%;}
.time16_20{width:65.33%;}
.time16_30{width:66%;}
.time16_40{width:66.67%;}
.time16_45{width:67%;}
.time16_50{width:67.33%;}

.time17{width:68%;}
.time17_10{width:68.67%;}
.time17_15{width:69%;}
.time17_20{width:69.33%;}
.time17_30{width:70%;}
.time17_40{width:70.67%;}
.time17_45{width:71%;}
.time17_50{width:71.33%;}

.time18{width:72%;}
.time18_10{width:72.67%;}
.time18_15{width:73%;}
.time18_20{width:73.33%;}
.time18_30{width:74%;}
.time18_40{width:74.67%;}
.time18_45{width:75%;}
.time18_50{width:75.33%;}

.time19{width:76%;}
.time19_10{width:76.67%;}
.time19_15{width:77%;}
.time19_20{width:77.33%;}
.time19_30{width:78%;}
.time19_40{width:78.67%;}
.time19_45{width:79%;}
.time19_50{width:79.33%;}

.time20{width:80%;}
.time20_10{width:80.67%;}
.time20_15{width:81%;}
.time20_20{width:81.33%;}
.time20_30{width:82%;}
.time20_40{width:82.67%;}
.time20_45{width:83%;}
.time20_50{width:83.33%;}


.time21{width:84%;}
.time21_10{width:84.67%;}
.time21_15{width:85%;}
.time21_20{width:85.33%;}
.time21_30{width:86%;}
.time21_40{width:86.67%;}
.time21_45{width:87%;}
.time21_50{width:87.33%;}

.time22{width:88%;}
.time22_10{width:88.67%;}
.time22_15{width:89%;}
.time22_20{width:89.33%;}
.time22_30{width:90%;}
.time22_40{width:90.67%;}
.time22_45{width:91%;}
.time22_50{width:91.33%;}

.time23{width:92%;}
.time23_10{width:92.67%;}
.time23_15{width:93%;}
.time23_20{width:93.33%;}
.time23_30{width:94%;}
.time23_40{width:94.67%;}
.time23_45{width:95%;}
.time23_50{width:95.33%;}

.time24{width:96%;}

.posi0{ left:2%; }
.posi0_10{ left:2.67%;}
.posi0_15{ left:3%;}
.posi0_20{ left:3.33%;}
.posi0_30 { left:4%}
.posi0_40 { left:4.67%;}
.posi0_45 { left:5%}
.posi0_50 { left:5.33%}
.posi1{ left:6%; }
.posi1_10{ left:6.67%;}
.posi1_15{ left:7%;}
.posi1_20{ left:7.33%;}
.posi1_30 { left:8%}
.posi1_40 { left:8.67%;}
.posi1_45 { left:9%}
.posi1_50 { left:9.33%}
.posi2{ left:10%; }
.posi2_10{ left:10.67%;}
.posi2_15{ left:11%;}
.posi2_20{ left:11.33%;}
.posi2_30 { left:12%}
.posi2_40 { left:12.67%;}
.posi2_45 { left:13%}
.posi2_50 { left:13.33%}
.posi3{ left:14%; }
.posi3_10{ left:14.67%;}
.posi3_15{ left:15%;}
.posi3_20{ left:15.33%;}
.posi3_30 { left:16%}
.posi3_40 { left:16.67%;}
.posi3_45 { left:17%}
.posi3_50 { left:17.33%}
.posi4{ left:18%; }
.posi4_10{ left:18.67%;}
.posi4_15{ left:19%;}
.posi4_20{ left:19.33%;}
.posi4_30 { left:20%}
.posi4_40 { left:20.67%;}
.posi4_45 { left:21%}
.posi4_50 { left:21.33%;}
.posi5{ left:22%; }
.posi5_10{ left:22.67%;}
.posi5_15{ left:23%;}
.posi5_20{ left:23.33%;}
.posi5_30 { left:24%}
.posi5_40 { left:24.67%;}
.posi5_45 { left:25%}
.posi5_50 { left:25.33%;}
.posi6{ left:26%; }
.posi6_10{ left:26.67%;}
.posi6_15{ left:27%;}
.posi6_20{ left:27.33%;}
.posi6_30 { left:28%}
.posi6_40 { left:28.67%;}
.posi6_45 { left:29%}
.posi6_50 { left:29.33%}
.posi7{ left:30%; }
.posi7_10{ left:30.67%;}
.posi7_15{ left:31%;}
.posi7_20{ left:31.33%;}
.posi7_30 { left:32%;}
.posi7_40 { left:32.67%;}
.posi7_45 { left:33%;}
.posi7_50 { left:33.33%;}
.posi8{ left:34%; }
.posi8_10{ left:34.67%;}
.posi8_15{ left:35%;}
.posi8_20{ left:35.33%;}
.posi8_30 { left:36%;}
.posi8_40 { left:36.67%;}
.posi8_45 { left:37%;}
.posi8_50 { left:37.33%;}
.posi9{ left:38%; }
.posi9_10{ left:38.67%;}
.posi9_15{ left:39%;}
.posi9_20{ left:39.33%;}
.posi9_30 { left:40%;}
.posi9_40 { left:40.67%;}
.posi9_45 { left:41%;}
.posi9_50 { left:41.33%;}
.posi10{ left:42%; }
.posi10_10{ left:42.67%;}
.posi10_15{ left:43%;}
.posi10_20{ left:43.33%;}
.posi10_30 { left:44%;}
.posi10_40 { left:44.67%;}
.posi10_45 { left:45%;}
.posi10_50 { left:45.33%;}
.posi11{ left:46%; }
.posi11_10{ left:46.67%;}
.posi11_15{ left:47%;}
.posi11_20{ left:47.33%;}
.posi11_30 { left:48%;}
.posi11_40 { left:48.67%;}
.posi11_45 { left:49%;}
.posi11_50 { left:49.33%;}
.posi12{ left:50%; }
.posi12_10{ left:50.67%;}
.posi12_15{ left:51%;}
.posi12_20{ left:51.33%;}
.posi12_30 { left:52%;}
.posi12_40 { left:52.67%;}
.posi12_45 { left:53%;}
.posi12_50 { left:53.33%;}
.posi13{ left:54%; }
.posi13_10{ left:54.67%;}
.posi13_15{ left:55%;}
.posi13_20{ left:55.33%;}
.posi13_30 { left:56%;}
.posi13_40 { left:56.67%;}
.posi13_45 { left:57%;}
.posi13_50 { left:57.33%;}
.posi14{ left:58%; }
.posi14_10{ left:58.67%;}
.posi14_15{ left:59%;}
.posi14_20{ left:59.33%;}
.posi14_30 { left:60%;}
.posi14_40 { left:60.67%;}
.posi14_45 { left:61%;}
.posi14_50 { left:61.33%;}
.posi15{ left:62%; }
.posi15_10{ left:62.67%;}
.posi15_15{ left:63%;}
.posi15_20{ left:63.33%;}
.posi15_30 { left:64%;}
.posi15_40 { left:64.67%;}
.posi15_45 { left:65%;}
.posi15_50 { left:65.33%;}
.posi16{ left:66%; }
.posi16_10{ left:66.67%;}
.posi16_15{ left:67%;}
.posi16_20{ left:67.33%;}
.posi16_30 { left:68%;}
.posi16_40 { left:68.67%;}
.posi16_45 { left:69%;}
.posi16_50 { left:69.33%;}
.posi17{ left:70%; }
.posi17_10{ left:70.67%;}
.posi17_15{ left:71%;}
.posi17_20{ left:71.33%;}
.posi17_30 { left:72%;}
.posi17_40 { left:72.67%;}
.posi17_45 { left:73%;}
.posi17_50 { left:73.33%;}
.posi18{ left:74%; }
.posi18_10{ left:74.67%;}
.posi18_15{ left:75%;}
.posi18_20{ left:75.33%;}
.posi18_30 { left:76%;}
.posi18_40 { left:76.67%;}
.posi18_45 { left:77%;}
.posi18_50 { left:77.33%;}
.posi19{ left:78%; }
.posi19_10{ left:78.67%;}
.posi19_15{ left:79%;}
.posi19_20{ left:79.33%;}
.posi19_30 { left:80%;}
.posi19_40 { left:80.67%;}
.posi19_45 { left:81%;}
.posi19_50 { left:81.33%;}
.posi20{ left:82%; }
.posi20_10{ left:82.67%;}
.posi20_15{ left:83%;}
.posi20_20{ left:83.33%;}
.posi20_30 { left:84%;}
.posi20_40 { left:84.67%;}
.posi20_45 { left:85%;}
.posi20_50 { left:85.33%;}
.posi21{ left:86%; }
.posi21_10{ left:86.67%;}
.posi21_15{ left:87%;}
.posi21_20{ left:87.33%;}
.posi21_30 { left:88%;}
.posi21_40 { left:88.67%;}
.posi21_45 { left:89%;}
.posi21_50 { left:89.33%;}
.posi22{ left:90%; }
.posi22_10{ left:90.67%;}
.posi22_15{ left:91%;}
.posi22_20{ left:91.33%;}
.posi22_30 { left:92%;}
.posi22_40 { left:92.67%;}
.posi22_45 { left:93%;}
.posi22_50 { left:93.33%;}
.posi23{ left:94%; }
.posi23_10{ left:94.67%;}
.posi23_15{ left:95%;}
.posi23_20{ left:95.33%;}
.posi23_30 { left:96%;}
.posi23_40 { left:96.67%;}
.posi23_45 { left:97%;}
.posi23_50 { left:97.33%;}




/*コアタイム設定 4% 1時間 1% 15分 10分0.6%*/
.set_coretime{
	background-color:rgba(200,200,200,1);
	position:absolute;
	padding-top:3px;
	color:#888;
	font-size:12px;
	height:39px;
	margin-top:5px;
	overflow:hidden;
	z-index:5;
	letter-spacing:0;
	line-height:1.4em;
}
.set_coretime span{
	display:block;
}

span.ttip {
	position:relative;
	cursor:pointer;
	z-index:100;
}
span.ttip .ttip_contents {
	width:200px;
	border:1px solid #AAA;
	display:none;
	background-color:#FFF;
	position:absolute;
	top:-60px;
	z-index:10000;
	color:#666;
	font-size:11px;
}

span.ttip:hover .ttip_contents {
	display:block;
	z-index:10000;
}
.ttip_title {
	width:100%;
	padding:4px 10px;
	background-color:#67C431;
	color:#FFF;
	font-weight:600;
}
.ttip_text {
	padding:4px 10px;
}
a.ttip_btn {
	display:block;
	width:100%;
	padding:3px;
	text-align:center;
	background-color:#EEE;
	color:#888;
}


.schedule_panel{
	background: #FFF;
	border-bottom:1px solid #dfdfdf;
	margin-bottom: 20px;
	display: block;
	width:100%;
	height: 30px;
}

.schedule_panel li.schedule_panel_title {
	border-bottom:1px solid #DDD;
	font-size:14px;
	font-size: 1.4rem;
	margin-top: 8px;
	color:#fff;
	background: #5FC12F;
}

div.schedule_panel_title{
	padding:5px 15px;
	border-bottom:1px solid #DDD;
	font-size:14px;
	font-size: 1.4rem;
	color:#fff;
	background: #5FC12F;
	clear:both;
	overflow: hidden;
}
div.schedule_panel_date input{
	float:left;
	font-size: 0.9em;
}

/*
div.schedule_panel_date img{
	float:left;
	fill:#FFFFFF;
	margin-top: -6px;}
*/

div.schedule_panel_ex{
	float:right;
	padding:4px 10px 0 ;
}

div.schedule_panel_ex span {
	width:14px;
	height:14px;
	display:inline-block;
	margin:0 6px -2px 0 ;
	border:2px solid #FFF;
}
div.schedule_panel_ex span.sche_ex_text01{
	background-color:#C8C8C8;
}
div.schedule_panel_ex span.sche_ex_text02{
	background-color:#A0D82A;
	margin-left:20px;
}



li.schedule_panel_box {
	font-size: 12px;
	font-size: 1.2rem;
	padding:10px 15px 20px 15px;
	margin-bottom:10px;
}


.tabs input[type=radio] {
	position: absolute;
	left: -9999px;
}
.tabs {
	padding:0px;
	margin:0;
	width:100%;
	float: none;
	list-style: none;
	position: relative;
/*	min-height:240px;*/
}

/* */
.tabs li {
	float: left;
 }

.tabs label {
	display: block;
	cursor: pointer;
	margin:0 ;
	text-align: center;
	display:block;
	font-size:13px;
	height:28px;
	width:120px;
	padding-top:5px;
}

.tabs li.schedule_panel03{
	float: right;
}

/* dev:mod --> */
/*
[id^=tab1] + label { color:#444; border-top:1px solid #CCC; border-left:1px solid #CCC; }
[id^=tab2] + label { color:#444; border-top:1px solid #CCC; border-right:1px solid #CCC;  }
*/
#designated + label { color:#444; border-top:1px solid #CCC; border-left:1px solid #CCC; }
#repeated + label { color:#444; border-top:1px solid #CCC; border-right:1px solid #CCC; }

/*
[id^=tab1]:checked + label { background-color:#5FC12F; color:#FFF; border:none; }
[id^=tab2]:checked + label { background-color:#5FC12F; color:#FFF; border:none; }
*/
#designated:checked + label, #repeated:checked + label { background-color:#5FC12F; color:#FFF; border:none; }

/*
[id^=tab]:checked ~ [id^=tab-content] {
*/
.reserve_type:checked ~ [id^=tab-content] {
	display: block;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;  
}
/* --> dev:mod */


.tabs .tab-content {
	display: none;
	text-align: left;
	overflow: hidden;
	position: absolute;
	left: 0;
	top:28px;
	width:100%;
	border-top:3px solid #5FC12F;
	padding:10px 15px 15px;
}

.tabs .tab-content > ul{
	margin:0 3px;
}
.tabs .tab-content > ul > li{
	width:100%;
}

/* 時間外予約　モーダル　指定日予約、繰り返し予約タブコンテンツ */
.tab_contents{
	padding: 5px 5px;
	background-color: #FFF;
}

/*時間外予約　モーダル　繰り返し予約　指定日予約をDisable*/
.oneday_reserve_disable{
	opacity: 0.5;
}
.oneday_reserve_disable .case_btn p{
	display: none;
}
/* dev:add --> */
.oneday_reserve_disable .case_btn button{
	display: none;
}
/* --> dev:add */

.btn_more{
	color:#fff;
	background: #000;
	width:100%;
}


/*モーダル 内容*/
.remodal-overlay.without-animation.remodal-is-opening,
.remodal-overlay.without-animation.remodal-is-closing,
.remodal.without-animation.remodal-is-opening,
.remodal.without-animation.remodal-is-closing,
.remodal-bg.without-animation.remodal-is-opening,
.remodal-bg.without-animation.remodal-is-closing {
animation: none;
}


/* remodal-theme.css @media only screen and (min-width: 641px) と連動 */

/*モーダルウィンドウサイズ padding分-70px*/



.remodal .navi01{
	width:570px;
}

.remodal .navi02{
	width:770px;
}

.remodal .navi03{
	width:100%;
}


.remodal.graph_icon{
	width:100%;
	margin:0 auto;
	height:auto;	
}


/*モーダル カラーピッカー*/
input.color{
	width:5px;
	overflow: hidden;
	text-align: left;
	padding-left:15px ;
}

.modal_zone th{
	text-align: left;
	font-size: 16px;
}

.modal_zone td{
	text-align: left;
	font-size: 16px;
}


.modal_zone td select{
	float: left;
	text-align: center;
}

.modal_zone td p{
	float: left;
	height:30px;
	padding-top: 5px;
}


/*アラート設定*/



.alt_attention , .alt_attention_del, .alt_alert{
	background: rgba(0,0,0,0.8);
	text-align: center;
	margin:auto;
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	color:#fff;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.8);
	font-size: 16px;
	font-size: rem;
	font-weight: bold;
	padding:400px 0;
	z-index:10000000;
	display:none;
	height: 100%;
	width: 100%;

}




/*モーダル*/
.alt_attention>div, .alt_attention_del>div, .alt_alert>div{
    background-color: #EFEFEF;
    border: 1px solid #fff;
    padding: 30px 30px;
    display: inline-block;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 70%;
    height: 200px;
}
/*モーダル　メッセージ*/
.modal_msg{
  color: #666666;
  height: 100px;
}
/* 通知領域(入力エラー、注意表示、完了通知)の修正 */
.message_box{
  padding-top: 5px;
  padding-bottom: 5px;
}







/*________________calendarページ設定________________*/


.content_menu h1 , .content_menu_cal h1{
	font-size:16px;
	font-size:rem;
	margin:0 0 0 10px;
}

.content_menu h2 , .content_menu_cal h2{ 
	font-size:14px;
	font-size:1.4rem;
	margin:0 0 0 12px;
	padding-left:10px;
	border-left:4px solid #262B7F;
}

.cal_slide ul li {
	width:100%;
	padding: 10px 0 0 0;
	background-color:#FFF;
}


.content_menu_cal{
	background: #fff;
	clear:both;
	overflow: hidden;
	display: block;
	padding: 0 0 10px 0 ;
	margin-bottom:10px;
	}

.content_menu_cal button{
	padding: 3px 20px;
	font-size: 14px;
	font-size: 1.4rem;
}


.cal_home a{
	display: block;
}

.content_menu_cal h1{
	padding:25px 0 0 0;
}




.month_cal_icon{
	float: left;
	text-align: center;
	display: block;
	padding:0;
	position: relative;
	width:120px;
	height:50px;
	cursor:pointer;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, ##f4f4f4), color-stop(0.00, #fbfbfb));
	background: -webkit-linear-gradient(top, #fbfbfb 0%, #f4f4f4 88%);
	background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 88%);
	background: -o-linear-gradient(top, #fbfbfb 0%, #f4f4f4 88%);
	background: -ms-linear-gradient(top, #fbfbfb 0%, #f4f4f4 88%);
	background: linear-gradient(to bottom, #fbfbfb 0%, #f4f4f4 88%);

}

.month_cal_icon.top_icon{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #d0d0d0), color-stop(0.00, #dfdfdf));
	background: -webkit-linear-gradient(top, #d0d0d0 0%, #dfdfdf 88%);
	background: -moz-linear-gradient(top, #d0d0d0 0%, #dfdfdf 88%);
	background: -o-linear-gradient(top, #d0d0d0 0%, #dfdfdf 88%);
	background: -ms-linear-gradient(top, #d0d0d0 0%, #dfdfdf 88%);
	background: linear-gradient(to bottom, #d0d0d0 0%, #dfdfdf 88%);

	border-right:none;
}


.month_cal_icon.left{
	border:1px solid #dfdfdf;
	border-top:none;
	border-right:#fff 1px solid;
	}

.month_cal_icon.top_icon.left{
	border:1px solid #fff;
	border-top:none;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}

.month_cal_icon.right{
	border:1px solid #dfdfdf;
	border-left:1px solid #fff;
	border-top:none;
	width: 110px;
}

.month_cal_icon.top_icon.right{
	border:1px solid #fff;
	border-top:none;
	border-left:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;}


.month_cal_icon span{
	display:block;
	text-align: center;
	line-height:1.4;
	color:#030000;
	font-size: 10px;
}

.month_cal_icon img{
	height:30px;
	margin-bottom: -5px;
}

.month_cal_icon:before{
	content:"◀";
	position:absolute;
	top: 15px;
	right: 5px;
	margin:0;
	color:#030000;
	font-size: 9px;
}

.month_cal_icon.right:before{
	content:"";
}

.month_cal_icon.right:after{
	content:"▶";
	position:absolute;
	top: 15px;
	left: 5px;
	color:#030000;
	font-size: 9px;
}


.month_cal_icon.opa{
	opacity:0.2;
}



.month_cal li{
	float: left;
}

.month_cal_left{
	text-align: left;
	margin-right: 10px;
	padding:0 10px 0 10px;
	font-size: 11px;
	font-size: 1.1rem;
	margin-top: 15px;
	position:relative;
	cursor:pointer;
}

.month_cal_center{
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	margin-top: 3px;
}

.month_cal_center span{
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
	line-height:1;
	margin-left: 15px;
}

.month_cal_center_name{
	font-size: 10px;
	font-size: 1.0rem;
	line-height:1;
	display: block;
	margin-top: 0;
}

.month_cal_right{
	text-align: right;
	margin-left: 10px;
	padding:0 10px;
	font-size: 11px;
	font-size: 1.1rem;
	margin-top: 15px;
	position:relative;
	cursor:pointer;
}


.cal_slide ul li {
	width:100%;
	padding: 10px 0 0 0;
	background-color:#FFF;
}




/*カレンダー設定*/

.wrapper .l_block_cal{
	width:80%;
	overflow:hidden;
	float:left;
}


/* ゾーンカレンダー / カレンダー */


.atn_block .gray_table.modal_zone select , .atn_block .gray_table.modal_zone input[type="text"] , .atn_block .gray_table.modal_zone textarea , .atn_block .gray_table .modal_zone input[type="password"] {
	width:60px;
}


.month_cal_block{
	width: 200px;
	float: left;
    margin: 5px 15px 0 5px;
}

.select_form_box_cal{
	background: #FFF;
	overflow: hidden;
	margin:0;
	float: left;
	 white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.select_form_box_cal.opa{
	opacity:0.2;
}

.select_form_box_cal .calendar_select_box{
	height:45px;
}

.calendar_select_box{
	float: left;
	height:50px;
/*	overflow: hidden;*/
}
.calendar_select_box select{
	margin-top: 15px;
	width: 140px;
}

.select_form_box_cal select{
	margin-top: 15px;
}

.select_form_box_cal > div{
	border-left:1px #A5A5A5 dashed;
	height:50px;
	float: left;
}

.select_form_box_cal > div:first-child{
	border:none;
}



.select_form_box_cal .select_btn{
	text-align: center;
	width:12.5%;
	background: url(images/svg/icon_menu_22.svg)  center 32px /25px  no-repeat; /* dev:mod */
}

.select_form_pick_cal{
	text-align: left;
	padding: 0 20px 0 70px;
	width:15%;
	float: left;
}

/*----カレンダーボタン----*/

.core_time_btn{
	width:100%;
	margin-top: 20px;
}

.core_time_btn button{
	width:100%;
	margin-bottom: 10px;
}




.empty .cal_core_emp{
	background: #F6F7F7;
}

.cal_table td dd{
	background: #F6F7F7;
	position :absolute;
}

.cal_btn , .cal_btn2 , .cal_btn3{
	background: #F2B837;
	color:#Fff;
	cursor:pointer;
	font-size:14px;
	font-size:1.4rem;
	text-align: center;
	float: left;
	border-bottom:1px solid #dfdfdf;
	height:37px;
	padding-top: 9px;
	width:100%;
	margin-bottom: 10px;
}

.cal_btn2{
	background: #C9C9CA;
	color:#000;
}

.cal_btn3{
	background: #1D3080;
	color:#fff;
}

.core_time_set{
	overflow: hidden;
	background: #FFF;
	margin-bottom: 10px;
	padding:7px;
	height: 50px;
}

.core_time_set h2{
	float: left;
	font-size:14px;
	font-size:1.4rem;
	margin:7px 0 0 0;
	padding-left:10px;
	font-weight: bold;
}

.core_time_set .edit_btn{
	float: right;
	font-size: 12px;
	font-size: 1.2rem;
	color:#fff;
	background: #666;
	font-weight: bold;
	padding:3px 10px;
	cursor:pointer;
	border-bottom: 1px solid #000;
	margin-right: 5px;

}

.core_time_set button{
	padding: 3px 20px;
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 3px;
}

.core_time_set img{
	width:28px;
	margin-top: 3px;
	cursor:pointer;
}

.core_time_set img:hover{
	opacity:0.8;
}


.core_time_set .atn_text{
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	padding-left: 10px;
}

.cal_icon{
	padding:10px 20px 20px;
	border-right:none;
}



.cal_coretime_btn:before{
	content: " ";
	position:absolute;
	top: 0;
	bottom: 0;
	margin: auto;

	font-size: 16px;
	font-size: rem;
	color:#fff;
}
.cal_coretime_btn dl dt{
	font-size: 14px;
	font-size: 1.4rem;
/*	font-weight: bold;*/
}
.cal_coretime_btn dl dd{
	font-size: 10px;
	font-size: 1.0rem;
	color:#666;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cal_coretime_btn dl dd span{
	color:#000000;
}
/*カレンダー_エリア*/
.wrapper .mid_block{
	width:1%;
	text-align: center;
	position::relative;
	float: left;
}


.wrapper .mid_block img{
	max-width:100%;
	height:auto;
	top:55%;
	position: absolute;
	display: none;
}


.wrapper .r_block{
	width:18%;/* 可変テスト値 */
	float: right;
}

.wrapper .r_block.check{
	position:relative;
}

.wrapper .r_block.check:before{

}


.wrapper .r_block.check:before img{
	max-width: 100%;
	height: auto;
}


 .r_blofllck .r_inr{
	width: 100%;
	text-align: center;
}

 .r_block .r_inr img{
	max-width: 100%;
	height: auto;
}


.btn_edit_calendar{
	margin-top: 10px;
	margin-right: 10px;
	float: right;
}

/*除湿・CoolBiz設定画面*/
.coolbiz_table td, .coolbiz_table div{
    vertical-align: middle;
}