@charset "UTF-8";
/* Common----------------------- */
html,* {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
/****----****/

body {
font: 16px/30px "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
width: 100%;
}
* {
  font-size: 16px;
}
a:link{
text-decoration: none;
COLOR: #F08300;
}
a:visited {
text-decoration: none;
COLOR: #F08300;
}
a:hover {
text-decoration:none;
COLOR: #F6AB00;
}

/* Header------------------------- */
#HeaderWRP {
width: 100%;
height: 90px;
/*position: fixed;*/
/*z-index: 100;*/
background-color: #333333;
background-image: url(../images/HeaderBG.gif);
background-repeat: repeat-x;
}
#Header {
width: 990px;
height: 90px;
margin-left: auto;
margin-right: auto;
color: #FFFFFF;
}
#Logo  {
width: 165px;
height: 64px;
padding-top: 15px;
padding-bottom: 11px;
float: left;
}
#NameWRP {
width: 130px;
height: 45px;
padding-left: 10px;
float: left;
padding-top: 45px;
}
#NaviWRP {
/*width: 685px;*/
height: 90px;
float: left;
text-align: right;
}
#NaviTOP {
width: 685px;
height: 24px;
padding-top: 8px;
padding-bottom: 8px;
/*
font-size: 13px;
line-height: 26px;
*/
}
#TEL {
line-height: 26px;
width: 651px;
height: 24px;
font-size: 13px;
float: left;
}
#Facebook {
width: 24px;
height: 24px;
padding-left: 10px;
float: left;
}
.h1 {
font: bold 24px/30px YuMincho,'Yu Mincho', serif;
text-align: center;
}
.h2 {
font-size: 10px;
line-height: 10px;
text-align: center;
}

/* Slider------------------------- */
.slidecontainer {
	width: 100%;
	height: 600px;
	float: left;
	z-index: 1;
	margin-top: 90px;
}
.slider {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
}
.slider__wrapper {
  height: 100%;
  list-style: none;
  overflow: hidden;
  *zoom: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.slider__item {
  height: 100%;
  float: left;
  background-size: cover;
  background-position: center;
  clear: none;
}
.slider__arrows-item {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  padding: 20px;
  cursor: pointer;
}

/* SlideLogo--------------------------- */
.SlideLogo {
	width: 285px;
	height: 205px;
	margin: -103px 0 0 -142px;  /*縦横の半分をネガティブマージンでずらす*/
	position: absolute;  /*body要素に対して絶対配置*/
	top: 520px;  /*上端を中央に*/
	left: 50%;  /*左端を中央に*/
	z-index: 50;
}


/* PageTop------------------------- */
.pagetop {
	position: fixed;
	bottom: -80px;
	right: 80px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #F08300;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
	z-index: 200;
}
.pagetop a:hover {
text-decoration: none;
background-color: #DC5310;
}

/* ShopInfo------------------------- */
.ShopTel {
font: 28px/28px 'Oswald', sans-serif;
}

/* Lunch------------------------- */
#LunchTTL {
width: 100%;
height: 180px;
padding-top: 70px;
background-image: url(../images/TTLimage1.jpg);
background-size: cover;
text-align: center;
background-position: 50% 0%;
color: #FFFFFF;
text-shadow: 1px 1px 2px #000000;
}
.Tabeho {
/*width: 982px;*/
height: 72px;
border: 4px solid #F08300;
background-image: url(../images/TabehoBG.jpg);
background-position: 50% 50%;
background-size: 100% 100%;
background-repeat: no-repeat;
padding-top: 10px;
}
.LunchAlp {
width: 100%;
height: 60px;
text-align: center;
font: 60px/60px 'Oswald', sans-serif;
color: #F08300;
}

/* Dinner------------------------- */
#DinnerTTL {
width: 100%;
height: 180px;
padding-top: 70px;
background-image: url(../images/TTLimage2.jpg);
background-size: cover;
text-align: center;
background-position: 50% 0%;
color: #FFFFFF;
text-shadow: 1px 1px 2px #000000;
}
.DrinkTTLeng {
width: 100%;
height: 26px;
text-align: center;
color: #F08300;
font: 30px/30px 'Aladin', cursive;
clear: both;
}
.DrinkPrice {
font-weight: bold;
line-height: 18px;
text-align: center;
vertical-align: top;
}

/* TakeOut------------------------- */
#TakeOutTTL {
width: 100%;
height: 180px;
padding-top: 70px;
background-image: url(../images/TTLimage3.jpg);
background-size: cover;
text-align: center;
background-position: 50% 0%;
color: #FFFFFF;
text-shadow: 1px 1px 2px #000000;
}

/* Delivery------------------------- */
#DeliveryTTL {
width: 100%;
height: 180px;
padding-top: 70px;
background-image: url(../images/TTLimage4.jpg);
background-size: cover;
text-align: center;
background-position: 50% 0%;
color: #FFFFFF;
text-shadow: 1px 1px 2px #000000;
}

/* Spice------------------------- */
#SpiceTTL {
width: 100%;
height: 180px;
padding-top: 70px;
background-image: url(../images/TTLimage5.jpg);
background-size: cover;
text-align: center;
background-position: 50% 0%;
color: #FFFFFF;
text-shadow: 1px 1px 2px #000000;
}

/* Access------------------------- */
#AccessTTL {
width: 100%;
height: 180px;
padding-top: 70px;
background-image: url(../images/TTLimage6.jpg);
background-size: cover;
text-align: center;
background-position: 50% 0%;
color: #FFFFFF;
text-shadow: 1px 1px 2px #000000;
}
.GourmetSite {
width: 330px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
height: 40px;
}
.GourmetSite img {
margin-right: 10px;
}

/* Footer------------------------- */
#Footer {
width: 100%;
height: 300px;
padding-top: 50px;
text-align: center;
font-size: 14px;
background-color: #FFFAEB;
}

/* Inquiry------------------------- */

/* Common------------------------- */
.ContainerC {
/*width: 990px;*/
margin-left: auto;
margin-right: auto;
text-align: center;
}
.ctgTTL {
font: 60px/60px 'Aladin', cursive;
clear: both;
}
.SubTTLeng {
width: 100%;
height: 45px;
text-align: center;
color: #F08300;
font: 45px/45px 'Aladin', cursive;
border-bottom: 1px solid #F08300;
clear: both;
}
.SubTTLjp {
width: 100%;
height: 24px;
color: #F08300;
font-weight: bold;
font-size: 24px;
line-height: 24px;
text-align: center;
clear: both;
margin-top: 5px;
}
.SmallTTLeng {
width: 100%;
height: 40px;
text-align: center;
color: #F6AB00;
font: 40px/40px 'Aladin', cursive;
border-bottom: 1px solid #F6AB00;
clear: both;
}
.SmallTTLjp {
width: 100%;
height: 24px;
color: #F6AB00;
font-weight: bold;
font-size: 24px;
line-height: 24px;
text-align: center;
clear: both;
margin-top: 5px;
}
.NameJp {
line-height: 20px;
font-weight: bold;
text-align: left;
}
.NameEng {
color: #F08300;
line-height: 18px;
text-align: left;
font-family: 'Aladin', cursive;
}
.Price {
font-weight: bold;
line-height: 20px;
text-align: right;
vertical-align: top;
}
.YellowClm {
/*width: 988px;*/
padding-top: 15px;
padding-bottom: 15px;
clear: both;
text-align: center;
background-color: #FFFAEB;
border: 1px solid #F08300;
}
.WhiteClm { 
/*width: 988px;*/
padding-top: 15px;
padding-bottom: 15px;
clear: both;
text-align: center;
border: 1px solid #F08300;
}
.Box50 {
	clear: both;
	width: 100%;
	height: 50px;
}
.Box30 {
	clear: both;
	width: 100%;
	height: 30px;
}
.mgn40b {
margin-bottom: 40px;
}
.mgn20b {
margin-bottom: 20px;
}
.mgn10b {
margin-bottom: 10px;
}
.mgn5b {
margin-bottom: 5px;
}
.px24B {
font-weight: bold;
font-size: 24px;
line-height: 24px;
}
.px16 {
font-size: 16px;
line-height: 20px;
}
.px14 {
font-size: 14px;
line-height: 20px;
}
.TxAlLeft {
text-align: left;
}
.LH36 {
line-height: 36px;
}
.Orange {
color: #F08300;
}
.cl {
	clear: both;
}
/*
 *  
 *
 * ---------------------------**/
/*html,*　のフォント指定は最上部へ*/
/* Common----------------------- */
body {
  background-color: #fff;
}
.container {
  max-width: 990px;
/*
  padding-left: 5px;
  padding-right: 5px;
*/
}
.section-header {
  margin-bottom: 30px;
}
table {
  margin-bottom: 10px;
  padding: 0;
}

table tbody,
table tr ,
table.horizontal tr {
  border: 0;
  padding: 0;
  margin: 0;
  display: flex;
  background: transparent;
}
 table td {
  padding: 0;
  text-align: left;
}
table td {
  background: transparent;
}

p {
  word-break:break-all;
/*  word-break:keep-all;*/
}
.text-center {
  text-align: center;
}
.mb150 {
  margin-bottom: 150px!important;
}
.mb100 {
  margin-bottom: 100px!important;
}
.mb50 {
  margin-bottom: 50px!important;
}
.mb30 {
  margin-bottom: 30px!important;
}
.mb20 {
  margin-bottom: 20px!important;
}
.mb10 {
  margin-bottom: 10px!important;
}
.px14 p {
font-size: 14px;
line-height: 20px;
}
.Price > span {
  font-weight: bold;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive-item,
  iframe,
  embed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-40by99 {
  padding-bottom: 40.40%;
}
.no-flex {
  flex: none!important;
}
.pagetop {
  right: 20px;
}
.col-inner {
/*  margin: 0 10px 20px;*/
  padding: 10px;
  background-color: #FFFAEB;
  height: calc(100% - 20px);
}
/* Gnav ----------------------- */
header#HeaderWRP {
  background: #333333;
  min-height: 126px;
  border-bottom: solid 4px #dc5310;
  overflow: visible;
}
.sp-menu .header-logo {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin: 10px;
}
.sp-menu .header-logo .logo{
  padding: 0;
  margin: 0 40px 0 20px;
}
.sp-menu .header-logo #NameWRP {
  padding: 0;
  margin: 0 10px;
}
.sp-menu .header-logo #NameWRP p {
  color: #fff;
/*  font-size: 100%;*/
}
/****/
.sp-menu-list {
  text-align: center;
}
.sp-menu-button {
  background-color: #fff;
  color: #dc5310;
  height: 2em;
  line-height: 2em;
  border-bottom: solid 1px #ccc;
}
.sp-menu-list ul {
  background: #fff;
}
.sp-menu-list ul li {
  display: block;
  border-bottom: solid 1px #dc5310;
  height: 2em;
  line-height: 2em;
}
.sp-menu-list ul li a.menu-item {
  display: inline-block;
  width: 100%;
}
.sp-menu-list ul li:last-child {
  border-bottom: solid 1px #363636;
}
.sp-menu-list ul.off {
  display: none;
}
/* slider ----------------------- */
.slider-sec {
  margin: 0;
  padding: 0;
  position: relative;
}
.slidecontainer {
  height: auto;
  margin-top: 0;
  float: none;
}
.slider {
  height: 42vw;
}
.SlideLogo {
  position: absolute;
  height: auto;
  top: auto;
  left: 0;
  bottom: 5vw;
  margin: 0;
  width: 100%;
}
.SlideLogo img {
/*  width: 20.35%;*/
  width: 45%;
  display: block;
  margin: 0 auto;
}
.top-section .container {
  margin-top: 50px;
}
/* shop info ----------------------- */
.container.shop {
  margin-bottom: 150px;
}
.shop .col-inner {
  text-align: center;
  padding-bottom: 30px;
  height: calc(100% - 60px);
}
/* lunch ----------------------- */
.container.lunch-set {
  margin-bottom: 150px;
}
.container.lunch-set .row {
  margin-bottom: 30px;
}
.tabeho p {
  margin: 0;
  text-align: center;
}
.tabeho p.banner-text {
  font-size: 7.5vw;
  line-height: 1.05em;
  font-weight: bold;
}
.lunch-set .lunch-col {
  margin-bottom: 30px;
}
.lunch-set .col-inner {
}
/* dinner ----------------------- */
.dinner .dinner-col {
  margin-bottom: 20px;
}
.dinner .dinner-col .col-inner {
/*  padding: 10px;*/
}
.dinner .dinner-col .col-inner table:last-child {
  margin-bottom: 0;
}
/*
.dinner .curry .col-inner ,
.dinner .tandoori .col-inner ,
.dinner .dinner_set .col-inner {
  padding: 10px 10px 0 10px;
}
.dinner .nan .col-inner ,
.dinner .snacks .col-inner ,
.dinner .salad .col-inner {
  padding-bottom: 0;
}
*/
/* drink ----------------------- */
.drinkline {
border-bottom: 1px solid #F08300;
padding-bottom: 10px;
margin-bottom: 10px;
}
.drinkline-dot {
border-bottom: 1px dotted #F08300;
padding-bottom: 10px;
margin-bottom: 10px;
}
.drink .row {
  display: flex;
}
.drink .row table {
  border-bottom: 1px dotted #F08300;
  margin-bottom: 10px;
}
.drink .row table tbody {
  margin-bottom: 10px;
}
.drink .row.wine table tbody {
  margin-bottom: 0;
}
.drink .row.wine table tbody tr td:first-child {
  flex-grow: 4;
}
.drink table.no-border {
  border: none;
}

.drink .drink_content {
  margin-bottom: 50px;
  padding-bottom: 0;
}
.drink .drink_content table:last-child ,
.drink .wine .drink-col table:first-child {
  border: none;
  margin-bottom: 0;
}
.drink .wine .drink-col table.glass-wine ,
.drink .sparkling .drink-col table:last-child {
  border-bottom: 1px solid #F08300;
  padding-bottom: 10px;
  margin-bottom: 10px;  
}
.drink .alc-menu {
 column-count: 1;
  column-gap: 0;
}
.drink .alc-menu .drink-col {
  width: 100%;
  page-break-inside: avoid;
  break-inside: avoid;  
}
.drink .alc-menu .drink-col table tbody tr td:first-child {
  flex:none;
  max-width: calc(100% - 5em);
}
.drink .alc-menu .drink-col.beer {
  order:1;
}
.drink .alc-menu .drink-col.softdrink {
  order:2;
}
.drink .alc-menu .drink-col.osusume {
  order:3;
}
.drink .alc-menu .drink-col.cocktail {
  order:4;
}
.drink .alc-menu .drink-col.sour {
  order:5;
}
.drink .alc-menu .drink-col.whisky {
  order:6;
}
.drink .alc-menu .drink-col.shochu {
  order:7;
}
.drink .wine {
  margin-bottom: 50px;
}
.drink .wine.row.sparkling {
  margin-bottom: 0;
}
.row .col-inner table tbody tr td.NameJp  {
  flex-grow: 2;
}
/* party ----------------------- */
.party .row .col-inner {
/*  padding-bottom: 0;*/
}
.party .row .col-inner img {
  display: block;
  margin: 0 auto 10px;
}

/* spice ----------------------- */
.spice .spice-col {
  margin-bottom: 20px;
}
.spice .spice-col .col-inner {
/*  padding-bottom: 0;*/
}
.spice .spice-col .col-inner p:last-child {
/*  margin-bottom: 20px;*/
}
/*
 * SMP size :max 767px;
 *
 * **--------------------------**/
@media all and (max-width:767px) {
  .col-inner table tbody  tr {
    flex-flow: column;
  }
  .col-inner table tbody  tr td.NameJp {
    min-height: 3em;
    line-height: 1.0em;
  }
  .col-inner table tbody  tr .NameEng {
    line-height: 1.5em;
    min-height: 2em;
  }
  
}

/*
 * PC size :min 768px;
 *
 * **--------------------------**/
@media all and (min-width:768px) {
  .pagetop {
    right: 80px;
  }
  .col-inner {
    margin: 0 7px 20px;
  }
  /** nav ----**/
  header#HeaderWRP {
    min-height: 90px;
    height: 90px;
    position: fixed; 
    z-index: 100; 
    background-color: #333333;
    background-image: url(../images/HeaderBG.gif);
    background-repeat: repeat-x;
    border: 0;
  }
  header {
    padding: 0;
  }
  header .header-inner {
    max-width: 990px;
    display: flex;
    justify-content: space-between;
  }
  header .header-inner .header-left {
    display: flex;
    flex-flow: row;
  }
  header .header-inner .header-right {
    display: flex;
    flex-flow: column;
    align-items: flex-end;
  }
  header .logo {
    padding: 0;
  }
  header nav {
    width: 678px;
    background: transparent;
    border: 0;
    margin: 0;
  }
  header nav ul.menu {
    display: flex;
    height: 50px;
    justify-content: space-between;
  }
  header nav ul.menu li {
  }
  header nav ul.menu li a {
    color: #efefef;
    text-decoration: none;
    height: 18px;
    padding: 16px 14px;
    display: block;
    font-size: 18px;
    line-height: 18px;
    color: #FFFFFF;
  }
  header nav ul.menu li a:hover {
    background-color: #000000;
  }
  /* slider ----------------------- */
  .slider-sec {
    margin-top: 90px;
  }
  .SlideLogo img {
    width: 20.35%;
  }
  .shop .row {
    justify-content: space-between;
  }
  .shop .row > div {
    max-width: 320px;
    padding: 0;
  }
  .shop .col-inner {
    text-align: center;
    padding: 30px 10px;
    height: calc(100% - 60px);
    margin: 0 auto;
  }
  .tabeho p.banner-text {
    font-size: 48px;
  }
  .lunch-set .col-inner {
    padding: 20px 20px 0;
    height: calc(100% - 20px);
  }
  .dinner .dinner-col ,
  .spice .spice-col {
    padding: 0;
  }
  .dinner .col-inner ,
  .party .col-inner ,
  .bento .col-inner ,
  .spice .col-inner {
    padding: 20px 20px;
    height: calc(100% - 40px);
  }
  .dinner .col-inner img {
    display: block;
    margin: 0 auto 5px;
  }
  .dinner .curry .col-inner ,
  .dinner .tandoori .col-inner ,
  .dinner .dinner_set .col-inner {
    margin: 0 7.5px;
  }
  .dinner .nan .col-inner,
  .dinner .salad .col-inner{
    margin: 0 5px;
  }
  .drink .alc-menu {
    column-count: 2;
  }
  .drink .alc-menu.row {
    display: block;
  }
  .drink .wine.row {
    justify-content: space-between;
  }
  .drink .alc-menu .drink-col {
    max-width: 470px!important;
    margin: 0 auto;
  }
  .drink .wine .col-md-6 {
    max-width: 470px!important;
  }
  .drink .wine.row.sparkling {
    justify-content: flex-start;
  }
  .party .col-inner {
    margin: 0 7.5px;
  }
  .party .col-inner table {
    max-width: 280px;
    margin: 0 auto
  }
  .party .free-drink {
    margin-top: 30px;
  }
  .party .free-drink-price {
    display: flex;
    justify-content: space-between;
  }
  .party .free-drink-price table {
    width: 300px;
  }
  .bento .col-inner {
    margin: 0 5px;
  }
  .spice .col-inner {
    margin: 0 5px;
  }
}