@charset "UTF-8";
/* CSS Document */


/* =====================================
        
         共通パーツ

=======================================*/

/*  ボタン   */
.kt-btn-96{
	min-width: 96px;
}

/* =====================================
        
         共通ヘッダー 

=======================================*/

.kt-header{
    display: flex;
    flex-wrap: nowrap!important;
    justify-content: space-between!important;
    box-shadow: none;
}

/*  アプリ名  */
.kt-h1-app-name{
    white-space: nowrap;
}

/*  災害名  */
.kt-header-saigai-name{
    display: flex;
    margin: 0 20px;
    line-height: 1.1;
    align-items: center;
}

.kt-header-saigai-name .x-small{
    white-space: nowrap;
    margin-right: 4px;
}

.kt-header-saigai-name strong{
    font-size: 1.0625rem;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/*  ヘルプ/ユーザ名のブロック改行制御  */
.kt-header .nav .nav-item{
    display: flex;
    flex-wrap: nowrap;
}

/*  ヘルプ  */
.kt-header-help{
	margin-top: 10px;
	margin-right: 16px;
	float: left;
}

.kt-header-help-img{
	float: left;
}


/*  ユーザ名改行コントロール  */
.kt-header-login-a{
    display: flex!important;
    flex-wrap: nowrap!important;
}

/*    ヘッダーボタン：ホバー  */
.kt-header-help a:hover,
.kt-header-login a:hover{
    opacity: .8;
}

.kt-header-login a:visited{
    color: #17141f;
}

/* =====================================

  マップ : ナビバー：ヘッダー下のタイトルエリア

=======================================*/

.kt-navbar-glay{

	background-color: #CCD2E0;
    height: 44px;
}

/*    ヘッダーボタン：ホバー  */
.kt-nav-right-area {
    position: absolute;
    top: 0;
    right: 0;
    height: 44px;
    color: #fff;
    display: flex;
    align-items:center;
    margin-right: 10px;
}

.kt-nav-left-area{
    display: flex;
    align-items:center;
}


/* =====================================

  マップ : センターポイント

=======================================*/

.kt-map-center-point-red{
    position: absolute;
    top: 50%;/*calc(50% - 44px);*//*calc(50vh - 54px);*/
    left: 50%;
    height: 1px;
    width: 1px;
}

.kt-map-center-point-red::before{
    content: "";
    position: absolute;
    left: -34px;
    top: -1px;
    height: 2px;
    width: 30px;
    background-color: #ec0000;
}

.kt-map-center-point-red::after{
    content: "";
    position: absolute;
    left: 4px;
    top: -1px;
    height: 2px;
    width: 30px;
    background-color: #ec0000;
}

.kt-map-center-point-red span{
    position: absolute;
    left: 0;
    top: 0;
}

.kt-map-center-point-red span::before{
    content: "";
    position: absolute;
    top: -34px;
    left: -1px;
    height: 30px;
    width: 2px;
    background-color: #ec0000;
}

.kt-map-center-point-red span::after{
    content: "";
    position: absolute;
    left: -1px;
    top: 4px;
    height: 30px;
    width: 2px;
    background-color: #ec0000;
}

/*

位置設定などのナビバーの高さが小さい表示の
地図エリアの要素位置の再設定

同エリアの上位クラス kt-map-area に kt-submap クラス 指定して識別

*/

/* 地図検索の上位置を調整 */

.kt-map-area.kt-submap .kt-map-menu-right-top-container {
  top: 56px;
}

/* =====================================

   画面内：サブボタン  

=======================================*/

/*

施設登録の位置設定に使用

*/

.btn-outline-subbutton{
    background-color: #E6EEFE;
    color: #002063;
    border: 1px solid #002063;
}

.btn-outline-subbutton:focus,
.btn-outline-subbutton:hover{
    background-color: #CFDEFD;
}


.btn-outline-subbutton:active{
    background-color: #A8C1FB;
}



/* =====================================

   掲示板

=======================================*/

.card-body.kt-keijiban-container > .kt-form-check-list.active-parent::before,
.kt-keijiban-container .collapse .kt-form-check-list.active-parent::before{
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #387CFC;
    border-radius: 100%;
    left: 35px;
    top: 6px;
    
}

.card-body.kt-keijiban-container > .kt-form-check-list.active-parent::before{
    left: 5px;
    top: 10px;
}

.card-body.kt-keijiban-container > .kt-form-check-list{
    padding-top:4px;
    padding-bottom: 4px;
    padding-left: 20px;
}

.kt-keijiban-container{
    overflow-y: auto;
    scroll-behavior: smooth;
    height: calc( 100vh - 214px);
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 16px;
    margin-bottom: 16px;
}


.kt-keijiban-right-container{
    height: calc( 100vh - 185px);
    padding-bottom: 16px;
}

.kt-keijiban-body{
    overflow-y: auto;
    scroll-behavior: smooth;
}


.kt-post{
    border-radius: 8px;
    background-color: #efefef;
    margin: 16px 16px 16px 55px;
    position: relative;
}

.kt-post::before{
    content: "";
    position: absolute;
    top: 14px;
    left: -15px;
    display: block;
  width: 0px;
  height: 0px;
    
    border-top: 7px solid transparent;
  border-right: 15px solid #efefef;
  border-left: 0px solid transparent;
  border-bottom: 7px solid transparent;

    /*
  border-top: 10px solid red;
  border-right: 10px solid yellow;
  border-left: 10px solid green;
  border-bottom: 10px solid blue;*/
}

.kt-post-main::before{
    
    border-top: 7px solid transparent;
  border-right: 15px solid rgba(203,215,238,.6);
  border-left: 0px solid transparent;
  border-bottom: 7px solid transparent;
}

.kt-post-self::before{
        top: 14px;
    right: -15px;
    left: auto;
    
    border-top: 7px solid transparent;
  border-right: 0px solid transparent;
  border-left: 15px solid #D0F5A2;;
  border-bottom: 7px solid transparent;
}

.kt-post-main{
    background-color: rgba(203,215,238,.6);
}

.kt-post-self{
    background-color: #D0F5A2;
}

.kt-post-update{
    border-radius: 18px;
    background-color:  #efefef;
    color: #002063;
    
    position: sticky;
    bottom: 10px;
    margin-top: 24px;
}




.kt-keijiban-bottom-btn-tenpu{

	width: 48px;

	height: 48px;

	background-color: #777!important;

	border-color:  #777!important;

}



.kt-keijiban-bottom-textarea{

	/*position: sticky;*/
    border-top: 1px solid #ccc;

	bottom: 0;

	z-index: 10;
    
    margin-left: -16px;
    margin-right: -16px;
    padding-bottom: 0!important;

}

.kt-keijiban-bottom-textarea textarea{
    width: 100%;
    border: none;
    float: none;
	height: 110px;
	border-radius: 10px;
	padding: 10px;
	/* float: left;
	width: calc(100% - 200px);
    */
	background-color: #fff!important;
}


select.kt-keijiban-day-select{
    display: block;
    border-radius: 18px!important;
    margin-left: auto;
    margin-right: auto;
}


.kt-keijibann-user-symbol{
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    left: -55px;
    top: 2px;
    height: 36px;
    width:  36px;
    border-radius: 100%;
    background-color: #ddd;
    text-align: center;
    line-height: 36px;
}

.kt-keijibann-user-symbol.main-user{
    background-color: rgba(203,215,238,.6);
}

.kt-keijiban-devider{
    position: relative;
}

.kt-keijiban-devider select{
    z-index: 10;
}



.kt-keijiban-devider::after{
    content: "";
    position: absolute;
    display: block;
    width: 98%;
    border: 2px dashed #ddd;
    top: 18px;
}
/* 添付ファイル　*/
.ktkn-message-input-fields {
  position: relative;
  width: calc(100% - 8px);
  max-height: 112px;
}
.ktkn-message-input-upload-files {
  display: none;
  overflow: auto;
  padding: 8px;
  left: 24px;
  bottom: 4px;
  z-index: 10;
  margin: 4px;
}
.ktkn-message-input-upload-files.ktkn-message-input-has-files {
  display: block;
  background-color: white;
  border-radius: 8px;
  border: 1px solid #bbb;
  margin: 2px 0px;
}
.ktkn-message-input-upload-files ul {
  list-style: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
.ktkn-message-input-upload-files ul li.ktkn-message-input-file {
  display: inline-block;
  position: relative;
  min-width: 200px;
  max-width: 200px;
  min-height: 48px;
  height: 48px;
  background-color: #eee;
  color: black;
  margin: 2px;
  padding: 4px;
  border-radius: 4px;
}
.ktkn-message-input-file img {
  width: 42px;
  height: 42px;
}
.ktkn-message-input-file span {
  display: inline-block;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

/* 掲示板：返信ボタン */
.kt-btn-bbs-reply{
    border-radius: 15px;
    border:0 none;
    padding-left: 5px;
    height: 30px;
    width: 70px;
    background-color: #177E1F;
    color:#fff;
    position: absolute;
    right: -15px;
    top: -22px;
    display: none;
}

/* 掲示板：返信ボタンのホバー時表示 */
.kt-bbs-article-reply:hover .kt-btn-bbs-reply{
    display: block;
}
/*0D5E11*/

/* 掲示板：返信ボタン:ホバー */
.kt-btn-bbs-reply:hover{
    background-color: #0D5E11;
}
/* 掲示板：返信ボタン:アイコン */
.kt-btn-bbs-reply::before{
    content: "";
    display:inline-block;
    width: 18px;
    height: 16px;
    background-image: url("../img/pict-bbs-reply.svg");
    margin-right: 3px;
    vertical-align: middle;
    margin-top: -3px;
}
/* 掲示板：投稿エリア:引用テキスト */
.kt-reply-textarea{
    border:1px solid #ccc;
    /* max-height: 5.45rem; */
    min-height: 56px;
    max-height: 300px;
    overflow-y: auto;
    position: relative;
    padding-left: 55px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
}


.kt-reply-textarea .kt-keijibann-user-symbol {
    left: 10px;
    top: 10px;
    background-color: rgba(162, 181, 222, .6)/*#A2B5DE*/;
}
/* .kt-reply-textarea-inner{
    padding-top: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
} */

/* 掲示板：メーセージエリア:引用テキスト */

.kt-bbs-reply-quotation-outer{
    background-color: #DCE4F2;/*rgba(203, 215, 238, .6)*/;
    padding: 8px 8px 8px 60px;
    border-radius: 4px;
    border: 1px solid #A2B5DE;
    margin-bottom: 4px;
    position: relative;
}

.kt-bbs-reply-quotation-outer .kt-keijibann-user-symbol {
    left: 10px;
    top: 10px;
    background-color: rgba(162, 181, 222, .6)/*#A2B5DE*/;
}

/* 掲示板：メッセージ表示エリア:引用テキスト */
.kt-bbs-reply-quotation{}

/* 掲示板：メッセージ表示エリア:引用テキスト:オーバーフロー */
.kt-bbs-reply-quotation-overflow{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* 掲示板：メッセージ表示エリア:引用テキスト:オーバーフロー：詳細をたたむ */
.kt-bbs-btn-overflow-off{
    display: block;
}

.kt-bbs-reply-quotation-overflow ~ .kt-bbs-btn-overflow-off{
    display: none;
}

/* 掲示板：メッセージ表示エリア:引用テキスト:オーバーフロー：詳細を表示 */
.kt-bbs-btn-overflow-on{
     display: none;    
}
.kt-bbs-reply-quotation-overflow ~ .kt-bbs-btn-overflow-on{
    display: block;
}

.ktkn-bbs-other-post .kt-bbs-reply-quotation-outer {
    background-color: #D0F5A2;
}