/* pru001.css                                  2023.08.08  */

body {text-align:center;
      margin:0px;
      padding:0px;
}

/* ヘッダー１　店舗名称の表示　  */

.h1{
 color:white;
 font-family:serif;
 font-weight: bold;
 font-size: 24px;
 text-align:center;
 vertical-align: middle;
 margin:-16px;
 Border:0px;
 padding-bottom:5px;
 display: grid;
 align-items: center;


 width:auto;
 height:60px;
   background:
    repeating-radial-gradient(
      circle at -1000% 0%,
      rgba(116, 77, 48, 0.7),
      #573216 7.5%,
      rgba(116, 77, 48, 0.9) 10%
    ),
    repeating-radial-gradient(
      circle at -1000% 0%,
      #573216,
      #573216 0.1%,
      #744d30 0.4%,
      #744d30 0.5%
    );
 
}

/* ヘッダー２　営業時間の表示　 */

.h2{
 color:white;
 font-family:sans-serif;
 font-weight: bold;
 font-size: 18px;
 text-align:center;
 vertical-align: middle;
 margin: 0px;
 Border:0px;
 padding-bottom:5px;
 display: grid;
 align-items: center;

 width:auto;
 height:40px;
   background:
    repeating-radial-gradient(
      circle at -1000% 0%,
      rgba(116, 77, 48, 0.7),
      #573216 7.5%,
      rgba(116, 77, 48, 0.9) 10%
    ),
    repeating-radial-gradient(
      circle at -1000% 0%,
      #573216,
      #573216 0.1%,
      #744d30 0.4%,
      #744d30 0.5%
    );
 
}

/* メッセージ１　現在時間の表示　 */

.m1{
   margin:0px;
   font-family:sans-serif;
   font-weight: bold;
   font-size: 18px;
   width:auto;
   height: 40px;
   background-color:white;
}

/* メッセージ２　ステータスの表示　 */

.m2{
   margin: 0px;
   width:auto;
   font-family:sans-serif;
   font-weight: bold;
   font-size: 27px;
   height: 60px;
   padding-top:12px;
   background-color:white;
}

/* メッセージ３　混雑度合い表示　 */

.m3{
   margin:0px;
   width:auto;
   font-size: 22px;
   font-family:sans-serif;
   font-weight: bold;
   height: 45px;
   padding-bottom:12px;
   background-color:white;
}

/* メッセージ４　混雑度合い注意の表示　 */

.m4{
   margin:0px;
   width:auto;
   font-size: 22px;
   font-family:sans-serif;
   font-weight: bold;
   height: 30px;
   padding-bottom:10px;
   background-color:white;
}

/* メッセージ５　次回営業日表題の表示　 */


.m5{
   margin: 0px;
   width:auto;
   font-size: 20px;
   font-family:sans-serif;
   font-weight: bold;
   height: 30px;
   padding-top:15px;
   background-color:lightcyan;
}

/* メッセージ６　特別メッセージの表示　 */

.m6{
   margin: 0px;
   width:auto;
   font-size: 18px;
   font-family:sans-serif;
   font-weight: bold;
   height: 70px;
   padding:10px;
   background-color:lightcyan;
}


/* スクイロール１　次回営業日の表示　 */


.s1{
  margin:0px;
  height: 300px;
  font-size: 20px;
  font-family:sans-serif;
  font-weight: bold;
  line-height: 1.0;
  overflow: auto;
  padding-top:10px;
  background-color:lightcyan;
}

/* フッター１　店舗メニューの表示　 */

.f1{
 color:white;
 font-family:sans-serif;
 font-weight: bold;
 font-size: 14px;
 text-align: left;
 margin:0px;
 Border:0px;
 padding-top:20px;
 width:auto;
 height:130px;
   background:
    repeating-radial-gradient(
      circle at -1000% 0%,
      rgba(116, 77, 48, 0.7),
      #573216 7.5%,
      rgba(116, 77, 48, 0.9) 10%
    ),
    repeating-radial-gradient(
      circle at -1000% 0%,
      #573216,
      #573216 0.1%,
      #744d30 0.4%,
      #744d30 0.5%
    );
 
}