#goal_edit, #goal_save{
  height: 2rem;
}

#signup, #signin, #resist{
  text-align: center;
}


footer{
  background-color: #EEE;
  color: #333;
}


.link-img{
  width: 70px;
}

.bi{
  font-size: 2rem;
  color: #333;
}


.link-icon, #dish{
  text-align: center;
}

.logo-box{
  justify-content: center!important ;
}

#graph_area{
  width: 100%;
}

#dish img{
  width:100%;
}

.chat-icon{
  width: 3%;
}

.center-btn{
  text-align: center;
}

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2列 */
  grid-column-gap: 5%; /* 横間隔 */
  grid-row-gap: 5%; /* 縦間隔 */
}

.nav-link, .non-deco ,.hover-color{
	text-decoration: none;
  color:black;
}

.hover-color:hover{
background-color: #CCC;
  cursor : pointer;
}

.admin-footer-menu:hover {
	background-color: #CCC;
  cursor : pointer;
}

.dish-image-thum{
  width: 65px!important;
  height: 65px!important;
  border:1px solid #FFF;
  object-fit: cover;
}

.chat-image-thum{
  width: 60%!important;
  /* height: 65px!important; */
  border:1px solid #FFF;
  object-fit: cover;
}

.notion-icon{
  font-size: 20px;
  padding-right: 5px;
  /* height: 10px; */
  color: red;
}

.admin-color{
  background-color: #c8e6c9;
}

#dishImages img{
  height: 300px;
}

.delete-message{
  color: #dc3545;
  font-size: medium;
}

.comment, .chat{
  white-space: pre-wrap;
}

.change-date{
  color: #333333;
  font-size: medium;
}

.morning{
  color: #e4730a;
  font-size: medium;
}

.night{
  color: #f5e400;
  font-size: medium;
}
.change-date-night{
  color: #EEE;
  font-size: medium;
}

.table-night{
  background-color:#00008b ;
  color: #EEE;
}

@media (max-width: 576px) {
  .link-img {
     width: 40%;
     
  }
}