@media print, screen and (min-width: 767px) {
  .detail {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto 45px;
    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-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative; }
    .detail .shop_name {
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
      -o-justify-content: flex-start;
      justify-content: flex-start; }
      .detail .shop_name figure {
        margin-right: 30px;
        width: 12.5%;
        position: relative; }
        .detail .shop_name figure img {
          max-width: 200px;
          width: 100%; }
      .detail .shop_name div p {
        font-size: 1.2em;
        font-family: 'Noto Sans Japanese', sans-serif;
        margin-bottom: 10px; }
      .detail .shop_name div h2 {
        font-size: 2.25em;
        font-weight: bold;
        font-family: 'Noto Sans Japanese', sans-serif; }

  section.info {
    background: #fff;
    padding: 45px;
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 3px 3px rgba(106, 91, 86, 0.1);
    -moz-box-shadow: 0px 0px 3px 3px rgba(106, 91, 86, 0.1);
    -ms-box-shadow: 0px 0px 3px 3px rgba(106, 91, 86, 0.1);
    -o-box-shadow: 0px 0px 3px 3px rgba(106, 91, 86, 0.1);
    box-shadow: 0px 0px 3px 3px rgba(106, 91, 86, 0.1);
    margin-bottom: 60px; }
    section.info 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.info h3 span {
        font-family: 'Contrail One', cursive;
        line-height: 1em;
        font-size: 3em; }
      section.info h3 span:nth-of-type(1),
      section.info h3 span:nth-of-type(5) {
        color: #86f293; }
      section.info h3 span:nth-of-type(2),
      section.info h3 span:nth-of-type(6) {
        color: #fdb722; }
      section.info h3 span:nth-of-type(3),
      section.info h3 span:nth-of-type(7) {
        color: #ff8467; }
      section.info h3 span:nth-of-type(4),
      section.info h3 span:nth-of-type(8) {
        color: #44a4f6; }
    section.info h3:before {
      content: url(../../image/charactor/img22.png);
      margin: 0 20px; }
    section.info h3:after {
      content: url(../../image/charactor/img22.png);
      margin: 0 20px; }
    section.info h3 + p {
      text-align: center;
      margin-bottom: 35px;
      font-family: 'Noto Sans Japanese', sans-serif;
      font-size: 1.2em;
      position: relative;
      top: -10px; }
    section.info ul:nth-of-type(1) {
      width: 100%;
      margin-bottom: 30px;
      border-top: 1px solid #ddd; }
      section.info ul:nth-of-type(1) li {
        padding: 15px;
        border-bottom: 1px solid #ddd; }
        section.info 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.info ul:nth-of-type(1) li a br {
            display: none; }
        section.info ul:nth-of-type(1) li a:before {
          content: url(../../image/charactor/arrow.jpg);
          margin-right: 10px; }
      section.info ul:nth-of-type(1) li:nth-of-type(odd) {
        background: #fafafa; }
      section.info ul:nth-of-type(1) li:before {
        content: attr(data-text);
        display: block;
        margin-bottom: 5px;
        color: #999; }
    section.info ul.pagenation {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center; }
      section.info ul.pagenation a {
        display: block;
        margin: 0 15px;
        background: #f5f1eb;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        color: #43312d;
        text-align: center;
        line-height: 30px;
        font-size: 1em;
        text-decoration: none; }
      section.info ul.pagenation a:hover,
      section.info ul.pagenation a.current {
        color: #fff;
        background: #fb9c83;
        text-decoration: none; }
      section.info ul.pagenation a.back,
      section.info ul.pagenation a.next {
        white-space: nowrap;
        width: auto;
        padding: 0 10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
      section.info ul.pagenation a.back:before {
        content: url(../../image/event/common/button_arrow_back.png);
        display: block;
        margin-right: 10px;
        position: relative;
        top: 3px; }
      section.info ul.pagenation a.next:after {
        content: url(../../image/event/common/button_arrow_next.png);
        display: block;
        margin-left: 10px;
        position: relative;
        top: 3px; }
      section.info ul.pagenation a.back:hover:before {
        content: url(../../image/event/common/button_arrow_back_hover.png); }
      section.info ul.pagenation a.next:hover:after {
        content: url(../../image/event/common/button_arrow_next_hover.png); } }