@charset "utf-8";

/*===============================================*/

/*  common.css */

/*===============================================*/


/*//////////////////////////////////

reset
///////////////////////////////////*/

/* Fonts
---------------------------------------------------------------------*/
/*localfont  -------------------------*/
@font-face {font-family: mdsPro; src: url('../fonts/A-OTF-MidashiGoPro-MB31.otf');}
@font-face {font-family: bs; src: url('../fonts/bahnschrift.ttf');}
@font-face {font-family: latoB; src: url('../fonts/Lato-Bold.ttf');}
@font-face {font-family: latoH; src: url('../fonts/Lato-Heavy.ttf');}



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

@font-face {
  font-family: 'bglogo';
  src:  url('../fonts/bglogo.eot?wpe0mx');
  src:  url('../fonts/bglogo.eot?wpe0mx#iefix') format('embedded-opentype'),
    url('../fonts/bglogo.ttf?wpe0mx') format('truetype'),
    url('../fonts/bglogo.woff?wpe0mx') format('woff'),
    url('../fonts/bglogo.svg?wpe0mx#bglogo') 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' ,'bglogo'!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-home:before {content: "\e903";}
.icon-mail:before {content: "\e900";}
.icon-mail2:before {content: "\e901";}
.icon-tel:before {content: "\e902";}
.icon-line:before {content: "\e009";}
.icon-instagram:before {content: "\ea92";}
.icon-twitter:before {content: "\ea96";}
.icon-facebook:before {content: "\ea90";}
.icon-bglogo:before {content: "\e100";color: #bcbcbc;}



/*site main rules
---------------------------------------------------------------------*/

/*color  ------------------*/
.fcBlk{color:#000;}
.fcWht{color:#fff;}
.fcGly{color:#595656;}
.fcSepia{color:#b2aa97;}
.bgcBlc{background-color:#000;}
.bgcWht{background-color:#fff;}
.bgcGly{background-color:#595656;}
.bgcSepia{background-color:#b2aa97;}
.bgcGld{background: linear-gradient(60deg, rgba(230, 255, 195, 1), rgba(239, 247, 230, 1));}

/*テキストのハイライトカラーを変える  ------------------*/
::selection{ /* Safari and Opera */background:#fff; color:#b2aa97;}
::-moz-selection{ /* Firefox */background:#fff ; color:#b2aa97 ;}

/*link  ------------------*/
a:link {color: #000;text-decoration: none;}
a:visited {color: #000;text-decoration: none;}
a:hover {color: #000;text-decoration: none;}
a:active {text-decoration: none;}


/* reset
---------------------------------------------------------------------*/
html{height: 100%;}
body{
	position: relative;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 100%; /* IE */
	line-height: 26px;
	color: #000;
	font-family : "Noto Sans Japanese","Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif";
	font-weight: 600;
	-webkit-text-size-adjust: none;	/*border:solid 13px #00336a;*/ }

@media screen and (max-width: 768px){body {font-family : "ヒラギノ角ゴ ProN" , sans-serif; } }

html>/**/body {font-size: 16px; /* Except IE */}

h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	text-align: left;
	list-style-type: none; }


/* カーソルポインター装飾 */
#cursor {
    position: fixed;
	z-index: 10000000000000;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: ;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    pointer-events: none; }

#cursor:after {
	position: absolute;
	top: 2px;
	left: -2px;
	content: '';
	width: 10px;
	height: 2px;
	background-color: #b2aa97;
	animation: spin 7s linear infinite;}

#cursor:before {
	position: absolute;
	top: -2px;
	left: 2px;
	content: '';
	width: 2px;
	height: 10px;
	background-color: #b2aa97;
	animation: spin 7s linear infinite;}
 
#cursor.active {transform: scale(0);}
 
#stalker {
    position: fixed;
	z-index: 10000000000000;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: ;
	border: 2px solid #b2aa97; 
    width: 40px;
    height: 40px;
    border-radius: 100%;
    transition: 0.2s;
    opacity: .8;
    pointer-events: none; }
 
#stalker.active {background:#b2aa97 ; transform: scale(2.5) translate(-20%, -20%);  opacity: .3; }

/* テキストエリア内文字サイズのブラウザ間での差異をなくす */
textarea { font-size: 100%; }

/* 画像の下にできる隙間をなくす */
img {border:0;vertical-align: bottom;}
img {max-width: 100%; height: auto; width /***/:auto;}

/* hr 要素は不可視で使う */
hr { display: none; }

/* br 要素のレスポンシブ化 */
@media screen and (max-width: 959px){.brNone { display: none; }}


/*margin
----------------------------------*/
/*上  ------------------*/
.mrt5{margin-top:5px;}
.mrt10{margin-top:10px;}
.mrt15{margin-top:15px;}
.mrt20{margin-top:20px;}
.mrt30{margin-top:30px;}
.mrt40{margin-top:40px;}
.mrt50{margin-top:50px;}

/*右  ------------------*/
.mrr1{margin-right:1px;}
.mrr2{margin-right:2px;}
.mrr3{margin-right:3px;}
.mrr4{margin-right:4px;}
.mrr5{margin-right:5px;}
.mrr6{margin-right:6px;}
.mrr7{margin-right:7px;}
.mrr8{margin-right:8px;}
.mrr9{margin-right:9px;}
.mrr10{margin-right:10px;}
.mrr15{margin-right:15px;}
.mrr20{margin-right:20px;}
.mrr25{margin-right:25px;}
.mrr30{margin-right:30px;}

/*下  ------------------*/
.mrb5{margin-bottom:5px;}
.mrb10{margin-bottom:10px;}
.mrb15{margin-bottom:15px;}
.mrb20{margin-bottom:20px;}
.mrb30{margin-bottom:30px;}
.mrb40{margin-bottom:40px;}
.mrb50{margin-bottom:50px;}


/*左  ------------------*/
.mrl1{margin-left:1px;}
.mrl2{margin-left:2px;}
.mrl3{margin-left:3px;}
.mrl4{margin-left:4px;}
.mrl5{margin-left:5px;}
.mrl6{margin-left:6px;}
.mrl7{margin-left:7px;}
.mrl8{margin-left:8px;}
.mrl9{margin-left:9px;}
.mrl10{margin-left:10px;}
.mrl15{margin-left:15px;}
.mrl20{margin-left:20px;}
.mrl25{margin-left:25px;}
.mrl30{margin-left:30px;}


/*font-size
----------------------------------*/
.f8{font-size:8px;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}


/*float
----------------------------------*/
.left{float:left;}
.right{float:right;}
#left{float:left;}
#right{float:right;}



/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

opening/loader
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.loading {
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10001; }

.loading div {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	margin: auto; 
	width: 250px;
	height: 250px; }

@media screen and (max-width: 768px){ 
.loading div {width: 200px;height: 200px; }}





/*//////////////////////////////////

module
///////////////////////////////////*/

/*column
---------------------------*/
.column1{
	margin:0 auto ;
	width:100%;
	height:auto;
	box-sizing: border-box;
	position: relative;}
@media screen and (max-width: 959px){ .column1{width:90%; } }


.column2{
	/*max-width:1400px;*/
	height:auto;
	box-sizing: border-box;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between; }

@media screen and (max-width: 959px){ .column2{width:100%; flex-wrap: wrap;} }
@media screen and (max-width: 768px){ 
	.column1{margin:50px auto ;}
	.column1:after {left:0px;} }


/*工事中
---------------------------*/
.construction {
	margin: 0px 0px 50px;
	padding:100px 0 0;
	width: 100%;
	box-sizing: border-box; }


.construction h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size:20px;
	text-align:center; }

	
.construction p {
	text-align:center;
	font-size:14px; }

.construction p span {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#ea608e;
	font-weight:bold; }




/*//////////////////////////////////

 animation
///////////////////////////////////*/


/*要素出現
---------------------------------*/
.mask-Wrap{
	margin:0;
	padding:0;
	box-sizing: border-box;
	width: 100%;
	position: relative;
	overflow: hidden; }

/*curtain motion---------------*/
.curtainIn{ position:relative ; /*opacity: 0;*/ z-index: 0; }

/*curtain
---------------------------------*/
.maskWH { width: 100%; height: 100%; position: absolute; top:0; z-index: 5; background-color: #fff; }
.maskWH-wh { width: 100%; height: 100%; position: absolute; top:0; z-index: 4; background-color: #b2aa97;}

/*animation ------------*/
.ef-animation .maskWH {animation: maskWH 0.3s ease-out 0.5s forwards; margin-left: 0; }
.ef-animation .maskWH-wh { animation: maskWH 0.4s ease-out 0.8s forwards; margin-left: 0; }
@keyframes maskWH { 0% { margin-left: 0;} 100% {margin-left: 100%;} }


/*line 
.lineWrap {width: 60px; height:2px;}
.lineBlk { width: 60px; height: 50%; position: absolute; top:-12px; left:125px; z-index: 4; background-color: #f39800;}
.lineRed { width: 60px; height: 50%; position: absolute; top:-12px; left:125px; z-index: 5; background-color: #595656;}

/*mask 
.maskBlk { width: 100%; height: 100%; position: absolute; top:0; z-index: 4; background-color: #161616;}
.maskRed { width: 100%; height: 100%; position: absolute; top:0; z-index: 5; background-color: #de0716;}


/*animation -------------
.ef-animation { animation: ef-animation 0.5s cubic-bezier(.68,0,.37,1) 0.5s forwards;}
@keyframes ef-animation{ 0%{ opacity: 1;} 100% { opacity: 1;} }

/*line 
.ef-animation .lineBlk {animation: lineAnm 0.8s cubic-bezier(.68,0,.37,1) 0.3s forwards; width: 0; }
.ef-animation .lineRed { animation: lineAnm 0.8s cubic-bezier(.68,0,.37,1) 0.7s forwards; width: 0; }
@keyframes lineAnm { 0% { width: 0;} 100% {width: 100%;} }

/*mask 
.ef-animation .maskBlk {animation: maskAnm 0.3s ease-out 0.5s forwards; margin-left: 0; }
.ef-animation .maskRed { animation: maskAnm 0.4s ease-out 0.8s forwards; margin-left: 0; }
@keyframes maskAnm { 0% { margin-left: 0;} 100% {margin-left: 100%;} }



/*- @media
@media screen and (max-width: 768px){
.lineBlk { width: 20px; top:-12px; left:110px; z-index: 4; background-color: #f39800;}
.lineRed { width: 20px; top:-12px; left:110px; z-index: 5; background-color: #595656;}
.lineWrap {height:;} } -*/


/*fade motion---------------------*/
.move,
.move:hover {transition:all 0.4s ease-in-out 1.0s;}

.fade_box {
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0; }






/*button
---------------------------------*/
.button{
	cursor: pointer;
	display: block;
	position: relative;
	z-index: 0;
	border: 2px solid #000; 
	transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1);0s;
	
	padding:15px;
	width:100%;
	height:auto;
	font-size: 18px;
	text-align: center;
	color: #000 !important;
	background: #fff;
	font-weight: bold;
	box-sizing: border-box; }

.button:before {
 	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #fff !important;
	background:#b2aa97;
	transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1);0s; }

.button:after {content: ''; width: 30px; height: 1px; background: #000; position: absolute; top: 50%; right:0px; transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1);0s;}

.button:hover {color: #fff !important; border: 2px solid #b2aa97; }
.button:hover:before {left: 0%; right: auto; width: 100%;}
.button:hover:after {width: 60px; background: #fff;}




/*photo btn-------*/
.ovBtn{
	position: absolute;
	z-index:2;
	width:100%;
	height:100%;
	transition: 0.5s ease-out;
	background: linear-gradient(-45deg, rgba(230, 255, 195, 0.8), rgba(239, 247, 230, 0.8));
	/*animation: bg-color 3s infinite alternate;*/
	opacity:0; }
.ovBtn:hover{opacity:1;  box-shadow: 0px 0px 10px #4a4a4a;}




/**/
.mcurtain{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	-webkit-animation: mcurtain 1s;
	-webkit-animation-iteration-count: 1;
	z-index: 99; }

@-webkit-keyframes mcurtain {
	0% {width:100%; background-color: #fff;}
	100% {width:0%; background-color: #fff;}
}

/**/

.transform01 {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s ease;
	transition: all .5s ease; }





/*//////////////////////////////////

Header
///////////////////////////////////*/

header{
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	z-index: 100;
	
	margin:0 auto;
	padding:0 0;
	box-sizing: border-box;
	width: 14%;
	height:750px;
	background-color:;}


/*G_Nav
------------------------------------*/
nav{
	margin:0 auto; 
	padding:50px 0 0 0 ;
	width : 100%;
	height:auto;
	box-sizing: border-box; }

nav h1{
	margin:0 auto 100px; 
	width : 160px;
	height:auto;
	box-sizing: border-box; }

nav h1 div{
	margin:10px auto 0;
	font-size:16px;
	color:#000; }

nav h1 div p{
	display: inline;
	margin:0 auto;
	font-size:20px;
	line-height:20px;
	text-align:center;
	color:#000;
	letter-spacing: 0.03em;
	font-family: latoB;
	font-feature-settings : "palt";
	box-sizing: border-box; }


.gnavList{
	width:100%;
	height:auto; }

.gnavList li{
	margin-bottom: 30px;
	width:100%;
	font-size:16px;
	line-height:16px;
	text-align:left;
	font-weight:400;
	letter-spacing: 0.05em; 
	position: relative;/*lineAnimation*/ 
	font-family: latoB;
	
	transition: .2;}

.gnavList li:after {
	position: absolute;
	top: 5px;
	right: -32px;
	content: '';
	width: 1px;
	height: 7px;
	background-color: #000;
	border-radius: 100% 0 0 100%;}

.gnavList li a {
	display: block;
	position: relative;
	z-index: 0;
	top: ;
	right: ;
	width: ;
	height: ;
	transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);0s;}

.gnavList li a:before {
	position: absolute;
	bottom: 7px;
	left: 55%;
	height: 1px;
	width: 0px;
	z-index: -1;
	content: '';
	background-color:#000 ;
	transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);0s; }

.gnavList li a:link {color: #b2aa97 !important;}
.gnavList li a:visited {color: #b2aa97 !important;}
.gnavList li a:hover,.gnavList li a.active{color: #000 !important;}
.gnavList li a:hover:before,.gnavList li a.active:hover:before { right: auto; width: 61%;}


/* #iconList-----------*/

.iconList {
	position:absolute;
	bottom:20px;
	width:100%;
	text-align: left; }

.iconList h3{
	margin-bottom: 10px;
	font-size:12px;
	line-height:12px;
	font-weight:400;
	letter-spacing: ; 
	font-family: latoB; }
	
.iconList i {width:0px;height:0px; margin:0 5px 0 0;}
.iconList { -webkit-transition: all .3s ease-out .2s; transition: all .3s ease-out .1s;}
.iconList span {font-size:20px; transition: .3s; color:#000;}
.iconList span:hover {color: #b2aa97 !important;} 


/*- @media 959px-*/
@media screen and (max-width: 959px){
header{padding:20px;width: 100%;height:auto;}
nav{padding:0 ;}
nav h1{margin:0 auto 0; width : 80px;text-align:center; }
.gnavList,.iconList,nav h1 div{display:none; } }




/*main
------------------------------------*/
main {
	margin:0 auto ;
	padding:0;
	width : 75%;
	box-sizing: border-box;
	height:auto;
	position:relative;
	z-index: 10;}

/*- @media 959px-*/
@media screen and (max-width: 959px){
main {padding:0% 0%; width : 100%; } }

/*bg-Logo
------------------------------------*/
.bg-Logo {
	position:fixed;
	z-index: 0;
	top:5%;
	right:0;
	
	width : ;
	height:auto;
	
	font-size: 660px;
	line-height: 700px;
	color: #ACB6E5;
/*background: -webkit-linear-gradient(0deg, #ACB6E5, #86FDE8);*/
background: -webkit-linear-gradient(30deg, #fecce1 25%, #fffbdb 50%, #dbffe4 75%, #cfecff 100%) 0% center / 300% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

	animation: textAnmtn 40s linear infinite; }

/* 背景の横位置をズラす */
@keyframes textAnmtn {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}

/*- @media 768px-*/
@media screen and (max-width: 768px){
.bg-Logo {top:20%;font-size: 300px;line-height: 320px;}}




/*heroHeader
---------------------------*/
.heroHeader {
	position:relative;
	margin:0 auto;
	width :100% ;
	height:750px;}

/**/
.top-ttlWrap {
	position: absolute;
	top:35%;
    left:0;
	
	margin:0 0 0 0;
	width : 100%;
	height: 200px;
	z-index: 101; }

.top-ttlWrap h2{
	margin-bottom:;
	font-size:100px;
	line-height:100px;
	color:#000;
	letter-spacing: 0.05em;
	font-family: latoB;
	font-feature-settings : "palt"; }

.top-ttlWrap p{
	margin-top:-10px;
	font-size:16px;
	line-height:20px;
	letter-spacing: 0.3em;
	font-family: mdsPro; }

.top-ttlWrap h3{
	margin-bottom:30px;
	font-size:18px;
	line-height:18px;
	color:#b2aa97;
	letter-spacing: 0.05em;
	font-family: latoB;
	font-feature-settings : "palt"; }

.top-ttlWrap h3:after {
	position: absolute;
	top: -12px;
	left: -12px;
	content: '';
	width: 10px;
	height: 2px;
	background-color: #b2aa97;
	animation: spin 7s linear infinite;}

.top-ttlWrap h3:before {
	position: absolute;
	top: -16px;
	left: -8px;
	content: '';
	width: 2px;
	height: 10px;
	background-color: #b2aa97;
	animation: spin 7s linear infinite;}

.heroHeader h4 {
	position: absolute;
	bottom: -300px;
	right: 5%;
	z-index: 100;
	
	width : 300px;
	height: 500px;
	box-sizing: border-box;
	
	font-size:36px;
	line-height:80px;
	font-weight:100;
	letter-spacing: 0.1em;
	text-align: left;
	font-family: mdsPro;
	font-feature-settings : 'pkna';
    writing-mode: vertical-rl; }


/*bxslider------------*/
#bxslider{z-index: 0; position:relative;width:100%;height:600px;overflow:hidden; border-radius: 20px 0 0 20px;}
#bxslider li{position:absolute;right:0;top:0;left:0;width:100%;height:600px; background:no-repeat center center ;background-size:cover;}

/*- @media 959px -*/
@media screen and (max-width: 959px){
.heroHeader {padding: 0 0 50px; width : 90% ;height:auto; }
.top-ttlWrap {position: relative;top:0;left:0;margin:0 0 0 0;width : 100%;height: auto;}
.top-ttlWrap h2{font-size:36px;line-height:36px;}
.top-ttlWrap p{margin-top:0px;font-size:14px;line-height:14px; }
.top-ttlWrap h3{margin:30px 0 20px;font-size:14px;line-height:14px; }
.heroHeader h4 {position:relative;bottom: 0;right: 0;margin: 50px auto 0;width : 100%;height: auto;font-size:24px;line-height:40px;writing-mode:horizontal-tb; }

#bxslider{height:350px; border-radius: 0;}
#bxslider li{height:350px;} }


/*scrollanimation------------*/
.scrl {
	padding:0px 0 0 10px;
	width:8px;
	height:100px;
	position: absolute;
	bottom: 0px;
	right: 20px;
	z-index: 1000;}

.scrl a {
	padding-top: 40px;
	color:#00ff0c;
	letter-spacing: 0.1em;
	-ms-writing-mode: tb-rl;/* IE用　*/
	writing-mode: vertical-rl; }

.scrl a span {
	position: absolute;
	top: 0px;
	left: 60%;
	content: '';
	width: 1px;
	height: 100px;
	margin-left: -1px;
	background-color: #00ff0c;
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	box-sizing: border-box;}

.scrl a span:after {
	position: absolute;
	bottom: 0px;
	left: -6px;
	content: '';
	width: 10px;
	height: 10px;
	border: 1px solid;
	border-color: transparent #00ff0c transparent transparent;
	transform: rotate(45deg); }


@keyframes sdb {
	0% {transform: translate(0, 0); opacity: 1;}
	50% {transform: translate(0, 50px);opacity: 1;}
	100% { opacity: 1;}}
@-webkit-keyframes sdb {
	0% {transform: translate(0, 0); opacity: 1;}
	50% {transform: translate(0, 50px);opacity: 1;}
	100% { opacity: 1;}}


/*- @media 959px -*/
@media screen and (max-width: 959px){
.scrl {display: none;} }






/*h2ttl
---------------------------*/

.h2ttl{
	margin-bottom: 50px;
	font-size:18px;
	line-height:18px;
	color:#b2aa97;
	letter-spacing: 0.05em;
	font-family: latoB;
	font-feature-settings : "palt";
	position:relative; }

.h2ttl:after {
	position: absolute;
	top: -12px;
	left: -12px;
	content: '';
	width: 10px;
	height: 2px;
	background-color: #b2aa97;
	animation: spin 7s linear infinite;}

.h2ttl:before {
	position: absolute;
	top: -16px;
	left: -8px;
	content: '';
	width: 2px;
	height: 10px;
	background-color: #b2aa97;
	animation: spin 7s linear infinite;}

@keyframes spin {
	0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); } }




/*- @media 959px-*/
@media screen and (max-width: 959px){ }

/*- @media 768px-*/
@media screen and (max-width: 768px){
.h2ttl {margin-bottom: 20px;width:100%; }
.h2ttl p {font-size:18px;line-height:18px; }
.h2ttl p:before {top: 5px;left: -12px;width: 5px;height: 5px; }
.h2ttl p:after {top:-2px;left:180px; } }


/*page-top
---------------------------*/	
#page-top{
   width:70px;
   height:70px;
   display:none;
   position:fixed;
   right:10px;
   bottom:0px;
   z-index:100; }
 
#page-top p{
   margin:0;
   padding:0;
   text-align:center;
   -webkit-transition:all 0.3s;
   -moz-transition:all 0.3s;
   transition:all 0.3s; }

#move-page-top{
   color:#fff;
   line-height:50px;
   text-decoration:none;
   display:block;
   cursor:pointer; }

/*- @media 768px-*/
@media screen and (max-width: 768px){#page-top p{display:none;} }



/*google map
------------------------------------*/
.gMap {height:550px ; }
.gmap1 {
	margin:30px auto;
	padding:0px 0px;
	width:100%;
	height:550px ; }

@media screen and (max-width: 959px){ .gMap,.gmap1{margin:0px auto; width:100%; height:300px;} }


/*////////////////////////////////

footer
////////////////////////////////*/		

footer{ 
	width:100%;
	height:auto;
	position:relative; }

/*fInner-----------------*/
.fInner{
	padding: 0 0 30px;
	position:relative; }

#copy{
	width:95%;
	margin:0 auto;
	text-align: right;
	font-size: 12px;
	line-height:12px;
	font-weight:100;
	font-family: latoB; }


/*- @media 768-*/
@media screen and (max-width: 768px){
.fInner{padding: 0 0 80px; }
#copy{text-align: center;font-size: 14px;line-height:14px; }}