@charset "UTF-8";

/*-----------------
 ---------- slider------*/
.carousel-control.right{
	background-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%)
}
.carousel-control.left{
	background-image:linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%)
}
#mal{
	position:relative;
}
#salesCopy{
	width:40%;
	min-width:280px;
	height:auto;
	position:absolute;
	z-index:200;
	bottom:10%;
	left:10%;
}
/*---------- /slider
 ----------------------*/
.g_calender{
	margin-bottom: 100px;
}
.ttl_g_calender{
	background: url("../images/common/g_calender.png") center center no-repeat;
}

.calender{
	padding: 0 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.calender iframe h1{
	display: none !important;
}
.items_calender{
	width: 48%;
}

.calender iframe {
	width:100% !important;
	height: 650px !important;
}
 /*-----------------
 ---------- snapwidget------*/

 .g_calender .ttl_g_calender{
	margin-bottom: 40px !important;
}
.gc_container{
	width: 100%;
	padding: 0 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#calendar{
	width: calc(50% - 15px);
	margin-left: 15px;
	display: flex;
	flex-direction:column;
}
.fc-view-container{
	align-self: stretch !important;
}
/* .gc_container article{
	width: calc(50% - 15px);
	margin-left: 15px;
} */
 #stagl{
	/* width:100%;
	max-width: 870px;
	margin:0 auto 30px; */
	width: calc(50% - 15px);
	margin-right:15px;
	padding:20px;
	background:url(../images/common/contensBg.gif);
 }
#stagl article{
	/* display: flex; */
	align-items: center;
	/* justify-content:space-around; */


}
 #stagl h3{
	 /* width: 45%; */
	 margin: 0 auto 1.5rem;
	font-family: 'Port Lligat Slab', serif;
	font-size:2.5rem;
	 display: block;
	text-align:center;
	/*margin-bottom:10px;*/

 }
#stagl #instafeed{
	width: 100%;
	max-width: 512px;
	margin: 0 auto;
	background: #fff;
	padding: 20px;
}
#stagl #instafeed img{
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}

/*#snapwidgetInner{
	background:#fff;

}*/


 /*---------/ snapwidget
 ------------------------*/

 /*-----------------
 ---------- contents------*/
 .container{
	width:100%;
	max-width:960px;
}
.menucenter{
	margin:0 auto;
}

section{
	 margin-bottom:40px;
 }
 .row{
	margin:0 0 30px 0;
}

/* -----------------------
-----#menuarea-----*/
#menuarea .first{
	padding:0 0 0 30px;
}
#menuarea .third{
	padding:0 30px 0 0 ;
}

#menuarea dt{
	margin:0 0 10px 0;

}
#menuarea dt a{
	display:block;
	width:inherit;
}
#menuarea dt a img{
	border-radius: 10px;
	border:2px #605455 solid;
	-webkit-transition: 0.5s ease;
    transition: 0.5s ease;
	-ms-filter: "alpha(opacity=100)";
	-webkit-filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

#menuarea dt a:hover img,.hoverImg{
	border-radius: 0 !important;
	border:none !important;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-webkit-filter: "alpha(opacity=70)";
	opacity: 0.7;
}

#menuarea dd{
	text-align:center;
	font-size:2rem;
	margin:10px 0 20px;
	font-family: 'Port Lligat Slab', serif;
}
#menuarea dd img.icoToque{
	padding:0 5px 0 0;
	vertical-align:text-top;
}
/* ------- /menuarea
 --------------------------*/
 /* -----------------------
-----#consept-----*/

#conceptWrap .commentLeft{
	float:right;
}



/* ----------------
 -------#consept----------*/
#infoLeft{
	width:33.33%;
	max-width:320px;
	margin:0 8.33% 0 12.5%;
	padding:0;
}

#infoLeft p.address{
	line-height:3rem;
	padding:0 0 0 2rem;
	background:url(../images/common/ttl_boder.gif) 0 0 repeat-y;
	margin:0 0 16px 0;
}

#infoLeft #guidetour{
	text-align:center;
	/* border-radius */
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	/* border */
	border:1px solid #605455;
}
#infoLeft p#guidetour a{
	color:#605455  !important;
	display:block;
	padding:1rem 0;
	-webkit-transition:0.3s;
	transition:0.3s;
}
#infoLeft p#guidetour a:hover{
	box-shadow:0 0 10px #605455 inset;
}

#infoRight{
	width:33.33%;
	max-width:500px;
	background:#F1D8D9;
	padding:0;
	overflow: hidden;
}
/* --------------------
 ------- facebook------*/
.facebook-wrapper {
	max-width: 500px;
	margin: 0 auto;
	height: 450px;
	overflow:hidden;
}
.facebook-wrapper > .fb-page {
	width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
	width: 100% !important;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}
 /* ------- /facebook
 --------------------------*/
#map_adress{
	display:none;
}
.menuFonts{
	color:#605455;
}
 /* ------- /contents
 --------------------------*/




 #conceptWrap{
	background:url(../images/common/contensBg.gif) 0 0 repeat;
 }


/* -------------------
---------googlegmap-----*/
#ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin:0 0 16px 0;
}

#ggmap iframe,
#ggmap object,
#ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* ------- /googlegmap
--------------------------*/

.btn_order{
	width: 60%;
	margin: 0 auto;
	font-size: 1.8rem;;
	}
.btn_order a{
	padding: 10px 0;
	}
@media screen and (max-width: 870px) {
		.gc_container {
		display: block;
	}
	#calendar{
		width: calc(100%);
		margin-left: 0;
	}
	 #stagl{
		width:100%;
		/*max-width: 870px;
		margin:0 auto 30px; */
		margin:0 0 60px;
	 }
}
@media screen and (max-width: 768px) {

.items_calender{
	width: 100%;

}
.items_calender:first-child{
	margin-bottom: 20px;
	}
.calender iframe {
	height: 650px !important;
}
#stagl article{
	/*width:100%;*/
	width:90%;
	margin: 0 auto;
	-webkit-flex-direction: column;
    flex-direction: column;
 }
 #stagl article h3{
	 margin:0 auto 20px;

 }
/* #stagl #instafeed{
	width: 80%;
} */
#menuarea dt h3{
	width: 70%;
	height: 100%;
	text-align:center;
	margin:0 auto;
}

#menuarea dt img{
	width:70%;
	font-size:5rem;
	overflow:hidden;
	margin:0 auto;
}
#menuarea dd{
	margin:0 0 80px 0;
}
#menuarea .second dd{
	margin-bottom: 0;
}

.order{
	width: 80%;
	padding: 20px 0;
	margin: 0 auto 80px;
}
#infoLeft,#infoRight{
	width:80%;
	max-width:none;
	margin:0 auto 15px;
}
#infoRight{
	width:70%;
}

#menuarea .first,
#menuarea .second,
#menuarea .third
{
	padding:0;
}
#conceptWrap .commentLeft{
	float:none;
}

#footerinner ul{
	margin:0 0 20px 1rem;
}

}
@media screen and (max-width: 480px) {
	#stagl{
	width:100%;
	/*width:70%;*/
	}
	#stagl h3{
	 width: 100%;
		text-align: center;
	}
	#stagl #instafeed{
		width: 100%;
		padding: 20px 0;
	}
	#stagl #instafeed p{
		padding: 0 10px;
	}
.carousel-indicators{
	display:none;
}
#menuarea .first,
#menuarea .second,
#menuarea .third
{
	width:70%;
	margin:0 auto;
	padding:0;
}
#informationBox{
	width:100%;

}
#infoLeft{
	width:90%;
	margin:0 auto;
}
	#infoRight{
		display: none;

	}
#guidetour{
	margin-bottom:20px;
}
#menuarea dt img{
	width:100%;
}
}
@media screen and (max-width: 440px) {
	
	.gc_container{
		padding: 0 10px;
	}
	#stagl{
		padding:  1rem 0 0;;
	}
	#stagl article h3 {
    margin: 20px auto ;
}
	#stagl article {
	width: 100%;
		overflow-x: hidden;
}
	
	#stagl .fb-page{
		min-width: 180px !important;
	}
}
#instafeed .UsernameText,
#instafeed a.CaptionUsername,
#instafeed a.CommentInput ,
#instafeed .SocialProof {
	display:none !important;
}