@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400i');

#contents-wrapper {
	width: 100%;
  min-width: 1400px;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  overflow:hidden;
  color: #000;
  background-color: #fff;
}
#special-column {
  width: 100%;
  height: auto;
  float: none;
  position: relative;
  z-index: 10;
  overflow:hidden;
  background: url("pc_header_bg.jpg") no-repeat center top;
}
#special-column img {
  vertical-align: top;
}
#special-column > header {
  width: 1400px;
  height: 700px;
  background-image: url("pc_header.jpg");
  z-index: 11;
  margin: 0 auto 10px;
}
#special-column > header h2,
#special-column > header p{
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#special-column section {
  margin-bottom: 10px;
}
#special-column h3 {
  box-sizing: border-box;
  width: 100%;
  height: 800px;
  padding-top: 330px;
  font-family: 'Sawarabi Mincho', sans-serif;
  font-size: 24px;
  line-height: 1;
  color: #fff;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center top;
}
#special-column .photo-block {
  box-sizing: border-box;
  width: 100%;
  height: 800px;
  padding-top: 158px;
  background-repeat: no-repeat;
  background-position: center top;
}
#special-column .slider {
  width: 724px;
  height: 481px;
  margin: 0 auto;
}
#special-column .slider img {
  border: 2px solid #fff;
}
#special-column .detail-block {
  box-sizing: border-box;
  display: flex;
  width: 1400px;
  height: 515px;
  padding: 100px 0px 0px 100px;
  margin: 0 auto;
}
#special-column .detail-block .img {
  width: 300px;
  padding-right: 18px;
}
#special-column .detail-block .txt {
  width: 623px;
  padding-top: 6px;
}
#special-column .detail-block .txt dt,
#special-column .detail-block .txt dd {
  font-family: ten-mincho, serif;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0.1em;
}
#special-column .detail-block .txt dt {
  padding-bottom: 8px;
  font-size: 12px;
  line-height: 1;
  text-indent: -7px;
}
#special-column .detail-block .txt dt em {
  font-size: 16px;
}
#special-column .detail-block .txt dd {
  padding-bottom: 15px;
  font-size: 11px;
  line-height: 1.6;
}

#special-column .stylist-img {
  width: 100px;
  padding: 145px 27px 0px 0px;
}
#special-column .stylist {
  width: 200px;
  padding: 178px 0 0 0;
  font-family: ten-mincho, serif;
  font-size: 14px;
  line-height: 1;
}
#special-column .stylist .sub {
  display: block;
  padding-bottom: 7px;
  font-size: 12px;
  font-style: italic;
}
#special-column .stylist a {
  display: block;
  margin-top: 10px;
}


#special-column .sec01 {
  background-color: #f5f5f0;
}
#special-column .sec01 h3 {
  background-image: url("pc_sec01-ttl_bg.jpg");
}
#special-column .sec01 .photo-block {
  background-image: url("pc_sec01-photo_bg.jpg");
}
.sec01 .slick-prev, .sec01 .slick-next {
   background-image: url("pc_btn_slider-w.png")
}

#special-column .sec02 {
  background-color: #f5f5f0;
}
#special-column .sec02 h3 {
  background-image: url("pc_sec02-ttl_bg.jpg");
}
#special-column .sec02 .photo-block {
  background-image: url("pc_sec02-photo_bg.jpg");
}
.sec02 .slick-prev, .sec02 .slick-next {
   background-image: url("pc_btn_slider-w.png")
}

#special-column .sec03 {
  background-color: #f5f5f0;
}
#special-column .sec03 h3 {
  background-image: url("pc_sec03-ttl_bg.jpg");
}
#special-column .sec03 .photo-block {
  background-image: url("pc_sec03-photo_bg.jpg");
}
#special-column .sec03 .slider img {
  border: 2px solid #322323;
}
.sec03 .slick-prev, .sec03 .slick-next {
   background-image: url("pc_btn_slider-b.png")
}
.sec03 .slick-dots li button:before {
  border: 1px solid #322323;
}
.sec03 .slick-dots li.slick-active button::before {
  background-color: #322323;
}


#special-column > footer {
  width: 100%;
  background-color: #145064;
  padding-top: 195px;
  padding-bottom: 165px;
}
#special-column > footer .logo {
  width: 106px;
  height: 353px;
  position: absolute;
  top: -35px;
  left: -145px;
}
#special-column > footer .staff-credit {
  width: 620px;
  margin: 0 auto;
  line-height: 1;
  color: #fff;
  position: relative;
}
#special-column > footer .staff-credit .ttl {
  padding-bottom: 35px;
  font-family: 'Crimson Text', serif;
  font-style: italic;
  font-size: 24px;
}

#special-column > footer .staff-credit h4 {
  font-family: 'Crimson Text', serif;
  font-style: italic;
  padding-bottom: 20px;
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
}
#special-column > footer ul {
  padding-bottom: 40px;
}
#special-column > footer li {
  padding-bottom: 25px;
  font-family: 'Sawarabi Mincho', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}


/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

.slick-prev, .slick-next {
  width: 30px;
  height: 60px;
  font-size: 0;
  line-height: 0;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 5;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.slick-prev {
  left: -175px;
}
.slick-next {
  right: -175px;
  background-position: right center;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: .25;
}
.slick-prev:before, .slick-next:before {
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 9px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  border-radius: 50%;
  content: '';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button::before {
  background-color: #fff;
}