/* style.css - 簡易例 */
body {
    font-family: sans-serif;
    margin: 20px;
    background-color: #fafafa;
  }


.wrapper {
  max-width: 800px;
  
  /* 自動的に中央寄せ */
  margin: 0 auto;
  
  /* 左右の内側余白 (スマホでも見やすく) */
  padding: 0 1rem; /* 1rem = ブラウザ既定文字サイズ程度 (16px) */
}

  
  h2 {
    color: #333;
  }
  
  .estimate-box {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 5px 0;
    background-color: #fff;
  }
  
  button {
    background-color: #008cba;
    border: none;
    color: #fff;
    padding: 8px 16px;
    cursor: pointer;
  }
  button:hover {
    background-color: #006f99;
  }
  
.box-1{
    padding: 15px;
   /*-- background-color: green;--*/
    color: #fff;

}

.box-2{
    padding: 15px;
    border: 1px solid #000;

}



/* そのほかクラス .estimate-box など必要に応じて */
.estimate-box {
  border: 1px solid #ccc;
  padding: 1rem;
  margin-bottom: 1rem;
}

/* 例: 削除済みの囲みを少し見やすく */
#deletedSection {
  border: 1px solid #ccc;
  margin: 5px;
  padding: 1rem;
}

/* ボタンやリンクのデザイン例 */
button {
  cursor: pointer;
  padding: 0.5rem 1rem;
  border: 1px solid #777;
  /*--background: #eee;--*/
}

/*---ダッシュボードなどのcss----*/



#nyuuryoku{ 
color: black; 
}


#zairyougenkahi{ 
background-color: aliceblue; 
   /*--lightcyan--*/
}

#seizouhannkannhi{
 background-color: lightyellow; 
}

#hannbaikannrihi{
 background-color: antiquewhite; 
}

#tohki-option{
    height:700px;
    margin-top: 30px;
}

#tohki-goukei{
    position: fixed;
    top: 5px;
    right: 5px;
    display: block;
    min-inline-size: min-content;
    margin-inline: 2px;
    border-width: 2px;
    border-style: groove;
    border-color: threedface;
    border-image: initial;
    padding-block: 0.35em 0.625em;
    padding-inline: 0.75em;
}

.formbox-0{ 
max-width: 60%;
float: none;
}


.formbox-1{ 
max-width: 50%;
float: left;
}


    .fixed-wage {
      position: fixed;
      right: 10px;
      bottom: 10px;
      background: #eee;
      border: 1px solid #ccc;
      padding: 5px 10px;
      font-weight: bold;
    }


/* 画像付きプリセットボタン用の軽い装飾 */
.preset-btn{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  padding:6px;
  margin:4px;
  border:1px solid #ccc;
  background:#fff;
  cursor:pointer;
  border-radius:6px;
  transition:box-shadow .2s;
}
.preset-btn:hover{
  box-shadow:0 0 6px rgba(0,0,0,.2);
}
.preset-btn img{
  width:80px;      /* サムネイルサイズはお好みで */
  height:80px;
  object-fit:cover;
  border-radius:4px;
}
.preset-btn span{
  font-size:.8rem;
}

/* 基本情報入力エリア */
#basic-info {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

#basic-info .client-name,
#basic-info .subject-field {
  display: flex;
  align-items: center;
}

#basic-info .subject-field {
  margin-left: 50px; /* 名前との間を広めに */
}

#basic-info .client-name span {
  margin-left: 4px;
}


/*--
a {
  color: #0055aa; 
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}
--*/