@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap);
html, body, 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, 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 { font-size: 100%; font-weight: normal; vertical-align: baseline; border: 0; margin: 0; padding: 0; outline: 0; color: inherit; }

html { height: 100%;}
body {line-height: 1;height: 100%;}

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

ul, ol { list-style: none; }
ul.save {list-style: none;float: right;}
ul.save_bulk {list-style: none;float: right; padding-bottom: 10px}
ul.btn_map_graph {padding: 10px 10px 10px 0px;}
.gm-style .gm-style-iw-c, .gm-style .gm-style-iw-d { max-height: 450px!important; }
.gm-style .gm-style-iw-d table tr th { border: 1px solid #ffffff; }
.gm-style .gm-style-iw-d table tr td ul li { padding: 5px 0px 5px 0px; }

blockquote, q { quotes: none; }

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

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; }

picture { font-size: 0; }

sub, sup { margin: 0; padding: 0; border: 0; outline: 0; font-size: 50%; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

* { box-sizing: border-box; word-wrap: break-word; word-break: break-all; }

/*チェックボックス*/
input[type=radio], input[type=checkbox] { display: none; }

input[type=text], input[type=password], input[type=email] { font-size: 16px; transform: scale(0.8); }
input[type=textarea] { font-size: 16px; transform: scale(0.8); width: 300px}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus, select:focus { outline: #5cb531 auto 1px; }
.radio, .checkbox { box-sizing: border-box; position: relative; display: inline-block; vertical-align: middle; cursor: pointer; padding: 0 0 0 30px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .radio, .checkbox { padding: 0 0 0 25px; font-size: 12px; white-space: nowrap; } }
.radio:after, .checkbox:after { position: absolute; top: -2px; left: 4px; display: block; content: ''; border: 2px solid #bbb; width: 15px; height: 15px; }
.radio.tiltThresholdCheck:after, .checkbox.tiltThresholdCheck:after { position: absolute; top: -11px; left: 4px; display: block; content: ''; border: 2px solid #bbb; width: 15px; height: 15px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .radio:after, .checkbox:after { top: -1px; left: 6px; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .radio:after, .checkbox:after { border: 1px solid #bbb; width: 13px; height: 13px; } }
.radio:before, .checkbox:before { position: absolute; top: -2px; left: 4px; display: block; content: ''; width: 18px; height: 18px; opacity: 0; }
.radio.tiltThresholdCheck:before, .checkbox.tiltThresholdCheck:before { position: absolute; top: -11px; left: 4px; display: block; content: ''; width: 18px; height: 18px; opacity: 0; }
@media screen and (min-width: 1px) and (max-width: 767px) { .radio:before, .checkbox:before { top: -1px; left: 6px; } }
input[type=checkbox]:checked + .radio:before, input[type=radio]:checked + .radio:before, input[type=checkbox]:checked + .checkbox:before, input[type=radio]:checked + .checkbox:before { opacity: 1; background: #5cb531; }
@media screen and (min-width: 1px) and (max-width: 767px) { .radio:before, .checkbox:before { width: 14px; height: 14px; } }

* { font-family: 'Noto Sans Japanese', sans-serif; margin: 0; padding: 0; color: #555; font-size: 14px; }

body { margin: 0; padding: 0; scrollbar-arrow-color: #a9a9a9 !important; background: #efefef; }

h1 { font-size: 2.2vw; color: #5cb531; }
@media screen and (min-width: 1px) and (max-width: 767px) { h1 { font-size: 20px; margin: 0 0 6%; } }

a { text-decoration: none; cursor: pointer; transition: .2s; }

a:hover { transition: .2s; }

ul li {list-style: none;}
ul:first-child li.device_select { padding-top:0px; text-align: left;}
ul li.device_select { padding-top:10px; text-align: left;}

g.highcharts-xaxis-labels tspan { font-size: 10px; }
@media screen and (min-width: 1px) and (max-width: 415px) { g.highcharts-legend-item tspan { font-size: 9px; } }

img[src$=".svg"] { width: 100%; }

form label {display: table;}
@media screen and (min-width: 1px) and (max-width: 767px) { form label {font-size: 12px;} }
form label.user, form label.patliteRegist, form label.patliteIP {width: 50%;}
@media screen and (min-width: 1px) and (max-width: 767px) { form label.user, form label.patliteRegist, form label.patliteIP {width: 100%;} }
form label p, form label input { display: table-cell; vertical-align: middle; }

@media screen and (min-width: 1px) and (max-width: 767px) { form label p, form label input { font-size: 12px; white-space: nowrap; } }
@media screen and (min-width: 1px) and (max-width: 767px) { form label p.threshold { white-space: normal; } }
@media screen and (min-width: 1px) and (max-width: 767px) { form label p.desc { font-size: 10px; } }
@media screen and (min-width: 1px) and (max-width: 415px) { form label p, form label input { font-size: 11px; white-space: nowrap; } }
form label p { padding: 0 5px 0 15px; }
form label p.title { color:red; font-weight:bold; font-size:24px; }
@media screen and (min-width: 1px) and (max-width: 415px) { form label p { padding: 0 0 0 0; } }
@media screen and (min-width: 1px) and (max-width: 767px) { form p { font-size: 12px; } }
form label p.config {padding: 0 0 0 18px;width: 160px;}
@media screen and (min-width: 1px) and (max-width: 415px) { .p-device03-sec01__info dl dd ul li form.config.setting { padding: 0 0 10px 0; } }
form.setting label p.config { width:182px; }
form.setting label select { width:185px; }
form label p.config.chkLatestData_diff_TILT { width:120px; padding:0 0 0 40px;white-space: nowrap; }
form label p.desc, dl dd ul li p.desc { padding: 10px 0 0 0; display:block; white-space: pre; line-height: 24px; }
@media screen and (min-width: 1px) and (max-width: 415px) { .p-device03-sec01__info form label p, dl dd ul li p.desc { white-space: pre-line; width: 350px; } }
p.caution { line-height: 24px; white-space: pre-line; }
p.caution.setupDevice { font-size: 22px; font-weight: bold; white-space: pre; }
@media screen and (min-width: 1px) and (max-width: 415px) { p.caution.setupDevice { white-space: pre-line; } }
@media screen and (min-width: 1px) and (max-width: 415px) { form label p.desc { white-space: break-spaces; } }
p.exaggerationDesc { width: 100%; max-width: 100%; text-align: center; position: absolute; top: 20px; z-index:1; }
@media screen and (min-width: 1px) and (max-width: 767px) { form label p.config {width: 130px;} }
@media screen and (min-width: 1px) and (max-width: 415px) { form label p.config {width: 120px;} }

input, select, textarea { width: 100%; padding: 9px; border: 1px solid #dedede; background: #c9e2ae; }
select {width: 200px;}
input.dateTime { width: 100%; border: 1px solid #dedede; background: #dedede; pointer-events : none; text-align: center; }
select.off { border: 1px solid #dedede; background: #dedede; pointer-events : none;}
input::placeholder, select::placeholder { color: #8b8b8b; }
input:-ms-input-placeholder, select:-ms-input-placeholder { color: #8b8b8b; }
input::-ms-input-placeholder, select::-ms-input-placeholder { color: #8b8b8b; }
@media screen and (min-width: 1px) and (max-width: 767px) { input, select { padding: 6px; } }

select option:first-child { display: none; }

table {width: 100%;}
table tr th, table tr td {padding: 6px 10px;vertical-align: middle;text-align: center;}
table tr th:last-child, table tr td:last-child { border-right: none; }
table tr th {color: #fff;background: #5cb531;min-width: 30px;line-height: 150%;border-right: 1px solid #fff;}
table tr td {vertical-align: middle;text-align: center;background: #fff;border-right: 1px solid #cbcbcb;border-bottom: 1px solid #f5f5f5;}
table tr td.left {vertical-align: middle;text-align: left;background: #fff;border-right: 1px solid #cbcbcb;border-bottom: 1px solid #f5f5f5;}
@media screen and (min-width: 1px) and (max-width: 767px) { table tr td { font-size: 12px; } }
@media screen and (min-width: 1px) and (max-width: 415px) { table tr td { font-size: 9px; } }

table tr:nth-child(odd) td { background: #dedede; }

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

main { width: 100%; height: 100%; }
@media screen and (min-width: 1px) and (max-width: 767px) { main { margin: 0 0 0; } }
main .l-inner {margin: 0 auto 200px;padding: 10px 50px 0 275px;width: 100%;height: 100%;}
@media screen and (min-width: 1px) and (max-width: 1190px) { main .l-inner { padding: 70px 15px 0 180px; } }
@media screen and (min-width: 1px) and (max-width: 767px) { main .l-inner { margin: 0 auto 120px; padding: 20px 0 0; } }

/* Scss Document */
.l-header {position: fixed;top: 0;width: 100%;height: 70px;display: table;z-index: 100;background: #fff;box-shadow: 0 -4px 5px 2px #000;overflow: hidden;}
@media screen and (min-width: 1px) and (max-width: 767px) { .l-header { height: 45px; overflow: visible; } }
.l-header__logo {height: 100%;}
@media screen and (min-width: 1px) and (max-width: 767px) { .l-header__logo { margin: 0 0 0 45px; } }
.l-header__logo a { display: table; height: 100%; }
.l-header__logo a img, .l-header__logo a span { display: table-cell; vertical-align: middle; }
.l-header__logo a img { width: 120px; height: 47px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-header__logo a img { width: 60px; height: auto; } }
.l-header__logo a span {color: #5cb531;padding: 0 20px;cursor: auto;}
.l-header__logo a span.logo {padding: 6px 0 0 9px;font-size: 16px;letter-spacing: 1px;cursor: pointer;}
@media screen and (min-width: 1px) and (max-width: 767px) { .l-header__logo a span { padding: 0 0 0 15px; }
  .l-header__logo a span.logo { font-size: 12px; }
  .l-header__logo a span:last-child { padding: 7px 0 0 10px; font-size: 10px; letter-spacing: 2px; } }
.l-header__email, .l-header__log_out, .l-header__help1, .l-header__help2 { cursor: pointer; width: 70px; height: 70px; position: absolute; top: 0; text-align: center; }
.l-header__sigfox {cursor: pointer;width: 70px;height: 70px;position: absolute;top: 15px;text-align: center;}
@media screen and (min-width: 1px) and (max-width: 767px) { .l-header__email, .l-header__log_out, .l-header__sigfox, .l-header__help1, .l-header__help2 { width: 45px; height: 45px; } }
.l-header__email { right: 100px; transition: .2s; display: table; width: auto; padding: 0 20px; }
.l-header__sigfox {right: 200px;transition: .2s;display: table-cell;width: auto;padding: 0 20px;margin-right: 20px;}
@media screen and (min-width: 1px) and (max-width: 767px) { .l-header__sigfox { display: none; } }
.l-header__sigfox.sp { display: none; }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-header__sigfox.sp { display: table-cell; position: relative; top: 0px; right: 0px; padding: 0 0} }
.l-header__email a { display: table-cell; vertical-align: middle; font-size: 12px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-header__email { display: none; } }
.l-header__log_out { background: url(../images/common/logout_icon.svg) no-repeat 40% center #262626; background-size: 54%; border-left: 1px solid #262626; right: 0; transition: .2s; }
@media all and (-ms-high-contrast: none){ .l-header__log_out { background-size: 44%; } }
.l-header__log_out__link { display: block; height: 70px; }
.l-header__log_out:hover { background: url(../images/common/logout_icon_on.svg) no-repeat 40% center #fff; background-size: 54%; transition: .2s; }
.l-header__log_out:hover a { color: #262626; }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-header__log_out { width: 50px; }
  .l-header__log_out__link { display: none; } }
.l-header__log_out__menu { display: none; position: absolute; background: #000; width: 100%; text-align: center; padding: 25px 0; }
.l-header__log_out__menu li a { color: #fff; font-size: 12px; }
.l-header__log_out__menu li:last-child { border: 1px solid #fff; margin: 25px 0 0; padding: 5px 20px; display: inline-block; }

.l-header__help1 { background: url(../images/common/icon_help.svg) no-repeat 50% 25% #fff; background-size: 30%; border-left: 1px solid #262626; right: 142px; transition: .2s; }
@media screen and (min-width: 1px) and (max-width: 415px) { .l-header__help1 { right:100px; } }
@media screen and (min-width: 1px) and (max-width: 415px) { .l-header__help1 span { top: 30px; left: 0px; position: absolute; width: 50px; } }
@media all and (-ms-high-contrast: none){ .l-header__help1 { background-size: 44%; } }
.l-header__help1__link { display: block; height: 45px; }
.l-header__help1:hover { background: url(../images/common/icon_help_on.svg) no-repeat 50% 25% #262626; background-size: 30%; transition: .2s; }
.l-header__help1:hover a { color: #fff; }
.l-header__help1:hover span { color: #fff; }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-header__help1 { width: 50px; }
  .l-header__help1__link { display: none; } }
.l-header__help1__menu { display: none; position: absolute; background: #000; width: 100%; text-align: center; padding: 25px 0; }
.l-header__help1__menu li a { color: #262626; font-size: 12px; }
.l-header__help1__menu li:last-child { border: 1px solid #fff; margin: 25px 0 0; padding: 5px 20px; display: inline-block; }

.l-header__help2 { background: url(../images/common/icon_help.svg) no-repeat 50% 25% #fff; background-size: 30%; border-left: 1px solid #262626; right: 71px; transition: .2s; }
@media screen and (min-width: 1px) and (max-width: 415px) { .l-header__help2 { right:50px; } }
@media screen and (min-width: 1px) and (max-width: 415px) { .l-header__help2 span { top: 30px; left: 0px; position: absolute; width: 50px; } }
@media all and (-ms-high-contrast: none){ .l-header__help2 { background-size: 44%; } }
.l-header__help2__link { display: block; height: 45px; }
.l-header__help2:hover { background: url(../images/common/icon_help_on.svg) no-repeat 50% 25% #262626; background-size: 30%; transition: .2s; }
.l-header__help2:hover a { color: #fff; }
.l-header__help2:hover span { color: #fff; }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-header__help2 { width: 50px; }
  .l-header__help2__link { display: none; } }
.l-header__help2__menu { display: none; position: absolute; background: #000; width: 100%; text-align: center; padding: 25px 0; }
.l-header__help2__menu li a { color: #262626; font-size: 12px; }
.l-header__help2__menu li:last-child { border: 1px solid #fff; margin: 25px 0 0; padding: 5px 20px; display: inline-block; }

.header_devaice_name { font-size: 20px; color: #000000!important; display: block!important; padding: 20px 20px 0px 20px!important; }
@media screen and (min-width: 1px) and (max-width: 767px) { .header_devaice_name { padding: 10px 20px 0px 5px!important; font-size: 12px; } }
@media screen and (min-width: 1px) and (max-width: 415px) { .header_devaice_name { display: none!important; } }
.header_group_name { font-size: 12px; color: #000000!important;cursor: pointer!important; display: block!important; padding: 0px 0px 0px 30px!important; }
@media screen and (min-width: 1px) and (max-width: 415px) { .header_group_name { display: none!important; } }
/*ハンバーガーメニュー*/
.l-header__menu { display: none; }

@media screen and (min-width: 1px) and (max-width: 767px) { .l-header__menu { display: block; position: absolute; right: 0; top: 45px; width: 100%; z-index: 50; }
  .l-header__menu dt { display: block; cursor: pointer; float: right; width: 45px; height: 45px; position: absolute; top: -45px; left: 0; }
  .l-header__menu dd { display: none; background: #fff; }
  .l-header__menu__btn { background: #5cb531; }
  .l-header__menu__btn__icon { display: block; content: ""; position: absolute; top: 50%; width: 26px; height: 4px; background: #fff; transition: .3s; border-radius: 4px; right: 10px; top: 20px; }
  .l-header__menu__btn__icon::before { display: block; content: ""; position: absolute; top: 50%; width: 26px; height: 4px; background: #fff; transition: .3s; border-radius: 4px; margin-top: -11px; }
  .l-header__menu__btn__icon::after { display: block; content: ""; position: absolute; top: 50%; width: 26px; height: 4px; background: #fff; transition: .3s; border-radius: 4px; margin-top: 8px; }
  .l-header__menu__btn span::after { content: attr(data-txt-menu); }
  .l-header__menu__info li span {display: block;padding: 20px 25px;color: #000000;}
  .l-header__menu__info li a { display: block; }
  .l-header__menu__info li ul { display: none; }
  .l-header__menu__info li ul li { border-top: 1px solid #fff; }
  .l-header__menu__info .l-header__toggle01 { color: #5cb531; }
  .l-header__menu__info .l-header__toggle01__btn {border-top: 1px solid #5cb531;border-bottom: 1px solid #5cb531;background: #5cb531;color: #fff;padding: 0 0;display: table-cell;vertical-align: middle;}
  .l-header__menu__info .l-header__toggle01__btn2 {border-top: 1px solid #5cb531;border-bottom: 1px solid #5cb531;background: #5cb531;color: #fff;padding: 0 20px;display: table-cell;width: 100%;}
  .l-header__menu__info .l-header__toggle01__btn_info {border-top: 1px solid #5cb531;border-bottom: 1px solid #5cb531;background: #5cb531;color: #fff;padding: 0 20px;display: table;}
  .l-header__menu__info .l-header__toggle01__btn_info2 {border-top: 1px solid #5cb531;border-bottom: 1px solid #5cb531;background: #5cb531;color: #fff;padding: 0 20px;display: table;}
  .l-header__menu__info .l-header__toggle01__btn span {background: url(../images/common/nav_side_open_icon_sp.svg) no-repeat left center;background-size: 20px;padding: 20px 12px;color: #fff;}
  .l-header__menu__info .l-header__toggle01__btn.open span {background: url(../images/common/nav_side_close_icon_sp.svg) no-repeat left center;background-size: 20px;}
  .l-header__menu__info .l-header__toggle01__btn2.open span { background: url(../images/common/nav_side_close_icon_sp.svg) no-repeat right center; background-size: 4%; }
  .l-header__menu__info .l-header__toggle02 { position: relative; }
  .l-header__menu__info .l-header__toggle02__btn { background: #c9e2ae; padding: 0 20px; }
  .l-header__menu__info .l-header__toggle02__btn span { padding: 20px 25px 20px 50px; }
  .l-header__menu__info .l-header__toggle02__btn__alarm01 { background: url(../images/common/nav_side_alarm_icon01.svg) no-repeat left center; background-size: 4%; }
  .l-header__menu__info .l-header__toggle02__btn__alarm02 { background: url(../images/common/nav_side_alarm_icon02.svg) no-repeat left center; background-size: 4%; }
  .l-header__menu__info .l-header__toggle02 ul { width: 100%; }
  .l-header__menu__info .l-header__toggle02 ul a { background: #c9e2ae; padding: 0 20px; }
  .l-header__menu__info .l-header__toggle02 ul a span { padding: 20px 25px 20px 50px; }
  .open .l-header__menu__btn span::after { content: attr(data-txt-close); }
  .open .l-header__menu__btn__icon { background: transparent; }
  .open .l-header__menu__btn__icon::before { margin-top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #fff; border-radius: 0; }
  .open .l-header__menu__btn__icon::after { margin-top: 0; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); background: #fff; border-radius: 0; } }
@media screen and (min-width: 1px) and (max-width: 415px) { .l-header__menu__info .l-header__toggle01__btn2 { padding: 0 0; }
  .l-header__menu__info li span { padding: 20px 15px; } }
/*ハンバーガーメニューここまで*/
/* Scss Document */
.l-footer { position: fixed; width: 100%; background: #5cb531; box-sizing: border-box; padding: 0 30px; bottom: 0; z-index: 40; }
.l-footer__date { float: right; display: table; height: 60px; }
.l-footer__date span { color: #fff; display: table-cell; vertical-align: middle; font-size: 14px; letter-spacing: -0.5px; }

/* Scss Document */
.l-sidebar {box-shadow: -1px 6px 4px 0px #000000;position: fixed;width: 225px;height: 100%;top: 70px;z-index: 51;background: #efefef;overflow-y: no-display;}
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-sidebar { width: 170px; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-sidebar { display: none; } }
.l-sidebar ul li { cursor: pointer; }
.l-sidebar ul li a { display: block; padding: 13px 20px; position: relative; }
.l-sidebar ul li a::before { position: absolute; top: 20px; right: 17px; width: 6px; height: 6px; content: ''; border-right: 1px solid #000; border-top: 1px solid #000; transform: rotate(45deg); z-index: 1; }
.l-sidebar ul li a span { display: block; padding: 5px 25px; }
.l-sidebar ul li ul { display: none; }
.l-sidebar ul li ul a span { color: #000000; }
.l-sidebar ul li ul a.open-side { background: #5cb531; }
.l-sidebar ul li ul a.open-side span { color: #fff; }
.l-sidebar__toggle01 { color: #5cb531; }
.l-sidebar__toggle01 { overflow-x: visible; overflow-y: auto; max-height: 600px; }
.l-sidebar__toggle01__info { border-bottom: 1px solid #5cb531; position: relative; background: #fff; display: table; width: 100%; }
/*.l-sidebar__toggle01__info:hover { background: #5cb531; }*/
.l-sidebar__toggle01__info:hover .l-sidebar__toggle01__info__btn01 { background: url(../images/common/nav_side_open_icon.svg) no-repeat center #fff; background-size: 17px; }
.l-sidebar__toggle01__info .l-sidebar__toggle01__info__btn01:hover { background: url(../images/common/nav_side_open_icon_on.svg) no-repeat center #5cb531; background-size: 17px; }
.l-sidebar__toggle01__info .l-sidebar__toggle01__info__btn02:hover { background: #5cb531; color: #fff; }
.l-sidebar__toggle01__info.open {border-top: 1px solid #fff;background: #5cb531;color: #fff;}
.l-sidebar__toggle01__info.open .l-sidebar__toggle01__info__btn01 { border-top: 1px solid #5cb531; background: url(../images/common/nav_side_close_icon.svg) no-repeat center; background-size: 17px; }
.l-sidebar__toggle01__info__btn01 { border-top: 1px solid #fff; content: ''; width: 17px; background: url(../images/common/nav_side_open_icon_on.svg) no-repeat center #5cb531; background-size: 17px; padding: 17px 10px 17px 30px; }
/*.l-sidebar__toggle01__info__btn02 { border-top: 1px solid #5cb531; padding: 17px 10px; }*/
.l-sidebar__toggle01__info__btn02 { padding: 17px 10px; }
.l-sidebar__toggle01__info__btn02::before { position: absolute; top: 20px; right: 5px; width: 6px; height: 6px; content: ''; border-right: 1px solid #000; border-top: 1px solid #000; transform: rotate(45deg); z-index: 1; }
.l-sidebar__toggle01__info__menu { position: fixed; width: 12%; top: -2px; left: 226px; border-bottom: 1px solid #5cb531; }
.l-sidebar__toggle01__info__menu__graph span { background: url(../images/common/nav_side_sub_type_icon03.svg) no-repeat left center; background-size: 15px; }
.l-sidebar__toggle01__info__menu__graph:hover span { background: url(../images/common/nav_side_type_icon03.svg) no-repeat left center; background-size: 15px; }
.l-sidebar__toggle01__info__menu__data span { background: url(../images/common/nav_side_sub_type_icon01.svg) no-repeat left center; background-size: 15px; }
.l-sidebar__toggle01__info__menu__data:hover span { background: url(../images/common/nav_side_type_icon01.svg) no-repeat left center; background-size: 15px; }
.l-sidebar__toggle01__info__menu__user span { background: url(../images/common/nav_side_sub_type_icon06.svg) no-repeat left center; background-size: 15px; }
.l-sidebar__toggle01__info__menu__user:hover span { background: url(../images/common/btn_regist_icon.svg) no-repeat left center; background-size: 15px; }
.l-sidebar__toggle01__info__menu__alert span { background: url(../images/common/nav_side_sub_type_icon07.svg) no-repeat left center; background-size: 15px; }
.l-sidebar__toggle01__info__menu__alert:hover span { background: url(../images/common/btn_regist_icon07.svg) no-repeat left center; background-size: 15px; }
.l-sidebar__toggle01__info__menu__bulk span { background: url(../images/common/nav_side_type_icon04_green.svg) no-repeat left center; background-size: 15px; }
.l-sidebar__toggle01__info__menu__bulk:hover span { background: url(../images/common/nav_side_type_icon04.svg) no-repeat left center; background-size: 15px; }
.l-sidebar__toggle01__info__menu__patlite span { background: url(../images/common/nav_side_type_icon04_green.svg) no-repeat left center; background-size: 15px; }
.l-sidebar__toggle01__info__menu__patlite:hover span { background: url(../images/common/nav_side_type_icon04.svg) no-repeat left center; background-size: 15px; }
.l-sidebar__toggle01__info__menu li { border: 1px solid #5cb531; border-bottom: none; }
.l-sidebar__toggle01__info__menu li a { background: #fff; }
.l-sidebar__toggle01__info__menu li a:hover { background: #000; }
.l-sidebar__toggle01__info__menu li a:hover span { color: #fff; }
.l-sidebar__toggle01__info__menu li a:hover::before { border-right: 1px solid #fff; border-top: 1px solid #fff; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-sidebar__toggle01__info__menu { left: 170px; } }
.l-sidebar__toggle01__info span { display: table-cell; vertical-align: middle; }
/*.l-sidebar__toggle01:last-child { border-bottom: 1px solid #5cb531; }*/
.l-sidebar__toggle02__menu { position: relative; margin: 1px 0 0; padding: 0px 0px 0px 15px;}
.l-sidebar__toggle02__menu__btn {padding: 13px 5px;background: #c9e2ae;color: #000000;white-space: nowrap;}
.l-sidebar__toggle02__menu__btn span {display: inline-block;padding: 5px 10px 5px 20px;white-space: normal;}
.l-sidebar__toggle02__menu__btn:hover { background: #5cb531; }
.l-sidebar__toggle02__menu__btn:hover span { color: #fff; }
.l-sidebar__toggle02__menu__btn__alarm01 {background: url(../images/common/nav_side_alarm_icon01.svg) no-repeat left center;background-size: 15px;}
.l-sidebar__toggle02__menu__btn__alarm02 { background: url(../images/common/nav_side_alarm_icon02.svg) no-repeat left center; background-size: 15px; }
.l-sidebar__toggle02__menu__btn::before { position: absolute; top: 20px; right: 5px; width: 6px; height: 6px; content: ''; border-right: 1px solid #000; border-top: 1px solid #000; transform: rotate(45deg); z-index: 1; }
.l-sidebar__toggle02__menu span.group { width: 100%; top: 0; left: 226px; }
.l-sidebar__toggle02__menu ul.device {position: fixed;width: 12%;top: 0;left: 226px;}

@media screen and (min-width: 1px) and (max-width: 1190px) { .l-sidebar__toggle02__menu ul { left: 170px; } }
.l-sidebar__toggle02__menu ul li a { background: #c9e2ae; }
.l-sidebar__toggle02__menu ul li a:hover { background: #5cb531; }
.l-sidebar__toggle02__menu ul li a:hover span { color: #fff; }
.l-sidebar__toggle02__menu ul li:last-child { border-bottom: none; }
.l-sidebar__toggle02__menu__graph span { background: url(../images/common/nav_side_type_icon01.svg) no-repeat left center; background-size: 15px; }
.l-sidebar__toggle02__menu__exaggeration span { background: url(../images/common/nav_side_type_icon02.svg) no-repeat left center; background-size: 15px; }
.l-sidebar__toggle02__menu__figure span { background: url(../images/common/nav_side_type_icon03.svg) no-repeat left center; background-size: 15px; }
.l-sidebar__toggle02__menu__setting span { background: url(../images/common/nav_side_type_icon04.svg) no-repeat left center; background-size: 15px; }
.l-sidebar__toggle02__menu__list span { background: url(../images/common/nav_side_type_icon05.svg) no-repeat left center; background-size: 15px; }

/* Scss Document */
main .l-inner.top { width: 80%; padding: 0 0 0; }
main .l-inner.top.en { display:none; }
@media screen and (min-width: 1px) and (max-width: 767px) { main .l-inner.top { width: 92%; margin: 0 auto 120px; padding: 55px 0 0; } }
main .l-inner.news { width: 80%; padding: 80px 0 0; }
@media screen and (min-width: 1px) and (max-width: 415px) { main .l-inner.news { width: 100%; padding: 80px 0 0; } main .l-inner.news table tr td { padding: 6px 2px; } }

.p-top-sec01 { position: relative; margin: 0 0 0; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-top-sec01 { margin: 0 0 45px; } }
.p-top-sec01__info li { text-align: center; box-sizing: border-box; width: 32.5%; display: table; margin: 0 1% 0 0; float: left; transition: .2s; box-shadow: 0 6px 5px -3px #bdbdbd; }
.p-top-sec01__info li:hover { transition: .2s; }
.p-top-sec01__info li:hover a { color: #fff; }
.p-top-sec01__info li:first-child { background: url(../images/top/top_monitoring_icon01.svg) no-repeat center 42% #5cb531; background-size: 25%; }
.p-top-sec01__info li:first-child:hover { background: url(../images/top/top_monitoring_icon01.svg) no-repeat center 42% #262626; background-size: 25%; }
.p-top-sec01__info li:nth-child(2) { background: url(../images/top/top_monitoring_icon02.svg) no-repeat center 42% #5cb531; background-size: 26%; }
.p-top-sec01__info li:nth-child(2):hover { background: url(../images/top/top_monitoring_icon02.svg) no-repeat center 42% #262626; background-size: 26%; }
.p-top-sec01__info li:nth-child(3) { background: url(../images/top/top_monitoring_icon03.svg) no-repeat center 42% #5cb531; background-size: 21%; margin: 0; }
.p-top-sec01__info li:nth-child(3):hover { background: url(../images/top/top_monitoring_icon03.svg) no-repeat center 42% #262626; background-size: 21%; }
.p-top-sec01__info li a { display: table-cell; vertical-align: middle; width: 100%; font-size: 1.7vw; color: #fff; padding: 25% 0 1%; letter-spacing: 3px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-top-sec01__info li a { font-size: 14px; } }

/* Scss Document */
.ui-datepicker { background: #efefef; padding: 0 0 10px; z-index: 9999!important; }
@media screen and (min-width: 1px) and (max-width: 767px) { .ui-datepicker { top: 440px !important; left: 5% !important; } }
.ui-datepicker-header { background: #5cb531; color: #fff; }
.ui-datepicker-header a { color: #fff; }
.ui-datepicker table thead tr th { color: #000000; background: #c9e2ae; }
.ui_tpicker_time_input { padding: 0px; }
.ui-datepicker td { padding: 4px 1px 0px 1px; }

@media screen and (min-width: 1px) and (max-width: 767px) { .ui-timepicker-div dl dd .ui_tpicker_time_input { max-width: 180px; } }

.l-inner__top { position: relative; display: table; width: 100%; margin: 40px 0 10px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top { margin: 0; } }
.l-inner__top__bread, .l-inner__top__btn { display: table-cell; vertical-align: middle; }
.l-inner__top__btn p.desc { text-align: right; }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__btn p.desc { float: right; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__bread, .l-inner__top__btn { display: block; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__bread { margin: 0 20px 20px; float: none; } }
.l-inner__top__bread li { display: inline-block; font-size: 14px; }
.l-inner__top__bread li::after { content: '>'; display: inline-block; margin: 0 -3px 0 1px; }
.l-inner__top__bread li:last-child::after { display: none; }
.l-inner__top__menu { display: none; }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__menu { display: block; margin: 0 0 20px; }
  .l-inner__top__menu li { width: 50%; border-bottom: 1px solid #eee; }
  .l-inner__top__menu li:nth-child(odd) { float: left; border-right: 1px solid #eee; }
  .l-inner__top__menu li:nth-child(even) { float: right; }
  .l-inner__top__menu li a { width: 100%; display: block; padding: 0 20px; background: url(../images/common/nav_side_arrow_icon.gif) no-repeat 90% center #fff; }
  .l-inner__top__menu li a.active { background: url(../images/common/nav_side_arrow_icon.gif) no-repeat 90% center #c9e2ae; }
  .l-inner__top__menu li a span { padding: 15px 30px; display: block; } }
@media screen and (min-width: 1px) and (max-width: 415px) {
  .l-inner__top__menu li a span { padding: 15px 25px; }
}
.l-inner__top__menu__data span { background: url(../images/common/nav_side_sub_type_icon01.svg) no-repeat left center; background-size: 19px; }
.l-inner__top__menu__exaggeration span { background: url(../images/common/nav_side_sub_type_icon02.svg) no-repeat left center; background-size: 19px; }
.l-inner__top__menu__figure span { background: url(../images/common/nav_side_sub_type_icon03.svg) no-repeat left center; background-size: 19px; }
.l-inner__top__menu__setting span { background: url(../images/common/nav_side_sub_type_icon04.svg) no-repeat left center; background-size: 19px; }
.l-inner__top__menu__list span { background: url(../images/common/nav_side_sub_type_icon05.svg) no-repeat left center; background-size: 19px; }
.l-inner__top__menu__user span { background: url(../images/common/nav_side_sub_type_icon06.svg) no-repeat left center; background-size: 19px; }
.l-inner__top__menu__alert span { background: url(../images/common/nav_side_sub_type_icon07.svg) no-repeat left center; background-size: 19px; }
.l-inner__top__menu__bulk span { background: url(../images/common/nav_side_type_icon04_green.svg) no-repeat left center; background-size: 19px; }
.l-inner__top__menu__patlite span { background: url(../images/common/nav_side_type_icon04_green.svg) no-repeat left center; background-size: 19px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__btn { width: 95%; margin: 0 auto; } }
.l-inner__top__btn__right { float: right; }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__btn__right { float: none; } }
.l-inner__top__btn__right__memo, .l-inner__top__btn__right__screen, .l-inner__top__btn__right__regist, .l-inner__top__btn__right__view, .l-inner__top__btn__patliteMst__regist {display: inline-block;vertical-align: top;width: 190px;text-align: center;margin: 0 0 0 15px;}
.l-inner__top__btn__right__sigfox_label {display: inline-block;vertical-align: top;width: 70px;text-align: center;margin: 14px 0 0 15px;}
.l-inner__top__btn__right__sigfox {display: inline-block;vertical-align: top;width: 100px;text-align: center;margin: 2px 0 0 0;}
.l-inner__top__btn__right__sigfox.ja input { padding: 6px; }
.l-inner__top__btn__right__sigfox_bt {display: inline-block;vertical-align: top;width: 90px;text-align: center;margin: 0 70px 0 0;padding-top: 6px;}
.l-inner__top__btn__right__sigfox_bt a {background: 15px center #5cb531;}
.l-inner__btn__user {display: inline-block;vertical-align: top;width: 150px;text-align: center;margin: 10px 0 0 0;}
.l-inner__btn__config {display: inline-block;vertical-align: top;width: 150px;text-align: center;margin: 10px 0 0 0;}
.l-inner__btn__exaggeration, .l-inner__btn__graph {display: inline-block;vertical-align: top;width: 190px;text-align: center;margin: 0 0 0 0;}
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__btn__exaggeration { width: 40%; margin: 0 0 0 50px; padding: 10px 0 0 0;} }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__btn__graph { width: 40%; margin: 0 0 0 50px;} }
@media screen and (min-width: 1px) and (max-width: 415px) { .l-inner__btn__graph { margin: 0 0 0 0; padding: 0 0 0 10px; } }
.l-inner__btn__map_graph {display: contents;vertical-align: top;width: 100%;text-align: center; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__right__memo, .l-inner__top__btn__right__screen, .l-inner__top__btn__right__regist, .l-inner__top__btn__right__view, .l-inner__top__btn__patliteMst__regist { width: 150px; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__btn__right__memo, .l-inner__top__btn__right__screen, .l-inner__top__btn__right__regist, .l-inner__top__btn__right__view, .l-inner__top__btn__patliteMst__regist { width: 48%; display: block; margin: 0 0 10px 0; } }
.l-inner__top__btn__right__memo a, .l-inner__top__btn__right__screen a, .l-inner__top__btn__right__regist a, .l-inner__top__btn__right__view a, .l-inner__btn__user a, .l-inner__btn__map a, .l-inner__btn__config a, .l-inner__btn__exaggeration a, .l-inner__btn__graph a, .l-inner__top__btn__right__view a, .l-inner__btn__user__filter a, .l-inner__top__btn__patliteMst__regist a {display: block;padding: 0 10px;width: 100%;box-shadow: 0 3px 2px -1px #b6b6b6;}
.l-header__sigfox a {display: block;padding: 0 10px;width: 100%;height: 30px;box-shadow: 0 3px 2px -1px #b6b6b6;}
.l-inner__btn__map_graph a {display: block;padding: 0 10px;width: 100%;box-shadow: 0 3px 2px -1px #b6b6b6;}
.l-inner__top__btn__right__memo a span, .l-inner__top__btn__right__screen a span, .l-inner__top__btn__right__regist a span, .l-inner__top__btn__right__view a span, .l-inner__btn__user a span, .l-inner__btn__config a span, .l-inner__btn__exaggeration a span, .l-inner__btn__graph a span, .l-inner__top__btn__right__sigfox_bt a span, .none_installation_btn span, .graph_save a span, .l-inner__btn__user__filter a, .l-inner__top__btn__patliteMst__regist a span {font-size: 14px;display: inline-block;vertical-align: middle;color: #fff;padding: 13px 0;}
.l-inner__btn__map a span {font-size: 14px;display: inline-block;vertical-align: middle;color: #fff;padding: 7px 0;}
.l-inner__btn__map_graph a span {font-size: 14px;display: inline-block;vertical-align: middle;color: #fff;padding: 7px 0;}
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__btn__right__memo a span, .l-inner__top__btn__right__screen a span, .l-inner__top__btn__right__regist a span, .l-inner__top__btn__right__view a span, .l-inner__top__btn__patliteMst__regist a span { font-size: 14px; } }
.l-inner__top__btn__right__memo a, .l-inner__top__btn__right__screen a, .l-inner__top__btn__right__regist a, .l-inner__top__btn__patliteMst__regist a { position: relative; background: #5cb531; }
.l-inner__btn__user a {position: relative;background: #5cb531;height: 35px;}
.l-inner__btn__config a {position: relative;background: #5cb531;height: 35px;}
.l-inner__btn__exaggeration a, .l-inner__btn__graph a {position: relative;background: #5cb531;}
.l-inner__btn__map a {position: relative;background: #5cb531;}
.l-inner__btn__map_graph a {position: relative;background: #5cb531;}
.l-inner__top__btn__right__memo a::before, .l-inner__top__btn__right__regist a::before, .l-inner__btn__graph a::before, .l-inner__top__btn__patliteMst__regist a::before { position: absolute; top: 17px; right: 17px; width: 6px; height: 6px; content: ''; border-right: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(45deg); }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__btn__right__memo a::before, .l-inner__top__btn__right__screen a::before, .l-inner__top__btn__right__regist a::before, .l-inner__top__btn__patliteMst__regist a::before { top: 14px; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__btn__right__memo, .l-inner__top__btn__right__screen { float: left; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__btn__right__screen.csv { float: right; } }
.l-inner__top__btn__right__memo a span { background: url(../images/common/nav_side_type_icon05.svg) no-repeat left center; background-size: 19px; padding: 13px 0 13px 27px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__btn__right__memo a span { padding: 13px 13px 13px 29px; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__btn__right__screen a span { padding: 13px 10px 13px 10px; } }
.l-inner__top__btn__right__regist a span {background: url(../images/common/btn_regist_icon.svg) no-repeat left center;background-size: 19px;padding: 13px 0 13px 30px;}
.l-inner__top__btn__patliteMst__regist a span {background: url(../images/common/nav_side_type_icon04.svg) no-repeat left center;background-size: 19px;padding: 13px 0 13px 30px;}
.l-inner__btn__user a span {background-size: 19px;padding: 13px 0 13px 0;}
.l-inner__btn__config a span {background-size: 19px;padding: 13px 0 13px 0;}
.l-inner__btn__exaggeration a span, .l-inner__btn__graph a span {background-size: 19px;padding: 13px 0 13px 0;}
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__btn__right__regist a span, .l-inner__top__btn__patliteMst__regist a span { padding: 10px 0 10px 30px; } }
.l-inner__top__btn__right__view { border-bottom: 5px solid #efefef; }
.l-inner__top__btn__right__view.open { background: url(../images/common/nav_side_close_icon.svg) no-repeat 15px center #5cb531; background-size: 11px; border-bottom: 5px solid #5cb531; }
.l-inner__top__btn__right__view a { background: url(../images/common/nav_side_open_view_icon.svg) no-repeat 15px center #5cb531; background-size: 11px; }
.l-inner__top__btn__right__view a span { background: url(../images/common/nav_side_type_icon04.svg) no-repeat left center; background-size: 20px; padding: 13px 0 13px 30px; }
.l-inner__top__btn__right__sigfox_bt a span {padding: 10px 0 0 0;}
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__btn__right__view a span { padding: 13px 0 13px 30px; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__btn__right__view { float: right; }
  .l-inner__top__btn__right__view.open { background: url(../images/common/nav_side_close_icon.svg) no-repeat 9px center #5cb531; background-size: 11px; }
  .l-inner__top__btn__right__view a { background: url(../images/common/nav_side_open_view_icon.svg) no-repeat 9px center #5cb531; background-size: 11px; } }
.l-inner__top__btn__menu {display: none;width: 100%;position: absolute;z-index: 50;top: 45px;left: 0;border: 5px solid #5cb531;}
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__btn__menu { top: 430px; } }
.l-inner__top__btn__menu dl dt { background: #c9e2ae; padding: 13px 20px; }
.l-inner__top__btn__menu dl dd {background: #fff;padding: 30px;}
.l-inner__top__btn__menu dl dd.data_plot {padding: 30px 30px 0 30px;}
.l-inner__top__btn__menu dl dd:nth-child(3).data_plot {padding: 0 30px 0 30px;}
.l-inner__top__btn__menu dl dd.between-last {padding: 0 30px 30px 30px;}
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__btn__menu dl dd, .l-inner__top__btn__menu dl dd.between-last { padding: 15px 10px; } }
.l-inner__top__btn__menu dl dd ul { display: table; }
.l-inner__top__btn__menu dl dd ul li {display: table-cell;vertical-align: middle;}
.l-inner__top__btn__menu dl dd ul.deviceList, .l-inner__top__btn__menu dl dd ul.summry { display: inline; }
.l-inner__top__btn__menu dl dd ul.deviceList li, .l-inner__top__btn__menu dl dd ul.summry li { display: inline-block; }
.l-inner__top__btn__menu dl dd ul.deviceList li { height: 20px; }
@media screen and (min-width: 1px) and (max-width: 415px) { .l-inner__top__btn__menu dl dd ul.summry li:last-child { padding: 10px 0 0 0; } }

.l-inner__top__btn__menu dl dd ul.dateTime {width: 100%;margin: 0 0 10px;}
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__btn__menu dl dd ul.dateTime { margin: 0 0 15px; } }
.l-inner__top__btn__menu dl dd ul.dateTime {margin: 10px 0 10px 0;}
.l-inner__top__btn__menu dl dd ul li.dateTime {display: inline-block;padding: 0;}
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu dl dd ul li.dateTime { margin: 0 0 0 16px; width: 65%; } }
@media screen and (min-width: 1px) and (max-width: 320px) { .l-inner__top__btn__menu dl dd ul li.dateTime { width: 60%; } }
.l-inner__top__btn__menu dl dd ul.dateTime li {display: table;display: inline-block;width: 33%;}
.l-inner__top__btn__menu dl dd ul.dateTime li .ui-datepicker-trigger { display: inline-block; vertical-align: middle; }
.l-inner__top__btn__menu dl dd ul.dateTime li form label { position: relative; }
.l-inner__top__btn__menu dl dd ul.dateTime li form label .ui-datepicker-trigger { background: #5cb531; background-size: 70%; cursor: pointer; content: ''; width: 34px; height: 35px; border: none; position: absolute; top: 5px; right: -10px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__btn__menu dl dd ul.dateTime li form label .ui-datepicker-trigger { width: 30px; height: 30px; top: 4px; } }
.l-inner__top__btn__menu dl:nth-child(2) dd ul.dateTime li input.hasDatepicker { display: inline-block; max-width: 230px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .l-inner__top__btn__menu dl dd ul.dateTime li input.hasDatepicker { max-width: 200px; } }
.l-inner__top__btn__menu dl dd ul.dateTime li form label .ui-datepicker-trigger { background: url(../images/device/device_calender_icon.svg) no-repeat center #5cb531; background-size: 70%; }
@media screen and (min-width: 1px) and (max-width: 1380px) { .l-inner__top__btn__menu dl dd ul.dateTime li { width: 42%; } }
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu dl dd ul.dateTime li { width: 75%; display: block; margin: 0 5px 10px; } }
@media screen and (min-width: 1px) and (max-width: 320px) { .l-inner__top__btn__menu dl dd ul.dateTime li { width: 100%; } }
.l-inner__top__btn__menu dl dd ul.dateTime li form label p { word-break: keep-all; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu dl dd ul.dateTime li { margin: 0 5px; } }

.l-inner__top__btn__menu dl:last-child dd { padding: 10px 30px 10px; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu dl:last-child dd { padding: 15px 10px 10px; } }
.l-inner__top__btn__menu__top { margin: 0 0 40px; }
.l-inner__top__btn__menu__top_daily { margin: 0 0 0; }
.data_plot ul.l-inner__top__btn__menu__top { margin: 5px 0 5px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .data_plot ul.l-inner__top__btn__menu__top { margin: 5px 0 15px; } }
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu__top { margin: 0 0 15px; } }
.l-inner__top__btn__menu__top li { padding: 0 30px 0 0; }
.l-inner__top__btn__menu__top li:last-child { padding: 0; }
.l-inner__top__btn__menu__bottom {display: table;width: 0%;}
.l-inner__top__btn__menu__bottom__left, .l-inner__top__btn__menu__bottom__right { display: table-cell; vertical-align: top; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu__bottom__left, .l-inner__top__btn__menu__bottom__right { display: block; } }
.l-inner__top__btn__menu__bottom__left ul, .l-inner__top__btn__menu__bottom__right ul { margin: 0 0 20px; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu__bottom__left ul, .l-inner__top__btn__menu__bottom__right ul { margin: 0 0 15px; } }
.l-inner__top__btn__menu__bottom__left ul form label p, .l-inner__top__btn__menu__bottom__right ul form label p { padding: 0; font-size: 12px; letter-spacing: 1px; word-break: keep-all; }
.l-inner__top__btn__menu__bottom__left {/* border-right: 1px solid #dedede; */padding: 16px 20px 0 0;}
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu__bottom__left { border-right: none; padding: 0; } }
.l-inner__top__btn__menu__bottom__left ul li {padding: 0 40px 0 0;}
.l-inner__top__btn__menu__bottom__left ul li:first-child form label { word-break: keep-all; }
.l-inner__top__btn__menu__bottom__left ul li:nth-child(2) {width: 20%;}
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu__bottom__left ul li:nth-child(2) { width: 44%; } }
.l-inner__top__btn__menu__bottom__left ul li:nth-child(2) form label p { width: 80px; font-size: 10px; }
.l-inner__top__btn__menu__bottom__left ul li:last-child { padding: 0; }
.l-inner__top__btn__menu__bottom__left ul li:last-child form label p { padding: 0 10px 0 0; }
.l-inner__top__btn__menu__bottom__left ul:last-child {/* margin: 30px 0 0; */}
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu__bottom__left ul { display: table; }
  .l-inner__top__btn__menu__bottom__left ul li { min-width: auto; }
  .l-inner__top__btn__menu__bottom__left ul li form label p { padding: 0; word-break: keep-all; } }
.l-inner__top__btn__menu__bottom__middle1, .l-inner__top__btn__menu__bottom__right { display: table-cell; vertical-align: top; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu__bottom__middle1, .l-inner__top__btn__menu__bottom__right { display: block; } }
.l-inner__top__btn__menu__bottom__middle1 ul, .l-inner__top__btn__menu__bottom__right ul { margin: 0 0 20px; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu__bottom__middle1 ul, .l-inner__top__btn__menu__bottom__right ul { margin: 0 0 15px; } }
.l-inner__top__btn__menu__bottom__middle1 ul form label p, .l-inner__top__btn__menu__bottom__right ul form label p { padding: 0; font-size: 12px; letter-spacing: 1px; word-break: keep-all; }
.l-inner__top__btn__menu__bottom__middle1 {/* border-right: 1px solid #dedede; */padding: 16px 30px 0 0;}
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu__bottom__middle1 { border-right: none; padding: 0; } }
.l-inner__top__btn__menu__bottom__middle1 ul li {padding: 0 40px 0 0;}
.l-inner__top__btn__menu__bottom__middle1 ul li:first-child form label { word-break: keep-all; }
.l-inner__top__btn__menu__bottom__middle1 ul li:nth-child(2) {width: 20%;}
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu__bottom__middle1 ul li:nth-child(2) { width: 44%; } }
.l-inner__top__btn__menu__bottom__middle1 ul li:nth-child(2) form label p { width: 80px; font-size: 10px; }
.l-inner__top__btn__menu__bottom__middle1 ul li:last-child { padding: 0; }
.l-inner__top__btn__menu__bottom__middle1 ul li:last-child form label p { padding: 0 10px 0 0; }
.l-inner__top__btn__menu__bottom__middle1 ul:last-child {/* margin: 30px 0 0; */}
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu__bottom__middle1 ul { display: table; }
  .l-inner__top__btn__menu__bottom__middle1 ul li { min-width: auto; }
  .l-inner__top__btn__menu__bottom__middle1 ul li form label p { padding: 0; word-break: keep-all; } }

.l-inner__top__btn__menu__bottom__middle2, .l-inner__top__btn__menu__bottom__right {display: table-cell;vertical-align: top;}
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu__bottom__middle2, .l-inner__top__btn__menu__bottom__right { display: block; } }
.l-inner__top__btn__menu__bottom__middle2 ul, .l-inner__top__btn__menu__bottom__right ul {/* margin: 0 0 20px; */}
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu__bottom__middle2 ul, .l-inner__top__btn__menu__bottom__right ul { margin: 0 0 15px; } }
.l-inner__top__btn__menu__bottom__middle2 ul form label p, .l-inner__top__btn__menu__bottom__right ul form label p { padding: 0; letter-spacing: 1px; word-break: keep-all; }
.l-inner__top__btn__menu__bottom__middle2_memo ul form label p,{ padding: 0; font-size: 18px; letter-spacing: 1px; word-break: keep-all; }
.l-inner__top__btn__menu__bottom__middle2 {border-right: 1px solid #dedede;padding: 0 30px 0 0;}
.l-inner__top__btn__menu__bottom__middle2 input { width: 100px; text-align: right; }
.l-inner__top__btn__menu__bottom__middle2_memo {border-right: 1px solid #dedede; padding: 20px 30px 0 0; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu__bottom__middle2 { border-right: none; padding: 0; } }
.l-inner__top__btn__menu__bottom__middle2 ul li {padding: 0 40px 0 0;}
.l-inner__top__btn__menu__bottom__middle2 ul li:first-child form label { word-break: keep-all; }
@media all and (-ms-high-contrast: none){ .l-inner__top__btn__menu__bottom__middle2 ul li:first-child form label { width: 320px; } }
.l-inner__top__btn__menu__bottom__middle2 ul li:nth-child(2) {width: 20%;}
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu__bottom__middle2 ul li:nth-child(2) { width: 44%; } }
.l-inner__top__btn__menu__bottom__middle2 ul li:nth-child(2) form label p { width: 80px; font-size: 10px; }
.l-inner__top__btn__menu__bottom__middle2 ul li:last-child { padding: 0; }
.l-inner__top__btn__menu__bottom__middle2 ul li:last-child form label p { padding: 0 10px 0 0; }
.l-inner__top__btn__menu__bottom__middle2 ul:last-child {/* margin: 30px 0 0; */}
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu__bottom__middle2 ul { display: table; }
  .l-inner__top__btn__menu__bottom__middle2 ul li { min-width: auto; }
  .l-inner__top__btn__menu__bottom__middle2 ul li form label p { padding: 0; word-break: keep-all; } }

.l-inner__top__btn__menu__bottom__right { padding: 0 0 0 30px; }
.l-inner__top__btn__menu__bottom__right ul li form input { text-align: right; }
.l-inner__top__btn__menu__bottom__right ul li form .checkbox {padding: 0 15px 0 30px;word-break: keep-all;/* font-size: 10px; */}
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu__bottom__right { padding: 0; }
  .l-inner__top__btn__menu__bottom__right ul { width: 45%; } }
@media screen and (min-width: 1px) and (max-width: 1190px) and (min-width: 1px) and (max-width: 767px) { .l-inner__top__btn__menu__bottom__right ul { width: 50%; } }
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu__bottom__right ul:nth-child(odd) { /*float: left;*/ }
  .l-inner__top__btn__menu__bottom__right ul:nth-child(even) { /*float: right;*/ }
  .l-inner__top__btn__menu__bottom__right ul li { width: 50%; } }
.l-inner__top__btn__menu__pulldown { position: relative; }
.l-inner__top__btn__menu__pulldown select {padding: 6px 10px;border-right: 35px solid #5cb531;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.l-inner__top__btn__menu__pulldown select::-ms-expand { display: none; }
.l-inner__top__btn__menu__pulldown::before { position: absolute; top: 1em; right: 15px; width: 5px; height: 5px; content: ''; border-right: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(135deg); pointer-events: none; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .l-inner__top__btn__menu__pulldown::before { top: 14px; right: 14px; } }
@media all and (-ms-high-contrast: none){ .l-inner__top__btn__menu__bottom__right label { width: 200px; } }

@media screen and (min-width: 1px) and (max-width: 767px) { .p-group01-sec01 { width: 95%; overflow-x: scroll; margin: 30px auto 0; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-group01-sec01__info { width: 1000px; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-group01-sec01__info_user { width: 1000px; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-group01-sec01__info_bulk { width: 1000px; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-group01-sec01__info_patliteMst { width: 1000px; } }
.p-group01-sec01__info tr th:first-child, .p-group01-sec01__info tr td:first-child { width: 29%; }
.p-group01-sec01__info tr th:nth-child(2), .p-group01-sec01__info tr td:nth-child(2) { width: 56%; }
.p-group01-sec01__info_memo tr th:first-child, .p-group01-sec01__info tr td:first-child { width: 20%; }
.p-group01-sec01__info_memo tr th:nth-child(2), .p-group01-sec01__info tr td:nth-child(2) { width: 20%; }
.p-group01-sec01__info_memo tr th:last-child, .p-group01-sec01__info tr td:last-child { width: 10%; }
.p-group01-sec01__info_memo tr td { cursor: pointer; }
.p-group01-sec01__info_memo tr td a, .p-group01-sec01__info_bulk_group tr td a { display: block; word-break: keep-all; margin: 0 auto; padding: 8px 15px; color: #fff; background: #5cb531; box-shadow: 0 2px 4px -2px #000; }

.p-group01-sec01__info_user tr th:first-child, .p-group01-sec01__info_user tr td:first-child { width: 29%; }
.p-group01-sec01__info_user tr th:nth-child(2), .p-group01-sec01__info_user tr td:nth-child(2) { width: 56%; }
.p-group01-sec01__info_user tr th:first-child { width: 20%; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-group01-sec01__info_user tr th:nth-child(2), .p-group01-sec01__info_user tr td:nth-child(2) { width: 40%; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-group01-sec01__info_user tr th:nth-child(2), .p-group01-sec01__info_user tr td:nth-child(2) { width: auto; } }
.p-group01-sec01__info_user tr td:first-child p, .p-group01-sec01__info_user tr td:nth-child(2) p { text-align: left; }
.p-group01-sec01__info_user tr td:first-child p { padding: 0 7%; }
.p-group01-sec01__info_user tr td:nth-child(2) p { padding: 0 4%; }
.p-group01-sec01__info_user tr td:nth-child(4) a, .p-group01-sec01__info_user tr td:nth-child(5) a { display: block; margin: 0 5px; height: 30px; box-shadow: 0 3px 2px -1px #b6b6b6; }
.p-group01-sec01__info_user tr td:nth-child(4) a { background: url(../images/group/group_edit_icon.svg) no-repeat center #5cb531; background-size: 20px; }
.p-group01-sec01__info_user tr td:nth-child(5) a { background: url(../images/group/group_delete_icon.svg) no-repeat center #5cb531; background-size: 17px; }
.p-group01-sec01__info_patliteMst tr td:nth-child(4) a, .p-group01-sec01__info_patliteMst tr td:nth-child(5) a { display: block; margin: 0 5px; height: 30px; box-shadow: 0 3px 2px -1px #b6b6b6; }
.p-group01-sec01__info_patliteMst tr td:nth-child(4) a { background: url(../images/group/group_edit_icon.svg) no-repeat center #5cb531; background-size: 20px; }
.p-group01-sec01__info_patliteMst tr td:nth-child(5) a { background: url(../images/group/group_delete_icon.svg) no-repeat center #5cb531; background-size: 17px; }
@media screen and (min-width: 1px) and (max-width: 415px) { table.p-group01-sec01__info_memo.alert { width: 700px; } }
.p-group01-sec01__info_memo.alert tr td { cursor: default; }
.p-group01-sec01__info_memo.alert tr td.imageDisp { cursor: pointer; }
.p-group01-sec01__info_memo.alert tr td.imageDisp p { text-decoration: underline; color: blue; }
form label p.config.setting, table tr th.setting { cursor: pointer; text-decoration: underline; color: blue; }
table.manual { padding:10px 0 0 0; width:50%; }
@media screen and (min-width: 1px) and (max-width: 415px) { table.manual { width:100%; } }
table.manual tr td:nth-child(2) a { display: block; margin: 0 5px; height: 30px; box-shadow: 0 3px 2px -1px #b6b6b6; }
table.manual tr td:nth-child(2) a { background: url(../images/group/group_edit_icon.svg) no-repeat center #5cb531; background-size: 20px; }
table.manual tr td:nth-child(3) a { display: block; margin: 0 5px; height: 30px; box-shadow: 0 3px 2px -1px #b6b6b6; }
table.manual tr td:nth-child(3) a { background: url(../images/group/manual_download_icon.svg) no-repeat center #5cb531; background-size: 20px; }

.p-group01-sec01__info_bulk_device { float: right; }
.p-group01-sec01__info_bulk_device tr th:first-child, .p-group01-sec01__info_bulk_device tr td:first-child { width: 8%; white-space: pre; }
.p-group01-sec01__info_bulk_device tr th:nth-child(2), .p-group01-sec01__info_bulk_device tr td:nth-child(2) { width: 20%; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-group01-sec01__info_bulk_device tr th:nth-child(2), .p-group01-sec01__info_bulk_device tr td:nth-child(2) { width: 40%; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-group01-sec01__info_bulk_device tr th:nth-child(2), .p-group01-sec01__info_bulk_device tr td:nth-child(2) { width: auto; } }
.p-group01-sec01__info_bulk_device tr td:first-child p, .p-group01-sec01__info_bulk_device tr td:nth-child(2) p { text-align: left; }
.p-group01-sec01__info_bulk_device tr td:first-child p { padding: 0 7%; }
.p-group01-sec01__info_bulk_device tr td:nth-child(2) p { padding: 0 4%; }
.p-group01-sec01__info_bulk_device tr td:nth-child(4) a, .p-group01-sec01__info_bulk_device tr td:nth-child(5) a { display: block; margin: 0 5px; height: 30px; box-shadow: 0 3px 2px -1px #b6b6b6; }
.p-group01-sec01__info_bulk_device tr td:nth-child(4) a { background: url(../images/group/group_edit_icon.svg) no-repeat center #5cb531; background-size: 20px; }
.p-group01-sec01__info_bulk_device tr td:nth-child(5) a { background: url(../images/group/group_delete_icon.svg) no-repeat center #5cb531; background-size: 17px; }
.p-group01-sec01__info_bulk_device tr td, p-group01-sec01__info_bulk_group tr td { padding: 6px 4px; }
.p-group01-sec01__info_bulk_device tr td input[type=text], .p-group01-sec01__info_bulk_group tr td input[type=text] { transform: scale(1); font-size: 14px; }

tr.config_value td:nth-child(2) input {text-align: left;}
tr.config_value td:nth-child(3) input, 
tr.config_value td:nth-child(4) input, 
tr.config_value td:nth-child(5) input, 
tr.config_value td:nth-child(6) input, 
tr.config_value td:nth-child(7) input, 
tr.config_value td:nth-child(8) input, 
tr.config_value td:nth-child(9) input, 
tr.config_value td:nth-child(10) input, 
tr.config_value td:nth-child(11) input {
	text-align: right;
}
tr.config_value td .checkbox:before {top: -10px;}
tr.config_value td .checkbox:after {top: -10px;}
@media screen and (min-width: 1px) and (max-width: 767px) { .p-group01-sec01__info_bulk_group { width: 1250px; } }
.p-group01-sec01__info_bulk_group tr th, .p-group01-sec01__info_bulk_group tr td.name {width: 15%;border-left: 1px solid #cbcbcb;}
.p-group01-sec01__info_bulk_group tr th:nth-child(2) {width: 15%;}
.p-group01-sec01__info_bulk_group tr th:nth-child(3) {width: 35%;}
.p-group01-sec01__info_bulk_group tr th:nth-child(4), .p-group01-sec01__info_bulk_group tr td.enable {width: 6%; white-space: pre-line; }
.p-group01-sec01__info_bulk_group tr th:nth-child(5), .p-group01-sec01__info_bulk_group tr td.devices {width: 23%}
.p-group01-sec01__info_bulk_group tr th:nth-child(6), .p-group01-sec01__info_bulk_group tr td.testMail {width: 6%;border-right: 1px solid #cbcbcb; white-space: pre-line; }
.p-group01-sec01__info_bulk_group tr td.name { line-height: 20px; }
.p-group01-sec01__info_bulk_group tr td.explain {width: 15%; line-height: 20px; }
.p-group01-sec01__info_bulk_group tr td.explain.imageDisp { cursor: pointer; text-decoration: underline; color: blue; }
.p-group01-sec01__info_bulk_group tr td.address {width: 6%;}
.p-group01-sec01__info_bulk_group tr td.address_value {width: 29%;}
.p-group01-sec01__info_bulk_group tr td {background: #fff!important;}
.p-group01-sec01__info_bulk_group tr td.enable .checkbox:before {top: -10px;}
.p-group01-sec01__info_bulk_group tr td.enable .checkbox:after {top: -10px;}


@media screen and (min-width: 1px) and (max-width: 1190px) { .p-group01-sec01__info_bulk_group tr th:nth-child(2), .p-group01-sec01__info_bulk_group tr td:nth-child(2) { width: 40%; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-group01-sec01__info_bulk_group tr th:nth-child(2), .p-group01-sec01__info_bulk_group tr td:nth-child(2) { width: auto; } }
.p-group01-sec01__info_bulk_group tr td:first-child p, .p-group01-sec01__info_bulk_group tr td:nth-child(2) p { text-align: left; }
.p-group01-sec01__info_bulk_group tr td:first-child p { padding: 0 7%; }
.p-group01-sec01__info_bulk_group tr td:nth-child(2) p { padding: 0 4%; }
.p-group01-sec01__info_bulk_group tr td:nth-child(4) a, .p-group01-sec01__info_bulk_group tr td:nth-child(5) a { display: block; margin: 0 5px; height: 30px; box-shadow: 0 3px 2px -1px #b6b6b6; }
.p-group01-sec01__info_bulk_group tr td:nth-child(4) a { background: url(../images/group/group_edit_icon.svg) no-repeat center #5cb531; background-size: 20px; }
.p-group01-sec01__info_bulk_group tr td:nth-child(5) a { background: url(../images/group/group_delete_icon.svg) no-repeat center #5cb531; background-size: 17px; }
.p-group01-sec01__info_bulk_group tr th:last-child, table tr td:last-child { border-right: 1px solid #cbcbcb; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-group01-sec01__info_bulk_group tr th:last-child, .p-group01-sec01__info_bulk_group tr td:last-child { width: 6%; } }


@media screen and (min-width: 1px) and (max-width: 1190px) { .p-group01-sec01__info tr th:nth-child(2), .p-group01-sec01__info tr td:nth-child(2) { width: 40%; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-group01-sec01__info tr th:nth-child(2), .p-group01-sec01__info tr td:nth-child(2) { width: auto; } }
.p-group01-sec01__info tr td:first-child p, .p-group01-sec01__info tr td:nth-child(2) p { text-align: left; }
.p-group01-sec01__info tr td:first-child p { padding: 0 7%; }
.p-group01-sec01__info tr td:nth-child(2) p { padding: 0 4%; }
.p-group01-sec01__info tr td:nth-child(4) a, .p-group01-sec01__info tr td:nth-child(5) a { display: block; margin: 0 5px; height: 30px; box-shadow: 0 3px 2px -1px #b6b6b6; }
.p-group01-sec01__info tr td:nth-child(4) a { background: url(../images/group/group_edit_icon.svg) no-repeat center #5cb531; background-size: 20px; }
.p-group01-sec01__info tr td:nth-child(5) a { background: url(../images/group/group_delete_icon.svg) no-repeat center #5cb531; background-size: 17px; }

@media screen and (min-width: 1px) and (max-width: 767px){ li.l-inner__text__user__filter {margin-left: -6% !important;}}
.p-group01-sec01 .user_filter { margin-bottom: 5px; }
@media screen and (min-width: 1px) and (max-width: 767px){ .p-group01-sec01 .user_filter li input { width: auto;}}
.p-group01-sec01 .user_filter li input { position: relative; }
li.l-inner__text__user__filter { display: inline-block; width: 30%; margin-left: -3%;}

ul.user_radio_select_group { margin: 10px 0;}

/*table.p-group01-sec01__info_user_group { margin-top: 10px;}*/
table.p-group01-sec01__info_user_group tr th:first-child, .p-group01-sec01__info_user_group tr td:first-child { width: 5%; }
table.p-group01-sec01__info_user_group tr th:nth-child(2), .p-group01-sec01__info_user_group tr td:nth-child(2) { width: 95%; }
@media screen and (min-width: 1px) and (max-width: 415px) { 
table.p-group01-sec01__info_user_group tr th:first-child, .p-group01-sec01__info_user_group tr td:first-child { width: 18%; }
table.p-group01-sec01__info_user_group tr th:nth-child(2), .p-group01-sec01__info_user_group tr td:nth-child(2) { width: 82%; }
}
table.p-group01-sec01__info_user_group tr td:nth-child(2) p { text-align: left; }
table.p-group01-sec01__info_user_group input {vertical-align: middle;}
table.p-group01-sec01__info_user_group tr td:first-child p { padding: 0 7%; }
table.p-group01-sec01__info_user_group tr td:nth-child(2) p { padding: 0 4%; height: 30px; line-height: 30px; }
table.p-group01-sec01__info_user_group tr td .checkbox:before { top: -10px; }
table.p-group01-sec01__info_user_group tr td .checkbox:after { top: -10px; }

.l-inner__btn__user__filter { display: inline-block; text-align: center; width: 190px;}
.l-inner__btn__user__filter a { position: relative; background: #5cb531;}
@media screen and (min-width: 1px) and (max-width: 767px){ .l-inner__btn__user__filter { display: block; width: 40%; margin-bottom: 10px}}

.p-group02-sec01__info__map img { width: 100%; height: auto; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-group02-sec01__info__map img { height: 425px; } }
.p-group02-sec01__info__legend { display: table; width: 100%; height: 70px; margin: 5px auto 50px; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-group02-sec01__info__legend { width: 90%; } }
.p-group02-sec01__info__legend dt, .p-group02-sec01__info__legend dd { display: table-cell; vertical-align: middle; font-size: 14px; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-group02-sec01__info__legend dt, .p-group02-sec01__info__legend dd { display: block; } }
.p-group02-sec01__info__legend dt { background: #c9e2ae; text-align: center; width: 80px; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-group02-sec01__info__legend dt { width: 100%; padding: 10px 0; } }
.p-group02-sec01__info__legend dd { background: #fff; padding: 0 0 0 30px; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-group02-sec01__info__legend dd { padding: 10px 15px; } }
.p-group02-sec01__info__legend dd ul li { display: inline-block; vertical-align: middle; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-group02-sec01__info__legend { margin: 10px auto; } }
.p-group02-sec01__info__legend dd ul li { padding: 5px 23px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-group02-sec01__info__legend dd ul li { margin: 0 0 10px 0; padding: 5px 20px; } }
.p-group02-sec01__info__legend dd ul li:first-child { background: url(../images/group/group_legend_icon01.svg) no-repeat left center; background-size: 15px; }
.p-group02-sec01__info__legend dd ul li:nth-child(2) { background: url(../images/group/group_legend_icon02.svg) no-repeat left center; background-size: 15px; }
.p-group02-sec01__info__legend dd ul li:nth-child(3) { background: url(../images/group/group_legend_icon03.svg) no-repeat left center; background-size: 15px; }
.p-group02-sec01__info__legend dd ul li:nth-child(4) { background: url(../images/group/group_legend_icon04.svg) no-repeat left center; background-size: 15px; }
.p-group02-sec01__info__legend dd ul li:nth-child(5) { background: url(../images/group/group_legend_icon05.svg) no-repeat left center; background-size: 15px; }

@media screen and (min-width: 1px) and (max-width: 767px) { .p-group02-sec02 { width: 90%; margin: 0 auto; overflow-x: scroll; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-group02-sec02__info { width: 950px; } }
@media screen and (min-width: 1px) and (max-width: 415px) { .p-group02-sec02__info { width: 750px; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device02-sec01__alart .p-group02-sec02__info { width: 100%; } }
.p-group02-sec02__info tr th, .p-group02-sec02__info tr td { width: 30%; }
.p-group02-sec01__alart .p-group02-sec02__info tr th:nth-child(1), .p-group02-sec01__alart .p-group02-sec02__info tr td:nth-child(1), .p-group02-sec01__alart .p-group02-sec02__info tr th:nth-child(2), .p-group02-sec01__alart .p-group02-sec02__info tr td:nth-child(2), .p-group02-sec01__alart .p-group02-sec02__info tr th:nth-child(3), .p-group02-sec01__alart .p-group02-sec02__info tr td:nth-child(3) { width: 16%; }
.p-group02-sec01__alart .p-group02-sec02__info tr th:nth-child(4), .p-group02-sec01__alart .p-group02-sec02__info tr td:nth-child(4) { width: 45%; }
.p-group02-sec01__alart .p-group02-sec02__info tr th:nth-child(5), .p-group02-sec01__alart .p-group02-sec02__info tr td:nth-child(5) { width: 7%; }
.p-group02-sec02__info tr th:last-child, .p-group02-sec02__info tr td:last-child { width: 7%; }
.p-group02-sec02__info tr td a { display: block; word-break: keep-all; margin: 0 auto; padding: 8px 15px; color: #fff; background: #5cb531; box-shadow: 0 2px 4px -2px #000; }
.p-group02-sec02__info tr td a.cancel { background: #888; box-shadow: none; }
.p-group02-sec02__info tr td span { display: block; margin: 0 0 0 2%; text-align: center; line-height: 20px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-group02-sec02__info tr td:first-child span { padding: 0 20px 0; line-height: initial; } }
@media screen and (min-width: 1px) and (max-width: 415px) { .p-group02-sec02__info tr td:first-child span { padding: 0 10px 0; } }
.p-group02-sec02__info__alarm01 td span { background: url(../images/common/nav_side_alarm_icon01.svg) no-repeat left center; background-size: 20px; }
.p-group02-sec02__info__alarm01 td:nth-child(3), .p-group02-sec02__info__alarm01 td:nth-child(4) { color: #d64340; }
.p-group02-sec02__info__alarm02 td span { background: url(../images/common/nav_side_alarm_icon02.svg) no-repeat left center; background-size: 20px; }
.p-group02-sec02__info__alarm02 td:nth-child(3), .p-group02-sec02__info__alarm02 td:nth-child(4) { color: #ff7f15; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-group02-sec02__info__alarm01 td span, .p-group02-sec02__info__alarm02 td span { background-size: 15px; } }
@media screen and (min-width: 1px) and (max-width: 415px) { .p-group02-sec02__info__alarm01 td span, .p-group02-sec02__info__alarm02 td span { background-size: 10px; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-group02-sec02__info_device { width: 950px; } }
.p-group02-sec02__info_device tr th, .p-group02-sec02__info_device tr td { width: 5%; }
.p-group02-sec02__info_device tr th:last-child, .p-group02-sec02__info_device tr td:last-child { width: 7%; }
.p-group02-sec02__info_device tr td a { display: block; word-break: keep-all; margin: 0 auto; padding: 8px 15px; color: #fff; background: #5cb531; box-shadow: 0 2px 4px -2px #000; }
.p-group02-sec02__info_device tr td a.cancel { background: #888; box-shadow: none; }
.p-group02-sec02__info_device tr td span { display: block; margin: 0 0 0 2%; padding: 7px 0 7px 20%; text-align: left; }
.p-group02-sec02__info_device td span { background: url(../images/common/nav_side_alarm_icon01.svg) no-repeat left center; background-size: 20px; }
.p-group02-sec02__info_device td:nth-child(3) { color: #d64340; }
.p-group02-sec02__info_device td span { background: url(../images/common/nav_side_alarm_icon02.svg) no-repeat left center; background-size: 20px; }
.p-group02-sec02__info_device td:nth-child(3) { color: #ff7f15; }

.p-device01-sec01__info dl, .p-device03-sec01__info dl { display: table; width: 100%; height: 160px; }
.p-device01-sec01__info dl dt, .p-device01-sec01__info dl dd, .p-device03-sec01__info dl dt, .p-device03-sec01__info dl dd { display: table-cell; vertical-align: middle; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device01-sec01__info dl dt, .p-device01-sec01__info dl dd, .p-device03-sec01__info dl dt, .p-device03-sec01__info dl dd { width: 100%; display: block; } }
.p-device01-sec01__info dl dt, .p-device03-sec01__info dl dt {background: #c9e2ae;width: 80px;padding: 0 10px;text-align: center;line-height: 1.7; white-space: pre; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device01-sec01__info dl dt, .p-device03-sec01__info dl dt { width: 100%; padding: 10px 0; margin: 10px 0 0 0} }
.p-device03-sec01__info dl dd ul.l-inner__btn_inst_comp {
    width: 100%;
    display: table;
    height: fit-content;
}
.p-device01-sec01__info dl dd ul, .p-device03-sec01__info dl dd ul {width: 100%;height: 100%;display: table;}
.p-device03-sec01__info dl dd ul.l-inner__top__btn__menu__top_daily {width: 100%;height: 100%;display: inline !important;}
.p-device03-sec01__info dl dd ul.l-inner__top__btn__menu__top_last {width: 100%;height: 100%;display: inline !important;}


.p-device03-sec01__info dl dd ul.config {width: 60%;height: 50%;display: table;}
.p-device03-sec01__info dl dd ul.config.basePoint {width: 80%;}
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device03-sec01__info .p-device01-sec01__info__magnification dl dd ul.config { width: 100%; } }
@media screen and (min-width: 1px) and (max-width: 415px) { .p-device03-sec01__info .p-device01-sec01__info__magnification dl dd ul.config li p { margin: 10px 0px 20px 0px; } }
.p-device03-sec01__info dl dd ul.l-inner__btn_inst_comp li {
    vertical-align: middle;
    background: #fff;
    display: block;
}
.p-device01-sec01__info dl dd ul li, .p-device03-sec01__info dl dd ul li {display: table-cell;vertical-align: middle;background: #fff;}


.p-device03-sec01__info dl dd ul li.config {display: table-cell;background: #fff;}
.p-device03-sec01__info dl dd ul li.config.tempCoeff { width: 390px; }
.p-device03-sec01__info dl dd ul li.config.correctData { width: 390px; }
.p-device03-sec01__info dl dd ul li.config.correctUpdateTime { width: 450px; }
@media screen and (min-width: 1px) and (max-width: 415px) { .p-device03-sec01__info dl dd ul li.config.correctUpdateTime { display: table-row; } }
.p-device03-sec01__info dl dd ul li.config.tempCoeffDl { width: 350px; padding: 0 0 0 30px }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device03-sec01__info dl dd ul { margin: 10px 0 0 0; } }
@media screen and (min-width: 1px) and (max-width: 415px) { .p-device03-sec01__info dl dd ul li { display: table-row; } }
.p-device01-sec01__info dl dd ul li form, .p-device03-sec01__info dl dd ul li form {padding: 0 0 0 30px;}
@media screen and (min-width: 1px) and (max-width: 415px) { .p-device03-sec01__info dl dd ul li form { padding: 0 0 0 0; } }
.p-device01-sec01__info dl dd ul li form, .p-device03-sec01__info dl dd ul li form.config {padding: 0 0 0 0;}
.p-device01-sec01__info dl dd ul li form label p, .p-device03-sec01__info dl dd ul li form label p { word-break: keep-all; }
.p-device01-sec01__info dl dd ul li.exaggeration:first-child { padding-left: 20px;}
.p-device03-sec01-border { border-top: 1px solid #dedede; padding: 8px; }
@media screen and (min-width: 1px) and (max-width: 415px) { .p-device01-sec01__info dl dd ul li.exaggeration { padding-left: 0px;} }

.p-device01-sec01__info__calender { width: 100%; }
.p-device01-sec01__info__magnification p.separator {padding: 20px 0 2px 0;font-size: 22px;font-weight: bold;}
.p-device01-sec01__info__magnification p.separator.Temp_coeff_auto { white-space: pre; padding: 20px 0 10px 0; }
.p-device01-sec01__info__magnification p.separator_middle {padding: 20px 0 2px 10px;font-size: 18px;font-weight: bold;}
.p-device01-sec01__info__magnification p.separator_middle_daily {padding: 20px 0 2px 10px;font-size: 18px;font-weight: bold; display: inline-block;}
.p-device01-sec01__info__magnification p.separator_middle_last {padding: 20px 0 2px 10px;font-size: 18px;font-weight: bold; display: inline-block;}
.p-device01-sec01__info__magnification p.separator_middle_tempCoeff, .p-device01-sec01__info__magnification p.separator_correctData {padding: 20px 0 2px 0px;font-size: 22px;font-weight: bold; display: inline-block;}
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device01-sec01__info__magnification p.separator {font-size: 18px;} }
@media screen and (min-width: 1px) and (max-width: 415px) { .p-device01-sec01__info__magnification p.separator {font-size: 16px; width:350px;} }
.p-device01-sec01__info__magnification p.reservedate {padding: 20px 0 0px 0;}
.p-device01-sec01__info__calender form input {max-width: 230px;}
.p-device01-sec01__info__magnification form input.user_registration {max-width: 500px;}
.p-device01-sec01__info__magnification form input.user_edit {max-width: 500px;background: #dedede;}
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device01-sec01__info__magnification form input, .p-device01-sec01__info__calender form input { min-width: 200px; max-width: 300px; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device01-sec01__info__magnification form input.threshold { min-width: 120px; max-width: 120px; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device01-sec01__info__magnification form input.ext_initValue { min-width: 120px; max-width: 120px; } }
.p-device01-sec01__info__calender { display: table; margin: 0 0 20px; }
li.exaggeration .p-device01-sec01__info__calender { margin: 0 0 5px; }
.p-device01-sec01__info__calender form, .p-device01-sec01__info__calender .ui-datepicker-trigger { display: inline-block; vertical-align: middle; }
.p-device01-sec01__info__calender form label { position: relative; }
.p-device01-sec01__info__calender form label .ui-datepicker-trigger { background: #5cb531; background-size: 70%; cursor: pointer; content: ''; width: 34px; height: 35px; border: none; position: absolute; top: 5px; right: -10px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device01-sec01__info__calender form label .ui-datepicker-trigger { width: 30px; height: 30px; top: 4px; } }
.p-device01-sec01__info__calender input.hasDatepicker { display: inline-block; max-width: 230px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device01-sec01__info__calender input.hasDatepicker { max-width: 280px; } }
.p-device01-sec01__info__calender form label .ui-datepicker-trigger { background: url(../images/device/device_calender_icon.svg) no-repeat center #5cb531; background-size: 70%; }
.p-device01-sec01__info__direction { background: #c9e2ae; width: 100%; height: 100%; }
.p-device01-sec01__info__direction__inner { display: table; width: 100%; height: 100%; }
.p-device01-sec01__info__direction__inner p { position: relative; display: table-cell; vertical-align: middle; }
.p-device01-sec01__info__direction__inner p span { display: block; position: absolute; top: 15px; }
@media screen and (min-width: 1px) and (max-width: 415px) { .p-device01-sec01__info__direction__inner p span { top: 17px; font-size: 10px; } }
.p-device01-sec01__info__direction__inner p img { display: block; }
.p-device01-sec01__info__direction__inner p:first-child { padding: 0 0 0 10px; }
.p-device01-sec01__info__direction__inner p:first-child span { left: 10px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device01-sec01__info__direction__inner p:first-child span { left: 5px; } }
.p-device01-sec01__info__direction__inner p:first-child img { width: 87px; margin: 2px 0 0 50px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device01-sec01__info__direction__inner p:first-child img { width: 56%; margin: 2px 0 0 24%; } li.exaggeration .p-device01-sec01__info__direction__inner p:first-child img { width: 35%; margin: 2px 0 0 45%; } }
.p-device01-sec01__info__direction__inner p:nth-child(2) span { left: 12px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device01-sec01__info__direction__inner p:nth-child(2) span { left: -17px; } }
.p-device01-sec01__info__direction__inner p:nth-child(2) img { width: 82px; margin: 13px 0 0 50px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device01-sec01__info__direction__inner p:nth-child(2) img { width: 60%; margin: 10px 0 0 11%; } li.exaggeration .p-device01-sec01__info__direction__inner p:nth-child(2) img { width: 30%; margin: 10px 0 0 35%; } }
.p-device01-sec01__info__direction__inner p:last-child span { position: static; padding: 0 0 0 30px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device01-sec01__info__direction__inner p:last-child span { width: 110px; display: block; padding: 0; } }
.p-device01-sec01__info__magnification form input { text-align: center; }
.p-device01-sec01__info__magnification form input.user_registration {text-align: left;}
.p-device01-sec01__info__magnification form input.patlite_name {text-align: left;}
.p-device01-sec01__info__magnification form select.user_authority { margin-left: 8.5%; width: 200px;}
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device01-sec01__info__magnification form select.user_authority {width: 120px;display: block;padding: 0;margin-left: 10%;} }
.p-device01-sec01__info__magnification form input.num {text-align: right;}
.p-device01-sec01__info__magnification form input.user_edit {text-align: left;}
.p-device01-sec01__info dl dd ul li:first-child { width: 46%; }
.p-device01-sec01__info dl dd ul li:last-child { width: 54%; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device01-sec01__info dl dd ul li { width: 100%; display: block; }
  .p-device01-sec01__info dl dd ul li:first-child, .p-device01-sec01__info dl dd ul li:last-child { width: 100%; }
  .p-device01-sec01__info dl dd ul li:first-child { padding: 20px 0; } }
.p-device01-sec01__info dl dd ul li form label p {width: 200px;}
.p-device01-sec01__info dl dd ul li.exaggeration form label p {width: 130px;}

.p-device03-sec01 { margin: 0 auto 15px; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device01-sec01, .p-device03-sec01 { width: 95%; margin: 30px auto; } }
.p-device03-sec01__info { width: 100%; background: #fff; }
.p-device03-sec01__info__caption { padding: 20px 0 10px; font-weight: bold; }

p.p-device03-sec01__info__caption_inst_comp {
    padding: 0 0 10px;
    font-weight: bold;
}
.p-device03-sec01__info__caption span { color: #f00; font-weight: bold; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device03-sec01__info__caption { padding: 15px 0 10px; } }
.p-device03-sec01__info__radio { margin: 20px 0; }
.p-device03-sec01__info__radio__ttl, .p-device03-sec01__info__radio__inner { display: table-cell; vertical-align: middle; line-height: 20px; }
.p-device03-sec01__info__radio__inner .radio { margin: 0 10px 0 0; }
.p-device03-sec01__info__radio__ttl { width: 18em; line-height: 1.8; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device03-sec01__info__radio__ttl { word-break: break-all; width: 10em; line-height: 1.8; font-size: 12px; } }
.p-device03-sec01__info__radio form { display: table; }
.p-device03-sec01__info__pulldown { width: 50%; }
@media screen and (min-width: 1px) and (max-width: 1380px) { .p-device03-sec01__info__pulldown { width: 80%; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device03-sec01__info__pulldown { width: 100%; } }
.p-device03-sec01__info__pulldown__ttl { width: 27em; line-height: 1.8; white-space: pre; }
.p-device03-sec01__info dl dd div form label input.downlinkPlanDateTime { transform: scale(1); padding: 6px 10px; font-size:14px; }
.p-device03-sec01__info dl dd div form label p.downlinkPlanDateTime_NoDisp { color:red; font-weight:bold; padding: 0 0 0 0; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device03-sec01__info__pulldown__ttl { word-break: break-all; width: 18em; line-height: 1.8; } }
@media screen and (min-width: 1px) and (max-width: 415px) { .p-device03-sec01__info__pulldown__ttl { white-space: normal; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device03-sec01__info__pulldown form { width: 95%; } }
.p-device03-sec01__info__pulldown form label { position: relative; width: 100%; margin: 0 0 20px; }
.p-device03-sec01__info__pulldown form label select { padding: 6px 10px; border-right: 35px solid #5cb531; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.p-device03-sec01__info__pulldown form label select::-ms-expand { display: none; }
.p-device03-sec01__info__pulldown form label::before { position: absolute; top: 1em; right: 40px; width: 5px; height: 5px; content: ''; border-right: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(135deg); pointer-events: none; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device03-sec01__info__pulldown form label::before { top: 14px; right: 14px; } }
.p-device03-sec01__info__pulldown form label select { min-width: 300px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device03-sec01__info__pulldown form label select { min-width: auto; } }
.p-device03-sec01 dl dd { padding: 0 0 0 30px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device03-sec01 dl dd { padding: 0 0 0 5px; } }
@media screen and (min-width: 1px) and (max-width: 415px) { .p-device03-sec01 dl dd { padding: 0 0 0 0; } }

.p-device01-sec02__info li:last-child, .p-device03-sec02__info li:last-child { float: right; width: 53%; height: auto; margin: 45px auto 0; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device01-sec02__info li:last-child, .p-device03-sec02__info li:last-child { width: 90%; float: none; } }
.p-device01-sec02__info__cube, .p-device03-sec02__info__cube { margin: 0; height: 400px; background-color: #f7f7f7; position: relative; overflow: hidden; box-shadow: 2px 2px 2px -1px #b6b6b6; float: left; width: 42%; margin: 45px auto 0; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device01-sec02__info__cube, .p-device03-sec02__info__cube { height: 330px; } }
.p-device01-sec02__info__cube img, .p-device03-sec02__info__cube img { width: auto; max-width: 100%; }
.p-device01-sec02__info__cube::after, .p-device03-sec02__info__cube::after { content: ""; display: block; position: absolute; top: 0; bottom: -170px; left: 0; right: 0; width: 120px; height: 70px; border-radius: 0; margin: auto; background: url(../images/device/shadow.png) no-repeat center; background-size: 120% 54%; opacity: 0.3; }
.p-device01-sec02__info__cube__inner, .p-device03-sec02__info__cube__inner { position: absolute; width: 100px; height: 100px; top: 0px; left: 0px; right: 0; transform: rotateX(0deg); transform-style: preserve-3d; bottom: -10px; margin: auto; overflow: visible; z-index: 1; transition: 2s ease; }
.p-device01-sec02__info__cube__inner:hover, .p-device03-sec02__info__cube__inner:hover { transform: rotateX(600deg) rotateY(600deg); }
.p-device01-sec02__info__cube__inner .front, .p-device01-sec02__info__cube__inner .back, .p-device01-sec02__info__cube__inner .right, .p-device01-sec02__info__cube__inner .left, .p-device01-sec02__info__cube__inner .top, .p-device01-sec02__info__cube__inner .bottom, .p-device03-sec02__info__cube__inner .front, .p-device03-sec02__info__cube__inner .back, .p-device03-sec02__info__cube__inner .right, .p-device03-sec02__info__cube__inner .left, .p-device03-sec02__info__cube__inner .top, .p-device03-sec02__info__cube__inner .bottom { position: absolute; box-sizing: border-box; color: rgba(0, 0, 0, 0); }
.p-device01-sec02__info__cube__inner .front, .p-device01-sec02__info__cube__inner .back, .p-device03-sec02__info__cube__inner .front, .p-device03-sec02__info__cube__inner .back { width: 100px; height: 100px; }
.p-device01-sec02__info__cube__inner .front, .p-device03-sec02__info__cube__inner .front { transform: translateZ(20px); }
.p-device01-sec02__info__cube__inner .right, .p-device01-sec02__info__cube__inner .left, .p-device03-sec02__info__cube__inner .right, .p-device03-sec02__info__cube__inner .left { width: 40px; height: 100px; background-color: #ccc; }
.p-device01-sec02__info__cube__inner .top, .p-device01-sec02__info__cube__inner .bottom, .p-device03-sec02__info__cube__inner .top, .p-device03-sec02__info__cube__inner .bottom { height: 40px; width: 100px; background-color: #ccc; }
.p-device01-sec02__info__cube__inner .right, .p-device03-sec02__info__cube__inner .right { right: -20px; transform: rotateY(-90deg); }
.p-device01-sec02__info__cube__inner .left, .p-device03-sec02__info__cube__inner .left { left: -20px; transform: rotateY(90deg); }
.p-device01-sec02__info__cube__inner .top, .p-device03-sec02__info__cube__inner .top { top: -20px; transform: rotateX(90deg); }
.p-device01-sec02__info__cube__inner .bottom, .p-device03-sec02__info__cube__inner .bottom { bottom: -20px; transform: rotateX(-90deg); }
.p-device01-sec02__info__cube__inner .back, .p-device03-sec02__info__cube__inner .back { transform: rotateY(180deg) translateZ(20px); left: 0; background-color: #fff; }
.p-device01-sec02__info__cube .bg_area, .p-device03-sec02__info__cube .bg_area { perspective: 1000px; }
.p-device01-sec02__info__cube .bg_area img, .p-device03-sec02__info__cube .bg_area img { transform: rotateX(59deg); width: 530px !important; left: -16%; position: relative; max-width: none; top: 70px; }
.p-device01-sec02__info__cube .axis_area, .p-device03-sec02__info__cube .axis_area { position: absolute; right: 53px; bottom: 45px; width: 90px; perspective: 200px; }
.p-device01-sec02__info__cube .axis_area img, .p-device03-sec02__info__cube .axis_area img { transform: rotateX(47deg) rotateZ(-1deg); width: 100% !important; position: relative; max-width: none; }
.p-device01-sec02__info__cube:first-child, .p-device03-sec02__info__cube:first-child { margin: 45px 5% 0 0; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device01-sec02__info__cube, .p-device03-sec02__info__cube { width: 90%; margin: 0 auto 20px; float: none; }
  .p-device01-sec02__info__cube:first-child, .p-device03-sec02__info__cube:first-child { margin: 0 auto 30px; } }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device01-sec02__info__cube, .p-device03-sec02__info__cube { width: 90%; float: none; }
  .p-device01-sec02__info__cube:first-child, .p-device03-sec02__info__cube:first-child { margin: 0 auto 20px; } }
.p-device01-sec02__info__detail table { width: 50%; margin-top: 45px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device01-sec02__info__detail table { width: 90%; margin: 0 5% 0; } }
.p-device01-sec02__info__detail table.ext { width: 50%; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device01-sec02__info__detail table.ext { width: 90%; } }
.p-device03-sec02__info__detail table { width: 100%; }
.p-device01-sec02__info__detail table tr, .p-device03-sec02__info__detail table tr { display: flex; }
.p-device01-sec02__info__detail table tr th, .p-device01-sec02__info__detail table tr td, .p-device03-sec02__info__detail table tr th, .p-device03-sec02__info__detail table tr td { display: -ms-flexbox; }
.p-device01-sec02__info__detail table thead th, .p-device03-sec02__info__detail table thead th { width: 100%; }
.p-device01-sec02__info__detail table thead th p, .p-device03-sec02__info__detail table thead th p { width: 100%; text-align: left; padding: 17px 20px 11px 20px; }
.p-device01-sec02__info__detail table thead th p span, .p-device03-sec02__info__detail table thead th p span { display: block; text-align: right; font-size: 16px; letter-spacing: -0.5px; }
.p-device01-sec02__info__detail table thead th:first-child p span, .p-device03-sec02__info__detail table thead th:first-child p span { padding: 7px 0 3px; }
.p-device01-sec02__info__detail table thead th:last-child p span, .p-device03-sec02__info__detail table thead th:last-child p span { padding: 10px 10px 0 0; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device01-sec02__info__detail table thead th:first-child p, .p-device01-sec02__info__detail table thead th:last-child p, .p-device03-sec02__info__detail table thead th:first-child p, .p-device03-sec02__info__detail table thead th:last-child p { padding: 8px 10px 0; }
  .p-device01-sec02__info__detail table thead th:first-child p span, .p-device01-sec02__info__detail table thead th:last-child p span, .p-device03-sec02__info__detail table thead th:first-child p span, .p-device03-sec02__info__detail table thead th:last-child p span { font-size: 14px; padding: 7px 0 3px; }
  .p-device01-sec02__info__detail table thead th:first-child p span, .p-device03-sec02__info__detail table thead th:first-child p span { padding: 3px 0 7px; font-size: 12px; }
  .p-device01-sec02__info__detail table thead th:last-child p span, .p-device03-sec02__info__detail table thead th:last-child p span { padding: 5px 10px 5px 0; } }
@media screen and (min-width: 1px) and (max-width: 320px) { .p-device01-sec02__info__detail table thead th:first-child p span, .p-device03-sec02__info__detail table thead th:first-child p span { font-size: 10px; } }
.p-device01-sec02__info__detail table tbody tr td, .p-device03-sec02__info__detail table tbody tr td { background: #fff; width: 100%; padding: 0; }
.p-device01-sec02__info__detail table tbody tr td p, .p-device01-sec02__info__detail table tbody tr td span, .p-device03-sec02__info__detail table tbody tr td p, .p-device03-sec02__info__detail table tbody tr td span { font-size: 14px; }
.p-device01-sec02__info__detail table tbody tr td dl, .p-device03-sec02__info__detail table tbody tr td dl { width: 100%; }
.p-device01-sec02__info__detail table tbody tr td dl dt, .p-device03-sec02__info__detail table tbody tr td dl dt { width: 100%; height: 75px; text-align: left; display: table; }
.p-device01-sec02__info__detail table tbody tr td dl dt p, .p-device03-sec02__info__detail table tbody tr td dl dt p { display: table-cell; vertical-align: middle; padding: 0 20px; font-size: 14px; white-space: pre; line-height: 24px; }
.p-device01-sec02__info__detail table tbody tr td dl dt p span, .p-device03-sec02__info__detail table tbody tr td dl dt p span { display: block; position: absolute; width: max-content; padding: 10px 0 0; }
.p-device01-sec02__info__detail table tbody tr td dl dt.status01, .p-device03-sec02__info__detail table tbody tr td dl dt.status01 { background: url(../images/device/box-status-img01.svg) no-repeat 85% center; background-size: 60px; }
.p-device01-sec02__info__detail table tbody tr td dl dt.status02, .p-device03-sec02__info__detail table tbody tr td dl dt.status02 { background: url(../images/device/box-status-img02.svg) no-repeat 85% center; background-size: 40px; }
.p-device01-sec02__info__detail table tbody tr td dl dt.status03, .p-device03-sec02__info__detail table tbody tr td dl dt.status03 { background: url(../images/device/box-status-img03.svg) no-repeat 85% center; background-size: 40px; }
.p-device01-sec02__info__detail table tbody tr td dl dt.status04, .p-device03-sec02__info__detail table tbody tr td dl dt.status04 { background: url(../images/device/box-status-img04.svg) no-repeat 90% center; background-size: 15px; }
.p-device01-sec02__info__detail table tbody tr td dl dt.status01_r, .p-device03-sec02__info__detail table tbody tr td dl dt.status01_r { background: url(../images/device/box-status-img01_r.svg) no-repeat 85% center; background-size: 60px; }
.p-device01-sec02__info__detail table tbody tr td dl dt.status02_r, .p-device03-sec02__info__detail table tbody tr td dl dt.status02_r { background: url(../images/device/box-status-img02_r.svg) no-repeat 85% center; background-size: 40px; }
.p-device01-sec02__info__detail table tbody tr td dl dt.status03_r, .p-device03-sec02__info__detail table tbody tr td dl dt.status03_r { background: url(../images/device/box-status-img03_r.svg) no-repeat 85% center; background-size: 40px; }
.p-device01-sec02__info__detail table tbody tr td dl dt.status-alarm01, .p-device03-sec02__info__detail table tbody tr td dl dt.status-alarm01 { color: #d64340; background: url(../images/device/box-status-alarm-img01.svg) no-repeat 90% center; background-size: 25px; }
.p-device01-sec02__info__detail table tbody tr td dl dt.status-alarm02, .p-device03-sec02__info__detail table tbody tr td dl dt.status-alarm02 { color: #ff7f15; background: url(../images/device/box-status-alarm-img02.svg) no-repeat 85% center; background-size: 25px; }
.p-device01-sec02__info__detail table tbody tr td dl dd .box-status__value, .p-device03-sec02__info__detail table tbody tr td dl dd .box-status__value { font-size: 24px; letter-spacing: -2px; text-align: right; padding: 15px 25px 20px 0; }
.p-device01-sec02__info__detail table tbody tr td dl dd .box-status__standard, .p-device03-sec02__info__detail table tbody tr td dl dd .box-status__standard { background: #ededed; text-align: left; padding: 17px 10px 8px 20px; margin: 0 5px 5px; }
.p-device01-sec02__info__detail table tbody tr td dl dd .box-status__standard span, .p-device03-sec02__info__detail table tbody tr td dl dd .box-status__standard span { display: block; text-align: right; padding: 13px 0 0; }
.p-device01-sec02__info__detail table tbody tr:last-child td dl dt, .p-device03-sec02__info__detail table tbody tr:last-child td dl dt { height: 70px; }

.p-device01-sec02__info__detail table.ext tbody tr td dt { height: 50px; }
.p-device01-sec02__info__detail table.ext tbody tr td dl dd .box-status__value { padding: 0 25px 20px 0; }
.p-device01-sec02__info__detail table tbody tr td dl dt.ext_threshold { height: 40px; }
.p-device01-sec02__info__detail table tbody tr td dl dd.ext_threshold .box-status__value { padding: 5px 25px 5px 0!important; border-bottom: 1px solid #f5f5f5; }
.p-device01-sec02__info__detail table tbody tr:last-child td dl dd .box-status__value, .p-device03-sec02__info__detail table tbody tr:last-child td dl dd .box-status__value { padding: 0 25px 20px 0; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device01-sec02__info__detail table tbody tr td dl dt, .p-device03-sec02__info__detail table tbody tr td dl dt { height: 50px; }
  .p-device01-sec02__info__detail table tbody tr td dl dt.status01, .p-device03-sec02__info__detail table tbody tr td dl dt.status01 { background: url(../images/device/box-status-img01.svg) no-repeat 80% center; background-size: 40px; }
  .p-device01-sec02__info__detail table tbody tr td dl dt.status02, .p-device03-sec02__info__detail table tbody tr td dl dt.status02 { background: url(../images/device/box-status-img02.svg) no-repeat 85% center; background-size: 25px; }
  .p-device01-sec02__info__detail table tbody tr td dl dt.status03, .p-device03-sec02__info__detail table tbody tr td dl dt.status03 { background: url(../images/device/box-status-img03.svg) no-repeat 85% center; background-size: 20px; }
  .p-device01-sec02__info__detail table tbody tr td dl dt.status04, .p-device03-sec02__info__detail table tbody tr td dl dt.status04 { background: url(../images/device/box-status-img04.svg) no-repeat 88% center; background-size: 10px; }
  .p-device01-sec02__info__detail table tbody tr td dl dt.status01_r, .p-device03-sec02__info__detail table tbody tr td dl dt.status01_r { background: url(../images/device/box-status-img01.svg) no-repeat 80% center; background-size: 40px; }
  .p-device01-sec02__info__detail table tbody tr td dl dt.status02_r, .p-device03-sec02__info__detail table tbody tr td dl dt.status02_r { background: url(../images/device/box-status-img02.svg) no-repeat 85% center; background-size: 25px; }
  .p-device01-sec02__info__detail table tbody tr td dl dt.status03_r, .p-device03-sec02__info__detail table tbody tr td dl dt.status03_r { background: url(../images/device/box-status-img03.svg) no-repeat 85% center; background-size: 20px; }
  .p-device01-sec02__info__detail table tbody tr td dl dt.status-alarm01, .p-device03-sec02__info__detail table tbody tr td dl dt.status-alarm01 { color: #d64340; background: url(../images/device/box-status-alarm-img01.svg) no-repeat 90% center; background-size: 20px; }
  .p-device01-sec02__info__detail table tbody tr td dl dt.status-alarm02, .p-device03-sec02__info__detail table tbody tr td dl dt.status-alarm02 { color: #ff7f15; background: url(../images/device/box-status-alarm-img02.svg) no-repeat 90% center; background-size: 20px; }
  .p-device01-sec02__info__detail table tbody tr td dl dt p, .p-device03-sec02__info__detail table tbody tr td dl dt p { padding: 0 13px; }
  .p-device01-sec02__info__detail table tbody tr td dl dt p span, .p-device03-sec02__info__detail table tbody tr td dl dt p span { font-size: 10px; }
  .p-device01-sec02__info__detail table tbody tr td dl dd .box-status__value, .p-device03-sec02__info__detail table tbody tr td dl dd .box-status__value { font-size: 18px; letter-spacing: -1px; padding: 10px 17px; }
  .p-device01-sec02__info__detail table tbody tr td dl dd .box-status__standard, .p-device03-sec02__info__detail table tbody tr td dl dd .box-status__standard { padding: 11px 6px 6px 9px; font-size: 10px; }
  .p-device01-sec02__info__detail table tbody tr td dl dd .box-status__standard span, .p-device03-sec02__info__detail table tbody tr td dl dd .box-status__standard span { font-size: 12px; padding: 10px 0 0; }
  .p-device01-sec02__info__detail table tbody tr:last-child td dl dt, .p-device03-sec02__info__detail table tbody tr:last-child td dl dt { height: 40px; }
  .p-device01-sec02__info__detail table tbody tr:last-child td dl dt p, .p-device03-sec02__info__detail table tbody tr:last-child td dl dt p { font-size: 12px; }
  .p-device01-sec02__info__detail table tbody tr:last-child td dl dd .box-status__value, .p-device03-sec02__info__detail table tbody tr:last-child td dl dd .box-status__value { padding: 0 18px 10px 0; } }

@media screen and (min-width: 1px) and (max-width: 767px) { .p-device03-sec02 { width: 95%; margin: 0 auto; } }

.p-device01-sec03, .p-device03-sec03 { margin: 0 auto 20px; }
.p-device03-sec03.user { margin: 50px auto 0; }
.p-device03-sec03 div dl dt.voltage span { color:black; font-weight:bold;}
.p-device01-sec03__info, .p-device03-sec03__info { display: table; width: 100%; }
.p-device01-sec03__info dl, .p-device03-sec03__info dl { display: table-cell; vertical-align: top; text-align: center; }
.p-device01-sec03__info dl:last-child dt, .p-device01-sec03__info dl:last-child dd, .p-device03-sec03__info dl:last-child dt, .p-device03-sec03__info dl:last-child dd { border-right: none; }
.p-device01-sec03__info dl dt, .p-device03-sec03__info dl dt { padding: 10px; color: #fff; background: #5cb531; min-width: 200px; line-height: 150%; border-right: 1px solid #fff; }
.p-device01-sec03__info dl dd, .p-device03-sec03__info dl dd { padding: 16px 10px; vertical-align: middle; background: #fff; border-right: 1px solid #cbcbcb; border-bottom: 1px solid #f5f5f5; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device01-sec03, .p-device03-sec03 { width: 95%; }
  .p-device01-sec03__info, .p-device03-sec03__info { margin: 0; }
  .p-device01-sec03__info dl, .p-device03-sec03__info dl { display: block; }
  .p-device01-sec03__info dl dt, .p-device01-sec03__info dl dd, .p-device03-sec03__info dl dt, .p-device03-sec03__info dl dd { width: 100%; display: block; height: auto; padding: 10px 0; text-align: center; } }

.p-device02-sec01__info { margin: 0 0 10px; }
.p-device02-sec01__info__top {background: #fff;text-align: center;padding: 30px 0 25px;margin: 0 0 10px;height: 500px;}
.p-device02-sec01__info__top_left {background: #fff;text-align: center;padding: 30px 0 25px;margin: 0 0 10px;width: 49%;float: left;height: 500px;}
.p-device02-sec01__info__top_right {background: #fff;text-align: center;padding: 30px 0 25px;margin: 0 0 10px;width: 49%;float: right;height: 500px;}
.p-group02-sec01__info__top_left {background: #fff;text-align: center;padding: 30px 0 25px;margin: 0 0 10px;width: 49%;float: left;height: 700px;}
.p-group02-sec01__info__top_right {background: #fff;text-align: center;padding: 30px 0 25px;margin: 0 0 10px;width: 49%;float: right;height: 700px;}
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device02-sec01__info__top { margin: 10px 0 0; padding: 20px 10px; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device02-sec01__info__top_left, .p-device02-sec01__info__top_right, .p-group02-sec01__info__top_left, .p-group02-sec01__info__top_right { width: 100%; } }
.p-device02-sec01__info__top img { width: 83%; }
.p-device02-sec01__info__top_left img, .p-group02-sec01__info__top_left img { width: 83%; }
.p-device02-sec01__info__top_right img, .p-group02-sec01__info__top_right img { width: 83%; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device02-sec01__info__top img { width: 100%; height: 300px; } }
.p-group02-sec01__info__bottom.TILT { display: table; width: 100%; height: 140px; }
.p-group02-sec01__info__bottom.EXT {display: table;width: 100%;height: 70px;}
.p-device02-sec01__info__bottom.TILT { display: table; width: 100%;}
.p-device02-sec01__info__bottom.EXT {display: table;width: 100%;}
.p-device02-sec01__info__bottom li {display: table-cell;vertical-align: top;width: 40%;}
.p-device02-sec01__info__bottom li.legend {padding: 0 10px 0 0;}
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device02-sec01__info__bottom li:first-child { width: 90%; } }
.p-device02-sec01__info__bottom li:first-child dt, .p-device02-sec01__info__bottom li:first-child dd,.p-device02-sec01__info__bottom li dt.ext, .p-device02-sec01__info__bottom li dd.ext { display: table-cell; vertical-align: middle; font-size: 14px; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device02-sec01__info__bottom li:first-child dt, .p-device02-sec01__info__bottom li:first-child dd { display: block; } }
.p-device02-sec01__info__bottom li:first-child dt { background: #c9e2ae; text-align: center; width: 80px; }
.p-device02-sec01__info__bottom li dt.ext { background: #c9e2ae; text-align: center; width: 80px; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device02-sec01__info__bottom li:first-child dt { width: 100%; padding: 10px 0; } }
.p-device02-sec01__info__bottom li:first-child dd { background: #fff; padding: 0 0 0 30px; }
.p-device02-sec01__info__bottom li dd.ext { background: #fff; padding: 0 0 0 30px; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device02-sec01__info__bottom li:first-child dd { padding: 10px 15px; } }
.p-device02-sec01__info__bottom li:first-child dd ul li { display: inline-block; vertical-align: middle; }
.p-device02-sec01__info__bottom li dd.ext ul li { display: inline-block; vertical-align: middle; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device02-sec01__info__bottom li:first-child { padding: 13px 0 0; }
  .p-device02-sec01__info__bottom li:first-child dd { padding: 0; } }
.p-device02-sec01__info__bottom li:first-child dl { width: 100%; height: 100%; display: table; }
.p-device02-sec01__info__bottom li dl.ext {width: 100%;height: 100%;display: table;}
.p-device02-sec01__info__bottom li:first-child dl dd ul { height: 100%; }
.p-device02-sec01__info__bottom li: dl.ext dd ul { height: 100%; }
.p-device02-sec01__info__bottom li:first-child dl dd ul li { width: 29%; margin: 37px 0 10px; }
.p-device02-sec01__info__bottom li dl dd.ext ul li {width: 40%;margin: 15px 0 10px;}
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device02-sec01__info__bottom li:first-child dl dd ul li { width: 25.5%; margin: 6px 3% 13px; word-break: keep-all; } }
.p-device02-sec01__info__bottom li:first-child dl dd ul li::before { content: ''; width: 18px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; }
.p-device02-sec01__info__bottom li:first-child dl dd ul li:first-child::before {border-bottom: 5px solid #0000ff;}
.p-device02-sec01__info__bottom li:first-child dl dd ul li:nth-child(2)::before {border-bottom: 5px solid #8080ff;}
.p-device02-sec01__info__bottom li:first-child dl dd ul li:nth-child(3)::before {border-bottom: 5px solid #ff8040;}
.p-device02-sec01__info__bottom li:first-child dl dd ul li:nth-child(4)::before {border-bottom: 5px solid #00ff00;}
.p-device02-sec01__info__bottom li:first-child dl dd ul li:nth-child(5)::before {border-bottom: 5px solid #ff0000;}
.p-device02-sec01__info__bottom li:first-child dl dd ul li:nth-child(6)::before {border-bottom: 5px solid #bc5941;}
.p-device02-sec01__info__bottom li:first-child dl dd ul li.total_value:before {border-bottom: 5px solid #0000ff;}
.p-device02-sec01__info__bottom li:first-child dl dd ul li.total_alert:before {border-bottom: 5px solid #8080ff;}
.p-device02-sec01__info__bottom li dl dd.ext ul li::before { content: ''; width: 18px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; }
.p-device02-sec01__info__bottom li dl dd.ext ul li.total_value:before {border-bottom: 5px solid #ff0000;}
.p-device02-sec01__info__bottom li dl dd.ext ul li.total_alert:before {border-bottom: 5px solid #8080ff;}
.p-device02-sec01__info__bottom li dl dd.ext ul li.day_value:before {border-bottom: 5px solid #0000ff;}
.p-device02-sec01__info__bottom li dl dd.ext ul li.day_alert:before {border-bottom: 5px solid #8080ff;}
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device02-sec01__info__bottom li { width: 90%; display: block; margin: 5px auto 15px; } }
.p-device02-sec01__info__bottom__direction { background: #c9e2ae; width: 100%; height: 100%; }
.p-device02-sec01__info__bottom__direction__inner { display: table; width: 100%; height: 100%; }
.p-device02-sec01__info__bottom__direction__inner p { position: relative; display: table-cell; vertical-align: middle; }
.p-device02-sec01__info__bottom__direction__inner p span { display: block; position: absolute; top: 15px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device02-sec01__info__bottom__direction__inner p span { top: 17px; font-size: 14px; } }
@media screen and (min-width: 1px) and (max-width: 415px) { .p-device02-sec01__info__bottom__direction__inner p span { top: 17px; font-size: 10px; } }
.p-device02-sec01__info__bottom__direction__inner p img { display: block; }
.p-device02-sec01__info__bottom__direction__inner p:first-child { padding: 0 0 0 10px; }
.p-device02-sec01__info__bottom__direction__inner p:first-child span { left: 10px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device02-sec01__info__bottom__direction__inner p:first-child span { left: 13px; } }
.p-device02-sec01__info__bottom__direction__inner p:first-child img { width: 87px; margin: 2px 0 0 50px; }
@media screen and (min-width: 416px) and (max-width: 767px) { .p-device02-sec01__info__bottom__direction__inner p:first-child img { width: 40%; margin: 2px 0 0 24%; } }
.p-device02-sec01__info__bottom__direction__inner p:nth-child(2) span { left: 10px; }
@media screen and (min-width: 416px) and (max-width: 767px) { .p-device02-sec01__info__bottom__direction__inner p:nth-child(2) span { left: 0px; } }
.p-device02-sec01__info__bottom__direction__inner p:nth-child(2) img { width: 82px; margin: 13px 0 0 50px; }
@media screen and (min-width: 416px) and (max-width: 767px) { .p-device02-sec01__info__bottom__direction__inner p:nth-child(2) img { width: 43%; margin: 10px 0 0 11%; } }
.p-device02-sec01__info__bottom__direction__inner p:last-child span { position: static; padding: 0 0 0 30px; }
@media screen and (min-width: 416px) and (max-width: 767px) { .p-device02-sec01__info__bottom__direction__inner p:last-child span { width: 200px; display: block; padding: 0; } }
.p-group02-sec01__alart { overflow:auto; height:250px; }
.p-device02-sec01__alart { overflow:auto; }
.p-device02-sec01__alart .p-group02-sec02__info__alarm01 td:nth-child(2) { color: #d64340; }
.p-device02-sec01__alart .p-group02-sec02__info__alarm02 td:nth-child(2) { color: #ff7f15; }
.p-device02-sec01__alart td:nth-child(3) { width: 7%; }

.p-device02-sec02__info__cube { margin: 0; height: 355px; background-color: #f7f7f7; position: relative; overflow: hidden; box-shadow: 2px 2px 2px -1px #b6b6b6; float: left; width: 24%; margin: 0 1% 0 0; }
.p-device02-sec02__info__cube.autoUploadImage { width: 40%; height: 390px; }
.p-device02-sec02__info__cube.autoUploadImage div { width: auto; max-width: 100%; height: 100%; }
.p-device02-sec02__info__cube p.image-title { padding: 10px 10px 10px 10px; background-color: #5cb531; color: white; text-align: center; }
.p-device02-sec02__info__cube img.live { position: absolute; top: 40px; right: 5px; height: 30px; }
.p-device02-sec02__info__cube:first-child div, .p-device02-sec02__info__cube img { width: auto; max-width: 100%; height: 100%; }}
.p-device02-sec02__info__cube:first-child div, .p-device02-sec02__info__cube a #deletelink { position: relative; background: #5cb531; width: 100%; height: 20%; }
li.p-device02-sec02__info__cube:nth-child(2)::after { content: ""; display: block; position: absolute; top: 0; bottom: -170px; left: 0; right: 0; width: 120px; height: 70px; border-radius: 0; margin: auto; background: url(../images/device/shadow.png) no-repeat center; background-size: 120% 54%; opacity: 0.3; }
.p-device02-sec02__info__cube__inner {position: absolute;width: 100px;height: 100px;top: 0px;left: 0px;right: 0; transform: rotateX(0deg); transform-style: preserve-3d;bottom: -10px;margin: auto;overflow: visible;z-index: 1;transition: 2s ease;}
.p-device02-sec02__info__cube__inner:hover { transform: rotateX(600deg) rotateY(600deg); }
.p-device02-sec02__info__cube__inner .front, .p-device02-sec02__info__cube__inner .back, .p-device02-sec02__info__cube__inner .right, .p-device02-sec02__info__cube__inner .left, .p-device02-sec02__info__cube__inner .top, .p-device02-sec02__info__cube__inner .bottom { position: absolute; box-sizing: border-box; color: rgba(0, 0, 0, 0); }
.p-device02-sec02__info__cube__inner .front, .p-device02-sec02__info__cube__inner .back { width: 100px; height: 100px; }
.p-device02-sec02__info__cube__inner .front { transform: translateZ(20px); z-index:2; }
.p-device02-sec02__info__cube__inner .right, .p-device02-sec02__info__cube__inner .left { width: 40px; height: 100px; background-color: #ccc; }
.p-device02-sec02__info__cube__inner .top, .p-device02-sec02__info__cube__inner .bottom { height: 40px; width: 100px; background-color: #ccc; }
.p-device02-sec02__info__cube__inner .right { right: -20px; transform: rotateY(-90deg); }
.p-device02-sec02__info__cube__inner .left { left: -20px; transform: rotateY(90deg); }
.p-device02-sec02__info__cube__inner .top { top: -20px; transform: rotateX(90deg); }
.p-device02-sec02__info__cube__inner .bottom { bottom: -20px; transform: rotateX(-90deg); }
.p-device02-sec02__info__cube__inner .back { transform: rotateY(180deg) translateZ(20px); left: 0; background-color: #fff; }
.p-device02-sec02__info__cube .bg_area { perspective: 1000px; background: #c9e2ae; }
.p-device02-sec02__info__cube .none_installation { margin-top: 50%; }
.p-device02-sec02__info__cube .none_installation input { text-align: center; }
.none_installation_btn {display: inline-block;width: 90px;text-align: center;margin: 0 0 0 35%;padding-top: 6px;}
.none_installation_btn {background: 15px center #5cb531;}
.p-device02-sec02__info__cube .bg_area img { transform: rotateX(59deg); width: 530px !important; left: -16%; position: relative; max-width: none; top: 70px; }
.p-device02-sec02__info__cube .axis_area { position: absolute; right: 20px; bottom: 20px; width: 90px; perspective: 200px; }
.p-device02-sec02__info__cube .axis_area img { transform: rotateX(47deg) rotateZ(-1deg); width: 100% !important; position: relative; max-width: none; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device02-sec02__info__cube, .p-device02-sec02__info__cube.autoUploadImage { width: 90%; margin: 0 auto 20px; float: none; }
  .p-device02-sec02__info__cube:first-child { margin: 10px auto 30px; } }
@media screen and (min-width: 416px) and (max-width: 767px) { .p-device02-sec02__info__cube { height: 330px; width: 50%; } }


.p-device02-sec02__info__cube_exaggeration { margin: 0; height: 330px; background-color: #f7f7f7; position: relative; overflow: hidden; box-shadow: 2px 2px 2px -1px #b6b6b6; float: left; width: 24%; margin: 45px 1% 0 0; }
.p-device02-sec02__info__cube_exaggeration:first-child div, .p-device02-sec02__info__cube_exaggeration img { width: auto; max-width: 100%; height: 100%; }
li.p-device02-sec02__info__cube_exaggeration:nth-child(2)::after, li.p-device02-sec02__info__cube_exaggeration:nth-child(3)::after, li.p-device02-sec02__info__cube_exaggeration:nth-child(4)::after { content: ""; display: block; position: absolute; top: 0; bottom: -170px; left: 0; right: 0; width: 120px; height: 70px; border-radius: 0; margin: auto; background: url(../images/device/shadow.png) no-repeat center; background-size: 120% 54%; opacity: 0.3; }
.p-device02-sec02__info__cube_exaggeration:first-child div.none_installation { margin-top: 50%; }
.p-device02-sec02__info__cube_exaggeration:first-child div input { text-align: center; }

.p-device02-sec02__info__cube__inner_exaggeration {position: absolute;width: 100px;height: 100px;top: 0px;left: 0px;right: 0; transform: rotateX(0deg); transform-style: preserve-3d;bottom: -10px;margin: auto;overflow: visible;z-index: 1;transition: 2s ease;}
.p-device02-sec02__info__cube__inner_exaggeration:hover { transform: rotateX(600deg) rotateY(600deg); }
.p-device02-sec02__info__cube__inner_exaggeration .front, .p-device02-sec02__info__cube__inner_exaggeration .back, .p-device02-sec02__info__cube__inner_exaggeration .right, .p-device02-sec02__info__cube__inner_exaggeration .left, .p-device02-sec02__info__cube__inner_exaggeration .top, .p-device02-sec02__info__cube__inner_exaggeration .bottom { position: absolute; box-sizing: border-box; color: rgba(0, 0, 0, 0); }
.p-device02-sec02__info__cube__inner_exaggeration .front, .p-device02-sec02__info__cube__inner_exaggeration .back { width: 100px; height: 100px; }
.p-device02-sec02__info__cube__inner_exaggeration .front { transform: translateZ(20px); z-index:2; }
.p-device02-sec02__info__cube__inner_exaggeration .right, .p-device02-sec02__info__cube_exaggeration .left { width: 40px; height: 100px; background-color: #ccc; }
.p-device02-sec02__info__cube__inner_exaggeration .top, .p-device02-sec02__info__cube_exaggeration .bottom { height: 40px; width: 100px; background-color: #ccc; }
.p-device02-sec02__info__cube__inner_exaggeration .right { right: -20px; transform: rotateY(-90deg); }
.p-device02-sec02__info__cube__inner_exaggeration .left { left: -20px; transform: rotateY(90deg); }
.p-device02-sec02__info__cube__inner_exaggeration .top { top: -20px; transform: rotateX(90deg); }
.p-device02-sec02__info__cube__inner_exaggeration .bottom { bottom: -20px; transform: rotateX(-90deg); }
.p-device02-sec02__info__cube__inner_exaggeration .back { transform: rotateY(180deg) translateZ(20px); left: 0; background-color: #fff; }

.p-device02-sec02__info__cube_exaggeration .bg_area_exaggeration { perspective: 1000px; background: #c9e2ae; }
.p-device02-sec02__info__cube_exaggeration .bg_area_exaggeration img { transform: rotateX(59deg); width: 530px !important; left: -16%; position: relative; max-width: none; top: 70px; }
.p-device02-sec02__info__cube_exaggeration .axis_area_exaggeration { position: absolute; right: 20px; bottom: 20px; width: 90px; perspective: 200px; }
.p-device02-sec02__info__cube_exaggeration .axis_area_exaggeration img { transform: rotateX(47deg) rotateZ(-1deg); width: 100% !important; position: relative; max-width: none; }
.p-device02-sec02__info__cube_exaggeration:first-child_exaggeration { margin: 45px 1% 0 0; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device02-sec02__info__cube_exaggeration { width: 90%; margin: 0 auto 20px; float: none; }
  .p-device02-sec02__info__cube_exaggeration:first-child { margin: 0 auto 30px; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device02-sec02__info__cube_exaggeration { height: 330px; width: 50%; } }
@media screen and (min-width: 1px) and (max-width: 415px) { .p-device02-sec02__info__cube_exaggeration { height: 330px; width: 80%; } }


.p-device02-sec03__info { display: table; width: 100%; height: 100%; margin: 50px 0 0; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device02-sec03__info { margin: 0; } }
.p-device02-sec03__info__status01 { width: 53%; }
.p-device02-sec03__info__status01 table { width: 100%; }
.p-device02-sec03__info__status01 table tr { display: flex; }
.p-device02-sec03__info__status01 table tr th, .p-device02-sec03__info__status01 table tr td { display: -ms-flexbox; }
.p-device02-sec03__info__status01 table thead th { width: 100%; }
.p-device02-sec03__info__status01 table thead th p { width: 100%; text-align: left; padding: 17px 20px 11px 20px; }
.p-device02-sec03__info__status01 table thead th p span { display: block; text-align: right; font-size: 16px; letter-spacing: -0.5px; }
.p-device02-sec03__info__status01 table thead th:first-child p span { padding: 7px 0 3px; }
.p-device02-sec03__info__status01 table thead th:last-child p span { padding: 10px 10px 0 0; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device02-sec03__info__status01 table thead th:first-child p, .p-device02-sec03__info__status01 table thead th:last-child p { padding: 8px 10px 0; }
  .p-device02-sec03__info__status01 table thead th:first-child p span, .p-device02-sec03__info__status01 table thead th:last-child p span { font-size: 14px; padding: 7px 0 3px; }
  .p-device02-sec03__info__status01 table thead th:first-child p span { padding: 3px 0 7px; font-size: 12px; }
  .p-device02-sec03__info__status01 table thead th:last-child p span { padding: 5px 10px 5px 0; } }
@media screen and (min-width: 1px) and (max-width: 320px) { .p-device02-sec03__info__status01 table thead th:first-child p span { font-size: 10px; } }
.p-device02-sec03__info__status01 table tbody tr td { background: #fff; width: 100%; padding: 0; }
.p-device02-sec03__info__status01 table tbody tr td p, .p-device02-sec03__info__status01 table tbody tr td span { font-size: 14px; }
.p-device02-sec03__info__status01 table tbody tr td dl { width: 100%; }
.p-device02-sec03__info__status01 table tbody tr td dl dt { width: 100%; height: 75px; text-align: left; display: table; }
.p-device02-sec03__info__status01 table tbody tr td dl dt p { display: table-cell; vertical-align: middle; padding: 0 20px; font-size: 14px; }
.p-device02-sec03__info__status01 table tbody tr td dl dt p span { display: block; position: absolute; width: max-content; padding: 10px 0 0; }
.p-device02-sec03__info__status01 table tbody tr td dl dt.status01 { background: url(../images/device/box-status-img01.svg) no-repeat 85% center; background-size: 60px; }
.p-device02-sec03__info__status01 table tbody tr td dl dt.status02 { background: url(../images/device/box-status-img02.svg) no-repeat 85% center; background-size: 40px; }
.p-device02-sec03__info__status01 table tbody tr td dl dt.status03 { background: url(../images/device/box-status-img03.svg) no-repeat 85% center; background-size: 40px; }
.p-device02-sec03__info__status01 table tbody tr td dl dt.status04 { background: url(../images/device/box-status-img04.svg) no-repeat 90% center; background-size: 15px; }
.p-device02-sec03__info__status01 table tbody tr td dl dt.status01_r { background: url(../images/device/box-status-img01_r.svg) no-repeat 85% center; background-size: 60px;}
.p-device02-sec03__info__status01 table tbody tr td dl dt.status02_r { background: url(../images/device/box-status-img02_r.svg) no-repeat 85% center; background-size: 40px;}
.p-device02-sec03__info__status01 table tbody tr td dl dt.status03_r { background: url(../images/device/box-status-img03_r.svg) no-repeat 85% center; background-size: 40px;}
.p-device02-sec03__info__status01 table tbody tr td dl dt.status-alarm01 { color: #d64340; background: url(../images/device/box-status-alarm-img01.svg) no-repeat 90% center; background-size: 25px; }
.p-device02-sec03__info__status01 table tbody tr td dl dt.status-alarm02 { color: #ff7f15; background: url(../images/device/box-status-alarm-img02.svg) no-repeat 85% center; background-size: 25px; }
.p-device02-sec03__info__status01 table tbody tr td dl dd .box-status__value { font-size: 24px; letter-spacing: -2px; text-align: right; padding: 15px 25px 20px 0; }
.p-device02-sec03__info__status01 table tbody tr td dl dd .box-status__standard { background: #ededed; text-align: left; padding: 17px 10px 8px 20px; margin: 0 5px 5px; }
.p-device02-sec03__info__status01 table tbody tr td dl dd .box-status__standard span { display: block; text-align: right; padding: 13px 0 0; }
.p-device02-sec03__info__status01 table tbody tr:last-child td dl dt { height: 70px; }
.p-device02-sec03__info__status01 table tbody tr:last-child td dl dd .box-status__value { padding: 0 25px 20px 0; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-device02-sec03__info__status01 table tbody tr td dl dt { height: 50px; }
  .p-device02-sec03__info__status01 table tbody tr td dl dt.status01 { background: url(../images/device/box-status-img01.svg) no-repeat 80% center; background-size: 40px; }
  .p-device02-sec03__info__status01 table tbody tr td dl dt.status02 { background: url(../images/device/box-status-img02.svg) no-repeat 85% center; background-size: 25px; }
  .p-device02-sec03__info__status01 table tbody tr td dl dt.status03 { background: url(../images/device/box-status-img03.svg) no-repeat 85% center; background-size: 20px; }
  .p-device02-sec03__info__status01 table tbody tr td dl dt.status04 { background: url(../images/device/box-status-img04.svg) no-repeat 88% center; background-size: 10px; }
  .p-device02-sec03__info__status01 table tbody tr td dl dt.status01_r { background: url(../images/device/box-status-img01_r.svg) no-repeat 85% center; background-size: 40px;}
  .p-device02-sec03__info__status01 table tbody tr td dl dt.status02_r { background: url(../images/device/box-status-img02_r.svg) no-repeat 85% center; background-size: 25px;}
  .p-device02-sec03__info__status01 table tbody tr td dl dt.status03_r { background: url(../images/device/box-status-img03_r.svg) no-repeat 85% center; background-size: 20px;}
  .p-device02-sec03__info__status01 table tbody tr td dl dt.status-alarm01 { color: #d64340; background: url(../images/device/box-status-alarm-img01.svg) no-repeat 90% center; background-size: 20px; }
  .p-device02-sec03__info__status01 table tbody tr td dl dt.status-alarm02 { color: #ff7f15; background: url(../images/device/box-status-alarm-img02.svg) no-repeat 90% center; background-size: 20px; }
  .p-device02-sec03__info__status01 table tbody tr td dl dt p { padding: 0 13px; }
  .p-device02-sec03__info__status01 table tbody tr td dl dt p span { font-size: 10px; }
  .p-device02-sec03__info__status01 table tbody tr td dl dd .box-status__value { font-size: 18px; letter-spacing: -1px; padding: 10px 17px; }
  .p-device02-sec03__info__status01 table tbody tr td dl dd .box-status__standard { padding: 11px 6px 6px 9px; font-size: 10px; }
  .p-device02-sec03__info__status01 table tbody tr td dl dd .box-status__standard span { font-size: 12px; padding: 10px 0 0; }
  .p-device02-sec03__info__status01 table tbody tr:last-child td dl dt { height: 40px; }
  .p-device02-sec03__info__status01 table tbody tr:last-child td dl dt p { font-size: 12px; }
  .p-device02-sec03__info__status01 table tbody tr:last-child td dl dd .box-status__value { padding: 0 18px 10px 0; } }
.p-device02-sec03__info__status02 { padding: 0 0 0 10px; }
.p-device02-sec03__info__status02 table tr th { width: 54%; border-bottom: 1px solid #ededed; }
.p-device02-sec03__info__status02 table tr td { background: #fff; text-align: right; padding: 0 30px; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device02-sec03__info__status02 table tr th, .p-device02-sec03__info__status02 table tr td { width: 100%; display: block; padding: 10px 0; text-align: center; } }
.p-device02-sec03__info li { display: table-cell; vertical-align: top; }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device02-sec03__info li { width: 60%; } }
@media screen and (min-width: 1px) and (max-width: 1190px) { .p-device02-sec03__info li { display: block; width: 90%; margin: 0 auto 30px; padding: 0; } }
.p-device02-sec03__info li table { height: 100%; }

/* Scss Document */
.login {background: url(../images/common/bg_login.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;height: 100%;}

.p-login { position: relative; }
.p-login__info {background: #fff;width: 30%;margin: auto;padding: 2%;box-sizing: border-box;min-width: 445px;position: absolute;top: 0; bottom: 0;left: 0;right: 0;height: 520px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-login__info {width: 90%;min-width: auto; margin: auto;padding: 2% 5% 5% 5%; height: 400px; } }
.p-login__info h1 { color: #5cb531; text-align: center; background: url(../images/common/logo.svg) no-repeat center top; background-size: 50%; font-size: 18px; margin: 0 0 7%; padding: 23% 0 0; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-login__info h1 { background: url(../images/common/logo.svg) no-repeat center 38%; background-size: 44%; margin: 0 0 4%; padding: 24% 0 0; font-size: 12px; } }
.p-login__info form p { display: table; width: 100%; margin: 5% 0 1%; }
.p-login__info form p.passReq { display: table; width: 100%; margin: 0 0 2%; }
.p-login__info form p.passReq label { width: 200px; white-space: pre-line; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-login__info form p { margin: 0 0 4%; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-login__info form p.forget { margin: 4% 0 4%; } }
.p-login__info form p label, .p-login__info form p input { display: table-cell; vertical-align: middle; }
.p-login__info form p label { text-align: center; padding: 0 0.5em 0 0; box-sizing: border-box; line-height: 20px; width: 120px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-login__info form p label { font-size: 12px; padding: 0 10px 0 0; word-break: keep-all; } }
.p-login__info form p input { width: 100%; border: 1px solid #e5e5e5; box-sizing: border-box; }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-login__info form p input { padding: 3px 10px; } }
@media screen and (min-width: 1px) and (max-width: 767px) { .p-login__info form .checkbox { padding: 0 0 0 22px; }
  .p-login__info form .checkbox:after { width: 10px; height: 10px; top: 0; left: 0; }
  .p-login__info form .checkbox:before { width: 10px; height: 10px; top: 1px; left: 1px; } }
.p-login__info form input.btn {display: block;margin: 7% auto 7%;padding: 2% 0;border: none;background: #5cb531;color: #fff;width: 45%;border: 1px solid #5cb531;transition: .2s;cursor: pointer;text-align: center;}
a.forget {color: #5cb531;}
@media screen and (min-width: 1px) and (max-width: 767px) { .p-login__info form input.btn { width: 50%; margin: 6% auto 9%; font-size: 10px; } }
.p-login__info form input.btn:hover { background: #fff; color: #5cb531; transition: .2s; }


div.DeviceMap {height: 500px; width: 100%; position: relative;top: 0px;left: 0px;background-color: rgb(229, 227, 223);}

.l-header {z-index: 1000;}

#contents {height: 100%; margin-top: 70px; padding-bottom: 1px; position: relative;}

.l-sidebar.is-scroll {height: 100%; position: absolute; top: 0; box-shadow: -1px 0px 4px 0px #000000;}

.l-sidebar.is-scroll .l-sidebar__toggle01:last-child,
.l-sidebar.is-scroll .l-sidebar__toggle01__info__menu:last-child,
.l-sidebar.is-scroll .l-sidebar__toggle02__menu ul.device:last-child {margin-bottom:60px;}

@media screen and (max-width: 767px) and (min-width: 1px) {.l-header__menu dd { max-height: calc(100vh - 105px); overflow-y: auto;} }

/*タブのスタイル*/
.mt_tabs {margin-top: 50px; padding-bottom: 40px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: 100%; margin: 0 auto;}
.tab_item {width: calc(100%/3); height: 50px; border-bottom: 3px solid #5ab4bd; background-color: #c9e2ae; line-height: 50px; font-size: 16px; text-align: center; color: #565656; display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease;}
@media screen and (min-width: 1px) and (max-width: 415px) { .tab_item { font-size: 12px; line-height: 25px; } }
.tab_item {border-right: 1px solid #5cb531; border-left: 1px solid #5cb531; }
.tab_item:hover { opacity: 0.75;}
input[name="tab_item"] { display: none;}
.tab_content {display: none;padding: 20px 20px 0;clear: both;overflow: hidden;}
@media screen and (min-width: 1px) and (max-width: 415px) { .tab_content { padding: 20px 10px 0; } }
#data_config:checked ~ #data_config_content,
#device_config:checked ~ #device_config_content,
#device_config_tilt:checked ~ #device_config_content,
#device_config_ext:checked ~ #device_config_content,
#operaion:checked ~ #operaion_content,
#base_config:checked ~ #base_config_content,
#group_config:checked ~ #group_config_content,
#patliteMst_config:checked ~ #patlite_mst_content
{ 
	display: block;
}
.mt_tabs input:checked + .tab_item { background-color: #5cb531; color: #fff;}

.tab_item2 {width: calc(100%/2); height: 50px; border-bottom: 3px solid #5ab4bd; background-color: #c9e2ae; line-height: 50px; font-size: 16px; text-align: center; color: #565656; display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease;}
@media screen and (min-width: 1px) and (max-width: 415px) { .tab_item2 { font-size: 12px; line-height: 25px; } }
.tab_item2 {border-right: 1px solid #5cb531; border-left: 1px solid #5cb531; }
.tab_item2:hover { opacity: 0.75;}
input[name="tab_item2"] { display: none;}
.mt_tabs input:checked + .tab_item2 { background-color: #5cb531; color: #fff;}

.ext_config_label {font-size: 18px; font-weight: bold;}

/*印刷のスタイル*/
@media print { 
	.l-header { display:none; } 
	.l-sidebar { display:none; } 
	main .l-inner { padding: 0px 20px 0 20px }
	.l-inner__top { margin: 20px 0 10px; } 
	.l-inner__top__btn { display:none; }
	.p-device01-sec02__info__detail table { width: 45% }
	body { -webkit-print-color-adjust: exact; }
	section { page-break-after: always; }
}

/*グラフ設定保存ボタン*/
li.graph_save {
	display: inline-block;
	vertical-align: top;
	width: 90px;
	text-align: center;
	margin: 0 0 20px 35px;
	padding-top: 6px;
}

li.graph_save a {
	display: block;
	padding: 0 10px;
	width 100%;
	height: 30px;
	box-shadow: 0 3px 2px -1px #b6b6b6;
	background: 15px center #5cb531;
}

li.graph_save a span{
	padding: 10px 0 0 0;
}

dl.graph_save_dl{
	background: #fff;
}

ul.tilt_device_image {
	height: 50%;
}
ul.tilt_device_image_t {
	display: none;
}
@media screen and (min-width: 1px) and (max-width: 415px) {
	ul.tilt_device_image_t {
		height: 50%;
		display: flex;
	}
	ul.tilt_device_image_t li:first-child {
		width: 30%;
	}
	ul.tilt_device_image_t li:nth-child(2) {
		width: 70%;
	}
}
ul.tilt_device_list {
	display: flex;
}
ul li.tilt_device_graph {
	width: 72%;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
	ul.tilt_device_list {
		display: block;
	}
	ul li.tilt_device_graph {
		width: 100%;
	}
}
@media screen and (min-width: 1px) and (max-width: 415px) {
	ul li.tilt_device_graph {
		width: 100%;
	}
}
ul li.tilt_device_table {
	width: 28%;
	border-left: 1px solid #cbcbcb;
	height: 100%;
}
@media screen and (min-width: 1px) and (max-width: 415px) {
	ul li.tilt_device_table {
		width: 0;
	}
}
ul li.tilt_device_figure_outer {
	height: 59.3%;
}
.tilt_device_figure_inner p {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 33%;
}
.tilt_device_figure_inner p.remark {
	white-space: nowrap;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
	ul li.tilt_device_table {
		width: unset;
	}
	ul li.exaggeration .p-device01-sec01__info__direction__inner p {
		width: 33%;
	}
}
@media screen and (min-width: 1px) and (max-width: 415px) {
	.tilt_device_figure_inner p {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		width: 100%;
	}
}
.tilt_device_figure_inner p span{
	display: block;
	position: absolute;
	top: 15px;
	left: 10px;
	font-size: 10px;
	white-space: pre;
}
.tilt_device_figure_inner p.vertical img{
	width: 66px;
	margin: 10px 0 0 30px;
}
@media screen and (min-width: 1px) and (max-width: 415px) {
	.tilt_device_figure_inner p.vertical img{
		width: 66px;
		margin: 20px 0 -40px 30px;
	}	
}
.tilt_device_figure_inner p.horizontal img{
	width: 62px;
	margin: 28px 0 0 30px;
}
@media screen and (min-width: 1px) and (max-width: 415px) {
	.tilt_device_figure_inner p.horizontal img{
		width: 62px;
		margin: 28px 0 -40px 30px;
	}
}
thead.tilt_device_table_head tr {
	display: flex;
}
thead.tilt_device_table_head th {
	width: 100%;
	padding: 6px 5px;
}
thead.tilt_device_table_head th p {
	width: 100%;
	text-align: left;
	padding: 10px 2px 10px 2px;
	font-size: 12px;
}
thead.tilt_device_table_head th p span {
	padding: 7px 0 3px;
	display: block;
	text-align: right;
	font-size: 12px;
	letter-spacing: -1.0px;
}
@media screen and (min-width: 1px) and (max-width: 415px) {
	thead.tilt_device_table_head_t tr {
		display: flex;
	}
	thead.tilt_device_table_head_t th {
		width: 100%;
		padding: 6px 5px;
	}
	thead.tilt_device_table_head_t th p {
		width: 100%;
		text-align: left;
		padding: 10px 2px 10px 2px;
		font-size: 12px;
	}
	thead.tilt_device_table_head_t th p span {
		padding: 7px 0 3px;
		display: block;
		text-align: right;
		font-size: 12px;
		letter-spacing: -1.0px;
	}
}

tbody.tilt_device_table_body tr{
	display: flex;
}
tbody.tilt_device_table_body tr td{
	padding: 0;
	background: #fff;
	width: 100%;
}
tbody.tilt_device_table_body tr td dl dt.status01{
	background: url(../images/device/box-status-img01.svg) no-repeat 95% center;
	background-size: 35px;
}
tbody.tilt_device_table_body tr td dl dt.status02{
	background: url(../images/device/box-status-img02.svg) no-repeat 95% center;
	background-size: 30px;
}
tbody.tilt_device_table_body tr td dl dt.status03{
	background: url(../images/device/box-status-img03.svg) no-repeat 95% center;
	background-size: 30px;
}
tbody.tilt_device_table_body tr td dl dt.status04{
	background: url(../images/device/box-status-img04.svg) no-repeat 95% center;
	background-size: 15px;
}
tbody.tilt_device_table_body tr td dl dt.status01_r{
	background: url(../images/device/box-status-img01_r.svg) no-repeat 95% center;
	background-size: 35px;
}
tbody.tilt_device_table_body tr td dl dt.status02_r{
	background: url(../images/device/box-status-img02_r.svg) no-repeat 95% center;
	background-size: 30px;
}
tbody.tilt_device_table_body tr td dl dt.status03_r{
	background: url(../images/device/box-status-img03_r.svg) no-repeat 95% center;
	background-size: 30px;
}
tbody.tilt_device_table_body tr td dl dt{
	width: 100%;
	height: 50px;
	text-align: left;
	display: table;
}
tbody.tilt_device_table_body tr td dl dt p{
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
	font-size: 10px;
	white-space: pre;
	line-height: 20px;
}
tbody.tilt_device_table_body tr td dl dd .box-status__value{
	font-size: 14px;
	letter-spacing: -2px;
	text-align: right;
	padding: 20px 25px 15px 0;
}
tbody.tilt_device_table_body tr td dl dd .box-status__standard{
	background: #ededed;
	text-align: left;
	padding: 12px 2px 8px 5px;
	margin: 0 5px 5px;
	font-size: 14px;
	white-space: nowrap;
}
tbody.tilt_device_table_body tr td dl dd .box-status__standard span{
	display: block;
	text-align: right;
	padding: 13px 0 0;
}
tbody.tilt_device_table_body tr td dl dt p span{
	display: block;
	position: absolute;
	width: max-content;
	padding: 16px 0 0;
}
tbody.tilt_device_table_body tr td dl dt.status-alarm01{
	color: #d64340;
	background: url(../images/device/box-status-alarm-img01.svg) no-repeat 90% center;
	background-size: 25px;
}
tbody.tilt_device_table_body tr td dl dt.status-alarm02{
	color: #ff7f15;
	background: url(../images/device/box-status-alarm-img02.svg) no-repeat 85% center;
	background-size: 25px;
}
.tilt_device_figure{
	background: #c9e2ae;
	width: 100%;
	height: 100%;
}
.tilt_device_figure_inner{
	display: table;
	width: 100%;
	height: 100%;
}
@media screen and (min-width: 1px) and (max-width: 415px) {
	.tilt_device_figure_inner{
		display: flex;
		width: 100%;
		height: 130px;
	}
}

#loading-view {
	 /* 領域の位置やサイズに関する設定 */
	 width: 100%;
	 height: 100%;
	 z-index: 2147483647;
	 position: fixed;
	 top: 0;
	 left: 0;
	 /* 背景関連の設定 */
	 background-color: #fff;
	 filter: alpha(opacity=85);
	 -moz-opacity: 0.85;
	 -khtml-opacity: 0.85;
	 opacity: 0.85;
	 background-image: url(../images/common/loading.gif);
	 background-position: center center;
	 background-repeat: no-repeat;
	 background-attachment: fixed;
}

select.group {
	width: 100%;
}

.orage {
	background-color: #FFA24C !important;
}
span.orage {
	color: #FFF !important;
}

#Graph:-webkit-full-screen {
    width: 100%;
    height: auto;
}
#Graph:-moz-full-screen {
    width: 100%;
    height: auto;
}
#Graph:-ms-fullscreen {
    width: 100%;
    height: auto;
}
#Graph:fullscreen {
    width: 100%;
    height: auto;
}

div.group_second {
	width: 0px;
}
div.group_third {
	width: 0px;
}
div.group_fourth {
	width: 0px;
}
div.group_fifth {
	width: 0px;
}
div.device_second {
	display: inline-block;
	width: 0px;
}
div.device_third {
	display: inline-block;
	width: 0px;
}
div.device_fourth {
	display: inline-block;
	width: 0px;
}
div.device_fifth {
	display: inline-block;
	width: 0px;
}
div.last_diff, div.daily_diff, div.temp_Coeff {
	display: inline-block;
}
div.temp_Coeff {
	padding:20px 0 0 0;
}
form.temp_Coeff_dl {
	padding:20px 0 0 0;
}

.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.modal-footer a {position: relative;background: #5cb531;height: 35px;}

span.modalspan {
    padding: 9px;
    border: 1px solid #000;
    box-sizing: border-box;
    width: 400px;
    display: block;
}

@media (max-width: 415px) {
	span.modalspan {
	    width: 250px;
	}
}
g.highcharts-markers image {
    width: 16px;
    height: 16px;
    transform: translate(-6px, -6px);
}

image.highcharts-point {
	width:12px;
	height:12px;
	transform: translate(-6px, -6px);
}

.bulk_config_btn {position: relative;background: #5cb531;display: block;padding: 0 10px;width: 100%;height: 30px;box-shadow: 0 3px 2px -1px #b6b6b6;}
.bulk_config_btn span {vertical-align: middle;display: inline-block;color: #fff;padding-top: 10px;}

/*スクロール共通*/
.scroll {
    overflow-x: auto;
    display: block;
    white-space: nowrap;
    width: 100%;
    padding: 0px 3px 0 3px;
}

.bulk_config_tooltips {
	position   : absolute;                /* 親要素を基準 */
	display: none;                        /* 要素を非表示 */
	padding: 2px;                         /* テキストの前後の余白 */
	background-color: rgba(201, 226, 174, 1);       /* 背景色（透明度） */
	width: 130px;                          /* 吹き出し全体の幅 */
	/* left: 28%; */                           /* 表示位置 */
	top: -80px;                        /* 表示位置 */
	margin-bottom : 12px;                 /* 表示位置 */
	font-size: 100%;                       /* 文字サイズ */
	border-radius: 0.5em;
	color: #000;
}
.bulk_config_tooltips:after {
	border-top: 12px solid rgba(201, 226, 174, 1);    /* 吹き出し口の高さ・色 */
	border-left: 10px solid transparent;    /* 吹き出し口の幅１／２ */
	border-right: 10px solid transparent;   /* 吹き出し口の幅１／２ */
	bottom: -12px;                          /* 吹き出し口の位置調整 */
	left : 5%;                              /* 吹き出し口の横位置 */
	content: "";                       /* コンテンツの挿入 */
	position: absolute;                /* 親要素を基準 */
}
th:hover .bulk_config_tooltips {
	display: block;
}
th.last:hover .bulk_config_tooltips {
	right: 10px;
}
th.last .bulk_config_tooltips:after {
	left: 80%;
}
.select_bulk_config{
	width: 100px;
}
.l-inner__top__btn__menu__bottom__right ul li form label {
    white-space: nowrap;
}

/*英語化*/
.p-top-sec01__info.en li a {
	font-size: 1.3vw;
}

.l-inner__top__btn__menu__bottom__middle2 ul.en li:last-child {
    padding: 20px 0 0 0;
}
@media screen and (min-width: 1px) and (max-width: 415px) { 
	.l-inner__top__btn__menu__bottom__middle2 ul li.en form label { white-space: normal; }
}
form label p.config.en {
	width: 170px;
}
.p-group01-sec01__info_bulk_group.en tr th:nth-child(4), .p-group01-sec01__info_bulk_group.en tr td.enable {width: 7%; }
.p-group01-sec01__info_bulk_group.en tr th:nth-child(5), .p-group01-sec01__info_bulk_group.en tr td.devices {width: 22% }
.p-group01-sec01__info_bulk_group.en tr th:nth-child(6), .p-group01-sec01__info_bulk_group.en tr td.testMail {width: 6%; }
.p-group01-sec01__info_bulk_group.en tr td.address {width: 7%; }
.p-group01-sec01__info_bulk_group.en tr td.address_value {width: 28%; }

.p-device01-sec01__info dl dt, .p-device03-sec01__info dl dt {
	width: 100px;
}

.p-device03-sec01__info.en dl dd ul.config {
	white-space: nowrap;
}
.mt_tabs.en .tab_item { font-size: 15px; }
@media screen and (min-width: 1px) and (max-width: 767px) { .mt_tabs.en .tab_item { line-height: 24px; } }
@media screen and (min-width: 1px) and (max-width: 415px) { .mt_tabs.en .tab_item { font-size: 10px; } }

.p-device03-sec01__info.en .p-device03-sec01__info__pulldown {
	width: 60%;
}
@media screen and (min-width: 1px) and (max-width: 415px) { 
.p-device03-sec01__info.en .p-device03-sec01__info__pulldown {
	width: 80%;
}
}
.p-device03-sec01__info.en .p-device03-sec01__info__pulldown__ttl {
    width: 32em;
}
@media screen and (min-width: 1px) and (max-width: 415px) {
.p-device03-sec01__info.en .p-device03-sec01__info__pulldown__ttl {
    width: 20em;
}
}
.p-device03-sec01__info.en .p-device03-sec01__info__pulldown form label select {
    min-width: 400px;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
	.p-device03-sec01__info.en .p-device03-sec01__info__pulldown__ttl {
		min-width: 30em;
		word-break: normal;
	}
	.p-device03-sec01__info.en .p-device03-sec01__info__pulldown form label select {
    	min-width: 350px;
	}
}
@media screen and (min-width: 1px) and (max-width: 415px) {
	.p-device03-sec01__info.en .p-device03-sec01__info__pulldown__ttl {
		min-width: 10em;
		word-break: normal;
	}
	.p-device03-sec01__info.en .p-device03-sec01__info__pulldown form label select {
    	min-width: 200px;
	}
}
.p-device03-sec01__info.en .p-device03-sec01__info__pulldown form label::before {
	right: 15px;
}
.l-inner__top__btn__right .l-inner__top__btn__right__screen a span {
	white-space: pre-line;
}
.l-inner__top__btn__right p.desc {
	padding: 5px 0 0 0;
}
.l-inner__top__btn__menu.en dl dd ul.dateTime li form label .ui-datepicker-trigger { height: 30px; top: 4px; }
.p-device03-sec01__info.en .p-device01-sec01__info__calender form label .ui-datepicker-trigger { height: 30px; top: 4px; }
.p-group01-sec01__info_user.en tr th:first-child,
.p-group01-sec01__info_user.en tr td:first-child { width: 30%; }
.p-group01-sec01__info_user.en tr th:nth-child(2),
.p-group01-sec01__info_user.en tr td:nth-child(2) { width: 50%; }
.p-group01-sec01__info_user.en tr th:nth-child(3),
.p-group01-sec01__info_user.en tr td:nth-child(3) { width: 10%; }
.p-group01-sec01__info_user.en tr th.edit,
.p-group01-sec01__info_user.en tr td.edit,
.p-group01-sec01__info_user.en tr th.delete,
.p-group01-sec01__info_user.en tr td.delete { width: 5%; }
@media screen and (min-width: 1px) and (max-width: 415px) {
	.p-group01-sec01__info_user.en tr th:first-child,
	.p-group01-sec01__info_user.en tr td:first-child { width: 30%; }
	.p-group01-sec01__info_user.en tr th:nth-child(2),
	.p-group01-sec01__info_user.en tr td:nth-child(2) { width: 46%; }
	.p-group01-sec01__info_user.en tr th:nth-child(3),
	.p-group01-sec01__info_user.en tr td:nth-child(3) { width: 10%; }
	.p-group01-sec01__info_user.en tr th.edit,
	.p-group01-sec01__info_user.en tr td.edit,
	.p-group01-sec01__info_user.en tr th.delete,
	.p-group01-sec01__info_user.en tr td.delete { width: 7%; }
}
.l-inner__top__btn.group_bulk {
	float: right;
}
.l-inner__top__btn.group_bulk ul.save_bulk {
	text-align: right;
}
p.mailConfDesc {
	 white-space: pre-line; 
	 line-height: 24px;
	 text-align: left;
}
p.mailConfDesc span {
	 font-weight: bold;
	 color: red;
}

ul.temp_coeff_auto_hist li form input { width:230px; border:1px solid #dedede; background:#dedede; pointer-events:none; }
ul.temp_coeff_auto_hist li form input.averageTime { border:1px solid #fff; background:#fff;}

td.patlite_testCmd { display:flex; }
td.patlite_testCmd a {margin: 0 10px; }
.p-group01-sec01__info_patliteMst tr td:first-child p,
.p-group01-sec01__info_patliteMst tr td:nth-child(2) p {
    text-align: left;
}

ul.regist_patliteMst { 
	list-style: none;
    float: right;
    padding-bottom: 10px;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
	ul.regist_patliteMst { 
		float: none;
	}
}
.p-device01-sec01__info dl dd ul label.patliteIP li:first-child {
    width: auto;
}
.p-device01-sec01__info__magnification form label.patliteIP input {
	width: 100px;
	text-align: right;
}

.p-device01-sec01__info__magnification form label.patliteIP P.dot {
	vertical-align: bottom;
	width: 5px;
	padding: 20px 0 0 0;
    font-weight: bold;
    font-size: 20px;
}
.p-device01-sec01__info__magnification form input.patlite_name {
    max-width: 500px;
    margin-left: -40px;
}
.p-group01-sec01__info_patlite_device tr td:first-child p,
.p-group01-sec01__info_patlite_device tr td:nth-child(2) p {
    text-align: left;
}
.select_patlite_target {
    width: 100%;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
	.p-device01-sec01__info dl dd ul label.patliteIP li:first-child {
    	padding: 0 0;
	}
	.p-device01-sec01__info__magnification form label.patliteIP P.dot {
		padding: 15px 0 0 0;
	}
	.p-device01-sec01__info dl dd ul li form label p {
 	   width: 100px;
	}
	.p-device01-sec01__info__magnification form label.patliteIP input {
    	min-width: auto;
	}
	.p-device01-sec01__info dl dd label.patliteIP ul {
		display: flex;
	}
	.p-device01-sec01__info__magnification form label.patliteIP input {
		width: 50px;
	}
	.p-device01-sec01__info dl dd ul label.patliteIP li {
 	   width: auto;
    }
}
.l-inner__btn__config.editIndividual {
    vertical-align: baseline;
    margin: 0 0 10px 0;
}
.p-group01-sec01__info_editIndividual {
	width:50%
}
@media screen and (min-width: 1px) and (max-width: 415px) {
	.p-group01-sec01__info_editIndividual {
		width:100%
	}
}
.p-group01-sec01__info_editIndividual tr td.delete a {
    background: url(../images/group/group_delete_icon.svg) no-repeat center #5cb531;
    background-size: 17px;
    display: block;
    margin: 0 5px;
    height: 30px;
    box-shadow: 0 3px 2px -1px #b6b6b6;
}

.p-device01-sec01__info__magnification form input.num:disabled {
    border: 1px solid #dedede;
    background: #dedede;
    pointer-events: none;
}
tr.config_value td:nth-child(3) input:disabled {
    border: 1px solid #dedede;
    background: #dedede;
    pointer-events: none;
}

thead.tilt_device_table_head th.latestTime,
.p-device02-sec03__info__status01 table thead th.latestTime,
.p-device01-sec02__info__detail table thead th.latestTime
{
	background: #fff;
    color: #555;
    border-bottom: 1px solid #cbcbcb;
}