@font-face {
    font-family: SegoeUIRegular;
    src: url("/en/fonts/SEGOEUI.ttf") format('truetype');
}

@font-face {
    font-family: QuarkBold;
    src: url("/en/fonts/QUARK-BOLD.otf")format('opentype');
}

@font-face {
    font-family: OtsutomeBold;
    src: url("/en/fonts/OtsutomeBold.ttf")format('truetype');
}

@font-face {
    font-family: KozGo;
    src: url("/en/fonts/KozGo.otf")format('opentype');
}

@font-face {
    font-family: Freesia;
    src: url("/en/fonts/Freesia.ttf")format('truetype');
}

@font-face {
    font-family: SoukouMincho;
    src: url("/en/fonts/SoukouMincho.ttf")format('truetype');
}

@font-face {
    font-family: HYShangWeiShouShuW;
    src: url("/en/fonts/HYShangWeiShouShuW.ttf")format('truetype');
}

html, body{
  font-family: Arial, Helvetica, sans-serif;
  background-image: url("/en/images/homebg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-width: 1366px!important;
  min-height: 712px!important;
  height: 100%;
}

a {
  color: inherit;
  text-decoration: none!important;
}

.container{
  width: inherit;
  background-color: none;
  padding: 0;
}

.row{
  margin: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
  padding: 0;
}

.Header-BG{
  position: absolute;
  display: flex;
  width:100%;
  min-width: inherit;
  height:20%;
  min-height:150px;
  background-color: transparent;
  z-index: 99;
}

.Header-Menu{
  font-family: SegoeUIRegular, OtsutomeBold, QuarkBold;
  padding:0px 0.6vmax;
  font-size: 3vmin;
  cursor: pointer;
}

.FadeBox{
  position: relative;
  width:80%;
  height: 70%;
  display: flex;
  align-items: center;
  justify-content: center;
}

 .SlideItem {
  position: absolute;
  transition: opacity .5s ease-in;
  height:90%;
}

.SlideItem + .SlideItem { opacity: 0; }

.BookingShop{
  position:absolute;
  width: 100%;
  height:120px;
  bottom:-100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.BookingItem{
  width: 20%;
  padding: 0 1%;
  height: 100%;
  min-width: 180px;
  margin: 0px 5px;
}

.BookingItem .ShopName{
  font-family: SegoeUIRegular;
  text-align: center;
  padding: 8px;
  border: 1px solid;
  border-radius: 10px;
  font-size: 2vmin;
  display: flex;
  align-items: center;
  justify-content: center;
}

.BookingItem .ShopName img{
    height: 1.2vmin;
    margin-left: 10px;
}

.BookingItem .ShopTel{
  font-family: ;
  margin: 10px 0px;
  font-size: 1.7vmin;
  display: flex;
  align-items: center;
}

.BookingItem .ShopBook{
  display: flex;
  align-items: center;
  font-family: SegoeUIRegular, OtsutomeBold, QuarkBold;
  margin: 10px 0px;
  font-size: 2vmin;
}

.BookingItem .ShopTel img, .BookingItem .ShopBook img{
    height: 2.4vmin;
}

/*------SHOP INFO------*/

.ShopInfo-Container{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height: inherit;
  height:100%;
  padding-top:170px;
  padding-bottom:30px;
}

.ShopInfo-Item{
  position: relative;
  background-image: url("/en/images/shop-info-item-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width:25%;
  min-width: 180px;
  /*height:65vmin;
  min-height: 520px;*/
  margin: 0px 20px;
}

.ShopInfo-Item img{
  width:120%;
  margin-top:-50px;
  margin-left:-10%;
}

.ShopInfo-Item .ShopName{
  font-family: Freesia;
  text-align: center;
  display: block;
  font-size: 2.8vmin;
  font-weight: bold;
  line-height: 80%;
  margin-top: -20px;
  padding-bottom: 80px;
}

.ShopInfo-Item .ShopNameJP{
  font-family: KozGo;
  text-align: center;
  display: block;
  padding: 10px;
  font-size: 1.4vmin;
}

.ShopInfo-Item .PromotionBtn{
  font-family: SegoeUIRegular;
  color: #121212;
  border-width: 1px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3%;
  display: inline;
  margin: auto;
  text-align: center;
  border: 1px solid #121212;
  width: 50%;
  height: 3vmin;
  border-radius: 1.5vmin;
  cursor: pointer;
  font-size:1.8vmin;
}

.ShopInfo-Item .Shadow-Box{
  position: absolute;
  width: 100%;
  height: 30%;
  bottom: 0;
  box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
}

.ShopInfo-BG{
  width: 71.5%;
  height: auto;
  position: absolute;
  right: 5%;
  top: 7%;
  bottom: 0;
}

.ShopInfo-Col1{
  position:relative;
  float: left;
  width:7%;
  height:90%;
  top:22%;
}

.ShopInfo-Col2{
  position:relative;
  float: left;
  width:32%;
  height:90%;
  top:22%;
}

.ShopInfo-Col2 .Info{
  font-family: OtsutomeBold, QuarkBold;
  font-size: 2.5vmin;
  height: 35%;
  padding:3%;
  overflow-y: auto;
}

#Scoller_Style::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: transparent;
}

#Scoller_Style::-webkit-scrollbar{
	width: 12px;
	background-color: transparent;
}

#Scoller_Style::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.ShopInfo-Col2 .Button{
  height: 15%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ShopInfo-Col2 .Button .Button-Box{
  display:flex;
  align-items:center;
  justify-content:center;
  width: 28%;
  height: 50%;
  margin: 10px;
  border: 2px solid #121212;
}

.ShopInfo-Col2 .Button .Button-Box span{
  font-family: SoukouMincho, QuarkBold;
  font-size: 2.3vmin;
  font-weight: bold;
}

.ShopInfo-Col2 .Map-Container{
  width:100%;
  height:40%;
  background-color: white;
}

.ShopInfo-Col3{
  position:relative;
  float: left;
  width:54%;
  height:90%;
  top:22%;

}

.Scrolling-Container{
  width:80%;
  height:35%;
  overflow: hidden;
  margin-left: 5%;
}

.ShopInfo-Address{
  position: absolute;
  right: 3%;
  top: -2%;
  width: 7%;
  height: auto;
}

.ShopInfo-Hilight{
  width: 80%;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  bottom: 0%;
}

/*----------SLIDE SHOW----------*/
.ScollingImage {
  height: 100%;
  background-size:auto 100%;
  -webkit-animation: scroll 50s linear infinite;
  animation: scroll 50s linear infinite;
}

@-webkit-keyframes scroll {
  0% {margin-left: 0px;}
 100% {margin-left: -333%;}
}

@keyframes scroll {
  0% {margin-left: 0px;}
 100% {margin-left: -333%;}
}

.Dining-AJI{
  background: transparent 0px 0px url("/en/images/Dining-AJI.jpg") repeat-x;
}

.Udon-AJI{
  background: transparent 0px 0px url("/en/images/Udon-AJI.jpg") repeat-x;
}

.Washoku-AJI-Kani{
  background: transparent 0px 0px url("/en/images/Washoku-AJI-Kani.jpg") repeat-x;
}

.Washoku-AJI-Ekkamai{
  background: transparent 0px 0px url("/en/images/Washoku-AJI-Ekkamai.jpg") repeat-x;
}

.Washoku-AJI-Rama-9{
  background: transparent 0px 0px url("/en/images/Washoku-AJI-Rama-9.jpg") repeat-x;
}

.Washoku-AJI-Teppan{
  background: transparent 0px 0px url("/en/images/Washoku-AJI-Teppan.jpg") repeat-x;
}

/*----------MENU----------*/
.Menu-BG{
  background-image: url("/en/images/Menu-BG.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 60%;
  height: 60%;
  position: absolute;
  left: 5%;
  top: 40%;
}

.Menu-Container{
  display:flex;
  align-items:center;
  justify-content:start;
  flex-direction: column;
  min-height: inherit;
  height:100%;
  padding-top:170px;
  padding-bottom:30px;
}

.Menu-Tray{
  position: relative;
  width: 70%;
  display:flex;
  justify-content:center;
  background-image: url("/en/images/MenuTray.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.Menu-Tray div{
  position: relative;
}

.Menu-Tray img{
  margin: 4.2vmin 10px;
  height: 35vmin;
  width: auto;
}

.Menu-Tray img:hover {
  transform: translateY(-20px);
  transition-duration: 0.5s;
  cursor: pointer;
}

.Menu-Tray span{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -5.5vmin;
  text-align: center;
  font-family: KozGo, SegoeUIRegular;
  font-size:1.6vmin;
  color:#121212;
}

.Menu-Shop{
  width: 80%;
  display: flex;
  justify-content: center;
  margin-top: 10vmin;
  margin-bottom: 2vmin;
  z-index: 99;
}

.Menu-Shop .Left{
  width:25%;
}

.Menu-Shop .Left .ShopName{
  width:100%;
  font-family: HYShangWeiShouShuW;
  font-size: 3vmin;
  text-align: center;
  margin-bottom: 5vmin;
  cursor: pointer;
  color:#121212;
}

.Menu-Shop .Left .ShopName span{
  font-family: SoukouMincho, QuarkBold;
  font-size:2vmin;
  color:#121212;
  padding: 1vmin 5vmin;
  border: 1px #121212 solid;
  line-height: 8vmin;
  border-radius: 1.5vmin;
}

.Menu-Shop .Middle{
  width:40%;
  display: flex;
}

.Menu-Shop .Middle .ShopDrink{
  display: none;
}

.Menu-Shop .Middle .ShopDrink img{
  float: left;
  width: 32%;
  margin: 0.6%;
  display: none;
}

.Menu-Shop .Right{
  width:35%;
  padding-left:3%;
}

.Menu-Shop .Right .ShopCategory{
  display: none;
}

.Menu-Shop .Right .CateTitle{
  font-family: SoukouMincho;
  font-size: 3vmin;
  display: block;
  text-align: center;
}

.Menu-Shop .Right .CateDetail li{
  cursor: pointer;
  font-family: SoukouMincho, QuarkBold;
  font-size: 2vmin;
  line-height: 180%;
}

.Menu-Shop .Active{
  display: block!important;
}

.modal-dialog{
  height: 100%;
  width: 100%;
  margin: auto;
}

.modal-body{
  height:80vmin;
}

.modal-body .Page{
  height:100%;
}

.modal-body img{
  height: 100%;
  width: auto;
}

div#lumos-container {
  transition: all 250ms ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5)!important;
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: flex;
  transform: scale(0);
  opacity: 0;
  cursor: zoom-out
}

.close_button {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
  z-index: 1;
}
.close_button:hover {
  opacity: 1;
}
.close_button:before, .close_button:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #FFF;
}
.close_button:before {
  transform: rotate(45deg);
}
.close_button:after {
  transform: rotate(-45deg);
}

/*----------BOOKING----------*/
.Booking-Container{
  display:flex;
  justify-content:center;
  padding-top:170px;
  padding-bottom:30px;
  min-height:100%;
}

.Booking-Shop-Item{
  position:relative;
  width:30%;
  height:65vmin;
  cursor: pointer;
}

.Booking-Shop-Item img{
  position: relative;
  z-index: 99;
  width:90%;
  height:auto;
}

.Booking-Shop-Item .Shop-Box{
  position: absolute;
  width: 60%;
  height: 80%;
  left: 0; right: 0; top: 25%;
  margin: auto;
  box-shadow: 0px 0px 10px rgba(48,48,48,0.3);
  border-radius: 10px;
}

.Booking-Shop-Item .Shop-Box .Name{
  font-family: Freesia;
  text-align: center;
  display: block;
  font-size: 2.8vmin;
  font-weight: bold;
  line-height: 80%;
  padding-top: 80%;
}

.Booking-Shop-Item .Shop-Box .Booking-Button{
  background-image: url("/en/images/Booking-Button.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 8%;
  margin-top: 3vmin;
  text-align: center;
  font-family: SegoeUIRegular;
  font-size: 1.8vmin;
  color: #121212;
  line-height: 150%;
}

.Booking-Shop-Item .Shop-Box .Tel{
  font-family: KozGo;
  text-align: center;
  display: block;
  margin-top: 3vmin;
  font-size: 1.8vmin;
}

.StoreInnerLeft, .StoreInnerRight{
  position: relative;
  width: 15%;
  height: 100%;
  background-image: url("/en/images/InnerStore-BG.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.StoreInnerLeft .TopInnerName, .StoreInnerLeft .InnerName, .StoreInnerRight .TopInnerName, .StoreInnerRight .InnerName{
  position: relative;
  display: block;
  width:100%;
  font-family: KozGo, QuarkBold;
  font-size: 2.2vmin;
  text-align: center;
  padding: 3% 0;
}

.StoreInnerLeft .TopInnerName, .StoreInnerRight .TopInnerName{
  background-color: rgba(175,160,131,0.9);
}

.StoreInnerLeft img, .StoreInnerRight img{
  width:100%;
  height:auto;
}

.BookingForm-Container{
  position: relative;
  width: 40%;
  margin: 0px 1%;
}

.BookingForm-Container .OpenTime{
  font-family: KozGo, QuarkBold;
  font-size: 1.8vmin;
  display: block;
  text-align: center;
  line-height: 120%;
}

.BookingForm-Container table{
  margin-top:20px;
  width:100%;
  border:2px #d74f0e solid;
  border-collapse: collapse;
  font-family: KozGo,"Myriad Pro Regular", QuarkBold;
  font-size: 2vmin;
}

.BookingForm-Container table td{
  padding:2%;
}

.BookingForm-Container table td.Title{
  text-align: center;
  border:2px rgba(242,101,34,0.75) solid;
}

.BookingForm-Container table td.SubTitle{
  text-align: right;
  width: 25%;
  background-color: rgba(231,164,66,0.75);
  border:2px rgba(242,101,34,0.75) solid;

}

.BookingForm-Container table td.FormInput{
  border:2px rgba(242,101,34,0.75) solid;
  width:75%;
}

.BookingForm-Container table td input[type=text], .BookingForm-Container table td textarea{
  width:100%;
  border:2px rgba(242,101,34,0.75) solid;
  background-color: transparent;
  padding: 1%;
  outline: none;
}

.BookingForm-Container table td select{
  background-color: transparent;
  border:2px rgba(242,101,34,0.75) solid;
  outline: none;
}

.BookingForm-Container table td textarea{
  resize: none;
  height: 20vmin;
}

.BookingForm-Container table td select{
  height: 4vmin;
}

/*----------CAREER----------*/
.Career-Container{
  padding-top:170px;
  min-height:100%;
  width:80%;
  left:10%;
  position:relative;
  font-family: Freesia;
  font-weight: bold;
  font-size:2.7vmin;
}

.Career-Container > div:nth-child(2){
  display: flex;
  justify-content: center;
}

.Career-Container > div:last-child{
  padding-bottom:30px;
}

.Career-Container input[type=text]{
  width:90%;
  margin:2% 0%;
  padding: 1%;
}

#Career_DOB{
  width:auto;
}

.Career-Container div input[type=radio]{
  margin: 0 5px 0 15px;
  vertical-align: middle;
}

.Career-Container select{
  padding: 1%;
}

.Career-Container .Size4{
  position: relative;
  float:left;
  width:4%;
}
.Career-Container .Size5{
  position: relative;
  float:left;
  width:5%;
}
.Career-Container .Size8{
  position: relative;
  float:left;
  width:8%;
}
.Career-Container .Size10{
  position: relative;
  float:left;
  width:10%;
}
.Career-Container .Size12{
  position: relative;
  float:left;
  width:12%;
}
.Career-Container .Size15{
  position: relative;
  float:left;
  width:15%;
}
.Career-Container .Size16{
  position: relative;
  float:left;
  width:16%;
}
.Career-Container .Size20{
  position: relative;
  float:left;
  width:20%;
}
.Career-Container .Size25{
  position: relative;
  float:left;
  width:25%;
}
.Career-Container .Size30{
  position: relative;
  float:left;
  width:30%;
}
.Career-Container .Size35{
  position: relative;
  float:left;
  width:35%;
}
.Career-Container .Size50{
  position: relative;
  float:left;
  width:50%;
}
.Career-Container .Size60{
  position: relative;
  float:left;
  width:60%;
}
.Career-Container .Size75{
  position: relative;
  float:left;
  width:75%;
}
.Career-Container .Size80{
  position: relative;
  float:left;
  width:80%;
}
.Career-Container .Size100{
  position: relative;
  float:left;
  width:100%;
  display: flex;
  align-items: center;
}

.Career-Container .Size100 > div{
  text-align: center;
}

.Career-Container .Size100 > div:first-child, .Career-Container .Size100 > div:nth-child(2){
  text-align: left;
}

.Career-Container .PhotoFrame{
  position: relative;
  border: 2px black solid;
  width:80%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 5vmin;
  cursor: pointer;
}

.Career-Container .ConfirmButton{
  padding:0 10px;
  border:2px #a9272a solid;
  background-color: #ff0000;
  color: #FFFFFF;
  border-radius: 5px;
  font-size:4vmin;
  cursor: pointer;
  box-shadow: 0px 5px 5px rgba(48,48,48,0.5);
}

.Zebra_DatePicker_Icon_Wrapper input{
  width: auto!important;
}

.ImageUpload{
  display: none!important;
}

.ProfileImage{
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  display: none;
}

/*--------------Delivery---------------*/
.Delivery-Container{
  position: relative;
  min-height: inherit;
  width:80%;
  height:100%;
  left:10%;
  padding-top:220px;
  padding-bottom:30px;
}