/* BASIC css start */
body {background:#2d2625}
body #header .logo .logo_b {display:none; }
body #header .logo .logo_w {display:inline-block; }
body #header:hover .logo_w, body #header.on .logo_w {display:none; }
body #header:hover .logo_b, body #header.on .logo_b {display:inline-block; }
body #header * {color:#fff}
body #header:hover *, body #header.on * {color:#202020; }
body #footer * {color:#fff !important; }
body #footer .footer_logo a .ft_logo_b {display:none; }
body #footer .footer_logo a .ft_logo_w {display:inline-block; }

.lookbook_box {margin-top:20px; }
.lookbook_box .title_box {margin-bottom:42px;display:flex;align-items: center;justify-content: flex-start;}
.lookbook_box .title_box .tt {font-size:14px; }
.lookbook_box .title_box .year a {display:inline-block; margin-left:6px; }

#lookbookListTit {font-size:14px; margin-bottom:20px; color:#fff }

#lookbookList {font-size:0; }
#lookbookList li {vertical-align:top;display:inline-block;width: calc(33.33% - 7px);margin-right:10px; margin-bottom:20px; cursor: pointer; }
#lookbookList li:nth-child(3n) {margin-right:0; }

#imgPopUp { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#2d2625; z-index:10000 }
#imgPopUp .closed {position:fixed; top:20px; right:40px; color:#fff}
#imgPopUp .inner {display:flex;align-items: center;justify-content: center;width: 618px;height:100%;box-sizing:border-box;margin:0 auto;}
#imgPopUp .inner .img_box {position:relative; width: 100%; height: 100%;display: flex; justify-content: center;  align-items: center; }

#imgPopUp .swiper-button-prev:after, #imgPopUp .swiper-button-next:after {display:none; }
#imgPopUp .swiper-button-prev:before, #imgPopUp .swiper-button-next:before { content: ""; position: absolute; top: 50%; left: 50%; width:16px; height:16px; border-top:2px solid #fff; border-right:2px solid #fff; transform: translate(-50%, -50%) rotate(45deg); }
#imgPopUp .swiper-button-prev:before { transform: translate(-50%, -50%) rotate(-135deg); }
#imgPopUp .swiper-button-prev.swiper-button-disabled, #imgPopUp .inner .img_box .swiper-button-next.swiper-button-disabled {opacity:0}
#imgPopUp .swiper-button-prev, #imgPopUp .swiper-button-next {width:60px; height:60px; }

#imgPopUp .swiper-button-prev {left:-60px}
#imgPopUp .swiper-button-next {right:-60px}



/* BASIC css end */

