.layoutc {
    width: 100% !important;
    border-collapse: collapse;
}
.layoutc th {
    padding: 3px;
    border: 1px #ccc solid;
    background-color: #cccccc;
}
.layoutc td {
    padding: 3px;
    border: 1px #ccc solid;
}
.layoutc td:first-child {
    text-align: center;
    background: #fbf5f5;
}
.layoutc td:last-child {
    white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .layoutc {
    width: 100%;
  }
  .layoutc .thead {
    display: none;
  }
  .layoutc tr {
    width: 100%;
  }
  .layoutc td {
    display: block;
    text-align: left;
    width: 100% !important;
    border: 0;
    font-size: 14px;
  }
  .layoutc td:first-child {
    background: #54ca84;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .layoutc td:last-child {
    text-align: right;
  }
 .layoutc td:last-child::before {
    content: "■食事：";
 }
}




.layoutd{
    width: 100% !important;
    border-collapse: collapse;
}
.layoutd th {
    padding: 5px;
    border: 1px #ccc solid;
    background-color: #cccccc;
}
.layoutd td {
    padding: 5px;
    border: 1px #ccc solid;
}
.layoutd td:first-child {
    background: #fbf5f5;
}


.layoutp{
    width: 100% !important;
    border-collapse: collapse;
}

.imgDiv{
  height: 227px;
  margin: 1px;
  width: 400px;
  background-repeat: no-repeat;
  background-size:cover;
}

.ul100 ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.ul100 li{
  list-style: none;
}
.ul100 img{
  margin: 1px;
  width: 350px;
}

.headImg{
  height: 250px;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}


.h24{
  font-size: 24px !important;
}
.r12{
  text-align: right;
  font-size: 12px;
}

.img100{
  margin: 1px;
}

.img100R{
  margin: 1px;
  border-radius: 20px;
}

@media screen and (max-width: 767px) {
.img100{
  width: 100% !important;
  height: auto;
}
.img100R{
  width: 100% !important;
  height: auto;
}

.ul100 ul {
  display:block;
  justify-content: center;
}
.imgDiv{
  width: 100%;
  height: 284px;
}

  .layoutd {
    width: 100%;
  }
  .layoutd .thead {
    display: none;
  }
  .layoutd tr {
    width: 100%;
  }
  .layoutd td {
    display: block;
    text-align: left;
    width: 100% !important;
    border: 0;
    font-size: 14px;
    padding: 5px;
  }
  .layoutd td:first-child {
    background: #54ca84;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }

  /* layout P */
  .layoutp {
    width: 100%;
  }
  .layoutp td {
    display: block;
    text-align: left;
    width: 100% !important;
    border: 0;
    font-size: 14px;
    padding: 5px;
  }



}