/* Order02 */
/* Custom */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap?family=Roboto+JP:400,700&display=swap");
.rb-cat-desc {
  padding-top: 1em;
}

.rb-header {
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: end;
  justify-content: center;
  padding-top: 30px !important;
  padding-bottom: 0 !important;
  background: url("https://dabb7zy6p4b0z.cloudfront.net/fiss/fisslogo.png");
  background-repeat: no-repeat !important;
  background-size: 22rem, cover !important;
  background-position: center center;
  height: 120px !important;
  background-color: #FEFFFF !important;
}

#locform * {
  font-weight: 400 !important;
}

#base_page\:gform, .rbn-yb-searchtext {
  display: none !important;
}

* {
  font-family: "Noto Sans JP", sans-serif;
}

@media (max-width: 390px) {
  .rb-header {
    height: 110px !important;
    background-size: 20rem !important;
  }
}
.rb-header-title {
  display: none;
}

.rb-header-title {
  font-family: "Noto-sans JP", serif;
}

/* Custom Headers */
.rb-vendor-text, .rb-parent-cat-title > *, .rb-child-cat-title > *, .rb-prod-title > *, .rb-basket-title > *, .rb-basket-title-pg > *, .rb-checkout-title, .rb-my-booking-title > *, .rb-my-group-title > *, .ui-dialog-title, #orderForm\:existglbl, #orderForm\:newguestlbl, #orderForm\:contactinfolbl, #orderForm\:addqlbl, #orderForm\:foremlblnew, #guestDialogForm\:foremlbledit, #orderForm\:welclbl, #orderForm\:foremlbl, #orderForm\:snslbl, h3 {
  color: #6bc2ed;
  text-transform: none;
}

/*Custom Icons */
.rb-vendor-title:before,
.rb-vendor-text:before,
.rb-parent-cat-title:before,
.rb-child-cat-title:before,
.rb-prod-title:before,
.rb-basket-title-pg:before,
.rb-checkout-title:before,
#orderForm\:existglbl:before,
#orderForm\:newguestlbl:before,
#orderForm\:snslbl:before,
.rb-checkout-title:before {
  color: #6bc2ed;
}

/* Sel item highlight */
.rb-vendor-container .rb-vendor-sel a img, .rb-parent-cat-container .rb-parent-cat-sel a img, .rb-parent-cat-container .rb-parent-cat-sel .rb-cat-box a, .rb-child-cat-container .rb-child-cat-sel a img, .rb-child-cat-container .rb-child-cat-sel .rb-cat-box a {
  -webkit-box-shadow: 0 0 0px 6px #6bc2ed;
  box-shadow: 0 0 0px 6px #6bc2ed;
}

/* Lighter Desc Font */
.rb-vendor-desc,
.rb-parent-cat-desc,
.rb-child-cat-desc {
  font-weight: normal;
}

/* Hide Icon */
.rb-parent-cat-desc:before {
  display: none;
}

#orderForm\:addbskpg > tbody:nth-child(1) > tr:nth-child(1) {
  text-align: left;
}

/* Basket Item Highlights */
#orderForm\:itemdtbsk_data tr.ui-widget-content > td:nth-child(1) > label,
#orderForm\:itemdtchkout_data tr.ui-widget-content > td:nth-child(1) > label {
  background-color: #FEFFFF;
  box-shadow: 2px -1 -1 #000000, -2px -1 -1 #000000;
  color:#6bc2ed;
}

/* Accent Dialogue Title */
.ui-dialog .ui-dialog-titlebar {
  border-color: #6bc2ed !important;
  background-color: #FEFFFF !important;
}

.ui-dialog-title {
  color: #6bc2ed !important;
}

.ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-state-hover {
  background: #6bc2ed !important;
}

#orderForm\:booknow,
#orderForm\:booknowcond {
  background-color: #FEFFFF !important;
  border: 1px solid #FEFFFF !important;
  color: #6bc2ed !important;
}

#orderForm\:booknow:hover,
#orderForm\:booknowcond:hover {
  background-color: #FEFFFF !important;
  border: 1px solid #FEFFFF !important;
  color: #6bc2ed !important;
}

/* Custom Button Font */
.ui-button-text {
  font-family: "Noto Sans JP", sans-serif !important;
}

/* Custom Button Font */
/* Lang and currency */
#locform\:currencySelect_label,
#locform\:languageSelect_label {
  color: #000;
}

.ui-widget-content .ui-state-highlight {
  background: #6bc2ed;
}

/* CHECKOUT */
.rb-checkout-title:before {
  content: "\f291";
  margin-right: 10px;
  font-family: "FontAwesome" !important;
}

/* Default Buttons */
.ui-button.ui-widget.ui-state-default {
  background-color: #6bc2ed;
  border-color: #6bc2ed;
  color: #fff !important;
  font-weight: 500 !important;
}

.ui-button.ui-widget.ui-state-hover,
.ui-button.ui-widget.ui-state-active {
  background-color: #6bc2ed;
  border-color: #6bc2ed;
}

.ui-button {
  text-transform: uppercase;
}
.ui-button .span {
  font-weight: 500 !important;
}

.ui-header.ui-bar-inherit {
  border-bottom: 0;
}

.rb-header .ui-title {
  display: none !important;
}

/* Panels*/
.ui-panel-m-titlebar.ui-bar.ui-bar-inherit,
.ui-btn .ui-panel-collapsible-heading-toggle,
.ui-icon-minus:after, .ui-icon-plus:after,
.ui-bar-a {
  background-color: #000;
  border: none;
  color: #fff !important;
  text-shadow: none !important;
}

.ui-panel-m-titlebar.ui-bar.ui-bar-inherit:hover,
.ui-btn .ui-panel-collapsible-heading-toggle:hover {
  background-color: #000;
}

.ui-panel-m-titlebar.ui-bar.ui-bar-inherit > h3 {
  color: #ffffff !important;
}

/* Buttons */
#base_page\:gform > .ui-btn.ui-input-btn.ui-corner-all.ui-shadow,
#base_page\:locform\:languageSelect_input-button, #base_page\:locform\:currencySelect_input-button {
  background-color: #000;
  border: none;
  color: #fff !important;
  text-shadow: none !important;
}

#base_page\:gform > .ui-btn.ui-input-btn.ui-corner-all.ui-shadow:hover,
#base_page\:locform\:languageSelect_input-button:hover, #base_page\:locform\:currencySelect_input-button:hover {
  background-color: #1a1a1a;
  border: none;
}

#orderForm\:itemdtbsk_data tr.ui-widget-content > td:nth-child(1) > label,
#orderForm\:itemdtchkout_data tr.ui-widget-content > td:nth-child(1) > label,
#orderForm\:itemdtchkout_data tr.ui-widget-content > td:nth-child(1) > div.rb-skipass > label {
  padding-bottom: 4px !important;
}

/* add example on how to input age*/
/* EN */
html:lang(en) body:has(.rb-child-cat-sel #orderForm\:chdcatrpt\:0\:chdcatimglnk)
#orderForm\:pdtoptnm_2::after {
  content: "e.g. 38, 36, 11, 8";
  display: block;
  margin-top: 4px;
  font-size: 0.85em;
  font-weight: 400;
  color: #000000;
}

/* JA */
html:lang(ja) body:has(.rb-child-cat-sel #orderForm\:chdcatrpt\:0\:chdcatimglnk)
#orderForm\:pdtoptnm_2::after {
  content: "例: 38, 36, 11, 8";
  display: block;
  margin-top: 4px;
  font-size: 0.85em;
  font-weight: 400;
  color: #000000;
}