/* -------------
　ZYYX対応
---------------- */

body{
  width: 100%;
  height: 100vh;
  min-width: 1024px;
  overflow: scroll;
  -ms-overflow-style: none;    /* IE, Edge 対応 */
  scrollbar-width: none;       /* Firefox 対応 */
}
body::-webkit-scrollbar {  /* Chrome, Safari 対応 */
  display:none;
}

body .l-wrap{
  height: 100vh;
  position: relative;
}

body .l-wrap .l-header
,body .l-wrap .l-main
,body .l-wrap .l-news{
  left:216px;
  width: calc(100% - 216px);
  min-width: 808px;
  position: absolute;
  overflow: inherit;
}

body .l-wrap .l-header{
  min-width: 808px;
  position: fixed;
}

body .l-wrap .l-status{
  left:216px;
  position: absolute;
}

body .l-wrap .l-main .l-content{
  min-width: 808px;
}

body .l-wrap .l-main .l-content > .u-box{
  padding-bottom: 9rem;
}

body .l-wrap.-no-menu .l-main {
  width: 100%;
  left: 0;
}

body .l-wrap.-no-menu .l-header {
  width: 100%;
  left: 0;
}

a.otsuka-link {
  text-decoration: underline;
  font-size: 1.3rem;
  line-height: 1.3;
}

.u-mgl10 {
  margin-left: 1rem;
}

.l-main-dashboard{
  left: 426px;
  width: calc(100% - 426px);
  position: absolute;
  overflow: inherit;
}

.l-menu{
  width: 216px;
}

.l-menu .-icon-user.-noimg::before{
  display: none;
}

.l-menu_list li.-mail_template a:before {
  width: 18px;
  height: 14px;

  background-image: url("../img/icons/icon_mail.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px 14px;
}

.l-menu_list li.-support_account a:before {
  width: 18px;
  height: 18px;

  background-image: url("../img/icons/icon_account.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px 18px;
}

.l-menu_list li.-account a:before {
  width: 18px;
  height: 18px;

  background-image: url("../img/icons/icon_account.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px 18px;
}

.l-menu_list li.-file_download a:before {
  width: 18px;
  height: 18px;

  background-image: url("../img/icons/icon_file-download.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px 18px;
}

.l-menu_list li.-summary_monthly_download a:before {
  width: 18px;
  height: 18px;

  background-image: url("../img/icons/icon_monthly-download.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px 18px;
}

.-btnarea-fixed{
  position: fixed;
}


/*
　ダッシュボード
*/

.l-main-dashboard .l-content .l-dashboard-list-item-content-inner+.l-dashboard-list-item-content-inner{
  margin-top: 1.5rem;
}

.l-main-dashboard .l-content .l-dashboard-list-item-content-inner.-right{
  flex-direction: column;
}

.l-main-dashboard .l-content .l-btn-wrap{
  min-width: 14rem;
}

.l-main-dashboard .l-content .l-dashboard-list-item-head:after{
  top: 0;
  bottom: 0;
  margin: auto;
}

/*
　一覧
*/

.l-list-head{
  min-width: 698px;
}

.l-list-head .c-pagenation.-single{
  top: -4px;
}

.c-list.list_text-overflow .c-list-item li{
  max-width: 400px;
  overflow: hidden;
}

.c-list-item li input{
  margin-top: -.8rem;
  min-width: 200px;
}

.c-list-item li input ~ .u-error_text{
  margin-left: .8rem;
}

.c-list.list_flex .c-list-item{
  flex: 1;
}

.c-list.list_flex .c-list-item.-list-checkbox{
  width: 60px;
  flex: none;
}

.c-list.list_flex .c-list-item.-list-btn{
  flex: none;
}

.c-list.list_flex .c-list-item.-list-btn .c-btn{
  margin-top: -.9rem;
}

.c-list-item.-list-left li {
  padding-right: 75rem;
}

.c-list-item.-left li {
	text-align: left;
}

.c-list.list_overflow.-summary_monthly_download {
	height: calc(100vh - 250px);
}

.c-list.list_btn #listHandle{
  width: calc(100% - 120px);
  min-width: auto;
  table-layout: fixed;
}

.u-mgla {
  margin-left: auto;
}

.u-mgl20 {
  margin-left: 2rem;
}

.modal{
  min-width: 1024px;
}

.modal_device_scroll_row{
  min-height: 44px;
  height: auto;;
}

.modal_device_scroll_row p{
  word-break: break-all;
  padding: 1rem .5rem;
}

.modal__content{
  max-height: 100vh;
  overflow: scroll;
  -ms-overflow-style: none;    /* IE, Edge 対応 */
  scrollbar-width: none;       /* Firefox 対応 */
}
.modal__content::-webkit-scrollbar {  /* Chrome, Safari 対応 */
  display:none;
}

.modal_device_head, .modal_device_scroll{
  width: 300px;
}

.modal__bg_w {
  position: absolute;

  left:-30px;
  width: 110%;
  height: 100vh;

  background: rgba(0, 0, 0, .4);
}

/*
　wysiwyg埋め込み
*/
.ck.ck-editor{
  width: 99% !important; /* 100%だとレスポンシブが効かないため */
}

.text-mode .html-textarea,
.text-mode .html-textarea + .cke_editor_bodyHtml {
  display: none;
}

.c-table-item dt{
  min-width: 170px;
}

.c-table-item dd.-column {
  flex-direction: column;
  align-items: flex-start;
}

.c-table-item dd .c-flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ck-editor__editable_inline{
  height: 600px;
}

/*
　登録ボタン非活性
*/
.c-btn.-disabled{
  pointer-events: none;
}
.c-btn[data-modal-link="modal_registration"].-disabled{
  color: #c1c1c1;
  background-color: #f3f3f3 !important;
}

.c-btn[data-modal-link="modal_save"].-disabled{
  color: #c1c1c1;
  background-color: #f3f3f3 !important;
}

.c-btn[data-modal-link="modal_cancel_request"].-disabled{
  color: #c1c1c1;
  background-color: #f3f3f3 !important;
}

/*
　全体エラーメッセージ
*/
.l-error-list li{
  margin-bottom: .5rem;
}
/*
　システム設定画面表示調整
*/
.system-setting-list li{
  text-align: left;
}

.system-setting-textarea{
  min-width:150px;
  margin-top: -.8rem;
  padding-top: .5rem;

  resize: none;
}

/*
　カーソル
*/
.c-table .-row .c-select-color {
  cursor: default;
}

.c-list-sort:hover {
  cursor: pointer;
}

/*
　検索ボックス(date)
*/
input[type="date"] {
  position: relative;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  margin-inline-start: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  background-size: 16px 16px;
  background-position: 89% 39%;
  cursor: pointer;
}

/*
　全体エラーメッセージ
*/

.c-alert-wrapper{
  position: relative;
  padding-left: 28rem;
}

.c-alert-list{
  position: absolute;
  left: 0;
  height: 100%;
  overflow-y: scroll;
}

.c-alert-table-wrap{
  width: 100%;
}


.l-mail-copy-wrapper{
  height: 520px;
  overflow-y: scroll;
  -ms-overflow-style: none;    /* IE, Edge 対応 */
  scrollbar-width: none;       /* Firefox 対応 */
}
.l-mail-copy-wrapper::-webkit-scrollbar {  /* Chrome, Safari 対応 */
  display:none;
}

.u-bold{
  font-weight: 700;
}

.no-pointer-events{
  pointer-events: none;
}

/*
　改行で折り返す
*/
.u-line-pre-wrap {
  white-space: pre-wrap;
}

.p-device_registration_request_support_button-wrapper {
    position: relative;
}

.c-device_registration_request_support_copyalert {
    display: none; /* 初期表示を非表示に */
    position: absolute;
    top: -5.3rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 7;
    width: auto;
    padding: 1.5rem;
    line-height: 1.6;
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-box-shadow: 6px 6px 16px -4px rgba(0, 0, 0, .2);
    box-shadow: 6px 6px 16px -4px rgba(0, 0, 0, .2);
    white-space: nowrap;
    text-align: center;
}