.l-container.c-bgBlock {
  background-color: #232323; }
  .l-container.c-bgBlock .l-header {
    background-color: #fff; }
  .l-container.c-bgBlock .l-main .c-contentArea {
    color: #fff;
    padding-top: 0;
    padding-bottom: 0; }
  .l-container.c-bgBlock footer .nav-purchase {
    background-color: #fff; }

.l-main .c-cardMenu {
  position: relative;
  margin: 20px auto;
  max-width: 100%; }
  .l-main .c-cardMenu .box-text {
    position: absolute;
    width: 60%;
    top: 0;
    z-index: 2;
    height: 100%;
    padding-bottom: 30px;
    margin: 10px; }
    .l-main .c-cardMenu .box-text.fl {
      left: 5%; }
      .l-main .c-cardMenu .box-text.fl .btn-wrap {
        position: static;
        text-align: left;
        margin-top: 10px;
        font-size: 9px;
        bottom: -5%; }
    .l-main .c-cardMenu .box-text.fr {
      left: 35%; }
      .l-main .c-cardMenu .box-text.fr .btn-wrap {
        position: static;
        text-align: right;
        margin-top: 10px;
        font-size: 9px;
        bottom: -5%; }
    .l-main .c-cardMenu .box-text h2 {
      margin-bottom: 5px;
      font-size: 10px; }
    .l-main .c-cardMenu .box-text p {
      font-size: 9px; }
      .l-main .c-cardMenu .box-text p.date {
        font-size: 9px; }
    .l-main .c-cardMenu .box-text p + p {
      margin-top: 5px; }
    .l-main .c-cardMenu .box-text .date {
      font-size: 11px; }

.l-footer .nav-purchase {
  margin-top: 0; }

@media all and (min-width: 768px) {
  .l-container.c-bgBlock .l-main .c-contentArea {
    padding-bottom: 20px; }
  .l-main .c-cardMenu .box-text {
    -webkit-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    position: absolute;
    top: -5%;
    min-height: 100%;
    padding-top: 0;
    margin: 0; }
    .l-main .c-cardMenu .box-text.fl {
      left: 14%;
      width: 57%; }
      .l-main .c-cardMenu .box-text.fl .btn-wrap {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        position: absolute;
        bottom: -5%;
        left: 0; }
    .l-main .c-cardMenu .box-text.fr {
      left: 45%;
      width: 57%; }
      .l-main .c-cardMenu .box-text.fr .btn-wrap {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        position: absolute;
        bottom: -5%;
        left: 0; }
    .l-main .c-cardMenu .box-text h2 {
      margin-bottom: 15px;
      font-size: 28px;
      line-height: 1.4; }
    .l-main .c-cardMenu .box-text p {
      font-size: inherit; }
      .l-main .c-cardMenu .box-text p.date {
        font-size: 20px; }
    .l-main .c-cardMenu .box-text p + p {
      margin-top: 1em; } }

@media all and (min-width: 1024px) {
  .l-main .c-cardMenu {
    max-width: 1400px; }
    .l-main .c-cardMenu .box-text {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      transform: scale(1, 1);
      position: absolute;
      top: 0;
      min-height: 100%;
      padding-top: 40px;
      margin: 0; }
      .l-main .c-cardMenu .box-text.fl {
        left: 15%; }
        .l-main .c-cardMenu .box-text.fl .btn-wrap {
          -webkit-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          transform: scale(1, 1);
          bottom: 50px; }
      .l-main .c-cardMenu .box-text.fr {
        left: 55%; }
        .l-main .c-cardMenu .box-text.fr .btn-wrap {
          -webkit-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          transform: scale(1, 1);
          bottom: 50px; }
      .l-main .c-cardMenu .box-text h2 {
        margin-bottom: 15px;
        font-size: 32px; } }