@charset "UTF-8";

/* ===============================================================================
                          生産管理モニタリングシステム
=============================================================================== */

/* 共通部分
------------------------------------------------------------ */
html {
    font-size: 100%;
    
}

.cover {
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    position: relative;
    
    
}
.cover-home {
    background-image: url(../image/image01.jpeg);
}




a {
    text-decoration: none;
}
img {
    max-width: 100%;
}

.CompanyTitle {
    width: auto;
    text-align: center;
    font-family: Kiwi Maru, serif;
    font-size: 1.2rem;
    font-weight: 300;
    color: #432;
    margin-top: .5rem;
    margin-left: 3rem;
    margin-right: 3rem;
    opacity: 0;
    background-color: #d6c6c6;
    padding: 5px ;
    border-radius: 37px;
}



.pageList {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-family: Kiwi Maru, serif;
    font-size: 1.0rem;
    font-weight: 300;
    color: #432;
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
    opacity: 0;
    padding: 2px;
    z-index: 10;
    
}
.pageList button {
    /* 既定スタイルを完全リセット */
    appearance: none;
    -webkit-appearance: none;

    box-sizing: border-box;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 130px;
    height: 30px;         
    padding: 0.45rem 1.2rem;   
    
    font: inherit;         
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;

    white-space: nowrap;
    flex: 0 0 auto;
    flex-shrink: 0;
    width: max-content;
}    


.companySelectBtn {
    background-color: #dbeebb;
    box-shadow: 0 3px #aeeb68;
    color: #432;
    border-radius: 8px;
    padding: .1rem .5rem;
    
}
.companySelectBtn:hover {
    box-shadow: 0 1px #aeeb68;
}
.machineDropdown {
    display: inline-block;
    position: relative;
    z-index: 1001;
    
}
#machineToggleBtn {
    
    width: auto;
    background-color: #dbeebb;
    box-shadow: 0 3px #aeeb68;
    color: #432;
    border-radius: 8px;
    padding: .1rem .5rem;
    
    position: relative;
    
}
#machineToggleBtn:hover {
    box-shadow: 0 1px #aeeb68;
}
#machineItems.machineItemsHidden {
    display: none !important;
}
#machineItems {
    
    display: flex ;
    flex-direction: column ;
    margin-top: 8px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 8px;
    background: #f9f9f9;
    position: absolute ;      
    top: 100% ;            
    left: 0;
    z-index: 9999 ;
    font-size: .85rem;
}
#machineItems a {
    text-decoration: none;
    color: #333;
    padding: 4px 0;  
}
#machineItems a:hover {
    background-color: #92c4f0;
}

.productionVolumePage {
    background-color: #dbeebb;
    box-shadow: 0 3px #aeeb68;
    color: #432;
    border-radius: 8px;
    padding: .1rem .5rem;
    
}

.productionVolumePage:hover {
    box-shadow: 0 1px #aeeb68;
}

.cameraPage {
    background-color: #dbeebb;
    box-shadow: 0 3px #aeeb68;
    color: #432;
    border-radius: 8px;
    padding: .1rem .5rem;
    
}

.cameraPage:hover {
    box-shadow: 0 1px #aeeb68;
}
.graphDropdown {
    display: inline-block;
    position: relative;
    z-index: 1000;
    
}
#graphToggleBtn {
    background-color: #dbeebb;
    box-shadow: 0 3px #aeeb68;
    color: #432;
    border-radius: 8px;
    padding: .1rem .5rem;
    position: relative;
    
}
#graphToggleBtn:hover {
    box-shadow: 0 1px #aeeb68;
}
#graphItems {
    
    display: flex ;
    flex-direction: column ;
    margin-top: 8px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 8px;
    background: #f9f9f9;
    position: absolute ;      
    top: 100% ;            
    left: 0;
    z-index: 9999 ;
    font-size: .85rem;
    width: max-content;
    
}
#graphItems a {
    text-decoration: none;
    color: #333;
    white-space: nowrap;         /* 基本は1行 */
    overflow-wrap: anywhere;
    padding: 4px 0;  
}
#graphItems a:hover {
    background-color: #92c4f0;
}
#graphItems.graphItemsHidden {
    display: none;
    
    
}
.logPage {
    background-color: #dbeebb;
    box-shadow: 0 3px #aeeb68;
    color: #432;
    border-radius: 8px;
    padding: .1rem .5rem;
    
}
.logPage:hover {
    box-shadow: 0 1px #aeeb68;
}
.alert {
    background-color: #dbeebb;
    box-shadow: 0 3px #aeeb68;
    color: #432;
    border-radius: 8px;
    padding: .1rem .5rem;
}
.alert:hover {
    box-shadow: 0 1px #aeeb68;
}
.footerSpacer {
    height: 60px;
    flex-shrink: 0;
}
.reportOutput {
    background-color: #dbeebb;
    box-shadow: 0 3px #aeeb68;
    color: #432;
    border-radius: 8px;
    padding: .1rem .5rem;
    
}
.reportOutput:hover {
    box-shadow: 0 1px #aeeb68;
}

/* time selector styles */
.time-select-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0px;
  margin-left: 0px;
  position: relative;
  z-index: 50;
}
.time-display {
  padding: 6px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
  background: #fff;
}
.time-popup {
  position: absolute;
  left: 0;
  bottom: 100%;
  margin-bottom: 8px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  padding: 8px;
  display: none;
  z-index: 100;
}
.time-popup.show {
  display: flex;
  gap: 8px;
  align-items: center;
}
.tri-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 36px;
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #f7f7f7;
}
.tri-up {
  font-size: 12px;
  transform: translateY(-1px);
}
.tri-down {
  font-size: 12px;
  transform: translateY(1px);
}
.blinking {
  animation: blink 2s infinite;   /* 1秒周期で繰り返し */
}

@keyframes blink {
  0%   { opacity: 1; }
  50%  { opacity: 0; }
  100% { opacity: 1; }
}

/* ヘッダー
------------------------------------------------------------ */
.page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgb(244, 239, 235);
    opacity: 0;
}

.aceLogo {
    width: 140px;
    height: auto;
    text-align: left;
}
.logOff {
    font-family: Kiwi Maru, serif;
    font-size: 1rem;
    font-weight: 300;
    background: #0bd;
    box-shadow: 0 3px #3b8a98;
    color: #432;
    border-radius: 8px;
    padding: .2rem .5rem;
    margin:  .5rem .5rem .5rem .5rem;
    letter-spacing: -.15rem;
    min-width: 80px;
    width: auto;
    
}    

.logOff:hover {
    box-shadow: 0 1px #3b8a98;
}
/* フッター
------------------------------------------------------------ */

.copyright {
    font-family: Kiwi Maru, serif;
    font-weight: 300;
    text-align: center;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    background-color: #432;
    color: #fff; 
    opacity: 0;
}






/* Login画面
------------------------------------------------------------ */
.login_page_body {
    opacity: 0;
    transition: opacity 0.5s ease;
}
.login_page_body.loaded {
    opacity: 1;
}
.loading {
    font-size: 1.5rem;
    font-family: Kiwi Maru, serif;
    font-weight: 300;
    text-align: center;
}
.loading p {
    color: #fff;
    margin-top: 10px;
}
.acesystem {
    display: flex;
    justify-content: center;
    
}
.acesystem p {
    font-size: 2rem;
    font-family: Kiwi Maru, serif;
    font-weight: 300;
    margin-top: 10vh;
    opacity: 0;
}
.title {
    font-size: 2.3rem;
    font-family: Kiwi Maru, serif;
    font-weight: 300;
    margin-top: 0vh;
    opacity: 0;
    text-align: center;
}

.loginId,
.loginPassword {
    border: 1px solid #bbb;
    background: #fff;
    padding: .5rem;
    width: 90%;
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.idErrorMessage {
    color: red;
}
.passwordErrorMessage {
    color: red;
}

.loginId,
.idCheck,
.loginPassword {
    font-size: 1.2rem;
    
}    
input.idCheck[type="checkbox"] {
        transform: scale(1);
        display: inline-block;
        vertical-align: bottom;
        margin: 4px 5px;
    }
.loginForm {
    font-family: Kiwi Maru, serif;
    font-weight: 300;
    position: relative;
    top: 10px;
    margin: 0 auto;
    opacity: 0;
    text-align: center;
}
.loginForm th {
    text-align: right;
}
.loginImgClip {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: clamp(180px, 30vh, 320px);
    overflow: hidden;          
    pointer-events: none;
}


.containerLoginImg {
    position: absolute;
    bottom: 0;            /* ← 常に画面下基準 */
    left: 0;
    width: 100%;

    max-height: 35svh;
    overflow: hidden;

    pointer-events: none;
}


.loginImg {
    width: 100%;
    height: 100%;
    object-fit: cover;

    /* ぼかし・フェード */
    filter: blur(1px);
    transform: scale(1.1);
    mask-image: radial-gradient(
        ellipse at bottom,
        rgba(255,255,255,1) 0%,
        rgba(255,255,255,0) 85%
    );
}

.btnLoginParent {
    text-align: center;
}
.btnLogin {
    display: inline-block;
    font-family: Kiwi Maru, serif;
    font-size: 1.5rem;
    font-weight: 300;
    background: #0bd;
    box-shadow: 0 3px #3b8a98;
    color: #432;
    border-radius: 8px;
    padding: .75rem 1.5rem;
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    opacity: 0;
    z-index: 1;
}
.btnLogin:hover {
    box-shadow: 0 1px #3b8a98;
    position: relative;
    margin-top: 50px;

}
.langSelectWrapper {
    position: relative;
    width: 200px;
}

.langDisplay {
    width: 100%;
    padding: 6px;
    cursor: pointer;
    margin-left: 1rem;
    border: 1px solid #bbb;
    background: #fff;
}

.langList {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #bbb;
    background: #fff;
    margin: 0;
    margin-left: 1rem;
    margin-top: 0.3rem;
    padding: 0;
    list-style: none;
    z-index: 1000;
    border: 1px solid #bbb;
}

.langList li {
    padding: 6px;
    cursor: pointer;
}

.langList li:hover {
    background-color: #f0f0f0;
}

.hidden {
    display: none;
}


/* 客先選択画面
------------------------------------------------------------ */


.selectTitle {
    font-family: Kiwi Maru, serif;
    font-size: 1.8rem;
    font-weight: 300;
    color: #432;
    text-align: center;
    margin-top: 1rem;
    opacity: 0;
}  
.selectCompany {
    position: relative;
    margin-top: 1rem;
    display: flex;
    align-items: flex-start;
}
.selectCompanyRow {
    flex: 0 0 120px;
    width: 120px;
    background-color: rgb(244, 239, 235);
    margin-left: 10px;
    margin-right: 10px;
    list-style: none;
    position: relative;
    padding-top: .1rem;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: .1rem;
    display: flex;
    flex-direction: column;
    height: 510px;
    opacity: 0;
    
}
.rowA,.rowKa,.rowSa,.rowTa,.rowNa,.rowHa,.rowMa,.rowYa,.rowRa,.rowWa,.rowABC {
    font-family: Kiwi Maru,serif;
    font-weight: 300;
    background-color: #0bd;
    margin-top: 5%;
    margin-bottom: 5%;
    box-shadow: 0 3px #3b8a98;
    color: #432;
    border-radius: 8px;
    padding: .2rem .5rem;
    margin:  .5rem .5rem .5rem .5rem;
    letter-spacing: -.15rem;
    
    
}
.rowA:hover,.rowKa:hover,.rowSa:hover,.rowTa:hover,.rowNa:hover,.rowHa:hover,.rowMa:hover,.rowYa:hover,.rowRa:hover,.rowWa:hover,.rowABC:hover {
    box-shadow: 0 1px #3b8a98;
}
.rowListArea {
    font-family: Kiwi Maru,serif;
    font-weight: 300;
    flex-grow:  1;
    margin-right: 10px;
    position: relative;
    height: clamp(320px, 76vh, 1000px);
    width: clamp(320px, 70%, 900px);
    background-color: rgb(244, 239, 235);
    opacity: 0;
    display: block;
}

.rowListArea button {
    border: 1.5px solid #999;        /* ← ボーダー線（色はお好みで） */
    border-radius: 10px;             /* ← 角を丸く */
    background-color: #fff;          /* ← 背景を白に */
    color: #333;                     /* ← 文字色 */
    box-shadow: 1px 2px 4px rgba(0,0,0,0.1); /* ← ふんわり影 */
    text-align: left;                /* 左寄せ表示 */
    cursor: pointer;
    transition: all 0.2s ease;       /* ホバー時のアニメーション */
    padding: 5px 5px;
}
.rowAListParent,
.rowKaListParent,
.rowSaListParent,
.rowTaListParent,
.rowNaListParent,
.rowHaListParent,
.rowMaListParent,
.rowYaListParent,
.rowRaListParent,
.rowWaListParent,
.rowABCListParent {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    align-items: flex-start;
}
.rowListArea form {
    display: inline-flex;
    width: auto;
    margin: 0;
    flex-wrap: wrap;
    gap: 5px 10px; /* 縦20px、横100pxの余白 */
    padding: 10px;
    margin-left: 5px;
    overflow-y: auto;
    white-space: normal;   /* ← ← ← 改行を許可する */
    word-wrap: break-word; /* ← 長い単語でも折り返す */
    overflow-wrap: anywhere; /* ← どんな場所でも折り返しOK（最新ブラウザ用） */
    text-align: left;      /* ← 左寄せにしたい場合 */
    padding: 6px 6px;
    line-height: 1.3;
  
}

/* ログ一覧画面
------------------------------------------------------------ */    
.logListTitle {
    font-family: Kiwi Maru, serif;
    font-size: 1.8rem;
    font-weight: 300;
    color: #432;
    text-align: center;
    margin-top: 1rem;
    opacity: 0;
    
}
#loglistChangeBtn {
    width: 120px;
    background-color: #dbeebb;
    box-shadow: 0 3px #aeeb68;
    color: #432;
    border-radius: 8px;
    
    margin:  5px 5%;
    opacity: 0;
    
}

#loglistChangeBtn:hover {
    box-shadow: 0 1px #aeeb68;
}
#loglistChangeBtnComment {
    font-family: Kiwi Maru, serif;
    letter-spacing: -.1rem;
    font-size: 1rem;
    padding: .3rem .5rem ;
    margin-left: 0;
    text-align: center;
}
.logpage_cook-controls {
    font-family: Kiwi Maru, serif;
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
    opacity: 0;
}
#logpage_cook-list-date {
    font-family: Kiwi Maru, serif;
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
    opacity: 0;
}

.logpage_cook-list-date-title {
    font-family: Kiwi Maru, serif;
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
    opacity: 0;
}
.logpage_cook-controls input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
#logpage_cook-todaybtnload {
    padding:8px 12px; 
    border-radius:6px; 
    border:1px solid #bbb; 
    background:#f6f6f6; 
    cursor:pointer;
}
.logpage_feed-controls {
    font-family: Kiwi Maru, serif;
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
    opacity: 0;
}
#logpage_feed-list-date {
    font-family: Kiwi Maru, serif;
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
    opacity: 0;
}

.logpage_feed-list-date-title {
    font-family: Kiwi Maru, serif;
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
    opacity: 0;
}
.logpage_feed-controls input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
#logpage_feed-todaybtnload {
    padding:8px 12px; 
    border-radius:6px; 
    border:1px solid #bbb; 
    background:#f6f6f6; 
    cursor:pointer;
}
#csv-list {
    width: 90%;
    height: clamp(300px, 40vh, 550px);
    margin: 10px auto;
    background-color: rgb(244, 239, 235);
    overflow-y: auto;
    font-family: Kiwi Maru, serif;
    font-size: .9rem;
    opacity: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
    padding: 10px;
    align-items: start;
    align-content: start;
    grid-auto-rows: min-content;
    justify-items: start;   

}
#csv-list > * {
  display: inline-block;                   /* ← inline-block を block に変更 */
  width: fit-content;                      /* ← グリッドのセル幅に合わせる */
  max-width: 100%;                  /* ← はみ出し防止 */
  box-sizing: border-box;
  word-break: break-word;
  overflow-wrap: anywhere;         /* ← 最新ブラウザで強力に折り返し */
  white-space: normal;
  line-height: 1.4;
  text-align: left;
  padding: 6px;
  border: 1.5px solid #999;
  border-radius: 10px;
  color: #333;
  box-shadow: 1px 2px 4px rgba(0,0,0,0.1);
  cursor: pointer;
  transition: all 0.2s ease;
}
.csv-item {
    padding: 6px 5px; cursor: pointer; user-select: none; 
}
.csv-item.selected {
    background: #cfefff;
}
#downloadBtn {
    text-align: center;
    font-family: Kiwi Maru, serif;
}

#download-btn {
  margin-top: 10px;
  padding: 8px 16px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  
}
#download-btn:disabled {
  background-color: #ccc;
  cursor: not-allowed;
  
}
/* アラーム履歴画面
------------------------------------------------------------ */
#alert-list {
    width: clamp(320px, 90%, 900px);
    height: clamp(240px, 60vh, 900px);
    margin: 10px auto;
    background-color: rgb(244, 239, 235);
    overflow-y: auto;
    font-family: Kiwi Maru, serif;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: .9rem;
    opacity: 0;
    padding: 5px 0px;
}

.alerthistoryTitle {
    position: relative;
    font-family: Kiwi Maru, serif;
    font-size: 1.8rem;
    font-weight: 300;
    color: #432;
    text-align: center;
    margin-top: 1rem;
    opacity: 1;
    z-index: 0;    
}
.alert-table {
    border-collapse: collapse;
    font-family: 'Kiwi Maru', serif;
    background-color: #fff;
    font-weight: 300;
    
}

.alert-table td {
    border: 1px solid #ccc;
    padding: 8px 12px;
    text-align: left;
    font-weight: 300;
    font-size: .8rem;
}

.alert-table th {
    border: 1px solid #ccc;
    padding: 8px 12px;
    background-color: #eee;
    text-align: center;
    font-weight: 300;
    font-size: 1rem;
}
/* カメラ映像画面
------------------------------------------------------------ */
.cameraTitle {
    font-family: Kiwi Maru, serif;
    font-size: 1.8rem;
    font-weight: 300;
    color: #432;
    text-align: center;
    margin-top: 1rem;
    opacity: 0;
    
}
.camera-container {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.video-wrapper {
  width: 100%;
  position: relative;
  padding-top: 56.25%; /* 16:9 */
  background: #000;
  border-radius: 8px;
  overflow: hidden;
}

.video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; 
  display: block;
  background: black;
}

.video-controls {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  gap: 8px;
  align-items: center;
  font-family: Kiwi Maru, serif;
  font-weight: 300;
  font-size: 1rem;
}

.video-controls button {
  padding: 8px 14px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  background: #007bff;
  color: white;
  font-weight: 300;
}

.video-controls button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.video-status {
  margin-left: 12px;
  color: #666;
  font-size: 1.2rem;
}
/* 生産量画面
------------------------------------------------------------ */
.productVolTitle {
    font-family: Kiwi Maru, serif;
    font-size: 1.8rem;
    font-weight: 300;
    color: #432;
    text-align: center;
    margin-top: 1rem;
    opacity: 0;
    
}
.container {
    font-family: Kiwi Maru, serif;
}


.controls {
    font-family: Kiwi Maru, serif;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 12px;
    opacity: 0;
}
.productVol-graph-section {
    opacity: 0;
}
.settings {
    display: flex;
    gap: 3px;
    align-items: center;
    margin-left: 10px;
    font-size: 1rem;
}
.settings button, .date-selector button {
    padding: 8px 12px;
    border: 1px solid #888;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    font-size: .9rem;
}


.capacity-input0, .capacity-input1, .capacity-input2 {
    margin-left: 10px;
    font-size: 1rem;
    
}
.capacity-input0 input[disabled] {
    background: #eee;
    font-size: 1rem;
}
.capacity-input1 input[disabled] {
    background: #eee;
    font-size: 1rem;
}
.capacity-input2 input[disabled] {
    background: #eee;
    font-size: 1rem;
}



.capacity-input0 input {
    width: 80px;
}
.capacity-input1 input {
    width: 80px;
}

.capacity-input2 input{
    width: 80px;
}
#todayBtn {
    margin-left: 10px;
}
.date-selector input {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: .9rem;
    width:110px;
}
#productVol-downloadBtn {
    text-align: center;
    font-family: Kiwi Maru, serif;
}

#productVol-download-btn {
  margin-top: 10px;
  padding: 8px 16px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  
}
#productVol-download-btn:disabled {
  background-color: #ccc;
  cursor: not-allowed;
  
}
#productVol_download_error{
    text-align: center;
    color: red;
}

#productVol_download-status {
    text-align: center;
    color: blue;
}
    
#summaryGraph {
    width: 95%;
    max-width: 1000px;
    margin: 15px auto;
    font-family: Kiwi Maru, serif;
}
#records-title {
    font-size: 1.6rem;
    font-weight: lighter;
    text-align: center;
    margin-top: 10px;
}
.summary-table, .records-table {
    width: 95%;
    border-collapse: collapse;
    margin: 0 auto;
    margin-top: 12px;
    font-weight: 300;
}
.summary-table {
    max-width: 1000px;
}
.records-table {
    max-width: 1500px;
}
.summary-table th, .summary-table td, .records-table th, .records-table td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: center;
    font-size: 12px;
    font-weight: lighter;
    font-size: 1rem;
    padding: .5rem;
}

.start .end {
    font-size: 0.9em; color: #666;
}
.no-data {
    color: #999;
    font-style: italic;
    margin: 8px 0;
}

.litepicker {
    left: 10px !important;
    
}
#productVolMailTestBtn {
  background: #2d8fdd;
  color: white;
  padding: 8px 14px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
}
/* 加水流量画面
------------------------------------------------------------ */
.waterVol-wrap {
    font-family: Kiwi Maru, serif;
    opacity: 0;
    
}
.graphWaterVolTitle {
    font-family: Kiwi Maru, serif;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
}
.waterVol-controls {
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
}
.waterVol-controls input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
#waterVol-btnload, #waterVol-btnlatest {
    padding:8px 12px; 
    border-radius:6px; 
    border:1px solid #bbb; 
    background:#f6f6f6; 
    cursor:pointer;
}


#waterVol-plot {
    width: 95%; 
    max-width:1100px; 
    height:420px; 
    margin: 0 auto;
}
.waterVol-clicked-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
.waterVol-clicked-data ,.waterVol-list-data {
    max-width:1100px; 
    margin: 18px auto;
}
#waterVol-clicked-table {
    width:95%;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#waterVol-clicked-table th{
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.9rem;
    word-break: break-word;
    white-space: normal;
    font-weight: 300;
}
#waterVol-clicked-table td {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.9rem;
}
#waterVol-clicked-table thead th {
    background:#f2f2f2;
}
#waterVol-list-data-datetime {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 300;
}
.waterVol-list-data-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
#waterVol-listTable {
    width:95%;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#waterVol-listTable th {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.85rem;
    font-weight: 300;
    word-break: break-word;
    white-space: normal;
}
#waterVol-listTable td {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.9rem;
}
#waterVol-listTable thead th {
    background:#f2f2f2;
}

/* 蒸気室温度画面
------------------------------------------------------------ */
.steamRoomTmp-wrap {
    font-family: Kiwi Maru, serif;
    opacity: 0;
    
}
.steamRoomTmpTitle {
    font-family: Kiwi Maru, serif;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
}
.steamRoomTmp-controls {
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
}
.steamRoomTmp-controls input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
#steamRoomTmp-btnload, #steamRoomTmp-btnlatest {
    padding:8px 12px; 
    border-radius:6px; 
    border:1px solid #bbb; 
    background:#f6f6f6; 
    cursor:pointer;
}


#steamRoomTmp-plot {
    width: 95%; 
    max-width:1100px; 
    height:420px; 
    margin: 0 auto;
}
.steamRoomTmp-clicked-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
.steamRoomTmp-clicked-data ,.steamRoomTmp-list-data {
    max-width:1100px; 
    margin: 18px auto;
}
#steamRoomTmp-clicked-table {
    width:95%;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#steamRoomTmp-clicked-table th{
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.85rem;
    word-break: break-word;
    white-space: normal;
    font-weight: 300;
}
#steamRoomTmp-clicked-table td {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.95rem;
}
#steamRoomTmp-clicked-table thead th {
    background:#f2f2f2;
}
#steamRoomTmp-list-data-datetime {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 300;
}
.steamRoomTmp-list-data-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
#steamRoomTmp-listTable {
    width:95%;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#steamRoomTmp-listTable th {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.85rem;
    font-weight: 300;
    word-break: break-word;
    white-space: normal;
}
#steamRoomTmp-listTable td {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.95rem;
}
#steamRoomTmp-listTable thead th {
    background:#f2f2f2;
}
/* 過熱蒸気・加水温度画面
------------------------------------------------------------ */
.superheatedSteamTmp-wrap {
    font-family: Kiwi Maru, serif;
    opacity: 0;
    
}
.superheatedSteamTmpTitle {
    font-family: Kiwi Maru, serif;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
}
.superheatedSteamTmp-controls {
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
}
.superheatedSteamTmp-controls input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
#superheatedSteamTmp-btnload, #superheatedSteamTmp-btnlatest {
    padding:8px 12px; 
    border-radius:6px; 
    border:1px solid #bbb; 
    background:#f6f6f6; 
    cursor:pointer;
}


#superheatedSteamTmp-plot {
    width: 95%; 
    max-width:1100px; 
    height:420px; 
    margin: 0 auto;
}
.superheatedSteamTmp-clicked-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
.superheatedSteamTmp-clicked-data ,.superheatedSteamTmp-list-data {
    max-width:1100px; 
    margin: 18px auto;
}
#superheatedSteamTmp-clicked-table {
    width:95%;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#superheatedSteamTmp-clicked-table th{
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.85rem;
    word-break: break-word;
    white-space: normal;
    font-weight: 300;
}
#superheatedSteamTmp-clicked-table td {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.95rem;
}
#superheatedSteamTmp-clicked-table thead th {
    background:#f2f2f2;
}
#superheatedSteamTmp-list-data-datetime {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 300;
}
.superheatedSteamTmp-list-data-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
#superheatedSteamTmp-listTable {
    width:95%;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#superheatedSteamTmp-listTable th {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.85rem;
    font-weight: 300;
    word-break: break-word;
    white-space: normal;
}
#superheatedSteamTmp-listTable td {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.95rem;
}
#superheatedSteamTmp-listTable thead th {
    background:#f2f2f2;
}

/* ボイラー・飽和蒸気圧画面
------------------------------------------------------------ */
.saturatedVaporPres-wrap {
    font-family: Kiwi Maru, serif;
    opacity: 0;
    
}
.saturatedVaporPresTitle {
    font-family: Kiwi Maru, serif;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
}
.saturatedVaporPres-controls {
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
}
.saturatedVaporPres-controls input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
#saturatedVaporPres-btnload, #saturatedVaporPres-btnlatest {
    padding:8px 12px; 
    border-radius:6px; 
    border:1px solid #bbb; 
    background:#f6f6f6; 
    cursor:pointer;
}


#saturatedVaporPres-plot {
    width: 95%; 
    max-width:1100px; 
    height:420px; 
    margin: 0 auto;
}
.saturatedVaporPres-clicked-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
.saturatedVaporPres-clicked-data ,.saturatedVaporPres-list-data {
    max-width:1100px; 
    margin: 18px auto;
}
#saturatedVaporPres-clicked-table {
    width:95%;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#saturatedVaporPres-clicked-table th{
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.85rem;
    word-break: break-word;
    white-space: normal;
    font-weight: 300;
}
#saturatedVaporPres-clicked-table td {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.95rem;
}
#saturatedVaporPres-clicked-table thead th {
    background:#f2f2f2;
}
#saturatedVaporPres-list-data-datetime {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 300;
}
.saturatedVaporPres-list-data-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
#saturatedVaporPres-listTable {
    width:95%;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#saturatedVaporPres-listTable th {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.85rem;
    font-weight: 300;
    word-break: break-word;
    white-space: normal;
}
#saturatedVaporPres-listTable td {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.95rem;
}
#saturatedVaporPres-listTable thead th {
    background:#f2f2f2;
}

/* 無浸漬送米画面
------------------------------------------------------------ */
.nonSoakFeed-wrap {
    font-family: Kiwi Maru, serif;
    opacity: 0;
    
}
.nonSoakFeedTitle {
    font-family: Kiwi Maru, serif;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
}
.feedDropdown {
    display: inline-block;
    position: relative;
    z-index: 1000;
    
}
#feedToggleBtn {
    width: 170px;
    background-color: #dbeebb;
    box-shadow: 0 3px #aeeb68;
    color: #432;
    border-radius: 8px;
    padding: .3rem .5rem;
    margin:  0rem .2rem;
    position: relative;
    
}
#feedItems {
    
    display: flex ;
    flex-direction: column ;
    margin-top: 8px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 8px;
    background: #f9f9f9;
    position: absolute ;      
    top: 100% ;            
    left: 0;
    z-index: 9999 ;
}
#feedItems a {
    text-decoration: none;
    color: #333;
    padding: 4px 0;  
}
#feedItems a:hover {
    background-color: #92c4f0;
}
#feedItems.feedItemsHidden {
    display: none;
    
    
}

.nonSoakFeed-controls {
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
}
.nonSoakFeed-controls input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
#nonSoakFeed-btnload, #nonSoakFeed-btnlatest {
    padding:8px 12px; 
    border-radius:6px; 
    border:1px solid #bbb; 
    background:#f6f6f6; 
    cursor:pointer;
}

#nonSoakFeed-list-data-datetime {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 300;
}

.nonSoakFeed-list-data-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
#nonSoakFeed-listTable {
    width:95%;
    max-width: 1200px;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#nonSoakFeed-listTable th {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.85rem;
    font-weight: 300;
    word-break: break-word;
    white-space: normal;
}
#nonSoakFeed-listTable td {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.95rem;
}
#nonSoakFeed-listTable thead th {
    background:#f2f2f2;
}
/* 浸漬タンク１画面
------------------------------------------------------------ */
.soakTank1-wrap {
    font-family: Kiwi Maru, serif;
    opacity: 0;
    
}
.soakTank1Title {
    font-family: Kiwi Maru, serif;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
}


.soakTank1-controls {
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
}
.soakTank1-controls input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
#soakTank1-btnload, #soakTank1-btnlatest {
    padding:8px 12px; 
    border-radius:6px; 
    border:1px solid #bbb; 
    background:#f6f6f6; 
    cursor:pointer;
}
#soakTank1-list-data-datetime {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 300;
}

.soakTank1-list-data-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
#soakTank1-listTable {
    width:95%;
    max-width: 1300px;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#soakTank1-listTable th {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.85rem;
    font-weight: 300;
    word-break: break-word;
    white-space: normal;
}
#soakTank1-listTable td {
    border:1px solid #ddd; 
    padding:6px 2px; 
    text-align:center; 
    font-size:0.85rem;
}
#soakTank1-listTable thead th {
    background:#f2f2f2;
}

/* 浸漬タンク２画面
------------------------------------------------------------ */
.soakTank2-wrap {
    font-family: Kiwi Maru, serif;
    opacity: 0;
    
}
.soakTank2Title {
    font-family: Kiwi Maru, serif;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
}


.soakTank2-controls {
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
}
.soakTank2-controls input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
#soakTank2-btnload, #soakTank2-btnlatest {
    padding:8px 12px; 
    border-radius:6px; 
    border:1px solid #bbb; 
    background:#f6f6f6; 
    cursor:pointer;
}
#soakTank2-list-data-datetime {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 300;
}


.soakTank2-list-data-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
#soakTank2-listTable {
    width:95%;
    max-width: 1300px;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#soakTank2-listTable th {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.85rem;
    font-weight: 300;
    word-break: break-word;
    white-space: normal;
}
#soakTank2-listTable td {
    border:1px solid #ddd; 
    padding:6px 2px; 
    text-align:center; 
    font-size:0.85rem;
}
#soakTank2-listTable thead th {
    background:#f2f2f2;
}

/* 浸漬タンク３画面
------------------------------------------------------------ */
.soakTank3-wrap {
    font-family: Kiwi Maru, serif;
    opacity: 0;
    
}
.soakTank3Title {
    font-family: Kiwi Maru, serif;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
}


.soakTank3-controls {
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
}
.soakTank3-controls input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
#soakTank3-btnload, #soakTank3-btnlatest {
    padding:8px 12px; 
    border-radius:6px; 
    border:1px solid #bbb; 
    background:#f6f6f6; 
    cursor:pointer;
}
#soakTank3-list-data-datetime {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 300;
}


.soakTank3-list-data-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
#soakTank3-listTable {
    width:95%;
    max-width: 1300px;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#soakTank3-listTable th {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.85rem;
    font-weight: 300;
    word-break: break-word;
    white-space: normal;
}
#soakTank3-listTable td {
    border:1px solid #ddd; 
    padding:6px 2px; 
    text-align:center; 
    font-size:0.85rem;
}
#soakTank3-listTable thead th {
    background:#f2f2f2;
}
/* 浸漬タンク４画面
------------------------------------------------------------ */
.soakTank4-wrap {
    font-family: Kiwi Maru, serif;
    opacity: 0;
    
}
.soakTank4Title {
    font-family: Kiwi Maru, serif;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
}


.soakTank4-controls {
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
}
.soakTank4-controls input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
#soakTank4-btnload, #soakTank4-btnlatest {
    padding:8px 12px; 
    border-radius:6px; 
    border:1px solid #bbb; 
    background:#f6f6f6; 
    cursor:pointer;
}
#soakTank4-list-data-datetime {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 300;
}


.soakTank4-list-data-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
#soakTank4-listTable {
    width:95%;
    max-width: 1300px;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#soakTank4-listTable th {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.85rem;
    font-weight: 300;
    word-break: break-word;
    white-space: normal;
}
#soakTank4-listTable td {
    border:1px solid #ddd; 
    padding:6px 2px; 
    text-align:center; 
    font-size:0.85rem;
}
#soakTank4-listTable thead th {
    background:#f2f2f2;
}

/* 調整剤1_3情報画面
------------------------------------------------------------ */
.adjust1_3-wrap {
    font-family: Kiwi Maru, serif;
    opacity: 0;
    
}
.adjust1_3Title {
    font-family: Kiwi Maru, serif;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
}
.adjustDropdown {
    display: inline-block;
    position: relative;
    z-index: 1000;
    
}
#adjustToggleBtn {
    width: 160px;
    background-color: #dbeebb;
    box-shadow: 0 3px #aeeb68;
    color: #432;
    border-radius: 8px;
    padding: .3rem .5rem;
    margin:  0rem .2rem;
    position: relative;
    
}
#adjustItems {
    
    display: flex ;
    flex-direction: column ;
    margin-top: 8px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 8px;
    background: #f9f9f9;
    position: absolute ;      
    top: 100% ;            
    left: 0;
    z-index: 9999 ;
}
#adjustItems a {
    text-decoration: none;
    color: #333;
    padding: 4px 0;  
}
#adjustItems a:hover {
    background-color: #92c4f0;
}
#adjustItems.adjustItemsHidden {
    display: none;
    
    
}

.adjust1_3-controls {
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
}
.adjust1_3-controls input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
#adjust1_3-btnload, #adjust1_3-btnlatest {
    padding:8px 12px; 
    border-radius:6px; 
    border:1px solid #bbb; 
    background:#f6f6f6; 
    cursor:pointer;
}
#adjust1_3-list-data-datetime {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 300;
}


.adjust1_3-list-data-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
#adjust1_3-listTable {
    width:95%;
    max-width: 1300px;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#adjust1_3-listTable th {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.85rem;
    font-weight: 300;
    word-break: break-word;
    white-space: normal;
}
#adjust1_3-listTable td {
    border:1px solid #ddd; 
    padding:6px 2px; 
    text-align:center; 
    font-size:0.85rem;
}
#adjust1_3-listTable thead th {
    background:#f2f2f2;
}
/* 調整剤4_6情報画面
------------------------------------------------------------ */
.adjust4_6-wrap {
    font-family: Kiwi Maru, serif;
    opacity: 0;
    
}
.adjust4_6Title {
    font-family: Kiwi Maru, serif;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
}


.adjust4_6-controls {
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
}
.adjust4_6-controls input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
#adjust4_6-btnload, #adjust4_6-btnlatest {
    padding:8px 12px; 
    border-radius:6px; 
    border:1px solid #bbb; 
    background:#f6f6f6; 
    cursor:pointer;
}
#adjust4_6-list-data-datetime {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 300;
}


.adjust4_6-list-data-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
#adjust4_6-listTable {
    width:95%;
    max-width: 1300px;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#adjust4_6-listTable th {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.85rem;
    font-weight: 300;
    word-break: break-word;
    white-space: normal;
}
#adjust4_6-listTable td {
    border:1px solid #ddd; 
    padding:6px 2px; 
    text-align:center; 
    font-size:0.85rem;
}
#adjust4_6-listTable thead th {
    background:#f2f2f2;
}
/* 調整剤7_8情報画面
------------------------------------------------------------ */
.adjust7_8-wrap {
    font-family: Kiwi Maru, serif;
    opacity: 0;
    
}
.adjust7_8Title {
    font-family: Kiwi Maru, serif;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
}


.adjust7_8-controls {
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
}
.adjust7_8-controls input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
#adjust7_8-btnload, #adjust7_8-btnlatest {
    padding:8px 12px; 
    border-radius:6px; 
    border:1px solid #bbb; 
    background:#f6f6f6; 
    cursor:pointer;
}
#adjust7_8-list-data-datetime {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 300;
}


.adjust7_8-list-data-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
#adjust7_8-listTable {
    width:95%;
    max-width: 1300px;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#adjust7_8-listTable th {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.85rem;
    font-weight: 300;
    word-break: break-word;
    white-space: normal;
}
#adjust7_8-listTable td {
    border:1px solid #ddd; 
    padding:6px 2px; 
    text-align:center; 
    font-size:0.85rem;
}
#adjust7_8-listTable thead th {
    background:#f2f2f2;
}
/* 調味液1_3情報画面
------------------------------------------------------------ */
.seasoning1_3-wrap {
    font-family: Kiwi Maru, serif;
    opacity: 0;
    
}
.seasoning1_3Title {
    font-family: Kiwi Maru, serif;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
}
.seasoningDropdown {
    display: inline-block;
    position: relative;
    z-index: 1000;
    
}
#seasoningToggleBtn {
    width: 160px;
    background-color: #dbeebb;
    box-shadow: 0 3px #aeeb68;
    color: #432;
    border-radius: 8px;
    padding: .3rem .5rem;
    margin:  0rem .2rem;
    position: relative;
    
}
#seasoningItems {
    
    display: flex ;
    flex-direction: column ;
    margin-top: 8px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 8px;
    background: #f9f9f9;
    position: absolute ;      
    top: 100% ;            
    left: 0;
    z-index: 9999 ;
}
#seasoningItems a {
    text-decoration: none;
    color: #333;
    padding: 4px 0;  
}
#seasoningItems a:hover {
    background-color: #92c4f0;
}
#seasoningItems.seasoningItemsHidden {
    display: none;
    
    
}

.seasoning1_3-controls {
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
}
.seasoning1_3-controls input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
#seasoning1_3-btnload, #seasoning1_3-btnlatest {
    padding:8px 12px; 
    border-radius:6px; 
    border:1px solid #bbb; 
    background:#f6f6f6; 
    cursor:pointer;
}
#seasoning1_3-list-data-datetime {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 300;
}


.seasoning1_3-list-data-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
#seasoning1_3-listTable {
    width:95%;
    max-width: 1300px;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#seasoning1_3-listTable th {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.85rem;
    font-weight: 300;
    word-break: break-word;
    white-space: normal;
}
#seasoning1_3-listTable td {
    border:1px solid #ddd; 
    padding:6px 2px; 
    text-align:center; 
    font-size:0.85rem;
}
#seasoning1_3-listTable thead th {
    background:#f2f2f2;
}
/* 調味液4_6情報画面
------------------------------------------------------------ */
.seasoning4_6-wrap {
    font-family: Kiwi Maru, serif;
    opacity: 0;
    
}
.seasoning4_6Title {
    font-family: Kiwi Maru, serif;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
}


.seasoning4_6-controls {
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
}
.seasoning4_6-controls input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
#seasoning4_6-btnload, #seasoning4_6-btnlatest {
    padding:8px 12px; 
    border-radius:6px; 
    border:1px solid #bbb; 
    background:#f6f6f6; 
    cursor:pointer;
}
#seasoning4_6-list-data-datetime {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 300;
}


.seasoning4_6-list-data-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
#seasoning4_6-listTable {
    width:95%;
    max-width: 1300px;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#seasoning4_6-listTable th {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.85rem;
    font-weight: 300;
    word-break: break-word;
    white-space: normal;
}
#seasoning4_6-listTable td {
    border:1px solid #ddd; 
    padding:6px 2px; 
    text-align:center; 
    font-size:0.85rem;
}
#seasoning4_6-listTable thead th {
    background:#f2f2f2;
}
/* 調味液7_8情報画面
------------------------------------------------------------ */
.seasoning7_8-wrap {
    font-family: Kiwi Maru, serif;
    opacity: 0;
    
}
.seasoning7_8Title {
    font-family: Kiwi Maru, serif;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
}


.seasoning7_8-controls {
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
}
.seasoning7_8-controls input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
#seasoning7_8-btnload, #seasoning7_8-btnlatest {
    padding:8px 12px; 
    border-radius:6px; 
    border:1px solid #bbb; 
    background:#f6f6f6; 
    cursor:pointer;
}
#seasoning7_8-list-data-datetime {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 300;
}


.seasoning7_8-list-data-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
#seasoning7_8-listTable {
    width:95%;
    max-width: 1300px;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#seasoning7_8-listTable th {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.85rem;
    font-weight: 300;
    word-break: break-word;
    white-space: normal;
}
#seasoning7_8-listTable td {
    border:1px solid #ddd; 
    padding:6px 2px; 
    text-align:center; 
    font-size:0.85rem;
}
#seasoning7_8-listTable thead th {
    background:#f2f2f2;
}
/* 過熱蒸気流量画面
------------------------------------------------------------ */
.steamHeatedVol-wrap {
    font-family: Kiwi Maru, serif;
    opacity: 0;
    
}
.steamHeatedVolTitle {
    font-family: Kiwi Maru, serif;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
}
.steamHeatedVol-controls {
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
}
.steamHeatedVol-controls input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
#steamHeatedVol-btnload, #steamHeatedVol-btnlatest {
    padding:8px 12px; 
    border-radius:6px; 
    border:1px solid #bbb; 
    background:#f6f6f6; 
    cursor:pointer;
}


#steamHeatedVol-plot {
    width: 95%; 
    max-width:1100px; 
    height:420px; 
    margin: 0 auto;
}
.steamHeatedVol-clicked-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
.steamHeatedVol-clicked-data ,.steamHeatedVol-list-data {
    max-width:1100px; 
    margin: 18px auto;
}
#steamHeatedVol-clicked-table {
    width:95%;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#steamHeatedVol-clicked-table th{
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.9rem;
    word-break: break-word;
    white-space: normal;
    font-weight: 300;
}
#steamHeatedVol-clicked-table td {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.9rem;
}
#steamHeatedVol-clicked-table thead th {
    background:#f2f2f2;
}
#steamHeatedVol-list-data-datetime {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 300;
}
.steamHeatedVol-list-data-title {
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}
#steamHeatedVol-listTable {
    width:95%;
    table-layout: fixed; 
    border-collapse:collapse; 
    background:#fff;
    margin: 0px auto;
}
#steamHeatedVol-listTable th {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.85rem;
    font-weight: 300;
    word-break: break-word;
    white-space: normal;
}
#steamHeatedVol-listTable td {
    border:1px solid #ddd; 
    padding:6px 8px; 
    text-align:center; 
    font-size:0.9rem;
}
#steamHeatedVol-listTable thead th {
    background:#f2f2f2;
}
/* 帳票出力画面
------------------------------------------------------------ */
.reportOutput-wrap {
    font-family: Kiwi Maru, serif;
    opacity: 0;
    
}
.reportOutput-Title {
    font-family: Kiwi Maru, serif;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
}
#reportOutput-start-title {
    font-family: Kiwi Maru, serif;
    text-align: center;
    font-weight: 300;
    font-size: 1.3rem;
    margin-top: 10px;
}
.reportOutput-controls-start {
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
}
.reportOutput-controls-start input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
.time-select-start-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0px;
  margin-left: 0px;
  position: relative;
  z-index: 50;
}
.time-display-start {
  padding: 6px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
  background: #fff;
}
.time-popup-start {
  position: absolute;
  left: 0;
  bottom: 100%;
  margin-bottom: 8px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  padding: 8px;
  display: none;
  z-index: 100;
}
.time-popup-start.show {
  display: flex;
  gap: 8px;
  align-items: center;
}
.tri-btn-start {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 36px;
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #f7f7f7;
}

#reportOutput-end-title {
    font-family: Kiwi Maru, serif;
    text-align: center;
    font-weight: 300;
    font-size: 1.3rem;
    margin-top: 10px;
}
.reportOutput-controls-end {
    display:flex; 
    gap:8px; 
    justify-content:center; 
    align-items:center; 
    margin:8px 0; 
    flex-wrap:wrap;
}
.reportOutput-controls-end input {
    padding:8px 10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
    width:140px;
    text-align: center;
}
.time-select-end-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0px;
  margin-left: 0px;
  position: relative;
  z-index: 50;
}
.time-display-end {
  padding: 6px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
  background: #fff;
}
.time-popup-end {
  position: absolute;
  left: 0;
  bottom: 100%;
  margin-bottom: 8px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  padding: 8px;
  display: none;
  z-index: 100;
}
.time-popup-end.show {
  display: flex;
  gap: 8px;
  align-items: center;
}
.tri-btn-end {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 36px;
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #f7f7f7;
}
#reportOutput-downloadBtn {
    text-align: center;
    font-family: Kiwi Maru, serif;
}

#reportOutput-download-btn {
  margin-top: 10px;
  padding: 8px 16px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  
}
#reportOutput-datetime_error{
    text-align: center;
    color: red;
}
#reportOutput-datetime_error_from_js{
    color: red;
    font-weight: 300;
    text-align: center;
}
#reportOutput-status {
    text-align: center;
    color: blue;
}
/* 画面幅が768px以下の時
------------------------------------------------------------ */
@media (max-width: 768px) {
    .containerLoginImg {
        max-height: 25svh;   /* ← スマホでは控えめに */
    }
}



/* 画面高さが500px以下の時
------------------------------------------------------------ */
@media (max-height: 550px) {

    .cover{
        min-height: 550px;
    }
    .containerLoginImg {
        bottom: 0;
    }


}
  /* 画面高さが700px以上の時
------------------------------------------------------------ */
@media (min-height: 700px) {
   
    .logDataArea {
        height: 72vh;
    }
    #alert-list {
       
        font-size: 1.3rem;
    }
    
}

/* 画面高さが700px以上、且つ画面横幅が700px以上の時
------------------------------------------------------------ */
@media (min-height: 700px) and (min-width: 700px) {
    
    /* === 共通 === */
    .time-display {
        font-size: 1.3rem;
        font-weight: 300;
    }
    .time-separate {
        font-size: 1.3rem;
        font-weight: 300;
    }
    .tri-up {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #hour-value {
        font-size: 1.3rem;
        font-weight: 300;
    }
    .tri-down {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #min-value {
        font-size: 1.3rem;
        font-weight: 300;
    }
    .no-data-message {
        font-size: 1.3rem;
    }
    #graphItems  {
        font-size: 1.3rem;
    }
    #machineItems  {
        font-size: 1.3rem;
    }
    /* === フッター === */
    
    .copyright {
        font-size: 1.5rem;
    }
    
    /* === ログイン画面 === */
    
    .loading {
        font-size: 2rem;
    }
    
    .acesystem p {
        font-size: 2.3rem;
    }
    .title {
        font-size: 3rem;
    }
    .loginForm  {
        font-size: 1.3rem;
    }
    .loginForm input[type="text"],
    .loginForm input[type="password"] {
        font-size: 1.5rem;      
    }

    input.idCheck[type="checkbox"] {
        transform: scale(1.5);
        display: inline-block;
        vertical-align: bottom;
        margin: 12px 5px;
    }
    
    /* === ヘッダー === */
    
    .page-header {
        height: 50px
    }
    .aceLogo {
        width: 210px;
        
    }
    .logOff {
        font-size: 1.4rem;
        height: auto;
        min-width: 120px;
    }
    .pageList {
        font-size: 1.4rem;
    }
    .pageList button {
        min-width: 170px;
        height: 44px;
    }
    .alert {
        width: 180px;
    }
    
    /* === 客先選択画面 === */
    
    .selectTitle {
        font-size: 2.2rem;
    }
    .selectCompanyRow {
        flex: 0 0 140px;
        width: 110px;
        height: 580px;
        font-size: 1.3rem;
    }
    
    .rowListArea {
        font-size: 1.3rem;
        margin-left: 20px;
        margin-right: 20px;
    }
    
    /* === ログリスト画面 === */
      
    .logListTitle {
        font-size: 2.3rem;
    }
    
    .productionVolumePage, .cameraPage, .graphPage, .logPage {
        width: 120px;
    }
    
    .CompanyTitle {
        font-size: 1.8rem;
        width: auto;
        text-align: center;
        margin-left: 3rem;
        margin-right: 3rem;
    }
    #loglistChangeBtn {
        width: 200px;
        text-align: center;
    }
    .logpage_cook-controls input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    #logpage_cook-list-date {
        font-size: 1.7rem;
    }
    .logpage_cook-list-date-title {
        font-size: 1.7rem;
    }
    #logpage_cook-todaybtnload {
        font-size: 1.3rem;
        font-weight: 300;
    }
    .logpage_feed-controls input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    #logpage_feed-list-date {
        font-size: 1.7rem;
    }
    .logpage_feed-list-date-title {
        font-size: 1.7rem;
    }
    #logpage_feed-todaybtnload {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #csv-list {
        font-size: 1.2rem;
        grid-template-columns: repeat(auto-fit, minmax(370px, 1fr));
    }
    #loglistChangeBtnComment {
        font-size: 1.3rem;
        
    }
    #downloadBtn {
        font-size: 1.7rem;
    }
    /* === アラーム履歴画面 === */
    
    .alerthistoryTitle {
        font-size: 2.3rem;
    }
    .alert-table th, .alert-table td {
        font-size: 1.3rem;
    }
    /* === カメラ画面 === */
    
    .cameraTitle {
        font-size: 2.5rem;
    }
    .video-controls {
        font-size: 1.3rem;
    }
    .video-status {
        font-size: 1.5rem;
    }
    /* === 生産量画面 === */
    
    .productVolTitle {
        font-size: 2.3rem;
    }
    .settings {
        font-size: 1.3rem;
    }
    .settings button, .date-selector button {
        font-size: 1.2rem;
    }
    .capacity-input0 ,.capacity-input1 ,.capacity-input2 {
        font-size: 1.3rem;
    }
    .capacity-input0 input {
        font-size: 1.3rem;
    }
    .capacity-input0 input {
        font-size: 1.3rem;
    }
    .capacity-input2 input{
        font-size: 1.3rem;
    }

    .capacity-input0 input[disabled] {
        font-size: 1.3rem;
    }
    .capacity-input1 input[disabled] {
        font-size: 1.3rem;
    }
    .capacity-input2 input[disabled] {
        font-size: 1.3rem;
    }
    .date-selector input {
        font-size: 1.3rem;
        width: 160px;
    }
    #productVol-download-btn {
        font-size: 1.3rem;
    }
    #productVol_download_error {
        font-size: 1.3rem;
    }
    
    #productVol_download-status {
        font-size: 1.3rem;
    }
    #summaryGraph {
        font-size: 1.3rem;
        margin: 30px auto;
    }
    
    /* === 加水流量画面 === */
    
    .graphWaterVolTitle {
        font-size: 2.3rem;    
    }
    .waterVol-controls input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    
    #waterVol-btnload {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #waterVol-btnlatest {
        font-size: 1.3rem;
        font-weight: 300;
    }
    .waterVol-clicked-title {
        font-size: 1.7rem;
    }
    #waterVol-clicked-table th {
        font-size: 1.3rem;
    }
    #waterVol-clicked-table td {
        font-size: 1.3rem;
    }
    #waterVol-list-data-datetime {
        font-size: 1.7rem;
    }
    .waterVol-list-data-title {
        font-size: 1.7rem;
    }
    #waterVol-listTable th {
        font-size: 1.3rem;
    }
    #waterVol-listTable td {
        font-size: 1.3rem;
    }
    
    /* === 蒸気室温度画面 === */
    
    .steamRoomTmpTitle {
        font-size: 2.3rem;    
    }
    .steamRoomTmp-controls input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    
    #steamRoomTmp-btnload {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #steamRoomTmp-btnlatest {
        font-size: 1.3rem;
        font-weight: 300;
    }
    .steamRoomTmp-clicked-title {
        font-size: 1.7rem;
    }
    #steamRoomTmp-clicked-table th {
        font-size: 1.3rem;
    }
    #steamRoomTmp-clicked-table td {
        font-size: 1.3rem;
    }
    #steamRoomTmp-list-data-datetime {
        font-size: 1.7rem;
    }
    .steamRoomTmp-list-data-title {
        font-size: 1.7rem;
    }
    #steamRoomTmp-listTable th {
        font-size: 1.3rem;
    }
    #steamRoomTmp-listTable td {
        font-size: 1.3rem;
    }

    /* === 過熱蒸気・加水温度画面 === */
    
    .superheatedSteamTmpTitle {
        font-size: 2.3rem;    
    }
    .superheatedSteamTmp-controls input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    
    #superheatedSteamTmp-btnload {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #superheatedSteamTmp-btnlatest {
        font-size: 1.3rem;
        font-weight: 300;
    }
    .superheatedSteamTmp-clicked-title {
        font-size: 1.7rem;
    }
    #superheatedSteamTmp-clicked-table th {
        font-size: 1.3rem;
    }
    #superheatedSteamTmp-clicked-table td {
        font-size: 1.3rem;
    }
    #superheatedSteamTmp-list-data-datetime {
        font-size: 1.7rem;
    }
    .superheatedSteamTmp-list-data-title {
        font-size: 1.7rem;
    }
    #superheatedSteamTmp-listTable th {
        font-size: 1.3rem;
    }
    #superheatedSteamTmp-listTable td {
        font-size: 1.3rem;
    }

    /* === ボイラー・飽和蒸気圧画面 === */
    
    .saturatedVaporPresTitle {
        font-size: 2.3rem;    
    }
    .saturatedVaporPres-controls input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    
    #saturatedVaporPres-btnload {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #saturatedVaporPres-btnlatest {
        font-size: 1.3rem;
        font-weight: 300;
    }
    .saturatedVaporPres-clicked-title {
        font-size: 1.7rem;
    }
    #saturatedVaporPres-clicked-table th {
        font-size: 1.3rem;
    }
    #saturatedVaporPres-clicked-table td {
        font-size: 1.3rem;
    }
    #saturatedVaporPres-list-data-datetime {
        font-size: 1.7rem;
    }
    .saturatedVaporPres-list-data-title {
        font-size: 1.7rem;
    }
    #saturatedVaporPres-listTable th {
        font-size: 1.3rem;
    }
    #saturatedVaporPres-listTable td {
        font-size: 1.3rem;
    }
    /* === 無浸漬送米画面 === */
    
    .nonSoakFeedTitle {
        font-size: 2.3rem;    
    }
    #feedToggleBtn {
        width: 220px;
        font-size: 1.3rem;
    }
    #feedItems {
        font-size: 1.3rem;
    }
    .nonSoakFeed-controls input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    
    #nonSoakFeed-btnload {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #nonSoakFeed-btnlatest {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #nonSoakFeed-list-data-datetime {
        font-size: 1.7rem;
    }
    .nonSoakFeed-list-data-title {
        font-size: 1.7rem;
    }
    #nonSoakFeed-listTable th {
        font-size: 1.3rem;
    }
    #nonSoakFeed-listTable td {
        font-size: 1.3rem;
    }

    /* === 浸漬タンク１画面 === */
    
    .soakTank1Title {
        font-size: 2.3rem;    
    }
    
    .soakTank1-controls input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    
    #soakTank1-btnload {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #soakTank1-btnlatest {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #soakTank1-list-data-datetime {
        font-size: 1.7rem;
    }
    .soakTank1-list-data-title {
        font-size: 1.7rem;
    }
    #soakTank1-listTable th {
        font-size: 1.3rem;
    }
    #soakTank1-listTable td {
        font-size: 1.3rem;
    }
    /* === 浸漬タンク２画面 === */
    
    .soakTank2Title {
        font-size: 2.3rem;    
    }
    
    .soakTank2-controls input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    
    #soakTank2-btnload {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #soakTank2-btnlatest {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #soakTank2-list-data-datetime {
        font-size: 1.7rem;
    }
    .soakTank2-list-data-title {
        font-size: 1.7rem;
    }
    #soakTank2-listTable th {
        font-size: 1.3rem;
    }
    #soakTank2-listTable td {
        font-size: 1.3rem;
    }
    /* === 浸漬タンク３画面 === */
    
    .soakTank3Title {
        font-size: 2.3rem;    
    }
    
    .soakTank3-controls input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    
    #soakTank3-btnload {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #soakTank3-btnlatest {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #soakTank3-list-data-datetime {
        font-size: 1.7rem;
    }
    .soakTank3-list-data-title {
        font-size: 1.7rem;
    }
    #soakTank3-listTable th {
        font-size: 1.3rem;
    }
    #soakTank3-listTable td {
        font-size: 1.3rem;
    }
    /* === 浸漬タンク４画面 === */
    
    .soakTank4Title {
        font-size: 2.3rem;    
    }
    
    .soakTank4-controls input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    
    #soakTank4-btnload {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #soakTank4-btnlatest {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #soakTank4-list-data-datetime {
        font-size: 1.7rem;
    }
    .soakTank4-list-data-title {
        font-size: 1.7rem;
    }
    #soakTank4-listTable th {
        font-size: 1.3rem;
    }
    #soakTank4-listTable td {
        font-size: 1.3rem;
    }

    /* === 調整剤1_3情報画面 === */
    
    .adjust1_3Title {
        font-size: 2.3rem;    
    }
    #adjustToggleBtn {
        width: 200px;
        font-size: 1.3rem;
    }
    #adjustItems {
        font-size: 1.3rem;
    }
    .adjust1_3-controls input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    
    #adjust1_3-btnload {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #adjust1_3-btnlatest {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #adjust1_3-list-data-datetime {
        font-size: 1.7rem;
    }
        
    .adjust1_3-list-data-title {
        font-size: 1.7rem;
    }
    #adjust1_3-listTable th {
        font-size: 1.3rem;
    }
    #adjust1_3-listTable td {
        font-size: 1.3rem;
    }
    /* === 調整剤4_6情報画面 === */
    
    .adjust4_6Title {
        font-size: 2.3rem;    
    }
    
    .adjust4_6-controls input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    
    #adjust4_6-btnload {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #adjust4_6-btnlatest {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #adjust4_6-list-data-datetime {
        font-size: 1.7rem;
    }
    .adjust4_6-list-data-title {
        font-size: 1.7rem;
    }
    #adjust4_6-listTable th {
        font-size: 1.3rem;
    }
    #adjust4_6-listTable td {
        font-size: 1.3rem;
    }
    /* === 調整剤7_8情報画面 === */
    
    .adjust7_8Title {
        font-size: 2.3rem;    
    }
    
    .adjust7_8-controls input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    
    #adjust7_8-btnload {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #adjust7_8-btnlatest {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #adjust7_8-list-data-datetime {
        font-size: 1.7rem;
    }
    .adjust7_8-list-data-title {
        font-size: 1.7rem;
    }
    #adjust7_8-listTable th {
        font-size: 1.3rem;
    }
    #adjust7_8-listTable td {
        font-size: 1.3rem;
    }
    /* === 調味液1_3情報画面 === */
    
    .seasoning1_3Title {
        font-size: 2.3rem;    
    }
    #seasoningToggleBtn {
        width: 200px;
        font-size: 1.3rem;
    }
    #seasoningItems {
        font-size: 1.3rem;
    }
    .seasoning1_3-controls input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    
    #seasoning1_3-btnload {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #seasoning1_3-btnlatest {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #seasoning1_3-list-data-datetime {
        font-size: 1.7rem;
    }
    .seasoning1_3-list-data-title {
        font-size: 1.7rem;
    }
    #seasoning1_3-listTable th {
        font-size: 1.3rem;
    }
    #seasoning1_3-listTable td {
        font-size: 1.3rem;
    }
    /* === 調味液4_6情報画面 === */
    
    .seasoning4_6Title {
        font-size: 2.3rem;    
    }
    
    .seasoning4_6-controls input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    
    #seasoning4_6-btnload {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #seasoning4_6-btnlatest {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #seasoning4_6-list-data-datetime {
        font-size: 1.7rem;
    }
    .seasoning4_6-list-data-title {
        font-size: 1.7rem;
    }
    #seasoning4_6-listTable th {
        font-size: 1.3rem;
    }
    #seasoning4_6-listTable td {
        font-size: 1.3rem;
    }
    /* === 調味液7_8情報画面 === */
    
    .seasoning7_8Title {
        font-size: 2.3rem;    
    }
    
    .seasoning7_8-controls input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    
    #seasoning7_8-btnload {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #seasoning7_8-btnlatest {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #seasoning7_8-list-data-datetime {
        font-size: 1.7rem;
    }
    .seasoning7_8-list-data-title {
        font-size: 1.7rem;
    }
    #seasoning7_8-listTable th {
        font-size: 1.3rem;
    }
    #seasoning7_8-listTable td {
        font-size: 1.3rem;
    }
    /* === 過熱蒸気流量画面 === */
    
    .steamHeatedVolTitle {
        font-size: 2.3rem;    
    }
    .steamHeatedVol-controls input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    
    #steamHeatedVol-btnload {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #steamHeatedVol-btnlatest {
        font-size: 1.3rem;
        font-weight: 300;
    }
    .steamHeatedVol-clicked-title {
        font-size: 1.7rem;
    }
    #steamHeatedVol-clicked-table th {
        font-size: 1.3rem;
    }
    #steamHeatedVol-clicked-table td {
        font-size: 1.3rem;
    }
    #steamHeatedVol-list-data-datetime {
        font-size: 1.7rem;
    }
    .steamHeatedVol-list-data-title {
        font-size: 1.7rem;
    }
    #steamHeatedVol-listTable th {
        font-size: 1.3rem;
    }
    #steamHeatedVol-listTable td {
        font-size: 1.3rem;
    }
    /* === 帳票出力画面 === */
    .reportOutput-Title {
        font-size: 2.3rem;    
    }
    #reportOutput-start-title {
        font-size: 1.8rem;
    }
    .reportOutput-controls-start input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    
    .time-display-start {
        font-size: 1.3rem;
        font-weight: 300;
    }
    
    #hour-value-start {
        font-size: 1.3rem;
        font-weight: 300;
    }
    
    #min-value-start {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #reportOutput-end-title {
        font-size: 1.8rem;
    }
    .reportOutput-controls-end input {
        font-size: 1.3rem;
        font-weight: 300;
        width: 160px;
        text-align: center;
    }
    .time-display-end {
        font-size: 1.3rem;
        font-weight: 300;
    }
    
    #hour-value-end {
        font-size: 1.3rem;
        font-weight: 300;
    }
    
    #min-value-end {
        font-size: 1.3rem;
        font-weight: 300;
    }
    #reportOutput-download-btn {
        font-size: 1.3rem;
    }
    #reportOutput-datetime_error{
        font-size: 1.3rem;
    }
    #reportOutput-datetime_error_from_js{
        font-size: 1.3rem;
    }
    #reportOutput-status{
        font-size: 1.3rem;
    }
    /* === カレンダー全体の拡大 === */
    .litepicker {
        font-size: 20px !important;   /* ← 全体の文字サイズ（ここを上げるとほぼ全体が大きく） */
        transform: scale(1.0);        /* ← 全体を1.2倍に拡大（好みで1.1～1.5くらい） */
        transform-origin: top left;   /* ← 拡大時の基準点を左上に固定 */
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.2);
        background-color: #fff;
        padding: 12px;
        min-width: 300px;
        left: 480px !important;
    }

    /* === 月・年ヘッダー === */
    .litepicker .month-item-header {
        font-size: 22px !important;  /* ← ヘッダー（例：2025年10月） */
        margin-bottom: 10px;
    }

    /* === 曜日（Sun, Mon...） === */
    .litepicker .container__days .day-of-week {
        font-size: 18px !important;  /* ← 曜日部分 */
        font-weight: bold;
        height: 36px;
        line-height: 36px;
    }

    /* === 日付セル（数字部分） === */
    .litepicker .day-item {
        width: 52px;          /* ← 日付セルの横幅 */
        height: 45px;         /* ← 日付セルの縦幅 */
        line-height: 45px;
        font-size: 18px;      /* ← 日付数字の文字サイズ */
        border-radius: 8px;
    }

    /* === 今日の日付 === */
    .litepicker .is-today {
        background-color: #ffe0b2 !important;
        font-weight: bold;
        border-radius: 50%;
    }

    /* === 選択中の日付 === */
    .litepicker .is-start-date,
    .litepicker .is-end-date {
        background-color: #2196f3 !important;
        color: white !important;
        border-radius: 50%;
    }
   
    .summary-table th, .summary-table td, .records-table th, .records-table td {
        font-size: 1.3rem;
    }
    #records-title {
        font-size: 2rem;
        margin-top: 30px;
    }
    .no-data {
        font-size: 1.3rem;
    }

    /* --- Plotly モードバーアイコン サイズ調整 --- */
    .js-plotly-plot .modebar-btn {
        transform: scale(1.4) !important;
        margin: 0 3px !important;
    }

    .js-plotly-plot .modebar-btn svg {
        width: 24px !important;
        height: 24px !important;
    }
}