@charset "UTF-8";
body { -webkit-font-smoothing: antialiased; font: 13px; *font-size: small; *font: x-small; font-family: 'MS PGothic',arial,helvetica,clean,sans-serif,"monospace"; line-height: 1.3em; }
body p { line-height: 1.7em; }
body .text-center { text-align: center; }
body h3.portlet-title { font-family: 'MS PGothic',arial,helvetica,clean,sans-serif,"monospace"; }

.navbar-inverse, .footer { background-color: #000000; }

.alert-danger .alert-link { color: #fff; }

.label-danger { background-color: #d9534f; }

.label-warning { background-color: #f0ad4e; }

.label-nomal { background-color: #5bc0de; }

body { -webkit-animation: bugfix infinite 1s; }

@-webkit-keyframes bugfix { from { padding: 0; }
  to { padding: 0; } }
.displaynone { display: none; }

body { height: 100%; /* #containerのmin-heightに対して必要なもの */ }

#wrapper { height: auto !important; /* IE6対策：この2行で */ height: 100%; /* IE6対策：擬似的にmin-heightと同じことをさせてる */ position: relative; }

.container { width: 96%; }

.home h1 { font-size: 150px; display: block; margin-right: auto; margin-left: auto; margin-top: 150px; text-align: center; }

.bootstrap-timepicker-widget { z-index: 1151 !important; }

.dataTables_filter input { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

.form_detailed { color: #999999; }
.form_detailed .col-md-3 { color: #999999; }

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

.clearfix { min-height: 1px; }

* html .clearfix { height: 1px; /*¥*/ /*/ /*MAC IE5.x対策*/ height: auto; overflow: hidden; /**/ }

.datelist_iframe::-webkit-scrollbar { width: 6px; background: #dedede; border-radius: 6px; }

.datelist_iframe::-webkit-scrollbar:horizontal { height: 6px; background: #dedede; border-radius: 6px; }

.datelist_iframe::-webkit-scrollbar-thumb { background: #737373; border-radius: 6px; }

.datelist_iframe::-webkit-scrollbar-thumb:horizontal { background: #737373; border-radius: 6px; }

.datelist_iframe { border-top: 1px solid #ddd; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; float: right; width: 80%; height: 77px; }
.datelist_iframe .datelist { padding-left: 0px; padding-right: 0px; padding-top: 10px; white-space: nowrap; }
.datelist_iframe .datelist div.date { max-width: 100px; min-width: 100px; margin-right: 10px; display: inline-block; }
.datelist_iframe .datelist div.date button.btn { padding-right: 1em; padding-left: 1em; color: #444; min-width: 100px; margin-bottom: 1em; padding: 10px 0px 0px 0px; text-align: center; }
.datelist_iframe .datelist div.date button.btn p { font-family: 'Oswald'; font-size: 146.5%; line-height: 1em; }
.datelist_iframe .datelist div.date button.btn p span { font-family: 'MS PGothic',arial,helvetica,clean,sans-serif,"monospace"; font-size: 77%; width: 7em; white-space: nowrap; }
.datelist_iframe .datelist div.date button:hover { text-decoration: none; }
.datelist_iframe .datelist div.date button.btn.active { color: #fff; font-weight: normal; box-shadow: none; font-weight: normal; }
.datelist_iframe .datelist div.date .badge { z-index: 99; margin-left: -14px; margin-top: -6px; position: absolute; }

.navbar-header .navbar-toggle span.badge.badge-primary { float: right; margin-top: 20px; margin-left: 5px; }

.datetitle { float: left; border: 1px solid #ddd; padding-top: 13px; width: 18%; height: 77px; text-align: center; font-size: 38px; border-radius: 4px; }
.datetitle span { font-size: 20px; font-family: 'MS PGothic',arial,helvetica,clean,sans-serif,"monospace"; }

.navbar-inverse .noticebar li a i.fa-bell { color: #fff; }

.noticebar-hoverable .noticebar-item span.noticebar-item-datetime { font-family: 'Oswald'; font-size: 18px; margin: 0.8em 0em; }
.noticebar-hoverable .noticebar-item span.noticebar-item-arrow { font-size: 18px; margin-left: 1em; margin-right: 1em; }

img.avatar { border-radius: 0.5em; height: 40px; width: 40px; }

div.avatar { max-height: 40px; width: 40px; overflow: hidden; margin-right: 5px; float: left; vertical-align: middle; }
div.avatar img { border-radius: 0.5em; margin-right: 0.5em; max-height: 40px; max-width: 40px; }

.footer { padding-top: 1em; font-family: 'Oswald'; }

body.staff.add .form-group label em { font-size: 10px; font-style: normal; color: #999999; display: block; }

.officehours-tab h5 { font-size: 12px; }
.officehours-tab h6 { color: #999999; font-size: 10px; }

.nav-layout-sidebar li .fa.fa-exclamation-triangle { font-weight: bold; color: red; font-size: 18px; float: right; }

.pricing-plan.unchangeable span.btn-primary { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; pointer-events: none; }

.row-stat h3.row-stat-value { font-size: 36px; margin-top: 5px; }
.row-stat .row-stat-badge { font-size: 14px; margin-top: -6px; }

.pricing-plan { max-width: 300px; margin-right: auto; margin-left: auto; }

.pricing-plan-price { padding: 20px; display: block; float: none; text-align: left; }
.pricing-plan-price .pricing-plan-text { width: 25%; float: left; margin-top: 5px; }
.pricing-plan-price .pricing-plan-amount, .pricing-plan-price input { font-family: 'Oswald'; width: 50%; text-align: left; display: block; margin-top: 0.3em; float: left; }
.pricing-plan-price .btn.btn-sm { float: right; margin-top: 5px; }

.pricing-plan-price { display: block; float: none; clear: both; padding-bottom: 20px; }
.pricing-plan-price input.form-control { font-size: 26px; line-height: 1em; margin-top: 5px; padding: 0px 12px; height: 38px; }

.pricing-plan-details strong { font-size: 20px; padding-left: 0.5em; padding-right: 0.5em; }
.pricing-plan-details strike { color: #999999; }

.printbtn { display: none; }

#staff_list tbody tr td { vertical-align: middle; }

.shift_monthly { padding-top: 30px; }

.selector { font-size: 146.5%; float: left; margin-bottom: 10px; width: 100%; }

/* 点滅 */
.blinking { -webkit-animation: blink 0.6s ease-in-out infinite alternate; -moz-animation: blink 0.6s ease-in-out infinite alternate; animation: blink 0.6s ease-in-out infinite alternate; }

@-webkit-keyframes blink { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes blink { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes blink { 0% { opacity: 0; }
  100% { opacity: 1; } }
.navbar-nav.navbar-right:last-child li { border-left: solid #202020 1px; }
.navbar-nav.navbar-right:last-child li ul li { border-left: none; }
.navbar-nav.navbar-right:last-child li.dropdown { border-right: solid #202020 1px; }

header .timetext { float: right; color: #fff; margin-left: 30px; }
header .timetext .currenttime { font-size: 28px; font-family: 'Oswald'; float: left; margin-right: 10px; padding-top: 20px; }
header .timetext .currenttime strong { font-weight: normal; }
header .timetext .currenttime strong span { font-size: 14px; margin-right: 0.5em; }
header .timetext i.fa { float: right; font-size: 26px; margin-top: -5px; cursor: pointer; padding-top: 20px; color: red; }

.staff .layout-sidebar #myTab { margin-top: 30px; }
.staff .layout-sidebar .pagetab { margin-bottom: 10px; }
.staff .layout-sidebar .pagetab .btn { margin-bottom: 5px; }
.staff .well p { font-size: 12px; }
.staff #profile-content .text-right { margin-bottom: 30px; }

.user .layout-sidebar .pagetab { margin-bottom: 10px; }
.user .layout-sidebar .pagetab .btn { margin-bottom: 5px; }
.user .sifuto_header { margin-top: 1em; }
.user .sifuto_wrapbox { min-height: 100%; height: 100%; }
.user .sifuto_wrapper { height: 60px; float: none; position: relative; border-bottom: 1px solid #cccccc; margin-bottom: 5px; }
.user .sifuto_wrapper .selectdate h3 { font-family: 'Oswald'; padding-top: 15px; }
.user .sifuto_wrapper .selectdate h3 span { font-family: 'MS PGothic',arial,helvetica,clean,sans-serif,"monospace"; font-size: 14px; margin-left: 0.5em; }
.user .sifuto_wrapper .time_wrapper { width: 52%; position: absolute; top: 14px; left: 40%; }
.user .sifuto_wrapper .time_wrapper .time_set { width: 100%; min-width: 100%; display: -moz-flex; display: -webkit-flex; display: flex; -moz-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.user .sifuto_wrapper .time_wrapper .time_set div.time_1hour { font-family: 'Oswald'; -webkit-flex: 1; box-flex: 1; -moz-box-flex: 1.0; display: -ms-inline-flexbox; /* IE9 */ display: inline-flex; flex: 1; width: auto; text-align: center; border-left: 1px dotted #cacaca; padding-top: 0.8em; padding-bottom: 5px; padding-left: 1.1em; }
.user .sifuto_wrapper .time_wrapper .time_set div.time_1hour.end { border-right: 1px dotted #cacaca; }
.user .sifuto_wrapper .photo { position: absolute; top: 4px; left: 10px; }
.user .sifuto_wrapper .photo a span { padding-top: 10px; display: block; float: left; width: 6em; overflow: hidden; white-space: nowrap; }
.user .sifuto_wrapper .header_name { position: absolute; top: 6px; left: 0px; font-family: 'Oswald'; padding-top: 0.5em; font-size: 153.9%; }
.user .sifuto_wrapper .workinghours { position: absolute; top: 8px; left: 15%; font-family: 'Oswald'; padding-top: 0.2em; font-size: 146.5%; width: 5em; text-align: center; }
.user .sifuto_wrapper .workinghours i.fa { color: #999999; }
.user .sifuto_wrapper .workinghours.col-md-2 { position: relative; font-family: 'Oswald'; top: 0px; left: 0px; }
.user .sifuto_wrapper .lastcheck { position: absolute; top: 6px; left: 30%; padding-top: 0.5em; font-size: 108%; color: #999999; }
.user .sifuto_wrapper .header_workinghours { position: absolute; top: 6px; left: 16%; font-family: 'Oswald'; padding-top: 0.5em; }
.user .sifuto_wrapper .header_lastcheck { position: absolute; top: 6px; left: 30%; font-family: 'Oswald'; padding-top: 0.5em; }
.user .sifuto_wrapper .header_schedule { position: absolute; top: 6px; left: 67%; font-family: 'Oswald'; padding-top: 0.5em; }
.user .sifuto_wrapper .day { width: 52%; background-image: url(../../common/img/day_bgimg.png); position: absolute; height: 40px; top: 5px; left: 40%; padding-top: 0em; cursor: pointer; }
.user .sifuto_wrapper .day:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
.user .sifuto_wrapper .schedule { font-family: 'Oswald'; font-size: 123.1%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; vertical-align: middle; text-decoration: none; display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; border: 1px solid transparent; -webkit-user-select: none; background-color: #d74b4b; border-color: #b32828; color: #ffffff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); position: absolute; min-height: 40px; }
.user .sifuto_wrapper .day.fortimetext { background-color: transparent; }
.user .sifuto_wrapper .control { position: absolute; top: 7px; right: 0%; }
.user .sifuto_wrapper .header_control { position: absolute; top: 7px; right: 0.5%; font-family: 'Oswald'; padding-top: 0.5em; font-size: 153.9%; }
.user .sifuto_wrapper .header_name, .user .sifuto_wrapper .header_workinghours, .user .sifuto_wrapper .header_lastcheck, .user .sifuto_wrapper .header_schedule, .user .sifuto_wrapper .header_control { font-size: 123.1%; }
.user .sifuto_wrapper.fortimetext { padding-top: 0px; padding-bottom: 0px; margin-bottom: 20px; height: 30px; border: none; }
.user .viewselector { margin-bottom: 10px; }
.user .viewselector .btn { width: auto; }
.user .modal-body .period select { float: left; margin-right: 1em; margin-bottom: 1em; display: block; width: auto; height: 34px; padding: 6px 12px; font-size: 16px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.user .modal-body .period span { padding-top: 0.8em; float: left; display: block; font-size: 16px; font-weight: bold; margin-right: 0.8em; }
.user .modal-body .period .textbox { font-size: 16px; padding-top: 6px; }
.user .modal-body .sifuto_wrapper { height: 36px; margin-bottom: 0px; border-bottom: none; }
.user .modal-body .sifuto_wrapper .photo { top: 14px; font-size: 123.1%; font-weight: bold; width: 6em; overflow: hidden; white-space: nowrap; }
.user .modal-body .sifuto_wrapper .workinghours { position: absolute; top: 8px; font-family: 'Oswald'; font-size: 123.1%; margin-right: 30px; padding-top: 0.5em; left: 18%; }
.user .modal-body .sifuto_wrapper .day { left: 200px; width: 62%; height: 26px; }
.user .modal-body .sifuto_wrapper .day .schedule { min-height: 26px; }
.user .modal-body .sifuto_wrapper .slider { width: 62%; background-image: url(../../common/img/day_bgimg.png); position: absolute; height: 26px; top: 14px; left: 200px; padding-top: 0em; }
.user .modal-body .sifuto_wrapper .slider .noUi-handle { width: 26px; height: 32px; left: -17px; top: -4px; }
.user .modal-body .sifuto_wrapper .slider .noUi-connect { background-color: #d74b4b; }
.user .modal-body.textform { padding-top: 15px; border-top: 1px solid #e5e5e5; }
.user #modal_edit_shift_staff_shift_table .day { cursor: auto; }
.user #modal_edit_shift_staff_shift_table .day:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.user #modal_edit_shift_staff_shift_table .sifuto_wrapper .photo { top: 8px; }
.user #modal_edit_shift_staff_shift_table .sifuto_wrapper .workinghours { top: 2px; }

.user.home .printbtn { display: block; }

.user.edit .datelist_iframe { float: none; width: 100%; margin-bottom: 2em; }

.user.notifications .nav-pills li { margin-bottom: 0.5em; }
.user.notifications .feed-item { padding-bottom: 0px; }
.user.notifications .feed-item .feed-icon { background-color: #333; }
.user.notifications .feed-item .feed-subject { margin-bottom: 0.45em; }
.user.notifications .feed-item .feed-subject p { margin-bottom: 0.45em; }
.user.notifications .feed-item .feed-actions { margin-top: 0.5em; }
.user.notifications .feed-item button.detail { margin-left: 1em; }
.user.notifications .feed-item span.label { margin-left: 1em; }
.user.notifications .feed-item .jumbotron { padding: 26px; }
.user.notifications .feed-item .jumbotron ul { padding: 0px; }
.user.notifications .feed-item .jumbotron ul li { list-style: none; font-family: 'Oswald'; font-size: 146.5%; margin-bottom: 0.8em; padding: 0px; }
.user.notifications .feed-item .jumbotron ul li span { font-size: 85%; margin-right: 1em; }
.user.notifications .btn.morefeed { width: 100%; }

.stafflist table.table { margin-bottom: 0px; }
.stafflist table.table th { font-family: 'Oswald'; font-size: 123.1%; }
.stafflist table.table td { font-family: 'Oswald'; font-size: 123.1%; text-align: left; }

.devicelist .table td { font-size: 123.1%; }
.devicelist .table td .label { font-size: 77%; width: 5.5em; display: block; padding-top: 6px; padding-bottom: 6px; text-align: center; }
.devicelist .table td.account, .devicelist .table td.lastlogin, .devicelist .table td.lastlogin_ip { font-family: 'Oswald'; }

.shift_monthly .day div { padding: 8px 8px; }
.shift_monthly .day div .btn { min-width: 2.5em; display: inline-block; font-family: 'Oswald'; text-shadow: none; float: right; margin-top: -3px; margin-right: 0px; font-size: 146.5%; padding: 3px 6px; }
.shift_monthly .day div .btn i { font-size: 14px; display: inline; padding-left: 0.4em; }
.shift_monthly .day div p { font-size: 108%; padding-top: 3em; color: #bb2a2a; letter-spacing: 0em; }
.shift_monthly .day.thisweek div { background-color: #ffefef; }
.shift_monthly .day.thisweek div.today { background-color: #ffdede; }
.shift_monthly .fa.fa-users { font-size: 14px; padding-right: 0.7em; display: block; float: left; margin-top: 0.5em; }
.shift_monthly .day.thisweek div { background-color: #ffefef; }
.shift_monthly .day.thisweek div.today { background-color: #ffdede; }
.shift_monthly .invalid { pointer-events: none; cursor: default; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.shift_monthly .invalid .btn { pointer-events: none; cursor: default; }

.edit .shift_monthly .day div { cursor: pointer; }
.edit .shift_monthly .day div:hover { background-color: #f0f0f0; -webkit-box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.125); }

.agent .progress-stat-value strong { font-family: 'Oswald'; font-size: 167%; font-weight: normal; }
.agent .list-group hr { margin-top: 5px; margin-bottom: 10px; }
.agent .list-group .progress { margin-bottom: 5px; }
.agent .well .btn, .agent .well p { margin-bottom: 0px; }
.agent .well p.tel { font-family: 'Oswald'; font-size: 167%; }
.agent .feed-item { padding-bottom: 2px; }
.agent table.table { margin-bottom: 0px; }
.agent table.table th { font-family: 'Oswald'; font-size: 123.1%; }
.agent table.table td { font-family: 'Oswald'; font-size: 123.1%; text-align: left; }
.agent .feed .btn.btn-default { width: 100%; }

.btn.btn_sifuto_0per { background-color: #fff; }

.btn.btn_sifuto_20per { background-color: #f6f6f6; }

.btn.btn_sifuto_40per { background-color: #f1f1f1; }

.btn.btn_sifuto_60per { background-color: #ececec; }

.btn.btn_sifuto_80per { background-color: #e2e2e2; }

.btn.btn_sifuto_100per { background-color: #d9d9d9; }

.btn_box { margin-top: 30px; margin-bottom: 30px; }

.devicenav { padding-top: 1em; }
.devicenav .btn { margin-bottom: 1em; min-width: 100%; }
.devicenav .btn i { font-size: 32px; margin-top: .25em; margin-bottom: .35em; display: block; }
.devicenav .btn span { font-size: 10px; display: block; font-weight: bold; margin-bottom: .35em; }

.userlist #user_list th i.fa { display: none; }
.userlist #user_list .label { font-size: 77%; width: 5.5em; display: block; padding-top: 6px; padding-bottom: 6px; text-align: center; }
.userlist td.shop_status, .userlist td.persons, .userlist td.device { width: 11%; text-align: center; }

.allpurpose { margin-top: 5em; text-align: center; }
.allpurpose .details { width: 50%; margin-left: auto; margin-right: auto; }
.allpurpose .details h4 { font-size: 197%; }

#notification-tab { font-family: 'MS PGothic',arial,helvetica,clean,sans-serif,"monospace"; }
#notification-tab h5 { font-weight: bold; font-family: 'MS PGothic',arial,helvetica,clean,sans-serif,"monospace"; }
#notification-tab .portlet { margin-bottom: 0em; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .user .layout-sidebar .pagetab .btn { margin-bottom: 5px; width: 100%; }
  .staff .layout-sidebar .pagetab .btn { margin-bottom: 5px; width: 100%; }
  .container { width: 96%; }
  .shift_monthly .day div { cursor: pointer; }
  .shift_monthly .day div .btn { min-width: auto; padding: 2px 4px; margin-left: 0px; }
  .shift_monthly .day div .btn i { margin-top: 2px; }
  .shift_monthly .day div .btn p { font-size: 108%; padding-top: 3em; color: #bb2a2a; } }
@media only screen and (orientation: portrait) { .navbar-inverse .navbar-nav > li > a { font-size: 9px; }
  .nav > li > a { padding-top: 10px 9px; } }
@media screen and (max-width: 992px) { .container { width: 96%; }
  .container .shift_monthly .day div { padding: 6px 6px; cursor: pointer; }
  .container .shift_monthly .day div .btn { min-width: 2em; padding: 0px 4px; }
  .container .shift_monthly .day div .btn i { font-size: 77%; margin-top: 6px; }
  .container .shift_monthly .day div .btn p { font-size: 108%; padding-top: 3em; color: #bb2a2a; }
  .devicenav .btn span { display: block; }
  .keyvalue-table tbody tr td.name { white-space: nowrap; }
  .keyvalue-table tbody tr td.time { white-space: nowrap; font-size: 138.5%; } }
.switch { position: relative; display: inline-block; vertical-align: top; top: -7px; width: 58px; height: 24px; padding: 3px; background-color: white; border-radius: 18px; box-shadow: inset 0 -1px #fff, inset 0 1px 1px rgba(0, 0, 0, 0.05); cursor: pointer; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.switch-input { position: absolute; top: 0; left: 0; opacity: 0; }

.switch-label { position: relative; display: block; height: inherit; font-size: 10px; font-weight: bold; text-transform: uppercase; background: #f9f9f9; border-radius: inherit; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); -webkit-transition: .15s ease-out; -moz-transition: .15s ease-out; -o-transition: .15s ease-out; transition: .15s ease-out; -webkit-transition-property: opacity background; -moz-transition-property: opacity background; -o-transition-property: opacity background; transition-property: opacity background; }

.switch-label:before, .switch-label:after { position: absolute; top: 50%; margin-top: -0.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; }

.switch-label:before { content: attr(data-off); right: 11px; color: #aaa; text-shadow: 0 1px rgba(255, 255, 255, 0.5); }

.switch-label:after { content: attr(data-on); left: 11px; color: white; text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0; }

.switch-input:checked ~ .switch-label { background: #c7cbd5; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); }

.switch-input:checked ~ .switch-label:before { opacity: 0; }

.switch-input:checked ~ .switch-label:after { opacity: 1; }

.switch-handle { position: absolute; top: 1px; left: 4px; width: 26px; height: 26px; background: white; border-radius: 50em; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); background-image: -webkit-linear-gradient(top, #fff 40%, #f0f0f0); background-image: -moz-linear-gradient(top, #fff 40%, #f0f0f0); background-image: -o-linear-gradient(top, #fff 40%, #f0f0f0); background-image: linear-gradient(to bottom, #fff 40%, #f0f0f0); -webkit-transition: left .15s ease-out; -moz-transition: left .15s ease-out; -o-transition: left .15s ease-out; transition: left 0.15s ease-out; }

.switch-handle:before { content: ''; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px; height: 12px; background: #f9f9f9; border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); background-image: -webkit-linear-gradient(top, #eee, #fff); background-image: -moz-linear-gradient(top, #eee, #fff); background-image: -o-linear-gradient(top, #eee, #fff); background-image: linear-gradient(to bottom, #eee, #fff); }

.switch-input:checked ~ .switch-handle { left: 36px; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); }

.switch-primary > .switch-input:checked ~ .switch-label { background: #36a9e1; }

.switch-success > .switch-input:checked ~ .switch-label { background: #78cd51; }

.switch-warning > .switch-input:checked ~ .switch-label { background: #fabb3d; }

.switch-important > .switch-input:checked ~ .switch-label { background: #ff5454; }

.switch-info > .switch-input:checked ~ .switch-label { background: #67c2ef; }

.switch-danger > .switch-input:checked ~ .switch-label { background: #d9534f; }

body.terms .col-md-12, body.help .col-md-12, body.privacy .col-md-12 { margin-bottom: 2em; }
body.terms ol.ollist, body.terms ul.lilist, body.help ol.ollist, body.help ul.lilist, body.privacy ol.ollist, body.privacy ul.lilist { margin-bottom: 2em; }
body.terms ol.ollist li, body.terms ul.lilist li, body.help ol.ollist li, body.help ul.lilist li, body.privacy ol.ollist li, body.privacy ul.lilist li { margin-bottom: 1em; line-height: 1.5em; }
body.terms ol.ollist li ol, body.terms ul.lilist li ol, body.help ol.ollist li ol, body.help ul.lilist li ol, body.privacy ol.ollist li ol, body.privacy ul.lilist li ol { margin-top: 1em; }
body.terms h4, body.help h4, body.privacy h4 { font-family: 'MS PGothic',arial,helvetica,clean,sans-serif,"monospace"; }
body.terms p, body.help p, body.privacy p { margin-bottom: 1.5em; line-height: 2em; }

body.law table { font-size: 108%; }
body.law table td, body.law table th { padding: 15px; }
body.law table th { background-color: #f9f9f9; }

@media only screen and (max-width: 767px) { .devicenav .btn i { font-size: 32px; }
  .devicenav .btn span { display: block; }
  img.avatar, div.avatar { border-radius: 0.5em; width: 30px; margin-right: 0.5em; }
  .keyvalue-table thead th.cur_schedule { display: none; }
  .keyvalue-table thead th.cur_control { text-align: center; }
  .keyvalue-table tbody tr td { padding-top: 10px; padding-bottom: 10px; }
  .keyvalue-table tbody tr td.name { white-space: nowrap; }
  .keyvalue-table tbody tr td.schedule { display: none; }
  .keyvalue-table tbody tr td.time { white-space: nowrap; font-size: 108%; }
  #staff_list tbody tr td { vertical-align: middle; }
  #staff_list th.registration.sorting, #staff_list td.registration, #staff_list th.lastedit, #staff_list td.lastedit { display: none; }
  #staff_list th.edit span, #staff_list td.edit span { display: none; }
  .user .sifuto_wrapper { height: 46px; }
  .user .sifuto_wrapper .time_wrapper { display: none; }
  .user .sifuto_wrapper .photo { top: 4px; }
  .user .sifuto_wrapper .photo a img { height: 30px; }
  .user .sifuto_wrapper .workinghours { top: 0px; left: 47%; }
  .user .sifuto_wrapper .day { display: none; }
  .user .sifuto_wrapper .control { top: 2px; }
  .user .modal-body .sifuto_wrapper .photo { display: none; }
  .user .modal-body .sifuto_wrapper .slider { display: block; }
  .user .modal-body .sifuto_wrapper .workinghours { display: none; }
  .user .modal-body .sifuto_wrapper .day { display: block; left: 1px; width: 100%; }
  .user .modal-body .form-group .sifuto_wrapper .photo { display: block; }
  .user .modal-body .form-group .sifuto_wrapper .slider { display: block; }
  .user .modal-body .form-group .sifuto_wrapper .workinghours { display: block; }
  .user .modal-body h4 { padding-top: 2em; }
  .user .modal-body .sifuto_wrapper .slider { top: 50px; left: 1px; width: 100%; margin-bottom: 2em; }
  .user .modal-body .sifuto_wrapper .workinghours { left: 33%; }
  .user .modal-body h4 { padding-top: 2em; } }
@media screen and (min-width: 640px) { .devicenav .btn i { font-size: 26px; }
  .devicenav .btn span { display: block; }
  .flex-box { display: flex; display: -webkit-box; display: box; }
  .flex-box div { -webkit-box-flex: 1; box-flex: 1; width: 100%; border-style: solid; border-color: #EBEBEB; border-width: 1px; margin-right: 5px; padding-left: 5px; padding-right: 5px; }
  .flex-box div h4 { font-family: 'Oswald'; }
  .flex-box div p { margin-left: 0.5em; }
  .flex-box div p a li.fa.fa-exclamation-triangle { color: #ff9090; }
  .flex-box div.weekend { margin-right: 0px; }
  .day { margin-bottom: 5px; }
  .day div { min-height: 100px; }
  .day div h4 { margin: 0px; font-size: 138.5%; float: left; }
  .day div p { font-size: 30px; font-family: 'Oswald'; text-align: center; color: #ff9090; }
  .day div p a li.fa.fa-exclamation-triangle { color: #ff9090; font-size: 16px; }
  .week { text-align: center; height: 25px; max-height: 25px; }
  .week div { padding-top: 5px; border-bottom: none; }
  .week h4 { margin-top: 10px; font-family: 'Oswald'; } }
@media screen and (max-width: 640px) { .nav-pills > li { margin-bottom: 10px; }
  select.dateselector { font-size: 150%; margin-bottom: 10px; width: 100%; }
  .datetitle, .datelist_iframe { display: none; }
  .home h1 { font-size: 80px; }
  .stafflist a.btn.btn-primary { float: left; }
  .stafflist .dataTables_filter input { width: 10em; }
  .userlist #user_list .agent_name, .userlist #user_list .plan, .userlist #user_list .lastmodified { display: none; }
  .userlist #user_list .shop_status { white-space: nowrap; }
  .userlist #user_list th { font-size: 85%; }
  .userlist #user_list th i.fa { display: inline; }
  .userlist #user_list th span { display: none; }
  .userlist #user_list td.company_name { font-size: 85%; }
  .userlist #user_list td span.label { font-size: 9px; }
  .userlist #user_list .btn span { display: none; }
  .userlist .btn.btn-primary { float: left; }
  .userlist .dataTables_filter input { width: 10em; }
  .devicelist #device_list .lastlogin, .devicelist #device_list .lastlogin_ip { display: none; }
  .devicelist #device_list .btn span { display: none; }
  .devicelist .btn.btn-primary { float: left; }
  .devicelist .dataTables_filter input { width: 10em; }
  .container .shift_monthly { padding-top: 5px; }
  .container .shift_monthly .day div .btn { font-size: 14px; margin-left: auto; margin-right: auto; float: none; margin-bottom: 10px; }
  .container .shift_monthly .day div p { font-size: 77%; padding-top: 0.5em; }
  .portlet-title { font-size: 108%; }
  h4 { font-size: 100%; }
  .selector { clear: both; display: block; width: 100%; float: none; margin-bottom: 10px; }
  .mainnav { margin-bottom: 20px; }
  .devicenav.row .btn i { font-size: 12px; }
  .devicenav.row .btn span { display: none; }
  .flex-box { display: flex; display: -webkit-box; display: box; }
  .flex-box div { -webkit-box-flex: 1; box-flex: 1; width: 100%; border-style: solid; border-color: #EBEBEB; border-width: 1px; margin-right: 1px; padding-left: 5px; padding-right: 5px; }
  .flex-box div h4 { font-family: 'Oswald'; }
  .flex-box div p { margin-left: 0em; }
  .flex-box div p a li.fa.fa-exclamation-triangle { color: #ff9090; }
  .flex-box div.weekend { margin-right: 0px; }
  .day { margin-bottom: 1px; }
  .day div { min-height: 50px; padding: 3px; text-align: center; }
  .day .btn .fa.fa-users { display: none; }
  .day p { font-family: 'Oswald'; text-align: center; line-height: 1.0em; }
  .day p a li.fa.fa-exclamation-triangle { color: #ff9090; font-size: 16px; }
  .navbar-nav.navbar-right:last-child { margin-right: 20px; }
  .navbar-nav.navbar-right:last-child li { border-left: none; }
  .navbar-nav.navbar-right:last-child li ul li { border-left: none; }
  .navbar-nav.navbar-right:last-child li.dropdown { border-right: none; }
  .user .timetext { display: none; }
  .user .container .sifuto_wrapper .workinghours { font-size: 138.5%; width: 6em; top: 2px; left: 44%; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 4px 6px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #333; background-color: #fff; border-color: #ccc; text-shadow: 0 1px 0 #fff; border-color: #ccc; }
  .user .photo a span { width: 7em; overflow: hidden; white-space: nowrap; }
  .user .modal-footer { padding: 19px 12px 12px; }
  .user .modal-footer .btn { padding: 6px 6px; }
  .week { text-align: center; height: 25px; max-height: 25px; }
  .week div { padding-top: 5px; border-bottom: none; }
  .week div span { display: none; }
  .week div p { padding-top: 0.5em; }
  .week h4 { margin-top: 10px; font-family: 'Oswald'; }
  .allpurpose { margin-top: 2em; text-align: center; }
  .allpurpose .details { width: 90%; margin-left: auto; margin-right: auto; }
  .allpurpose .details h4 { font-size: 123.1%; }
  .staff .well { display: none; }
  .staff .layout-sidebar { padding-bottom: 0px; }
  .staff .layout-sidebar .pagetab { text-align: center; }
  .staff .layout-sidebar .btn.btn-default { margin-bottom: 5px; }
  .staff .layout-sidebar .btn.btn-default i { display: none; }
  .staff .btn_box.text-right { text-align: center; }
  .staff .btn_box.text-right .btn.btn-default { font-size: 10px; }
  .timetext { display: none; }
  #notification-tab .col-xs-12.interval { text-align: right; }
  #notification-tab .col-xs-12.interval select { margin-left: 1em; }
  #notification-tab .blockquote blockquote p { font-size: 85%; } }
.user.print { /* 省略 */ /* 省略 */ }
.user.print a[href]:after { content: ""; }
.user.print abbr[title]:after { content: ""; }
.user.print .datelist_iframe { float: none; width: 100%; margin-bottom: 2em; }
.user.print .col-md-12 { margin-bottom: 3em; }
.user.print .sifuto_wrapper { height: 32px; }
.user.print .sifuto_wrapper .btn.btn-default { display: none; }
.user.print .sifuto_wrapper .time_wrapper, .user.print .sifuto_wrapper .day { width: 60%; }
.user.print .sifuto_wrapper .time_wrapper .time_set { min-height: 100%; }
.user.print .sifuto_wrapper .day { top: 2px; height: 22px; }
.user.print .sifuto_wrapper .day .schedule { min-height: 22px; border-color: #000; }
.user.print .sifuto_wrapper .lastcheck { display: none; }
.user.print .sifuto_wrapper .workinghours { top: 0px; left: 20%; }
.user.print .sifuto_wrapper .workinghours i.fa { display: none; }
.user.print .sifuto_wrapper .photo { top: -4px; }
.user.print .sifuto_wrapper .photo a .avatar { display: none; }
.user.print footer { display: none; }
.user.print hr.page-break { page-break-after: always; }
.user.print a#back-to-top { display: none; }

@media print { /* 省略 */
  a[href]:after { content: ""; }
  abbr[title]:after { content: ""; }
  /* 省略 */
  .navbar, .mainnav, .datelist_iframe, select.dateselector, .control, select, .btn-group, #back-to-top { display: none; }
  .user .sifuto_wrapper { height: 32px; }
  .user .sifuto_wrapper .time_wrapper, .user .sifuto_wrapper .day { width: 60%; }
  .user .sifuto_wrapper .time_wrapper .time_set { min-height: 100%; }
  .user .sifuto_wrapper .day { top: 2px; height: 22px; }
  .user .sifuto_wrapper .day .schedule { min-height: 22px; border-color: #000; }
  .user .sifuto_wrapper .lastcheck { display: none; }
  .user .sifuto_wrapper .workinghours { top: 0px; left: 20%; }
  .user .sifuto_wrapper .workinghours i.fa { display: none; }
  .user .sifuto_wrapper .photo { top: -4px; }
  .user .sifuto_wrapper .photo a .avatar { display: none; }
  .datetitle { height: 36px; border: none; font-size: 20px; text-align: left; margin-bottom: 0px; }
  footer { display: none; }
  hr.page-break { page-break-after: always; } }