@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+SC:200,300,400,500,600,700&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese');
@font-face{
    font-family: "xaqua";
    src: url("../font/FOT-TsukuAOldMinPr6-R.otf");
}


/*wararnty*/
.wararnty{
  padding: 40px 0 8px;
  font-family: 'Noto Sans JP', sans-serif;
}
.wararnty dl{
  width: 1100px;
  max-width: 92%;
  margin: auto;
  border: 1px solid #222;
  border-radius: 4px;
  padding: 24px;
  color: #222;
}
.wararnty dt{
  padding: 0 0 16px 0;
  font-size: 1.4em;
}
.wararnty dt em{
  font-style: normal;
  display: block;
  padding: 0 0 8px;
}
.wararnty dt b{
  font-weight: 500;
  display: block;
  font-size: 1.3em;
}
.wararnty dd{
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  font-weight: 400;
}
.wararnty dl i{
  flex: 0 0 100px;
  padding: 0 16px 0 0;
}
.wararnty dl span{}
.wararnty p{
  font-size: 12px;
  width: 1100px;
  max-width: 92%;
  margin: auto;
  padding: 8px 0 0;
}

@media screen and (max-width: 768px) {
  .wararnty dd{
    flex-direction: row-reverse;
  }
  .wararnty dt{
    font-size: clamp(14px, 4.2vw, 20px);
    line-height: 1.2;
  }
 .wararnty dl i{
  flex: 0 0 100px;
  padding: 0 0 0 16px;
}
  .wararnty dd{
    line-height: 1.7;
  }
}


html,body{
	color: #666;
	background: #fff;
	font-weight: 500;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 27px;
	font-family: 'Noto Serif SC', serif;
}
html {
	overflow-y: scroll;
scroll-padding-top: 100px;
}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
 word-break: break-all;
}

a {
	-webkit-transition: all, 0.3s;
	transition: all, 0.3s;
	border: none;
	outline: none;
	text-decoration: none;}

img {
	margin: 0;
	padding: 0;
	max-width: 100%;
 height: auto;
	border: none;}

p,h1, h2, h3, h4, ul, li, a {
	font-weight: normal;
	margin: 0;
	padding: 0;}

h2{
	font-weight: normal;
	color: #000;
	font-size: 30px;
	line-height: 0.7;
	text-align: center;
	letter-spacing: 1px;}

h2 span{
	display: block;
	margin-top: 10px;
	color: #666;
	font-size: 18px;}

div {
	padding: 0;
	margin: 0;}

* {
	box-sizing: border-box;}

::-moz-selection {
	background-color: #BED1E7;}

::selection {
	background-color: #BED1E7;}

.MenuWrap{
 background: #fff;
}

#wrapper{
	overflow: hidden;}

.SPmenu{
	display: none;}

img.SPImg{
	display: none;}

.up {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : 1s ease-out 0.3s;}

.up.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	transition : 1s ease-out;}

.up:nth-of-type(2) {
	-moz-transition-delay:300ms;
	-webkit-transition-delay:300ms;
	-o-transition-delay:300ms;
	-ms-transition-delay:300ms;}

.up:nth-of-type(3) {
	-moz-transition-delay:500ms;
	-webkit-transition-delay:500ms;
	-o-transition-delay:500ms;
	-ms-transition-delay:500ms;}

#eomaqua,
.ContentBox{
	width: 1200px;
 max-width: 100%;
	margin: 0 auto;
	background: #fff;}

#eomaqua #top{
    transition : 1.3s ease-in 0.3s;
	-webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
	width: 1200px;
 max-width: 100%;
	position: absolute;
	z-index: 100;
	background: #fff;
	height: 101vh;}

#eomaqua #top img{
    transition : 0.6s;}

#eomaqua #top.topgo,
#eomaqua #top.topgoc{
	position: fixed;
    transition : 1.3s ease-in 0.3s;
	-webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);}

#eomaqua #top.topgo img,
#eomaqua #top.topgoc img{
    transition : 0.2s;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-ms-filter: blur(5px);
	-o-filter: blur(5px);
	filter: blur(5px);}

#eomaqua #top span{
	display: block;
	position: absolute;
	top: 1px;}


#contents{
	position: absolute;
	/*width: 1200px;*/
	left: 0;
	right: 0;
	top: 90px;
	bottom: 0;
	margin: auto;
	background: #fff;}

#contents.topcontents,
#contents.topcontentsc{
	position: absolute;
	height: auto;}

#slide{
	position: relative;
	box-sizing: border-box;}

#slide h2{
	margin-bottom: 52px;
	text-align: center;}

.bx-wrapper{
	width: 1200px;
	margin: 0 auto;}

.bx-pager {
	margin-top: 40px;
	display: flex;}

.bx-pager .bx-pager-item {
	flex: 0 0 33.333%;}

.bx-pager .bx-pager-item a{
	text-indent: -9999px;
	height: 2px;
	width:100%;
	display: block;
	background: #a0a0a0;}

.bx-pager .bx-pager-item a.active{
	background: #00a0e9;}

.bx-wrapper ul li{
	line-height: 0;}

#movie{
	background: #f1f1f1;
	font-size: 14px;
	padding: 50px 0 50px 0;
	margin: 0 auto;}

#movie h2{
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	margin-bottom: 30px;}

#movie h2 span{
	font-size: 18px;
}

#movie .movieBBox{
	width: 953px;
 max-width: 100%;
	margin: 0 auto;
	display: flex;
justify-content: space-between;}

#movie .movieBBox .movieBox{
	flex: 0 0 30%;}

#movie .movieBBox .movieBox:first-child{
	margin-left: 0;}

#movie .movieBBox .movieBox a{
	line-height: 0;
	display: block;
	position: relative;
	transition: 0.5s;}

#movie .movieBBox .movieBox a:hover{
	opacity: 0.7;
	transition: 0.5s;}

#movie .movieBBox .movieBox a span{
	display: block;
	margin-top: 5px;
	text-align: center;}

#movie .movieBBox .movieBox p{
	letter-spacing: 1px;
	color: #333333;
	margin-top: 11px;
	text-align: center;
	line-height: 20px;}

.movieBox a {
 display: block;
 position: relative;
}
.movieBox a span {
 position: absolute;
 width: 100%;
 display: block;
 text-align: center;
 bottom: -12px;
}
.movieBox p {
 padding-top: 12px;
}
#concept{
	width: 1200px;
 max-width: 100%;
	margin: 0 auto;
	background: #fff;
	padding: 43px 0 70px 0;
	box-sizing: border-box;}

#concept h2{
	margin-bottom: 60px;
	text-align: center;}

#concept .concept-01,
#concept .concept-02,
#concept .concept-03{
	margin: 0 40px;}

#concept .concept-01 .Tx p,
#concept .concept-02 .Tx p,
#concept .concept-03 .Tx p{
	margin-bottom:17px;
	line-height: 1.8;}

#concept .concept-01{
	position: relative;
	margin-bottom: 118px;
	box-sizing: border-box;}

#concept .concept-01 .Tx{
	top: 48px;
	right: 10px;
	position: absolute;}

#concept .concept-01 .Tx h3{
	margin-bottom: 50px;}

#concept .concept-02{
	margin-bottom: 120px;
	position: relative;
	line-height: 0;
	background: #fff;}

#concept .concept-02 .Tx{
	position: absolute;
	right: 28px;
	top: -27px;
	line-height: 33px;
	width: 468px;
	margin: 0 auto 0;}

#concept .concept-02 .Tx h3{
	margin-bottom: 54px;}

#concept .concept-03{
	position: relative;
	overflow: hidden;}

#concept .concept-03 .Tx{
	position: absolute;
	top: 0;
	right: 52px;}

#concept .concept-03 .Tx h3{
	margin-bottom: 50px;}

.Crumbs-LocalNavi{
 border-top: 1px solid #CFCFCF;
 border-bottom: 1px solid #CFCFCF;
 margin: 0 auto;
 /*width: 1200px;*/
 max-width: 100%;
 background: rgba(255,255,255,0.9);
 position: relative;
 transition-duration: 0.3s;
}
.clnavi{
 display: flex;
 justify-content: space-between;
 width: 1200px;
 max-width: 100%;
 margin: auto;
 padding: 0 50px;
 font-family: 'Noto Serif SC', serif;
}

.Crumbs{
 flex: 0 0 auto;
 font-size: 15px;
  padding: 16px 0;
 transition-duration: 0.3s;
 display: flex;
 justify-content: flex-start;
}
.Crumbs li{
 display: inline-block;
 padding: 0 15px 0 0;
}
.Crumbs li a,
.Crumbs li span{
 color: #999;
}
.Crumbs li a:hover{
 color: #003366;
}
.Crumbs li strong{
 font-weight: bold;
 color: #003366;
}
.LocalNavi{
 text-align: right;
 display: flex;
 justify-content: flex-end;
}
.LocalNavi li{
 display: inline-block;
 margin-left: 32px;
 font-size: 14px;
 position: relative;
}
.LocalNavi li:first-child{
 margin-left: 0;
}

.LocalNavi li a{
 color: #555;
 padding: 16px 0;
 display: block;
 transition-duration: 0.3s;
 position: relative;
}
.LocalNavi li.current a{
 color: #111;
}

.Crumbs-LocalNavi.fixed{
 position: fixed;
 left: 0;
 right: 0;
 top: 55px;
 z-index: 20;
}
.Crumbs-LocalNavi.fixed .Crumbs{
 padding: 8px 0;
}
 .Crumbs-LocalNavi.fixed li a{
 padding: 8px 0;
}
x.Crumbs-LocalNavi li a::after{
  content: "";
 display: block;
 width: 0%;
 left: 50%;
 margin: auto;
 height: 1px;
 bottom: 0px;
 position: absolute;
 transition-duration: 0.3s;
}
.xCrumbs-LocalNavi li a:hover::after{
 width: 100%;
 left: 0;
 bottom: 0;
 background: #6cf;
}

@media screen and (max-width: 1100px) {
.Crumbs-LocalNavi {
 }
 .clnavi{
 padding: 0 5px;
 }

 .LocalNavi li{
 margin-left: 10px;
}
}


@media screen and (max-width: 768px) {
	.clnavi{
flex-wrap: wrap;
 }
	img.SPImg{
		display: block;}
	img.PCImg{
		display: none;}
	
	.SubNaviOption{
		background: none;
		display: none;
	}
	
	html,body{
		font-size: 14px;
		line-height: 33px;}

	#eomaqua,
	#eomaqua #top,
	.bx-wrapper,
	.lefttop,
	#eomaqua .menu-movie,
	#contents,
	#concept .concept-02 .Tx,
	#movie{
		width: 100%;
 }
 


 #contents{
  top: 50px;
 }
	
	#eomaqua{
		padding-bottom: 0;}

	#eomaqua .menu-movie{
		bottom: 0;
		padding: 32px 0 0 0;
		border: 10px solid #333366;
		-webkit-transform: translate(-100%, 0);
		-moz-transform: translate(-100%, 0);
		-o-transform: translate(-100%, 0);
		transform: translate(-100%, 0);}

	#eomaqua .menu-movie ul{
		margin-top: 25px;
		padding: 0 9px;
	    border-top: 1px solid #979797;}
	
	#eomaqua .menu-movie ul li{
		display: inline-block;
		width: 32%;
		border-top: none;}
	
	#eomaqua .menu-movie ul li:last-child{
		border-bottom: none;}
	
	#eomaqua .menu-movie p.open.close{
		width: 50px;
		top: -5px;
		right: -5px;
		border-radius: 80px;}
	
	#eomaqua .menu-movie p.open{
		top: -10px;
		right: -65px;}
	
	#eomaqua .menu-movie ul li a .Ph{
		width: 100%;
		margin-right: 0;
		margin-bottom: 23px;}
	
	#eomaqua .menu-movie ul li a .Ph span {
		top: 0;
		bottom: -50px;
		right: 0;
		left: 0;}

	#eomaqua .menu-movie ul li a p:last-child{
		padding: 0 10px;
		border-left: 1px solid #979797;}
	
	#eomaqua .menu-movie ul li:last-child p{
		border-right: 1px solid #979797;}
	
	#eomaqua .menu-movie ul li:last-child p.Ph{
		border-right: none;}
	
 
	.bx-viewport{
		width:100%;
		max-width: none;}
	
	.bx-pager{
		margin: 30px 15px 0 15px;}
	
	.scroll-bottom{
		bottom: 100px;
		width: 60px;}
	
	.scroll-bottom p{
		bottom: 36px;}
	
	#concept{
		padding: 63px 0 0 0;}
	
	#slide{
		padding: 100px 0 80px 0;}
	
	#slide h2{
		margin-bottom: 40px;}

 #eomaqua,
.ContentBox{
	width: 100%;
	margin: 0 auto;
	background: #fff;}
 
	#concept .concept-01,
	#concept .concept-02,
	#concept .concept-03 {
		background: none;
		margin: 0;}
	
	#concept .concept-01{
		padding: 0;}
	
	#concept .concept-01 .Tx,
	#concept .concept-02 .Tx,
	#concept .concept-03 .Tx{
		margin-top: 40px;}
	
	#concept .concept-01 .Tx{
		position: static;
		padding: 0 30px;
		border: none;}
	
	#concept .concept-01 .Tx h3{
		margin-right: 0;
		margin-bottom: 55px;
		width: 245px;}
	
	#concept .concept-02 {
		padding:40px 0  30px 0;}
	
	#concept .concept-02 .Tx{
		padding: 0 30px;
		position: static;
		border: none;}
	
	#concept .concept-02 .Tx h3,
	#concept .concept-02 .Tx p{
		text-align: left;
		padding: 0;}
	
	#concept .concept-02 .Tx h3{
		width: 80%;
		margin-bottom: 10px;}
	
	#concept .concept-02 .Tx h3 img{
		}
	
	#concept .concept-02 .Tx p{
		padding-top: 30px;}
	
	#concept .concept-03{
		padding:0;}
	
	#concept .concept-03 .Tx h3{
		width: 91%;
	}
	
	#concept .concept-03 .Tx, #concept .concept-03 .Ph{
		display: block;}
	
	#concept .concept-03 .Tx{
		position: static;
		padding: 0 30px;
		height: auto;
		margin-right: 0;
		border-left: none;}
	
	#concept .concept-03 .Ph{
		width: 100%;}
	.Crumbs{
		display: block;
	}
 .Crumbs-LocalNavi{
  display: block;
  width: auto;
 }
	.LocalNavi{
  text-align: left;
  flex-wrap: wrap;
 }
 .LocalNavi li{
  margin: 0 0 0 10px;
  font-size: 13px;
 }
 .Crumbs li{margin: 0 0; white-space: nowrap; line-height: 1;}
 .Crumbs-LocalNavi .Crumbs{padding: 0 0 0 1px;}
 .Crumbs-LocalNavi.fixed .Crumbs{padding: 8px 0 0 1px; display: none;}
 .Crumbs-LocalNavi li a,
 .Crumbs-LocalNavi.fixed li a{padding: 0 0 0px; line-height: 1.4;}
 .Crumbs-LocalNavi{
  padding: 0;
 }
 
}



 @media screen and (max-width: 640px) {
	
	#movie{
		padding-bottom: 20px;}
	
	#movie .slideBox{
		overflow: hidden;}
	
	#movie .movieBBox {
  max-width: none;
		position: relative;
  display: block;}
	
	#movie .movieBBox .movieBox{
		border-left: none;
		margin-left: 0;
		border-right: none;
		flex: none;
		padding: 0 5px;
		margin-right: 0;}
	
	#movie .bx-pager {
		width: 176px;
		margin: 40px auto 0;}
	
	#movie .bx-pager .bx-pager-item{
		margin-right: 20px;
		flex: none;}
	
	#movie .bx-pager .bx-pager-item:last-child{
		margin-right: 0;}
	
	#movie .bx-pager .bx-pager-item a{
		text-indent: -9999px;
		display: block;
		height: 4px;
		width: 45px;
		background: #bfbfbf;}
	
	#movie .bx-pager .bx-pager-item a.active{
		background: #00479d;}
  
   .Crumbs{
	   width: 100%;
    font-size: 13px;
    letter-spacing: -0.1em;
  }
 }


@media screen and (max-width: 340px) {
	
	#eomaqua .menu-movie ul li a p br {
		display: none;}
}




/*/////////////////*/
/*/////////////////*/
/*/////////////////*/
/*////MENU START*/

 #menu{
  width: 100%;
  height: 110px;
  margin: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  background: rgba(255,255,255,0.95);
 }
#menu.eomaqua-top{
 border: 0;
 }
 .product-ContentBox,
 .ContentBox,
.lineup-colorBox{
  padding-top: 110px;
 }
 
	h1{
		display: inline-block;
	}
	
.lefttop{
	width: 100%;
 max-width: 1100px;
	padding: 30px 0 0;
 display: table;
	margin: 0 auto;
	z-index: 2000;
 left: 0;
 right: 0;
 }
.lefttop h1{
 transition-duration: 0.3s;
 line-height: 0;
 padding: 5px 0 0;
 display: table-cell;
 vertical-align: top;
 width: 234px;
}
.eomaqua-top .lefttop{
 border: 0;
}
.lefttop .PCmenu{
	display: table-cell;
 vertical-align: top;
 padding-top: 0;
	}
.lefttop .PCmenu ul{
 display: flex;
 margin-left: auto;
 margin-bottom: 5px;
 justify-content: flex-end;
 align-items: center;
}
.lefttop .PCmenu ul.SubNavi{
 margin-bottom: 0;
 display: none;
}
.lefttop .PCmenu ul li{
	box-sizing: border-box;
 }
.lefttop .PCmenu ul li a{
 display: block;
 padding: 0 12px;
	box-sizing: border-box;
 position: relative;
 bottom: 0;
 z-index: 2;
transition-duration: 0.2s;
 white-space: nowrap;
 line-height: 1.4;
}
.lefttop .PCmenu ul li a:hover{
 color: #000;
}
.lefttop .PCmenu ul li:last-child a{
 padding-right: 0;
}

.lefttop .PCmenu ul li.PCmenu-inq a{
 padding-right: 32px;
}
.lefttop .PCmenu ul li.PCmenu-GC a{
 	border-left: 1px solid #666;
 padding-right: 0;
 padding-left: 32px;
}


.lefttop.fixed .PCmenu ul li:last-child a img{
	width: 130px;
}


.lefttop .PCmenu ul li a{
	color: #666;
	font-size: 14px;
 }
 
 .lefttop .PCmenu ul li.current a{
	 color: #003366;
  font-weight: bold;
 }

/*FIX*/
#menu.fixed{
	height: 55px;
}
.lefttop.fixed{
	transition-duration: .8s;
 padding: 5px 0px;
	}

 
	.lefttop.fixed h1{
  flex: 0 0 auto;
  padding-top: 10px;
	}
	.lefttop.fixed h1 img{
		width: 160px;
	}
.lefttop.fixed .PCmenu{
 padding-top: 10px;
}
.lefttop.fixed .PCmenu .SubNavi {
}
	.lefttop.fixed .PCmenu ul li{
	}
	.lefttop.fixed .PCmenu ul li a{
}
	.fixed .PCmenu {
	}
	
	.fixed .PCmenu ul li{
	}



 	@media screen and (max-width: 1180px) {
 .lefttop{
	padding: 0 10px 0;
 }

 .lefttop .PCmenu ul li{
  margin-right: 0;
   }
 .lefttop.fixed{
	padding: 5px 10px 0;
 height: 55px;

   }
   .lefttop .PCmenu ul li{
 }

 }
  	@media screen and (max-width: 980px) {
    .lefttop{
     max-width: 100%;}
  .lefttop .PCmenu ul li{
 }

}
 
	@media screen and (max-width: 768px) {
		
	 .product-ContentBox, .ContentBox, .lineup-colorBox{
  padding-top: 55px;
 }
  #menu{
  height: 55px;
  }
	.menu{
		display: none;}
	
	.lefttop .PCmenu{
		display: none;}
	
	.SPmenu{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
		display: block;}
	
	nav{
		background: rgba(255,255,255,0.95);
		padding: 15px;
		height: 100vh;
		width: 100%;
		line-height: 1;
		display: none;
  overflow-y: scroll;}
	
	#nav_toggle{
		position: absolute;
		top: 4px;
		right: 10px;
		padding-top: 10px;
		display: block;
		width: 30px;
		height: 30px;
		z-index: 100;}
	
	#nav_toggle div {
		position: relative;}
	
	#nav_toggle span{
		width: 100%;
		display: block;
		height: 1px;
		background: #555;
		position:absolute;
		left: 0;
		right: 0;
		margin: auto;
		bottom: auto;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;}
	
	#nav_toggle span:nth-child(1){
		top:0px;}
	
	#nav_toggle span:nth-child(2){
		top:10px;}
	
	#nav_toggle span:nth-child(3){
		top:20px;}
	
	nav ul{
		margin-top: 15px;
		padding: 0 0 30px;
		border-bottom: 1px solid #666;}
	
  	nav ul ul{
    border-top:0;
    border-bottom:0;
    padding-left: 1em;
    padding: 0 0.5em;
  }
  
	nav ul li {
		padding: 16px 0;
  border-bottom: 1px dotted #ddd;
  }
  	nav ul li li{
		padding: 13px 0;
  border-bottom: none;
  }
		
		nav ul li li.menusimulation{
			background: #deecf9;
			border-radius: 20px;
			letter-spacing: -2px;
			text-align: center;
			font-size: 14px;
			padding: 7px 0;
		}
		
		.menuopen li.menusimulation.current{
			border: 2px solid #52a7f7;
			background: #fff;
		}
		
		.menuopen li.menusimulation.current a{
			color: #52a7f7;}
		
		li.current .SubNaviOption li.menusimulation{
			background: #fff;
		}
		
		nav ul li.current{
			background: #deecf9;
		}
	
	nav ul li:last-child{
		margin-bottom: 0;}
	
	nav ul li a{
		padding: 0 10px;
		font-size: 15px;
		color: #666;}
	

	
	.menuopen #nav_toggle span:nth-child(1) {
		top: 12px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);}
	
	.menuopen #nav_toggle span:nth-child(2) {
		width: 0;
		left: 50%;}
	
	.menuopen #nav_toggle span:nth-child(3) {
		top: 12px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);}

	.lefttop{
		width: 100%;
		background: rgba(255,255,255,1.05);
		overflow: inherit;
		line-height: 0;
  height: auto;
		padding: 10px 0 8px 10px;}
	.lefttop h1{
  padding: 0;
  vertical-align: middle;
  }
	.lefttop img{
		width: 180px
  }
  .lefttop.fixed {
   height: 55px;
  }
   .lefttop.fixed h1{
 padding: 0 0 10px 0;
}
		
		.SPmenu li img{
			width: auto;
		}
		
		
		
		
		
	.subNaviB{
		position: relative;
	}
	
	.nav_toggle02{
		position: absolute;
		top: 4px;
		right: 10px;
		padding-top: 7px;
		display: block;
		width: 20px;
		height: 20px;
		z-index: 100;}
	
	.nav_toggle02 div {
		position: relative;}
	
	.nav_toggle02 span{
		width: 100%;
		display: block;
		height: 1px;
		background: #33302b;
		position:absolute;
		left: 0;
		right: 0;
		margin: auto;
		bottom: auto;}
	
	.nav_toggle02 span:nth-child(1){
		top:12px;}
	
	.nav_toggle02 span:nth-child(2){
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
		top:12px;}
	
	.nav_toggle02 span:nth-child(1){
		top:12px;}
	
	.nav_toggle02 span:nth-child(2){
		transition-duration:0.3s;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
		top:12px;}

		
	
	.nav_toggle02.menuopen span:nth-child(2){
		transition-duration:0.3s;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);}
		
	}

/*////MENU END*/

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:8%; left:0; z-index:9999; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{}
#colorbox{outline:0; height: 100vh !important; background: #000; top: 0 !important;}
/*    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;}*/
    #cboxContent{ overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}

        #cboxCurrent{position:absolute; bottom:-75px; left:0; right: 0; margin: auto; font-weight:bold; color:#666; width: 230px; text-align: center;}
		#cboxCurrent span{color: #fff; border-bottom: 2px solid #666; display: block;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom: 353px; width:25px; height:48px; text-indent:-9999px;}
		#cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; top:-50px; width:25px; height:48px; text-indent:-9999px;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{left: 35px; background: url("chairtype/images/left-arrow.png") no-repeat center center;}
        #cboxNext{right:35px; background: url("chairtype/images/right-arrow.png") no-repeat center center;}
        #cboxClose{right:35px; background: url("chairtype/images/close.png") no-repeat center center;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}














/*! Lity - v2.3.1 - 2018-04-20
* http://sorgalla.com/lity/
* Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.7);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}