.bgcolor1{background-color :#03045E;
          color : white;}
.txcolor1{color : #03045E;}
.bgcolor2{background-color :#00B4D8;
          color : white;}
.bgcolor3{background-color :#90E0EF;
          color : white ;}
.bgcolor4{background-color :#CAF0F8;}


.bgcolor5{background-color :#874C62;}  
/* .bgcolor6{background-color :#7DCE13;}   
.bgcolor7{background-color :#5BB318;}   保育中 */
/* .bgcolor8{background-color :#2B7A0B;}   未来館 */
.bgcolor6{background-color :#F2D388;}   /* 未来館 */
.bgcolor7{background-color :#A7D2CB;}   /* 保育中 */
.bgcolor8{background-color :#C98474;
            color : black;}   /* 退館 */

.bgcolor9{background-color :#CAF0F8;
            color : #03045E ;
}

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

.checkboxlist {
	transform: scale(2);
	margin: 0 6px 0 0;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 600px; //例えば
}

.personal{
    display: inline-block;
    float: left;
    width : 45%;
    height : 93px;
    margin : 3px;
    font-size : 1.5rem;
    font-weight: bold;
    border-radius: 3px;
    color : white;
}

.personalc{
    display: inline-block;
    float: left;
    width : 30%;
    height : 57px;
    margin : 3px;
    padding : 5px 5px 0 5px;
    font-size : 1.5rem;
    font-weight: bold;
    border-radius: 3px;
    color : white;
    line-height: 100%;
}

.textalleft{
    text-align : left;
}

.textalright{
    text-align: right;
}
.yes p{
    color : white;
    font-size : 1rem;
    margin : 0 0 0 5px;
}

.shooltitol{
    display: inline-block;
    float: left;
    width : 91%;
    height : 20px;
    margin : 3px;
    border-radius: 3px;
    color : white;
}

.ccc{    
    display: inline-block;
    float: left;
    height : 100%;
    width : 33%;
}

.smallfont{
    font-size : 1.5rem;
    font-weight: 200;
}

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

.button {
    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

}

.button:hover {
  color         : #4F9F83;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}


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


.bg-minecolor { background-color : #00B4D8; }
.btn-minecolor { 
    color : white;
    background-color : #00B4D8;
    border-color: #00B4D8;
     }
.btn-minecolor:hover {
  color: white;
  background-color: #5bae91;
  border-color: #5bae91;
}


.pt-6{
    padding-top: 6rem;
}



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

/* CSSコード */
.header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  /* background: #fff; */
  position: relative;
}

.logo {
  font-size: 24px;
}

/* ここから下がハンバーガーメニューに関するCSS */
  
/* チェックボックスを非表示にする */
.drawer_hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer_open {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 20px;
  z-index: 100;/* 重なり順を一番上にする */
  cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #333;
  transition: 0.5s;
  position: absolute;
}

/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
  bottom: 8px;
}

/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
  top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer_input:checked ~ .drawer_open span::after {
  top: 0;
  transform: rotate(-45deg);
}
  
/* メニューのデザイン*/
.nav_content {
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 100%;
  left: 0%; /* メニューを画面の外に飛ばす */
  z-index: 99;
  /* background: rgb(110, 110, 110); */
  transition: .5s;
  text-align: center;
  padding-top: 20px;
}

/* メニュー黒ポチを消す */
.nav_list {
  list-style: none;
}

.nav_item a {
  color: #fff;
  text-decoration: none;
  font-size : 2rem;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content {
  bottom: 0;/* メニューを画面に入れる */
  
}


.showtable1{  
    text-align: center;
    width : auto;
    max-width : 540px;
    margin : auto;
    padding : 0;

}