/* =================================================
 * Responsive: menu page
 * Breakpoint: 768px
 * ================================================= */

/* --- Mobile first: SP defaults --- */

.section_menu_pickup .box > div {
  flex-direction: column;
}

.section_menu_pickup .box .ph {
  width: 100%;
}

.section_menu_pickup .box .txt_box {
  width: 100%;
  padding: 15px 0;
}

.section_menu_pickup .box:nth-child(2n) .txt_box {
  order: 0;
}

.section_menu_pickup .box .title {
  font-size: 18px;
}

.section_menu_pickup .box .catch {
  font-size: 15px;
}

.section_menu_pickup .box .detail {
  font-size: 13px;
}

.section_menu_instagram p {
  font-size: 14px;
}


/* =================================================
 * PC (769px+)
 * ================================================= */
@media (min-width: 769px) {
  .section_menu_pickup .box > div {
    flex-direction: row;
  }

  .section_menu_pickup .box .ph {
    width: calc(50% - 13px);
  }

  .section_menu_pickup .box .txt_box {
    width: calc(50% - 13px);
  }

  .section_menu_pickup .box:nth-child(2n) .txt_box {
    order: -1;
  }

  .section_menu_pickup .box .title {
    font-size: 22px;
  }

  .section_menu_pickup .box .catch {
    font-size: 18px;
  }
}