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

.sp_only {
  display: none !important; }

#recommend_200507 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  color: #000000;
  margin-bottom: 150px; }
  #recommend_200507 .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  #recommend_200507 .content_wrap {
    max-width: 1400px;
    margin: 0 auto;
    position: relative; }
  #recommend_200507 .item_txt {
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.075em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-family: "Open Sans", sans-serif;
    margin-top: 20px;
    text-align: left; }
    #recommend_200507 .item_txt::before {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 2) * 0.5em); }
    #recommend_200507 .item_txt a {
      text-decoration: none;
      line-height: 1;
      display: inline-block;
      margin-right: 5px;
      line-height: 0.6\0; }
  #recommend_200507 .sec01 {
    margin-top: 70px; }
    #recommend_200507 .sec01 .content_wrap {
      position: relative;
      left: -51px; }
  #recommend_200507 .sec03 {
    margin-top: 94px; }
  #recommend_200507 .sec04 .content_wrap {
    position: relative;
    left: -10px;
    top: -3px; }
  #recommend_200507 .sec05 {
    margin-top: 95px; }
    #recommend_200507 .sec05 .flex {
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
    #recommend_200507 .sec05 .item_txt {
      position: relative;
      top: 4px; }
  #recommend_200507 .sec07 {
    margin-top: 94px; }
    #recommend_200507 .sec07 .content_wrap {
      width: 970px;
      padding-left: 34px; }
    #recommend_200507 .sec07 .flex {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin: auto; }
    #recommend_200507 .sec07 .item_txt {
      text-align: right;
      position: relative;
      left: 6px; }
  #recommend_200507 .sec02,
  #recommend_200507 .sec04,
  #recommend_200507 .sec06 {
    margin-top: 100px; }
  #recommend_200507 .sec06 .item_txt {
    text-align: right; }
  #recommend_200507 img {
    width: 100%; }
  #recommend_200507 .ttl {
    width: 718px;
    margin-left: 339px;
    margin-bottom: 66px; }
  #recommend_200507 .mv_img {
    width: 405px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 10px;
    top: -3px;
    margin-top: 74px; }
  #recommend_200507 .img01 {
    width: 650px;
    margin-right: 60px;
    margin-top: 300px; }
  #recommend_200507 .img02 {
    width: 380px;
    position: relative; }
    #recommend_200507 .img02 .item_txt {
      text-align: right; }
    #recommend_200507 .img02 .limited {
      width: 37px;
      position: absolute;
      top: 0;
      left: -45px; }
  #recommend_200507 .img03 {
    width: 500px;
    margin-left: auto;
    margin-right: auto; }
  #recommend_200507 .img04 {
    width: 480px;
    margin-right: 100px; }
  #recommend_200507 .img05 {
    width: 480px;
    margin-top: 150px; }
  #recommend_200507 .img06 {
    width: 450px;
    margin-right: 100px;
    margin-left: 18px;
    margin-top: 2px;
    position: relative; }
    #recommend_200507 .img06 .limited {
      width: 37px;
      position: absolute;
      top: 0;
      left: -45px; }
  #recommend_200507 .img07 {
    width: 380px;
    margin-top: 56px; }
  #recommend_200507 .img08 {
    width: 500px;
    margin-right: 20px;
    margin-left: 40px;
    position: relative; }
    #recommend_200507 .img08 .limited {
      width: 37px;
      position: absolute;
      top: 0;
      left: -45px; }
  #recommend_200507 .img09 {
    width: 400px;
    margin-right: 146px;
    margin-top: 200px; }
  #recommend_200507 .img10 {
    width: 450px;
    position: relative; }
    #recommend_200507 .img10 .limited {
      width: 37px;
      position: absolute;
      top: 0;
      left: -45px; }
    #recommend_200507 .img10 .item_txt {
      text-align: right; }
  #recommend_200507 .img11 {
    width: 600px;
    margin-top: 100px;
    margin-left: auto;
	margin-right: 150px;}
  #recommend_200507 .img12 {
    width: 450px;
    margin-right: 122px;
    position: relative; }
    #recommend_200507 .img12 .limited {
      width: 37px;
      position: absolute;
      top: 0;
      left: -45px; }
  #recommend_200507 .img13 {
    width: 400px;
    margin-top: 75px; }
  #recommend_200507 .btn_all {
    width: 380px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 98px; }
  #recommend_200507 .limited {
    width: 37px; }
  #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); }