@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);
}

/* ====================================== */
/* delipicks */
/* ====================================== */
#delipicks .backImg {
  background-image: url(/image/delipicks/bg.webp);
  opacity: 0.1;
}

.delipicksBox {
  background-image: url(/image/delipicks/deli.webp);
}

#delipicks .report h2 {
  color: var(--deli-delicolor);
  border-bottom: 2px var(--deli-delicolor) solid;
}

#delipicks .report h3 {
  background-color: var(--deli-delicolor);
}

/* ado */
.afb_ado300 {
  width: 300px;
  height: 250px;
  object-fit: contain;
  margin: 32px auto 24px;
  box-shadow: var(--box-shadow);
  transition: 0.3s;
}

@media (hover: hover) and (pointer: fine) {

  .afb_ado300 a :hover {
    opacity: 0.5;
    transition: 0.3s;
  }
}