@media screen and (max-width: 766px) {
  .detail {
    width: 90%;
    margin: 0 auto 30px;
    position: relative; }
    .detail .shop_name {
      width: 100%;
      margin-bottom: 30px;
      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: 10px;
        width: 15%;
        position: relative; }
        .detail .shop_name figure img {
          width: 100%; }
      .detail .shop_name div p {
        font-size: 1em;
        font-family: 'Noto Sans Japanese', sans-serif;
        margin-bottom: 10px; }
      .detail .shop_name div h2 {
        font-size: 2em;
        font-weight: bold;
        font-family: 'Noto Sans Japanese', sans-serif; }

  section.recruit {
    background: #fff;
    padding: 15px;
    width: 90%;
    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.recruit 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.recruit h3 span {
        font-family: 'Contrail One', cursive;
        line-height: 1em;
        font-size: 2.5em; }
      section.recruit h3 span:nth-of-type(1),
      section.recruit h3 span:nth-of-type(5) {
        color: #86f293; }
      section.recruit h3 span:nth-of-type(2),
      section.recruit h3 span:nth-of-type(6) {
        color: #fdb722; }
      section.recruit h3 span:nth-of-type(3),
      section.recruit h3 span:nth-of-type(7) {
        color: #ff8467; }
      section.recruit h3 span:nth-of-type(4),
      section.recruit h3 span:nth-of-type(8) {
        color: #44a4f6; }
    section.recruit h3 + p {
      text-align: center;
      margin-bottom: 10px;
      font-family: 'Noto Sans Japanese', sans-serif;
      font-size: 1.2em;
      position: relative; }
    section.recruit ul:nth-of-type(1) {
      width: 100%;
      margin-bottom: 30px;
      border-top: 1px solid #ddd; }
      section.recruit ul:nth-of-type(1) li {
        padding: 15px;
        border-bottom: 1px solid #ddd; }
        section.recruit 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.recruit ul:nth-of-type(1) li a br {
            display: none; }
      section.recruit ul:nth-of-type(1) li:nth-of-type(odd) {
        background: #fafafa; }
      section.recruit ul:nth-of-type(1) li:before {
        content: attr(data-text);
        display: block;
        margin-bottom: 5px;
        color: #999; }
    section.recruit 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.recruit ul.pagenation a {
        display: block;
        margin: 0 10px;
        background: #f5f1eb;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        color: #43312d;
        text-align: center;
        line-height: 30px;
        font-size: 0.9em;
        text-decoration: none; }
      section.recruit ul.pagenation a:hover,
      section.recruit ul.pagenation a.current {
        color: #fff;
        background: #fb9c83;
        text-decoration: none; }
      section.recruit ul.pagenation a.back,
      section.recruit ul.pagenation a.next {
        display: none; } }