.img-home {
  height: 68vh;
  min-height: 415px;
}
.img-home img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  min-height: 415px;
}
.img-home h2 {
  font-size: 4.4em;
  line-height: 1.3em;
  position: relative;
  top: -280px;
  text-shadow: 0px 1px 3px rgba(0,0,0,0.4);
  width: 3em;
  text-align: center;
  margin: auto;
}
.content-home {
  width: 32vw;
  min-width: 300px;
  height: 32vh;
  margin: auto;
  padding-top: 30px;
}
.content-mobile {
  text-align: center;
  padding-top: 6px;
  max-width: 90%;
  margin: auto;
}
.footer {
  text-align: center;
  /* border-top: 1px solid #FFFFFF; */
  padding-top: 25px;
  clear: both;
}
.footer ul li {
  display: inline-block;
  padding: 10px;
}
.footer ul li a {
  color: #212121;
}
.footer ul li a:hover {
  text-decoration: underline;
}
.footer ul.social-link li a{
  font-size: 26px;
  padding: 10px;
}
.footer ul.cpr-msg {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer ul.cpr-msg li {
  color: #95989A;
  padding: 3px;
  vertical-align: baseline;
}
.footer ul.cpr-msg li span {
  padding-right: 4px;
}
.footer ul.cpr-msg li img {
  height: 12px;
  width: auto;
  position: relative;
  top: -3px;
}
.footer ul.cpr-msg p {
  margin: 0;
}
.footer .social-link {
  height: 40px;
}
.footer .qty,
.footer .qty-en,
.footer .qty-ja {
  font-size: 14px;
  text-align: left;
  font-weight: 700;
}
.index-user-img {
  width: 57vw;
  /* height: calc(100vh - 56px); */
  /* border-right: 1px solid #FFFFFF; */
  float: left;
  position: relative;
  text-align: center;
}
.index-user-img > span {
  display: block;
  width: 100%;
  height: 100%;
}
.index-user-img img {
  object-fit: contain;
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
}
.index-user-img h2 {
  position: absolute;
  top: 45%;
  text-shadow: 0px 1px 3px rgba(0,0,0,0.4);
  color: #FFFFFF;
  width: 100%;
  text-align: center;
}
.index-user-img .TitledMenuSection {
  overflow: auto;
}
.user-container {
  width: calc(100% - 57vw);
  float: right;
  position: relative;
  overflow-y: auto;
  /* min-height: calc(84vh - 56px); */
}
.user-container .user-top {
  display: block;
  vertical-align: bottom;
}
.user-container table.separator {
  text-align: center;
  display: table;
  width: 100%;
  height: 30px;
  position: relative;
}

.user-container .ContentSeparator p {
  font-size: 1em;
  color: inherit;
}

.user-container table.separator td {
  display: table-cell;
  color: #212121;
  vertical-align: middle  ;
}
.user-container table.separator td:first-child,
.user-container table.separator td:last-child {
  width: 50%;
  position: relative;

}
.user-container table.separator td:first-child>div,
.user-container table.separator td:last-child>div {
  height: 1px;
  border-top: 1px solid #FFFFFF;
}

.user-container table.separator td:nth-child(2) {
  white-space: nowrap;
  padding: 10px 10px 0 10px;
}
.user-container .user-location-list {
  padding: 0 20px;

}
.user-container .user-location {
  position: absolute;
  bottom: 0;
  padding-bottom: 30px;
  right: 0;
  left: 0;
}
.user-container .user-order {
  width: 100%;
  text-align: center;
  color: #3C6242;
  background-color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding-top: 14px;
  padding-bottom: 10px;
}
.user-container .user-order .SectionSeparator{
  margin: 6px 0;
}
.user-container .LandingCurrentOrder {
  margin: 10px 49px;
  width: auto;
  display: flex;
  flex-direction: column;

}

.user-container .LandingCurrentOrder ul.order-header {
  background-color: #212121;
  display: flex;
  align-items: center;
  height: 3.1em;
  width: 100%;
}
.user-container .LandingCurrentOrder ul.order-header li {
  display: flex;
  flex: 1 1 0;
  color: #FFFFFF;
}
.user-container .LandingCurrentOrder ul.order-header li h5 {
  margin-left: 10px;
  font-size: 1em;
}

.user-container .LandingCurrentOrder ul.order-header li:nth-child(2) {
  font-size: 0.9em;
  display: flex;
  justify-content: flex-end;
  padding-right: 10px;
}

.user-container .LandingCurrentOrder ul.order-header li:nth-child(2) p {
  padding-bottom: 0;
  margin-bottom: 0;
}
.user-container .LandingCurrentOrder ul.order-header li:nth-child(2) .fromNow {
  border-left: 1px solid #92D27F;
  padding-left: 8px;
  margin-left: 6px;

}
.user-container .LandingCurrentOrder .order-body {
  background-color: #F1F1F2;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
}
.user-container .LandingCurrentOrder .order-body {
  text-align: left;
  padding: 12px 0;
}
.user-container .LandingCurrentOrder .order-body ul li {
  display: inline-block;
  padding-bottom: 3px;
  vertical-align: text-top;
}
.user-container .LandingCurrentOrder .order-body ul li:first-child {
  width: 78%;
  padding-left: 10px;
}
.user-container .LandingCurrentOrder .order-body ul li:nth-child(2) {
  width: 8%;
  text-align: center;
}
.user-container .LandingCurrentOrder .order-body ul li:nth-child(3) {
  width: 14%;
  text-align: right;
  padding-right: 12px;
}
.user-container .LandingCurrentOrder .order-body p.total {
  width: 100%;
  border-top: 1px solid #FFFFFF;
  padding-top: 8px;
  margin-top: 2px;
  text-align: right;
  padding-right: 14px;
  font-weight: 600;
  margin-bottom: 0;
}
.user-container .LandingCurrentOrder .order-body p.total span.label {
  color: #7D7769;
  font-weight: 400 !important;
  margin-right: 6px;
}
.user-order > a {
  color: inherit;
}

.index-user-img {
  /* position: sticky;
  -webkit-position: sticky;
  top: 55px; */
}

.Landing {
  /* display: flex; */
  overflow-y: auto;
}

.index-user-img .TitledMenuSection {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 black;
  max-height: 100%;
  background-color: rgba(60, 97, 66, 0.65);
  padding-top: 10px;
}

.index-user-img .TitledMenuSection .SectionSeparator {
  color: #FFFFFF !important;
}

.index-user-img .TitledMenuSection .SectionSeparator .line {
  border-top: 1px solid #FFFFFF;
}

.index-user-img .TitledMenuSection .section {
  padding: 0 10px;
}

.index-user-img .TitledMenuSection .MenuItem {
  width: calc(20% - 10px);
  max-width: 160px;
  min-width: 144px;
}

.index-user-img .TitledMenuSection .MenuItem .menu-image img {
  height: auto;
  max-height: 160px;
}

.TitledMenuSection .section {
  margin-top: 6px;
}

.Landing .orderMethodContainer {
  width: 100%;
  /* margin-top: 20px; */
}

.Landing .orderMethodContainer .tabsRow {
  display: flex;
  width: 100%;
}

.Landing .orderMethodContainer .Pickup,
.Landing .orderMethodContainer .Delivery {
  /* background-color: #F1F1F2; */
  clip-path: inset(0px -5px -5px -5px);
  /* box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.16); */
  /* border-radius: 0 0 10px 10px; */
}

.Landing .orderMethodContainer .tabsRow .Button {
  font-size: 20px;
  font-weight: bold;
  padding: 20px;
  flex: 1;
  border-radius: 10px 10px 0 0;
  clip-path: inset(-5px -5px 0px -5px);
  box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.16);
}

.Landing .orderMethodContainer .tabsRow .Button.selected,
.Landing .orderMethodContainer .tabsRow .Button.selected:focus {
  background-color: #F1F1F2 !important;
  border: none !important;
  color: #212121;
}

.Landing .orderMethodContainer .tabsRow .Button.selected > span {
  padding-top: 10px;
}

.Landing .home-store-selection-screen {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,.4);
  z-index: 10000;
}
.Landing .home-store-selection-dialog {
  position: fixed;
  max-width: 1000px;
  transform: translate(-50%, calc(-50% + 30px));
  top: 50%;
  left: 50%;
  width: calc(100% - 40px);
  height: calc(100% - 100px);
  padding: 20px;
  background: rgb(242, 242, 242);
  color: rgb(34, 24, 21);
  z-index: 50000;
}
.Landing .home-store-selection-area-select-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  background: rgb(255, 255, 255);
  color: rgb(34, 24, 21);
  border: 1px solid rgb(34, 24, 21);
}
.Landing .home-store-selection-area-select {

}
.Landing .home-store-selection-area-spliter {
  width: 100%;
  height: 20px
}
.Landing .home-store-selection-area-container-wrapper  {
  height: calc(100% - 70px);
  overflow-y: auto;  
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
}
.Landing .home-store-selection-store-container  {
  margin: 0px 10px 20px 0px;
  padding: 10px 14px;
  width: calc(33.33% - 10px);
  max-height: 300px;
  background: rgb(255, 255, 255);
  color: rgb(34, 24, 21);
  border: 1px solid rgb(34, 24, 21);
}
.Landing .home-store-selection-store-brand  {
  font-size: 16px;
  font-weight: 700;
}
.Landing .home-store-selection-store-name  {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;

}
.Landing .home-store-selection-store-address1  {
  font-size: 13px;
  font-weight: 400;
}
.Landing .home-store-selection-store-address2  {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 5px;
}
.Landing .home-store-selection-store-openinghour-row {
  display: flex;
  font-size: 13px;
  font-weight: 400;
}
.Landing .home-store-selection-store-receivablehour-row  {
  display: flex;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 5px;
}
.Landing .home-store-selection-store-openinghour-title,
.Landing .home-store-selection-store-receivablehour-title  {
  width: 100px;  
  min-width: 100px;
}
.Landing .home-store-selection-store-openinghour-text,
.Landing .home-store-selection-store-receivablehour-text  {
  margin-right: 10px;  
  text-wrap: nowrap;
}
.home-store-selection-store-openinghour-text-status-wrapper,
.home-store-selection-store-receivablehour-text-status-wrapper {
  display: flex;
  justify-content: flex-start;
}
.Landing .home-store-selection-store-address2  {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 5px;
}
.Landing .home-store-selection-store-diningoption-wrapper {
  display: flex;
}
.Landing .home-store-selection-store-diningoption {
  border-radius: 20px;
  padding: 3px 14px;
  font-size: 13px;
  line-height: 13px;
  /* height: 21px; */
  margin-right: 5px;
  text-align: center;
}
.home-store-selection-store-openstatus-shop {
  font-size: 13px;
  font-weight: 400;
  color: #414141;
  /* margin: -5px 0px 5px 0px; */
}
.home-store-selection-store-openstatus-shop.Preparing {
  font-size: 13px;
  font-weight: 400;
  color: #c5c900;
}
.home-store-selection-store-openstatus-shop.Holiday {
  font-size: 13px;
  font-weight: 400;
  color: #860000;
}
.home-store-selection-store-openstatus-shop.EmergencyClose {
  font-size: 13px;
  font-weight: 400;
  color: #860000;  
}
.home-store-selection-store-openstatus-shop.CloseForASAPOrderLastMinutes {
  font-size: 13px;
  font-weight: 400;
  color: #860000;  
}
.home-store-selection-store-openstatus-shop.CloseForASAPOrderEarlyMinutes  {
  font-size: 13px;
  font-weight: 400;
  color: #860000;  
}
.home-store-selection-store-openstatus-shop.Open {
  font-size: 13px;
  font-weight: 400;
  color: #00ad48;
}
.home-store-selection-store-openstatus-shop.AfterClose {
  font-size: 13px;
  font-weight: 400;
  color: #860000;
}
.home-store-selection-store-openstatus-mobileorder.offhour {
  font-size: 13px;
  font-weight: 400;
  color: #860000;
}
.home-store-selection-store-openstatus-mobileorder.onhour {
  font-size: 13px;
  font-weight: 400;
  color: #00ad48;
}
.home-store-selection-close-btn {
  width: 100%;
  height: 52px;
  margin: 20px 0px 20px 0px;
  text-align: center;
  line-height: 20px;
  padding: 16px 0px 16px 0px;
  background: rgb(255, 255, 255);
  color: rgb(34, 24, 21);
  border: 1px solid rgb(34, 24, 21);
}
.select-shops-cover {
  width: 100%;
  height: 52px;
  background: #ffffff;
  position: absolute;
  opacity: 0;
}


/*--- Only Desktop ---*/
@media (min-width: 1201px) {
  .img-home {
    margin-top: -54px;
  }
}

/*--- Small Desktop ---*/
@media (min-width: 991px) and (max-width: 1200px) {
  .img-home, .img-home img {
    height : 60vh;
  }
  .content-home {
    padding-top: 30px;
    height: calc(40vh - 56px);
  }
  .Landing .home-store-selection-store-container  {
    margin: 0px 10px 20px 0px;
    padding: 10px 14px;
    width: calc(50% - 10px);
  }
}
/*--- Tablet and Mobile ---*/
@media (max-width: 991px) {
  .index-user-img {
    width: 100%;
    /* height: 16vh; */
    border-right: none;
    float: none;
  }
  .index-user-img h2 {
    font-size: 2.6em;
    top: 32%;
  }
  .user-container {
    width: 100%;
    float: none;;
    height: auto;
    /* min-height: calc(84vh - 56px); */
  }
  .user-container .user-top {
    display: block;
    height: auto;
  }
  .user-container .user-order {
    position: relative;
    padding-bottom: 2px;
    max-height: none;
    display: block;
  }
  .user-container .LandingCurrentOrder {
    width: auto;
    margin: 0 49px;
    position: relative;
    display: block;
  }
  .Landing .home-store-selection-store-container  {
    margin: 0px 10px 20px 0px;
    padding: 10px 14px;
    width: calc(50% - 10px);
  }
}

/*--- Tablet Only ---*/
@media (min-width: 768px) and (max-width: 991px) {
  .user-container .LandingCurrentOrder {
    width: auto;
    margin: 0 49px;
    display: block;
  }
  .img-home, .img-home img {
    height : 60vh;
  }
  .content-home {
    height: 35vh;
  }
}

/*--- Mobile Landscape and Portrait ---*/
@media (max-width: 767px) {
  .user-container .LandingCurrentOrder {
    width: auto;
    margin: 10px 25px;
    display: block;
  }
  .img-home h2 {
    font-size: 3.6em;
  }

  .footer {
    padding-top: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
  }

  .Landing .content-main {
    padding: 0px 0 0px 0 !important;
  }
  
  .Landing {
    display: block;
  }
  .Landing .home-store-selection-store-container  {
    margin: 0px 0px 20px 0px;
    padding: 10px 14px;
    width: 100%;
  }
}

/*--- Mobile Landscape Only ---*/
@media (max-width: 767px) and (min-width: 480px) {
  .img-home, .img-home img {
    height : 45vh;
    min-height: 120px;
  }
  .img-home h2 {
    width: 10em;
    top: -90px;
    margin-bottom: -45px;
  }
  .content-home {
    height: 44vh;
    width: 90vw;
    padding-top: 0px;
  }
  .center {
    margin: 10px auto;
  }
}

/*--- Mobile Portrait Only ---*/
@media (max-width: 479px) {
  .img-home, .img-home img  {
    height : 50vh;
    min-height: 220px;
  }
  .img-home h2 {
    top: -220px;
    margin-bottom: -110px;
  }
  .content-home {
    height: 43vh;
    padding-top: 20px;
  }
  
}


@media (max-width: 360px) {
  .home-store-selection-store-openinghour-row,
  .home-store-selection-store-receivablehour-row {
    display: block !important;
  }
}