/* -------------------------------
   Filename: static/style.css
   -------------------------------
   シンプルな和風系色合いに少しだけ寄せた例
*/

body {
    margin: 0;
    padding: 0;
    background-color: #f7f4ed; /* 薄い和紙っぽい背景色 */
    color: #333;
    font-family: 'Noto Sans JP', sans-serif;
  }
  
  header, footer {
    background-color: #fff5e6;
    padding: 10px;
    text-align: center;
  }
  
  .container {
    max-width: 800px;
    margin: 0 auto;
    background-color: #ffffffcc; /* ほんの少し透かして紙感を出す */
    padding: 20px;
    margin-top: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
  }
  
  h1, h2, h3 {
    color: #8c4f2b; /* 茶系 */
  }
  
  a {
    color: #8c4f2b;
    text-decoration: none;
  }
  a:hover {
    text-decoration: underline;
  }
  
  label {
    display: inline-block;
    margin: 5px 0;
  }
  
  input[type="text"],
  input[type="number"],
  select {
    padding: 5px;
    margin: 5px 0;
    border: 1px solid #ccc;
    width: 200px;
  }
  
  button {
    background-color: #8c4f2b;
    border: none;
    color: #fff;
    padding: 8px 16px;
    cursor: pointer;
  }
  button:hover {
    background-color: #733f22;
  }
  
  ul {
    list-style-type: none;
    padding-left: 0;
  }
  
  hr {
    border: 0;
    height: 1px;
    background: #ddd;
  }
  
  .flash-messages li {
    margin: 5px 0;
    padding: 5px;
  }
  .flash-messages li[style*="color: red"] {
    background-color: #ffecec;
  }
  .flash-messages li[style*="color: green"] {
    background-color: #ecffec;
  }