@charset "utf-8";
/**
 * style 
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "import/reset.css";
@import "import/util.css";
/*数字　font-family: 'Amiri', serif;*/
@import url('https://fonts.googleapis.com/css?family=Amiri:400,400i,700,700i');

@font-face {
  font-family: 'LainieDaySH';
  font-style: normal;
  font-weight: 200;
  src: url('../font/Laine.woff') format('opentype');
}
/*@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  src: url('../font/NotoSerifCJKjp/NotoSerifCJKjp-ExtraLight.woff') format('opentype');
}*/
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 300; 
  src: url('../font/NotoSerifCJKjp/NotoSerifCJKjp-Light.woff') format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url('../font/NotoSerifCJKjp/NotoSerifCJKjp-Regular.woff') format('opentype');
}
/*@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 500;
  src: url('../font/NotoSerifCJKjp/NotoSerifCJKjp-Medium.woff') format('opentype');
}*/
/*@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 600;
  src: url('../font/NotoSerifCJKjp/NotoSerifCJKjp-SemiBold.woff') format('opentype');
}*/
@font-face {
   font-family: 'Noto Serif Japanese';
   font-style: normal;
   font-weight: 700;
  src: url('../font/NotoSerifCJKjp/NotoSerifCJKjp-Bold.woff') format('opentype');
}
/*@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 900;
  src: url('../font/NotoSerifCJKjp/NotoSerifCJKjp-Black.woff') format('opentype');
}*/


/*icomoon*/
@font-face {
  font-family: 'icomoon';
  src:  url('../icon/icomoon.eot?j54xd9');
  src:  url('../icon/icomoon.eot?j54xd9#iefix') format('embedded-opentype'),
    url('../icon/icomoon.ttf?j54xd9') format('truetype'),
    url('../icon/icomoon.woff?j54xd9') format('woff'),
    url('../icon/icomoon.svg?j54xd9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-map:before {
  content: "\e901";
}
.icon-menu:before {
  content: "\e904";
}
.icon-request:before {
  content: "\e907";
}
.icon-reserve:before {
  content: "\e908";
}
.icon-tel:before {
  content: "\e90e";
}
.icon-btn-arrow:before {
  content: "\e900";
}
.icon-close:before {
  content: "\e902";
}
.icon-down:before {
  content: "\e903";
}
.icon-info:before {
  content: "\e905";
}
.icon-mail:before {
  content: "\e906";
}
.icon-minus:before {
  content: "\e909";
}
.icon-next:before {
  content: "\e90a";
}
.icon-plus:before {
  content: "\e90b";
}
.icon-prev:before {
  content: "\e90c";
}
.icon-print:before {
  content: "\e90d";
}
.icon-up:before {
  content: "\e915";
}
.icon-zoom:before {
  content: "\e911";
}
.icon-home:before {
  content: "\e912";
}
.icon-freedial:before {
  content: "\e914";
}


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

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

/**
 * 2. html, body
 */

	body {
		background-color: #fff;
	}
	.page {
		/*min-width: 1000px;*/
		color: #333;
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: 0.10em;
		font-family: 'Noto Serif Japanese';
		font-weight: 300;
	}
	@media only screen and (max-width:736px) {
		.page {
			/*min-width: inherit;*/
			font-size: 12px;
			-webkit-text-size-adjust: 100%;
			text-size-adjust: 100%;
			overflow: hidden;
			text-align: justify; /* 両端揃え */
			text-justify: inter-ideograph; /* 両端揃えの種類 */
		}
	}


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

/* cap */
	.cap,
	.caption {
		font-family: "Segoe UI", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif;
		background: none;
		color: #999999;
		font-size: 10px;
		line-height: 15px;
		letter-spacing: 0.1em;
	}
	.cap {
		padding-top: 5px;
	}
	.cap.color-white{
		color:#fff;
	}
	.cap.color-black{
		color:#333333;
	}
	
/* imageCap */
	.imageCap {
		position: relative;
	}
	.imageCap .caption {
		position: absolute;
		right: 7px;
		bottom: 7px;
		text-align: right;
		padding:0 0 0 7px;
		/*text-shadow: 0px 0px 6px #fff, 0px 0px 6px #fff, 0px 0px 6px #fff;*/
	}
	.imageCap .caption.color-white {
		color:#fff;
	}
	.imageCap .caption.color-black{
		color:#333333;
	}


/* img */
	img {
		max-width: 100%;
		height: auto;
		vertical-align: top;
	}


/* pc sp */

	.sp{
		display: none;
	}

	img.sp,
	br.sp,
	br.spOnly {
		display: none !important;
	}
	@media only screen and (max-width:1024px) {
		br.sp {
			display: inline-block !important;
		}
		br.pc {
			display: none !important;
		}
	}
	@media only screen and (max-width:736px) {
		.sp{
			display: block;
		}
		img.sp,
		br.spOnly{
			display: inline-block !important;
		}
		img.pc {
			display: none !important;
		}
	}


/* telephone */
	.telephone {
		pointer-events: none;
	}
	@media only screen and (max-width:736px) {
		.telephone {
			pointer-events: visible;
		}
	}

/* .wrap */
	.wrap {
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.wrap02 {
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

	@media only screen and (max-width:1200px) {
		.wrap02 {
			width: auto;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			padding: 0 20px;
		}
	}
	@media only screen and (max-width:1000px) {	
		.wrap {
			width: auto;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			padding: 0 20px;
		}
	}

/* alt text to span */
	img.toText {
		
	}
	
	span.altText {
		display: none;	
	}
	
	@media only screen and (max-width:640px){
		
		img.toText {
			display: none;
		}
		
		span.altText {
			display: inline;
		}
	}

/*--------------------
テキストfont-family
---------------------*/
/*Amiri 数字*/
.Amiri{	
	font-weight:400;
	font-family: 'Amiri', serif;
}
/*Laine 英字タイトル*/
.Laine{
	font-family: 'LainieDaySH';
	color:#af9377;
	letter-spacing: 0.08em;
}
/*color-cream*/
.color-cream{
	background-color: #f6f4ee;
}
/*color-cream*/
.color-navy{
	background-color: #504d60;
}
/*--------------------
btn
---------------------*/
.btn{
	padding: 5px 75px 3px 10px;
	background: url(../imgs/icon-arrow.gif) no-repeat 90% center;
	font-size: 10px;
	letter-spacing: 0.1em;
	color:#666666;
	font-family: 'Amiri', 'Noto Serif Japanese';
	position: relative;
	transition: .4s;
}
.btn:before{
	content: '';
	width:100%;
	height: 1px;
	background: #cccccc;
	position: absolute;
	right:0;
	top: 0;
	transition: .4s;
}
.btn:after{
	content: '';
	width:100%;
	height: 1px;
	background: #cccccc;
	position: absolute;
	left:0;
	bottom: 0;
	transition: .4s;
}
.btn a,
.btn-print{
	display: block;
	color:#666666;
}
.btn:hover a,
.cntBox-txt.hover .btn{
	color:#af9377;
}
.btn:hover,
.cntBox-txt.hover .btn{	
	background: url(../imgs/icon-arrow.gif) no-repeat 95% center;
}
.btn:hover:before,
.cntBox-txt.hover .btn:before{
	width:95%;
	right:-5%;
}
.btn:hover:after,
.cntBox-txt.hover .btn:after{
	width:95%;
	left:-5%;
}
/*.btn a:before,
.btn-print:before{
	content: '';
	width:100%;
	height: 1px;
	background: #d6d6d6;
	position: absolute;
	left:0;
	bottom: 0;
}
.btn a:after,
.btn-print:after{
	content: '';
	width:15%;
	height: 1px;
	background: #af9377;
	position: absolute;
	right:0;
	bottom: 0;
	transition: .4s;
}
.btn a:hover,
.btn-print:hover{
	color: #af9377;
	padding: 0 52px 4px 10px;
}
.btn a:hover:after,
.btn-print:hover:after{
	width:100%;
}*/
.btn-more{
}
.btn-print{
	font-size: 14px;
	transition: .4s;
	cursor: pointer;
}
.btn-map{
	font-size: 14px;
	display: none;
}
.btnList{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
	margin-top: 60px;
}
.btnList p:nth-child(n+2){
	margin-left: 20px;
}
@media only screen and (max-width:736px) {
	.btn-print{
		display: none;
	}
	.btn-map{
		display: block;
	}
	.btnList{
		margin-top: 30px;
	}

}
	
/**
 * 4. Layout
 */
	#gHeader {
 		width: 100%;
 		background-color: #fff;
 	}
 	#gHeader .section {
 		padding: 0 60px;
 		-webkit-box-sizing: border-box;
 		   -moz-box-sizing: border-box;
 		        box-sizing: border-box;
 		overflow: hidden;
 		position: relative;
 	}
 	.headline-01 {
 		position: absolute;
		font-size: 10px;
		top: 15px;
		right: 60px;
		font-family: 'Amiri', 'Noto Serif Japanese';	
		letter-spacing: 0.30em;
	}
	.header_logo {
		width: 358px;
		float: left;
		margin-top: 45px;
		-webkit-display: flex;
				display: flex;
		-webkit-justify-content: space-between;
		        justify-content: space-between;
		-webkit-align-items: center;
		        align-items: center;
	}
	.header_logo span {
		display: block;
	}
	span.header_logo-company {
		width: 95px;
	}
	span.header_logo-mansion {
		width: 251px;
	}
	span.header_logo-company img,
	span.header_logo-mansion img {
		width: 100%;
	}

	/*ftrContact*/
	#ftrContact{
		/*background: url(../imgs/bg-contact.jpg) no-repeat center;*/
		background-size: cover;
		text-align: center;
		padding: 100px 0 150px;
		margin-top: 140px;
		position: relative;
	}
	#ftrContact:before{
		content: '';
		width: 0;
		height: 2px;
		background: #af9377;
		position: absolute;
		left: 0;
		top: -2px;
		transition: 1s;
	}
	#ftrContact.move:before{
		width: 100%;
	}
	#ftrContact:after{
		content: '';
		width: 100%;
		height:100%;
		background: url(../imgs/bg-contact.jpg) no-repeat center;
		background-size:cover;
		position: absolute;
		left: 0;
		top: 0;
		z-index:-1;
		transition: 1s;
	}
	#ftrContact.fadein:after{
	}
	#ftrContact .ftrContact-ttl{
		font-size: 34px;
		margin-bottom: 55px;
	}
	#ftrContact .ftrContact-txt{
		font-size: 24px;
		color: #fff;
	}
	#ftrContact .ftrContact-txt small{
		display: block;
		font-size: 14px;
		margin-top: 5px;
	}
	.ftrContact-cv{
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-justify-content: center; /* Safari */
		justify-content: center;
		margin-top: 50px;
	}
	.ftrContact-cv li{
		position: relative;
		transition: .4s;
	}
	.ftrContact-cv li a{
		width:270px;
		display: block;
		padding:20px 0;
		box-sizing: border-box;
		font-size: 16px;
		color: #fff;
		text-align: center;
	}
	.ftrContact-cv li:hover{
		opacity: .7;
	}
	.ftrContact-cv li.ftrCv-req{
 		background:-webkit-gradient(linear, left top, right bottom, from(#a38468), to(#b9a38d));
	    background:-webkit-linear-gradient(left top, #a38468, #b9a38d);
	    background:-moz-linear-gradient(left top, #a38468, #b9a38d);
	    background:-o-linear-gradient(left top, #a38468, #b9a38d);
	    background:linear-gradient(to right bottom, #a38468, #b9a38d);
	}
	.ftrContact-cv li.ftrCv-res{
 		background:-webkit-gradient(linear, left top, right bottom, from(#9a6258), to(#aa8179));
	    background:-webkit-linear-gradient(left top, #9a6258, #aa8179);
	    background:-moz-linear-gradient(left top, #9a6258, #aa8179);
	    background:-o-linear-gradient(left top, #9a6258, #aa8179);
	    background:linear-gradient(to right bottom, #9a6258, #aa8179);
	}
	.ftrContact-cv li:nth-child(n+2){
		margin-left: 10px;
	}
	.ftrContact-cv li small{
		font-size: 14px;
	}

	@media only screen and (max-width:736px) {
		#ftrContact{
			padding: 60px 0 100px;		
			margin-top: 70px;	
		}
		#ftrContact .ftrContact-ttl{
			font-size: 28px;
			margin-bottom: 30px;
		}
		#ftrContact .ftrContact-txt{
			font-size: 18px;
		}
		#ftrContact .ftrContact-txt small{
			font-size: 12px;
		}
		.ftrContact-cv{
			display: block;
		}
		.ftrContact-cv li{
			width:80%;
			margin:0 auto;
		}
		.ftrContact-cv li a{
			width:100%;
			font-size: 14px;
		}
		.ftrContact-cv li:nth-child(n+2){
			margin-left: auto;
			margin-top: 10px;
		}
	}


	#hNavArea {
		margin-top: 45px;
		float: right;
		margin-bottom: 15px;
		-webkit-display: flex;
				display: flex;
		-webkit-flex-wrap: wrap;
		        flex-wrap: wrap;
	    -webkit-justify-content: space-between;
	            justify-content: space-between;
	}

 	#pNav {
		margin-right: 10px;
 		margin-top: 7px;
 	}
 	#pNav ul li {
		display: block;
		font-size: 11px;
		line-height: 1;
		padding-left: 10px;
		position: relative;
		margin-top: 7px;
		-webkit-transition: .3s;
		   -moz-transition: .3s;
		        transition: .3s;
 	}
 	#pNav ul li:hover {
 		opacity: 0.7;
 	}
 	#pNav ul li:first-child {
 		margin-top: 0;
 	}
	#pNav ul li a {
		color: #000;
		font-weight: bold;
		text-decoration: none;
		
	}
	#pNav ul li:before {
		content: '';
		position: absolute;
		background: url(../imgs/ftr-link-arr.png) no-repeat center center;
		width: 4px;
		height: 6px;
		top: 50%;
		left: 0;
		-webkit-transition: .3s;
		   -moz-transition: .3s;
		        transition: .3s;
		-webkit-transform: translate(0,-50%);
		   -moz-transform: translate(0,-50%);
		        transform: translate(0,-50%);
	}
	#pNav ul li:hover:before {
		-webkit-transform: translate(50%,-50%);
		   -moz-transform: translate(50%,-50%);
		        transform: translate(50%,-50%);
	}
 	.cvNav {
 		width: 285px;
 	}
 	.cvNav ul {
		-webkit-display: flex;
				display: flex;
		-webkit-flex-wrap: wrap;
		        flex-wrap: wrap;
	    -webkit-justify-content: space-between;
	            justify-content: space-between; 		
 	}
 	.cvNav ul li {
 		font-size: 14px;
 		line-height: 1;
 		text-align: center;
 		-webkit-transition: .3s;
 		   -moz-transition: .3s;
 		        transition: .3s;
 		-webkit-box-sizing: border-box;
 		   -moz-box-sizing: border-box;
 		        box-sizing: border-box;
 	}
 	.cvNav ul li a {
 		color: #fff;
 		text-decoration: none;
 	}
 	.cvNav ul li.request {
 		background:-webkit-gradient(linear, left top, right bottom, from(#a38468), to(#b9a38d));
	    background:-webkit-linear-gradient(left top, #a38468, #b9a38d);
	    background:-moz-linear-gradient(left top, #a38468, #b9a38d);
	    background:-o-linear-gradient(left top, #a38468, #b9a38d);
	    background:linear-gradient(to right bottom, #a38468, #b9a38d);
 	}
 	.cvNav ul li.reserve {
 		background:-webkit-gradient(linear, left top, right bottom, from(#9a6258), to(#aa8179));
	    background:-webkit-linear-gradient(left top, #9a6258, #aa8179);
	    background:-moz-linear-gradient(left top, #9a6258, #aa8179);
	    background:-o-linear-gradient(left top, #9a6258, #aa8179);
	    background:linear-gradient(to right bottom, #9a6258, #aa8179);
 	}
 	.cvNav ul li:hover {
 		opacity: 0.7;	
 	}

 	#hdrCvNav {
 		width: 285px; 		
 	}
 	#hdrCvNav ul li {
		width: 140px;
 		padding: 13px 0;
 	}
 	@media only screen and (max-width:1024px) {
		#gHeader {
			padding-top: 20px;
	 		position: relative;
	 		z-index: 100;
		}
		.header_logo {
			text-align: center;
			width: 100%;
			display: block;
			margin: 0 auto 20px;
		}

		span.header_logo-company,
		span.header_logo-mansion {
			margin-left: auto;
			margin-right: auto;
		}
		span.header_logo-mansion {
			margin-top: 10px;
		}

 		.headline-01,
 		#hNavArea {
 			display: none;
 		}
 	}

 	@media only screen and (max-width:736px) {
 		#gHeader .section {
 			padding: 0;
 		}
 		.header_logo {
 			width: 100%;
 		}
 		span.header_logo-mansion {
 			
 		}
		span.header_logo-company,
		span.header_logo-mansion {
			margin-left: auto;
			margin-right: auto;
		}
 	}
 	#spNav {
 		display: none;
 	}
 	@media only screen and (max-width:1024px) {

	 	#spNav {
	 		display: block;
	 		width: 100%;
	 		background-color: #504d60;
	 		position: relative;
	 		z-index: 100;
 		    border-top: solid 2px #af9377;
	 	}	
	 	#spNav.fixed {
	 		z-index: 13;
	 		position: fixed;
	 		top: 0;
	 		left: 0;
	 	}
	 	#spNav ul {
	 		-webkit-display: flex;
	 				display: flex;
	 		-webkit-flex-wrap: nowrap;
	 		        flex-wrap: nowrap;
	 	    -webkit-justify-content: space-between;
	 	            justify-content: space-between;
	 	}
	 	#spNav ul li {
	 		width: 20%;
	 	}
	 	#spNav ul li a {
	 		text-align: center;
	 		display: block;
	 		color: #fff;
	 		padding: 15px 0 5px;
	 		font-size: 14px;
	 		letter-spacing: 0.2px;
	 		text-decoration: none;
	 	}
	 	#spNav ul li a .icon {
	 		display: block;
	 		font-size: 30px;
	 	}
	 	#spNav ul li .menu-close {
	 		display: none;
	 	}
	 	#spMenu.is-active .menu-default {
	 		display: none;
	 	}
	 	#spMenu.is-active .menu-close {
	 		display: block;
	 	}
 	} 	
 	@media only screen and (max-width:736px) {
	 	#spNav ul li a .icon {
	 		display: block;
	 		font-size: 20px;
	 		padding-bottom: 5px;
	 	}
 		#spNav ul li a {
 			font-size: 10px;
		}	
 	}
 	

	#gNav {
		background-color: #504d60;
		position: relative;
		border-top: solid 2px #af9377; 
	}
	#gNav ul {
		width: 780px;
		margin: 0 auto;
		-webkit-display: flex;
				display: flex;
		-webkit-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: space-between;
		        justify-content: space-between;
	}
	#gNav ul li {
		position: relative;
		overflow-x: hidden;
		font-weight: 300;
	}
	#gNav ul li.new:before {
		content: url(../imgs/icon-new.png);
		position: absolute;
		top: 10px;
		left: 50%;
		-webkit-transform: translate(-50%,0);
		   -moz-transform: translate(-50%,0);
		    -ms-transform: translate(-50%,0);
		     -o-transform: translate(-50%,0);
		        transform: translate(-50%,0);
	}
/*	#gNav ul li a:before,
	#gNav ul li a:after {
		content: '';
		width: 50%;
		height: 1px;
		bottom: 22px;
		overflow: hidden;
		position: absolute;
		z-index: 1;
		background-color: #c6afa0;
		-webkit-transition: .3s;
		   -moz-transition: .3s;
		        transition: .3s;
	}*/

	#gNav ul li a:before {
		left: 50%;
     	      transform-origin: left center;
      -webkit-transform-origin: left center;
		-webkit-transform: scale(0,1);
		   -moz-transform: scale(0,1);
		        transform: scale(0,1);
	}
	#gNav ul li a:after {
		right: 50%;
     	      transform-origin: right center;
      -webkit-transform-origin: right center;
		-webkit-transform: scale(0,1);
		   -moz-transform: scale(0,1);
		        transform: scale(0,1);		
	}
	#gNav ul li.on a:before,
	#gNav ul li a:hover:before {
		-webkit-transform: scale(1,1);
		   -moz-transform: scale(1,1);
		        transform: scale(1,1);
	}
	#gNav ul li.on a:after,
	#gNav ul li a:hover:after {
		-webkit-transform: scale(1,1);
		   -moz-transform: scale(1,1);
		        transform: scale(1,1);
	}
	#gNav ul li a {
		font-size: 12px;
		padding: 16px 0 17px;
		display: block;
		line-height: 1;
		color: #eeeeee;
		text-decoration: none;
	}
	#gNav ul li.request,
	#gNav ul li.reserve,
	#gNav ul li.outline {
		display: none;
	}
	#gNav ul li.on a,
	#gNav ul li:hover a {
		color: #c6afa0;
	}
	#gNav ul li.off a {
		color: #848484;
		pointer-events: none;
	}
 	@media only screen and (max-width:1024px) {
		#gNav {
			overflow-y: scroll;
    		-webkit-overflow-scrolling: touch;
			border-bottom: none;
			position: absolute;
			width: 100%;
			height: 100%;
			background: none;
			padding: 0 30px;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			left: 0;
			z-index: 13;
			-webkit-transition: .3s;
			   -moz-transition: .3s;
			        transition: .3s;
			-webkit-transform: translate(0,-100%);
			   -moz-transform: translate(0,-100%);
			        transform: translate(0,-100%);
		}
		#gNav.fixed {
			position: fixed;			
		}

		#gNav.is-active {
			-webkit-transition: .3s;
			   -moz-transition: .3s;
			        transition: .3s;
			-webkit-transform: translate(0,0);
			   -moz-transform: translate(0,0);
			        transform: translate(0,0);
		}
		#gNav:after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: #fff;	
			visibility: hidden;
			opacity: 0;
			z-index: -1;
			-webkit-transition: .3s .3s;
			   -moz-transition: .3s .3s;
			        transition: .3s .3s;
		}
		#gNav.is-active:after {
			visibility: visible;
			opacity: 1;			
		}
		#gNav ul {
			width: 100%;
			height: 60%;
			background-color: #FFF;
			border-bottom: 1px solid #ccc;
			overflow: scroll;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
		}
		#gNav.fixed ul {
			height: 80%;
		}
		#gNav ul li {
			width: 100%;
			text-align: center;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			border-top: 1px solid #ccc;
		}
		#gNav ul li.request,
		#gNav ul li.reserve {
			border-top: none;
		}
		#gNav ul li a {
			color: #000;
			padding: 30px 0;
			font-size: 18px;
		}

		#gNav ul li.on a {
			color: #c6afa0;
			font-weight: bold;
		}
		#gNav ul li.off a {
			color: #bbb;
		}

		#gNav ul li a:before,
		#gNav ul li a:after {
			content: none;
		}
		#gNav ul li span {
			display: block;
			opacity: 0;
		}
		#gNav.is-active ul li:nth-child(1) span {     
		    -webkit-transition: all 2s .1s ease;
		       -moz-transition: all 2s .1s ease;
		            transition: all 2s .1s ease;				
		}
		#gNav.is-active ul li:nth-child(2) span {     
		    -webkit-transition: all 2s .3s ease;
		       -moz-transition: all 2s .3s ease;
		            transition: all 2s .3s ease;				
		}
		#gNav.is-active ul li:nth-child(3) span {     
		    -webkit-transition: all 2s .5s ease;
		       -moz-transition: all 2s .5s ease;
		            transition: all 2s .5s ease;				
		}
		#gNav.is-active ul li:nth-child(4) span {     
		    -webkit-transition: all 2s .7s ease;
		       -moz-transition: all 2s .7s ease;
		            transition: all 2s .7s ease;				
		}
		#gNav.is-active ul li:nth-child(5) span {     
		    -webkit-transition: all 2s .9s ease;
		       -moz-transition: all 2s .9s ease;
		            transition: all 2s .9s ease;				
		}
		#gNav.is-active ul li:nth-child(6) span {     
		    -webkit-transition: all 2s 1.2s ease;
		       -moz-transition: all 2s 1.2s ease;
		            transition: all 2s 1.2s ease;				
		}
		#gNav.is-active ul li:nth-child(7) span {     
		    -webkit-transition: all 2s 1.5s ease;
		       -moz-transition: all 2s 1.5s ease;
		            transition: all 2s 1.5s ease;				
		}
		#gNav.is-active ul li:nth-child(8) span {     
		    -webkit-transition: all 2s 1.8s ease;
		       -moz-transition: all 2s 1.8s ease;
		            transition: all 2s 1.8s ease;				
		}
		#gNav.is-active ul li:nth-child(9) span {     
		    -webkit-transition: all 2s 2.1s ease;
		       -moz-transition: all 2s 2.1s ease;
		            transition: all 2s 2.1s ease;				
		}
		#gNav.is-active ul li span {
			opacity: 1;
			-webkit-transform: translate(0,0);
			   -moz-transform: translate(0,0);
			        transform: translate(0,0);			
		}
		#gNav ul {
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			padding-top: 30px;
		}
		#gNav ul li {
			
		}
		#gNav ul li.outline{
			display: block;
		}
		#gNav ul li.request,
		#gNav ul li.reserve {
			display: block;
			width: 100%;
			margin-bottom: 30px;
		}
		#gNav ul li.new:before { 
			top: 5px;
		}
		#gNav ul li a {
	 		text-decoration: none;
	 	}
	 	#gNav ul li.request {
	 		color: #fff;
	 		background:-webkit-gradient(linear, left top, right bottom, from(#a38468), to(#b9a38d));
		    background:-webkit-linear-gradient(left top, #a38468, #b9a38d);
		    background:-moz-linear-gradient(left top, #a38468, #b9a38d);
		    background:-o-linear-gradient(left top, #a38468, #b9a38d);
		    background:linear-gradient(to right bottom, #a38468, #b9a38d);
	 	}
	 	#gNav ul li.reserve {
	 		background:-webkit-gradient(linear, left top, right bottom, from(#9a6258), to(#aa8179));
		    background:-webkit-linear-gradient(left top, #9a6258, #aa8179);
		    background:-moz-linear-gradient(left top, #9a6258, #aa8179);
		    background:-o-linear-gradient(left top, #9a6258, #aa8179);
		    background:linear-gradient(to right bottom, #9a6258, #aa8179);	 	}
	 	#gNav ul li.request,
		#gNav ul li.reserve {
			width: 50%;
		}
	 	#gNav ul li.request a,
		#gNav ul li.reserve a {
			color: #fff;
			font-size: 20px;
	 	}
	 	#gNav ul li.request .icon,
		#gNav ul li.reserve .icon {
			font-size: 20px;
			display: inline-block;
			vertical-align: middle;
			margin-right: 10px;
		}

 	}
 	@media only screen and (max-width:736px) {
 		#gNav {
 			padding: 0 20px;
 		}
		#gNav ul li a {
			font-size: 14px;
			padding: 20px 0;
		}	
	 	#gNav ul li.request a,
		#gNav ul li.reserve a {
			font-size: 14px;
	 	}
 	}
/* lowerpage_css */ 	


/* headline・text */ 	

	.content_headline {
		font-family: 'Amiri', 'Noto Serif Japanese';
		font-size: 20px;
		line-height: 30px;
		letter-spacing: 2px;
		margin-bottom: 30px;
	}
	.content_headline strong {
		font-size: 34px;
		font-weight: normal;
	}
	.content_text {
		font-size: 14px;
		line-height: 26px;
		letter-spacing: 0.5px;
	}

	/*headline-03*/
	.headline.headline-03{
		font-size: 30px;
		text-align: center;
		margin-bottom: 50px;
		letter-spacing: 0.2em;
	}
	.headline.headline-03 .Amiri{
		font-size: 38px;
	}
	.headline.headline-03 .cmt{
		margin-top: 10px;
	}
	.headline.headline-03 sup{
		font-size: 12px;
	}
	/*headline-04*/
	.headline.headline-04{
		font-size: 20px;
		letter-spacing: 0.2em;
	}
	.headline.headline-04 .cmt{
		margin-top: 10px;
		font-size:14px;
	}
	/*headline-05*/
	.headline.headline-05{
		font-size: 16px;
		text-align: left;
	}
	.headline.headline-05 .cmt{
		margin-top: 10px;
		font-size:12px;
	}
	.cmt{
		font-size:16px;
		letter-spacing: 0.1em;
	}
	@media only screen and (max-width:736px) {
	
		.content_headline {
			font-size: 16px;
			line-height: 24px;
			margin-bottom: 25px;
		}
		.content_text {
			font-size: 12px;
			line-height: 22px;
		}
		/*headline-03*/
		.headline.headline-03{
			font-size: 22px;
			line-height: 1.3;
			margin-bottom: 30px;
			text-align: left;
		}
		.headline.headline-03 .Amiri{
			font-size: 26px;
		}
		.headline.headline-03 .cmt{
			margin-top: 20px;
		}
		/*headline-04*/
		.headline.headline-04{
			font-size: 18px;
		}
		.headline.headline-04 .cmt{
			font-size:12px;
		}
		/*headline-05*/
		.headline.headline-05{
			font-size: 15px;
		}
		.headline.headline-05 .cmt{
			font-size:11px;
		}
		.cmt{
			font-size:13px;
			line-height: 1.7;
		}
	}
	.c_box {
		-webkit-display: flex;
				display: flex;
		-webkit-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: space-between;
		        justify-content: space-between;	
	}
	.c_box.reverse {
		-webkit-flex-direction: row-reverse;
		        flex-direction: row-reverse;
	}
	
/* photoList */	
	.photoList ul {
		-webkit-display: flex;
				display: flex;
		-webkit-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: space-between;
		        justify-content: space-between;
	}

/* .leadArea */
	.leadArea {
		padding-top: 120px;
	}
	.leadArea_headline {
		font-family: 'Amiri', 'Noto Serif Japanese';
		font-size: 26px;
		line-height: 38px;
		letter-spacing: 2px;
		text-align: center;
		margin-bottom: 100px;
	}
	.leadArea_headline strong {
		font-weight: normal;
		font-size: 36px;
		letter-spacing: 0.5px;
		position: relative;
	}
	@media only screen and (max-width:1024px) {
		.leadArea {
			padding-top: 40px;
		}
		.leadArea_headline {
			margin-bottom: 50px;
		}
	}
	@media only screen and (max-width:736px) {
		.leadArea_headline {
			text-align: left;
			font-size: 20px;
			line-height: 32px;
			margin-bottom: 30px;
		}
		.leadArea_headline br {
			display: none;
		}
	}

/*---------------
section
---------------*/
.section{
	margin-top: 80px;
}
#gHeader .section,
.section.mainVis,
#contact.section{
	margin-top: 0;
}
/*subsection*/
.subsection{
	margin-top: 30px;
}
@media only screen and (max-width:736px) {
	.section{
		margin-top: 50px;
	}
}

/*----------------
mainVis
----------------*/
.mainVis{
	width: 100%;
	height: 135px;
	position: relative;
	margin-bottom:70px;
}
.mainVis .cap{
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.mainVis:before{
	content: '';
	width: 0;
	height: 50%;
	background: #504d60;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;

	-webkit-animation: mvAnimation 1.2s ease 0.2s 1 forwards;/*表示時間+start時間*/
	animation: mvAnimation 1.2s ease 0.2s 1 forwards;/*表示時間+start時間*/
}
@-webkit-keyframes mvAnimation {
  100% {
	width: 100%;
  }
}
@keyframes mvAnimation {
  100% {
    width: 100%;
  }
}
.mainVis .wrap02{
	height: 100%;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.mainVis .headline.headline-02{
	font-family: 'Amiri', serif;
	color:#fff;
	font-size: 24px;
	text-align: center;
	letter-spacing: 0.25em;

	position: absolute;
	left: 0;
	right: 0;
	top:50%;
	top:50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	margin:auto;
}
@media only screen and (max-width:1024px) {
	.mainVis {
		padding: 20px 20px 0;
		box-sizing: border-box;
	}
}
@media only screen and (max-width:736px) {
	.mainVis{		
		margin-bottom:30px;
	}
	.mainVis .headline.headline-02{
		font-size: 22px;
	}
}

/*--------------------
clmBox
---------------------*/
.clmBox{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
	flex-wrap: wrap;
}
.clmBox.clm2 .clm{
	width: 49%;
}
.clmBox.clm3 .clm{
	width: 32%;
}
.clmBox .clm:nth-child(n+2){
	margin-left: 2%;
}
.clmBox + .clmBox{
	margin-top: 30px;
}
@media only screen and (max-width:736px) {
	.clmBox{
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
	}
	.clmBox.clm2 .clm,
	.clmBox.clm3 .clm{
		width: 100%;
	}
	.clmBox .clm:nth-child(n+2){
		margin-left: 0;
		margin-top: 20px;
	}

}

/*-----------------
lineBox
------------------*/
.lineBox{
	border:solid 1px #e0e0e0;
	padding:30px;
	box-sizing: border-box;
	text-align: center;
}
@media only screen and (max-width:736px) {
	.lineBox{
		padding:20px;
	}
}

/* btn */
.box-shape_btn {
	cursor: pointer;
	width: 200px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
    background-color: #fff;
	border: 1px solid #ddd;
	text-align: center;
	padding: 18px 0;
	font-size: 14px;
	line-height: 1;
	position: relative;
}
.box-shape_btn.select {
	cursor: default;
}
.box-shape_btn:before,
.box-shape_btn:after {
	content: "";
	width: 50%;
	height: 2px;
	background-color: #1c667f;
	position: absolute;
	bottom: 0;
	-webkit-transition: .3s;
	   -moz-transition: .3s;
	    -ms-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s;
}
.box-shape_btn:before {
	left: 50%;
 	      transform-origin: left center;
  -webkit-transform-origin: left center;
	-webkit-transform: scale(0,1);
	   -moz-transform: scale(0,1);
	        transform: scale(0,1);		
}
.box-shape_btn:after {
	right: 50%;
 	      transform-origin: right center;
  -webkit-transform-origin: right center;
	-webkit-transform: scale(0,1);
	   -moz-transform: scale(0,1);
	        transform: scale(0,1);		
}
.box-shape_btn.select:before,
.box-shape_btn:hover:before {
	-webkit-transform: scale(1,1);
	   -moz-transform: scale(1,1);
	        transform: scale(1,1);
}
.box-shape_btn.select:after,
.box-shape_btn:hover:after {
	-webkit-transform: scale(1,1);
	   -moz-transform: scale(1,1);
}
.box-shape_btn a {
	width: 100%;
	display: block;
	color: #000;
	text-decoration: none;
}
/* bnr */

.bnr {
	background-color: #fff;	
}
.bnr a {
	-webkit-transition: .3s;
	   -moz-transition: .3s;
	        transition: .3s;
}
.bnr a:hover {
	opacity: 0.7;
}

/* Footer */
	#gFooter {
		position: relative;
	}

	#ftrTop {
		position: relative;
		background-color: #222222;
		padding-bottom: 145px;
	}
	@media only screen and (max-width:1024px) {
		#ftrTop {
			padding: 0;
		}	
	}
 	#appArea {
 		text-align: center;
 		padding: 50px 20px 80px;
 	}
	#appArea li{
		display:inline-block;
		padding: 10px;
	}
	@media only screen and (max-width:1024px) {
	 	#appArea {
	 		text-align: center;
	 		padding: 20px 20px 30px;
 		}
			
	}
	#fNav {
		padding: 0;
		padding-bottom: 20px;
	}
	#fNav ul {
		width: 720px;
		margin: 0 auto;
		-webkit-display: flex;
				display: flex;
		-webkit-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: space-between;
		        justify-content: space-between;
	}
	#fNav ul li {
		font-family: "Segoe UI", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif;
	}
	#fNav ul li.on {
		font-weight: bold;
	}
	#fNav ul li a:hover,
	#fNav ul li.on a{	
		color:#af9377;
	}
	#fNav ul li.off a {
		color: #666;
		cursor: default;
		pointer-events: none;
	}
	#fNav ul li a {
		font-size: 10px;
		line-height: 1;
		color: #fff;
		text-decoration: none;
	}

	@media only screen and (max-width:1024px) {
		#fNav {
			display: none;
		}		
	}



	#ftrCaption {
		padding-top: 30px;
	}
	@media only screen and (max-width:1024px) {
		#ftrCaption {
			padding-top: 0;
			padding-bottom: 30px;
		}
	}

	#contactArea {
		padding: 10px 0;
		background-color: rgba(0,0,0,1);
		border-top: solid 2px #af9377;
		position: fixed;
		width: 100%;
		bottom: 0;
		left: 0;
		z-index: 100;
		-webkit-transition: .7s;
		   -moz-transition: .7s;
		        transition: .7s;
		-webkit-transform: translate(0,0);
		   -moz-transform: translate(0,0);
		        transform: translate(0,0);
	}
	#contactArea.is-hidden {
		-webkit-transform: translate(0,150%);
		   -moz-transform: translate(0,150%);
		        transform: translate(0,150%);
	}
	#contactArea.is-fixed {
		position: absolute;
		border-top: none;
	}
	#contactArea .wrap {
		-webkit-display: flex;
	    		display: flex;
		-webkit-flex-wrap: wrap;
			        flex-wrap: wrap;
		-webkit-justify-content: space-between;
		        justify-content: space-between;
	    -webkit-align-items: center;
	            align-items: center;
		-webkit-flex-direction: row-reverse;
				flex-direction: row-reverse;		
	}
 	@media only screen and (max-width:1024px) {
 		#contactArea {
 			position: static;
 		}
 		#contactArea .wrap {
 			display: block;
 		}
 	}

 	#ftrCvNav {
 		width: 415px; 		
 	}
 	#ftrCvNav ul li {
		width: 205px;
 		font-size: 16px;
 	}
 	#ftrCvNav ul li a {
 		width: 100%;
 		display: block;
 		padding: 27px 0;
 		-webkit-box-sizing: border-box;
 		   -moz-box-sizing: border-box;
 		        box-sizing: border-box;
 		
 	}
 	@media only screen and (max-width:1024px) {

	 	#ftrCvNav,
 		#ftrCvNav.cvNav ul li {
 			width: 100%;
	 		
	 	}
 		#ftrCvNav.cvNav {
 			max-width: 510px;
 			margin: 0 auto 30px;
 		}
 		#ftrCvNav.cvNav ul {
 			display: block;
 			
 		}
 		#ftrCvNav.cvNav ul li {
 			margin-top: 5px;
 		}
 		#ftrCvNav.cvNav ul li:first-child {
 			margin-top: 0;
 		}
 	}

	#contact {
		color: #fff;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		line-height: 1;
	}
	.contact_inner {
		-webkit-display: flex;
	    		display: flex;
		-webkit-flex-wrap: wrap;
			        flex-wrap: wrap;
		-webkit-justify-content: space-between;
		        justify-content: space-between;
	    -webkit-align-items: center;
	            align-items: center;
	}
	.contact_name {
		font-size: 13px;
		letter-spacing: 1.8px;
		margin-bottom: 5px;
	}
	.contact_tel {
		vertical-align: top;
		font-size: 33px;
		letter-spacing: 0.2px;
	}	
	.contact_tel .img-icon-freecall {
		margin-right: 10px;
		vertical-align: top;		
	}
	.contact_tel .img-icon-freecall:before {
		content: '';
		background: url(../imgs/icon-freecall.png) no-repeat;
		-webkit-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
		width: 39px;
		height: 29px;
		margin-top: 10px;
		display: inline-block;
	}
	.contact_tel a {
		color: #fff;
		text-decoration: none;
	}
	.contact_tel span.sp {
		display: none;
	} 
	.contact_hour {
		font-size: 11px;
		letter-spacing: 0.6px;
		margin-left: 20px;
		line-height: 1.5;
	}
 	@media only screen and (max-width:1024px) {
 		#contactArea {
 			padding: 30px 0;
 		}
		#contact {
			text-align: center;
		}
		.contact_tel {
			margin-bottom: 5px;
		}
		.contact_inner {
			display: block;
		}
 	}
 	@media only screen and (max-width:768px) {
		.contact_tel .img-icon-freecall:before {
			content: none;
		}
		.contact_tel {
			font-size: 20px;
			line-height: 1;
		}
		.contact_name,
		.contact_tel {
			margin-bottom: 15px;			
		}
		.contact_tel span.pc {
			display: none;
		}
		.contact_tel span.sp {
			display: inline-block;
		} 
		.contact_tel .icon:before {
			font-size: 14px;
		}
 	}

	#clioNav {
		clear: both;
		text-align: center;
		font-size: 12px;
		line-height: 18px;
		border-top: 1px solid #d0d0d0;
		padding: 25px 0;
	}
	#clioNav ul { zoom: 1; }
	#clioNav ul:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

	#clioNav ul li {
		float: left;
		width: 33%;
		text-align: center;
		vertical-align: baseline;
		zoom:1;
		border-left-width: 1px;
	  	border-left-style: solid;
	  	border-left-color: #d6d6d6;
	  	padding: 5px 0;
	}
	#clioNav ul:after { content : ''; display : block; clear : both; }
	#clioNav ul li:first-child {
		border-left: 0;
	}
	#clioNav ul li a {
		color: #3a3a3a;
		text-decoration: none;
	}
	#clioNav ul li a img {
		margin-bottom: 5px;
	}
	#clioNav ul li a span {
		display: block;
		font-size: 12px;
		line-height: 18px;
		vertical-align: middle;
	}
	#clioNav ul li a span:before {
		content: "▶";
		display: inline-block;
		font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';	
		margin-right: 5px;
		font-size: 10px;
		line-height: 18px;
	}
 	@media only screen and (max-width:1024px) {
 		#clioNav {
 			padding: 0;
 		}
 		#clioNav .wrap {
 			padding: 0;
 		}
 		#clioNav ul li {
 			float: none;
 			width: 100%;
 			border-bottom: 1px solid #d6d6d6;
 			border-left: none;
 		}
 	}


	#copyrightArea {
		clear: both;
	}
	#copyrightArea .linkArea {
		padding: 15px 0;
		border-bottom: 1px solid #e2e2e2;
		zoom: 1;
	}
	#copyrightArea .linkArea:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	#copyrightArea .linkArea .fLogoMain {
		float: left;
		margin-top: 15px;
	}
	#copyrightArea .linkArea .fLogoMain img {
		width: 340px;
	}
	#copyrightArea .linkArea ul {
		float: right;
		font-size: 10px;
	}
	#copyrightArea .linkArea ul li {
		float: left;
		margin-left: 15px;
	}
	#copyrightArea .linkArea ul li.fLogo01 img {
		width: 148px;
	}

	#copyrightArea .copyright {
		padding: 20px 0;
		text-align: right;
		font-size: 10px;
		line-height: 15px;
	}
 	@media only screen and (max-width:1024px) {
		#copyrightArea {
			text-align: center;
		}
		#copyrightArea .linkArea,
		#copyrightArea .linkArea ul,
		#copyrightArea .linkArea ul li,
		#copyrightArea .linkArea .fLogoMain {
			float: none;	
		}
		#copyrightArea .linkArea .fLogoMain {
			margin: 0 auto 20px;
		}
		#copyrightArea .linkArea .fLogo01 {
			width: 145px;
			margin: 0 auto;
			text-align: left;
		}
		#copyrightArea .copyright {
			text-align: center;
		}
 		
 	}


#bnrArea {
	text-align: center;
	background: #222222;
	padding: 30px 20px;
	margin-top: 50px;
}
@media only screen and (max-width:768px) {
	#bnrArea{
		margin-top: 0;

	}
}


	/* pagetop */
	#gFooter .pagetop {
		position: absolute;
		right: 20px;
		bottom: 125px;
		z-index: 100;

		-webkit-transform:translate(0,-100%)rotate(-90deg);
		transform:translate(0,-100%)rotate(-90deg);
		transition: .4s;
		opacity: 0;
	}
	#gFooter .pagetop.is-fixed {
		position: absolute;
		border-top: none;
		opacity: 1;
	}
	#gFooter .pagetop a {
		font-size: 10px;
		color:#cccccc;
		padding: 0px 55px 4px 7px;
		position: relative;

		/* transition */
		-webkit-transition: .3s;
		transition: .3s;
		box-sizing: border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	#gFooter .pagetop a:hover {
		color: #af9377;
		padding: 0px 52px 4px 10px;
		opacity: 0.7;
	}

	#gFooter .pagetop a:before{
		content: '';
		width:100%;
		height: 1px;
		background: #888888;
		position: absolute;
		right:0;
		bottom: 0;
	}
	#gFooter .pagetop a:after{
		content: '';
		width:15%;
		height: 1px;
		background: #c4a484;
		position: absolute;
		right:0;
		bottom: 0;
		transition: .4s;
	}
	#gFooter .pagetop a:hover:after{
		width:100%;
	}

	@media only screen and (max-width:1024px) {
		#gFooter .pagetop{
			bottom: 35px;
		}
	}
 	@media only screen and (max-width:768px) {
 		#gFooter .pagetop{
			right: -20px;
			bottom: ;
		}

	}

/*****
 * 5. popup
*****/