@charset "utf-8";
/* CSS Document */


/* ########### 599px 以下に適用 ########### */
@media screen and (max-width:599px) {

body {
   
    font-size: 1.3rem;

}

/*Facebookインスタナビボタン調整*/

#linkbtn ul {

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

	
}

/*ファイスブック　インスタボタン大きさ調整*/
#linkbtn ul li.fb:before {
	content: "";
	width: 20px;
	height: 20px;

	background: url(../img/facebook_sp.jpg) no-repeat;
	vertical-align: bottom;
}




#linkbtn ul li.insta:before {
	content: "";
	width: 20px;
	height: 20px;
	background: url(../img/insta_sp.jpg) no-repeat;
	vertical-align: bottom;
}

/*グローバルナビ不可視*/
#global-nav ul {

	display: none;

}


/*予約、クーポンボタン大きさ調整*/

#headerBtn {

	width: 30%;

}


/*MENU調整*/
.menu .inner h3 {
	float: none;
	width: 100%;
    text-align: center;
		padding-bottom: 20px;
		padding-left: 0px;
}

.menu .inner dl {
    float: none;
	width: 90%;
    margin: 0 auto;
}

.menu .inner dl dd:after {

    width: 30%;
  
}




/*header下*/
#main_midashi {

	margin: 0 0 10px 0;
	padding: 30px 120px;
}
#sub_midashi {
	
    margin: 0 0 10px 0;
}


/*ハンバーガーメニュー*/

.nav_btn{

    top: 0px;
    position: fixed;

}



/*ヘッダー固定用*/


h1#logo {
 
    padding-top: 0px;
}

#logo span {
    display: none;
}

.head_wrap {

    width: 100%;

}
.top_header {
    position: fixed;
    width: 100%;
	background-color:#d8d6d6;
	opacity: 0.9;
	z-index:100;
}
div#linkbtn {
    padding-top: 12vw;
}

#headerBtn .pr10{
    padding-right: 1px;
}

/*予約、クーポンボタン画像切り替え*/
.pc_img{
	display:none;
	
	}


/*conceptページ*/
.left_box40 {
    float: none;
    width: 95%;
    padding-right: 0px;
	margin:0 auto;
}
.right_box60 {
    float: none;
    width: 95%;
	margin: 0 auto;
}
/*フロート解除により上下コンテンツ入れ替え*/
.col2_inner.flex_topbottom {
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0;
}

.left_box60 {
    float: none;
    width: 95%;
    padding-right: 0px;
	margin:0 auto;
}
.right_box40 {
    float: none;
    width: 95%;
	margin:0 auto;
}


.title.order1{
		-webkit-box-ordinal-group:1;
　　-ms-flex-order:1;
　　-webkit-order:1;
　　order:1;
	
	}
	
.right_box40.order2{
	-webkit-box-ordinal-group:2;
　　-ms-flex-order:2;
　　-webkit-order:2;
　　order:2;
		}
.left_box60.order3 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
}


/*slickコンセプトページ用*/
.slick-box3.slick-dotted.slick-slider {
    margin-bottom: 0px; 
    margin-top: 0px;
    width: 85%;
    margin: 0 auto;
}


}


/* ########### 600px 以上に適用 ########### */
@media screen and (min-width:600px) {
/*予約、クーポンボタン画像切り替え*/
.no_pc_img{
	display:none;
	}
}





/* ########### 490px 以下に適用 ########### */
@media screen and (max-width:490px) {
	/*店舗紹介*/
.shop .l_con {
	width: 95%;
	margin:0 auto;
	float: none;
	padding-right:0px;
}


.shop .r_con {
	width: 95%;
float:none;
	margin:0 auto;

}
	
	}



@media screen and (max-width:780px) and ( min-width:599px) {




}