@charset "utf-8";
@font-face {
	font-family:CONDENSEicon;
	src:url("CONDENSEicon.eot");
}

@font-face {
    font-family:'CONDENSEicon';
    src:url('CONDENSEicon.woff') format('woff'),
        url('CONDENSEicon.otf') format('opentype');
}

@import url(http://fonts.googleapis.com/css?family=Quicksand:400,700,300);
body{
	color:#bb9800;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size:12px;
	line-height:1.8em;
	height:100%;
	width:100%;
	overflow-x:hidden;
}

img{
border:none;
vertical-align:bottom;
}

a{
	color:#bb9800;
	text-decoration:none;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
a:hover {
	text-decoration:none;
}

ul{
list-style-type:none;
}

hr{
display:none;
clear:both;
}

.left {
	float:left;
}
.clear_both {
	float:none;
}

.right {
	float:right;
}
.left {
	float:left;
}
#loading {
	height:100%;
	width:100%;
	position:fixed;
	z-index:101;
	left:0px;
	top:0px;
	background-color:#FFF;
	font-family:Quicksand;
}
#loading div {
	position:absolute;
	left:50%;
	top:50%;
	height:80px;
	width:80px;
	margin-top:-40px;
	margin-left:-40px;
	font-size:10px;
	padding-top:55px;
	box-sizing:border-box;
	text-align:center;
	letter-spacing:0.1em;
	animation-name:lineAnime03;
	animation-duration:1.2s;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite;
	animation-fill-mode:forwards;
	animation-direction:alternate;
	-webkit-animation-name:lineAnime03;
	-webkit-animation-duration:1.2s;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-direction:alternate;
}
@keyframes lineAnime03{
	0%  {opacity:0;}
	100%{opacity:1;}
}
@-webkit-keyframes lineAnime03{
	0%  {opacity:0;}
	100%{opacity:1;}
}
#loading #mark{
	height:auto;
	width:80px;
	margin-top:-40px;
	margin-left:-40px;
	position:absolute;
	left:50%;
	top:50%;
}
#loading #mark g{
	stroke:#C4970A;
	fill:none;
	stroke-width:0.5px;
	stroke-DASHarray:170;
	stroke-DASHoffset:170;
	animation-name:lineAnime02;
	animation-duration:1.2s;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-fill-mode:forwards;
	-webkit-animation-name:lineAnime02;
	-webkit-animation-duration:1.2s;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	-webkit-animation-fill-mode:forwards;
}
@keyframes lineAnime02{
	0%  {stroke-DASHoffset:170;fill:none;stroke-opacity:1;}
	100%{stroke-DASHoffset:0;fill:none;stroke-opacity:1;}
}
@-webkit-keyframes lineAnime02{
	0%  {stroke-DASHoffset:170;fill:none;stroke-opacity:1;}
	100%{stroke-DASHoffset:0;fill:none;stroke-opacity:1;}
}

.s_menu {
	background-image:url(../images/s_menu_off.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:24px auto;
	height:40px;
	width:40px;
	display:block;
	text-indent:-9999px;
	position:fixed;
	top:10px;
	right:10px;
	z-index:11;
	background-color:#FFF;
}
header .s_menu.select {
	background-image:url(../images/s_menu_on.png);
	background-size:18px auto;
}


header {
	float:left;
	width:100%;
	height:60px;
	position:relative;
	z-index:10;
	background-color:#FFF;
}
header h1 {
	left:15px;
	top:23px;
	height:20px;
	width:240px;
	position:absolute;
	z-index:1;
}
header h1 a {
	float:left;
	width:100%;
	height:100%;
}

.path g{
	opacity:0;
	stroke:#C4970A;
	fill:none;
}

.path00{
	opacity:1!important;
	stroke-width:1;
	stroke-DASHarray:3000;
	stroke-DASHoffset:3000;
	-moz-animation:lineAnime 7s ease-in-out .5s forwards;
	-webkit-animation:lineAnime 7s ease-in-out .5s forwards;
	-o-animation:lineAnime 7s ease-in-out .5s forwards;
	animation:lineAnime 7s ease-in-out .5s forwards;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;	
}
	@keyframes lineAnime{
		0%  {stroke-DASHoffset:3000;fill:none;stroke-opacity:1;}
		100%{stroke-DASHoffset:0;fill:none;stroke-opacity:1;}
	}
	@-moz-keyframes lineAnime{
		0%  {stroke-DASHoffset:3000;fill:none;stroke-opacity:1;}
		100%{stroke-DASHoffset:0;fill:none;stroke-opacity:1;}
	}
	@-webkit-keyframes lineAnime{
		0%  {stroke-DASHoffset:3000;fill:none;stroke-opacity:1;}
		100%{stroke-DASHoffset:0;fill:none;stroke-opacity:1;}
	}
	@-o-keyframes lineAnime{
		0%  {stroke-DASHoffset:3000;fill:none;stroke-opacity:1;}
		100%{stroke-DASHoffset:0;fill:none;stroke-opacity:1;}
	}
	@-ms-keyframes lineAnime{
		0%  {stroke-DASHoffset:3000;fill:none;stroke-opacity:1;}
		100%{stroke-DASHoffset:0;fill:none;stroke-opacity:1;}
	}
header nav {
	background-color:rgba(255,255,255,0.9);
	height:100%;
	width:100%;
	position:fixed;
	z-index:9;
	left:0px;
	top:0px;
	box-sizing:border-box;
	display:none;
	padding-top:10px;
	padding-right:30px;
	padding-bottom:0px;
	padding-left:30px;
}
header #mainnavi {
	width:100%;
	float:left;
	margin-bottom:20px;
}

header #mainnavi .navi01 li {
	float:left;
	width:100%;
	box-sizing:border-box;
	text-align:center;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#EDEDED;
}
header #mainnavi .navi01 li:last-child {
	height:70px;
	position:absolute;
	bottom:0px;
	left:0px;
	border:none;
}
header #mainnavi .navi01 li:last-child a {
	height:100%;
	color:#FFF;
	font-size: 16px;
	letter-spacing:0.1em;
	line-height: 23px;
	background-color:#D5B52B;
	padding-top: 10px;
	box-sizing:border-box;
}
header #mainnavi .navi01 li:last-child a span {
	display:inline-block;
	width: 100%;
	font-size: 11px;
	letter-spacing:0.1em;
}
header #mainnavi .navi01 li a {
	float:left;
	height:100%;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	box-sizing:border-box;
	color:#D5B52B;
	line-height:1em;
	font-size:14px;
}
header .sns {
	width: 110px;
	left:50%;
	transform:translateX(-50%);
	margin-top: 15px;
}
.tel {
	float:left;
	width:100%;
	position:relative;
	text-align:center;
	margin-top:20px;
}
.tel dt {
	float:left;
	width:100%;
	position:relative;
	font-size:12px;
	letter-spacing:0.1em;
	margin-bottom:5px;
}
.tel dd {
	float:left;
	width:100%;
	position:relative;
	font-size:18px;
	font-family:'Quicksand', sans-serif;
	letter-spacing:0.1em;
	font-weight:normal;
}
.tel dd a {
	color:#D2B56F;
}

#map_canvas {
	float:left;
	height:480px;
	width:100%;
}

#back {
	float:left;
	width:100%;
	height:180px;
	position:relative;
	background-image:url(../images/footer_back.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
footer {
	float:left;
	width:100%;
	position:relative;
	padding-top:10%;
	padding-bottom:10%;
	box-sizing:border-box;
}
footer h1 {
	float:left;
	width:285px;
	height:76px;
	position:relative;
	text-indent:-9999px;
	background-image:url(../images/footer_logo.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	left:50%;
	margin-left:-142px;
	margin-bottom:20px;
}
footer .footer_info {
	float:left;
	width:100%;
	position:relative;
	text-align:center;
}
footer .address {
	float:left;
	width:100%;
	position:relative;
	margin-bottom:20px;
	font-size:12px;
}
footer .footer_info .infolist {
	float:left;
	width:90%;
	position:relative;
	margin-bottom:20px;
	margin-left:5%;
}
footer .footer_info .infolist li {
	float:left;
	width:48%;
	position:relative;
	border-top:1px solid #D5B52B;
	border-bottom:1px solid #D5B52B;
	padding:5px 0;
	box-sizing:border-box;
	margin-right:4%;
	font-size:12px;
}
footer .footer_info .infolist li:nth-child(2) {
	margin-right:0%;
}
footer .footer_info .infolist li:last-child {
	margin-right:0px;
	width:100%;
	margin-top:-1px;
}
footer .footer_info ul {
	float:left;
	width:100%;
	position:relative;
	text-align:center;
	margin-bottom:20px;
}
footer .footer_info ul li {
	width:140px;
	position:relative;
	border-top:1px solid #D5B52B;
	border-bottom:1px solid #D5B52B;
	box-sizing:border-box;
	margin-right:20px;
	padding-top:5px;
	padding-right:0;
	padding-bottom:5px;
	padding-left:0;
	display:inline-block;
}
footer .footer_info ul li:last-child {
	margin-right:0px;
}
footer .footer_info .tel01 {
	float:left;
	width:100%;
	position:relative;
	font-size:17px;
	font-family:'Quicksand', sans-serif;
	letter-spacing:0.1em;
	margin-bottom:10px;
}
.sns {
	float:left;
	width:90px;
	position:relative;
}
.sns li {
	display: inline-block;
	width:31px;
	height:30px;
	position:relative;
	border:none;
	margin-right:5px;
	padding-top:0px;
	padding-bottom:0px;
}
.sns li:last-child {
	margin-right:0px;
}
footer .footer_info .copyright {
	float:left;
	width:100%;
	position:relative;
	text-align:center;
	font-family:'Quicksand', sans-serif;
	font-size:8px;
	letter-spacing:0.1em;
}
.pc {
	display:none;
}
.tel_cont {
    width: 100%;
    height: 70px;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    background-color: #FFF;
    padding: 10px 15px;
    box-sizing: border-box;
    box-shadow: 0 0 10px hsl(0deg 0% 0% / 8%);
    z-index: 1;
}
.tel_cont .contact {
    float: left;
    width: 48%;
    height: 100%;
    position: relative;
    color: #D5B52B;
    text-align: left;
    margin-right: 3%;
    padding-top: 2px;
    box-sizing: border-box;
}
.tel_cont .contact dt {
    float: left;
    width: 100%;
    font-size: 11px;
    letter-spacing: 0.1em;
}
.tel_cont .contact dd {
    float: left;
    width: 100%;
    position: relative;
}
.tel_cont .contact dd a {
    color: #D5B52B;
    font-size: 18px;
    font-family: 'Quicksand', sans-serif;
    letter-spacing: 0.1em;
    font-weight: normal;
}
.tel_cont .reserve {
    float: right;
    width: 48%;
    height: 100%;
    position: relative;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 21px;
    background-color: #D5B52B;
    padding: 3px 15px;
    box-sizing: border-box;
}
.tel_cont .reserve span {
	display: inline-block;
	width:100%;
	font-size: 10px;
	line-height: 10px;
}