@charset "UTF-8";
@font-face {
  font-family: "HelveticaNeueLTStd-LtCn";
  src: url("../../font/HelveticaNeueLTStd-LtCn.woff"); }

.pc_only {
  display: none !important; }

.main-area .main-inner {
  width: 100%; }

#recommend_200507 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
  color: #000000;
  margin-bottom: calc(160 * (100vw / 750)); }
  #recommend_200507 .content_wrap {
    width: 100%;
    margin: 0 auto; }
  #recommend_200507 .item_txt {
    font-size: calc(24 * (100vw / 750));
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    line-height: 1;
    letter-spacing: 0.1em;
    font-family: "Open Sans", sans-serif;
    font-weight: lighter;
    margin-top: calc(33 * (100vw / 750));
    text-align: center;
    white-space: nowrap; }
    #recommend_200507 .item_txt::before {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 2.4) * 0.5em); }
    #recommend_200507 .item_txt a {
      line-height: 1.8;
      line-height: 0.6\0;
      display: inline-block;
      margin-right: calc(10 * (100vw / 750)); }
      #recommend_200507 .item_txt a:last-child {
        margin-right: 0; }
  #recommend_200507 img {
    width: 100%; }
  #recommend_200507 .limited {
    width: calc(62 * (100vw / 750));
    position: absolute; }
  #recommend_200507 .mv_img {
    width: calc(521 * (100vw / 750));
    margin-top: calc(100 * (100vw / 750));
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: calc(14 * (100vw / 750)); }
  #recommend_200507 .ttl {
    width: calc(750 * (100vw / 750));
    margin-top: calc(180 * (100vw / 750)); }
  #recommend_200507 .img01 {
    width: calc(712 * (100vw / 750));
    margin-top: calc(40 * (100vw / 750)); }
  #recommend_200507 .img02 {
    width: calc(489 * (100vw / 750));
    margin-left: calc(226 * (100vw / 750));
    margin-top: calc(120 * (100vw / 750));
    position: relative; }
    #recommend_200507 .img02 .limited {
      top: calc(-20 * (100vw / 750));
      right: calc(-20 * (100vw / 750)); }
  #recommend_200507 .img03 {
    width: calc(638 * (100vw / 750));
    margin-top: calc(124 * (100vw / 750));
    margin-left: auto;
    margin-right: auto; }
  #recommend_200507 .img04 {
    width: calc(600 * (100vw / 750));
    margin-top: calc(120 * (100vw / 750)); }
  #recommend_200507 .img05 {
    width: calc(600 * (100vw / 750));
    margin-left: auto;
    margin-top: calc(40 * (100vw / 750)); }
  #recommend_200507 .img06 {
    width: calc(676 * (100vw / 750));
    margin-top: calc(94 * (100vw / 750));
    margin-left: auto;
    margin-right: auto; }
  #recommend_200507 .img07 {
    width: calc(526 * (100vw / 750));
    margin-top: calc(40 * (100vw / 750));
    margin-left: calc(150 * (100vw / 750));
    position: relative; }
    #recommend_200507 .img07 .limited {
      top: calc(0 * (100vw / 750));
      left: calc(-80 * (100vw / 750)); }
  #recommend_200507 .img08 {
    width: calc(660 * (100vw / 750));
    margin-top: calc(140 * (100vw / 750));
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    #recommend_200507 .img08 .limited {
      top: calc(-20 * (100vw / 750));
      right: calc(-20 * (100vw / 750)); }
    #recommend_200507 .img08 + .item_txt {
      text-align: right;
      margin-right: calc(30 * (100vw / 750)); }
      #recommend_200507 .img08 + .item_txt a:nth-child(3) {
        margin-right: 0; }
  #recommend_200507 .img09 {
    width: calc(600 * (100vw / 750));
    margin-top: calc(40 * (100vw / 750)); }
  #recommend_200507 .img10 {
    width: calc(638 * (100vw / 750));
    margin-top: calc(130 * (100vw / 750));
    margin-left: auto;
    position: relative; }
    #recommend_200507 .img10 .limited {
      top: calc(0 * (100vw / 750));
      left: calc(-80 * (100vw / 750)); }
  #recommend_200507 .img11 {
    width: calc(712 * (100vw / 750));
    margin-top: calc(90 * (100vw / 750));
    margin-left: auto; }
    #recommend_200507 .img11 .item_txt {
      text-align: right;
      margin-right: calc(20 * (100vw / 750)); }
      #recommend_200507 .img11 .item_txt a:nth-child(2) {
        margin-right: 0; }
  #recommend_200507 .img12 {
    width: calc(638 * (100vw / 750));
    margin-top: calc(140 * (100vw / 750));
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    #recommend_200507 .img12 .limited {
      top: calc(-20 * (100vw / 750));
      right: calc(-20 * (100vw / 750)); }
  #recommend_200507 .img13 {
    width: calc(488 * (100vw / 750));
    margin-top: calc(40 * (100vw / 750));
    margin-left: auto;
    margin-right: auto; }
  #recommend_200507 .btn_all {
    width: calc(676 * (100vw / 750));
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(150 * (100vw / 750)); }
  #recommend_200507 .js-scroll-fadein {
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 20px, 0) scale(0.94);
    will-change: opacity, transform;
    transition: opacity .6s, -webkit-transform .9s;
    -o-transition: opacity .6s, transform .9s;
    transition: opacity .6s, transform .9s;
    transition: opacity .6s, transform .9s, -webkit-transform .9s;
    -webkit-transform: translate3d(0, 20px, 0) scale(0.94);
    -webkit-transition: opacity .6s, -webkit-transform .9s;
    overflow: hidden; }
  #recommend_200507 .js-scroll-fadein img {
    will-change: transform;
    -webkit-transition: -webkit-transform .9s;
    transition: -webkit-transform .9s;
    -o-transition: transform .9s;
    transition: transform .9s;
    transition: transform .9s, -webkit-transform .9s;
    -webkit-transform: translate3d(0, 0, 0) scale(1.12);
    transform: translate3d(0, 0, 0) scale(1.12); }
  #recommend_200507 .js-scroll-fadein.is-anim-start {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }
  #recommend_200507 .js-scroll-fadein.is-anim-start img {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }