@charset "UTF-8";

/*
======== table of content. ===============
summary:ページ要素（SP）
==========================================
*/
@media screen and (max-width: 767px) {
body {-webkit-text-size-adjust: 100%; }

#content { padding: 0 5%; }

.sec_content { margin-bottom: 8vmin; padding-bottom: 8vmin; }

/* slide */
#mv { margin-bottom: 8vmin; padding: 0; }

.fb-container { width:100%; max-width: none; margin: 0 auto 8vw; }

.slick-dots li button { }
.slick-dots li button:before { font-size:1rem; }

/* コンテンツ */
.anchor { margin-top: -10px; padding-top: 10px; }
#content h2 { margin-bottom: 6vmin; font-size: 2rem; }

/*アクセス・店舗情報*/
.sec_shop_profile { margin-bottom: 6vmin; flex-basis: 100%; }
.sec_shop_profile a { text-decoration: underline; }
.sec_shop_profile figure img { object-fit: cover; height: 50vmin; }

.sec_shop_venue { flex-basis: 100%; }

.sec_iframe { margin-bottom: 1vmin; }

.link_view { margin-bottom: 4vmin; }
.link_view a { padding-left: 1.2em; }

.link_sns { display: flex; }
.link_sns li { margin-right: 1.5em; }

.link_sns img { width: auto; }

.link_tabelog img { height: 4.6125vmin; }

.link_ig img,
.link_tel img { height: 5.2875vmin; }


/*こだわり*/
.sec_commitment { padding-left: 0; padding-right: 0; }
.sec_commit { flex-direction: column-reverse; margin-bottom: 8vmin; }

.sec_commit_text { width: 90%; margin-left: auto; margin-right: auto; }

.sec_commit_text h3 { margin-bottom: .3em; }
.sec_commit_text h3 img { height: 10vmin; }

.sec_commit_text p { margin-left: .5em; font-size: 1.4rem; }

.sec_commit figure { margin-bottom: 4vmin; width:80%; margin-left: auto; margin-right: auto; }


/*メニュー*/
.sec_menu { padding-left: 0; padding-right: 0; }

.sec_menu h3 { margin-bottom: .5em; }
.sec_menu h3 img { height: 16vmin; }

.img_food { margin: 0 -5% 8%; }



.sec_drinkmenu h4 { margin-bottom: .5em; font-size: 1.6rem; }

.sec_drinkmenu h4 span,
.txt_variation_other { font-size: 1.3rem; }





@media screen and (orientation: landscape) {
.sec_shop_profile figure img { object-fit: cover; height: 80vmin; }
}
	
}


/* iPhone SE */
@media screen and (max-width: 320px) {
}