@charset "UTF-8";
.contents {
  padding-top: 94px;
  text-align: center; }

.contents .sec-slide {
  background-color: #fff;
  padding-bottom: 40px; }

.contents .sec-slide .inner {
  position: relative;
  width: 100%;
  height: auto; }

.contents .sec-slide .inner .bx-image img {
  width: 100%;
  height: auto; }

.contents .sec-slide .inner .lt-nav {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 92%;
  height: 53px;
  margin: auto; }

.contents .sec-slide .inner .lt-nav li.btn-prev {
  float: left; }

.contents .sec-slide .inner .lt-nav li.btn-next {
  float: right; }

.contents .sec-concept {
  position: relative; }

.contents .sec-concept > img {
  width: 100%;
  height: auto; }

.contents .sec-concept > .inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 555px;
  height: 353px;
  margin: auto; }

.contents .sec-concept > .inner h2 {
  margin-bottom: 77px; }

.contents .sec-concept > .inner p.copy {
  margin-bottom: 65px; }

.contents .sec-collection {
  width: 100%; }

.contents .sec-collection .inner {
  margin: 118px auto 0; }

.contents .sec-collection .inner h2 {
  margin-bottom: 79px; }

.contents .sec-collection .inner ul {
  margin-bottom: 70px; }

.contents .sec-collection .inner ul .btn-mens {
  margin-bottom: 35px; }

.slick-dots {
  margin-top: 40px;
  margin-bottom: 83px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0; }

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 40px;
  width: 40px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 40px;
  width: 40px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none; }

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
  width: 40px;
  height: 40px;
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  color: #ccc;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  color: #d5c3a8;
  font-size: 60px; }

/* 2016-11-01追加 */
/*** Video ***/
#videoarea {
  position: relative;
  height: 93.5vw;
  background-image: url(../../../../assets/images/top/video/top_movie_back_sp.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

#videoarea .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 50; }

#videoarea .overlay .container {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center; }

#videoarea.video01 {
  background-image: url(/assets/images/top/video/top_movie01_img_sp.jpg); }
#videoarea.video01 {
  background-image: url(/assets/images/top/video/top_movie01_img_sp__f.jpg); }

#videoarea.video02 {
  background-image: url(/assets/images/top/video/top_movie02_img_sp.png); }

#videoarea.video01 .overlay .container img {
  width: 76.5625vw; }

#videoarea.video02 .overlay .container img {
  width: 50vw; }

#collection {
  position: relative; }
  #collection img {
    display: block;
    width: 100%; }
  #collection .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 100%;
    transform: translate(-50%, -50%);
    color: #FFF;
    font-family: 'Century Gothic', sans-serif;
    margin-top: 30px; }
    #collection .inner h2 {
      font-size: 51.1998px;
      line-height: 1em;
      letter-spacing: 0.225em; }
    #collection .inner .btn {
      margin-top: 68.2664px; }
      #collection .inner .btn a {
        display: inline-block;
        border: 1px solid #FFF;
        font-size: 25.5999px;
        line-height: 1em;
        letter-spacing: 0.265em;
        padding: 10.23996px 37.54652px;
        color: #FFF;
        -webkit-transition: 0.1s ease-in-out;
        -moz-transition: 0.1s ease-in-out;
        -o-transition: 0.1s ease-in-out;
        transition: 0.1s ease-in-out; }
        #collection .inner .btn a:hover {
          background-color: #b79768;
          border-color: rgba(255, 255, 255, 0); }