@charset "utf-8";
/**
 * style
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "import/reset.css";
@import "import/util.css";
@import "../font/font.css";

@import url(https://fonts.googleapis.com/css?family=Cinzel:400,700);
@import url(https://fonts.googleapis.com/css?family=Pathway+Gothic+One);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/**
 * 2. html, body
 */
	body {
		background-color: #fff;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-x;
		background-position: center top;
	}
	.page {
		min-width: 1200px;
		color: #000;
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: 0.1em;
		font-family:"游ゴシック","Yu Gothic","游ゴシック体","YuGothic",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
	img {
		max-width: 100%;
		height: auto;
	}

/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #0000ff;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
		background-position: bottom right;
		text-decoration: underline;
	}
	a:active {}


/* cap */
	.cap,
	.caption {
		background: none;
		color: #666666;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}




/**
 * 4. Layout
 */


/* loader */
	#loader {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		z-index: 100;
	}
	#loader p {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}





/* header */
	body #gHeader {
		overflow: hidden;
		position: relative;
		background-color: #000;
/*		background-image: url(../imgs/main/img-main.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;*/
	}
	#gHeader .main {
		opacity: 1;
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
		-webkit-transition: 1.5s ease-in-out;
		transition: 1.5s ease-in-out;
	}
	#gHeader .main.opening {
		opacity: 0;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}


	#gHeader .siteTitle {
		opacity: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -69px;
		margin-left: -257px;
		z-index: 100;
	}
	#gHeader #logo {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin-left: -257px;
	    margin-top: -69px;
	}


/* text_comp */
	#thanks #gHeader {
		background-image: none;
		background-color: #000;
	}
	#thanks #gHeader .main {
		opacity: .5;
		visibility: visible;
	}
	#thanks #gHeader .siteTitle {
		opacity: 1;
		position: relative;
		top: inherit;
		left: inherit;
		margin-top: 0;
		margin-left: 0;
		margin-bottom: 80px;
	}
	#thanks #gHeader .text_comp {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		width: 100%;
		color: #fff;
		font-size: 12px;
		text-align: center;
	}
	#thanks #gHeader .text_comp h3 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	#thanks #gHeader .text_comp br.sp {
		display: none;
	}
	#thanks #gHeader .text_comp .btn_top {
		margin-top: 60px;
	}
	#thanks #gHeader .text_comp .btn_top a {
		color: #fff;
		font-size: 14px;
	}


	/* pNav */
	#pNav {
		position: fixed;
		top: 50px;
		right: 50px;
		z-index: 2000;
	}
	#pNav ul {}
	#pNav ul li {
		width: 160px;
		text-align: center;
	}
	#pNav ul li a {
		display: block;
		color: #fff;
		font-size: 12px;
		text-decoration: none;
		padding: 12px 0;
		border: 1px solid #fff;
		border-radius: 50px;
		-webkit-transition: .5s;
		transition: .5s;
	}
	#pNav ul li a:hover {
		color: #949393;
		background-color: #fff;
	}

	#pNav.black ul li a {
		color: #333;
		border: 1px solid #333;
	}
	#pNav.black ul li a:hover {
		color: #fff;
		background-color: #333;
	}



/* btn_scoll */
	.btn_scoll {
		position: absolute;
		bottom: 40px;
		left: 50%;
		margin-left: -13px;
		width: 26px;
		height: 82px;
		text-align: center;
		transition: .3s;
	}
	.btn_scoll.off {
		opacity: 0;
		visibility: hidden;
	}

	.btn_scoll p {
		position: absolute;
		top: -25px;
		left: 50%;
		margin-left: -60px;
		color: #fff;
		width: 120px;
		font-size: 10px;
	}

	.btn_scoll > span {
		display: block;
		position: relative;
	}
	.btn_scoll > span:first-of-type {
		margin-bottom: 5px;
	}
	.btn_scoll > span:first-of-type::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 5px;
		height: 5px;
		transform: translateX(-50%) translateY(-50%);
		border-radius: 10px;
		background-color: #fff;
		-webkit-animation-name: scrollball;
		animation-name: scrollball;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-duration: 2.0s;
		animation-duration: 2.0s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	@keyframes scrollball {
        0% { transform: translateX(-50%) translateY(-200%); }
        50% { transform: translateX(-50%) translateY(100%); }
        100% { transform: translateX(-50%) translateY(-200%); }
    }
    @-webkit-keyframes scrollball {
        0% { transform: translateX(-50%) translateY(-200%); }
        50% { transform: translateX(-50%) translateY(100%); }
        100% { transform: translateX(-50%) translateY(-200%); }
    }


	.btn_scoll > span:last-of-type {
		-webkit-animation-name: scrollarrow;
		animation-name: scrollarrow;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-duration: 2.0s;
		animation-duration: 2.0s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	@keyframes scrollarrow {
        0% { transform: translateY(0%); }
        50% { transform: translateY(50%); }
        100% { transform: translateY(0%); }
    }
    @-webkit-keyframes scrollarrow {
        0% { transform: translateY(0%); }
        50% { transform: translateY(50%); }
        100% { transform: translateY(0%); }
    }


/* common */
	body #container {
		text-align: left;
	}
	.wrap {
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}




/* section */
	.section {
		padding: 90px 0 0;
	}



	/* section num01 */
	.section.num01 {
		color: #fff;
		text-align: center;
		padding: 130px 0 100px;
		background-color: #3acbc6;
		background-image: url(../imgs/bg-concept.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		box-sizing: border-box;
	}
	.section.num01 .ttl01 {
		font-size: 32px;
		font-family: 'Cinzel',serif;
		letter-spacing: .2em;
		margin-bottom: 60px;
	}
	.section.num01 p {
		line-height: 2;
	}




	/* section num02 & num03 */
	.section.num02 .ttl01,
	.section.num03 .ttl01 {
		position: relative;
		display: block;
		font-size: 32px;
		font-family: 'Pathway Gothic One',sans-serif;
		letter-spacing: .12em;
		text-align: center;
		margin-bottom: 80px;
	}
	.section.num02 .ttl01 span,
	.section.num03 .ttl01 span {
		content: '';
		position: absolute;
		top: 50px;
		left: 50%;
		width: 1px;
		height: 40px;
		background-color: #b2b2b2;
	}


	/* section num02 */
	.section.num02 .img {
		margin-bottom: 30px;
	}
	.section.num02 .slideBox {
		margin-top: 100px;
	}
	.section.num02 .slideBox:first-child {
		margin-top: 0;
	}

	.section.num02 .slideBox .slider {
		position: relative;
		margin-bottom: 30px;
	}

	.section.num02 .slideBox .slider .slides {
		position: relative;
		width: 100%;
		height: 540px;
	}
	.section.num02 .slideBox .slider .slides li {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		width: 100%;
		height: 540px;
		-webkit-transition: 2.0s;
		transition: 2.0s;
	}
	.section.num02 .slideBox .slider .slides li.active {
		opacity: 1;
		visibility: visible;
	}
	.section.num02 .slideBox .slider .slides li > div {
		overflow: hidden;
		position: relative;
		width: 0;
		height: 540px;
		-webkit-transition: 2.0s ease-in-out;
		transition: 2.0s ease-in-out;
	}
	.section.num02 .slideBox .slider .slides li.active > div {
		width: 100%;
	}
	.section.num02 .slideBox .slider .slides li img {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-width: 1200px;
	}


	.section.num02 .slideBox.slide2 .slider .slides li > div,
	.section.num02 .slideBox.slide4 .slider .slides li > div {
		margin-left: auto;
	}
	.section.num02 .slideBox.slide2 .slider .slides li img,
	.section.num02 .slideBox.slide4 .slider .slides li img {
		left: inherit;
		right: 0;
	}


	.section.num02 .slideBox .slider .nextback {
	}
	.section.num02 .slideBox .slider .nextback li {
		overflow: hidden;
		position: absolute;
		top: 50%;
		margin-top: -30px;
		width: 30px;
		height: 60px;
		cursor: pointer;
	}
	.section.num02 .slideBox .slider .nextback li.disabled {
		opacity: 0;
		visibility: hidden;
	}
	.section.num02 .slideBox .slider .nextback li span {
		position: relative;
		overflow: hidden;
		width: 50%;
		height: 100%;
	}
	.section.num02 .slideBox .slider .nextback li span::before,
	.section.num02 .slideBox .slider .nextback li span::after {
		content: '';
		position: absolute;
		width: 30px;
		height: 2px;
		-webkit-transition: .1s;
		transition: .1s;
	}
	.section.num02 .slideBox .slider .nextback li span.out::before,
	.section.num02 .slideBox .slider .nextback li span.out::after { background-color: #000; }
	.section.num02 .slideBox .slider .nextback li span.in::before,
	.section.num02 .slideBox .slider .nextback li span.in::after { background-color: #fff; }

	.section.num02 .slideBox .slider .nextback .prev { left: -15px; }
	.section.num02 .slideBox .slider .nextback .prev span { float: left; }
	.section.num02 .slideBox .slider .nextback .prev span::before { top: 19px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
	.section.num02 .slideBox .slider .nextback .prev span::after { bottom: 19px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	.section.num02 .slideBox .slider .nextback .prev span.out::before,
	.section.num02 .slideBox .slider .nextback .prev span.out::after { left: 0; }
	.section.num02 .slideBox .slider .nextback .prev span.in::before,
	.section.num02 .slideBox .slider .nextback .prev span.in::after { right: 0; }

	.section.num02 .slideBox .slider .nextback .next { right: -15px; }
	.section.num02 .slideBox .slider .nextback .next span { float: right; }
	.section.num02 .slideBox .slider .nextback .next span::before { top: 19px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	.section.num02 .slideBox .slider .nextback .next span::after { bottom: 19px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
	.section.num02 .slideBox .slider .nextback .next span.out::before,
	.section.num02 .slideBox .slider .nextback .next span.out::after { right: 0; }
	.section.num02 .slideBox .slider .nextback .next span.in::before,
	.section.num02 .slideBox .slider .nextback .next span.in::after { left: 0; }

	.section.num02 .slideBox .slider .nextback .prev:hover span.out::before,
	.section.num02 .slideBox .slider .nextback .prev:hover span.out::after { left: -3px; }
	.section.num02 .slideBox .slider .nextback .prev:hover span.in::before,
	.section.num02 .slideBox .slider .nextback .prev:hover span.in::after { right: 3px; }

	.section.num02 .slideBox .slider .nextback .next:hover span.out::before,
	.section.num02 .slideBox .slider .nextback .next:hover span.out::after { right: -3px; }
	.section.num02 .slideBox .slider .nextback .next:hover span.in::before,
	.section.num02 .slideBox .slider .nextback .next:hover span.in::after { left: 3px; }


	.section.num02 .slideBox .slider .s_pager {
		width: 25%;
		height: 4px;
		background-color: #0abbb5;
		-webkit-transition: .5s;
		transition: .5s;
	}

/*	.section.num02 .slideBox.slide2 .slider .s_pager,
	.section.num02 .slideBox.slide4 .slider .s_pager {
		margin-left: auto;
	}*/

	.section.num02 .slideBox .slider .loader {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		transition: .3s;
	}
	.section.num02 .slideBox .slider .loader.off {
		opacity: 0;
		visibility: hidden;
	}

	.section.num02 .lead .ttl02 {
		font-family: 'Pathway Gothic One',"游ゴシック","Yu Gothic","游ゴシック体","YuGothic",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		margin-bottom: 20px;
	}
	.section.num02 .lead .ttl02 strong {
		font-size: 50px;
		height: 50px;
		line-height: 50px;
		letter-spacing: .2em;
		margin-right: 10px;
	}
	.section.num02 .lead .ttl02 span {
	}

	.section.num02 .lead p {
		font-size: 12px;
		line-height: 2;
	}


	/* section num03 */
	.section.num03 #main_movie {
		padding: 10px 0 0;
		background-color: #000;
	}
	.section.num03 #main_movie .inner {
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	.section.num03 #thumb_movie {
		padding: 30px 0;
		background-color: #000;
	}
	.section.num03 #thumb_movie ul li {
		float: left;
		/*width: 220px;*/
		margin: 0 10px;
		border: 1px solid #4d4d4d;
		box-sizing: border-box;
		outline: none;
		cursor: pointer;
		-webkit-transition: .5s;
		transition: .5s;
	}
	.section.num03 #thumb_movie ul li img {
		display: block;
		opacity: .4;
		-webkit-transition: .5s;
		transition: .5s;
	}
	.section.num03 #thumb_movie ul li.active {
		border: 1px solid #35b9b5;
	}
	.section.num03 #thumb_movie ul li:hover img,
	.section.num03 #thumb_movie ul li.active img {
		opacity: 1;
	}

	.section.num03 #thumb_movie .slick-prev,
	.section.num03 #thumb_movie .slick-next {
		width: 15px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 15px 20px;
		z-index: 10;
	}
	.section.num03 #thumb_movie .slick-prev {
		background-image: url(../imgs/icn-prev.png);
	}
	.section.num03 #thumb_movie .slick-next {
		background-image: url(../imgs/icn-next.png);
	}
	.section.num03 #thumb_movie .slick-prev:before,
	.section.num03 #thumb_movie .slick-next:before { display: none; }




	/* section num04 */
	.section.num04 {
		padding: 80px 0;
	}
	.section.num04 .ttl01 {
		position: relative;
		width: 410px;
		color: #fff;
		text-align: center;
		margin: 0 auto;
		padding: 45px 0;
		background-color: #3acbc6;
		cursor: pointer;
	}

	.section.num04 .ttl01::before {
		content: '';
		position: absolute;
		bottom: 20px;
		left: 50%;
		margin-left: -11px;
		width: 23px;
		height: 12px;
		background-image: url(../imgs/icn-arrow_b.png);
		background-repeat: no-repeat;
		background-position: center;
		transition: .2s;
	}
	.section.num04 .ttl01.on::before {
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}


	.section.num04 .ttl01 strong {
		display: block;
		font-size: 28px;
		font-family: 'Pathway Gothic One',sans-serif;
		letter-spacing: .2em;
	}

	.section.num04 .fBox {
		display: none;
		padding-top: 80px;
	}
	.section.num04 .fBox > div { width: 550px; }
	.section.num04 .fBox .lBox { float: left; }
	.section.num04 .fBox .rBox { float: right; }
	.section.num04 .fBox dl dt {
		padding: 30px;
		background-color: #f6f6f6;
	}
	.section.num04 .fBox dl dd {
		font-size: 12px;
		padding: 30px 30px 50px;
	}

	.section.num04 .fBox dl dt h3 {
		font-size: 16px;
	}
	.section.num04 .fBox dl dd p {
		line-height: 2;
	}

	.section.num04 .fBox dl dd > div {
		margin-top: 30px;
	}
	.section.num04 .fBox dl dd > div:first-child {
		margin-top: 0;
	}
	.section.num04 .fBox dl dd > div h4 {
		font-weight: bold;
		margin-bottom: 5px;
	}



/* footer */
	body #gFooter {
		color: #fff;
	}

	#mapArea {
		padding: 10px 0;
		background-color: #000;
	}
	#mapArea #map_canvas {
		height: 580px;
	}

	#gFooter .ftrWrap {
		overflow: hidden;
		position: relative;
	}
	#gFooter .ftrWrap #contactMovie {
		position: absolute;
		top: 50%!important;
		left: 50%!important;
		z-index: -2;
	}
	#gFooter .ftrWrap .movie_cover {
		opacity: .8;
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #000;
		z-index: -1;
	}

	#thanks #gFooter .ftrWrap .movie_cover {
		opacity: 1;
	}


/* ftrContact */
	#ftrContact {
		padding: 40px 0 60px;
		border-bottom: 1px solid #3a3939;
	}

	#ftrContact .wrap > div {
	}
	#thanks #ftrContact .wrap > div {
	}


	#ftrContact .ttl01 {
		font-size: 24px;
		font-family: 'Montserrat', sans-serif;
		letter-spacing: .15em;
		text-align: center;
		margin-bottom: 40px;
	}
	#ftrContact .ttl01 span {
		display: block;
		font-size: 10px;
		letter-spacing: .1em;
	}


	/* telBox */
	#ftrContact .telBox {
		font-size: 12px;
		text-align: center;
		margin-bottom: 60px;
	}
	#ftrContact .telBox .tel {
		margin-top: 20px;
	}
	#ftrContact .telBox .tel a {
		display: inline-block;
		color: #fff;
		font-size: 24px;
		letter-spacing: .2em;
		font-family: 'Montserrat', sans-serif;
		text-align: center;
		text-decoration: none;
		/*padding: 8px 30px;
		border: 1px solid #fff;
		border-radius: 50px;*/
	}


	/* contactBox */
	#ftrContact .contactBox,
	#thanks #ftrContact .telBox {
		position: relative;
		margin-bottom: 50px;
		padding-bottom: 50px;
	}
	#ftrContact .contactBox::after,
	#thanks #ftrContact .telBox::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -32px;
		width: 64px;
		height: 1px;
		/*background-color: rgba(255,255,255,0.6);*/
		border-bottom: 1px dashed rgba(255,255,255,0.6);
	}

	#ftrContact .contactBox p {
		font-size: 12px;
		text-align: center;
		margin-bottom: 15px;
	}
	#ftrContact .contactBox form table {
		margin-bottom: 30px;
	}
	#ftrContact .contactBox form input,
	#ftrContact .contactBox form button {
		margin: 0;
		padding: 0;
		background: none;
		border: none;
		border-radius: 0;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	#ftrContact .contactBox form table td {
		position: relative;
		padding: 10px;
	}
	#ftrContact .contactBox form table td input {
		width: 100%;
		color: #fff;
		font-size: 12px;
		letter-spacing: .2em;
		padding: 20px 0;
		border-bottom: 1px solid #343434;
		box-sizing: border-box;
	}
	#ftrContact .contactBox form table td input:focus::-webkit-input-placeholder { color:transparent; }
	#ftrContact .contactBox form table td input:focus:-moz-placeholder { color:transparent; }
	#ftrContact .contactBox form table td input:focus::-moz-placeholder { color:transparent; }

	#ftrContact .contactBox .btn_submit li {
		width: 210px;
		margin-left: auto;
		margin-right: auto;
	}
	#ftrContact .contactBox .btn_submit li button {
		display: block;
		width: 100%;
		color: #fff;
		font-size: 12px;
	    font-weight: lighter;
		text-align: center;
		letter-spacing: .2em;
		padding: 12px 35px;
		border: 1px solid #878787;
		border-radius: 20px;
		cursor: pointer;
		box-sizing: border-box;
		-webkit-transition: .5s;
		transition: .5s;
	}
	#ftrContact .contactBox .btn_submit li button span {
		margin-right: 10px;
	}
	#ftrContact .contactBox .btn_submit li button:hover {
		color: #000;
		border: 1px solid #fff;
		background-color: #fff;
	}


	#ftrContact .accessBox {
		text-align: center;
		font-family: 'Montserrat', sans-serif;
	}
	#ftrContact .accessBox a {
		color: #fff;
		text-decoration: none;
	}
	#ftrContact .accessBox h3 {
		font-size: 18px;
		margin-bottom: 25px;
	}
	#ftrContact .accessBox h3 span {
		font-size: 10px;
	}
	#ftrContact .accessBox p {
		font-size: 12px;
	}


	#gFooter .copyright {
		font-size: 10px;
		text-align: center;
		padding: 18px 0;
	}
	#gFooter .copyright p,
	#gFooter .copyright .share {
		display: inline-block;
		vertical-align: middle;
		letter-spacing: .2em;
		margin-left: 10px;
		padding-left: 10px;
		border-left: 1px solid #676767;
	}
	#gFooter .copyright p:first-child {
		margin-left: 0;
		padding-left: 0;
		border-left: none;
	}
	#gFooter .copyright p a {
		color: #fff;
	}
	#gFooter .copyright p a:hover {
		text-decoration: none;
	}

	#gFooter .copyright .share span,
	#gFooter .copyright .share ul,
	#gFooter .copyright .share ul li {
		float: left;
	}

	#gFooter .copyright .share ul li {
		margin-left: 5px;
	}
	#gFooter .copyright .share ul li:first-child {
		margin-left: 10px;
	}
	#gFooter .copyright .share ul li a {
		display: block;
		color: #fff;
		font-size: 12px;
		text-decoration: none;
	}


/* floatBnr */
	.floatBnr {
		visibility: hidden;
		opacity: 0;
		position: fixed;
		top: 50%;
		left: 0;
		width: 70px;
		height: 250px;
		margin-top: -125px;
		/* border-bottom: 5px solid #0abbb5;
		background-color: #000; */
		z-index: 1000;
		-webkit-transition: .5s;
		transition: .5s;
	}
	.floatBnr.active {
		visibility: visible;
		opacity: 1;
	}

	.floatBnr a {
		display: block;
		transition: opacity 300ms ease-in-out 0s;
	}
	.floatBnr a:hover {
		opacity: .7;
	}
	/* .floatBnr a::before,
	.floatBnr a::after {
		content: '';
		position: absolute;
		width: 12px;
		height: 12px;
		border: 1px solid #c8cac9;
		box-sizing: border-box;
		-webkit-transition: .5s;
		transition: .5s;
	}
	.floatBnr a::before {
		top: 18px;
		left: 27px;
	}
	.floatBnr a::after {
		top: 22px;
		left: 31px;
	} */
	/* .floatBnr .img {
		opacity: .3;
		-webkit-transition: .5s;
		transition: .5s;
	}
	.floatBnr .txt {
		position: absolute;
		left: 50%;
		bottom: 14px;
		margin-left: -20px;
	} */

	/* .floatBnr a:hover::before {
		-webkit-transform: translate3d(2px, 2px ,0);
		transform: translate3d(2px, 2px ,0);
	}
	.floatBnr a:hover::after {
		-webkit-transform: translate3d(-2px, -2px ,0);
		transform: translate3d(-2px, -2px ,0);
	}
	.floatBnr a:hover .img {
		opacity: .7;
	} */



/* pageNum */
	#pageNum {
		position: fixed;
		top: 50%;
		right: 20px;
		margin-top: -82.5px;
		z-index: 100;
	}
	#pageNum ul li {
		margin: 15px 0;
	}
	#pageNum ul li a {
		display: block;
		width: 10px;
		height: 10px;
		border: 2px solid #fff;
		background-color: transparent;
		border-radius: 5px;
		box-sizing: border-box;
		-webkit-transition: .1s;
		transition: .1s;
	}
	#pageNum ul li a:hover,
	#pageNum ul li a.active {
		border: none;
		background-color: #34b7b3;
	}