/************************************************************
jaxson.jp 個別CSS
jxsn-brand.css 20180305
*************************************************************/

/************************************************************
common settings
*************************************************************/
html, body {
	background-color: #00044c;
height:100%;
}

.sprite{
	display: block;
	text-indent: 101%;
	white-space: nowrap;
	overflow: hidden;
}

.tal { text-align:left; }
.tac { text-align: center; }
.tar { text-align: right; }

/* Fonts
*************************************************************/
body { 
/* font-family: 'Raleway','Noto Sans JP', sans-serif; */
	font-family: 'Quicksand', 'Kiwi Maru', 'Zen Kaku Gothic Antique', 'Raleway','Noto Sans JP', sans-serif;


	letter-spacing:0.15em; 
}

h1{ font-size:3.5rem; }
h2{ font-size:3rem; }
h3{ font-size:2rem; }
h4{ font-size:1.5rem; }



/************************************************************
shorthands
*************************************************************/

/************************************************************
bootstrap override
*************************************************************/

/************************************************************
bootstrap custom element
*************************************************************/

/************************************************************
contents settings
*************************************************************/

#header{ 
}

#hdr-pnl {
}

@media screen and (min-width: 1200px) {
	#hdr-pnl { }
}

#hdr-logo {
}

.sprite{ }

#hdr-logo a {
}


#header .hdr-glnv {
}

/* Dropotron 対策 */

	.dropotron {
	}

@media screen and (max-width: 1200px) {
	#hdr-logo{ }
	#header .hdr-glnv { }
}

.glnv-ul{
	color: #00044c;
}
.glnv-li{
}

.glnv-li-a{
}

.glnv-li-a:hover{ 
	color:#00044c; 
}

/* contents **************************************************************/

.main {margin-top:0; } 

.mv-before{ 
	position:relative; 
	opacity: 0; visibility: hidden; 
	transition: opacity 2s, visibility 0s ease 2s; 
}

.mv-scroll-before{ 
	width: 10vw;
	position:relative; 
	margin-left:5%;
	opacity: 0; visibility: hidden; 
	transition: opacity 2s, visibility 0s ease 2s; 
}

.mv-in{ opacity:1; visibility: visible; transition-delay: 2s; }


#brand-mv{
	background-image: url("/img/brand/bg-01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 2000px;
	padding: 0 0 0 0;
	margin:0;
}
#mv-logo { 
/*
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 0;
*/
}

.prlx-content-container{
	background-color:rgba(64,64,64,0.7);
	height:100%;
}
.prlx-content{
/* postion: -webkit-sticky;	position: sticky; */	
	color:#ffffff;
	left:-2vw;
	position:absolute;
	opacity:0;
	padding:25vh 5vw 10rem 5vw;
	width:39vw; height:100%; 
	visibility: hidden;
}

.prlx-fadetxt01{ transition: opacity 1s ease 0s, visibility 0s ease 0s, left 1s ease 0s; }
.prlx-fadetxt02{ transition: opacity 1s ease 0s, visibility 0s ease 0s, left 1s ease 0s; }
.prlx-fadetxt03{ transition: opacity 1s ease 1s, visibility 0s ease 1s, left 1s ease 1s; }

.prlx-content[prlxslidein="1"]{
  opacity: 1;
	color:rgb(255,255,255);
	position:fixed;
	top:0;
	left:0;
	visibility: visible;
}

.prlx-content[prlxslideout="1"]{
  opacity: 0;
	color:rgb(255,255,255);
	position:fixed;
	top:0;
	left:-2vw;
	visibility: hidden;
}

.prlx-title{
	color:#ffffff;
	left:-2vw;
	position:absolute;
	opacity:0;
	padding:6rem 5vw 10rem 5vw;
	width:25vw; height:10vw; 
}
.prlx-title[prlxslidein="1"]{
  opacity: 1;
	color:rgb(255,255,255);
	position:fixed;
	top:0;
	left:0;
}

.prlx-title[prlxslideout="1"]{
  opacity: 0;
	color:rgb(255,255,255);
	position:fixed;
	top:0;
	left:-2vw;
	visibility:hidden;
}

.shoulder{
	color:#ffffff;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size:3rem;
	line-height:4rem;
	padding:10rem 0 10rem 0; 
	width:100%; height:25%;
}


#prlx-02{
	background-color:#999999;
	color:#333333;
	background-image: url("/img/brand/bg-02.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 4000px;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	line-height:2.5rem;
}

#prlx-03{
		position:relative;
		background-color:#000000;
		height: 2000px;
		padding: 0 0 0 0;
		margin:0 0 0 0;
	}



#prlx-bg-container{
	overflow: hidden;
/* width: calc(100vw - 15px); */
	width:100%; 
	height:10000px;
	position:relative;
}	
.prlx-bg{
	transition: opacity 1s, visibility 0s ease 1s, left 2s ease; 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	/* width: calc(100vw - 15px); */
	width:100%; 
	height: 100%;
}
#bg-04{
	background-image: url("/img/brand/bg-04.jpg");
	position:absolute;
	left:0;	top:0;
}

#bg-05{
	background-image: url("/img/brand/bg-05.jpg");
	left:100vw; top:0;
	position:absolute;
}

#bg-06{
	background-image: url("/img/brand/bg-06.jpg");
	left:100vw; top:0;
	position:absolute;
}

#bg-07{
	background-image: url("/img/brand/bg-07.jpg");
	left:100vw; top:0;
	position:absolute;
}

#bg-08{
	background-image: url("/img/brand/bg-08.jpg");
	left:100vw; top:0;
	position:absolute;
}

#prlx-bg-container[shwbg05="1"] #bg-05{ left:0; }
#prlx-bg-container[shwbg06="1"] #bg-06{ left:0; }
#prlx-bg-container[shwbg07="1"] #bg-07{ left:0; }
#prlx-bg-container[shwbg08="1"] #bg-08{ left:0; }

#bg-04[shwbg05="1"] + #bg-05{ left:0; }
#bg-05[shwbg06="1"] + #bg-06{ left:0; }
#bg-06[shwbg07="1"] + #bg-07{ left:0; }
#bg-07[shwbg08="1"] + #bg-08{ left:0; }



#prlx-04{
		color:#333333;
		width: 100%;
		height: 2000px;
		padding: 0 0 0 0;
		margin:0 0 0 0;
		line-height:2.5rem;
		position:relative;
	}
	
#prlx-05{
		background-color:#ffff99;
		color:#333333;
		background-image: url("/img/brand/bg-05.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		width: 100%;
		height: 2000px;
		padding: 0 0 0 0;
		margin:0 0 0 0;
		line-height:2.5rem;
}
	
#prlx-06{
		background-color:#999999;
		color:#333333;
		background-image: url("/img/brand/bg-06.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		width: 100%;
		height: 2000px;
		padding: 0 0 0 0;
		margin:0 0 0 0;
		line-height:2.5rem;
}
	
#prlx-07{
		background-color:#999999;
		color:#333333;
		background-image: url("/img/brand/bg-07.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: contain;
		width: 100%;
		height: 2000px;
		padding: 0 0 0 0;
		margin:0 0 0 0;
		line-height:2.5rem;
}
	
#prlx-08{
		background-color:#999999;
		color:#333333;
		background-image: url("/img/brand/bg-08.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		width: 100%;
		height: 2000px;
		padding: 0 0 0 0;
		margin:0 0 0 0;
		line-height:2.5rem;
}

.plrx-sequential-nav{
	dispyal:inline-block;
	width:100%;
	display:inline-block;
	color:#ffffff;
}
.plrx-arrow{ width:2rem; }



/* productslist **************************************************************/

/* contentslist **************************************************************/

@media screen and (min-width: 1200px) {
	#top-mv{
	}
	#top-mv:before {
	}
	#top-mv-inside{
	}
}