@charset "utf-8";

:root {
  --deli-commoncolor: #171717;
  --deli-maincolor: #f36440;
  --deli-subcolor: #fff537;
  --deli-backcolor: #fcf8b7;
  --deli-oisixcolor: #006d32;
  --deli-noshcolor: #5db534;
  --deli-greencolor: #009781;
  --deli-radishcolor: #0f4f3d;
  --deli-fitdishcolor: #ee5121;
  --deli-delicolor: #c4305c;
  --deli-tsukuriokicolor: #f5732d;
  --deli-moviecolor: #7f0019;
  --box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
}

#deli-oisix .backImg {
  background-image: url(/image/deli-oisix/deli-oisix-bg.webp);
  opacity: 0.5;
}

.deli-oisixBox {
  background-image: url(/image/deli-oisix/table_chikin.webp);
}

#deli-oisix .report h3 {
  background-color: var(--deli-oisixcolor);
}

#deli-oisix .pickupTtl {
  color: var(--deli-oisixcolor);
  font-size: 20px;
}

#deli-oisix .pickupTtl:before,
#deli-oisix .pickupTtl:after {
  background-color: var(--deli-oisixcolor)
}

#deli-oisix .table__wrap {
  width: 100%;
  overflow-x: scroll;
}

#deli-oisix table {
  width: 100%;
  border-collapse: collapse;
  line-height: 1.5;
}

#deli-oisix table tr th {
  text-align: center;
  vertical-align: middle;
}

#deli-oisix table .writing-rl {
  writing-mode: vertical-rl;
}

#deli-oisix .tenkabutsu-th th {
  background: #ecc258;
}

#deli-oisix #hikaku table span {
  font-size: 14px;
}

@media only screen and (max-width: 1050px) {

  #deli-oisix #tenkabutsu table {
    min-width: 480px;
  }

  #deli-oisix table th {
    font-size: 16px;
  }

  #deli-oisix table .writing-rl {
    writing-mode: horizontal-tb;
    text-orientation: upright;
  }
}