@charset "UTF-8";
.enf-lookbook-detail {
  width: 100%;
  height: 100%;
  min-height: 600px;
  min-width: 1024px;
  position: absolute;
  top: 0;
  left: 0; }
  .enf-lookbook-detail .enf-lookbook-title {
    position: absolute;
    bottom: 47px;
    left: 50px;
    z-index: 50; }
    .enf-lookbook-detail .enf-lookbook-title .enf-logo {
      width: 90px; }
    .enf-lookbook-detail .enf-lookbook-title .enf-copy {
      font-size: 10px;
      color: #999;
      line-height: 1.5;
      margin-top: 3px; }
    .enf-lookbook-detail .enf-lookbook-title .enf-maxpage, .enf-lookbook-detail .enf-lookbook-title .enf-itemnum {
      display: none; }
  .enf-lookbook-detail .enf-lookbook-content {
    height: 100%;
    position: relative; }
    .enf-lookbook-detail .enf-lookbook-content .enf-inner {
      display: block;
      width: auto;
      height: 100%;
      text-align: center; }
    .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-image {
      opacity: 0;
      width: 100%;
      height: 100%;
      text-align: center; }
      .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-image img {
        width: auto;
        height: 100%; }
      .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-image.enf-wide {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 0; }
        .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-image.enf-wide img {
          display: none; }
        .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-image.enf-wide + .enf-lookbook-text {
          right: auto;
          left: 100%;
          margin-left: -250px !important; }
    .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text {
      opacity: 0;
      position: absolute;
      left: 50%;
      bottom: 63px;
      margin-left: 300px;
      overflow: hidden;
      text-align: left;
      -webkit-transition: margin-left 0.02s cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: margin-left 0.02s cubic-bezier(0.165, 0.84, 0.44, 1); }
      .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text.enf-wh .enf-lookbook-info ul li div .enf-name,
      .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text.enf-wh .enf-lookbook-info ul li a .enf-name {
        color: #FFF; }
      .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text.enf-wh .enf-lookbook-info ul li div .enf-text,
      .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text.enf-wh .enf-lookbook-info ul li a .enf-text {
        color: rgba(255, 255, 255, 0.5); }
      .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text.enf-wh .enf-lookbook-info ul li div .enf-text,
      .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text.enf-wh .enf-lookbook-info ul li div .enf-name,
      .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text.enf-wh .enf-lookbook-info ul li a .enf-text,
      .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text.enf-wh .enf-lookbook-info ul li a .enf-name {
        -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        border-bottom-color: transparent; }
      .device-desktop .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text.enf-wh .enf-lookbook-info ul li a:hover .enf-name {
        border-bottom-color: #FFF; }
      .device-desktop .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text.enf-wh .enf-lookbook-info ul li a:hover .enf-text {
        color: #FFF;
        border-bottom-color: #FFF; }
      .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text.enf-wh .enf-lookbook-num {
        color: #FFF; }
      .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text.enf-wh.enf-wh-all .enf-lookbook-info ul li div .enf-text,
      .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text.enf-wh.enf-wh-all .enf-lookbook-info ul li a .enf-text {
        color: #FFF; }
      .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text .enf-lookbook-info {
        position: relative; }
        .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text .enf-lookbook-info ul {
          font-size: 11px;
          letter-spacing: 0.1em;
          padding-bottom: 25px; }
          .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text .enf-lookbook-info ul li a {
            display: inline-block;
            text-decoration: none; }
            .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text .enf-lookbook-info ul li a .enf-name {
              padding-bottom: 0;
              margin-bottom: -1px;
              display: inline-block;
              -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
              transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
              border-bottom: solid 1px transparent; }
              .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text .enf-lookbook-info ul li a .enf-name:after {
                line-height: 1;
                content: "";
                font-size: 14px;
                font-family: 'myfont', sans-serif;
                font-weight: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                padding-left: 4px;
                position: relative;
                top: 2px;
                line-height: 0; }
            .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text .enf-lookbook-info ul li a .enf-text {
              -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
              transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
          .device-desktop .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text .enf-lookbook-info ul li a:hover .enf-name {
            border-bottom-color: #000; }
          .device-desktop .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text .enf-lookbook-info ul li a:hover .enf-text {
            color: #000;
            text-decoration: underline; }
          .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text .enf-lookbook-info ul li .enf-name {
            display: block;
            color: #000;
            margin-bottom: 2px; }
          .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text .enf-lookbook-info ul li .enf-text {
            display: block;
            margin-bottom: 18px;
            line-height: 1.5;
            color: rgba(0, 0, 0, 0.5); }
      .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text .enf-lookbook-num {
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
        font-size: 50px;
        margin-bottom: 56px;
        margin-left: -2px; }
      .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text .enf-lookbook-nav {
        width: 48px;
        margin-left: 3px; }
        .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text .enf-lookbook-nav:after {
          content: "";
          display: block;
          clear: both; }
        .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text .enf-lookbook-nav li a {
          -webkit-transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
          transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
        .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text .enf-lookbook-nav li.enf-prev {
          float: left; }
        .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text .enf-lookbook-nav li.enf-next {
          float: right; }
        .device-desktop .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text .enf-lookbook-nav li a:hover {
          opacity: 0.2; }
      .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text.enf-smart {
        right: 60px;
        left: auto;
        margin-left: 0; }
  .enf-lookbook-detail .enf-back-all {
    position: absolute;
    top: 23px;
    right: 20px;
    font-size: 10px; }
    .enf-lookbook-detail .enf-back-all a {
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
      transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
      color: #999;
      text-decoration: none;
      position: relative;
      padding-right: 23px;
      display: inline-block; }
      .enf-lookbook-detail .enf-back-all a:after, .enf-lookbook-detail .enf-back-all a:before {
        -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        content: '';
        display: inline-block;
        width: 14px;
        height: 14px;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -8px; }
      .enf-lookbook-detail .enf-back-all a:before {
        background: url("/operation/enfold/pc/lookbook/img/icn-window.png") no-repeat 0 0;
        background-size: 14px 14px; }
      .enf-lookbook-detail .enf-back-all a:after {
        background: url("/operation/enfold/pc/lookbook/img/icn-window-hover.png") no-repeat 0 0;
        background-size: 14px 14px;
        opacity: 0; }
    .device-desktop .enf-lookbook-detail .enf-back-all a:hover {
      color: #000; }
      .device-desktop .enf-lookbook-detail .enf-back-all a:hover:before {
        opacity: 0; }
      .device-desktop .enf-lookbook-detail .enf-back-all a:hover:after {
        opacity: 1; }
  .device-tablet .enf-lookbook-detail .enf-lookbook-title {
    position: absolute;
    bottom: auto;
    top: 29px;
    left: 25px; }
  .device-tablet .enf-lookbook-detail .enf-lookbook-image.enf-wide {
    background: none;
    position: relative;
    top: 50%; }
    .device-tablet .enf-lookbook-detail .enf-lookbook-image.enf-wide img {
      display: block;
      width: 1024px;
      height: auto;
      max-width: none; }
    .device-tablet .enf-lookbook-detail .enf-lookbook-image.enf-wide + .enf-lookbook-text {
      margin-left: -210px !important; }
  .device-tablet .enf-lookbook-detail .enf-lookbook-content .enf-lookbook-text {
    right: 45px;
    left: auto;
    bottom: auto;
    top: 50%;
    margin-left: 0;
    margin-top: -200px; }
  .device-tablet .enf-lookbook-detail .enf-back-all {
    position: absolute;
    top: 45px;
    right: 30px; }