@charset "utf-8";

body {
	min-height: 100%;
	color:#575757;
	font-family:'Cormorant', 'Shippori Mincho', serif;
	line-height: 175%;
	overflow-x: hidden;
	background: #fff;
}


img{
	max-width: 100%;
	height: auto;
}

img[usemap] {
	border: none;
	height: auto;
	width: 100%;
	max-width: 100%;

}

.hover {
	filter:alpha(opacity=100);
	opacity:1.0;
	transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	outline: none;
}
.hover:hover {
	filter:alpha(opacity=60);
	opacity:0.6;
}
.img_hover a img{
	filter:alpha(opacity=100);
	opacity:1.0;
	transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
}
.img_hover a img:hover{
	filter:alpha(opacity=60);
	opacity:0.6;
}

.wrapper{
	width:100%;
/*	position: relative;*/
	background: #fff;
	position: absolute;
	top: 0;
}



input[type="button"],input[type="text"],input[type="submit"],input[type="email"],input[type="tel"],textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0 !important;
	background: #fff;
}
input[type="text"]:focus,input[type="email"]:focus,textarea:focus{
	background: #FAFFBD;
}

.gmap {
	position: relative;
	padding-bottom:70%;
	height: 0;
	overflow: hidden;
}

.gmap iframe,
.gmap object,
.gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.youtube{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.youtube iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}


/* inview ------------------ */

.inview{
	-webkit-transition: 0.8s;
	transition: 0.8s;
	opacity: 0;
	-webkit-transform: translate(0px,100px); 
	transform: translate(0px,100px);
}

.inview_on{
	opacity: 1.0;
	-webkit-transform: translate(0,0) !important;
	transform: translate(0,0) !important;
}

.inviewL{
	-webkit-transition: 0.8s;
	transition: 0.8s;
	opacity: 0;
	-webkit-transform: translate(-100px,0px); 
	transform: translate(-100px,0px); 
}

.inviewL_on{
	opacity: 1.0;
	-webkit-transform: translate(0,0) !important;
	transform: translate(0,0) !important;
}


/* site ------------------- */

.wrapper{
	background: #fff;
}
.lh_0{
	line-height: 0;
}
.lr_auto{
	margin-left: auto;
	margin-right: auto;
}
.font_shipori{
	font-family:  'Shippori Mincho', serif;
}

/* header ----------------- */

.gheader{
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: fixed;
	width: 100%;
	height: 50px;
	z-index: 100;
	background:rgba(255,255,255,0.9);
}

/* main ----------------- */

.index_main_outer{
	-webkit-transition: all 1.5s ease;
	transition: all 1.5s ease;
	opacity: 0;
	position: fixed;
	width: 100%;
	height: 100vh;
}
.index_main_outer_on{
	opacity: 1;
}

.index_main{
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}


.main_contents{
	width: 100%;
	background: #fff;
	position: relative;
	padding-top: 1px;
}

.scrolldown1{
	/*描画位置※位置は適宜調整してください*/
	position:absolute;
	left:50%;
	/*全体の高さ*/
	height:70px;
}

/*Scrollテキストの描写*/
.scrolldown1 span{
	/*描画位置*/
	position: absolute;
/*
	left:-15px;
	top: -15px;
*/
	/*テキストの形状*/
	color: #fff;
	
	letter-spacing: 0.05em;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.index_main_in .scrolldown1 span{
	color: #000;
}


/* 線の描写 */
.scrolldown1::after{
	content: "";
	/*描画位置*/
	position: absolute;
	top: 0;
	/*線の形状*/
	width: 2px;
	height: 50px;
	background: #fff;
	/*線の動き1.4秒かけて動く。永遠にループ*/
	-webkit-animation: pathmove 1.4s ease-in-out infinite;
	animation: pathmove 1.4s ease-in-out infinite;
	opacity:0;
}

.index_main_in .scrolldown1::after{
	background: #333333;
}



/*高さ・位置・透過が変化して線が上から下に動く*/
@-webkit-keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:50px;
		opacity: 1;
	}
	100%{
		height:0;
		top:50px;
		opacity: 0;
	}
}
@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:50px;
		opacity: 1;
	}
	100%{
		height:0;
		top:50px;
		opacity: 0;
	}
}


.gold{
	color: #D5C987;
}
.intro{
	text-align: center;
	background: #F7F7F7;
}
.menu_ttl{
	text-align: center;
}
.menu_txt{
	border-bottom: solid 1px #D5B787;
}
.menu li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.menu_btn{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
}
.menu_btn li{
	width: 136px;
}
.menu_btn a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #D5C987;
	color: #fff;
	text-align: center;
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.menu_btn a i{
	font-size: 10px;
	margin-right: 5px;
}

/*
.img01{
	width: 100%;
	height: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-attachment: fixed;
	text-indent: -9999px;
}*/

.shop_cont{
	background: #F7F7F7;
}
.shop_ttl span{
	display: block;
	text-align: center;
}
.insta_cont{
	background: #fff;
}
.insta_ttl{
	text-align: center;
}
.insta_ttl span{
	display: block;
}

.insta_list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.insta_list li{
	width: 30.7%;
}

.btn_insta{
	width: 224px;
}
.btn_insta a{
	display: block;
	width: 100%;
	height: 58px;
	line-height: 58px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	background: #D5C987;
	border-radius: 29px;
}

.gnav_area{
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 100%;
	top: 0;
	background: #F4F4F4;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index: 10000;
}
.gnav_area_fix{
	left: 0;
}
.gnav li{
	font-weight: 600;
}
.gnav span{
	display: inline-block;
	position: relative;
	padding-bottom: 10px;
}
.gnav span::after{
	content: "";
	width: 0%;
	height:1px;
	display: block;
	background: #D5C987;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.gnav a:hover span::after{
	width: 100%;
}

.gfooter{
	text-align: center;
	background: #333333;
	color: #fff;
}
.icon_insta a{
	color: #fff;
}
.btn_media a{
	display: block;
	width: 100%;
	background: #fff;
	text-align: center;
}

.intro_ttl{
	font-weight: 500;
}
.menu_ttl{
	font-weight: 500;
}
.menu_sub_ttl{
	font-weight: 500;
}
.shop_ttl .ja{
	font-weight: 500;
}
.shop_list .name{
	font-weight: 500;
}
.insta_ttl{
	font-weight: 500;
}