@charset "utf-8";

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

  header
  
----------------------------------------------------------------------------------------------------*/

header {
  width:100%;
  height:1000px;
  position:relative;
}

.hd {
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

.hd_logo {
  width:250px;
  filter:drop-shadow(4px 4px 10px rgba(40,25,10,0.2));
}


/*-----------------------------------------------------------------------------------
  nav
-----------------------------------------------------------------------------------*/

.hd_nav {
  margin-top:520px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end;
  position:relative;
  z-index:2;
}

.hd_nav ul {
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.hd_nav li:not(:first-child) {
  margin-left:10px;
}

.hd_nav li {
  width:64px;
  height:210px;
  background-position:center top;
  background-repeat:no-repeat;
  filter:drop-shadow(5px 5px 10px rgba(40,25,10,0.6));
}

.hd_nav01 { background-image:url(../image/nav01.jpg?v=2); }
.hd_nav02 { background-image:url(../image/nav02.jpg?v=2); }
.hd_nav03 { background-image:url(../image/nav03.jpg?v=2); }
.hd_nav04 { background-image:url(../image/nav04.jpg?v=2); }
.hd_nav05 { background-image:url(../image/nav05.jpg?v=2); }
.hd_nav06 { background-image:url(../image/nav06.jpg?v=2); }

.ua-pc .hd_nav li:hover {
  background-position:center bottom;
}

.hd_nav li a {
  display:block;
  height:100%;
}

.hd_tel {
  margin-left:60px;
}


/*-----------------------------------------------------------------------------------
  main visual
-----------------------------------------------------------------------------------*/

.mv-lo {
  width:100%;
  height:1000px;
  position:absolute;
  left:0;
  top:0;
  z-index:-1;
}

.mv {
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
  padding-top:220px;
}

.mv_ttl {
  position:relative;
  z-index:2;
}

.mv_slide {
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
}

.mv_slide ul {
  list-style:none;
  width:100%;
  height:100%;
}

.mv_slide .slick-list,
.mv_slide .slick-track {
  width:100%;
  height:100%;
}

.mv_slide li {
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
}

.mv_slide li img {
  width:2000px;
  max-width:inherit;
  height:100%;
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  object-fit:cover;
  font-family:'object-fit: cover;';
}


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

  おもてなし
  
----------------------------------------------------------------------------------------------------*/

.sec-omotenashi {
  width:100%;
  height:980px;
  margin-top:-400px;
  background:url(../image/omotenashi/bg.png) no-repeat center 80px;
  filter:drop-shadow(0 -5px 10px rgba(40,25,10,0.4));
  overflow:hidden;
}

.omotenashi {
  width:1180px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  text-align:left;
}

.omotenashi_ttl {
  position:absolute;
  right:-130px;
  top:0;
}

.omotenashi_txt {
  padding-top:550px;
}



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

  ごあいさつ
  
----------------------------------------------------------------------------------------------------*/

.sec-aisatsu {
  width:100%;
  height:1145px;
  margin-top:-10px;
  background:url(../image/aisatsu/bg.png) no-repeat center bottom;
  filter:drop-shadow(0 -5px 10px rgba(40,25,10,0.2));
}

.aisatsu {
  width:1180px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  text-align:left;
  padding-top:110px;
}

.aisatsu:before {
  content:url(../image/aisatsu/menu.png);
  position:absolute;
  right:-10px;
  top:-40px;
}

.aisatsu_ttl {
  padding-bottom:90px;
}

.aisatsu_txt {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}

.aisatsu_txt p {
  padding-top:2.5em;
  line-height:2.2em;
}


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

  お料理
  
----------------------------------------------------------------------------------------------------*/

.sec-ryori {
  background:url(../image/ryori/bg_wood.jpg) repeat-y center top;
}

.ryori_hd {
  background:url(../image/ryori/bg.png) no-repeat center bottom;
  filter:drop-shadow(0 2px 10px rgba(40,25,10,0.4));
  color:#28190a;
  padding-top:80px;
  padding-bottom:300px;
}

.ryori_ttl {
  width:1180px;
  margin-left:auto;
  margin-right:auto;
  text-align:right;
  padding-right:70px;
  padding-top:30px;
  position:relative;
}

.ryori_ttl:after {
  content:url(../image/ryori/nami01.png);
  position:absolute;
  right:-65px;
  top:0;
}

.ryori_ttl:before {
  content:url(../image/ryori/nami02.png);
  position:absolute;
  right:600px;
  bottom:-280px;
}

.ryori {
  width:1180px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  text-align:left;
  padding-bottom:120px;
}

.ryori .p01 {
  position:absolute;
  left:-35px;
  top:-300px;
  filter:drop-shadow(-6px 6px 4px rgba(40,25,10,0.2));
}

.ryori .p02 {
  position:absolute;
  right:-35px;
  top:60px;
  filter:drop-shadow(6px 6px 4px rgba(40,25,10,0.2));
}

.ryori_txt {
  padding-left:40px;
  padding-top:320px;
}

.ryori_photos {
  list-style:none;
  position:relative;
  z-index:2;
  margin-top:-280px;
  width:1180px;
  margin-left:auto;
  margin-right:auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding-bottom:140px;
}

.ryori_photos li img {
  filter:drop-shadow(5px 5px 10px rgba(40,25,10,0.4));
}

.ryori_photos li img:nth-of-type(2) {
  margin-top:40px;
}

.ryori_photos li:nth-child(n+3) {
  margin-top:80px;
}

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

  テイクアウト
  
----------------------------------------------------------------------------------------------------*/

.sec-takeout {
  background:url(../image/takeout/bg.jpg) no-repeat center top;
  padding-bottom:160px;
}

.sec-takeout:before {
  content:"";
  width:100%;
  height:25px;
  background:url(../image/takeout/bg_top.jpg) no-repeat center top;
  display:block;
}

.takeout {
  width:1180px;
  /*height:620px;*/
  height: 1115px;
  margin-top:100px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  background:url(../image/takeout/bg_cnt.png) no-repeat center top;
}

.takeout_ttl {
  padding-top:170px;
  padding-bottom:40px;
}

.takeout_ttl,
.takeout p {
  position:relative;
  z-index:2;
}

.takeout:after {
  content:url(../image/takeout/takeout.png);
  position:absolute;
  z-index: 0;
  left:-150px;
  bottom:125px;
}

.tel-btn {
  display:block;
  margin: 10px auto;
  max-width: 180px;
  background-color: #c02b2b;
  font-size: 20px;
  color: #FFF;
  font-weight: normal;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
}

.tel-btn:hover {
  background-color: #4B4B4B;
}

.takeout-menu{
  max-width: 640px;
  margin: 60px auto 0;
  padding: 80px 0;
  color: #000;background: url("../image/takeout/take-ou-tmenu-back.jpg") no-repeat center;
  position: relative;
}

.takeout-menu:after {
  content:url(../image/takeout/takeout02.png);
  position:absolute;
  z-index: 0;
  right:-525px;
  bottom:-200px;
  z-index: 0;	
}

.takeout-menu h4{
  font-size: 24px;
  margin-bottom: 20px;
}

.menu-table {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.menu-table dt{
  width: 50%;
  font-size: 20px;
}

.menu-table dt:not(:last-child){
  margin-bottom: 20px;
}

.menu-table dd{
  width: 50%;
  font-size: 20px;
}
.menu-table dd:not(:last-child){
  margin-bottom: 20px;
}

.menu-table dt span{
  display: block;
  font-size: 15px;
}

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

  ご宴会
  
----------------------------------------------------------------------------------------------------*/

.sec-enkai {
  background:url(../image/enkai/bg.jpg) no-repeat center bottom;
  padding-bottom:160px;
}

.sec-enkai:before {
  content:"";
  width:100%;
  height:25px;
  background:url(../image/enkai/bg_top.jpg) no-repeat center top;
  display:block;
}

.enkai {
  width:1180px;
  height:620px;
  margin-top:100px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  background:url(../image/enkai/bg_cnt.png) no-repeat center top;
}

.enkai_ttl {
  padding-top:170px;
  padding-bottom:40px;
}

.enkai_ttl,
.enkai p {
  position:relative;
  z-index:2;
}

.enkai:after {
  content:url(../image/enkai/kanpai.png);
  position:absolute;
  right:0;
  bottom:-100px;
}

.enkai > img.enkai-price{
	position:absolute;
	bottom: 0;
	left:280px;
}

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

  店内
  
----------------------------------------------------------------------------------------------------*/

.sec-tennai {
  background:url(../image/tennai/bg.jpg) repeat-y center top;
  position:relative;
  padding-top:90px;
  padding-bottom:120px;
  z-index:3;
}

.sec-tennai:before {
  content:"";
  width:100%;
  height:1000px;
  background:url(../image/tennai/bg_top.jpg) no-repeat center top;
  display:block;
  position:absolute;
  left:0;
  top:0;
}

.tennai {
  width:1200px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  z-index:1;
  text-align:left;
}

.tennai_ttl {
  padding-top:70px;
  padding-bottom:70px;
  margin-left:-10px;
}

.tennai_photo {
  display:inline-block;
  position:absolute;
  right:-30px;
  top:0;
  z-index:-1;
}

.tennai_photo img {
  filter:drop-shadow(5px 5px 10px rgba(40,25,10,0.3));
}

.tennai_point {
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.tennai_point li img {
  filter:drop-shadow(0 0 20px rgba(85,55,25,0.4));
}

.tennai-photos {
  width:1180px;
  margin-left:auto;
  margin-right:auto;
  padding-top:100px;
}

.tennai-photos ul {
  list-style:none;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}

.tennai-photos li:nth-child(n+3) {
  margin-top:40px;
}

.tennai-photos li img {
  filter:drop-shadow(5px 5px 10px rgba(40,25,10,0.2));
}


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

  アクセス
  
----------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
  道案内
-----------------------------------------------------------------------------------*/

.sec-access .route {
  background:url(../image/access/bg.jpg) repeat-y center top;
  padding-top:25px;
  padding-bottom:120px;
  margin-top:-25px;
}

.sec-access .route:before {
  content:"";
  width:100%;
  height:25px;
  background:url(../image/tennai/bg_bottom.png) no-repeat center bottom;
  display:block;
  position:relative;
  z-index:1;
  filter:drop-shadow(0 5px 10px rgba(0,0,0,0.2));
}

.route_ttl {
  padding-top:90px;
}

.route_photos {
  width:1180px;
  margin-left:auto;
  margin-right:auto;
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}

.route_photos li {
  padding-top:70px;
  text-align:left;
}

.route_photos li img {
  filter:drop-shadow(5px 5px 10px rgba(40,25,10,0.2));
}

.route_photos li p {
  padding-top:1em;
}


/*-----------------------------------------------------------------------------------
  MAP
-----------------------------------------------------------------------------------*/

.sec-access .gmap {
  width:100%;
  height:600px;
}

.sec-access .gmap iframe {
  width:100%;
  height:100%;
  vertical-align:bottom;
}


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

  店舗案内
  
----------------------------------------------------------------------------------------------------*/

.sec-tenpo {
  background:url(../image/tenpo/bg.jpg) repeat-y center top;
}

.tenpo {
  background:url(../image/tenpo/bg_top.jpg) no-repeat center top;
  padding-top:400px;
  padding-bottom:120px;
}

.tenpo-inner {
  width:1180px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end;
}

.tenpo_logo {
  position:absolute;
  right:20px;
  top:-40px;
}

.tenpo_photo {
  width:400px;
}

.tenpo_guide {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  padding-left:100px;
  padding-bottom:40px;
}

.tenpo_guide dl {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-top:70px;
}

.tenpo_guide dt:not(:first-of-type),
.tenpo_guide dd:not(:first-of-type) {
  margin-top:1.5em;
}

.tenpo_guide dt {
  width:4.5em;
  -moz-text-align-last:justify;
  text-align-last:justify;
}

.tenpo_guide dd {
  width:-webkit-calc(100% - 4.5em);
  width:calc(100% - 4.5em);
  padding-left:3em;
  position:relative;
}

.tenpo_guide dd:before {
  content:"";
  width:2px;
  height:80%;
  background:url(../image/tenpo/line.jpg) no-repeat left top;
  position:absolute;
  left:1.5em;
  top:10%;
}


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

  footer
  
----------------------------------------------------------------------------------------------------*/

footer {
  background:url(../image/ft_bg.jpg) no-repeat center top;
  padding-top:90px;
  padding-bottom:60px;
  text-align:center;
}

.ft {
  width:1180px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

.ft_nav {
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}

.ft_nav li {
  padding-left:2em;
  padding-right:2em;
}

.ft_nav li a {
  display:block;
  position:relative;
}

.ft_nav li:not(:first-child) a:before {
  content:"";
  width:1px;
  height:0.8em;
  position:absolute;
  left:-2em;
  top:50%;
  transform:translateY(-50%);
  background-color:rgba(255,255,255,0.2);
}

.ft_copy {
  padding-top:40px;
  color:#666;
}