@charset "UTF-8";
/*!
 * MTAppjQuery.css
 *
 * Copyright (c) bit part LLC (https://bit-part.net)
 *
 * Since:   2010-07-22
 * Version: 3.4.0
 * Update:  2025-06-23
 *
 */
/* ----------------------------------------
   ローディング画像
---------------------------------------- */
#mtapp-loading-image {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 0;
    width: 40px;
    height: 40px;
    z-index: 99999;
}

#mtapp-loading-image-backdrop {
    background-color: rgba(0, 0, 0, 0.46);
}

/* ----------------------------------------
   mtapp.modalConfirm
   mtapp.modalMsg
---------------------------------------- */
#mtapp-modal-message[data-mtapp-type='success'] .modal-header,
#mtapp-modal-confirm[data-mtapp-type='success'] .modal-header {
    background-color: #d7e9e6;
    color: #1e4c43;
}

#mtapp-modal-message[data-mtapp-type='success'] .modal-header button.close,
#mtapp-modal-confirm[data-mtapp-type='success'] .modal-header button.close {
    color: #1e4c43;
}

#mtapp-modal-message[data-mtapp-type='info'] .modal-header,
#mtapp-modal-confirm[data-mtapp-type='info'] .modal-header {
    background-color: #dff2fb;
    color: #31627a;
}

#mtapp-modal-message[data-mtapp-type='info'] .modal-header button.close,
#mtapp-modal-confirm[data-mtapp-type='info'] .modal-header button.close {
    color: #31627a;
}

#mtapp-modal-message[data-mtapp-type='warning'] .modal-header,
#mtapp-modal-confirm[data-mtapp-type='warning'] .modal-header {
    background-color: #fce8d8;
    color: #7d491f;
}

#mtapp-modal-message[data-mtapp-type='warning'] .modal-header button.close,
#mtapp-modal-confirm[data-mtapp-type='warning'] .modal-header button.close {
    color: #7d491f;
}

#mtapp-modal-message[data-mtapp-type='error'] .modal-header,
#mtapp-modal-confirm[data-mtapp-type='error'] .modal-header {
    background-color: #f6d7d7;
    color: #6e1c1d;
}

#mtapp-modal-message[data-mtapp-type='error'] .modal-header .mt-icon--error,
#mtapp-modal-confirm[data-mtapp-type='error'] .modal-header .mt-icon--error {
    fill: #d33638;
}

#mtapp-modal-message[data-mtapp-type='error'] .modal-header button.close,
#mtapp-modal-confirm[data-mtapp-type='error'] .modal-header button.close {
    color: #6e1c1d;
}

/* ----------------------------------------
   サイドバーの開閉ボタン
---------------------------------------- */
#mtapp-sidebar-collapse {
    position: fixed;
    border: 1px solid #333333;
    border-top: none;
    border-right: none;
    border-bottom-left-radius: 0.25rem;
    top: 0;
    right: 0;
    padding: 3px 6px;
    z-index: 1000;
    opacity: 0.3;
    cursor: pointer;
}

#mtapp-sidebar-collapse:hover {
    background-color: #e3e3e3;
    border-color: #ccc;
    opacity: initial;
}

#mtapp-sidebar-collapse svg {
    width: 16px;
    height: 16px;
}

body.mtapp-hide-sidebar-collapse #mtapp-sidebar-collapse {
    display: none;
}

/* ----------------------------------------
   オーバーレイ・リッチエディタ
---------------------------------------- */
#mtapp-overlay-editor-modal {
    z-index: 1040;
}

#mtapp-overlay-editor-modal .mce-i-fullscreen {
    display: none !important;
}

.mtapp-overlay-editor *:last-child {
    margin-bottom: 0 !important;
}

body.fullscreen_editor_screen.tox-fullscreen #mtapp-overlay-editor-modal > .modal-dialog {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
    height: 100vh;
    max-height: 100vh;
}

body.fullscreen_editor_screen.tox-fullscreen #mtapp-overlay-editor-modal > .modal-dialog .modal-body {
    height: 100vh;
    max-height: 100vh;
    padding: 0;
}

body.fullscreen_editor_screen.tox-fullscreen #mtapp-overlay-editor-modal > .modal-dialog .modal-body .tox-tinymce {
    border-radius: 0;
    height: 100vh !important;
    max-height: 100vh !important;
}

body.fullscreen_editor_screen.tox-fullscreen #mtapp-overlay-editor-modal .modal-footer {
    display: none;
}

body.fullscreen_editor_screen.tox-fullscreen #mtapp-sidebar-collapse {
    display: none;
}

/* ----------------------------------------
   マルチフィールド
---------------------------------------- */
.mtapp-mf-container .mf-loop-block {
    padding: 1rem 1.5rem;
    margin-bottom: 2rem;
    border: 1px solid #d8d8d8;
    border-radius: 0.25rem;
}

.mtapp-mf-container .mf-loop-block .mf-loop-block-title {
    position: relative;
    top: -1.5rem;
    margin-bottom: 0;
}

.mtapp-mf-container .mf-loop-block-title {
    margin-bottom: 1rem;
}

.mtapp-mf-container .mtapp-mf-block {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #d8d8d8;
}

.mtapp-mf-container .mtapp-mf-block .form-group {
    margin-bottom: 1.5rem;
}

.mtapp-mf-container .mtapp-mf-block:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.mtapp-mf-container .mtapp-mf-block:nth-child(2n) {
    background-color: #f9f9f9;
}

.mtapp-mf-container .mtapp-overlay-editor img {
    max-width: 100%;
    height: auto;
}

.mtapp-mf-container .mtapp-mf-table-vertical {
    margin-bottom: 0;
    border-bottom: 0;
}

.mtapp-mf-container .mtapp-mf-table-vertical th {
    background: #f4f4f4;
    border-top: 0;
    border-bottom: 1px solid #cacaca;
    color: #2f2f2f;
    font-weight: bold;
    white-space: nowrap;
}

.mtapp-mf-container .mtapp-mf-table-vertical tr:last-child th {
    border-bottom: none;
}

.mtapp-mf-container .mt-table--outline {
    overflow-x: auto;
}

.mtapp-mf-container .mtapp-mf-footer .d-block + .d-block {
    margin-top: 0.5rem;
}

.mtapp-mf-container .mtapp-mf-field-code {
    font-family: 'Source Han Code JP', 'Courier New', Monaco, Consolas, monospace !important;
}

/* ----------------------------------------
   VueContentData
---------------------------------------- */
.mtapp-contentData .mtapp-contentData-selected .btn {
    border-style: dotted !important;
}

.mtapp-contentData .mtapp-contentData-selected div {
    margin-top: 0.5rem !important;
}

.mtapp-contentData .mtapp-disabled-button {
    border-top-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
    cursor: initial !important;
}

/* ----------------------------------------
   アセット・フィールド
---------------------------------------- */
#mtapp-asset-field-data,
#mtapp-asset-field {
    display: none;
}

.mtapp-assetField-file-icon {
    width: 50px;
    height: 50px;
}

/* ----------------------------------------
   ツールチップ
---------------------------------------- */
#mtapp-tooltip {
    padding: 8px 10px;
    border-radius: 3px;
    -moz-box-shadow: 2px 2px 10px #ababab;
    -webkit-box-shadow: 2px 2px 10px #ababab;
}

/* ----------------------------------------
   removeVal
---------------------------------------- */
img.mtapp-remove-val-btn {
    display: block;
    position: absolute;
    right: 3px;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

/* ----------------------------------------
   showHint
---------------------------------------- */
.balloon {
    position: absolute;
    z-index: 99;
}

#related-content .balloon {
    max-width: 258px;
}

.balloon-content {
    position: relative;
    padding: 13px;
    border-radius: 3px;
    background-color: #fac833;
    box-shadow: 0px 2px 3px #888;
    -moz-box-shadow: 0px 2px 3px #888;
    -webkit-box-shadow: 0px 2px 3px #888;
}

.balloon .balloon-arrow {
    position: absolute;
    left: 20px;
    width: 19px;
    height: 10px;
}

.balloon .balloon-arrow div {
    margin: 0 auto;
    display: block;
    height: 1px;
    background: #fac833;
    line-height: 0px;
    font-size: 0px;
    box-shadow: 0px 2px 3px #888;
    -moz-box-shadow: 0px 2px 3px #888;
    -webkit-box-shadow: 0px 2px 3px #888;
}

.balloon .balloon-arrow .line10 {
    width: 19px;
}

.balloon .balloon-arrow .line9 {
    width: 17px;
}

.balloon .balloon-arrow .line8 {
    width: 15px;
}

.balloon .balloon-arrow .line7 {
    width: 13px;
}

.balloon .balloon-arrow .line6 {
    width: 11px;
}

.balloon .balloon-arrow .line5 {
    width: 9px;
}

.balloon .balloon-arrow .line4 {
    width: 7px;
}

.balloon .balloon-arrow .line3 {
    width: 5px;
}

.balloon .balloon-arrow .line2 {
    width: 3px;
}

.balloon .balloon-arrow .line1 {
    width: 1px;
}

/* ----------------------------------------
   汎用クラス
---------------------------------------- */
.hidden {
    display: none;
}

.mtapp-text-code {
    font-family: 'Source Han Code JP', 'Courier New', Monaco, Consolas, monospace !important;
}

/* ----------------------------------------
   MTAppSuggest
---------------------------------------- */
.field-suggestion {
    position: relative;
    top: -1px;
    left: 2px;
    width: 100%;
}

.field-suggestion .field_completion {
    min-width: 200px;
    max-width: 100%;
    position: absolute;
    z-index: 50;
    border: 1px solid #c0c6c9;
    background-color: #f3f3f3;
}

.field-suggestion .field_completion div {
    padding: 2px 5px;
}

.field-suggestion .field_completion div.complete-highlight {
    color: #2b2b2b;
    background-color: #dcdddd;
}

/* ----------------------------------------
   MTAppJSONTable
---------------------------------------- */
.jsontable-table .mt-table-thead-th {
    background: #f4f4f4;
    border-top: 0;
    border-bottom: 1px solid #cacaca;
    color: #2f2f2f;
    font-weight: bold;
    white-space: nowrap;
}

.jsontable-table .jsontable-cb-cell,
.jsontable-table .jsontable-sort-handle {
    width: 3rem !important;
    vertical-align: middle !important;
    text-align: center !important;
}

.jsontable-table .jsontable-sort-handle svg {
    margin: 0px !important;
}

.jsontable-table .jsontable-selected-data {
    background-color: #e7e7eb !important;
}

.jsontable-table.jsontable-cell-merge td:hover,
.jsontable-table.jsontable-cell-merge td.merge-target {
    background-color: #ffd518;
}

.jsontable-table img {
    max-width: 100%;
}

/* ----------------------------------------
   MTAppLineBreakField（非推奨：削除予定）
---------------------------------------- */
span.mtapp-linebreak-field-item {
    display: block;
    position: relative;
    margin-bottom: 5px;
}

span.mtapp-linebreak-field-item-inner {
    position: relative;
}

img.mtapp-linebreak-field-add {
    position: absolute;
    top: 0;
    right: 2px;
    cursor: pointer;
}

/* options - sortable: true*/
div.mtapp-sortable span.mtapp-linebreak-field-item {
    padding-left: 18px;
    background: url(../images/arrow-move.png) no-repeat center left;
    cursor: move;
}

/* ----------------------------------------
   スライドエディタ
---------------------------------------- */
.mtapp-slide-window-container,
#mtapp-slide-editor-container {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 1000;
    transition: right 0.3s ease-in-out;
    display: flex;
    flex-direction: column; /* 子要素を縦方向に並べる */
}

.mtapp-slide-window,
#mtapp-slide-editor {
    flex: 1;
}

.mtapp-slide-window-footer,
#mtapp-slide-footer {
    margin-top: auto; /* flexboxのautoマージンを使用して、他のコンテンツと最下部の間に余白を挿入 */
    display: flex;
    justify-content: center;
    padding: 16px;
    background-color: #f5f5f5; /* 必要に応じて背景色を調整 */
    border-top: 1px solid #e0e0e0; /* 必要に応じて境界線を調整 */
}

/* スライドインアクティブ時のスタイリング */
.mtapp-slide-window-container.active,
#mtapp-slide-editor-container.active {
    right: 0;
}

body.mtapp-has-slide-editor {
    overflow: hidden !important;
}

body.mtapp-has-slide-editor #mtapp-sidebar-collapse {
    display: none;
}

/* ----------------------------------------
   Fix
---------------------------------------- */
#ui-datepicker-div {
    z-index: 2 !important;
}

/* ----------------------------------------
   MTAppAssetsGallery
---------------------------------------- */
.MTAppAssetsGallery .customfield_preview.MTAppAssetFields {
    display: none;
}
.MTAppAssetsGallery a[id$="_remove_asset"] {
    display: none;
}

/* ----------------------------------------
   MTAppCSVEditor
---------------------------------------- */
.MTAppCSVEditor .bp-data {
    margin: 0;
    padding: 0.8rem;
    min-width: 8rem;
    /*background-color: white;*/
}

.MTAppCSVEditor td, .MTAppCSVEditor th {
    border-bottom: none !important;
}

.MTAppCSVEditor thead th {
    z-index: 3 !important;
    background-color: #f4f4f4;
}

.MTAppCSVEditor .bp-column-actions {
    z-index: 4 !important;
    background-color: #f4f4f4;
}

.MTAppCSVEditor .bp-row-actions {
    z-index: 2 !important;
    background-color: #f4f4f4;
}

.MTAppCSVEditor thead .bp-row-actions {
    z-index: 4 !important;
}

.MTAppCSVEditor .bp-data-editor .ui-sortable-helper {
    background-color: #fffde5;
}

.MTAppCSVEditor .bp-table-container {
    width: 100%;
    overflow-x: scroll;
}

.MTAppCSVEditor .bp-table-container .bp-w-30 {
    width: 30px !important;
}

.MTAppCSVEditor .bp-table-container .mt-icon {
    height: 1em !important;
    margin: 0 !important;
}

.MTAppCSVEditor .bp-table-container .bp-row-handle,
.MTAppCSVEditor .bp-table-container .bp-row-actions {
    padding: 0;
}

.MTAppCSVEditor .bp-table-container .bp-row-handle,
.MTAppCSVEditor .bp-table-container .bp-row-actions,
.MTAppCSVEditor .bp-table-container .bp-th,
.MTAppCSVEditor .bp-table-container .bp-sortable-disabled td {
    background: #f4f4f4;
    color: #2f2f2f;
    font-weight: 700;
    white-space: nowrap;
}

.MTAppCSVEditor .bp-table-container th,
.MTAppCSVEditor .bp-table-container td {
    /*border-right: 1px solid #e9ecef;*/
}

.MTAppCSVEditor .bp-table-container th:last-child,
.MTAppCSVEditor .bp-table-container td:last-child {
    /*border-right: none;*/
}

.MTAppCSVEditor .bp-table-container tbody tr:last-child .bp-row-handle,
.MTAppCSVEditor .bp-table-container tbody tr:last-child .bp-row-actions,
.MTAppCSVEditor .bp-table-container tbody tr:last-child .bp-th {
    /*border-bottom: none;*/
}

.MTAppCSVEditor .bp-table-container tbody td {
    padding: 0;
}

.MTAppCSVEditor .bp-table-container thead .bp-th {
    padding: 0;
}

.MTAppCSVEditor .bp-table-container thead .bp-th svg,
.MTAppCSVEditor .bp-table-container thead .bp-th div {
    display: none !important;
}

.MTAppCSVEditor.bp-readonly-mode .bp-table-container .bp-sortable-disabled {
    /*border-top: 1px solid rgba(0, 0, 0, 0.125);*/
}

.MTAppCSVEditor.bp-readonly-mode .bp-table-container .bp-sortable-disabled:first-child {
    /*border-top: none;*/
}

.MTAppCSVEditor.bp-readonly-mode .bp-table-container .bp-th textarea,
.MTAppCSVEditor.bp-readonly-mode .bp-table-container .bp-sortable-disabled td textarea {
    /*border: none;*/
    background-color: transparent;
    font-weight: bold;
}

.MTAppCSVEditor.bp-readonly-mode .bp-table-container textarea {
    /*border: 1px solid transparent !important;*/
    resize: none;
}

.MTAppCSVEditor.bp-readonly-mode .bp-table-container thead,
.MTAppCSVEditor.bp-readonly-mode .bp-table-container .bp-row-handle,
.MTAppCSVEditor.bp-readonly-mode .bp-table-container .bp-row-actions {
    display: none;
}

.MTAppCSVEditor.bp-edit-mode .bp-table-container .bp-sortable-disabled .bp-row-handle svg,
.MTAppCSVEditor.bp-edit-mode .bp-table-container .bp-sortable-disabled .bp-row-actions div {
    display: none;
}

.MTAppCSVEditor.bp-edit-mode .bp-table-container thead {
    display: table-header-group;
}

.MTAppCSVEditor.bp-edit-mode .bp-table-container thead .bp-sortable-disabled {
    display: table-row;
}

.MTAppCSVEditor.bp-edit-mode .bp-table-container thead .bp-th + th [data-action='insert-left'],
.MTAppCSVEditor.bp-edit-mode .bp-table-container thead .bp-th + th [data-action='move-left'],
.MTAppCSVEditor.bp-edit-mode .bp-table-container thead th:nth-child(3) [data-action='insert-left'],
.MTAppCSVEditor.bp-edit-mode .bp-table-container thead th:nth-child(3) [data-action='move-left'] {
    display: none;
}

.MTAppCSVEditor.bp-edit-mode .bp-table-container thead th:last-child [data-action='insert-right'],
.MTAppCSVEditor.bp-edit-mode .bp-table-container thead th:last-child [data-action='move-right'] {
    display: none;
}

.MTAppCSVEditor.bp-edit-mode .bp-table-container tbody td:hover {
    background-color: #fffde5;
    cursor: pointer;
}

.MTAppCSVEditor.bp-edit-mode .bp-table-container tbody td:hover.bp-row-handle,
.MTAppCSVEditor.bp-edit-mode .bp-table-container tbody td:hover.bp-row-actions {
    background-color: #f4f4f4;
}

.MTAppCSVEditor.bp-edit-mode .bp-table-container tbody textarea.bp-data-editor {
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
}

.MTAppCSVEditor.bp-edit-mode .bp-table-container tbody .bp-row-handle,
.MTAppCSVEditor.bp-edit-mode .bp-table-container tbody .bp-row-actions {
    display: table-cell;
    padding-right: 0;
    padding-left: 0;
    width: 30px;
    vertical-align: middle;
}

.MTAppCSVEditor.bp-edit-mode .bp-table-container tbody .bp-row-actions {
    padding-right: 5px;
}

.MTAppCSVEditor.bp-edit-mode .bp-table-container tbody tr:first-child [data-action='move-above'],
.MTAppCSVEditor.bp-edit-mode .bp-table-container tbody .bp-sortable-disabled + tr [data-action='move-above'] {
    display: none;
}

.MTAppCSVEditor.bp-edit-mode .bp-download {
    display: none;
}

.MTAppCSVEditor.bp-fullscreen-mode {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    overflow: scroll;
    padding: 10px;
    background-color: #ffffff;
}

.MTAppCSVEditor.bp-fullscreen-mode .bp-delete,
.MTAppCSVEditor.bp-fullscreen-mode .bp-download {
    display: none;
}

.MTAppCSVEditor.bp-table-fixed-header .bp-table-container {
    overflow: scroll;
}

.MTAppCSVEditor.bp-table-fixed-header .bp-table-container table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.MTAppCSVEditor.bp-table-fixed-header .bp-table-container table thead th.bp-row-handle,
.MTAppCSVEditor.bp-table-fixed-header .bp-table-container table thead th.bp-row-actions,
.MTAppCSVEditor.bp-table-fixed-header .bp-table-container table thead th.bp-th {
    z-index: 3;
}

.MTAppCSVEditor.bp-table-fixed-header .bp-table-container table tbody .bp-sortable-disabled td {
    position: sticky;
    top: 0;
    z-index: 2 !important;
}

.MTAppCSVEditor.bp-table-fixed-header .bp-table-container table tbody .bp-sortable-disabled td.bp-row-handle,
.MTAppCSVEditor.bp-table-fixed-header .bp-table-container table tbody .bp-sortable-disabled td.bp-row-actions,
.MTAppCSVEditor.bp-table-fixed-header .bp-table-container table tbody .bp-sortable-disabled td.bp-th {
    z-index: 3 !important;
}

.MTAppCSVEditor.bp-table-fixed-header .bp-table-container table tbody td.bp-row-handle,
.MTAppCSVEditor.bp-table-fixed-header .bp-table-container table tbody td.bp-row-actions,
.MTAppCSVEditor.bp-table-fixed-header .bp-table-container table tbody td.bp-th {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #f4f4f4;
    /*border-top: 0;*/
    /*border-bottom: 1px solid #cacaca;*/
    color: #2f2f2f;
    font-weight: 700;
    white-space: nowrap;
}

.MTAppCSVEditor.bp-table-fixed-header.bp-readonly-mode .bp-table-container table .bp-th {
    left: 0;
}

.MTAppCSVEditor.bp-table-fixed-header.bp-edit-mode .bp-row-actions .dropdown-menu {
    left: 10px !important;
}

.MTAppCSVEditor.bp-table-fixed-header.bp-edit-mode .bp-table-container table thead th {
    height: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.MTAppCSVEditor.bp-table-fixed-header.bp-edit-mode .bp-table-container table thead th.bp-row-handle {
    left: 0;
}

.MTAppCSVEditor.bp-table-fixed-header.bp-edit-mode .bp-table-container table thead th.bp-row-actions {
    left: 30px;
}

.MTAppCSVEditor.bp-table-fixed-header.bp-edit-mode .bp-table-container table thead th.bp-th {
    left: 60px;
}

.MTAppCSVEditor.bp-table-fixed-header.bp-edit-mode .bp-table-container table tbody td.bp-row-handle {
    left: 0;
}

.MTAppCSVEditor.bp-table-fixed-header.bp-edit-mode .bp-table-container table tbody td.bp-row-actions {
    left: 30px;
}

.MTAppCSVEditor.bp-table-fixed-header.bp-edit-mode .bp-table-container table tbody td.bp-th {
    left: 60px;
}