@charset "utf-8";

#contents-wrapper {
	width: 100%!important;
  margin-top: 0px;
  padding-top: 52px;
  padding-bottom: 45px;
  overflow:hidden;
  background-color: #fff;
  font-family: Helvetica, Arial, "sans-serif";
  position: relative;
}


#special-header-wrapper {
  display: none;
}
#footer-wrapper {
  position: relative;
  z-index: 4;
}
#special-column {
  width: 1388px;
  float: none;
  padding-top: 698px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  overflow:hidden;
  color: #000;
}

.en-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 1388px;
  height: 698px;
  background-color: #fff;
  position: fixed;
  top: 52px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 2;
}
.en-header-ttl {
  width: 262px;
  padding-top: 154px;
}
.en-header-ttl .ttl01 {
  display: block;
  padding: 10px 0 2px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
.en-header-ttl .ttl02 {
  display: block;
  padding: 0px 0 0px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.en-stylist {
  width: 190px;
  padding-top: 470px;
  font-size: 18px;
  
  line-height: 1.2;
}
.en-stylist h3 {
  font-size: 14px;
  font-weight: 700;
}
.en-stylist p {
  font-weight: 700;
  letter-spacing: -0.054em;
}
.en-stylist p a {
  color: #000;
}

.ad-image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 890px;
  height: 588px;
  position: fixed;
  top: 92px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 5;
  overflow:hidden;
}

.ad-nav {
  width: 1056px;
  margin: 0 auto 55px;
}
.ad-thumb-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%!important;
  
}
.ad-thumb-list li {
  width: 84px;
  padding: 0px 2px 4px;
}
.ad-thumb-list li a img {
  opacity: 1!important;
}
.ad-thumb-list li a.ad-active {
  opacity: 0.4!important;
}
.ad-thumb-list li img {
  width: 100%;
  height: auto;
}

.staff-credit {
  display: flex;
  flex-wrap: wrap;
  width: 1056px;
  margin: 0 auto;
}
.staff-credit h3 {
  width: 262px;
  padding-right: 60px;
}
.staff-credit .ttl01 {
  display: block;
  padding: 10px 0 2px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
.staff-credit .ttl02 {
  display: block;
  padding: 0px 0 0px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}
.staff-credit-inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 500px;
}
.staff-credit h4 {
  width: 100%;
  padding-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
.staff-credit-inner div {
  width: 220px;
}
.staff-credit h5 {
  font-size: 10px;
  line-height: 1;
}
.staff-credit p {
  font-size: 12px;
  line-height: 1.5;
}

/**
 * Copyright (c) 2012 Anders Ekdahl (http://coffeescripter.com/)
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 *
 * Version: 1.2.7
 *
 * Demo and documentation: http://coffeescripter.com/code/ad-gallery/
 */
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 21px;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 21px;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        display: block!important;
        background: url(ad_prev.svg);
        background-size: 100% auto;
        width: 21px;
        height: 41px;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_next.svg);
        background-size: 100% auto;
        width: 21px;
        height: 41px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      display: none;
    }
    .ad-gallery .ad-slideshow-controls {
      display: none;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        display: none;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        display: none!important;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      display: none;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}