#anpanman .header_anpanman {
  width: 96%;
  max-width: 1540px;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    #anpanman .header_anpanman {
      width: 94%;
      padding: 4% 0 3%;
      flex-wrap: wrap; } }
  #anpanman .header_anpanman:after,
  #anpanman .header_anpanman ul:after {
    display: none; }
  #anpanman .header_anpanman h1 {
    width: 27%;
    max-width: 332px; }
    @media screen and (max-width: 768px) {
      #anpanman .header_anpanman h1 {
        width: 60%; } }
    #anpanman .header_anpanman h1 img {
      width: 100%; }
  #anpanman .header_anpanman nav {
    width: 58%;
    max-width: 714px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      #anpanman .header_anpanman nav {
        width: 100%; } }
    #anpanman .header_anpanman nav .menu {
      width: 100%;
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 768px) {
        #anpanman .header_anpanman nav .menu {
          width: 100%;
          margin-top: 4%; } }
      #anpanman .header_anpanman nav .menu li {
        width: 24%;
        border-radius: 20px; }
        @media screen and (max-width: 768px) {
          #anpanman .header_anpanman nav .menu li {
            border-radius: 1.5vw; } }
        #anpanman .header_anpanman nav .menu li:nth-child(1) {
          background-color: #e50012; }
          @media screen and (min-width: 769px) {
            #anpanman .header_anpanman nav .menu li:nth-child(1) a img {
              margin-right: 30%; } }
        #anpanman .header_anpanman nav .menu li:nth-child(2) {
          background-color: #ff5300; }
          @media screen and (min-width: 769px) {
            #anpanman .header_anpanman nav .menu li:nth-child(2) a img {
              margin-right: 15%; } }
        #anpanman .header_anpanman nav .menu li:nth-child(3) {
          background-color: #00b875; }
        #anpanman .header_anpanman nav .menu li:nth-child(4) {
          background-color: #9686d7; }
        #anpanman .header_anpanman nav .menu li a {
          padding: 19px 0;
          position: relative; }
          @media screen and (max-width: 768px) {
            #anpanman .header_anpanman nav .menu li a {
              padding: 2vw 0 1.5vw; } }
          #anpanman .header_anpanman nav .menu li a:before {
            content: "";
            width: 13%;
            height: 100%;
            background: url(../img/icon_star.png) no-repeat;
            background-size: 100%;
            background-position: center;
            position: absolute;
            top: 0;
            left: 10px; }
            @media screen and (min-width: 769px) {
              #anpanman .header_anpanman nav .menu li a:before {
                max-width: 22px; } }
            @media screen and (max-width: 768px) {
              #anpanman .header_anpanman nav .menu li a:before {
                width: 100%;
                height: 4vw;
                background-image: url(../img/icon_star_sp.png);
                background-size: auto 100%;
                position: static;
                display: block;
                margin-bottom: 0.5vw; } }
          #anpanman .header_anpanman nav .menu li a img {
            height: 2.5vw;
            margin: 0 12% 0 auto; }
            @media screen and (min-width: 769px) {
              #anpanman .header_anpanman nav .menu li a img {
                max-height: 32px;
                min-height: 25px; } }
            @media screen and (max-width: 768px) {
              #anpanman .header_anpanman nav .menu li a img {
                height: 5.5vw;
                margin: 0 auto; } }
        #anpanman .header_anpanman nav .menu li.active {
          border-radius: 20px 20px 0 0;
          margin: 10px 0 -10px; }
          @media screen and (max-width: 768px) {
            #anpanman .header_anpanman nav .menu li.active {
              border-radius: 3vw 3vw 0 0;
              margin: 3vw 0 -3vw; } }
          #anpanman .header_anpanman nav .menu li.active a {
            overflow: hidden; }
            #anpanman .header_anpanman nav .menu li.active a:after {
              content: "";
              width: 100%;
              height: 10%;
              box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
              position: absolute;
              bottom: -10%;
              left: 0;
              pointer-events: none; }

/*# sourceMappingURL=header.css.map */