@media screen and (max-width: 766px) {
  section.event {
    margin-bottom: 30px; }
    section.event nav {
      display: none !important;
      position: relative;
      background: none;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 10px;
      padding-top: 10px; }
      section.event nav a {
        margin: 0 5px;
        width: auto;
        background: none;
        position: relative;
        display: block; }
        section.event nav a img {
          width: 100%;
          position: relative;
          display: block; }
    section.event ul.event_list {
      margin-bottom: 30px;
      padding-bottom: 30px;
      border-bottom: 5px solid #f5f1eb; }
    section.event .shop_news_list h3 {
      margin-bottom: 10px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-content: center;
      -moz-align-content: center;
      -ms-align-content: center;
      -o-align-content: center;
      align-content: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center; }
      section.event .shop_news_list h3 span {
        font-family: 'Contrail One', cursive;
        line-height: 1em;
        font-size: 2.5em; }
      section.event .shop_news_list h3 span:nth-of-type(1),
      section.event .shop_news_list h3 span:nth-of-type(5) {
        color: #86f293; }
      section.event .shop_news_list h3 span:nth-of-type(2),
      section.event .shop_news_list h3 span:nth-of-type(6) {
        color: #fdb722; }
      section.event .shop_news_list h3 span:nth-of-type(3),
      section.event .shop_news_list h3 span:nth-of-type(7) {
        color: #ff8467; }
      section.event .shop_news_list h3 span:nth-of-type(4),
      section.event .shop_news_list h3 span:nth-of-type(8) {
        color: #44a4f6; }
    section.event .shop_news_list h3 + p {
      text-align: center;
      margin-bottom: 10px;
      font-family: 'Noto Sans Japanese', sans-serif;
      font-size: 1.2em;
      position: relative; }
    section.event .shop_news_list ul:nth-of-type(1) {
      width: 100%;
      margin-bottom: 30px;
      border-top: 1px solid #ddd; }
      section.event .shop_news_list ul:nth-of-type(1) li {
        padding: 15px;
        border-bottom: 1px solid #ddd; }
        section.event .shop_news_list ul:nth-of-type(1) li span {
          letter-spacing: 0;
          color: #fff;
          text-align: center;
          background: #7cca85;
          display: inline-block;
          border-radius: 5px;
          font-size: 0.7em;
          letter-spacing: 0.1em;
          padding: 10px 10px 5px;
          margin-bottom: 5px;
          line-height: 1em; }
        section.event .shop_news_list ul:nth-of-type(1) li a {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-content: center;
          -moz-align-content: center;
          -ms-align-content: center;
          -o-align-content: center;
          align-content: center;
          font-size: 1.1em;
          letter-spacing: 0.1em; }
          section.event .shop_news_list ul:nth-of-type(1) li a br {
            display: none; }
      section.event .shop_news_list ul:nth-of-type(1) li:nth-of-type(odd) {
        background: #fafafa; }
      section.event .shop_news_list ul:nth-of-type(1) li:before {
        content: attr(data-text);
        display: block;
        margin-bottom: 5px;
        color: #999; } }