@charset "utf-8";
/* ===================================================================

 file name  :common.css
 style info :共通のスタイル指定（ストラクチャ、ヘッダー、フッター）

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

/* ---------------------------------------------------------------------------

		structure
			ストラクチャ：基本設定、リンクカラーなど

--------------------------------------------------------------------------- */
a{
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	transition:all ease 0.3s;
	text-decoration:none;
	color:#000;
	
}


/* ---------------------------------------------------------------------------
		#wrapper
			全体
--------------------------------------------------------------------------- */
#wrapper{
	min-width:1020px;
}


/* ---------------------------------------------------------------------------
		#header	
			ヘッダー
--------------------------------------------------------------------------- */
#header{
	padding:10px 0 13px;
	background:#fff;
	box-shadow:0 1px 7px rgba(0,0,0,0.15);
	position:relative;
	z-index:1000;
}
#header .head-inner{
	width:1020px;
	margin:0 auto;
	padding:0 10px;
	position:relative;
}
#logo{
}

#gnav{
	position:absolute;
	right:10px;
	top:8px;
}
#gnav li{
	float:left;
}
#gnav a,
#gnav span{
	display:block;
	padding:10px 11px;
	font-size:125%;
	position:relative;
	text-align:center;
}
#gnav span{
	opacity:0.3;
}
#gnav a:before{
	content:"";
	display:block;
	width:0;
	height:1px;
	background:#282828;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
#gnav a:hover:before{
	width:100%;
}
#gnav .gnav-reserve a,
#gnav .gnav-reserve span{
	margin:3px 0 0;
	padding:5px 11px;
	color:#fff;
	background: rgb(160,132,133);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwODQ4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OTViNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(160,132,133,1) 0%, rgba(121,91,99,1) 100%);
	background: -webkit-linear-gradient(top, rgba(160,132,133,1) 0%,rgba(121,91,99,1) 100%);
	background: linear-gradient(to bottom, rgba(160,132,133,1) 0%,rgba(121,91,99,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a08485', endColorstr='#795b63',GradientType=0 );
	border-radius:5px;
}
#gnav .gnav-reserve a:before{
	content:none;
}

#gnav .gnav-lang a{
	display:inline-block;
	color:#000;
	font-size:12px;
	padding: 11px 11px;
}
#gnav .gnav-lang a:before {
	content: ">";
	margin: 0 0.2em 0 0;
	width:auto;
	display:inline;
	position:static;
	background:none;
}

.index #gnav .gnav-top a:before,
.about #gnav .gnav-about a:before,
.shop #gnav .gnav-shop a:before,
.gallery #gnav .gnav-gallery a:before,
.menu #gnav .gnav-menu a:before{
	width:100%;
}


/* ---------------------------------------------------------------------------
		#content		
			コンテンツ
--------------------------------------------------------------------------- */
#content{
	background:#f6f6f2;
}
#pageHeader{
	margin:0 0 104px;
	padding:160px 0 0;
	position:relative;
	background:#f6f6f2;
}
#pageHeader .bgpage{
	height:340px;
	background-size:cover !important;
}
#pageHeader .bgpage h1{
	width:1020px;
	margin:0 auto;
	padding:0 10px;
	position:absolute;
	top:55px;
	left:0;
	right:0;
	font-size:28px;
}
#pageHeader .bgpage h1 span + span{
	display:block;
	font-size:12px;
	font-style: italic;
}
#pageHeader .bgpage h1 + p{
	width: 1000px;
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-weight: bold;
    font-size: 15px;
}
#pageHeader .bgpage .txt-cache {
    left: 297px;
    top: 62px;
	font-size: 17px;
}



/* ---------------------------------------------------------------------------
		#main
			メイン
--------------------------------------------------------------------------- */
#main{
	width:1020px;
	margin:0 auto;
	padding:0 10px 104px;
}


/* ---------------------------------------------------------------------------
		#footer
			フッター
--------------------------------------------------------------------------- */
#footer{
	background:#fff;
}
#footer .foot-inner{
	width:1020px;
	margin:0 auto;
	padding:16px 10px;
	position:relative;
}
#pagetop{
	position:fixed;
	right:0;
	bottom:0;
}
#pagetop img{
	width:50px;
	height:auto;
}
#footer .foot-inner .fnav{
	display: flex;
	position:absolute;
	top:17px;
	right:10px;
}
#footer .foot-inner .fnav li a,
#footer .foot-inner .fnav li span{
	display:block;
	padding:0 13px;
	font-size:109%;
	text-align:center;
}
#footer .foot-inner .fnav li span{
	opacity:0.3;
}
#footer .foot-inner .fnav .btn-facebook a,
#footer .foot-inner .fnav .btn-instagram a{
	margin:-3px 0 0;
	padding:0 0 0 13px;
}


#copyright small{
	font-size:84%;
}

@media screen and (max-width: 640px) {
#pageHeader .bgpage .txt-cache {
    left: 107px;
    top: 205px;
	font-size: 11px;}
}