@charset "utf-8";
/*---------------------------------------------------------
  					VisualArea
---------------------------------------------------------*/
#VisualArea { width: 100%; height: 600px; background:url(img/slider/bg2.jpg) no-repeat center center; background-size:cover; overflow: hidden; }
#VisualArea .inner { height: 600px; width: 1100px; margin: 0 auto; position: relative }
#VisualArea .inner #text1 { width: 179px; height: 510px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto }

@media (max-width:1100px) {
#VisualArea .inner { width:100%}
}
/*---------------------------------------------------------
  					home
---------------------------------------------------------*/
.homeTitle { text-align:center; margin-bottom:40px}
.homeList li { border:#000 1px solid;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; background: #000; color:#FFF;}
.homeList li span { color:#FFF; display:block; padding:15px 0}

.textarea {text-align: center;margin-bottom: 2rem;}
.textarea p {text-align: left;display: inline-block;font-size: 1.2rem;font-weight: bold;color: #fff;padding: 1rem 1.4rem;background-color: #b01f24;}

/* news */
#newsBg { background:#0F0F0F; color:#FFF;}
#newstitleArea { text-align: center; }
#newstitleArea h2 { font-size: 30px; display: inline-block; border-bottom: #CCC 1px solid; }
#newstitleArea p { font-size: 16px; color: #FFF }
.topNewsTitle { font-size:24px; text-align:center; margin-bottom:20px;}
.newsList li { border-bottom:#CCC 1px solid;}
.newsList li:first-child { border-top:#CCC 1px solid;}
.newsList li a { display:block; padding:10px; color:#FFF;}
.newsList li a .date { margin-right:20px}
.newsList li a .cat { display:inline-block; background:#FB6D00; font-size:12px; padding:1px 5px; color:#FFF;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; margin-right:20px}

.newsList li a .newstitle {}
.newsList li a .new { color:#FF580C}
.N_Blog { box-sizing:border-box; padding-top:30px;}
.N_Blog img { width:86.8%;}

.recruit { text-align: center; font-size: 24px; border: 2px solid #FFF; box-sizing: border-box; padding: 20px 10px}

.coronaTxt {font-size: 20px;width: 700px;padding: 20px;border: 1px solid #000;margin: 0 auto 20px auto;box-sizing: border-box;}
.coronaTxt p:last-of-type {margin-bottom: 0;}

.nenmatsu { display: block; text-align: center; font-size: 24px; font-weight: bold; color: #C70003;}

#coupon {text-align: center;background-color: #eee;padding: 2.4em 0 1.4em 0;margin-bottom: 2em;}
#coupon h3 {font-size: 2em;margin-bottom: 1em;color: #BF1630;letter-spacing: 0.1em;}
#coupon p {font-size: 1.2em;}
#coupon ul.txtList {margin-bottom: 1em;font-size: 1.3em;text-align: left;display: flex;justify-content: space-between;flex-flow: row wrap;}
#coupon ul.txtList li {margin-bottom: 0.6em;padding: 1em 1.2em;border: 1px solid #000;width: 49.5%;box-sizing: border-box;background-color: #fff;}
#coupon ul.imgList {display: flex;justify-content: center;}
#coupon ul.imgList li {margin: 0 1em 1em 1em;height: 160px;}
#coupon ul.imgList li img {width: auto;height: 100%;}
#coupon p.point {font-size: 0.95em;}

/*---------------------------------------------------------
  					about
---------------------------------------------------------*/
.aboutBg { background:url(img/about/aboutBg2.jpg) no-repeat center top; background-size:cover;}
.kodawari { position:relative;height:650px; }
.vertical { position:absolute; left:0; right:0; line-height:2.2; width:400px; height:650px; margin:auto; writing-mode: tb-rl; direction: ltr;}
.vertical strong { font-size:36px; display:block; }

/*---------------------------------------------------------
  					course
---------------------------------------------------------*/
.courseBg1 { background:url(img/course/course1n.jpg) no-repeat center center #000000; background-size:cover}
.courseBg1 .text { margin-left:500px}
.courseBg1 .text h2 { font-size:32px; color:#FFF; border-bottom:#FFF 1px solid; margin-bottom:20px; font-weight:bold}
.courseBg2 {  background:url(img/course/course2.jpg) no-repeat center center #000000; background-size:cover}
.courseBg2 .text { margin-right:500px}
.courseBg2 .text h2 { font-size:32px; color:#FFF; border-bottom:#FFF 1px solid; margin-bottom:20px;font-weight:bold}

.courseBg3 {  background:url(img/course/course3.jpg) no-repeat center center #000000; background-size:cover}
.courseBg3 .text { margin-left:500px}
.courseBg3 .text h2 { font-size:32px; color:#FFF; border-bottom:#FFF 1px solid; margin-bottom:20px;font-weight:bold}

.courseBg4 {  background:url(img/course/course4.jpg) no-repeat center center #000000; background-size:cover}
.courseBg4 .text { margin-right:500px}
.courseBg4 .text h2 { font-size:32px; color:#FFF; border-bottom:#FFF 1px solid; margin-bottom:20px;font-weight:bold}

.Catch { color:#FFF; font-size:18px}
.Catch strong { font-size:24px; display:block}

.cPrice2 { font-size:36px; color: #D51B1E;}
.cPrice2 span { display:block; font-size:24px}
.ryouri { color:#FFF; font-size:24px}
.hosoku2 { color:#FFF;font-size: 12px}
.cTitle { color:#C4A964; font-size:21px; padding:8px 5px 8px 25px; background:url(img/common/m.png) no-repeat left center;}

.mainFood { border-top:#C4A964 1px solid; border-bottom:#C4A964 1px solid; margin-bottom:15px; padding:20px; color:#C4A964;}
.mainFood li { list-style-type:disc; list-style-position:inside}
.subFood { background:#272727; padding:30px; margin-bottom:15px; font-size:18px}
.subFood dt { color:#FFF; float: left; width:12em;}
.subFood dd { padding-left:10em;color: #D51B1E;}
.subFood dd span { color:#C4A964}

.Catch2 { color:#FFF;}
.Catch2 strong { display:block}

.courseBox1 {background:url(img/course/course3.jpg) no-repeat center center #000000; background-size:cover}
.courseBox2 { background:url(img/course/course4.jpg) no-repeat center center #000000; background-size:cover}
.courseBox3 {background:url(img/course/course1n.jpg) no-repeat center center #000000; background-size:cover}
.courseBox4 {background:url(img/course/course2.jpg) no-repeat center center #000000; background-size:cover}

.courseBox1 .boxR {float:left;width:300px;display: block}
.courseBox1 .boxL {float:right;width:700px;display: block}

.courseBox2 .boxR {float:left;width: 700px;display: block}
.courseBox2 .boxL {float:right;width: 300px;display: block}

.courseBox3 .boxR {float:left;width: 300px;display: block}
.courseBox3 .boxL {float:right;width: 700px;display: block}

.courseBox4 .boxR {float:left;width: 700px;display: block}
.courseBox4 .boxL {float:right;width: 300px;display: block}

.boxL h2,.boxR h2 { font-size:32px; color:#FFF; border-bottom:#FFF 1px solid; margin-bottom:20px; font-weight:bold}

/*---------------------------------------------------------
  					menu
---------------------------------------------------------*/
.menuTitle { font-size:48px; font-weight:bold; background:url(img/menu/menuTitleBg.jpg) no-repeat center center#000; background-size:cover; color:#FFF;  text-align:center; border-top:#CCC 1px solid; border-bottom:#CCC 1px solid; padding:60px }
.menuTitle2 { font-size:48px; font-weight:bold; background:url(img/menu/menuTitleBg2.jpg) no-repeat center center#000; background-size:cover; color:#FFF;  text-align:center; border-top:#CCC 1px solid; border-bottom:#CCC 1px solid; padding:60px }
.menuTitle3 { font-size:48px; font-weight:bold; background:url(img/menu/menuTitleBg3.jpg) no-repeat center center#000; background-size:cover; color:#FFF;  text-align:center; border-top:#CCC 1px solid; border-bottom:#CCC 1px solid; padding:60px }
.menuTitle4 { font-size:48px; font-weight:bold; background:url(img/menu/menuTitleBg4.jpg) no-repeat center center#000; background-size:cover; color:#FFF;  text-align:center; border-top:#CCC 1px solid; border-bottom:#CCC 1px solid; padding:60px }

.price { margin-bottom:20px}
.price h3 { background:#FFF0; color:#000; border:#CCC 1px solid; padding:20px 15px 20px; font-weight:bold; margin-bottom:20px; background:#EEE;}
.price dt { float:left; width:70%; padding:8px 0; font-weight:bold;}
.price dd { color:#D00003; padding:8px 0 8px 30%; text-align:right; border-bottom:#CCC 1px dotted}

.hosoku { padding-top:10px;}

.price .fL { width:48%; float:left;}
.price .fR { width:48%; float:right;}

.price .menuLast .fL { width:30%; float:left;}
.price .menuLast .fR { width:65%; float:left;}

.tateList { margin:0 auto; width:1180px; }
.tateList li { float:right; padding:5px; padding-top:50px;writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode:vertical-rl;}
.tateList li span {color:#D00003;}
.tate {writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode:vertical-rl;}
.tateList li strong { font-size:20px; }
.tateList li.tpd0 { padding-top:25px; background:url(img/menu/tpd0.png) no-repeat top center; margin-right:15px}
.tateList li:first-child strong { padding-right:0; padding-top:0}
.menuBg { background:url(img/menu/bg.jpg) no-repeat center center; height:300px; background-size:cover }
/*---------------------------------------------------------
  					drinbk
---------------------------------------------------------*/
.sakeBg { background:url(img/drink/bg.jpg) no-repeat bottom right}
.jizake p { padding:10px;}
/*---------------------------------------------------------
  					shop
---------------------------------------------------------*/
#shopImg { background:url(img/shop/main2.jpg) no-repeat center center; background-size:cover; height:600px; }
.shopBg { background:url(img/shop/bg.jpg)}

.tbl_shop th { width:25%;}

#googleMap { height:600px; width:100%;}

.cTel1 { font-size:18px; text-align:center}
.cTel1 strong { font-size:24px; display:block; line-height:1.8}
.cTel2 { font-size:30px; font-weight:bold; text-align:center}
.cTel2 span { margin-left:20px; font-size:45px; display:inline-block; vertical-align:middle}