@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
@font-face {font-family: Anja Eliane;src: url('../webfonts/Anja Eliane.ttf') format("truetype");}
body {
  font-size: .875rem;
  font-family: 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
a {color: #007bff;}
.feather {width: 16px;height: 16px;vertical-align: text-bottom;}
img{max-width:100%;height:auto;}

/* サイドバー ------------------ */
.sidebar {position: fixed;top: 0;bottom: 0;left: 0;z-index: 100; /* ナビゲーションバーの背面 */box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);width: 65px;}
.sidebar-sticky {position: relative;top: 0;height: calc(100vh - 48px);padding-top: .5rem;overflow-x: hidden;overflow-y: auto; /* ビューポートがコンテンツより短い場合、スクロール可能なコンテンツ */}
@supports ((position: -webkit-sticky) or (position: sticky)) {.sidebar-sticky {position: -webkit-sticky;position: sticky;}}
.sidebar-brand {padding: .5rem 1rem;font-size: 1.4rem;font-family: 'Anja Eliane', sans-serif;letter-spacing: 0.04em;}
.sidebar-name {opacity: 0;}
.sidebar .nav-link {font-size: 1.1rem;font-weight: 500;color: #333;}
.sidebar .nav-link .feather {margin-right: 4px;}
.sidebar .nav-link.active {color: #007bff;}
.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {color: inherit;}
.sidebar .nav-link i {font-size: 2rem;vertical-align: sub;margin-right: 0.25em;}
.sidebar .nav-item {position: relative;}
.sidebar .nav-item + .nav-item {margin-top: 1em;}
.sidebar .nav-item .btn {width: 55%;margin: 0 0 0 0.75em;text-align: left;}
.sidebar .nav-item .btn a {color: #fff;}
.sidebar-menu {position: absolute;top: 25%;width: 150%;}
.sidebar .nav-item .btn .sidebar-menu {top: 18%;left: 25%;}
.sidebar-heading {font-size: .75rem;text-transform: uppercase;}

/* コンテンツ ------------------ */
[role="main"] {padding: 30px 0 30px 65px;}
[role="lower-main"] {padding: 1rem 0 30px 65px;}
@media (max-width: 767px) {[role="lower-main"] { padding: 1.5rem 10px 20px;}}

/* ナビゲーションバー ------------------ */
.navbar-brand {padding-top: .3rem;padding-bottom: .3rem;margin-bottom: 0;font-size: 1.4rem;font-family: 'Anja Eliane', sans-serif;letter-spacing: 0.04em;padding-left: 6%;}
.navbar-signout {font-size: 1.4rem;vertical-align: middle;margin-left: 0.5em;}

/* modal */
.modal-header + .modal-footer{margin-top:-1px;}
.modal-header,.modal-footer{padding:0.75rem;}

/* footer ------------------ */
footer{text-align:center;padding:20px 20px 20px 85px;font-size:12px;color:rgba(0,0,0,0.5);}
footer.no-nav{padding:20px;}
@media (max-width: 767px){footer{padding-left:20px;}}

.nowrap{white-space:nowrap!important;}

/* タイトル ------------------ */
.page-ttl h2 {margin-bottom: 0;display:inline-block;}
.page-ttl .prev{display:inline-block;width:35px;height:35px;background:#f6f6f6;border-radius:5px;padding:7px 0 0 8px;margin-right:12px;vertical-align:6px;}

/* table */
.table td, .table th{padding:.4rem;}

/* ボタン ------------------ */
.btn-dark-light{color:#555;-webkit-text-fill-color:#555;background:#f1f4f5;border-color:#dadfe2}
.btn-dark-light:hover{background:#dddfe0}
.btn-dark:hover{background:#000;}

/* btn-toggle ------------------ */
.btn-toggle{margin:0 .5rem;padding:0;position:relative;border:none;height:1.8rem;width:4.6rem;border-radius:1.5rem;color:#6b7381;background:#bdc1c8}
.btn-toggle > .handle{position:absolute;top:.32rem;left:.32rem;width:1.125rem;height:1.125rem;border-radius:1.125rem;background:#fff;transition:left .25s}
.btn-toggle.active{transition:background-color .25s}
.btn-toggle.active{background-color:#29b5a8}
.btn-toggle.active > .handle{left:3.2rem;transition:left .25s}
.btn-toggle:before,.btn-toggle:after{line-height:-.5rem;color:#fff;text-align:center;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.75px;position:absolute;bottom:.35rem;left:1.5rem;width:2.325rem;transition:opacity .25s}
.btn-toggle:before{content:'Off';text-align:right}
.btn-toggle:after{content:'On';text-align:left;left:.75rem;opacity:0}
.btn-toggle.active:before{opacity:0}
.btn-toggle.active:after{opacity:1}
.btn-toggle:focus,.btn-toggle.focus,.btn-toggle:focus.active,.btn-toggle.focus.active{outline:none;box-shadow:none}

/* dropdown-btn ------------------ */
.dropdown-btn .dropdown-toggle{border:none;background:none}
.dropdown-btn .dropdown-toggle:after{content:"\f107";font-family:"Font Awesome 5 Free";vertical-align:inherit;border:none;font-weight:600;font-size:1.25rem;color:#555}
.dropdown-btn .dropdown-item{user-select:none;}

/* common-search-form ------------------ */
.common-search-form{position:relative}
.common-search-form .form-control{padding-left:2.35rem}
.common-search-form input[type="submit"]{position:absolute;top:0;left:0;border:none;background:none;width:2.35rem;height:2.35rem;padding:0;color:#555;font-family:"Font Awesome 5 Free";font-weight:900}

@media (max-width:767px){
  .common-search-form02{font-size:.8rem;}
  .common-search-form02 select,.common-search-form02 input{font-size:.8rem;max-width:100px;}
  .common-search-form02 .common-list-check .input-group-text{padding:.275rem .75rem;}
}

/* common-card-toggle ------------------ */
.common-card-toggle .card-header{margin-bottom:-1px!important;border-bottom-color:#dfdfdf;}
.common-card-toggle .card-header a{text-decoration:none;}

/* common-img-list ------------------ */
.common-img-list{display:flex;flex-wrap:wrap;margin-bottom:-1%;}
.common-img-list > *{width:11.625%;margin-right:1%;margin-bottom:1%;}
.common-img-list > *:nth-child(8n){margin-right:0;}
.common-img-list a{border:1px solid #dfdfdf;display:block;width:100%;height:100%;border-radius:5px;padding:15px 10px;text-decoration:none;transition:.1s;line-height:1.3;font-size:13px;}
.common-img-list .img img{display:block;margin:auto;width:36px;max-width:60%;}
.common-img-list a:hover{background-color:rgba(0,0,0,.03);}
@media (max-width: 767px) {
  .common-img-list > *{width:32%;}
  .common-img-list > *:nth-child(8n){margin-right:1%;}
  .common-img-list > *:nth-child(3n){margin-right:0;}
  .common-img-list a{font-size:11px;padding:10px 5px;}
}

/* common-app-list ------------------ */
.common-app-list{margin:0;padding:0;display:flex;flex-wrap:wrap;}
.common-app-list > li{width:49.5%;margin-right:1%;margin-bottom:1%;list-style-type:none;display:flex;align-items:center;border:1px solid #dfdfdf;border-radius:5px;padding:15px 20px;word-break:break-all;transition:.2s;}
.common-app-list > li:nth-child(even){margin-right:0;}
.common-app-list > li .icon{width:50px;margin-right:20px;min-width:50px;}
.common-app-list > li .info{margin-right:20px;flex:auto;}
.common-app-list > li .info .ttl{font-weight:bold;border-bottom:1px solid #dfdfdf;padding-bottom:8px;margin-bottom:8px;}
.common-app-list > li p{margin-bottom:0;}
.common-app-list > li .action{width:30%;min-width:240px;display:flex;align-items:center;}
.common-app-list > li .action .btn{margin-left:5px;flex:1;}
.common-app-list > li:hover{background:#f5f5f5;}
@media (max-width: 1239px) {
  .common-app-list > li{width:100%;margin-right:0;}
}
@media (max-width: 767px) {
  .common-app-list > li{display:block;padding:20px;}
  .common-app-list > li .icon{margin:auto;float:left;width:25px;min-width:25px;margin-right:10px;}
  .common-app-list > li .info .ttl{font-size:18px;}
  .common-app-list > li .info{margin-bottom:10px;margin-right:0;overflow:hidden;}
  .common-app-list > li .action{width:100%;min-width:100%;}
}

/* common-list-check ------------------ */
.common-list-check .input-group-text{background:none}
.common-list-check .dropdown-btn .dropdown-toggle{border:solid 1px #ddd;border-left:none;border-radius:0 .25rem .25rem 0;padding:.25em 1em}
@media (max-width: 767px) {
	.common-list-check.input-group{width:auto;}
}

/* common-appicon ------------------ */
.common-appicon-list{padding:0;margin:0;display:flex;}
.common-appicon-list > li{list-style-type:none;color:#5f6c72;display:flex;align-items:center;justify-content:center;font-size:15px;border:1px solid #eee;background-color:#f6f6f6;border-radius:4px;width:30px;height:30px;padding:5.8px;}
.common-appicon-list > li + li{margin-left:24px;position:relative;}
.common-appicon-list > li + li::before{content:"";border: solid;border-width: 5px 0 5px 6px;border-color: transparent transparent transparent #555;position:absolute;left:-15px;top:9px;}
.common-appicon-list > li img{width:16px;height:16px;}

/* common-checkbox ------------------ */
.common-checkbox{margin-bottom:0;}
.common-checkbox input[type="checkbox"]{display:none;}
.common-checkbox input[type="checkbox"] + span{transition:.2s;display:block;position:relative;padding:0 20px 0 28px;cursor:pointer;line-height:1.4;}
.common-checkbox input[type="checkbox"]:checked + span::before{background:#007bff;border-color:#007bff;}
.common-checkbox input[type="checkbox"]:checked + span::after{opacity:1;}
.common-checkbox span:empty{min-height:1em;padding-left:18px!important;padding-right:0!important;}
.common-checkbox span::before, .common-checkbox span::after{position:absolute;content:'';border-radius:5px;}
.common-checkbox span::before{left:0;top:0;width:18px;height:18px;border:1px solid #adb5bd;transition:.2s;}
.common-checkbox span::after{top:5px;left:6px;width:7px;height:5px;transform:rotate(-45deg);border-radius:0;border-left: 2px solid #fff;border-bottom: 2px solid #fff;opacity:0;transition:.2s;}
.common-checkbox *,.common-checkbox *::before,.common-checkbox *::after{box-sizing:border-box;}

/* common-table ------------------ */
.common-table .td-check{width:42px;}
.common-table td,.common-table th{vertical-align:middle;}

/* common-scrollbox ------------------ */
.common-scrollbox{overflow-y:auto;width:100%;max-width:100%;max-height:200px;}

/* toggle arrow ------------------ */
a[data-toggle="collapse"]{position:relative;padding-right:50px!important;}
a[data-toggle="collapse"]::after{content:"a";display:block;position:absolute;right:20px;top:50%;margin-top:-12px;z-index:2;}
a[data-toggle="collapse"][aria-expanded="false"]::after{content: "\f078";font-family: "Font Awesome 5 Free";vertical-align: inherit;border: none;font-weight: 600;font-size: 1.25rem;color: #555;}
a[data-toggle="collapse"][aria-expanded="true"]::after{content: "\f077";font-family: "Font Awesome 5 Free";vertical-align: inherit;border: none;font-weight: 600;font-size: 1.25rem;color: #555;}

/* tcommon-dropdown-hover------------------ */
.common-dropdown-hover:hover .dropdown-menu{display:block;margin-top:-3px;}

/* input-group */
.common-input-group .input-group-prepend{border-right:0;background:transparent;}
.common-input-group .input-group-prepend .input-group-text{background:transparent;padding-right:0;}
.common-input-group > .custom-select:not(:first-child), .common-input-group > .form-control:not(:first-child){border-left:0;}

/* mail-balloon */
.common-mail-wrap{position:relative;}
.common-mail-wrap .mail-balloon{display:none;position:absolute;width:200px;max-width:100%;z-index:10;background:#fff;border:1px solid #dfdfdf;padding:20px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.common-mail-wrap .mail-balloon::before{content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 0 12px 11px 12px;border-color: transparent transparent #dfdfdf transparent;position:absolute;left:50%;top:-11px;margin-left:-12px;}
.common-mail-wrap .mail-balloon::after{content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #fff transparent;position:absolute;left:50%;top:-10px;margin-left:-10px;}

/* input */
.common-input01{position:relative;}
.common-input01 input{border:0;border-bottom:1px solid #ced4da;border-radius:0!important;padding-left:30px;}
.common-input01::before{content:"\f304";font-family: "Font Awesome 5 Free";vertical-align: inherit;border: none;font-weight: 600;font-size: 14px;color: #555;display:block;position:absolute;top:8px;left:5px;z-index:1;}
.page-ttl .common-input01{margin-left:15px;display:inline-block;}
.page-ttl .common-input01 input{display:inline-block;width:300px;max-width:100%;vertical-align:bottom;}
@media (max-width: 767px) {
  .page-ttl .common-input01{display:block;margin-top:20px;}
  .page-ttl .common-input01 input{width:100%;}
}

/* login */
.common-login-form .common-login-form-ttl{margin-bottom: 0;;font-family: 'Anja Eliane', sans-serif;background:#007bff;white-space:nowrap;padding-top:1rem;}
.common-login-form .common-login-form-ttl h2{line-height:1;font-size: 28px;letter-spacing: 0.04em;line-height:1;margin:0;padding:5px 0;}
@media (max-width: 767px) {
  .common-login-form .common-login-form-ttl h2{font-size:24px;}
}

/* トップ ------------------------------------------------------------------------ */
.top-row {align-items: center;padding: 30px;margin: 0 30px 0 30px;}
.top-row + .top-row {margin-top: 30px;}
.top-thumbnail {height: 200px;display: flex;justify-content: center;align-items: center;background-color: rgba(0,0,0,0.1);}
.top-thumbnail i {font-size: 5rem;}
.top-category {font-size: 1.2rem;font-weight: 600;}
.top-btn {width: 100%;}
.top-btn a {width: 100%;}
.top-btn a.btn-primary {color: #fff;background-color: #007bff;border-color: #007bff;}

/* コネクト ------------------------------------------------------------------------ */
/*
.connect .folder-list{border-top:solid 1px #dfdfdf}
.connect .folder-list .list-group{border-bottom:solid 1px #dfdfdf}
.connect .folder-list .list-group > li{margin-left:1rem;border:none;padding:0;}
.connect .folder-list .list-group > li > a,.connect .folder-list .list-group > li > a:hover{color:inherit;text-decoration:none;;display:block;padding:.4rem 0;}
.connect .folder-list .list-group > li > a:hover{background:#f8f9fa!important;}
.connect .folder-list .list-group > li .badge{border:solid 1px;padding:.3em 1.15em;text-indent:-.2em}
.connect .folder-list .list-group > li.active{background:none;color:#007bff}
.connect .folder-list .list-group > li.active .badge{border:solid 1px #007bff}
*/
.connect .connect-right{ border-left: solid 1px #ddd;}
.connect .connect-left .dropdown-menu{right: 0;left: auto;}
.connect .connect-list{list-style:none;margin:0;padding:0}
.connect .connect-list > li{display:flex;align-items:center}
.connect .connect-list > li + li{margin-top:.75rem}
.connect .connect-list > li > .connect-list-link{display:flex;/*flex-wrap:wrap;*/justify-content:space-between;align-items:center;width:100%;border:1px solid #ddd;border-radius:3px;color:inherit;padding:.5em;margin-left:1rem;position:relative}
.connect .connect-list > li > a:hover,.connect-list > li > a:focus,.connect-list > li > a:active{text-decoration:none}
.connect .connect-list > li .connect-logo-wrapper{vertical-align:middle;width:120px;flex:none}
.connect .connect-list > li .connect-logo-wrapper > ol{display:inline-flex;margin:0;padding:0;list-style:none;align-items:center}
.connect .connect-list > li .connect-logo-wrapper > ol > li{display:flex;align-items:center}
.connect .connect-list > li .connect-logo-wrapper > ol > li .connect-icon-wrap{color:#5f6c72;display:flex;align-items:center;justify-content:center;font-size:15px;border:1px solid #eee;background-color:#f6f6f6;border-radius:4px;width:30px;height:30px}
.connect .connect-list > li .connect-logo-wrapper > ol > li .connect-icon-wrap .connect-icon-icon{background-image:url(/img/icon_setting.png);background-repeat:no-repeat;background-position:center center;background-size:contain;width:60%;height:60%}
.connect .connect-list > li .connect-logo-wrapper > ol > li .connect-icon-wrap .connect-icon-icon.icon-mailserver{background-image:url(/img/icon_mailserver.png)}
.connect .connect-list > li .connect-logo-wrapper > ol > li .connect-icon-wrap .connect-icon-icon.icon-chatwork{background-image:url(/img/icon_chatwork.png)}
.connect .connect-list > li .connect-logo-wrapper > ol > li .connect-icon-wrap .connect-icon-icon.icon-sumusmail{background-image:url(/img/icon_sumusmail.png)}
.connect .connect-list > li .connect-logo-wrapper > ol > li + li:before{content:"";border:solid;border-width:5px 0 5px 6px;border-color:transparent transparent transparent #555;margin:8px}
.connect .connect-list > li .connect-list-txt { width: 100%; display: flex; justify-content: space-between;align-items: center;}
.connect .connect-list > li .connect-list-ttl span + span:before{content:"";display:inline-block;border-top:solid 2px #a0a7ad;border-right:solid 2px #a0a7ad;width:.5rem;height:.5rem;transform:rotate(45deg);margin:.05rem .75rem .05rem .5rem}
.connect .connect-list > li .dropdown-btn{order:4}

.connect .connect-left-often{border-top:1px solid #dfdfdf;}
.connect .connect-left-often .connect-list > li > .connect-list-link{margin-left:0;}
.connect .connect-left-app{border-top:1px solid #dfdfdf;}
.connect .connect-left-app .connect-list-app{list-style-type:none;margin:0;padding:0;font-size:0;}
.connect .connect-left-app .connect-list-app > li{display:inline-block;margin-right:5px;margin-bottom:5px;}
.connect .connect-left-app .connect-list-app > li .icon{color: #5f6c72;display: flex;align-items: center;justify-content: center;border: 1px solid #eee;border-radius: 4px;width: 42px;height: 42px;background:no-repeat center center #fff;background-size:65% auto;opacity:0.4;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
.connect .connect-left-app .connect-list-app > li .icon.icon-mailserver{background-image:url(/img/icon_mailserver.png)}
.connect .connect-left-app .connect-list-app > li .icon.icon-chatwork{background-image:url(/img/icon_chatwork.png)}
.connect .connect-left-app .connect-list-app > li .icon.icon-sumusmail{background-image:url(/img/icon_sumusmail.png)}
.connect .connect-left-app .connect-list-app > li.active .icon{opacity:1;-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);border-color:#ccc;background-color:#f6f6f6;}
.connect .connect-list-check .input-group-text{background:none}
.connect .connect-list-check .dropdown-btn .dropdown-toggle{border:solid 1px #ddd;border-left:none;border-radius:0 .25rem .25rem 0;padding:.25em 1em}
.connect .custom-checkbox{min-height:1.2rem;padding-left:1.2rem}
.connect .custom-checkbox .custom-control-label::before,.connect .custom-checkbox .custom-control-label::after{width:1.2rem;height:1.2rem;top:0;left:-1.25rem}
.connect .connect-list > li .dropdown-menu i{text-align:center}
.connect .connect-list > li .dropdown-menu i:before{min-width:1rem;display:inline-block}
@media (max-width: 991px) {
	.connect .connect-right{ border-left: none;}
}
@media (max-width: 767px) {
	.connect .connect-list-btn{font-size:.8rem;padding:10px}
	.connect .connect-list-check.input-group{width:auto}
	.connect .connect-list > li .connect-logo-wrapper { width: 100%; padding: .75rem; text-align: center;}
	.connect .connect-list > li > .connect-list-link { flex-wrap: wrap; padding:0; /*padding: 1em;*/ }
	.connect .connect-list > li .dropdown-btn { position: absolute; top: .5rem; right: .75rem;}
	.connect .connect-list > li .connect-list-txt {flex-direction: column;}
	.connect .connect-list > li .connect-list-txt .connect-list-toggle { width: 100%; margin-top: .5rem;padding: .5em;background: #ececec;text-align: center;}

.connect .connect-left-often .connect-list > li > .connect-list-link{padding-bottom:.75rem;}
.connect .connect-left-often{border-bottom:1px solid #dfdfdf;padding-bottom:1rem;}
}

/* コネクト追加 ------------------------------------------------------------------------ */
#connect-add .connect-icon{display:inline-block;width:32px;height:32px;vertical-align:2px;}
#connect-add .block-select-app + .block-select-app{padding-top:50px;position:relative;}
#connect-add .block-select-app + .block-select-app::before{content:"";display:block;width:4px;height:30px;position:absolute;top:10px;left:50%;background:#dfdfdf;margin-left:-1px;}
#connect-add .block-select-app + .block-select-app::after{content: "\f078";display:block;font-family: "Font Awesome 5 Free";font-weight: 600;font-size:20px;color: #dfdfdf;position:absolute;top:25px;left:50%;margin-left:-7.5px;}
#connect-add .select-app-hide{display:none;}
#connect-add .smalltxt{font-size:14px;font-weight:bold;}
#connect-add .textarea-wrap{position:relative;}
#connect-add .textarea-wrap .textarea-select{display:none;position:absolute;bottom:100%;left:0;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.1);border:1px solid #dfdfdf;width:100%;border-radius:5px;z-index:10;}
#connect-add .textarea-wrap .textarea-select .card-body-inner{width:100%;max-height:150px;overflow-y:auto;}
#connect-add .textarea-wrap .textarea-select .card-body-inner ul{margin:0;padding:0;}
#connect-add .textarea-wrap .textarea-select .card-body-inner ul > li{display:block;font-size:0;list-style-type:none;}
#connect-add .textarea-wrap .textarea-select .card-body-inner ul > li .input-label{margin-right:0;margin-bottom:0;cursor:pointer!important;pointer-events:all;}
#connect-add .textarea-wrap .textarea-select .card-body-inner ul > li.hide{display:none;}
#connect-add .textarea-wrap .textarea-select .card-body-inner ul > li + li{margin-top:5px;}
#connect-add .textarea-wrap .textarea-select .card-body-inner ul > li:hover .input-label{background-color:rgba(0,0,0,0.1);}
#connect-add .textarea-wrap .textarea-select .card-body-inner::-webkit-scrollbar{width:6px;}
#connect-add .textarea-wrap .textarea-select .card-body-inner::-webkit-scrollbar-track{background: #f1f1f1;}
#connect-add .textarea-wrap .textarea-select .card-body-inner::-webkit-scrollbar-thumb{background: #ccc;border-radius: 10px;}
#connect-add .textarea-wrap .textarea-select .show-all{font-size:14px;}
#connect-add .textarea-wrap .textarea-select .show-all.active{font-size:0;}
#connect-add .textarea-wrap .textarea-select .show-all::before{content:"\f063";font-size:14px;font-family: "Font Awesome 5 Free";font-weight: 600;margin-right:10px;}
#connect-add .textarea-wrap .textarea-select .show-all.active::before{content:"\f062";}
#connect-add .textarea-wrap .textarea-select .show-all.active::after{content:"項目を隠す";font-size:14px;}
#connect-add .textarea-wrap .textarea-input{height:10em;overflow-y:auto;line-height:30px;}

#connect-add .textarea-wrap .input-label{margin:0 3px 0;height:30px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 10px;transition:.1s;border:1px solid #dfdfdf;background:#f6f6f6;border-radius:5px;font-size:14px;vertical-align:middle;user-select:none;pointer-events:none;line-height:1.5;}
#connect-add .textarea-wrap .input-label span{color:#ccc;margin-left:10px;}

#connect-add #select-sumusmail .item{background:#f5f5f5;padding:12px 15px 15px;}
#connect-add #select-sumusmail .item + .item{margin-top:5px;}
#connect-add #select-sumusmail .item > * + *{margin-left:5px;}
#connect-add #select-sumusmail .item > *:first-child,
#connect-add #select-sumusmail .item > *:nth-child(2){width:18%;}
#connect-add #select-sumusmail .item .select-sumusmail-btn{width:70px;text-align:center;padding-bottom:5px;}
#connect-add #select-sumusmail .item .flex-fill{flex:1!important;}

@media (max-width: 767px) {
  #connect-add #select-sumusmail .item{display:block!important;}
  #connect-add #select-sumusmail .item > * + *{margin-left:0;margin-top:10px;}
  #connect-add #select-sumusmail .item > *:first-child,
  #connect-add #select-sumusmail .item > *:nth-child(2){width:100%;}
  #connect-add #select-sumusmail .item .select-sumusmail-btn{width:100%;padding:0;margin-top:15px;}
}

/* 履歴一覧 ------------------------------------------------------------------------ */
#history-detail .card + .card{margin-top:50px;position:relative;}
#history-detail .card + .card::before{content:"";display:block;width:3px;height:30px;position:absolute;top:-40px;left:50%;background:#dfdfdf;margin-left:-1px;}
#history-detail .card + .card::after{content: "\f078";display:block;font-family: "Font Awesome 5 Free";font-weight: 600;font-size:20px;color: #dfdfdf;position:absolute;top:-25px;left:50%;margin-left:-7.5px;}

/* alert */
.common-alert01{max-width:700px;margin:auto;padding:5px 20px;background:#fceaea;border:1px solid #eaa6a6;border-radius:5px;color:#ca2020;margin-top:1rem;margin-bottom:1rem;}
.common-alert01 p{margin-top:0.5rem;margin-bottom:0.5rem;}