/* First Type  */
/*
.color01{ background-color: tan; }
.color02{ background-color: pink; }
.color03{ background-color: springgreen; 
.color04{ background-color: red; }
.color05{ background-color: yellow; }
*/


/* https://colorhunt.co/
pink : #FFF5E4 #FFC4C4 #EE6983 #850E35   */
/*
 .color01{ background-color: #FFF5E4 ; }
.color02{ background-color: #FFC4C4; }
.color03{ background-color: #EE6983; } */

/* #B7C4CF #EEE3CB #D7C0AE #967E76  */
/*
.color01{ background-color: #B7C4CF ; }
.color02{ background-color: #967E76; }
.color03{ background-color: #D7C0AE; } */


/* worm #411530 #D1512D #F5C7A9 #F5E8E4 */
/*
.color01{ background-color: #F5E8E4 ; }
.color02{ background-color: #D1512D; }
.color03{ background-color: #F5C7A9; } */

/* https://www.schemecolor.com/
Ganesh Idol Color Scheme
Misty Rose (#FFE2DA), Melon (#FEC4B9), Congo Pink (#FF8F7D), Sunset Orange (#F76150), Rusty Red (#D5273E) and Dandelion (#F2EA30) */
/*
.color01{ background-color: #F76150 ; }
.color02{ background-color: #F2EA30; }
.color03{ background-color: #FF8F7D; } */

/* Hula Dancer Color Scheme
Shiny Shamrock (#4F9F83), Dollar Bill (#94B35E), Crayola's Orange-Yellow (#F0C567), 
Jasper Orange (#E28B4F), Terra Cotta (#DE625F) and Rose Quartz Pink (#AC5893). */
.color01{ background-color: #94B35E; }
.color02{ background-color: #F0C567; }
.color03{ background-color: #E28B4F; }
.colorcancel { background-color: #4F9F83; }
.colorextra { background-color: #AC5893; }
.colorgosui { background-color: #94B35E; }
.coloryasumi {background-color: #e60a0a; color : white; }
.stcolor0{
    background-color: #AC5893 ;/**/
    font-weight : bold;
    color : white;
}

.stcolor1{
    background-color: #4F9F83 ; /*yellow*/
    font-weight : bold;
    color : white;
}


.bg-minecolor { background-color : #4F9F83; }
.btn-minecolor { 
    color : white;
    background-color : #4F9F83;
  border-color: #4F9F83;
     }
.btn-minecolor:hover {
  color: white;
  background-color: #5bae91;
  border-color: #5bae91;
}
/*==================================================*/

a {
    color : midnightblue;
    text-decoration : none;
}
a:hover{
    font-weight: bold;
}

.button {
  display       : inline-block;
  border-radius : 50%;          /* 角丸       */
  font-size     : 1em;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #4F9F83;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #4F9F83;    /* 枠の指定 */
}
.button:hover {
  color         : #4F9F83;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}



.sss{
    width : 100%;
    clear : none;
}

.smalltitol{
    display: inline-block;
    float: left;
    width : 30%;
    /* width : 150px; */
    max-width : 150px;
    height : 30px;
    /* background-color: yellow; */
    /* margin : 3px; */
    margin : 1px 1px 1px 1px;
    padding-top : 4px;
    border-radius : 3px;
    font-weight : bold;
    text-align : center;
    border-radius : 3px;
    padding-top :4px
}


.cb{
  /* floatを解除 */
  clear: both;
}

.personala{
    display: inline-block;
    float: left;
    /* width : 245px; */
    width : 45%;
    max-width: 250px;
    height : 300px;
    margin :5px;
    border-radius : 3px;
}

.yes{
    display: inline-block;
    float: right;
    text-align: right;
    /* width : 230px; */
    width : 95%;
    height : 100px;
    font-size: 4em;
    font-weight: bold;
    color : white;
    /* background-color : skyblue; */
    margin :8px ;
    border-radius : 5px;
}

.todayreport{
    display: inline-block;
    float: left;
    max-width : 500px;
    width : 90%;
    margin : 0;
    padding :10px 10px 10px 25px ;
    margin :5px;
    border-radius : 5px;

}
.datainput{
    display: inline-block;
    float: left;
    max-width : 500px;
    width : 90%;
    /* height : 360px; */
    margin :5px;
    border-radius : 10px;

}

.textareabox{
    display: inline-block;
    float: left;
    max-width : 500px;
    width : 90%;
    /* height : 360px; */
    margin :5px;
    padding :5px;
    border-radius : 10px;


}

.textbox{

  width : 95%;
  height : 50px;
  margin : auto;

}

.yess{
    display: inline-block;
    float: right;
    text-align: left;
    /* width : 480px; */
    width : 100%;
    height : 120px;
    font-size: 4em;
    border : 0;
    font-weight: bold;
    color : white;
    /* background-color : skyblue; */
    padding :8px ;
    border-radius : 5px;
      opacity: 0.1;
}

#buttonp {
    display: inline-block;
    float: right;
    text-align: left;
    width : 100%;
    height : 120px;
    font-size: 4em;
    border : 0;
    font-weight: bold;
    color : white;
    padding :8px ;
    border-radius : 5px;
    opacity: 1;
}
#buttonp:disabled {opacity: 0.1; }

.gosui{
    display: inline-block;
    float: right;
    text-align: left;
    width : 100%;
    /* height : 80px; */
    font-size: 3em;
    font-weight: bold;
    color : white;
    padding :8px ;
    border-radius : 5px;
}

.cancels{
    display: inline-block;
    float: right;
    text-align: right;
    width : 70%;
    font-size: 3em;
    font-weight: bold;
    color : white;
    margin : 0 0 0 0;
    padding : 0 3% 0 0;
    border-radius : 5px;
}

.sendingtext{
    display: inline-block;
    float: left;
    text-align: right;
    width : 100%;
    font-size: 3em;
    font-weight: bold;
    color : white;
    margin : 0 0 0 0;
    padding : 0 0 0 0;
    border-radius : 5px;
    border : none;
}

.extra{
    display: inline-block;
    float: left;
    text-align: right;
    width : 30%;
    font-size: 3em;
    font-weight: bold;
    color : white;
    margin : 0 0 0 0;
    padding : 0 3% 0 0;
    border-radius : 5px;
}

.personalb{
    max-width : 450px;
    width : 100%;
    display: inline-block;
    float: left;
}

.prntd td{
    width :20%;
}


.ooosa td{
  margin : 5px 0 0 0;
  width : 50px;
}


/* 印刷時 */
@media print{
 
#contents #leftContents,
#contents #rightContents{
	display:table-cell;
	vertical-align:top;
	float:none;
}
#contents #rightContents p{
	page-break-after:always !important;
}
 
}
.page-break-after   {
    page-break-after:always
}

/*==================================================*/

/* Google Fonts 読み込み */
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");

/* 全体を囲うコンテナー */
.container2 {
  width: 100%;
  /* height: 100vh; */
  background-color: #214700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* 時計の共通スタイル */
.clock {
  /* font-family: 'Share Tech Mono', monospace;
  color: #daf6ff; */
  /* text-shadow: 0 0 20px #0aafe6; */
    color : white;
  line-height: 1;
  /* text-align: center; */
}

/* 日付のスタイル */
/* .clock-date {
  font-size: 25px;
} */

/* 時間のスタイル */
/* .clock-time {
  font-size: 25px;
} */

/* 文字サイズ調整 */
/* @media screen and (max-width: 500px) {
  .clock-time {
    font-size: 20px;
  }
} */


.health{ 
    display: inline-block;
    float: left;
    width : 98%;
  margin : 0px 0 20px 5px;
  font-size : 1.4em;

}



.list1{
    margin : 0;
    padding : 0;
    font-weight : bold;
}

.textline{
    max-width: 450px;
    width : 85%;

}