@charset "UTF-8";

/* --------------------------------------------------
	スライド
-------------------------------------------------- */

#main { width: 100%; background: #fdfaf0; overflow: hidden; }
#main .slider-pc { margin: 0 auto; max-width: 1020px; }
#main .slider-pc .slick-list { overflow: visible; }
#main .slider-pc li { margin: 0 10px; }
#main .slider-pc li img { width: 100%; }
#main .thumbnail-outer { width: 100%; height: 138px; display: flex; align-items: center; justify-content: center; }
#main .thumbnail { width: 1000px; height: 80px; }
#main .thumbnail li { margin: 0 3px; width: 160px; border: solid 2px transparent; }
#main .thumbnail li.slick-current { opacity: 1; border: solid 2px #fff; }
#main .thumbnail li img { width: 100%; }
#main .slider-sp { display: none; }
.lessThan6 { transform: unset !important; }

@media screen and (max-width: 1024px) {
#main .slider-pc li { margin: 0; }
#main .thumbnail { width: 760px; }
#main .thumbnail li { width: 120px; }
}

@media screen and (max-width: 767px) {
#main .slider-pc, #main .thumbnail-outer { display: none; }
#main .slider-sp { display: block; }
#main .slider-sp li img { width: 100%; }
#main .slider-sp .slick-dots { bottom: -30px; display: flex; justify-content: center; align-items: center; }
#main .slider-sp .slick-dots li { margin: 10px 8px 10px; width: 10px; height: 10px; }
#main .slider-sp .slick-dots li button { position: relative; padding: 0; }
#main .slider-sp .slick-dots li button::before { content: ''; width: 10px; height: 10px; border-radius: 10vw; background: #aca58d; opacity: 1; }
#main .slider-sp .slick-dots li.slick-active button::before { background: #fff; }
}

/* --------------------------------------------------
	テイクアウト＆デリバリー
-------------------------------------------------- */

#takeout { margin: 0 auto 100px; width: 790px; }
#takeout h2 { margin-bottom: 25px; font-family: 'Castoro'; font-size: 2.7rem; font-weight: normal; text-align: center; }
#takeout ul { display: flex; justify-content: space-between; }
#takeout li { width: 380px; height: 104px; border: solid 1px #111; }
#takeout li a { position: relative; display: block; }
#takeout li a::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0px 12px 12px; border-color: transparent transparent #3b210b transparent; position: absolute; right: 10px; bottom: 10px; }

@media screen and (max-width: 1024px) {
#takeout { margin: 0 auto 20px; width: auto; }
#takeout h2 { font-size: 2.8rem; margin-bottom: 0; }
#takeout ul { display: block; }
#takeout li { margin: 0 auto 10px; width: 100%; max-width: 380px; height: 65px; background: #fff; }
#takeout li a { height: 100%; display: flex; justify-content: center; align-items: center; }
#takeout li img { height: 60px; }
}

@media screen and (max-width: 767px) {
}

/* --------------------------------------------------
	新型コロナウイルス感染症の拡大防止策と営業に関するお知らせ
-------------------------------------------------- */

#covid-19 { margin: 0 auto 50px; width: 684px; }
#covid-19 .title { height: 60px; color: #111; text-align: center; line-height: 60px; display: block; position: relative; }
#covid-19 .title::after { content: '\f107'; font-family: "Font Awesome 5 Free"; font-size: 2rem; font-weight: 900; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); }
#covid-19 .title.active::after { content: '\f106'; }
#covid-19 div { margin: 0 auto; padding-bottom: 20px; width: 600px; display: none; }
#covid-19 div p {}
#covid-19 div ol { margin-left: 30px; color: #a51c22; list-style: decimal; }

@media screen and (max-width: 1024px) {
#covid-19 { width: 100%; max-width: 684px; }
#covid-19 .title { height: auto; line-height: 1.5; padding: 15px 60px 15px 30px; }
#covid-19 div { width: auto; padding: 20px; }
}

@media screen and (max-width: 767px) {
}

/* --------------------------------------------------
	ニュース
-------------------------------------------------- */

#news { margin: 0 auto 60px; width: 700px; }
#news h2 { margin-bottom: 30px; font-family: 'Castoro'; font-size: 4.5rem; font-weight: 400; text-align: center; line-height: 1.2; }
#news h2 span { color: #111; font-size: 1.3rem; display: block; }
#news #newsList {}
#news li { margin-bottom: 20px; }
#news dl { display: flex; align-items: center; }
#news dt.date { width: 140px; flex-shrink: 0; }
#news dt.category { margin-right: 10px; padding: 2px; width: 140px; font-size: 1.4rem; font-weight: 600; text-align: center; flex-shrink: 0; }
#news dd {}

@media screen and (max-width: 1024px) {
#news { width: auto; max-width: 700px; }
#news h2 { margin-bottom: 10px; font-size: 2.8rem; }
#news #newsList li { padding: 10px 15px 12px; background: #fff; }
#news #newsList dl { flex-wrap: wrap; align-items: center; }
#news #newsList .date { width: 90px; }
#news #newsList .category { width: 110px; padding: 0; font-size: 1.3rem; }
#news #newsList dd { padding: 5px 0 0; display: block; width: 100%; text-decoration: underline; }
#news .btn_more { text-align: center; }
#news .btn_more a { margin-top: 10px; width: 100%; max-width: 420px; height: 60px; background: #3b210b; border: solid 2px #3b210b; border-radius: 6px; color: #fff; line-height: 56px; display: inline-block; position: relative; }
#news .btn_more a:hover { background: #fff; color: #3b210b; text-decoration: none; }
#news .btn_more i { color: #fff; position: absolute; right: 20px; line-height: 60px; }
#news .btn_more a:hover i { color: #3b210b; }
}

@media screen and (max-width: 767px) {
}

/* --------------------------------------------------
	メニュー
-------------------------------------------------- */

#menu { margin-bottom: 130px; }
#menu h2 { margin-bottom: 15px; font-family: 'Castoro'; font-size: 4.5rem; font-weight: 400; line-height: 1.2; }
#menu h2 span { color: #111; font-size: 1.5rem; }
#menu h2 span::before { content: '/'; margin: 0 10px; }
#menu ul { margin-bottom: 60px; display: flex; justify-content: space-between; }
#menu li { width: 320px; text-align: center; }
#menu li img { margin-bottom: 20px; }
#menu li p { font-size: 2rem; }
#menu .menuButton { margin-bottom: 15px; text-align: center; }
#menu .menuButton a { width: 360px; height: 58px; background: #ad1d22; border: solid 2px #ad1d22; color: #fff; font-weight: 500; line-height: 54px; display: inline-block; position: relative; }
#menu .menuButton a:hover { background: #fff; color: #ad1d22; text-decoration: none; }
#menu .menuButton a::after { content: '\f138'; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }
#menu .allergy { text-align: center; }
#menu .allergy a {}
#menu .allergy a { color: #111; }
#menu .allergy a span { text-decoration: underline; }
#menu .allergy a:hover, #menu .allergy a:hover span { text-decoration: none; }
#menu .allergy a::before { content: '\f06a'; font-family: "Font Awesome 5 Free"; font-weight: 900; }

@media screen and (max-width: 1024px) {
#menu { margin: 0 auto 60px; width: 100%; max-width: 700px; }
#menu h2 { margin-bottom: 10px; font-size: 2.8rem; text-align: center; }
#menu h2 span { display: block; }
#menu h2 span::before { content: none; }
#menu ul { margin-bottom: 0; display: block; }
#menu li { margin-bottom: 20px; width: 100%; }
#menu li img { width: 100%; margin-bottom: 10px; }
#menu li p { font-size: 1.5rem; }
#menu .menuButton a { width: 100%; max-width: 420px; height: 60px; border-radius: 6px; line-height: 56px; }

}

@media screen and (max-width: 767px) {
}


/* --------------------------------------------------
	コンセプト
-------------------------------------------------- */

#concept h2 { margin-bottom: 15px; font-family: 'Castoro'; font-size: 4.5rem; font-weight: 400; line-height: 1.2; }
#concept h2 span { color: #111; font-size: 1.5rem; }
#concept h2 span::before { content: '/'; margin: 0 10px; }
#concept h3 { margin-bottom: 20px; padding-bottom: 20px; font-size: 4.1rem; font-weight: normal; line-height: 1.2; position: relative; }
#concept h3::after { content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; }

#concept .concept {}
#concept .imgL, #concept .imgR { margin-bottom: 120px; display: flex; }
#concept .imgL div, #concept .imgR div { width: 378px; }


#concept .list {}
#concept .list h3 { margin-bottom: 40px; text-align: center; }
#concept .list h3::after { margin: 0 auto; width: 288px; left: 0; right: 0; }


#concept ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
#concept li { margin-bottom: 35px; width: 310px; background: #fff; }
#concept li div { padding: 20px; }
#concept li strong { font-size: 2rem; }
#concept li p { font-size: 1.5rem; }

@media screen and (max-width: 1024px) {
#concept h2 { margin-bottom: 10px; font-size: 2.8rem; text-align: center; }
#concept h2 span { display: block; }
#concept h2 span::before { content: none; }
#concept h3 { font-size: 2.4rem; text-align: center; line-height: 1.4; }

#concept .imgL, #concept .imgR { display: block; margin-bottom: 0; }
#concept .imgL img, #concept .imgR img { margin: 0 auto; width: 100%; max-width: 600px; display: block; }
#concept .imgL div, #concept .imgR div { width: auto; }
#concept .imgL p, #concept .imgR p { padding: 0 10px; }


#concept .list h3::after { width: 175px; }

#concept li { width: 48%; }
#concept li img { width: 100%; }
#concept li div { padding: 12px; }
#concept li strong { font-size: 1.4rem; }
#concept li p { margin-top: 8px; font-size: 1.2rem; }
}

@media screen and (max-width: 767px) {
}


/* --------------------------------------------------
	
-------------------------------------------------- */

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 767px) {
}

/* --------------------------------------------------
	
-------------------------------------------------- */

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 767px) {
}