@charset "utf-8";

@import url("./jquery.multiscroll.css") screen and (orientation: landscape);
@import url("./jquery.fullPage.css") screen and (orientation: portrait);

@media screen and (orientation: landscape) {

body {
	background: linear-gradient(90deg, rgb(35, 77, 116), rgb(41, 28, 49));
}

#wrapper {
}

#logo {
	position: relative;
	z-index: 100;
	width: 15vw;
	margin: 50vh 0 0 2vw;
	transform: translateY(-50%);
}

#logo img {
	width: 100%;
}

#lookbook_banner {
	position: absolute;
	transform: rotate(-90deg);
	z-index: 111;
	top: 85px;
	right: -19px;
}

#store_banner {
	position: absolute;
	transform: rotate(-90deg);
	z-index: 110;
	bottom: 130px;
	right: -35px;
}

#lookbook_banner a,
#store_banner a {
	display: block;
	padding: 0 0 11px 2px;
	/*border-bottom: 3px solid #000;*/
	border-bottom: 3px solid #fff;
	/*color: #000;*/
	color: #fff;
	font-family: 'Urbanist', sans-serif;
	font-size: 12px;
	line-height: 0;
	letter-spacing: 0.3em;
	text-decoration: none;
}

body.top #multiscroll-nav li .active span {
    background: #fff !important;
}
body.top #multiscroll-nav span {
    border: 1px solid #fff !important;
    background: rgba(255, 255, 255, 0) !important;
}

#insta_banner a {
	display: block;
	position: absolute;
	bottom: 23px;
	right: 23px;
	z-index: 200;
}

#insta_banner a img {
	width: 24px;
	height: 24px;
}

#slide_horizontal {
	display: block;
	z-index: 50;
}

#slide_vertical {
	display: none;
}

.ms-section {
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 100%;
}

.ms-left .ms-section { background-position: right;}
.ms-right .ms-section { background-position: left;}

.ms-left .section1 { background-image: url(../img/slide/26ss1/i3.jpg);}
.ms-left .section2 { background-image: url(../img/slide/26ss1/i6.jpg);}
.ms-left .section3 { background-image: url(../img/slide/26ss1/i19.jpg);}
.ms-left .section4 { background-image: url(../img/slide/26ss1/i12.jpg);}
.ms-left .section5 { background-image: url(../img/slide/26ss1/i11.jpg);}
.ms-left .section6 { background-image: url(../img/slide/26ss1/i4.jpg);}
.ms-left .section7 { background-image: url(../img/slide/26ss1/i10.jpg);}
.ms-left .section8 { background-image: url(../img/slide/26ss1/i18.jpg);}
.ms-left .section9 { background-image: url(../img/slide/26ss1/i14.jpg);}
.ms-left .section10 { background-image: url(../img/slide/26ss1/i8.jpg);}

.ms-right .section1 { background-image: url(../img/slide/26ss1/i0.jpg);}
.ms-right .section2 { background-image: url(../img/slide/26ss1/i7.jpg);}
.ms-right .section3 { background-image: url(../img/slide/26ss1/i9.jpg);}
.ms-right .section4 { background-image: url(../img/slide/26ss1/i13.jpg);}
.ms-right .section5 { background-image: url(../img/slide/26ss1/i16.jpg);}
.ms-right .section6 { background-image: url(../img/slide/26ss1/i5.jpg);}
.ms-right .section7 { background-image: url(../img/slide/26ss1/i2.jpg);}
.ms-right .section8 { background-image: url(../img/slide/26ss1/i17.jpg);}
.ms-right .section9 { background-image: url(../img/slide/26ss1/i15.jpg);}
.ms-right .section10 { background-image: url(../img/slide/26ss1/i1.jpg);}

}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    background: #fff !important;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border: 2px solid #fff !important;
    background: rgba(255, 255, 255, 0) !important;
}


@media screen and (orientation: portrait) {

#logo {
	position: absolute;
	z-index: 100;
	width: 20vw;
	margin: 50vh 0 0 4vw;
	transform: translateY(-50%);
}

#logo img {
	width: 100%;
}

#lookbook_banner {
	position: absolute;
	transform: rotate(-90deg);
	z-index: 110;
	top: 12vh;
	right: -4.5vw;
}

#store_banner {
	position: absolute;
	transform: rotate(-90deg);
	z-index: 110;
	bottom: 18vh;
	right: -8vw;
}

#lookbook_banner a,
#store_banner a {
	display: block;
	padding: 0 0 18px 2px;
	/*border-bottom: 4px solid #000;*/
	border-bottom: 4px solid #fff;
	/*color: #000;*/
	color: #fff;
	font-family: 'Urbanist', sans-serif;
	font-size: 24px;
	line-height: 0;
	letter-spacing: 0.3em;
	text-decoration: none;
}

body.top #multiscroll-nav li .active span {
    background: #fff !important;
}
body.top #multiscroll-nav span {
    border: 1px solid #fff !important;
    background: rgba(255, 255, 255, 0) !important;
}

#insta_banner a {
	display: block;
	position: absolute;
	bottom: 4vh;
	right: 3.8vw;
	z-index: 200;
}

#insta_banner a img {
	width: 5vw;
}

#slide_vertical {
	display: block;
	z-index: 50;
}

#slide_horizontal {
	display: none;
}

.section {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.fp-section1 { background-image: url(../img/slide/26ss1/i0.jpg);}
.fp-section2 { background-image: url(../img/slide/26ss1/i1.jpg);}
.fp-section3 { background-image: url(../img/slide/26ss1/i2.jpg);}
.fp-section4 { background-image: url(../img/slide/26ss1/i3.jpg);}
.fp-section5 { background-image: url(../img/slide/26ss1/i4.jpg);}
.fp-section6 { background-image: url(../img/slide/26ss1/i5.jpg);}
.fp-section7 { background-image: url(../img/slide/26ss1/i6.jpg);}
.fp-section8 { background-image: url(../img/slide/26ss1/i7.jpg);}
.fp-section9 { background-image: url(../img/slide/26ss1/i8.jpg);}
.fp-section10 { background-image: url(../img/slide/26ss1/i9.jpg);}
.fp-section11 { background-image: url(../img/slide/26ss1/i10.jpg);}
.fp-section12 { background-image: url(../img/slide/26ss1/i11.jpg);}
.fp-section13 { background-image: url(../img/slide/26ss1/i12.jpg);}
.fp-section14 { background-image: url(../img/slide/26ss1/i13.jpg);}
.fp-section15 { background-image: url(../img/slide/26ss1/i14.jpg);}
.fp-section16 { background-image: url(../img/slide/26ss1/i15.jpg);}
.fp-section17 { background-image: url(../img/slide/26ss1/i16.jpg);}
.fp-section18 { background-image: url(../img/slide/26ss1/i17.jpg);}
.fp-section19 { background-image: url(../img/slide/26ss1/i18.jpg);}
.fp-section20 { background-image: url(../img/slide/26ss1/i19.jpg);}

}

#fp-nav ul li,
.fp-slidesNav ul li {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    height: 4px !important;
    width: 4px !important;
    border: 2px solid #fff !important;
    background: rgba(255, 255, 255, 0) !important;
}