* {
min-height:0;
min-width: 0;
margin:0;
padding:0;
}

#lookbook {
  display: block;
  width:90%;
  max-width:1000px;
  box-sizing:border-box;
  position:relative;
  z-index:0;
  margin:100px auto;
}
#about .about_slider {
  display: block;
  width:90%;
  max-width:1000px;
  box-sizing:border-box;
  position:relative;
  z-index:0;
  margin:10% auto 10% auto !important;
}
.fs_reco {
  display: block;
  width:90%;
  max-width:1000px;
  box-sizing:border-box;
  position:relative;
  z-index:0;
  margin:0px auto 120px auto;
}
.fs_reco > .pickup_carousel,
.fs_reco > .rank_carousel {
  display: block;
  width:100%;
  margin:0px auto !important;
  text-align:center;
}

	.ranking .rank_carousel {
	  counter-reset: ranking-mark ;
	}
	.ranking .rank_carousel > .slide > a > img {
	  position:relative;
	  z-index:0;
	}
	.ranking .rank_carousel > .slide > a > img:before {
		content: counter(ranking-mark, decimal);
		counter-increment: ranking-mark;
		display:inline-block;
		background: #999;
		color: #fff;
		font-size: 12px;
		font-weight:700;
		line-height: 1;
		padding: 6px 8px;
		position: absolute;
		top: 0;
		left: 0;
		z-index:99;
	}

.fs_reco > .lookbook_carousel {
  display: block;
  width:90%;
  margin:0px auto !important;
  text-align:center;
}
	.fs_reco > .lookbook_carousel p a {
	  display: block;
	  width:100%;
	  padding:10px 0 !important;
	  font-size:14px;
		transition: all 0.8s ease;
	}
	.fs_reco > .lookbook_carousel p span.item_num {
	  margin-right:1.0em;
	  font-size:12px;
	}
	.fs_reco > .lookbook_carousel p a:hover {
	  background:#eee;
		transition: all 0.8s ease;
	}

.fs_reco > .lb_thum_carousel {
  display: block;
  width:100%;
  margin:50px auto 0 auto !important;
  text-align:center;
}

#lookbook .slide_carousel .slick-list,
.fs_reco .slick-list,
#about .about_slider .slick-list {
  display: block;
  width:100%;
  height:auto;
  max-width:1000px;
  overflow-x:hidden;
}
.fs_reco .slick-list {
	margin:0px !important;
}
#lookbook .slide_carousel .slick-list .slick-track,
.fs_reco .slick-list .slick-track,
#about .about_slider .slick-track {
  width:100%;
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
}
#lookbook .slide_carousel .slick-list .slick-track .slide,
.fs_reco .slick-list .slick-track .slide {
	margin:0 5px;
}
.lb_thum_carousel .slick-list .slick-track .thum_slide {
	margin:0 2px;
}
.lb_thum_carousel .slick-list .slick-track .slide {
	margin:0 5px;
}
.about_slider .slick-list .slick-track .slide {
	margin:0 5px;
}
#lookbook img,
.fs_reco img,
#about img {
    max-width: 100%;
    height: auto;
    vertical-align:bottom;
}
.fs_reco p {
    line-height:150%;
    color:#000;
    font-size:14px;
}
.fs_reco .cate {
    margin-top:10px;
    color:#ddd;
}

#lookbook .arrow-prev,
#lookbook .arrow-next,
#about .arrow-prev,
#about .arrow-next,
.fs_reco .arrow-prev,
.fs_reco .arrow-next {
  position:absolute;
  width: 40px;
  height: 40px;
  line-height: 0px;
  font-size: 0px;
  background: rgba(30, 30, 30, 0.3);
  display: block;
  color: transparent;
  z-index:20;
  cursor: pointer;
  padding: 0;
  border: none;
  outline: none;
}
#lookbook .arrow-prev,
#about .arrow-prev {
  left: -5%; 
  top: 50%;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
}
#lookbook .arrow-next,
#about .arrow-next {
  right: -5%; 
  top: 50%;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
}
.lookbook .lookbook_carousel,
#about .about_slider {
	position:relative;
}
.lookbook .lookbook_carousel .arrow-prev,
#about .about_slider .arrow-prev {
  position:absolute;
  left: -5%; 
  top: 50%;
}
.lookbook .lookbook_carousel .arrow-next,
#about .about_slider .arrow-next {
  position:absolute;
  right: -5%; 
  top: 50%;
}
.fs_reco .arrow-prev {
  left: -5%; 
  top: 30%;
}
.fs_reco .arrow-next {
  right: -5%; 
  top: 30%;
}
.lookbook_carousel .arrow-prev {
  left: -5%; 
  top: 30%;
  position:relative;
}
.lookbook_carousel .arrow-next {
  right: -5%; 
  top: 30%;
  position:relative;
}
#lookbook .arrow-prev:before,
#lookbook .arrow-next:before,
#about .arrow-prev:before,
#about .arrow-next:before,
.fs_reco .arrow-prev:before,
.fs_reco .arrow-next:before {
	cursor: pointer;
	font-family: "fs-icon";
	color: white;
	font-size: 40px;
	line-height: 1;
	opacity: 0.75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position:absolute;
	top:50%;
	left:50%; 
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
#lookbook .arrow-prev:before,
#about .arrow-prev:before,
.fs_reco .arrow-prev:before {
	content: "\2039";
	position:absolute;
	top:35%;
	left:50%; 
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
#lookbook .arrow-next:before,
#about .arrow-next:before,
.fs_reco .arrow-next:before {
	content: "\203A";
	position:absolute;
	top:35%;
	left:50%; 
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

#lookbook .arrow-prev:hover,
#lookbook .arrow-next:hover,
.fs_reco .arrow-prev:hover,
.fs_reco .arrow-next:hover {
  opacity:1.0;
}
.arrow-prev.slick-disabled {
  opacity:0.3;
}
.arrow-prev.slick-disabled:hover {
  opacity:0.5;
}

#lookbook .slick-dots {
	display:block;
	margin:0 auto;
	text-align:center;
	margin-top:5px;
	margin-left:-15px;
	position:absolute;
	bottom:-30px;
}
.fs_reco ul.slick-dots {
	display:block;
	margin:0 auto;
	text-align:center;
	position:absolute;
	bottom:-70px;
}
#lookbook .slick-dots li,
.fs_reco .slick-dots li {
	display:inline-block;
	margin:0 5px;
}
#lookbook .slick-dots li button,
.fs_reco .slick-dots li button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	position: relative;
	text-indent: -9999px;
}
#lookbook .slick-dots button:before,
.fs_reco .slick-dots button:before {
	content: '\25CB'; /*○*/
	font-size: 15px;
	color:#4d4d4d;
	text-indent: 0px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
#lookbook .slick-dots li.slick-active button:before,
.fs_reco .slick-dots li.slick-active button:before {
	content: '\25CF'; /*●*/
	font-size: 15px;
}

@media screen and (max-width:767px) {

#top_slide_box {
	width:100%;
	max-width:767px;
	min-width:300px !important;
}

#top_slide_box .slick-list {
	width:100%;
	max-width:767px;
	display:block;
}

#top_slide_box .slick-list {
	display:block;
}
#top_slide_box .slide_carousel_topic {
	width:100%;
/*	display:flex;
	flex-wrap:wrap !important;
	justify-content:space-between;
	align-items: center; */
	display:block;
	margin:0 !important;
	padding:0;
}
#lookbook .slide_carousel_topic .slide {
	width:49% !important;
/*	flex-basis:46%; */
	padding:0 !important;
	float:left;
	margin:0 0 2% 0;
}
#lookbook .slide_carousel_topic .slide:nth-child(2n) {
	width:49% !important;
	padding:0 !important;
	float:left;
	margin:0 0 2% 2%;
	padding:0 !important;
}
#lookbook .slide_carousel_topic .slide:nth-child(5),
#lookbook .slide_carousel_topic .slide:nth-child(6),
#lookbook .slide_carousel_topic .slide:nth-child(7),
#lookbook .slide_carousel_topic .slide:nth-child(8) {
	display:none;
}
.fs_reco .arrow-prev {
  left: 0%; 
  top: 30%;
}
.fs_reco .arrow-next {
  right: 0%; 
  top: 30%;
}
#lookbook .arrow-prev,
#lookbook .arrow-next,
.fs_reco .arrow-prev,
.fs_reco .arrow-next {
	display:none;
}
#lookbook .slick-dots {
	display:block;
	margin:0 auto;
	text-align:center;
	margin-left:-1px;
}
#lookbook .slick-dots li {
	display:inline-block;
	margin:0 1px;
}
#lookbook .slick-dots button:before,
.fs_reco .slick-dots button:before {
	content: '\25CB'; /*○*/
	font-size: 10px;
	color:#4d4d4d;
	text-indent: 0px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
#lookbook .slick-dots li.slick-active button:before,
.fs_reco .slick-dots li.slick-active button:before {
	content: '\25CF'; /*●*/
	font-size: 10px;
}
}
@media screen and (max-width:342px) {
#lookbook .slick-dots {
	position:absolute;
	bottom:-55px;
}
}
