.pageContainer {
  font-feature-settings: "palt";
  padding-top: 0 !important;
  line-height:1.75;
  color: #333; }
  @media screen and (max-width: 750px) {
    .pageContainer {
      font-size: 14px; } }
  .pageContainer .contents_header {
    padding: 0; }
    .pageContainer .contents_header .header_wrap {
      max-width: 1920px;
      margin: auto;
      align-items: end;
      display: flex;
      justify-content: space-between; }
      .pageContainer .contents_header .header_wrap .header {
        width: 100%;
        max-width: 1920px;
        background: url("/jp/recipe/specials/002/img/hdrimg.jpg") no-repeat center center;
        background-size: cover;
        height: 467px; }
        @media screen and (max-width: 1130px) {
          .pageContainer .contents_header .header_wrap .header {
            width: 100%; } }
        @media screen and (max-width: 750px) {
          .pageContainer .contents_header .header_wrap .header {
            width: 100%;
            margin: auto;
            background: url("/jp/recipe/specials/002/img/hdrimg_sp.jpg") no-repeat center center;
            background-size: contain;
            padding-top: 60.75%;
            height: 0; } }
  .pageContainer section {
    padding: 0;
    max-width: 100% !important; }
    @media screen and (max-width: 750px) {
      .pageContainer section {
        padding: 0; } }
    .pageContainer section .msg {
      background: url("../img/msgbg.png") repeat;
      padding: 34px; }
      .pageContainer section .msg .msgbox {
        max-width: 1000px;
        background: #fff;
        border-radius: 10px;
        padding: 24px 44px 32px;
        margin: auto; }
        @media screen and (max-width: 750px) {
          .pageContainer section .msg .msgbox {
            padding: 17px; } }
        .pageContainer section .msg .msgbox p {
          color: #625549;
          font-size: 15px;
          margin-bottom: 0; }
          .pageContainer section .msg .msgbox p strong {
            font-size: 17px;
            display: block;
            margin-bottom: 5px; }
            @media screen and (max-width: 750px) {
              .pageContainer section .msg .msgbox p strong {
                font-size: 15px; } }
          @media screen and (max-width: 750px) {
            .pageContainer section .msg .msgbox p {
              font-size: 14px; } }
    .pageContainer section .recipe {
      max-width: 1160px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      padding: 45px 0 0;
      align-items: flex-start; }
      @media screen and (max-width: 1130px) {
        .pageContainer section .recipe {
          width: 100%; } }
      @media screen and (max-width: 750px) {
        .pageContainer section .recipe {
          display: block;
          width: 100%;
          padding: 35px 0 0; } }
      .pageContainer section .recipe .inner {
        background: url("../img/recipebg.jpg") no-repeat;
        padding: 38px 45px 17px;
        width: 530px;
        height: 530px;
        border-bottom: 2px solid #A21111;
        box-shadow: 0 0 12px #D1D1D1;
        position: relative; }
        @media screen and (max-width: 1130px) {
          .pageContainer section .recipe .inner {
            max-width: 48%;
            width: 48%;
            min-height: auto;
            margin: 0 auto;
            padding: 4% 4% 2%;
            background-size: contain; } }
        @media screen and (max-width: 750px) {
          .pageContainer section .recipe .inner {
            max-width: 95%;
            width: 95%;
            height: auto;
            margin: 0 auto;
            padding: 6%;
            background-size: contain; } }
        .pageContainer section .recipe .inner h3 {
          font-size: 24px;
          color: #C63C3C;
          text-align: center;
          margin: 30px 0 0;
          letter-spacing: 0.75px; }
          @media screen and (max-width: 750px) {
            .pageContainer section .recipe .inner h3 {
              font-size: 19px;
              margin: 20px 0 0;
              letter-spacing: 0; } }
          .pageContainer section .recipe .inner h3 span.num {
            display: inline-block;
            transform: rotate(-30deg);
            margin-left: -44px;
            font-family: 'Segoe Script', sans-serif;
            letter-spacing: -2.8px; }
            @media screen and (max-width: 750px) {
              .pageContainer section .recipe .inner h3 span.num {
                margin-left: -32px; } }
          .pageContainer section .recipe .inner h3 small {
            margin: 0 1px; }
        .pageContainer section .recipe .inner .precipe_photo {
          margin-bottom: 15px;
          box-shadow: 0 3px 6px #bfbfbf;
          position: relative; }
          .pageContainer section .recipe .inner .precipe_photo img.recipeimg {
            border: 10px solid #fff; }
          @media screen and (max-width: 750px) {
            .pageContainer section .recipe .inner .precipe_photo {
              margin-bottom: 20px; }
              .pageContainer section .recipe .inner .precipe_photo img {
                width: 100%; } }
          .pageContainer section .recipe .inner .precipe_photo .more {
            position: absolute;
            bottom: 8px;
            right: 10px; }
            @media screen and (max-width: 750px) {
              .pageContainer section .recipe .inner .precipe_photo .more {
                width: 75px; } }
        .pageContainer section .recipe .inner p {
          margin: 14px 0 0; }
          @media screen and (max-width: 750px) {
            .pageContainer section .recipe .inner p {
              margin: 8px 0 0; } }
        .pageContainer section .recipe .inner a:hover {
          opacity: 0.7; }
        .pageContainer section .recipe .inner:nth-child(2n) {
          margin-top: 60px; }
          @media screen and (max-width: 750px) {
            .pageContainer section .recipe .inner:nth-child(2n) {
              margin-top: 30px; } }
  .pageContainer .sp {
    display: none; }
    @media screen and (max-width: 750px) {
      .pageContainer .sp {
        display: block; } }
  .pageContainer .recipetop {
    border: 1px solid #D70C18;
    color: #D70C18;
    padding: 14px 20px 16px;
    border-radius: 40px;
    width: 14em;
    display: block;
    margin: 140px auto 80px;
    text-align: center; }
    .pageContainer .recipetop:hover {
      background: #D70C18;
      color: #fff; }
