@charset "UTF-8";

/*
======== table of content. ===============
summary:ページ要素（PC）
====================================
*/

#wrapper { background: url("../images/bg.jpg") no-repeat center/cover; }

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

#content,#mv { padding: 0 7.5%; }

.sec_content { margin-bottom: 6vw; padding-bottom: 6vw; border-bottom: 1px solid #fff; }
.sec_content:last-child { padding-bottom: 0; border-bottom: none; }

/* slide */
#mv { margin-bottom: 4vw; }

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

.slider{
  opacity: 0;
  transition: opacity .3s linear;
}
.slider.slick-initialized{
  opacity: 1;
}

.slick-dots li button { }
.slick-dots li button:before { font-size:1.3rem; transition: opacity .7s cubic-bezier(0.230, 1.000, 0.320, 1.000),
transform .7s cubic-bezier(0.230, 1.000, 0.320, 1.000),
background .7s cubic-bezier(0.230, 1.000, 0.320, 1.000),
color .7s cubic-bezier(0.230, 1.000, 0.320, 1.000); }

.slick-dots li button:before,
.slick-dots li button:before { opacity: 1; color:#fff; }
.slick-dots li.slick-active button:before { color:#E9546B; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before { opacity: .7; }

/* コンテンツ */
.anchor { margin-top: -90px; padding-top: 90px; }

#content { color:#231815; line-height: 180%; }
#content a { color:#231815; }
#content a:hover { opacity: .7; }


#content h2 { margin-bottom: 3.5vw; color:#E9546B; font-family: "dejima",serif; font-size: 2.4rem; letter-spacing: 0.3em; text-align: center; }

/*アクセス・店舗情報*/
.sec_access { display: flex; justify-content: space-between; }

.sec_shop_profile { flex-basis: 31.28%; }
.sec_shop_profile figure,
.sec_shop_profile h3 { margin-bottom: 1em; }
.sec_shop_profile h3 { font-size: 2rem; }

.sec_shop_venue { flex-basis: 65.72%; }

.sec_iframe { margin-bottom: 1vw; height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; }
.sec_iframe iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }

.link_view { margin-bottom: 2vw; }
.link_view a { display: inline-block; padding-left: 1.5em; background: url("../images/icon_arrow.svg") no-repeat 0 0.5em/12px; }
.ie11 .link_view a { background-image: url("../images/icon_arrow.png"); }

.link_sns { display: flex; }
.link_sns li { margin-right: 3em; }
.ie11 .link_sns li { margin-right: 7em; }

.link_sns img { width: auto; }

.link_tabelog img { height: 1.845vw; }

.link_ig img,
.link_tel img { height: 2.115vw; }

/*こだわり*/
.sec_commitment { padding-left: 2%; padding-right: 2%; }
.sec_commit { display: flex; justify-content: space-between; margin-bottom: 5vw; }
.sec_commit:last-child { margin-bottom: 0; }
.sec_commit_text { flex-basis: 57.6%; }
.sec_commit_text h3 { margin-bottom: .7em; }
.sec_commit_text h3 img { width:auto; height: 4.5vw; }

.sec_commit_text p { margin-left: 1em; font-family: "dejima",serif; font-size: 1.6rem; }

.sec_commit figure { flex-basis: 29.63%; }

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

#content .sec_menu h2,
.sec_menu h3 { margin-bottom: 1em; }

.sec_menu h3 { text-align: center; }
.sec_menu h3 img { height: 8vw; }

.img_food { margin: 0 12% 4% 12%; }

.sec_drinkmenu { font-family: "dejima",serif; }
.sec_drinkmenu h4 { margin-bottom: .5em; font-size: 2rem; }

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

.txt_variation { margin-bottom: 2em; }
.txt_variation.txt_variation_other { margin-bottom: 0; }