.mv {
  background: none #f4d7f6; }
  .mv:before {
    height: 100px;
    background-image: url(/brand/madamejuju/assets/img/secret/bg_mv_top.png);
    background-position: top center; }
  .mv:after {
    content: '';
    bottom: 0;
    right: 0;
    position: absolute;
    left: 0;
    height: 50px;
    background: url(/brand/madamejuju/assets/img/secret/bg_mv_bottom.png) repeat-x bottom; }

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex; }

.secretWrapper {
  background-color: #f0bfd2;
  padding: 57px 0 23px !important; }
  .secretWrapper .area {
    width: 920px;
    max-width: 100%;
    margin: 0 auto 30px; }
    .secretWrapper .area:last-child {
      margin-bottom: 0; }
      .secretWrapper .area:last-child .block {
        margin-bottom: 0 !important; }
    .secretWrapper .area .bigTitle {
      background: url("/brand/madamejuju/assets/img/secret/bg_flower.png") top center no-repeat;
      font-family: 'KokoroMinchoutai', sans-serif;
      font-size: 32px;
      font-weight: bold;
      color: #94006d;
      position: relative;
      text-align: center;
      padding: 40px 0;
      margin: 15px auto; }
      .secretWrapper .area .bigTitle.twoLine {
        line-height: 30px;
        margin-top: 50px;
        background-position-y: 25px; }
        .secretWrapper .area .bigTitle.twoLine span.small {
          font-size: 18px; }
        .secretWrapper .area .bigTitle.twoLine:before {
          top: -30px; }
      .secretWrapper .area .bigTitle span:before {
        position: absolute;
        content: '';
        background: url("/brand/madamejuju/assets/img/secret/ttl_icon_03.png") top left no-repeat;
        width: 24px;
        height: 34px;
        background-size: 24px;
        left: calc(50% - 12px);
        top: 0; }
      .secretWrapper .area .bigTitle span:after {
        position: absolute;
        content: '';
        background: url("/brand/madamejuju/assets/img/secret/ttl_icon_04.png") top left no-repeat;
        width: 150px;
        height: 2px;
        background-size: 150px;
        left: calc(50% - 75px);
        bottom: 15px; }
    .secretWrapper .area .areaContent {
      padding: 0;
      list-style-type: none;
      margin: 0; }
      .secretWrapper .area .areaContent > li {
        -ms-flex-preferred-size: 0;
        flex-basis: 0; }
        .secretWrapper .area .areaContent > li .imgWrapper {
          padding: 10px 0 0 30px; }
      .secretWrapper .area .areaContent > li:first-child {
        -webkit-box-flex: 1.25;
        -ms-flex-positive: 1.25;
        flex-grow: 1.25; }
      .secretWrapper .area .areaContent > li:last-child {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
        .secretWrapper .area .areaContent > li:last-child .imgWrapper {
          padding: 15px 0px 0 25px; }
          .secretWrapper .area .areaContent > li:last-child .imgWrapper img {
            width: initial; }
      .secretWrapper .area .areaContent .imgWrapper {
        padding: 0 15px;
        margin-bottom: 15px; }
      .secretWrapper .area .areaContent p {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 25px; }
        .secretWrapper .area .areaContent p span {
          color: #94006d;
          font-weight: bold; }
          .secretWrapper .area .areaContent p span.highlight {
            color: #000;
            font-weight: normal;
            background: url(/brand/madamejuju/assets/img/secret/txt_highlight.png) -10px 10px no-repeat;
            background-size: calc(100% + 20px) 20px; }
      .secretWrapper .area .areaContent .block {
        padding: 3%; }
        .secretWrapper .area .areaContent .block .title {
          font-family: 'KokoroMinchoutai', sans-serif;
          font-size: 28px;
          line-height: 20px;
          font-weight: bold;
          color: #94006d;
          padding-bottom: 35px;
          margin-bottom: 30px;
          border-bottom: 1px solid #d660ae;
          text-align: center; }
        .secretWrapper .area .areaContent .block img {
          width: 80%;
          margin: 15px auto; }
        .secretWrapper .area .areaContent .block p {
          font-size: 16px;
          margin-bottom: 15px; }
          .secretWrapper .area .areaContent .block p.annotation {
            font-size: 14px;
            line-height: 1.6;
            margin-bottom: 5px; }
          .secretWrapper .area .areaContent .block p.note {
            font-size: 12px;
            line-height: 1.6; }
        .secretWrapper .area .areaContent .block .textAndImg {
          display: -webkit-box;
          display: -ms-flexbox;
          -js-display: flex;
          display: flex;
          list-style-type: none;
          padding: 0;
          margin: 0; }
          .secretWrapper .area .areaContent .block .textAndImg li {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            text-align: center; }
            .secretWrapper .area .areaContent .block .textAndImg li:first-child {
              -webkit-box-flex: 1.6;
              -ms-flex-positive: 1.6;
              flex-grow: 1.6; }
            .secretWrapper .area .areaContent .block .textAndImg li p {
              text-align: left; }
              .secretWrapper .area .areaContent .block .textAndImg li p.small {
                padding-top: 15px; }
            .secretWrapper .area .areaContent .block .textAndImg li img {
              width: calc(100% - 20px);
              margin: 0 0 0 auto; }
            .secretWrapper .area .areaContent .block .textAndImg li ul {
              display: -webkit-box;
              display: -ms-flexbox;
              -js-display: flex;
              display: flex;
              list-style-type: none;
              padding: 0; }
              .secretWrapper .area .areaContent .block .textAndImg li ul li {
                padding: 0 !important;
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                -webkit-box-flex: 1 !important;
                -ms-flex-positive: 1 !important;
                flex-grow: 1 !important; }
                .secretWrapper .area .areaContent .block .textAndImg li ul li p {
                  text-align: left;
                  font-size: 16px; }
                .secretWrapper .area .areaContent .block .textAndImg li ul li img {
                  width: calc(100% - 20px);
                  margin: 0 auto 10px; }
                .secretWrapper .area .areaContent .block .textAndImg li ul li .title {
                  font-family: 'KokoroMinchoutai', sans-serif;
                  font-size: 14px;
                  line-height: 20px;
                  font-weight: bold;
                  color: #94006d;
                  padding-bottom: 0;
                  border: 0;
                  margin-bottom: 5px; }
                .secretWrapper .area .areaContent .block .textAndImg li ul li .content {
                  font-family: 'Noto Sans JP', sans-serif;
                  font-size: 12px;
                  line-height: 20px; }
      .secretWrapper .area .areaContent .frame {
        margin: 0 -10px 20px; }
      .secretWrapper .area .areaContent .linkWrapper {
        text-align: center; }
        .secretWrapper .area .areaContent .linkWrapper a {
          width: 40%; }
    .secretWrapper .area.area_01 {
      margin-bottom: 35px; }
      .secretWrapper .area.area_01 p, .secretWrapper .area.area_01 .imgWrapper {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
      .secretWrapper .area.area_01 p {
        padding-top: 50px; }
      .secretWrapper .area.area_01 .imgWrapper {
        text-align: right; }
        .secretWrapper .area.area_01 .imgWrapper img {
          width: 95%;
          margin: 0 0 0 auto; }
    .secretWrapper .area.area_02 {
      margin-bottom: 40px; }
      .secretWrapper .area.area_02 .bigTitle {
        margin-bottom: 25px; }
      .secretWrapper .area.area_02 .textAndImg li img {
        padding-top: 10px; }
      .secretWrapper .area.area_02 .block {
        padding-bottom: 5px; }
    .secretWrapper .area.area_03 {
      margin-bottom: -10px; }
      .secretWrapper .area.area_03 .bigTitle {
        letter-spacing: -2px;
        margin-bottom: 22px; }
      .secretWrapper .area.area_03 p {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 35px; }
    .secretWrapper .area.area_04 .bigTitle {
      letter-spacing: -2px;
      line-height: 35px;
      margin-bottom: 20px; }
    .secretWrapper .area.area_04 .block {
      padding-bottom: 10px; }
      .secretWrapper .area.area_04 .block p {
        line-height: 25px; }
      .secretWrapper .area.area_04 .block .textAndImg li:first-child {
        padding-right: 15px; }
      .secretWrapper .area.area_04 .block .textAndImg img {
        width: calc(100% - 10px) !important;
        margin: 5px auto 10px !important; }

#wrapper main > .infoProduct {
  padding-top: 80px; }