/* set padding for iOS7 status bar */
body{
  background-color: #d8c8d4;
  overscroll-behavior-y: none;

  input[type="time"]:focus {
    outline: none;
   border:5px solid #ff0;
   }

   input[type="text"]:focus {
    outline: none;
   border:5px solid #ff0;
   }

   input[type="number"]:focus {
    outline: none;
   border:5px solid #ff0;
   }
   input[type="password"]:focus {
    outline: none;
   border:5px solid #ff0;
   }
   


   input:hover{
    border: 2px #0000ff solid;
  }
 

}

a{
  font-size: 20px;
}

.button{
  height:40px;
  width: 300px;
  font-size: 25px;
  }


.button1{
  height:30px;
  width: 100px;
  font-size: 110%;
  }
  .meisaikara {
    border-color:  #ffff00;
  }
  
   .blinking{
    color:   #ff0000;
    -webkit-animation:blink 1.5s ease-in-out infinite alternate;
      -moz-animation:blink 1.5s ease-in-out infinite alternate;
      animation:blink 1.5s ease-in-out infinite alternate;
  }
  @-webkit-keyframes blink {
    0% {opacity: 0;}
    100% {opacity: 1;}
  }
  @keyframes blink {
    0% {opacity: 0;}
    100% {opacity: 1;}
  }

  p {
    width: 300px; /* ボックスの横幅を指定する */
    font-size: 10px; /* フォントのサイズを指定する */
    line-height: 15px; /* 行の高さを指定する */
    }

    .ookiku {
      width: 100px;
      font-size: 20px;
      text-align: center;
      background-color: rgb(244, 248, 127) ;  
    }

    .ookiku2 {
      width: 100px;
      font-size: 20px;
      text-align: center;
    }

     .ookiku3 {
      height:30px;
      width: 100px;
      font-size: 20px;
      text-align: center;
    }

 input[type="submit"] {

    height:40px;
    width: 300px;
    font-size: 25px;
   
    display: inline-block;
      /*padding: 15px 0px;*/
      text-align: center;
    background-color: #f7e28b;
      border: 1px solid #4b3d02;
      border-radius: 5px;
      text-decoration: none;
      cursor: pointer;
      transition: margin-right 2s; 
  }

  .naka { text-align: center;
  }

  .meal-table{
    overflow: scroll; /* スクロールする */
    white-space: nowrap; /* 自動改行しない */
    width: 350px;
    height: 500px;
    border: 1px solid rgb(0, 0, 0);
    padding: 3px;
    box-sizing: border-box;
  }

  .zmapbb{
    width: 20px;
    height: 20px;

  }

 