@charset "UTF-8";
/* CSS Document */
.shop .sec-title{ padding-top: 60px; }

#concept { background: url(../images/shop/bg_concept.jpg) center; background-size: cover; }
#concept .sec-title2{ text-align: left; }
#concept h3{ font-size: 19px; font-weight: bold; border-bottom: 2px dotted #5e3819; padding-bottom: 20px; margin-bottom: 20px; line-height: 1.8em; letter-spacing: .05em; }
#concept p{ font-size: 16px; line-height: 1.8em; }

#staff .staff-list li{ padding-bottom: 40px; }
#staff .staff-list figure{ float: left; width: 40%; }
#staff .staff-list .txt{ float: left; width: 60%; padding: 20px;}
#staff .staff-list .position{ font-size: 13px; padding-bottom: 5px;}
#staff .staff-list h3.name{ font-size: 26px; border-bottom: 1px solid #5e3819; padding-bottom: 15px; margin-bottom: 15px;}
#staff .staff-list h3.name .rubi{ font-size: 14px; font-family: "Lora",serif; display: block; padding-top: 10px; }
#staff .staff-list p{ letter-spacing: 0; }


#menu{ background:#fafafa; }
#menu .cat-box{ padding-bottom: 50px; overflow: hidden; }
#menu .cat-title{ font-size: 22px; font-family: "Lora",serif; border-bottom: 1px solid #5e3819; padding-bottom: 8px; margin-bottom: 8px; }
#menu .cat-box table{ width: 100%; }
#menu .cat-box table tr{ border-bottom: 1px solid #e6e6e6; }
#menu .cat-box table th{ padding: 10px 0; }
#menu .cat-box table th span{ font-weight: normal; font-size: 12px; }
#menu .cat-box table td{ text-align: right; padding: 10px 0; }
#menu .cat-box .note{ padding: 10px 0 0; }
#menu h3 small{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #5e3819;
    font-size: 13px;
    vertical-align: 3px;
}

#info .info-list{ width: 900px; max-width: 100%; margin: 0 auto; padding-top: 70px; }
#info i{ padding-bottom:15px; display: inline-block;}
#info .adress .btn2{ margin-top: 15px; font-size: 13px; padding: 8px; width: 140px;}
#info .tel p{ font-family: 'Quicksand', sans-serif; font-size: 20px; letter-spacing: .05em; }
#info .open{ font-family: 'Quicksand', sans-serif; letter-spacing: .05em; }
#info .open table{ text-align: left; }
#info .open table th{ padding-right: 10px; font-weight: normal;}
#info .btn-row{ margin-top: 70px; }
#gm{ height: 350px; }


@media screen and (max-width:767px) {
.shop .sec-title{ padding-top: 40px; }

#concept { background: url(../images/shop/bg_concept_sp.jpg) center; background-size: cover; padding-top:60px; padding-bottom:60px; }
#concept .sec-title2{ margin-bottom: 0;}
#concept .container{ padding: 0 30px; }
#concept h3{ font-size: 16px; padding-bottom: 10px; margin-bottom: 10px; }
#concept p{ font-size: 14px; line-height: 1.8em; }


#staff .staff-list li{ padding:0 0 15px; }
#staff .staff-list .txt{ padding: 15px;}
#staff .staff-list .position{ font-size: 12px; }
#staff .staff-list h3.name{ font-size: 19px; }
#staff .staff-list h3.name .rubi{ font-size: 12px; }

#menu .cat-box{ padding-bottom: 30px; }
#menu .cat-title{ font-size: 18px; padding-bottom: 8px; margin-bottom: 8px; }
#menu .cat-box table th{ padding: 8px 0; font-size: 13px; }
#menu .cat-box table th span{ font-size: 12px; }
#menu .cat-box table td{ text-align: right; padding: 8px 0; font-size: 13px; }
#menu .cat-box .note{ padding: 8px 0 0; }

#info .info-list{ width: 330px; margin:0 auto; max-width: 100%;}
#info li{ padding-bottom:15px; text-align: left; float: none; overflow:hidden; }
#info li.tel{ align-items: center; display: flex; }
#info .txt{ float: left; padding-left: 80px; margin-left: -65px; width: 100%; }
#info i{ padding: 0; float: left; }
#info i img{ width: 65px; }
#info .adress .btn2{ font-size: 13px; margin:5px 0 0 0;}
#info .open{ font-family: 'Quicksand', sans-serif; letter-spacing: .05em; }
#info .open table{ text-align: left; }
#info .open table th{ padding-right: 10px; font-weight: normal;}
#info .btn-row{ margin: 30px -3px 0; }
#info .btn-row .ly-2{ width: 50%; float: left; padding:3px; }
#info .btn-row a{ width: 100%;}
#gm{ height: 220px; }

}@media screen and (min-width: 768px) {


}