html {
    font-size: 16px;
}

body {
    width: 100%;
    font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", "sans-serif";
    background-color: #fcfcfc;
}

header {
}

main {
    margin-top: 100px;
    margin-bottom: 50px;
}

footer {
    font-size: 0.8rem;
    background-color: #fff;
}

h2 {
    margin-bottom: 1.2rem;
    padding: 0.5em;
    color: #494949;
    background: #fffaf4;
    border-left: solid 5px #ffaf58;
    font-size: 1.5rem;
  }

.backGround {
    background-color: #faf2f2;
    background-image: url("https://www.transparenttextures.com/patterns/concrete-wall-3.png");
}

.headerMain {
    height: 50px;
    color:#fff;
    background-color: #216ba3;
    font-size:1.5rem;
    padding-top: 5px;
}

.headerFront {
    background-color: #60a8cc;
}

header a {
    color: #fff;
}

header a:hover {
    color: #fff;
    border: none;
}


.headerSub {
    padding-top: 3px;
    height: 25px;
    background-color: #fced9f;
    font-size: 0.8rem;
}

.logout {
    width: 50px;
    padding: 3px;
    position: fixed;
    top: 7px;
    right: 7px;
    text-align: center;
	border-radius: 10px;
}

.breadcrumb {
    font-size: 0.8rem;
}


.editArea {
    width: 90%;
    padding: 20px;
    background-color: #fff;
    border: solid 1px #aaa;
	border-radius: 5px;
}

.error-message {
    color: #d9534f;
}

.error-message::before {
    content:"※";
}

.form-group label {
    font-size: 0.9rem;
    color: #999;
    font-weight: bold;
}


/* pagenation */
.pagenation {
	font-size: 1.2rem;
}
.pagenation ul {
	text-align: center;
}
.pagenation ul li {
	display: inline-block;
}
.pagenation .span {
	display: inline-block;
	border: 1px solid #e4eff5;
	border-radius: 5px;
	padding: 5px 10px;
}

.pagenation .now {
	display: inline-block;
    color: #fff;
	background: #216ba3;
}

.pagenation a .span {
	border: 1px solid #e4eff5;
	background: #fff;
	transition: all 0.2s ease 0s;
}

.pagenation a:hover, .span:hover {
    background: #cde9fa;
    text-decoration: none;
}

/* Table Stripe */
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
  background-color: #fff;
}

.table-striped>tbody>tr:nth-child(even)>td,
.table-striped>tbody>tr:nth-child(even)>th {
  background-color: #e6f4fd;
}

th {
    letter-spacing: 0.15rem;
}

.sunday {
    background-color: #fff1f0;
}

.saturday {
    background-color: #f0f7ff;
}

/* 20240425 sakamoto add start */
/* 一覧画面、操作列 */
.operationColum {
    right:0 !important;
    text-align: center;
}

/* 一覧画面、フッター分の幅確保用 */
.listAreaMargin {
    margin-bottom: 7.5rem !important
}

/* 一覧画面、固定フッター */
.listFooter {
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 0.2rem;
    height: 7rem;
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

/* 一覧画面、固定フッター(ページングなし) */
.listFooter-noPagination {
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 0.2rem;
    height: 5rem;
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);    
}

/* 一覧画面、フッター内ページング制御ボタンエリア */
.pagenationButtonArea {
    height: 2.5rem;
    margin-top: .5rem;
    padding: 0;
    margin-bottom: .5rem !important;
}

/* 一覧画面、フッター戻る・登録ボタン等 */
.transitionButton {
    width: 98%;
    margin: 0 1%;
}

/* 一覧画面、スマホ時の下部余白 */
.table-bottom {
    padding-bottom: 5.9rem;
}

/* 一覧画面、スマホ時の下部余白(操作メニューが5行の場合) */
.table-bottom-5 {
    padding-bottom: 9.9rem;
}

/* 登録編集画面、フッターの幅確保用 */
.submitAreaMargin{
    margin-bottom: 5.5rem !important;
}

/* 登録編集画面、固定フッター */
.submitFooter {
    padding: 1rem;
    height: 5rem;
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

/* コピーライトの文字サイズ */
.copyrightFontSize {
    font-size: 0.6rem;
}

/* ドロップダウンメニュー、一行の場合の位置調整 */
.position-dropdown-menu-1{
    margin-top: 1.9rem !important;
    margin-left: -4rem !important;
    top: -75px !important;
    left: -75px !important;
}

/* ドロップダウンメニュー、二行の場合の位置調整 */
.position-dropdown-menu-2 {
    margin-top: 0.9rem !important;
    top: -75px !important;
    left: -75px !important;
}

/* ドロップダウンメニュー、三行の場合の位置調整 */
.position-dropdown-menu-3 {
    margin-top: 5.9rem !important;
    margin-left: -2rem !important;
    top: -75px !important;
    left: -75px !important;
}

/* ドロップダウンメニュー、三行の場合の位置調整2 */
.position-dropdown-menu-3-b {
    top: -75px !important;
    left: -75px !important;
}

/* ドロップダウンメニュー、四行の場合の位置調整 */
.position-dropdown-menu-4 {
    margin-left: -4rem !important;
    top: -90px !important;
    left: -75px !important;
}

/* ドロップダウンメニュー、五行の場合の位置調整 */
.position-dropdown-menu-5 {
    margin-top: -0.1rem !important;
    margin-left: -4rem !important;
    top: -110px !important;
    left: -75px !important;
}

/* 20240425 sakamoto add end */

/* 20240524 sakamoto add start */
/* 項目が三列程度の一覧の場合、中央列の最低幅確保用 */
.column-min-width {
    min-width: 13rem;
}
/* 20240524 sakamoto add end */

/* 20240514 kurosaki add start */
/* テーブル内操作列の横幅固定 */
.fixed-width {
    width: 77px;
}
/* 20240514 kurosaki add end */

/* 20240905 sakamoto add start */
/* ステータススイッチ  */
.switch-col {
    vertical-align: bottom;
    text-align: center;
}

.switch {
    position: relative;
    display: inline-block;
    width: 27px;
    height: 20px;
  }
  
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #bd362f;
    transition: 0.4s;
    border-radius: 34px;
    height: 15px;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 1px;
    bottom: 2px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
  }
  
  input:checked + .slider {
    background-color: #2b3a64;
  }
  
  input:checked + .slider:before {
    transform: translateX(15px);
  }/* 20240905 sakamoto add start */

/* 20250317 sakamoto add start */
/* 左右リストタブ */
.LR-Tab-List {
    position: relative;
    top: 1px;
}
/* 左右リストタブボタン未選択 */
.LR-Tab {
    display: inline-flex;
    border: 1px solid rgb(211, 211, 211);
    border-radius: 0.2rem;
    height: 3rem;
    width: 6rem;
    text-align: center;
    vertical-align: baseline;    
    border-bottom: rgb(211, 211, 211);
    background-color: rgb(222,222,222);
    margin-right: 0.5rem;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
/* 左右リストタブボタン選択中 */
.LR-Tab-Selected {
    display: inline-flex;
    border: 1px solid rgb(211, 211, 211);
    border-radius: 0.2rem;
    height: 3rem;
    width: 6rem;
    text-align: center;
    margin-right: 0.5rem;
    border-bottom: white;
    background-color: white;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

/* 左右リスト本体 */
.LRList {
    border: 1px solid rgb(211, 211, 211);
    border-radius: 0.2rem;
    margin-bottom: 6rem;
    display: flex;
    flex-wrap: wrap;
}

.LRList-div {
    padding: 1rem;
    position: relative;
    width: 100%;
}

.LRList-div-div {
    margin: 0;
    padding: 0;
}

.filter-text {
    width: 100%;
    height: 3.2rem;
    padding: 0px 1rem;
    border-radius: 0.5rem;
    border: 1px solid rgb(211, 211, 211);
    outline: none;
    box-shadow: none;
    appearance: none;    
}

.div-list {
    display: flex;
	/* 左右リストを横並びにして中央揃え */
    justify-content: space-between;
    align-items: center;
	/* 左右リスト間の隙間 */
    gap: clamp(16px, 6vw, 32px);
}

.div-list p {
    margin: none;
    padding: 8px 10px;
}

.div-list ul {
    list-style-type: none;

    width: 100%;
    height: 30rem;
    outline: none;
    font-family: inherit;
    font-size: 1rem;
    border: 1px solid rgb(211, 211, 211);
    overflow-y: scroll;
    flex-wrap: wrap;
    margin-top: 1rem !important;
    padding: 0px !important;
    display: block !important;
}

.div-list-div{
	/* 各リストが等幅になるようにする */
    flex: 1;
    /* 20250616 sakamoto mod start 枠幅を超える文字数でレイアウトが崩れる対応 */
    max-width: 44%;
    /* 20250616 sakamoto mod end 枠幅を超える文字数でレイアウトが崩れる対応 */
}

.div-button {
    display: flex;
	/* ボタンを中央に配置 */
    justify-content: center;
    align-items: center;
	/* ボタン間の間隔 */
    gap: clamp(16px, 1vw, 32px);
}

.div-button .btn-move {
    display: inline-block;
	display: flex;
     /* 横中央 */
	justify-content: center;
    /* 縦中央 */
	align-items: center;
	padding: 0;
    cursor: pointer;
	user-select: none;
	/* フォントやボタンのサイズは画面サイズに追随 */
	font-size: clamp(1rem, 2vw, 1.5rem);
	min-width: clamp(32px, 4vw, 64px);
	min-height: clamp(32px, 4vw, 48px);
}

.div-button .btn-move::before {
	content: '';
}
/* 縦並びのとき */
.div-button.vertical .btn-move.select-all::before { content: '▶▶'; }
.div-button.vertical .btn-move.select::before  { content: '▶'; }
.div-button.vertical .btn-move.unselect::before  { content: '◀'; }
.div-button.vertical .btn-move.unselect-all::before  { content: '◀◀';}
/* 横並びのとき */
.div-button.horizontal .btn-move.select-all::before { content: '▼▼';}
.div-button.horizontal .btn-move.select::before  { content: '▼';}
.div-button.horizontal .btn-move.unselect::before  { content: '▲'; }
.div-button.horizontal .btn-move.unselect-all::before  { content: '▲▲'; }

.div-list.vertical .div-button {
	/* ボタンを横並びに */
    flex-direction: row;
}

/* リストが横並びの場合にボタンを縦並び */
.div-list.horizontal .div-button {
	/* ボタンを縦並びに */
    flex-direction: column;
}

/* レスポンシブ向けの調整 */
@media (max-width: 768px) {
  .div-list {
    flex-direction: column;
  }
  .div-list-div {
    /* 20250616 sakamoto mod start 枠幅を超える文字数でレイアウトが崩れる対応 */
    min-width: 100%;
    /* 20250616 sakamoto mod end 枠幅を超える文字数でレイアウトが崩れる対応 */

  }
  .div-button {
    flex-direction: row;
  }
}
@media (min-width: 769px) {
  .div-button {
    flex-direction: column;
  }
}

/* 左右リスト中身 */
.ul-list {
    width: max-content;
    height: 40rem;
    margin-top: 1rem;
    outline: none;
    font-family: inherit;
    font-size: 1.6rem;
    border: 1px solid rgb(170, 170, 170);
    overflow-y: scroll;
    white-space: nowrap;
}
.ul-list li {
    opacity: 1;
    min-width: max-content;
    white-space: nowrap;
}

.ul-list p {
    padding: 8px 10px;
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
}

.selecting {
    background-color: rgb(0, 153, 255);
    color: rgb(255, 255, 255);
}
/* メール通知時間 */
.timer {
    /* width: 30rem; */
    height: 7rem;
}


/* メール通知時間(リスト)エリア全体 */
.timer-list {
    max-width: 100%;
    width: 30rem;
    /* 20250522 sakamoto del start 指摘修正 スマホサイズ画面対応 */
    /* height: 20rem; */
    /* 20250522 sakamoto del end 指摘修正 スマホサイズ画面対応 */
}

/* メール通知時間(リスト)ヘッダ側 */
.timer-list-header {
    display: inline-flex;
}

/* メール通知時間(リスト)時分プルダウン */
.timer-list-header select {
    margin: 0.5rem;
    border: 1px solid rgb(211, 211, 211);
    border-radius: 0.5rem;
    padding: 0.5rem;    
    width: 4rem;
    height: 3rem;
}

/* メール通知時間(リスト)固定メッセージ */
.timer-list-header p {
    margin-top: revert;
}

/* メール通知時間(リスト)ボタン */
.timer-list-header span {
    cursor: pointer;
    background-color:#2b3a64;
    border-radius: 0.5rem;
    margin: 0.5rem 0 0.5rem 0.5rem;
    width: 4rem;
    height: 3rem;
    color: white;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

/* メール通知時間(リスト)テーブル側 */
.timer-list-table {
    list-style-type: none;
    width: 100%;
    height: 15rem;
    outline: none;
    font-family: inherit;
    font-size: 1rem;
    border: 1px solid rgb(211, 211, 211);
    overflow-y: scroll;
    flex-wrap: wrap;
    padding: 0px !important;
    display: block !important;
}
/* メール通知時間(リスト)テーブル側要素 */
.timer-list-table li {
    padding: 8px 10px;
    margin-top: 0;
    margin-bottom: 0;
}
/* 20250317 sakamoto add end */

/* 20250704 sakamoto add start 指摘修正 メッセージ追加 */
/* メール通知時間(説明ラベル) 協力会社側 スマホサイズ程度想定 */
@media (max-width: 463px) {
    .description {
        width: 35% !important;
    }

    .description p {
        top: 0 !important;
    }
}
/* 20250704 sakamoto add end 指摘修正 メッセージ追加 */

/* 20250407 nakayama add start */
.sort-th:hover {
    cursor: pointer;
    text-decoration: underline !important;
}
/* 20250407 nakayama add end */

/* 20250313 tate add start */
.modal-body p {
    font-size: 16px !important;
  }
  
  @media (max-width: 768px) {
    .modal-body p {
        font-size: 15px !important;
    }
  }
  
  @media (max-width: 480px) {
    .modal-body p {
        font-size: 11px !important;
    }
  }

/* 20250417 sakamoto add start 点検簿追加要望３ */
.setting-modal-header {
    background-color: #216ba3;
    color: white;
    padding: 1rem;
    text-align: center;
}

/* 連続読み取り設定のモーダル内 */
.Reader-Modal-Content div {
    display: flex;
}

.Reader-Modal-Content div p {
    color: #999;
    font-weight: bold;
    margin: auto;
    padding-left: 1rem;
    width: 8rem;
}

.Reader-Modal-Content div input, .Reader-Modal-Content div select {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

/* 連続読み取り画面の設定情報表示領域 */
.Reader-Setting-Info {
    align-items: center;
    border: 1px solid rgb(211, 211, 211);
    border-radius: 0.5rem;
    display: flex;
    justify-content: space-between;
    padding-left: 5%;
    padding-right: 5%;
    /* width: 100%; */
}
.Reader-Setting-Info p {
    font-weight: 500;
    margin: 1rem 1rem;
    white-space: nowrap;
}

.Reader-Small-Font {
    font-size: 0.7rem;
    margin: 1rem 0.5rem !important;
}

/* QRコード読み取り領域サイズ */
.Reader-Area-Size {
    width: 90%;
    /* 高さ設定すると、実際のカメラ領域にかぶる */
    /* height: 25rem; */
    /* border: solid 1px black; */
}

/* QRコード読み取り結果成功アイコン */
.Success-Icon {
    background-color: #51a351;
    border-radius: 1rem;
    color: white;
    width: 2rem;
    height: 2rem;
    text-align: center;
    transform: rotate(45deg) scale(-1, 1);
    font-size: large;
}

/* QRコード読み取り結果成功アイコン */
.Error-Icon {
    background-color: red;
    border-radius: 1rem;
    color: white;
    width: 2rem;
    height: 2rem;
    text-align: center;
    transform: rotate(45deg) scale(-1, 1);
    font-size: large;
}

/* QRコード読み取り結果モーダル */
.result-modal-content {
    position: relative;
    display: flex;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
    align-items: center;
}

.result-modal-content div:nth-child(1) {
    width: 25%;
    display: flex;
    justify-content: center;
}


.result-modal-content div:nth-child(2) {
    width: 50%;
}

.result-modal-content div:nth-child(2) p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.Reader-Small-Button {
    min-width: 6.5rem;
}

/* 小フォント */
.Small-Font-08 {
    font-size: .8rem;
}
.Small-Font-07 {
    font-size: .7rem;
}

/* 連続読み取り設定ボタン */
.Reader-Setting-Button {
    color: #FFFFFF;
    background-color: #FEB25E;
    border-color: #FEB25E;
}
/* 連続読み取り設定ボタン マウスオーバー時 */
.Reader-Setting-Button:hover {
    color: #FFFFFF !important;
    background-color: #e19e50 !important;
    border-color: #e19e50 !important;

}
/* 20250417 sakamoto add end 点検簿追加要望３ */

/* 20250711 sakamoto add start 指摘修正 ipad以上のサイズでQRコード一覧チェックボックス拡大  */
.Big-CheckBox {
    @media (min-width: 768px) {
        position: absolute;
        margin-top: .1rem;
        margin-left: -1.75rem;
        width: 1.5rem;
        height: 1.5rem;
    }
}
/* 20250711 sakamoto add end 指摘修正 ipad以上のサイズでQRコード一覧チェックボックス拡大 */
/* 20250519 Yamamoto Add Start CO2排出管理 */
@media (min-width: 1200px) {
  .co2-div-flex-reverse {
    display: flex;
  }
}
@media (max-width: 1199px) {
  .co2-div-flex-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}
.co2-title {
  color: #494949;
  background: #fff2cc;
  border-left: solid 5px #58b9ff;
  font-size: 1.2rem;
  font-weight: bold;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 7px;
}
.co2-weekday {
    background-color: #fff;
}
.co2-color-red {
  color: #e00;
}
.co2-color-green {
  color: #00ff00;
}
.co2-magin-left-4 {
  margin-left: 4px;
}
.co2-magin-left-15 {
  margin-left: 15px;
}
.co2-magin-right-4 {
  margin-right: 4px;
}
.co2-inline-radio {
  display: flex;
  overflow: hidden;
}
.co2-inline-radio div {
  position: relative;
  flex: 1;
  border-bottom: 1px solid #b6b6b6;
}
.co2-inline-radio div:last-child {
  border-top: none;
}
.co2-inline-radio input {
  width: 100%;
  height: 60px;
  opacity: 0;
}
.co2-inline-radio div:last-child label {
  border-right: 0;
}
.co2-right {
  text-align: right;
  padding-right: 10px;
}
.co2-left {
  text-align: left;
  padding-left: 10px;
}
.co2-width-30 {
  min-width: 30px;
  max-width: 30px;
}
.co2-width-50 {
  min-width: 50px;
  max-width: 50px;
}
.co2-width-70 {
  min-width: 70px;
  max-width: 70px;
}
.co2-width-80 {
  min-width: 80px;
  max-width: 80px;
}
.co2-width-100 {
  min-width: 100px;
  max-width: 100px;
}
.co2-width-120 {
  min-width: 120px;
  max-width: 120px;
}
.co2-width-150 {
  min-width: 150px;
  max-width: 150px;
}
.co2-width-180 {
  min-width: 180px;
  max-width: 180px;
}
.co2-width-200 {
  min-width: 200px;
  max-width: 200px;
}
.co2-width-280 {
  min-width: 280px;
  max-width: 280px;
}
.co2-width-400 {
  min-width: 400px;
  max-width: 400px;
}
.co2-required-input {
  border-color: red !important;
  border-width: thick;
}
.co2-optional-input {
  border-color: black !important;
}
.co2-required-display {
  border-color: black !important;
  background-color: #fff2cc !important;
}
.co2-optional-display {
  border-color: black !important;
  background-color: #c5e0b4 !important;
}
.co2-required-display-fuel-oil {
  border-color: #35b4c5 !important;
  background-color: #fff2cc !important;
  border-width: thick;
}
.co2-required-display-light-oil {
  border-color: #ffc000 !important;
  background-color: #fff2cc !important;
  border-width: thick;
}
.co2-required-display-gasoline {
  border-color: #ffccff !important;
  background-color: #fff2cc !important;
  border-width: thick;
}
.co2-backcolor-white {
  background-color: white !important;
}
.co2-backcolor-rowspan {
  background-color: #e2f0d9 !important;
}
.co2-title {
  padding: 0.5em;
  color: #494949;
  font-size: 1.2rem;
  font-weight: bold;
}
.co2-precautions {
  padding: 0.5em;
  color: red;
  font-size: 1rem;
  text-align: end;
}
.co2-date-size {
  max-width: 7em;
  min-width: 7em;
}
.co2-tooltip-btn {
  background: #233b6c;
  color: #fff;
  border-radius: 20px;
  padding: 0.375rem 0.6875rem;
  line-height: 1;
}
.co2-div-bottom {
  display: flex;
  align-items: end;
  justify-content: flex-end;
}
.co2-div-flex {
  display: flex;
}
.co2-div-flex-info {
	display: flex;
	height: 35px;
	align-items: center;
}
.co2-div-flex-end {
  display: flex;
  align-items: flex-end;
}
.co2-div-flex-align-center {
  align-items: center;
}
.co2-inline-tab-btn {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  width: 100%;
  height: 100%;
  background: #d81b60;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  border-top: 1px solid #b6b6b6;
  border-right: 1px solid #b6b6b6;
  border-left: 1px solid #b6b6b6;
  border-radius: 20px 20px 0 0;
  font-weight: 500;
}
.co2-inline-tab-link {
  position: absolute;
  top: 0;
  left: 0;
  color: #b6b6b6;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #b6b6b6;
  border-right: 1px solid #b6b6b6;
  border-left: 1px solid #b6b6b6;
  border-radius: 20px 20px 0 0;
}
.co2-Font-12 {
  font-size: 1.2rem !important;
}
.co2-modal-center {
  text-align: center;
}
.co2-td-error {
  background-color: yellow !important;
}
.co2-td-mini-size {
  min-width: 120px;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.co2-title {
  color: #494949;
  background: #fff2cc;
  border-left: solid 5px #58b9ff;
  font-size: 1.2rem;
  font-weight: bold;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 7px;
}
.co2-title-light-oil {
  padding: 0.5em;
  color: #494949;
  background: #ffc000;
  border-left: solid 5px #58b9ff;
  font-size: 1.2rem;
  font-weight: bold;
}
.co2-title-gasoline {
  padding: 0.5em;
  color: #494949;
  background: #ffccff;
  border-left: solid 5px #58b9ff;
  font-size: 1.2rem;
  font-weight: bold;
}
.co2-title-total {
  padding: 0.5em;
  color: #494949;
  background: #00cc00;
  border-left: solid 5px #58b9ff;
  font-size: 1.2rem;
  font-weight: bold;
}
.co2-title-energy {
  padding: 0.5em;
  color: #494949;
  background: #ffffcc;
  border-left: solid 5px #58b9ff;
  font-size: 1.2rem;
  font-weight: bold;
}
.co2-div-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 1.5em;
}
.co2-form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.co2-form-text-readonly {
  width: 100%;
  background-color: unset !important;
  border: unset !important;
  border-color: unset !important;
  box-shadow: unset !important;
  color: #212529;
}
.co2-title-label-div {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}
.co2-listAreaMargin {
  margin-bottom: 2.5rem !important;
}
.co2-open-close-btn {
  display :none;
  line-height: 1;
}
.co2-label-bottom-none {
	margin-bottom: 0px;
}

.co2-tooltip {
  position: relative;
}
.co2-tooltip .title {
  position: fixed !important;
  z-index: 2147483647 !important;
  background: white;
  border: 1px solid gray;
  padding: 5px;
  white-space: pre-line;
  text-align: left;
  font-size: x-small
}

/* 20250808 sakamoto add start 指摘修正 */
.co2-redution-colmuns-header {
  background-color: #fddbd8 !important;
}
.co2-tooltip-title {
  position: fixed !important;
  z-index: 2147483647 !important;
  background: white;
  border: 1px solid gray;
  padding: 5px;
  white-space: pre-line;
  text-align: left;
  font-size: x-small
}
/* 20250808 sakamoto add end 指摘修正 */


/* 20250519 Yamamoto Add End CO2排出管理 */