@media screen and (min-width: 580px) {
  #container main #hero {
    background-size: 580px;
    background-position: center -130px;
  }
  #container main #hero #hero_inner {
    max-width: 580px;
  }
  #container #spmenu #menuinner #ulmenu {
    gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    grid-auto-rows: 170px;
  }
  #container #spmenu #menuinner #ulmenu li a figure {
    box-shadow: 3px 3px 6px #d197a3, -3px -3px 6px #ffcddd;
    transition: all 0.3s;
  }
  #container #spmenu #menuinner #ulmenu li a p {
    margin-top: 0.3em;
  }
  #container #spmenu #menuinner #ulmenu li a p.full {
    display: block;
  }
  #container #spmenu #menuinner #ulmenu li a p.omission {
    display: none;
  }
  #container #spmenu #menuinner #ulmenu li a:hover {
    transform: scale(1.1);
  }
  #container #spmenu #menuinner #ulmenu li a:hover figure {
    background: #466eb9;
    box-shadow: 3px 3px 6px #d197a3, -3px -3px 6px #ffcddd;
  }
}/*# sourceMappingURL=desktop.css.map */