@charset "UTF-8";

/* ===================================================================
/
/
/	SETTING
/
/
===================================================================*/
html { color:#222; background:#F5F5F5; line-height:1.6; text-align:left; font-size:65.5%; }
body { font-size:1.3rem; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; overflow-x:hidden; }
img { max-width:100%; height:auto; }

	/* Link set
	-------------------------------------------------------------------*/
	a { color:#222; text-decoration:none; transition:.3s ease-in-out; }
	a img { transition:.3s ease-in-out; }
	a:hover { color:#59ADB7; text-decoration:underline; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {

			body { background:#FFF; overflow-x:hidden; }

		}

	/* Block set
	-------------------------------------------------------------------*/
	article section { width:100%; position:relative; }
	article section:after { content:""; display:block; clear:both; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		.m { display:none; }
		@media screen and (max-width:768px) {

			body { font-size:1.1rem; }
			.container { width:100%; }
			.m { display:block; }

		}

	/* JS set
	------------------------------------------------------------------- */
	.animated { opacity:0; }
	.defs { display:none; }
	/* load */
	body *:not([.loading]) { display:none; }
	.loading { width:calc(100% - 300px); height:100vh; background:#FFF; position:fixed; right:0; top:0; z-index:99999; }
	.loading img { position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {

			.loading { display:none; }

		}


/* ===================================================================
/
/
/	Article
/
/
===================================================================*/
/* Set
------------------------------------------------------------------- */
article { position:relative; padding-left:300px; width:100%; margin:0 auto; border-left:1px solid #EEE; border-right:1px solid #EEE; background:#FFF; }
article:after { content:""; display:block; clear:both; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {

			body > article { padding-left:0; border-left:none; border-right:none; background:none; }

		}

	/* Title
	------------------------------------------------------------------- */
	article > .title { width:300px; position:absolute; left:0; top:0; padding-top:30px; border-top:5px solid #59ADB7;
	 text-align:center; background:#FFF; }
	article > .title h1 { margin-bottom:20px; }
	article > .title h2 { color:#59ADB7; letter-spacing:1px; font-size:1.2rem; }

		/* Toggle nav
		------------------------------------------------------------------- */
		article > .title .drawer,
		article > .title .menu { display:none; }


		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {

			article > .title { width:100%; position:static; margin-bottom:20px; }
			article > .title h2 { font-size:1rem; }

			/* Toggle nav */
			article > .title nav{width:100%;height:70px; position:fixed; left:0; top:0; z-index:99999; }
			article > .title .drawer{display:flex;flex-direction:row;align-items:center; float:right;
			 justify-content:space-between;height:100%;padding:0 1em}
			article > .title .navbar_toggle{z-index:9999}
			article > .title .navbar_toggle_icon{position:relative;display:block;height:2px;width:30px;background:#222;
			 -webkit-transition:ease .5s;transition:ease .5s}
			article > .title .navbar_toggle.ss .navbar_toggle_icon { background:#59ADB7; }
			article > .title .navbar_toggle_icon:nth-child(1){top:0}
			article > .title .navbar_toggle_icon:nth-child(2){margin:8px 0}
			article > .title .navbar_toggle_icon:nth-child(3){top:0}
			article > .title .navbar_toggle.open .navbar_toggle_icon:nth-child(1){top:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
			article > .title .navbar_toggle.open .navbar_toggle_icon:nth-child(2){-webkit-transform:translateY(-50%);
			 transform:translateY(-50%);opacity:0}
			article > .title .navbar_toggle.open .navbar_toggle_icon:nth-child(3){top:-10px;-webkit-transform:rotate(-45deg);
			 transform:rotate(-45deg)}
			article > .title .menu{ display:block; -webkit-transform:translateY(-100%);transform:translateY(-100%); width:100%;
			 -webkit-transition:ease .5s;transition:ease .5s;z-index:1000}
			article > .title .menu ul li a{ display:block; padding:2em;border-bottom:1px solid #CCC; position:relative;
			 text-align:left; padding-left:50px; color:#222; font-size:1.5rem; letter-spacing:1px; text-transform:uppercase;}
			article > .title .menu ul li a span { font-size:1rem; color:#777; margin-left:20px; font-weight:normal;
			 font-family:'Spinnaker', sans-serif; }
			article > .title .menu ul li a svg { display:block; position:absolute; left:20px; top:50%; transform:translateY(-50%);
			 width:18px; height:18px; fill:#59ADB7; transition:.5s ease; }
			article > .title .menu.open{-webkit-transform:translateY(0);transform:translateY(0);overflow-y:auto;-webkit-overflow-scrolling:touch;
			 background:rgba(255,255,255,.9); height:100vh; position:fixed; left:0; top:0; width:100%; padding-top:100px;}

		}


	/* Navigaation (Aside)
	------------------------------------------------------------------- */
	aside { width:300px; position:absolute; left:0; top:220px; background:#FFF; }
	aside div { width:300px; background:#FFF; }
	aside nav { margin-bottom:30px; }
	aside nav > ul > li > a { display:block; height:60px; line-height:60px; padding-left:50px; border-top:1px solid #DDD; text-decoration:none; font-weight:bold;
	 text-transform:uppercase; letter-spacing:1px; position:relative; }
	aside nav > ul > li > a:after { content:""; display:block; clear:both; }
	aside nav > ul > li > a > span { font-size:1rem; color:#777; margin-left:20px; font-weight:normal; font-family:'Spinnaker', sans-serif; }
	aside nav > ul > li.ac > a,
	aside nav > ul > li.ac > a span,
	aside nav > ul > li:hover a { text-decoration:none; color:#59ADB7; background:#FAF8F5; }
	aside nav > ul > li:hover span { color:#59ADB7; }
	aside nav > ul > li > a img { float:left; margin:20px 15px 0 0; opacity:0.6; }
	aside nav > ul > li.ac > a img,
	aside nav > ul > li > a:hover img { opacity:1; }
	aside nav > ul > li:first-child a { font-family:'Spinnaker', sans-serif; font-weight:normal; }
	aside nav > ul > li:nth-child(2) > a { pointer-events:none; }
	/* svg */
	aside nav > ul > li > a svg { display:block; position:absolute; left:20px; top:50%; transform:translateY(-50%); width:18px; height:18px; fill:#CCC; transition:.3s ease-in-out; }
	aside nav > ul > li:nth-child(4) > a svg { top:45%; }
	aside nav > ul > li.ac > a svg,
	aside nav > ul > li:hover svg { fill:#59ADB7; }
	aside nav > ul > li:hover svg { transform:translateY(-50%) rotate(-15deg); }
	aside nav > ul > li.ac svg { transform:translateY(-50%) }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {

			aside { width:100%; position:static; left:auto; top:auto; background:none; }
			aside div { width:100%; background:#none; }
			aside nav { margin-bottom:10px; border-top:1px solid #EEE; }
			aside nav > ul > li > a { display:none; border-top:none; }
			aside nav > ul > li:nth-child(2) > a { display:block; }

		}

		/* Child Nav
		------------------------------------------------------------------- */
		aside nav > ul > li:hover .child li a { color:#222; }
		aside nav > ul > li:hover .child li a:hover { color:#59ADB7; }
		aside nav .child:after { content:""; display:block; clear:both; }
		aside nav .child li { width:50%; float:left; }
		aside nav .child li a { display:block; height:40px; line-height:40px; padding-left:15px; border-bottom:1px solid #DDD; font-size:1.1rem; }
		aside nav .child li a:after { content:""; display:block; clear:both; }
		aside nav .child li a:hover { background:#FAF8F5; }
		aside nav .child li.ac a { background:#FAF8F5; color:#59ADB7; }
		aside nav .child li a span { font-size:.9rem; color:#59ADB7; font-family:'Spinnaker', sans-serif; float:right; padding-right:20px; }
		aside nav .child li:nth-child(2n) a { border-left:1px solid #DDD; }
		aside nav .child li:nth-last-child(2) a,
		aside nav .child li:last-child a { border-bottom:none; }

	/* Tel
	------------------------------------------------------------------- */
	aside h3 { text-align:center; color:#59ADB7; font-size:1.1rem; letter-spacing:1px; margin-bottom:10px; }
	aside address { text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-left:-10px; }
	aside address a { color:#59ADB7; font-size:2.5rem; }
	aside address a span { padding:2px 0; font-size:.9rem; color:#FFF; background:#59ADB7; margin-right:10px; display:inline-block; width:40px; position:relative; top:-6px; text-align:center; }
	aside address a:hover { text-decoration:none; }
	aside address p { font-size:1.5rem; font-weight:bold; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {

			aside .contact { position:fixed; left:0; bottom:0; width:100%; background:#59ADB7; z-index:99999; border-top:2px solid #FFF;
			 text-align:center; padding:1em 0 .8em; line-height:1.4; }
			aside h3 { font-size:.9rem; color:#FFF; letter-spacing:0; margin-bottom:0; }
			aside h3:before { content:"<"; margin-right:3px; }
			aside h3:after { content:">"; margin-left:3px; }
			aside address img:not(.m) { display:none; }
			aside address img.m { display:inline-block; top:-1px; }
			aside address a { color:#FFF; font-size:2.2rem; letter-spacing:1px; }
			aside address a:hover { color:#FFF; }
			aside address p { font-size:1.4rem; color:#FFF; letter-spacing:1px; }
			aside address a .sml { background:#FFF; color:#59ADB7; }

		}


/* ===================================================================
/
/
/	Main block
/
/
===================================================================*/

	/* ===================================================================
	/
	/
	/	Slide
	/
	/
	===================================================================*/
	.fv { margin-bottom:30px; }
	.fv > .slide { height:100%; width:600px; background:#FFF; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {

			.fv > .slide { height:auto; width:100%; }

		}

	.bx-wrapper { position:relative; z-index:1; }
	.bx-wrapper ul li { height:600px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; }
	.bx-wrapper ul li:before { content:""; width:100%; height:100%; position:absolute; left:0; top:0; opacity:.5; background: #01b5b2;
background: -moz-linear-gradient(-45deg,  #01b5b2 0%, #0082e5 100%);
background: -webkit-linear-gradient(-45deg,  #01b5b2 0%,#0082e5 100%);
background: linear-gradient(135deg,  #01b5b2 0%,#0082e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b5b2', endColorstr='#0082e5',GradientType=1 ); }
	.bx-wrapper ul li:nth-child(2):before { background: #f9c12b;
background: -moz-linear-gradient(-45deg,  #f9c12b 0%, #ff7f04 100%);
background: -webkit-linear-gradient(-45deg,  #f9c12b 0%,#ff7f04 100%);
background: linear-gradient(135deg,  #f9c12b 0%,#ff7f04 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c12b', endColorstr='#ff7f04',GradientType=1 ); }
	.bx-wrapper ul li:nth-child(3):before { background: #f232b8;
background: -moz-linear-gradient(-45deg,  #f232b8 0%, #e73827 100%);
background: -webkit-linear-gradient(-45deg,  #f232b8 0%,#e73827 100%);
background: linear-gradient(135deg,  #f232b8 0%,#e73827 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f232b8', endColorstr='#e73827',GradientType=1 ); }
	.bx-wrapper ul li:nth-child(4):before { background: #d4fc79;
background: -moz-linear-gradient(-45deg,  #d4fc79 0%, #96e6a1 100%);
background: -webkit-linear-gradient(-45deg,  #d4fc79 0%,#96e6a1 100%);
background: linear-gradient(135deg,  #d4fc79 0%,#96e6a1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4fc79', endColorstr='#96e6a1',GradientType=1 ); }
	.bx-wrapper ul li:nth-child(5):before { background: #f5f7fa;
background: -moz-linear-gradient(-45deg,  #f5f7fa 0%, #c3cfe2 100%);
background: -webkit-linear-gradient(-45deg,  #f5f7fa 0%,#c3cfe2 100%);
background: linear-gradient(135deg,  #f5f7fa 0%,#c3cfe2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7fa', endColorstr='#c3cfe2',GradientType=1 ); }

	/* copy */
	.bx-wrapper ul li h1 { text-align:center; font-size:3rem; position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%);
	 text-shadow:1px 1px 5px rgba(255,255,255,.8); color:#FFF; }
	.bx-wrapper ul li h1 strong:first-of-type { font-weight:bold; }
	.bx-wrapper ul li h1 strong:last-of-type { border:1px solid #FFF; padding:0 10px; margin-left:10px; }

	.bx-controls { position:absolute; left:50%; bottom:20px; text-align:center; transform:translateX(-50%); z-index:9999; }
	.bx-controls .bx-pager-item { display:inline-block; margin:0 5px; }
	.bx-controls .bx-pager-item a { text-indent:-9000em; display:block; width:18px; height:18px; background:rgba(255,255,255,.5); border-radius:50%; }
	.bx-controls .bx-pager-item a:hover { background:rgba(255,255,255,.8); }
	.bx-controls .bx-pager-item a.active { background:#59ADB7; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {

			.bx-wrapper ul li { height:50vh; }
			.bx-wrapper ul li h1 { font-size:2.6rem; letter-spacing:1px; writing-mode:horizontal-tb; top:15vh; left:auto; width:100%; transform:none; text-align:center; }
			.bx-controls .bx-pager-item a { width:14px; height:14px; }

		}

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {

			.carousel { background:none; }
			.carousel ul li { width:150px; height:100px; margin-left:5px; }

		}

		/* carousel js
		------------------------------------------------------------------- */
		.simply-scroll-container{position:relative}
		.simply-scroll-clip{position:relative;overflow-x:hidden}
		.simply-scroll-list{overflow-x:hidden;list-style:none;}
		.simply-scroll-list li{list-style:none;}
		.simply-scroll-list li img{border:none;display:block}
		.simply-scroll{width:100%;height:auto;}
		.simply-scroll .simply-scroll-clip{width:100%;height:auto}


	/* ===================================================================
	/
	/	Glid
	/
	===================================================================*/
	/* Set
	------------------------------------------------------------------- */
	.group { margin-bottom:50px; }
	.group h1 { font-size:3rem; font-family:Arial, Helvetica, sans-serif; font-weight:700; padding-bottom:20px; margin-bottom:40px; background:url(../images/tit_line.png) center bottom no-repeat; text-align:center; }
	.group { padding-top:10px; }
	.group li { float:left; width:49%; margin-left:1%; position:relative; }
	.group li:first-child { margin-left:0; }
	.group li > a { display:block; padding:30px 10px 10px; text-align:center; text-decoration:none; position:relative; border:5px solid #E5E5E5; background:#FFF;
	 border-radius:3px; transition:.5s ease-in-out; }
	.group li dt { margin-bottom:10px; overflow:hidden; position:relative; margin-bottom:30px; }
	.group li dd { padding:20px 10px 10px; background:#E5E5E5; }
	.group li dd:after { content:""; display:block; clear:both; }
	.group li dd h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.5rem; margin-bottom:10px; }
	.group li dd h2 span { display:block; font-size:1rem; color:#999; }
	.group li dd p { font-size:1.1rem; color:#555; padding-bottom:10px; }
	/* .group li:last-child dd p { padding-right:80px; } */
	.group li div { width:110px; height:110px; position:absolute; right:25px; bottom:25px; padding:10px; background:#FFF; border-radius:5px; transition:.3s ease-out; }
	.group li div:hover { transform:scale(1.1); }

		/* hover effect */
		.group li > a:hover { color:#555; background:#F8F8F8; box-shadow:0px 0px 5px rgba(0,0,0,.4); text-decoration:none; color:#59ADB7; }
		.group li > a:hover dt img { transform:scale(1.1); }


		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {

			.group h1 { font-size:2rem; }
			.group li { width:100%; margin-left:0; }
			.group li:first-child { margin-bottom:10px; }
			.group li:last-child dd p { padding-right:0; }
			.group li div { width:100%; height:auto; position:static; right:auto; bottom:auto; text-align:center; margin-top:10px; }
			.group li div img { width:35%; height:auto; }

		}


	/* ===================================================================
	/
	/	Glid
	/
	===================================================================*/
	/* Set
	------------------------------------------------------------------- */
	#grid h1 { font-size:3rem; font-family:Arial, Helvetica, sans-serif; font-weight:700; padding-bottom:20px; margin-bottom:40px; background:url(../images/tit_line.png) center bottom no-repeat; text-align:center; }
	#grid { padding-top:10px; }
	#grid li a { display:block; padding:10px; height:100%; text-align:center; text-decoration:none; position:relative; background:#E5E5E5; border-radius:3px; transition:.5s ease-in-out; }
	#grid li a * { transition:.5s ease-in-out; }
	#grid li.none a { pointer-events:none; }
	#grid li a dt .hv { position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.7); opacity:0; }
	#grid li a dt .hv p { width:70%; position:relative; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); color:#FFF; padding:10px; border:2px solid transparent; letter-spacing:1px; }
	/* In border */
	#grid li a dt .hv p:after,
	#grid li a dt .hv p:before,
	#grid li a dt .hv p .border:after,
	#grid li a dt .hv p .border:before { background:#FFF; content:""; display:block; position:absolute; transition:.5s ease-in-out; z-index:10; }
	#grid li a dt .hv p:after { height:2px; left:-2px; top:-2px; width:0; }
	#grid li a dt .hv p:before { height:2px; right:-2px; bottom:-2px; width:0; }
	#grid li a dt .hv p .border:after { height:0; left:-2px; bottom:-2px; width:2px; }
	#grid li a dt .hv p .border:before { height:0; right:-2px; top:-2px; width:2px; }
	/* manshitu */
	#grid li a dt .man { position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(255,255,255,.7); }
	#grid li a dt .man p { width:70%; margin:0 auto; position:relative; top:45%; color:#C5293F; padding:10px; border:2px solid #C5293F; letter-spacing:2px; font-size:1.4rem; }



		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {

			#grid h1 { font-size:2rem; }
			#grid { padding-top:0; }

		}

		/* hover effect */
		#grid li a:hover { color:#555; background:#F8F8F8; box-shadow:0px 0px 5px rgba(0,0,0,.4); }
		#grid li a:hover dt img { transform:scale(1.1); }
		#grid li a:hover dt .hv { opacity:1; }
		#grid li a:hover dt .hv p:after,
		#grid li a:hover dt .hv p:before { width:100%; width:calc(100% + 2px); }
		#grid li a:hover dt .hv p .border:after,
		#grid li a:hover dt .hv p .border:before { height:100%; height:calc(100% + 2px); }

		/* In List
		------------------------------------------------------------------- */
		#grid li dt { margin-bottom:10px; overflow:hidden; position:relative; }
		#grid li dd { padding:10px; }
		#grid li dd:after { content:""; display:block; clear:both; }
		#grid li dd h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.5rem; letter-spacing:1px; margin-bottom:10px; }
		#grid li dd h2 span { display:block; font-size:1rem; color:#999; }

	/* Coming soon
	------------------------------------------------------------------- */
	.comingsoon { padding:200px 0; text-align:center; }
	.comingsoon h1 { text-transform:uppercase; font-family:'Spinnaker', sans-serif; font-size:1.8rem; margin-bottom:20px; letter-spacing:1px; }
	.comingsoon h1:first-letter { color:#59ADB7; }


/* ===================================================================
/
/
/	Bottom Contact
/
/
===================================================================*/
/* Set
------------------------------------------------------------------- */
.btm a { display:block; color:#FFF; text-decoration:none; background:#5A6A76; text-align:center; position:relative; padding:100px 0 40px; border-top:10px solid #59ADB7; }
.btm a:after { content:""; width:80px; height:80px; position:absolute; left:50%; top:50%; margin-top:-40px; border-right:2px solid #FFF; border-bottom:2px solid #FFF; margin-left:180px;
 -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); transition:.3s ease-in-out; }
.btm a:before { content:""; width:80px; height:80px; position:absolute; right:50%; top:50%; margin-top:-40px; border-right:2px solid #FFF; border-bottom:2px solid #FFF; margin-right:180px;
 transform:rotate(135deg); transition:.3s ease-in-out; }
.btm a:hover:after { left:65%; opacity:.2; }
.btm a:hover:before { right:65%; opacity:.2; }

	/* In text
	------------------------------------------------------------------- */
	.btm a h1 { margin-bottom:10px; font-size:1.8rem; letter-spacing:1px; font-family:'Spinnaker', sans-serif; text-transform:uppercase; }
	.btm a p { margin-bottom:30px; letter-spacing:1px; }
	.btm a li { width:200px; height:32px; line-height:34px; text-align:center; background:#FFF; border-radius:4px; color:#59ADB7; font-size:1.1rem; letter-spacing:1px; font-weight:bold; margin:0 auto; }
	.btm a:hover { background:#59ADB7; }
	.btm a svg { display:block; position:absolute; left:50%; top:15px; transform:translateX(-50%); width:60px; height:60px; fill:#FFF; transition:.3s ease-in-out; }
	.btm a:hover svg { top:25px; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:1240px) {

			.btm a:hover:after { left:55%; }
			.btm a:hover:before { right:55%; }

		}
		@media screen and (max-width:1080px) {

			.btm a:after,
			.btm a:before { display:none; }

		}


/* ===================================================================
/
/
/	Footer
/
/
===================================================================*/
/* Set
------------------------------------------------------------------- */
article > footer { height:60px; line-height:60px; background:#444; color:#CCC; padding:0 60px; font-size:1.2rem; position:relative; }
article > footer:after { content:""; display:block; clear:both; }
article > footer ul { float:left; margin-right:50px; }
article > footer ul li { float:left; margin-left:40px; }
article > footer ul li:first-child { margin-left:0; }
article > footer ul li a { text-decoration:none; color:#CCC; }
article > footer address { float:left; }
article > footer address br { display:none; }
article > footer small { float:right; font-size:1.2rem; text-transform:uppercase; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:1240px) {

			article > footer small { display:none; }

		}
		@media screen and (max-width:960px) {

			article > footer { height:auto; line-height:1.5; padding:30px 0 100px; }
			article > footer ul { float:none; margin-right:0; }
			article > footer ul li { float:none; margin-left:0; }
			article > footer ul li a { display:block; padding:10px; border:1px solid #FFF; width:50%; margin:0 auto 30px;  text-align:center; }
			article > footer address { float:none; text-align:center; margin-bottom:20px; }
			article > footer address br { display:block; }
			article > footer small { display:inline-block; float:none; text-align:center; font-size:1rem; display:block; }

		}

	/* PageTop
	------------------------------------------------------------------- */
	.pagetop { display:block; width:300px; height:60px; position:fixed; bottom:0; left:0; background:#888; z-index:88888;
	 text-align:center; color:#FFF; line-height:60px; text-transform:uppercase; letter-spacing:2px; font-family:'Spinnaker', sans-serif; font-size:1.1rem; }
	.pagetop:after { content:""; display:block; border-left:2px solid #FFF; border-top:2px solid #FFF; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);
	 position:absolute; left:50px; top:50%; width:10px; height:10px; transition:.3s ease; }
	.pagetop:hover { text-decoration:none; background:#444; }
	.pagetop:hover:after { top:40%; border-left:2px solid #59ADB7; border-top:2px solid #59ADB7; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {

			.pagetop { display:none !important; }

		}


/* ======================================================================================================================================
/
/
/
/	PAGE contents
/
/
/
======================================================================================================================================*/
.pnkz { width:100%; height:50px; line-height:50px; background:#E7E7E7; }
.pnkz:after { content:""; display:block; clear:both; }
.pnkz li { float:left; height:100%; width:130px; font-size:1.2rem; color:#888; text-align:center; }
.pnkz li:first-child { background:#DADADA; }
.pnkz li:nth-child(2) { background:#DFDFDF; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {

			.pnkz { width:100%; height:30px; line-height:30px; }
			.pnkz li { width:33.3333%; }

		}

/* ===================================================================
/
/
/	service
/
/
===================================================================*/
.ser section { padding:80px 0; text-align:center; }
.ser section h1 { font-size:3rem; font-family:Arial, Helvetica, sans-serif; font-weight:700; padding-bottom:20px; margin-bottom:40px; background:url(../images/tit_line.png) center bottom no-repeat; }
.ser section img { margin-bottom:50px; }
.ser section p { font-size:1.5rem; line-height:1.8; }
.ser section p strong { font-weight:bold; box-shadow:0 -10px 0 inset #EEE; }
.ser section p strong.bk { box-shadow:0 -10px 0 inset #666; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {

			.ser section { padding:40px 0; }
			.ser section h1 { font-size:2rem; padding-bottom:15px; margin-bottom:30px; }
			.ser section p { font-size:1.4rem; }

		}

/* ===================================================================
/
/
/	s des
/
/
===================================================================*/
.des .s2 { background:#000; color:#FFF; }
.des .s3 ul { width:80%; margin:0 auto; }
.des .s3 ul li { display:inline-block; width:210px; height:210px; }
.des .s3 ul li h2 { font-weight:bold; }
.des .s6 { background:#000; color:#FFF; }


		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {

			.des .s2 p { padding:0 40px; text-align:left; }
			.des .s3 ul { width:100%; }
			.des .s3 ul:after { content:""; display:block; clear:both; }
			.des .s3 ul li { display:block; float:left; width:50%; margin-bottom:20px; }
			.des .s3 ul li h2 { font-size:1.3rem; }
			.des .s3 ul li dt { height:120px; }
			.des .s3 ul li dt img { position:relative; top:50%; transform:translateY(-50%) scale(.8); }
			.des .s3 p { padding:0 40px; text-align:left; }
			.des .s4 img { width:30%; height:auto; }
			.des .s4 p { padding:0 40px; text-align:left; }
			.des .s5 img { width:80%; height:auto; }
			.des .s5 p { padding:0 40px; text-align:left; }
			.des .s6 p { padding:0 40px; text-align:left; }

		}


/* ===================================================================
/
/
/	s est
/
/
===================================================================*/
.est .s2 { background:#000; color:#FFF; }
.est .s3 .m { display:none; }
.est .s4 p { margin-bottom:30px; }
.est .s4 ul { width:800px; margin:0 auto; }
.est .s4 li { margin-bottom:0; }
.est .s4 li:last-child { margin-bottom:0; }
.est .s4 li:after { content:""; display:block; clear:both; }
.est .s4 li dt { float:left; margin-right:50px; }
.est .s4 li dd { overflow:hidden; padding:40px 0; text-align:left; }
.est .s4 li dd h2 { font-size:3rem; margin-bottom:20px; }
.est .s4 li dd p { margin-bottom:30px; }
.est .s4 li dd a { display:block; width:150px; height:30px; line-height:30px; text-align:center; color:#FFF; background:#000; border:1px solid #000; }
.est .s4 li dd a:hover { color:#000; background:#FFF; text-decoration:none; }


		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {

			.est .s1 p { padding:0 20px; }
			.est .s1 p br { display:none; }
			.est .s2 p { padding:0 40px; text-align:left; }
			.est .s3 img.m { display:block; margin:0 auto 30px; }
			.est .s3 img:not(.m) { display:none; }
			.est .s3 p { padding:0 40px; text-align:left; }
			.est .s3 p br { display:none; }
			.est .s4 ul { width:auto; }
			.est .s4 li { margin-bottom:40px; }
			.est .s4 li:last-child { margin-bottom:0; }
			.est .s4 li dt { float:none; margin:0 auto 20px; text-align:center; }
			.est .s4 li dt img { margin-bottom:0; }
			.est .s4 li dd { overflow:hidden; padding:0 40px; }
			.est .s4 li dd h2 { font-size:2rem; margin-bottom:0; }
			.est .s4 li dd a { margin:0 auto; }

		}



/* ===================================================================
/
/
/	s web
/
/
===================================================================*/
.web .s2 { background:#000; color:#FFF; }
.web .s3 ul { width:70%; margin:0 auto 60px; }
.web .s3 ul:after { content:""; display:block; clear:both; }
.web .s3 ul li { width:33.33333%; float:left; text-align:center; margin-bottom:20px; }
.web .s3 ul li dt { height:150px; }
.web .s3 ul li dt img { position:relative; top:50%; transform:translateY(-50%); }
.web .s3 ul li dd p { font-size:1.1rem; }
.web .s3 ul li dd h2 { font-weight:bold; font-size:1.5rem; }
.web .s4 img { margin-bottom:30px; }
.web .s4 p { margin-bottom:40px; }
.web .s4 p .sml { font-size:1.1rem; }
.web .s5 ul { width:50%; margin:0 auto; }
.web .s5 ul dt { background:#000; color:#FFF; padding:20px; text-align:center; font-size:1.6rem; }
.web .s5 ul li:first-child dt { background:#C30; }
.web .s5 ul dd { padding:30px; }
.web .s5 ul dd p { font-size:1.3rem; }
.web .s5 ul dd p .sml { font-size:1rem; margin-bottom:30px; }
.web .s5 > a { display:block; width:200px; height:40px; line-height:40px; text-align:center; color:#FFF; background:#000; border:1px solid #000; margin:0 auto; }
.web .s5 > a:hover { color:#000; background:#FFF; text-decoration:none; }
.web .s6 ul { width:650px; margin:0 auto; }
.web .s6 li { text-align:left; margin-bottom:30px; }
.web .s6 li dl:after { content:""; display:block; clear:both; }
.web .s6 li dl dt { font-size:1.6rem; font-weight:bold; margin-bottom:20px; }
.web .s6 li dl dt span { display:block; width:30px; height:30px; line-height:30px; text-align:center; background:#000; color:#FFF; float:left; margin-right:10px; }
.web .s6 li dl dd { overflow:hidden; }
.web .s6 li dl dd p { font-size:1.3rem; }


		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {

			.web .s1 p { padding:0 30px; }
			.web .s1 p br { display:none; }
			.web .s2 p { padding:0 40px; }
			.web .s2 p br { display:none; }
			.web .s3 ul { width:100%; margin:0 auto 40px; }
			.web .s3 ul li { width:50%; }
			.web .s3 ul li dd h2 { font-size:1.4rem; }
			.web .s4 img { width:95%; }
			.web .s4 p { text-align:left; padding:0 40px; }
			.web .s4 p:last-of-type { margin-bottom:0; }
			.web .s5 ul { width:90%; }
			.web .s5 ul dd { padding:20px; }
			.web .s5 ul dd p { text-align:left; }
			.web .s5 ul dd p br { display:none; }
			.web .s6 ul { width:90%; }
			.web .s6 li dl dd p br { display:none; }

		}



/* ===================================================================
/
/
/	s etc
/
/
===================================================================*/
.etc .s1 { text-align:center; }
.etc .s1 img { width:80%; margin-bottom:30px; }
.etc .s1 h1 { font-size:2rem; font-weight:bold; margin-bottom:-0; }
.etc .s1 h2 { font-size:1rem; margin-bottom:40px; margin-top:20px; }
.etc .s1 p { font-size:1.4rem; margin-bottom:30px; }
.etc .s1 a { display:block; width:200px; height:40px; line-height:40px; text-align:center; color:#FFF; background:#000; border:1px solid #000; margin:0 auto; }
.etc .s1 a:hover { color:#000; background:#FFF; text-decoration:none; }





/* ===================================================================
/
/
/	News
/
/
===================================================================*/
.news article { padding:50px 15%; border:none !important; margin-bottom:40px; position:relative; }
.news article:after { content:""; display:block; clear:both; }
.news article time { display:block; width:130px; padding:5px; margin:0 auto; background:#000; color:#FFF; font-family:'Spinnaker', sans-serif;
 text-align:center; position:absolute; left:15%; top:50px; letter-spacing:1px; }
.news article h1 { font-size:2rem; margin-bottom:30px; position:relative; padding-bottom:10px; padding-left:150px; }
.news article p { font-size:1.4rem; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:1200px) {

			.news article { padding:50px 5% !important; }
			.news article time { left:5%; }

		}
		@media screen and (max-width:868px) {

			.news article { padding:20px !important; }
			.news article time { position:static; margin-bottom:20px; }
			.news article h1 { padding-left:0; margin-bottom:20px; }


		}




/* ===================================================================
/
/
/	Company PAGE
/
/
===================================================================*/
.company { width:80%; margin:0 auto; padding-top:30px; }
/* title */
.company > h1 { text-align:center; font-size:2.2rem; letter-spacing:2px; margin-bottom:30px; padding-bottom:30px; position:relative; }
.company > h1:after { content:""; width:50px; height:2px; background:#222; position:absolute; left:50%; transform:translateX(-50%); bottom:25px; }
.company > h1 span { display:block; font-family:'Spinnaker', sans-serif; font-size:1.1rem; text-transform:uppercase; position:absolute; left:0; left:50%; transform:translateX(-50%); bottom:0; }
.company > h1:first-letter { color:#59ADB7; }
.company > svg:first-of-type { width:60px; height:60px; fill:#59ADB7; display:block; margin:0 auto 10px; }
/* table */
.company table { width:100%; margin:0 auto; border-top:1px solid #DDD; border-right:1px solid #DDD; font-size:1.5rem; letter-spacing:1px; }
.company table th,
.company table td { border-bottom:1px solid #DDD; padding:30px 20px; }
.company table tr:nth-child(2n) th,
.company table tr:nth-child(2n) td { background:#F5F5F5; }
.company table tr th { width:20%; background:#666 !important; color:#FFF; text-align:center; vertical-align:middle; }
.company table tr td ul li { list-style:inside disc; }
/* map */
.company iframe { width:100%; height:500px; }

	/*/////////////////////////////
	//
	//	Responsive
	//
	////////////////////////////////////////////////////////*/
	@media screen and (max-width:1240px) {

		.company { width:100%; }
		.company table { font-size:1.4rem; }

	}
	@media screen and (max-width:768px) {

		.company table { font-size:1.3rem; }
		.company table tr th { width:30%; }
		.company iframe { height:300px; }

	}


/* ===================================================================
/
/
/	News PAGE
/
/
===================================================================*/
.news { width:80%; margin:0 auto; padding-top:30px; }
/* title */
.news > h1 { text-align:center; font-size:2.2rem; letter-spacing:2px; margin-bottom:30px; padding-bottom:30px; position:relative; }
.news > h1:after { content:""; width:50px; height:2px; background:#222; position:absolute; left:50%; transform:translateX(-50%); bottom:25px; }
.news > h1 span { display:block; font-family:'Spinnaker', sans-serif; font-size:1.1rem; text-transform:uppercase; position:absolute; left:0; left:50%; transform:translateX(-50%); bottom:0; }
.news > h1:first-letter { color:#59ADB7; }
.news > svg:first-of-type { width:60px; height:60px; fill:#59ADB7; display:block; margin:0 auto 10px; }
/* article */
.news ul { width:80%; margin:0 auto; }
.news ul:after { content:""; display:block; clear:both; }
.news ul li { padding:50px 0; border-top:1px solid #DDD; position:relative; }
.news ul li:nth-child(2n) { background:#F5F5F5; }
.news ul li:last-child { padding:50px 0 80px; }
.news ul li time { display:block; width:130px; padding:5px; margin:0 auto; background:#222; color:#FFF; font-family:'Spinnaker', sans-serif;
 text-align:center; position:absolute; left:0; top:50px; letter-spacing:1px; }
.news ul li h2 { font-size:2rem; margin-bottom:30px; position:relative; padding-bottom:10px; padding-left:150px; }
.news ul li h2:after { content:""; width:100px; height:1px; background:#222; position:absolute; left:50%; bottom:0; transform:translateX(-50%);
 animation:2.5s border linear 0s; animation-fill-mode:forwards; }
.news ul li p { font-size:1.5rem; }

.coming { text-align:center; padding:100px 0 150px; }
.coming img { -webkit-animation:turn 1.5s linear infinite; animation:turn 1.5s linear infinite; margin-bottom:40px; }
.coming h2 { font-family:'Spinnaker', sans-serif; font-size:3rem; margin-bottom:5px; }
.coming h2:first-letter { color:#59ADB7; font-weight:bold; }

	@-webkit-keyframes turn {
		0% { -webkit-transform:rotate(0deg); }
		100% { -webkit-transform:rotate(360deg); }
	}
	@keyframes turn {
		0% { transform:rotate(0deg); }
		100% { transform:rotate(360deg); }
	}


	@keyframes border {
		0% { width:0; }
		100% { width:100%; }
	}

	/*/////////////////////////////
	//
	//	Responsive
	//
	////////////////////////////////////////////////////////*/
	@media screen and (max-width:1240px) {

		.news ul { width:100%; }
		.news ul li { padding:30px 0 50px; }
		.news ul li time { position:static; margin-bottom:20px; }
		.news ul li h2 { text-align:center; padding-left:0; }

	}
	@media screen and (max-width:768px) {

		.news { width:100%; }
		.news ul li h2 { text-align:left; font-size:1.5rem; font-weight:bold; padding:0 10px 10px; }
		.news ul li p { font-size:1.3rem; padding:0 10px; }

	}


/* ===================================================================
/
/
/	Contact us PAGE
/
/
===================================================================*/
.contactus { width:80%; margin:0 auto 50px; padding-top:30px; }
/* title */
.contactus > h1 { text-align:center; font-size:2.2rem; letter-spacing:2px; margin-bottom:30px; padding-bottom:30px; position:relative; }
.contactus > h1:after { content:""; width:50px; height:2px; background:#222; position:absolute; left:50%; transform:translateX(-50%); bottom:25px; }
.contactus > h1 span { display:block; font-family:'Spinnaker', sans-serif; font-size:1.1rem; text-transform:uppercase; position:absolute; left:0; left:50%; transform:translateX(-50%); bottom:0; }
.contactus > h1:first-letter { color:#59ADB7; }
.contactus > svg:first-of-type { width:60px; height:60px; fill:#222; display:block; margin:0 auto 10px; }
/* table */
.contactus table { width:100%; margin:0 auto; border-top:1px solid #DDD; border-right:1px solid #DDD; font-size:1.3rem; letter-spacing:1px; }
.contactus table th,
.contactus table td { border-bottom:1px solid #DDD; padding:20px; }
.contactus table th span { background:#C5293F; color:#FFF; border-radius:5px; font-size:1.2rem; padding:5px; margin-left:10px; }
.contactus table tr:nth-child(2n) th,
.contactus table tr:nth-child(2n) td { background:#F5F5F5; }
.contactus table tr th { width:20%; background:#666 !important; color:#FFF; vertical-align:middle; }
.contactus table tr td ul:after { content:""; display:block; clear:both; }
.contactus table tr td ul li { border-bottom:1px solid #CCC; float:left; width:50%; }
.contactus table tr td ul li:last-child,
.contactus table tr td ul li:nth-last-child(2) { border-bottom:none; }
.contactus table tr td ul li label { display:block; padding:10px; transition:.3s ease; }
.contactus table tr td ul li label:hover { background:#FFF; }
	/* input */
	.contactus table tr td input[type="text"],
	.contactus table tr td input[type="tel"],
	.contactus table tr td input[type="email"] { width:50%; border:1px solid #DDD; padding:10px; box-shadow:0px 0px 5px rgba(0,0,0,.1) inset; }
	.contactus table tr td input[type="email"] { width:100%; }
	.contactus table tr td input[type="radio"] { margin-right:10px; border-radius:50%; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; position:relative; height:20px; width:20px; vertical-align:-.6rem; transition:.15s ease-out 0s; color:#FFF; cursor:pointer; display:inline-block; outline:none; border:2px solid #59ADB7; }
	.contactus table tr td input[type="radio"]:before { content:""; display:block; width:10px; height:10px; border-radius:50%; margin:3px; transform:scale(0); transition:250ms ease-out; }
	.contactus table tr td input[type="radio"]:checked:before { transform:scale(1); }
	.contactus table tr td input[type="radio"]:checked,
	.contactus table tr td input[type="radio"]:checked:before { background:#59ADB7; }
	.contactus table tr td textarea { width:100%; height:20em; border:1px solid #DDD; padding:10px; box-shadow:0px 0px 5px rgba(0,0,0,.1) inset; }

	/* button */
	.contactus .button { text-align:center; }
	.contactus .button:after { content:""; display:block; clear:both; }
	.contactus .button input[type="submit"],
	.contactus .button input[type="button"],
	.contactus .button input[type="reset"] { width:200px; height:45px; border-radius:5px; border:none; text-align:center; background:#59ADB7; color:#FFF; text-decoration:none; letter-spacing:2px; font-weight:bold; font-size:1.4rem; cursor:pointer; transition:.3s ease-in; display:inline-block; margin:30px 10px 0; -webkit-appearance:none; }
	.contactus .button input[type="button"],
	.contactus .button input[type="reset"] { background:#666; }
	.contactus .button input[type="submit"]:hover { background:#FEAE38; }
	.contactus .button input[type="button"]:hover,
	.contactus .button input[type="reset"]:hover { background:#999; }

	/* text */
	.contactus .check { padding:20px; border:3px solid #DDD; text-align:center; font-size:1.4rem; margin-bottom:30px; }
	.contactus .complete { padding:80px 20px; border:3px solid #59ADB7; font-size:1.4rem; }
	.contactus .complete h2 { text-align:center; font-size:1.8rem; margin-bottom:20px; font-weight:bold; }
	.contactus .complete p { text-align:center; margin-bottom:50px; }
	.contactus .complete p span { font-size:1rem; color:#999; display:block; margin-top:10px; }
	.contactus .complete a { display:block; width:200px; height:40px; line-height:40px; text-align:center; letter-spacing:1px; font-family:'Spinnaker', sans-serif; background:#59ADB7; margin:0 auto; color:#FFF; border-radius:5px; }
	.contactus .complete a:hover { background:#FEAE38; text-decoration:none; }


	/*/////////////////////////////
	//
	//	Responsive
	//
	////////////////////////////////////////////////////////*/
	@media screen and (max-width:1240px) {

		.contactus { width:100%; }
		.contactus table tr th,
		.contactus table tr td { font-size:1.2rem; }
		.contactus table tr td input[type="text"],
		.contactus table tr td input[type="tel"],
		.contactus table tr td input[type="email"] { width:80%; }
		.contactus table th span { display:block; margin:10px 0 0 0; width:50px; text-align:center; }


	}
	@media screen and (max-width:920px) {

		.contactus table tr td ul li { float:none; width:100%; }
		.contactus table tr td ul li:nth-last-child(2) { border-bottom:1px solid  #CCC; }

	}
	@media screen and (max-width:768px) {

		.contactus table tr th { font-size:1rem; }
		.contactus table tr td input[type="text"],
		.contactus table tr td input[type="tel"],
		.contactus table tr td input[type="email"] { width:100%; }
		.contactus .button input[type="submit"],
		.contactus .button input[type="reset"] { width:150px; -webkit-appearance:none; margin:20px 5px 0; }
		.contactus .complete { padding:40px 20px; font-size:1.2rem; }
		.contactus .complete h2 { font-size:1.6rem; }
		.contactus .complete p { text-align:left; margin-bottom:20px; }

	}


/* ===================================================================
/
/
/	Privacy policy PAGE
/
/
===================================================================*/
.pp { width:80%; margin:0 auto 60px; padding-top:30px; }
/* title */
.pp > h1 { text-align:center; font-size:2.2rem; letter-spacing:2px; margin-bottom:30px; padding-bottom:30px; position:relative; }
.pp > h1:after { content:""; width:50px; height:2px; background:#222; position:absolute; left:50%; transform:translateX(-50%); bottom:25px; }
.pp > h1 span { display:block; font-family:'Spinnaker', sans-serif; font-size:1.1rem; text-transform:uppercase; position:absolute; left:0; left:50%; transform:translateX(-50%); bottom:0; }
.pp > h1:first-letter { color:#59ADB7; }
.pp > svg:first-of-type { width:60px; height:60px; fill:#59ADB7; display:block; margin:0 auto 10px; }
/* dl */
.pp dl { padding-bottom:30px; border-bottom:1px solid #DDD; }
.pp dl dt { background:#EEE; padding:20px; font-size:1.5rem; margin-bottom:20px; }
.pp dl dd ul { margin-top:20px; }
.pp dl dd ul li { padding:10px; border-top:1px solid #DDD; list-style:disc inside; }


	/*/////////////////////////////
	//
	//	Responsive
	//
	////////////////////////////////////////////////////////*/
	@media screen and (max-width:1240px) {

		.pp { width:100%; }

	}
	@media screen and (max-width:768px) {

		.pp dl dt { font-size:1.3rem; }
		.pp dl dd ul li { font-size:1.1rem; }
		.pp dl dd { padding:0 20px; }
		.pp dl dd p br { display:none; }

	}

/* ======================================================================================================================================
/
/
/	JS
/
/
======================================================================================================================================*/

/* Color Box
------------------------------------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden; -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;}
#cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
#cboxContent button,
#cboxCurrent { display:none !important; }
#cboxLoadedContent { overflow-x:hidden; margin-bottom:0 !important; }

/* Zoom
------------------------------------------------------------------- */
img[data-action="zoom"]{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in}
.zoom-img,.zoom-img-wrap{position:relative;z-index:666;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}
img.zoom-img{cursor:pointer;cursor:-webkit-zoom-out;cursor:-moz-zoom-out}
.zoom-overlay{z-index:420;background:#fff;position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity 300ms;-o-transition:opacity 300ms;transition:opacity 300ms}
.zoom-overlay-open .zoom-overlay{filter:alpha(opacity=100);opacity:1}
.zoom-overlay-open,.zoom-overlay-transitioning{cursor:default}