@charset "UTF-8";
/*
        Theme Name: PCC Custom
        Description: HTML5 Blank WordPress Theme
        Version: 0.0.1
        Author: PXP, LLC.
        Author URI: http://pxp200.com
        Tags: HTML5, CSS3

        License: MIT
        License URI: http://opensource.org/licenses/mit-license.php
*/
@font-face {
  font-family: 'dirty_headline-webfont';
  src: url("../fonts/dirty_headline_commercial.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

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

@font-face {
  font-family: 'true_north_bold-webfont';
  src: url("../fonts/Cultivated_Mind_-_True_North_Textures_Bold.otf") format("opentype");
  font-weight: 700;
}

@font-face {
  font-family: 'genkaimincho';
  src: url("../fonts/genkai-mincho.ttf") format("truetype");
}
/* Colors */
/* Breakpoints */
/* Max Width */
/* Min Width */
h1 {
  color: #f19f45;
  font-family: "Noto Sans JP";
  font-weight: 900;
  font-style: normal;
  font-size: 72px;
  text-transform: lowercase;
}

h2.h2-title {
  font-size: 72px;
  text-transform: lowercase;
}

h2 {
  color: #5e5642;
  font-family: "Noto Sans JP";
  font-weight: 900;
  font-style: normal;
  font-size: 40px;
  text-transform: lowercase;
}

h3 {
  color: #5e5642;
  font-family: "Noto Sans JP";
  font-weight: 700;
  font-size: 24px;
}

h4 {
  color: #245a69;
  font-family: "Noto Sans JP";
  font-weight: 900;
  font-style: normal;
  font-size: 34px;
  text-transform: lowercase;
}

h5 {
  color: #245a69;
  font-family: "Noto Sans JP";
  font-size: 18px;
}

h6 {
  color: #4a3e2e;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 2px;
}

p {
  color: #5e5642;
  font-family: "Noto Sans JP";
  font-size: 18px;
}

ul li {
  color: #5e5642;
  font-family: "Noto Sans JP";
  font-size: 18px;
}

.light-text {
  color: #fff;
}

a {
  color: #00a0b6;
}

a:hover {
  color: #225a69;
}

a:active {
  color: #225a69;
}

a:focus {
  color: #225a69;
}

.reveal-overlay {
  background-color: rgba(0, 0, 0, 0.9);
}

.close-button {
  color: white;
  line-height: 2.3em;
  top: -1em;
}

.reveal {
  background-color: transparent;
  border: none;
}

.modal-wrapper {
  text-align: center;
  overflow: hidden;
}

.modal-wrapper iframe {
  width: 100%;
}

.page-content {
  max-width: 1162px;
  margin: 0 auto;
}

.white-background {
  background-color: white !important;
}

@media (max-width: 639px) {
  .white-background {
    background-color: #eae9e2 !important;
  }
}

.show {
  display: block !important;
}

.chat-modal {
  position: fixed;
  right: 30px;
  bottom: 100px;
  background: #f3f3f3;
  padding: 15px;
  z-index: 999;
  border: #cdcdcd 2px solid;
  border-radius: 5px;
  color: #757575;
  font-size: 15px;
  max-width: 350px;
}

.chat-modal p {
  text-align: center;
  color: #757575;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.8;
}

.chat-modal label {
  color: #757575;
}

.chat-modal input,
select {
  border-radius: 7px;
  height: 2rem;
  color: #757575;
  font-size: 15px;
  margin: 0;
  padding: 0.2rem;
}

.chat-modal img {
  max-width: 50%;
}

.chat-modal .submit {
  background: #215968;
  color: white;
  border-color: #215968;
  margin-top: 1rem;
}

.chat-logo {
  margin: 0 auto;
  text-align: center;
}

.chat-close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

/* change the login page background, so that the PCC logo shows up */
.visuallyhidden {
  opacity: 0;
}

/* jQuery UI */
.ui-widget-header {
  border: 1px solid #AFDEDF;
  background: #AFDEDF;
}

/* Orbit Slider*/
.orbit-container:focus {
  outline: none;
}

.orbit-next,
.orbit-previous {
  top: 30px;
}

.orbit-next {
  left: 50px;
}

.orbit-my-next,
.orbit-my-previous {
  position: absolute;
}

.main-content {
  overflow: hidden;
  width: 100%;
}

.button__orange {
  min-width: 150px;
  color: white;
  background-color: #f56e2e;
}

.button__orange:hover, .button__orange:focus, .button__orange:active {
  color: white;
  background-color: #d26031;
}

.button__blue {
  min-width: 150px;
  color: white;
  background-color: #215968;
}

.button__blue:hover, .button__blue:focus, .button__blue:active {
  color: white;
  background-color: #294956;
}

.header__h1 {
  color: #f19f45;
  font-family: "Noto Sans JP";
  font-size: 72px;
  text-transform: lowercase;
}

.center-content,
.center-content * {
  text-align: center;
}

/* Form Styles*/
.hs-button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem;
  padding: .85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color .25s ease-out, color .25s ease-out;
  font-size: .9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  color: #fefefe;
  font-weight: 600;
}

.hs-button.primary {
  background-color: #1779ba;
}

.hs-button.secondary {
  background-color: #f19f45;
}

.hbspt-form {
  max-width: 1200px;
  margin: auto;
}

@media (max-width: 1200px) {
  .hbspt-form {
    max-width: 80%;
  }
}

.hs-form [type=color],
.hs-form [type=date],
.hs-form [type=datetime-local],
.hs-form [type=datetime],
.hs-form [type=email],
.hs-form [type=month],
.hs-form [type=number],
.hs-form [type=password],
.hs-form [type=search],
.hs-form [type=tel],
.hs-form [type=text],
.hs-form [type=time],
.hs-form [type=url],
.hs-form [type=week],
.hs-form textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: .5rem;
  border: none;
  margin-bottom: 5px;
  border-radius: 0;
  background-color: #eae9e3;
  box-shadow: none;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  color: #5E5642;
  transition: box-shadow .5s, border-color .25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#subscribeModal .hs-button.primary {
  float: right;
  background-color: #215968;
  width: 210px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  font-size: 14px;
}

.hs_recaptcha {
  margin-bottom: 10px;
}

#GroupRateModal .hbspt-form {
  margin: auto;
  max-width: 500px;
}

#GroupRateModal .hbspt-form .hs_recaptcha {
  margin: 10px 0;
}

#GroupRateModal .hbspt-form fieldset.form-columns-1 .hs-input {
  width: 100%;
}

#GroupRateModal .hbspt-form fieldset {
  margin: auto;
}

.pcc-page-naviation {
  display: flex;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  max-width: 1200px;
  margin: 10px auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.pcc-page-naviation a {
  margin: 10px auto;
  color: #215968;
  transition: color 300ms ease;
}

.pcc-page-naviation a:hover {
  color: #D26031;
}

.pcc-page-naviation a.active {
  color: #f19f45;
}

.pcc-page-naviation a.active:hover {
  color: #D26031;
}

@media (max-width: 768px) {
  .pcc-page-naviation {
    flex-direction: column;
  }
}

img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.center-text {
  text-align: center !important;
}

.off-white-bg {
  background-color: #ECEBE4;
}

.email-subscribe__container {
  min-height: 75px;
  background-color: #AFDEDF;
  font-family: Noto Sans JP, sans-serif;
  text-align: center;
}

@media (max-width: 639px) {
  .email-subscribe__container {
    background-color: #ECEBE4;
  }
}

.email-subscribe__container .row {
  min-height: 75px;
}

@media (max-width: 639px) {
  .email-subscribe__container--blue {
    background-color: #AFDEDF;
  }
}

.email-subscribe__form {
  min-height: 75px;
  width: 100%;
  display: table;
}

.email-subscribe__title {
  font-size: 15px;
  color: #1a4550;
}

@media (min-width: 892px) {
  .email-subscribe__title {
    margin-top: 29px;
    height: initial;
    line-height: 1.25em;
  }
}

@media (max-width: 891px) {
  .email-subscribe__title {
    margin-top: 17px;
    line-height: 1.25em;
  }
}

@media (max-width: 639px) {
  .email-subscribe__title {
    font-size: 16px;
    margin: 0;
    height: 50px;
    line-height: 50px;
    color: #4B3F30;
  }
}

.email-subscribe__fields {
  margin-top: 16px;
}

@media (min-width: 640px) {
  .email-subscribe__fields {
    margin-top: 18px;
  }
}

@media (max-width: 639px) {
  .email-subscribe__fields {
    margin-top: 0;
  }
}

.email-subscribe__fields input {
  border: 0px;
}

.email-subscribe__fields input:focus {
  outline: none;
  border: 0px;
}

.email-subscribe__fields input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  color: #8E8E8E;
}

.email-subscribe__fields input::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  color: #8E8E8E;
}

.email-subscribe__fields input:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  color: #8E8E8E;
}

.email-subscribe__fields input:-moz-placeholder {
  /* Firefox 18- */
  font-size: 14px;
  color: #8E8E8E;
}

.email-subscribe__fields--name {
  padding-right: 5px;
}

.email-subscribe__fields--email {
  padding-left: 5px;
}

.email-subscribe__fields input {
  margin-bottom: 10px;
}

@media (min-width: 640px) {
  .email-subscribe__button {
    padding: 0;
    text-align: left;
  }
}

.email-subscribe__button input {
  margin-top: 18px;
  margin-bottom: 10px;
  border: none !important;
  width: 80% !important;
  background-color: #215968 !important;
  font-weight: 600;
  font-size: 14px !important;
}

.email-subscribe__button input:hover {
  outline: none;
  background-color: #294956 !important;
}

.email-subscribe__button input:focus {
  outline: none;
  background-color: #0D3B48 !important;
}

@media (max-width: 639px) {
  .email-subscribe__button input {
    margin-top: 0 !important;
    width: 100% !important;
  }
}

.timeline {
  position: relative;
}

.timeline__line {
  background-color: #DAD8CC;
  position: absolute;
  left: 15px;
  height: 1px;
  top: 12.5px;
  right: 15px;
}

@media (max-width: 639px) {
  .timeline__line {
    height: auto;
    width: 1px;
    top: 15px;
    bottom: 55px;
    left: 14.3px;
    right: auto;
  }
}

.timeline__dot {
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background-color: #DAD8CC;
  margin-top: 8px;
  margin-bottom: 15px;
}

@media (max-width: 639px) {
  .timeline__dot {
    position: absolute;
    margin-top: 8px;
  }
}

.timeline__time {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0;
}

@media (max-width: 639px) {
  .timeline__time {
    padding-left: 20px;
  }
}

@media (max-width: 241px) {
  .timeline__time {
    font-size: 15px;
  }
}

.timeline__event {
  font-size: 17px;
  letter-spacing: -1px;
}

@media (max-width: 639px) {
  .timeline__event {
    padding-left: 20px;
  }
}

@media (max-width: 241px) {
  .timeline__event {
    font-size: 14px;
  }
}

.villages {
  position: relative;
  height: 450px;
}

.villages__background {
  background: url(../../images/Asset_1.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  width: 400px;
  position: absolute;
  z-index: -1;
}

.villages__container {
  background-image: url(../../images/village_background.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
  padding: 20px 70px;
}

@media (max-width: 1023px) {
  .villages__container {
    background-size: 500px auto;
    padding: 15px 40px;
  }
}

@media (max-width: 639px) {
  .villages__container {
    background-size: 125% auto;
    background-position: center 50px;
    padding: 0;
    margin-left: 0 !important;
  }
}

.villages__header {
  padding-left: 0;
}

@media (max-width: 639px) {
  .villages__header {
    padding-top: 50px;
  }
}

@media (max-width: 639px) {
  .villages__hide {
    display: none;
  }
}

.villages__info {
  padding-left: 20px;
}

@media (max-width: 639px) {
  .villages__info {
    padding-left: 15px;
  }
}

.villages__description {
  font-size: 16px;
}

.villages__list {
  font-family: "Noto Sans JP";
  font-size: 16px;
  line-height: 27px;
}

@media (max-width: 639px) {
  .villages__list {
    margin-top: 30px;
  }
}

.villages__marker {
  height: 25px;
  width: 25px;
  margin-top: 15px;
  margin-right: 10px;
  float: left;
}

@media (max-width: 1023px) {
  .villages__marker {
    width: 15px;
  }
}

.villages__map {
  color: #F36F3A;
  font-family: "Noto Sans JP";
  font-size: 18px;
  line-height: 27px;
  padding-top: 15px;
}

@media (max-width: 1023px) {
  .villages__map {
    font-size: 14px;
  }
}

@media (min-width: 640px) {
  .villages__medium {
    display: block !important;
  }
}

.villages__show {
  display: none;
}

@media (max-width: 639px) {
  .villages__show {
    display: block;
  }
}

.villages__time {
  font-weight: bold;
}

.villages__time span {
  font-style: italic;
}

@media (max-width: 374px) {
  .villages__time {
    margin-top: 50px;
  }
}

.villages__top-pic {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: pointer;
  height: 250px;
  width: 100%;
}

@media (max-width: 1023px) {
  .villages__top-pic {
    height: 210px;
  }
}

@media (max-width: 639px) {
  .villages__top-pic {
    width: 95%;
  }
}

.villages__bot-pic {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 140px;
  margin-top: 15px;
  width: 48%;
}

@media (max-width: 1023px) {
  .villages__bot-pic {
    height: 210px;
    width: 100%;
  }
}

.villages__bot-pic--test {
  padding-left: 0;
  padding-top: 15px;
  width: 50%;
}

.villages__left {
  margin-left: 15px;
  height: 35px;
  width: 35px;
  padding: 0;
  background-color: #215968;
  float: left;
}

.villages__left h3 {
  color: white;
  text-align: center;
}

.villages__right {
  margin-left: 15px;
  height: 35px;
  width: 35px;
  padding: 0;
  background-color: #215968;
  display: inline-block;
}

.villages__right h3 {
  color: white;
  text-align: center;
}

.villages__tab {
  display: inline-block;
}

.villages__tab p {
  font-size: 14px;
}

.topbar {
  background-color: #000;
  position: relative;
}

.topbar__container {
  margin: 0 auto;
  padding: 0 5px;
  max-width: 75rem;
  width: 100%;
}

.topbar__link {
  margin: 0;
  margin-right: 15px;
  padding: 0;
  display: inline-block;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-weight: 400;
  line-height: 33px;
  color: #FFFFFF;
  z-index: 999;
}

.topbar__link--shop {
  font-size: 14px;
  font-weight: 700;
}

.topbar__link--bag img {
  vertical-align: baseline;
}

@media (max-width: 639px) {
  .topbar__link--bag img {
    margin-left: 5px;
  }
}

.topbar__link--arrow {
  margin-left: 15px;
}

@media (max-width: 374px) {
  .topbar__link--arrow {
    margin-left: 5px;
  }
}

@media (max-width: 639px) {
  .topbar__link--giving {
    display: none;
  }
}

.topbar-menu {
  color: #000;
  position: absolute;
  top: 0;
  right: 25px;
  height: 33px;
  width: 135px;
  z-index: 999;
}

@media (max-width: 639px) {
  .topbar-menu {
    right: 0px;
  }
}

@media (max-width: 540px) {
  .topbar-menu {
    width: 115px;
    position: absolute;
  }
}

.topbar-menu img {
  max-width: 100%;
}

.topbar-menu ul {
  background-color: #000;
  display: none;
  list-style-type: none;
  margin: 0;
  margin-top: 2px;
}

@media (max-width: 540px) {
  .topbar-menu ul {
    margin-left: -5px;
  }
}

.topbar-menu ul li {
  margin: 0;
  padding: 5px 0px 5px 23px;
}

.topbar-menu ul li a {
  color: #9E9387;
  font-family: "Noto Sans JP";
  font-size: 16px;
}

.topbar-menu ul li:hover {
  background-color: #353530;
}

.topbar-menu ul li.topbar-menu__list--first:hover {
  background-color: #000;
}

.topbar-menu ul li span.topbar-menu__list--white {
  color: #fff;
}

.topbar-menu ul li:last-of-type {
  padding-bottom: 10px;
}

.topbar-menu__container {
  background-color: #000;
  cursor: pointer;
  height: 33px;
  width: 150px;
}

.topbar-menu__container:hover ul {
  display: block;
}

@media (max-width: 639px) {
  .topbar-menu__container {
    position: absolute;
    right: 0;
  }
}

@media (max-width: 540px) {
  .topbar-menu__container {
    position: relative;
    right: auto;
    margin-left: 5px;
  }
}

.topbar-menu__container div, .topbar-menu__container p {
  display: inline-block;
}

.topbar-menu__image {
  margin-top: 3px;
}

.topbar-menu__text {
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  margin-top: 1.5px;
  padding: 0 5px;
  padding-left: 5px;
}

.topbar-menu__arrow {
  transform: translate(0, -2px);
  -ms-transform: translate(0, -2px);
  -webkit-transform: translate(0, -2px);
  vertical-align: middle;
}

.topbar-menu__arrow img {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.topbar-menu__checkMark {
  margin-left: 3px;
}

.primary-nav-menu {
  background-color: rgba(0, 0, 0, 0.65);
  font-family: "Noto Sans JP";
  height: 112px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 101;
}

@media (min-width: 640px) {
  .primary-nav-menu {
    transition: background-color 0.4s ease;
  }
}

@media (max-width: 798px) {
  .primary-nav-menu {
    height: 95px;
  }
}

@media (max-width: 639px) {
  .primary-nav-menu {
    background-color: rgba(0, 0, 0, 0.85);
    height: 68px;
  }
}

@media (max-width: 259px) {
  .primary-nav-menu {
    height: 50px;
  }
}

.primary-nav-menu--faq {
  background-color: #4a3e2f;
}

.primary-nav-menu--sticky {
  background-color: rgba(0, 0, 0, 0.85);
  position: fixed;
  top: 0;
  width: 100%;
}

.primary-nav-menu__h1 img {
  vertical-align: top;
}

.primary-nav-menu__container {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

.primary-nav-menu__logo {
  padding-top: 10px;
  padding-left: 25px;
  float: left;
  width: 25%;
}

@media (max-width: 925px) {
  .primary-nav-menu__logo {
    padding-top: 20px;
    width: 185px;
  }
}

@media (max-width: 798px) {
  .primary-nav-menu__logo {
    padding-top: 15px;
    padding-left: 25px;
    width: 165px;
  }
}

@media (max-width: 639px) {
  .primary-nav-menu__logo {
    margin-top: 7px;
    margin-left: 10px;
    padding-top: 0;
    padding-left: 0;
    width: 37%;
  }
}

@media (max-width: 259px) {
  .primary-nav-menu__logo {
    width: 99px;
  }
}

.primary-nav-menu__logo a {
  display: block;
  width: 100%;
}

@media (max-width: 639px) {
  .primary-nav-menu__logo a {
    max-width: 150px;
  }
}

.primary-nav-menu__logo img {
  max-width: 100%;
  margin: auto;
}

.primary-nav-menu__dropdowns {
  display: table;
  height: 112px;
  width: 55%;
}

@media (max-width: 798px) {
  .primary-nav-menu__dropdowns {
    height: 95px;
    width: 52%;
  }
}

@media (max-width: 680px) {
  .primary-nav-menu__dropdowns {
    width: 50%;
  }
}

@media (max-width: 639px) {
  .primary-nav-menu__dropdowns {
    background-color: #fff;
    border-top: 5px solid #f4a145;
    display: block;
    position: fixed;
    top: 0;
    left: -100%;
    width: 80%;
    height: 100%;
    transition: left 0.4s ease;
    z-index: 999;
  }
  .primary-nav-menu__dropdowns + .mobile-background {
    content: "";
    z-index: -1;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    right: -100%;
    top: 0;
    height: 100%;
    width: 100%;
    transition: width 0.4s ease, opacity 0.4s ease;
  }
}

@media (max-width: 639px) {
  .primary-nav-menu__dropdowns.mobile-expand {
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .primary-nav-menu__dropdowns.mobile-expand + .mobile-background {
    opacity: 1;
    right: 0;
    width: 20%;
    z-index: 10;
  }
}

.primary-nav-menu-dropdowns {
  cursor: pointer;
  display: table-cell;
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  position: relative;
  vertical-align: middle;
  width: 30%;
}

.primary-nav-menu-dropdowns:last-child {
  width: 10%;
}

@media (min-width: 640px) and (max-width: 680px) {
  .primary-nav-menu-dropdowns__break-helper {
    display: block;
  }
}

@media (max-width: 798px) {
  .primary-nav-menu-dropdowns {
    width: 30%;
  }
}

@media (max-width: 639px) {
  .primary-nav-menu-dropdowns {
    display: block;
    width: 100%;
  }
}

@media (min-width: 640px) {
  .primary-nav-menu-dropdowns--light-orange:hover .primary-nav-menu-dropdowns__title {
    color: #f4a145;
  }
  .primary-nav-menu-dropdowns--light-orange:hover .primary-nav-menu-dropdowns__title:after {
    content: "";
    border-bottom: 5px solid #f4a145;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .primary-nav-menu-dropdowns--light-orange .primary-nav-menu-dropdowns-subMenu__item:hover {
    background-color: #f4a145;
  }
}

@media (max-width: 639px) {
  .primary-nav-menu-dropdowns--light-orange.expand-mobile .primary-nav-menu-dropdowns__title {
    background-color: #f4a145;
  }
}

@media (min-width: 640px) {
  .primary-nav-menu-dropdowns--green:hover .primary-nav-menu-dropdowns__title {
    color: #8ecb89;
  }
  .primary-nav-menu-dropdowns--green:hover .primary-nav-menu-dropdowns__title:after {
    content: "";
    border-bottom: 5px solid #8ecb89;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .primary-nav-menu-dropdowns--green .primary-nav-menu-dropdowns-subMenu__item:hover {
    background-color: #8ecb89;
  }
}

@media (max-width: 639px) {
  .primary-nav-menu-dropdowns--green.expand-mobile .primary-nav-menu-dropdowns__title {
    background-color: #8ecb89;
  }
}

@media (min-width: 640px) {
  .primary-nav-menu-dropdowns--pale-yellow:hover .primary-nav-menu-dropdowns__title {
    color: #f4eb96;
  }
  .primary-nav-menu-dropdowns--pale-yellow:hover .primary-nav-menu-dropdowns__title:after {
    content: "";
    border-bottom: 5px solid #f4eb96;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .primary-nav-menu-dropdowns--pale-yellow .primary-nav-menu-dropdowns-subMenu__item:hover {
    background-color: #f4eb96;
  }
}

@media (max-width: 639px) {
  .primary-nav-menu-dropdowns--pale-yellow.expand-mobile .primary-nav-menu-dropdowns__title {
    background-color: #f4eb96;
  }
}

@media (min-width: 640px) {
  .primary-nav-menu-dropdowns:hover .primary-nav-menu-dropdowns-subMenu {
    display: block;
  }
}

@media (max-width: 639px) {
  .primary-nav-menu-dropdowns.expand-mobile .primary-nav-menu-dropdowns__title {
    color: #fff;
    top: -1px;
    border-top: 1px solid transparent;
  }
  .primary-nav-menu-dropdowns.expand-mobile .primary-nav-menu-dropdowns-subMenu {
    margin-bottom: 25px;
    max-height: 500px;
    transition: max-height 0.7s ease;
  }
}

.primary-nav-menu-dropdowns__mobile-separator {
  border-bottom: 1px solid #ebeae3;
  display: none;
  height: 0;
  margin: 0 25px;
}

@media (max-width: 639px) {
  .primary-nav-menu-dropdowns__mobile-separator {
    display: block;
  }
}

.primary-nav-menu-dropdowns__title {
  color: #fff;
  display: table-cell;
  font-size: 14px;
  height: 112px;
  padding-right: 5px;
  position: relative;
  text-transform: uppercase;
  transition: background-color 0.4s ease;
  vertical-align: middle;
}

.primary-nav-menu-dropdowns__title:first-child {
  border-top: 1px solid transparent;
}

@media (max-width: 925px) {
  .primary-nav-menu-dropdowns__title {
    font-size: 12px;
  }
}

@media (max-width: 798px) {
  .primary-nav-menu-dropdowns__title {
    height: 95px;
  }
}

@media (max-width: 639px) {
  .primary-nav-menu-dropdowns__title {
    background-color: #ffffff;
    color: #5e5541;
    display: block;
    font-size: 16px;
    font-weight: 700;
    height: auto;
    padding: 30px 25px;
    width: 100%;
  }
}

@media (max-width: 639px) {
  .primary-nav-menu-dropdowns__search {
    display: none;
  }
}

.primary-nav-menu-dropdowns-subMenu {
  background-color: #fff;
  display: none;
  position: absolute;
  left: 0;
  padding: 25px;
  margin: 0;
  list-style-type: none;
  top: 112px;
  min-width: 364px;
  z-index: 999;
}

.primary-nav-menu-dropdowns-subMenu h3 {
  padding-top: 10px;
}

@media (max-width: 798px) {
  .primary-nav-menu-dropdowns-subMenu {
    padding: 10px;
    top: 95px;
    min-width: 260px;
  }
}

@media (max-width: 639px) {
  .primary-nav-menu-dropdowns-subMenu {
    display: block;
    position: relative;
    top: 0;
    padding: 0;
    max-height: 0;
    max-width: 264.941px;
    margin: 0 auto;
    margin-bottom: 0;
    overflow: hidden;
    transition: max-height 0.6s ease, margin-bottom 0.4s ease;
  }
}

@media (min-width: 640px) {
  .primary-nav-menu-dropdowns-subMenu {
    box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.25);
  }
}

.primary-nav-menu-dropdowns-subMenu__item {
  padding-left: 25px;
  padding-right: 25px;
}

.primary-nav-menu-dropdowns-subMenu__item:first-of-type {
  margin-top: 15px;
}

.primary-nav-menu-dropdowns-subMenu__item:last-of-type a {
  border-bottom: 1px solid transparent;
}

.primary-nav-menu-dropdowns-subMenu__item:hover {
  position: relative;
  top: -1px;
}

@media (max-width: 639px) {
  .primary-nav-menu-dropdowns-subMenu__item:hover {
    background-color: #ecebe4;
  }
}

.primary-nav-menu-dropdowns-subMenu__item:hover a {
  border-top: 1px solid transparent;
  border-bottom: none;
}

.primary-nav-menu-dropdowns-subMenu__item--no-hover {
  background-color: #fff !important;
}

.primary-nav-menu-dropdowns-subMenu__item--no-hover:hover {
  top: 0;
}

.primary-nav-menu-dropdowns-subMenu__item--no-hover:hover a {
  border-top: none;
  border-bottom: 1px solid transparent;
}

.primary-nav-menu-dropdowns-subMenu__item a,
.primary-nav-menu-dropdowns-subMenu__item p {
  border-bottom: 1px solid #ebeae3;
  color: #4b3f30;
  padding-top: 12px;
  padding-bottom: 12px;
  margin: 0;
}

@media (max-width: 639px) {
  .primary-nav-menu-dropdowns-subMenu__item a,
  .primary-nav-menu-dropdowns-subMenu__item p {
    border-bottom: 1px solid transparent;
  }
}

.primary-nav-menu-dropdowns-subMenu__item a {
  display: block;
  text-decoration: none;
}

.primary-nav-menu-dropdowns-subMenu__item p a {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

.primary-nav-menu__advert {
  float: right;
  margin-right: 12px;
}

@media (max-width: 639px) {
  .primary-nav-menu__advert {
    margin-right: 8px;
  }
}

@media (max-width: 259px) {
  .primary-nav-menu__advert {
    margin-right: 0;
  }
}

.primary-nav-menu__advert a {
  text-decoration: none;
}

.primary-nav-menu-advert {
  background-color: #f46e39;
  text-align: center;
  height: 112px;
  width: 154px;
  position: relative;
  transition: background-color 0.4s ease, height 0.4s ease;
  z-index: 9;
}

.primary-nav-menu-advert--invisible {
  opacity: 0;
}

.primary-nav-menu-advert--ohana {
  background-color: #f4a145;
}

.primary-nav-menu-advert--ohana:hover {
  background-color: #f4a145 !important;
}

.primary-nav-menu-advert--ohana:hover .primary-nav-menu-advert__image--overlay {
  opacity: 0 !important;
}

@media (max-width: 798px) {
  .primary-nav-menu-advert {
    height: 95px;
    width: 130.625px;
  }
}

@media (max-width: 639px) {
  .primary-nav-menu-advert {
    height: 68px;
    width: 92.427px;
  }
}

@media (max-width: 259px) {
  .primary-nav-menu-advert {
    height: 50px;
    width: 68.75px;
  }
}

.primary-nav-menu-advert:hover {
  background-color: #d35f28;
  height: 124px;
}

@media (max-width: 798px) {
  .primary-nav-menu-advert:hover {
    height: 105px;
  }
}

@media (max-width: 639px) {
  .primary-nav-menu-advert:hover {
    height: 75px;
  }
}

.primary-nav-menu-advert:hover .primary-nav-menu-advert__image--overlay {
  opacity: 1;
}

.primary-nav-menu-advert__header {
  color: #fff;
  font-family: 'Noto Sans JP';
  font-size: 24px;
  font-weight: 900;
  margin: 0;
  top: 30px;
  width: 100%;
  position: absolute;
  z-index: 9;
  transition: font-size 0.4s ease, top 0.4s ease;
}

@media (max-width: 798px) {
  .primary-nav-menu-advert__header {
    font-size: 20px;
    top: 20px;
  }
}

@media (max-width: 639px) {
  .primary-nav-menu-advert__header {
    font-size: 15px;
    top: 12px;
  }
}

@media (max-width: 259px) {
  .primary-nav-menu-advert__header {
    font-size: 12px;
    top: 10px;
  }
}

.primary-nav-menu-advert__sub-header {
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  top: 69px;
  width: 100%;
  position: absolute;
  z-index: 9;
  transition: font-size 0.4s ease, top 0.4s ease;
}

@media (max-width: 798px) {
  .primary-nav-menu-advert__sub-header {
    font-size: 14px;
    top: 54px;
  }
}

@media (max-width: 639px) {
  .primary-nav-menu-advert__sub-header {
    font-size: 11px;
    top: 33px;
  }
}

@media (max-width: 259px) {
  .primary-nav-menu-advert__sub-header {
    font-size: 9px;
    top: 27px;
  }
}

.primary-nav-menu-advert__image {
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
}

@media (max-width: 798px) {
  .primary-nav-menu-advert__image {
    bottom: -7px;
  }
}

@media (max-width: 639px) {
  .primary-nav-menu-advert__image {
    bottom: -5px;
  }
}

@media (max-width: 259px) {
  .primary-nav-menu-advert__image {
    bottom: -3px;
  }
}

.primary-nav-menu-advert__image--overlay {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.primary-nav-menu__mobile-menu {
  cursor: pointer;
  display: table;
  float: left;
  height: 68px;
  padding-left: 28px;
  padding-right: 28px;
}

.primary-nav-menu__mobile-menu-container {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 259px) {
  .primary-nav-menu__mobile-menu-container img {
    width: 15px;
  }
}

@media (min-width: 640px) {
  .primary-nav-menu__mobile-menu {
    display: none;
  }
}

@media (max-width: 300px) {
  .primary-nav-menu__mobile-menu {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 259px) {
  .primary-nav-menu__mobile-menu {
    height: 50px;
    padding-left: 7px;
    padding-right: 7px;
  }
}

.mobile-top {
  width: 100%;
}

.mobile-top__close {
  cursor: pointer;
  float: left;
  padding: 20px 30px;
  z-index: 99;
  position: relative;
}

@media (min-width: 640px) {
  .mobile-top__close {
    display: none;
  }
}

.mobile-top__close img {
  width: 14.436px;
}

.mobile-top__search {
  cursor: pointer;
  padding: 20px 0px;
  display: inline;
  position: absolute;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  right: 15px;
}

@media (min-width: 640px) {
  .mobile-top__search {
    display: none;
  }
}

.mobile-top__search img {
  width: 20px;
}

.mobile-top__search-container {
  z-index: 99;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  width: 80%;
}

@media (min-width: 640px) {
  .mobile-top__search-container {
    width: 100%;
    left: 0;
    right: auto;
  }
}

.search-bar {
  width: 100%;
  height: 0;
  box-shadow: 0px 25px 40px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 25px 40px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 25px 40px rgba(0, 0, 0, 0.25);
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  left: 0;
  top: 112px;
  overflow: hidden;
  z-index: 5;
  transition: 0.4s ease;
}

@media (max-width: 798px) {
  .search-bar {
    top: 95px;
  }
}

@media (max-width: 639px) {
  .search-bar {
    width: 0;
    height: 40px;
    padding-top: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    position: relative;
    top: 13px;
    float: right;
    display: inline;
  }
}

.search-bar.active {
  display: block;
  height: 130px;
}

@media (max-width: 639px) {
  .search-bar.active {
    height: 40px;
    width: 85%;
  }
}

.search-bar__container {
  margin: 0 auto;
  width: 720px;
}

@media (min-width: 640px) {
  .search-bar__container {
    margin-top: 53px;
  }
}

@media (max-width: 1024px) {
  .search-bar__container {
    width: 600px;
  }
}

@media (max-width: 800px) {
  .search-bar__container {
    width: 500px;
  }
}

@media (max-width: 639px) {
  .search-bar__container {
    width: 100%;
  }
}

.search-bar__icon {
  margin-right: 5px;
  width: 41px;
  height: 41px;
  background-image: url(../images/menu-search--dark.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  cursor: pointer;
}

@media (max-width: 800px) {
  .search-bar__icon {
    width: 31px;
    height: 31px;
  }
}

@media (max-width: 639px) {
  .search-bar__icon {
    display: none;
  }
}

.search-bar__input-box {
  border: none;
  border-bottom: 1px solid black;
  box-shadow: none;
  width: 540px;
  background-color: transparent;
  float: left;
}

.search-bar__input-box:focus {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid black;
  box-shadow: none;
  outline: none;
}

@media (max-width: 1024px) {
  .search-bar__input-box {
    width: 420px;
  }
}

@media (max-width: 800px) {
  .search-bar__input-box {
    width: 340px;
  }
}

@media (max-width: 639px) {
  .search-bar__input-box {
    margin: 0;
    border: none;
    width: 100%;
    height: 40px;
    padding: 8px 25px;
    background-color: #EDECE6;
  }
  .search-bar__input-box:focus {
    margin: 0;
    border: none;
    box-shadow: none;
    background-color: #EDECE6;
  }
}

@media (max-width: 320px) {
  .search-bar__input-box {
    width: 67%;
  }
}

.search-bar__submit {
  margin-left: 20px;
  min-width: 110px;
  background-color: #215968;
  text-transform: uppercase;
  float: right;
}

.search-bar__submit:hover {
  background-color: #294956;
}

.search-bar__submit:focus {
  background-color: #1a4550;
}

@media (max-width: 639px) {
  .search-bar__submit--mobile {
    display: none;
  }
}

@media (max-width: 800px) {
  .search-bar__submit {
    min-width: 100px;
  }
}

@media (max-width: 639px) {
  .search-bar__submit {
    margin: 0;
    min-width: initial;
    width: 28%;
  }
}

@media (max-width: 390px) {
  .search-bar__submit {
    padding: 12px 0px;
  }
}

@media (max-width: 320px) {
  .search-bar__submit {
    width: 33%;
  }
}

.app-store__link {
  border-bottom: none;
  display: inline-block !important;
  padding-bottom: 0 !important;
  width: 48% !important;
}

.google-map__link {
  border-bottom: none;
  display: inline-block !important;
  padding-bottom: 0 !important;
}

.google-map__link img {
  width: 45px;
}

.landing-header {
  position: relative;
  background-color: #eae9e2;
  display: block;
}

.landing-header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 58px;
  background-image: url("../images/top-border.svg");
  background-position: top;
  background-repeat: repeat-x;
}

@media (max-width: 640px) {
  .landing-header:before {
    height: 41px;
  }
}

.landing-header__info {
  position: relative;
  float: right;
  padding: 30px 38px 0 0;
  font-size: 16px;
  line-height: 19px;
  text-align: left;
}

@media (max-width: 640px) {
  .landing-header__info {
    padding-right: 4.096vw;
  }
}

.landing-header__logo {
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 248px 87px;
  position: relative;
  float: left;
  height: 128px;
  width: 294px;
  font-size: 0;
}

@media (max-width: 640px) {
  .landing-header__logo {
    height: 78px;
    width: 185px;
    background-size: 173px 61px;
  }
}

.landing-header__open-time {
  color: #5e5541;
  font-family: "Noto Sans JP";
  font-size: 16px;
  padding-left: 35px;
  background: url(../images/clock.svg) left 4px no-repeat;
  background-size: 15px;
}

@media (max-width: 640px) {
  .landing-header__open-time {
    display: none;
  }
}

.landing-header__phone {
  display: block;
  font-family: "Noto Sans JP";
  font-weight: 700;
  color: #5e5541;
  padding: 10px 0 10px 35px;
  background: url(../images/phone.svg) 0 no-repeat;
  background-size: 18px;
}

.landing-header__phone:hover {
  color: #5e5541;
}

@media (max-width: 640px) {
  .landing-header__phone {
    padding-left: 25px;
    background-size: 16px;
  }
}

@media (max-width: 375px) {
  .landing-header__phone {
    background-size: 20px;
    font-size: 0;
  }
}

.landing-header-content {
  overflow: hidden;
}

.landing-hero {
  height: 335px;
  position: relative;
}

.landing-hero > div {
  font-size: 0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 33.333%;
  background-size: cover;
  background-position: center;
}

@media (max-width: 1024px) {
  .landing-hero {
    height: 32.714vw;
  }
}

.landing-hero-image-1 {
  left: 0;
}

.landing-hero-image-2 {
  left: 33.333%;
}

.landing-hero-image-3 {
  left: 66.666%;
}

.masthead {
  background-color: #494949;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 700px;
  position: relative;
}

@media (max-width: 639px) {
  .masthead {
    background-position: top;
    height: 240px;
  }
}

.masthead--small {
  height: 335px;
}

@media (max-width: 639px) {
  .masthead--small {
    height: 240px;
  }
}

@media (max-width: 639px) {
  .masthead-bookingWidget--dining {
    display: none;
  }
}

.masthead-bookingWidget__award {
  position: absolute;
  max-width: 200px;
  top: -186px;
  left: 60px;
  z-index: 10;
}

@media (max-width: 639px) {
  .masthead-bookingWidget__award {
    display: none;
  }
}

.masthead__fallback-image {
  display: none;
  height: 100%;
  width: 100%;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 639px) {
  .masthead__fallback-image {
    display: block;
  }
}

.masthead__articles {
  height: 350px;
}

@media (max-width: 639px) {
  .masthead__articles {
    background-position: top;
    height: 170px;
  }
}

.masthead__bullets {
  position: absolute;
  top: 450px;
  left: 45%;
}

@media (max-width: 639px) {
  .masthead__bullets {
    top: 350px;
  }
}

.masthead_video_audio_toggle {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: -1px -1px 8px 1px rgba(60, 60, 60, 0.6), 1px -1px 8px 1px rgba(60, 60, 60, 0.6), -1px 1px 8px 1px rgba(60, 60, 60, 0.6), 1px 1px 8px 1px rgba(60, 60, 60, 0.6);
  z-index: 30;
  cursor: pointer;
  transition: background 300ms ease;
}

.masthead_video_audio_toggle:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

.masthead_video_audio_toggle img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: opacity 300ms ease;
}

.masthead_video_audio_toggle .hidden {
  opacity: 0;
}

.masthead_video_info_toggle {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: -1px -1px 8px 1px rgba(60, 60, 60, 0.6), 1px -1px 8px 1px rgba(60, 60, 60, 0.6), -1px 1px 8px 1px rgba(60, 60, 60, 0.6), 1px 1px 8px 1px rgba(60, 60, 60, 0.6);
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 300ms ease;
  z-index: 30;
}

.masthead_video_info_toggle.has_audio {
  bottom: 80px;
}

.masthead_video_info_toggle:hover {
  opacity: 1;
}

.masthead_video_info_toggle img {
  max-width: 100%;
}

.masthead_video_info_toggle a.pps-btn.pps-button-popup {
  border-bottom: 0px;
  background-color: transparent;
  padding: 0;
  display: block;
}

.masthead_video_info_toggle a.pps-btn.pps-button-popup:hover {
  border-bottom: 0px;
  background-color: transparent;
  padding: 0;
  display: block;
}

@media (min-width: 640px) {
  .masthead__video {
    overflow: hidden;
  }
}

.masthead__video-container {
  height: 100%;
  width: 100%;
  z-index: 0;
}

@media (max-width: 639px) {
  .masthead__video-container {
    display: none;
  }
}

.masthead__video video {
  position: absolute;
  left: 50%;
  top: 50%;
  min-height: 100%;
  min-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}

.masthead i {
  font-family: 'imfell_italic-webfont';
}

.loader {
  font-size: 10px;
  margin: 225px auto;
  text-indent: -9999em;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.loader:before {
  width: 50%;
  height: 50%;
  background: #ffffff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

.loader:after {
  background: #494949;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.book-directly__container {
  position: relative;
  overflow: hidden;
  min-height: 165px;
  background-color: #ECEBE4;
  flex-direction: column;
  justify-content: center;
  display: flex;
  align-items: center;
}

@media (max-width: 639px) {
  .book-directly__container {
    display: none;
  }
}

.book-directly__pattern {
  width: 100%;
  min-height: 85px;
  background: url(../images/bookDirectly-a.png);
  position: absolute;
  top: -7px;
  opacity: .75;
}

.book-directly__subcontainer {
  padding: 30px 14px 0px 14px;
}

@media (max-width: 1345px) {
  .book-directly__subcontainer {
    padding-right: 0;
    padding-top: 20px;
    text-align: center;
  }
}

@media (max-width: 639px) {
  .book-directly__subcontainer {
    padding-left: 0;
  }
}

@media (max-width: 1345px) {
  .book-directly__subcontainer--last {
    padding-right: 30px;
  }
}

@media (max-width: 639px) {
  .book-directly__subcontainer--last {
    padding-right: 0;
  }
}

.book-directly__text-container {
  display: inline-block;
  padding-left: 10px;
  position: relative;
  vertical-align: top;
}

@media (max-width: 1345px) {
  .book-directly__text-container {
    padding-left: 0;
  }
}

.book-directly__text-container--price {
  max-width: 180px;
}

.book-directly__text-container--seats {
  max-width: 185px;
}

.book-directly__text-container--service {
  max-width: 185px;
}

.book-directly__text-container--pass {
  max-width: 240px;
}

.book-directly__icon {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 50px;
  height: 50px;
}

@media (max-width: 1345px) {
  .book-directly__icon {
    margin: 0 auto;
    display: block;
  }
}

@media (max-width: 1023px) {
  .book-directly__icon {
    width: 30px;
    height: 30px;
  }
}

.book-directly__header {
  padding: 30px 30px 0px 0px;
  width: 250px;
}

@media (max-width: 1345px) {
  .book-directly__header {
    padding: 50px 0px 0px 30px;
  }
}

@media (max-width: 639px) {
  .book-directly__header {
    width: auto;
    text-align: center;
    padding-left: 0;
  }
}

.book-directly__header h2 {
  font-family: "Noto Sans JP";
  font-size: 34px;
}

@media (max-width: 1345px) {
  .book-directly__header h2 {
    font-size: 28px;
  }
}

@media (max-width: 1023px) {
  .book-directly__header h2 {
    font-size: 20px;
  }
}

@media (max-width: 639px) {
  .book-directly__header h2 {
    font-size: 34px;
  }
}

.book-directly__row {
  position: relative;
  display: flex;
}

@media (max-width: 639px) {
  .book-directly__row {
    display: block;
  }
}

.book-directly__sub-header {
  white-space: nowrap;
  color: #4a3e2f;
  font-family: "Noto Sans JP";
  font-size: 26px;
}

@media (max-width: 1345px) {
  .book-directly__sub-header {
    font-size: 24px;
  }
}

@media (max-width: 1023px) {
  .book-directly__sub-header {
    font-size: 15px;
  }
}

@media (max-width: 639px) {
  .book-directly__sub-header {
    font-size: 24px;
  }
}

.book-directly__text {
  line-height: 18px;
  font-size: 14px;
}

@media (max-width: 1345px) {
  .book-directly__text {
    font-size: 13px;
  }
}

@media (max-width: 1023px) {
  .book-directly__text {
    font-size: 11px;
  }
}

@media (max-width: 639px) {
  .book-directly__text {
    font-size: 14px;
  }
}

.book-now-cta {
  background-color: #addbdc;
  position: relative;
  /* This version-b is only to make sure it shows up on index-b. If there is
		only one of these two pages that gets used on the site then this can be
		removed (or leave this comment in at least so some poor lost soul knows
		from whence it sprang). */
}

.book-now-cta.version-b::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  background: url("../images/border-pattern-blue.svg") left bottom repeat-x;
}

@media (max-width: 640px) {
  .book-now-cta {
    margin-bottom: 16px;
  }
  .book-now-cta.version-b::after {
    display: none;
  }
}

.book-now-btn {
  display: inline-block;
  font: 700 21px/21px "Noto Sans JP", sans-serif;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
  padding: 22px;
  box-sizing: border-box;
  color: #fff;
  background-color: #f56e2e;
  transition: background-color 0.2s ease;
}

.book-now-btn:hover {
  background-color: #d26031;
  color: white;
}

@media (max-width: 1024px) {
  .book-now-btn {
    font-size: 2.05vw;
    line-height: 1em;
    letter-spacing: 0.05em;
    padding: 2.148vw;
  }
}

@media (max-width: 640px) {
  .book-now-btn {
    font-size: 3.373vw;
    line-height: 1em;
    letter-spacing: 0.1em;
    padding: 5vw;
  }
}

/***
 VERSION A CTA
 ***/
.cta-a {
  padding: 48px 57px 48px 325px;
  background: url("../images/10-pct-off.png") 30px top no-repeat;
  background-size: auto 100%;
  overflow: hidden;
  box-sizing: border-box;
}

.cta-a .book-now-btn {
  float: right;
  width: 225px;
}

@media (max-width: 1024px) {
  .cta-a {
    padding: 4.687vw 5.566vw 4.687vw 31.738vw;
  }
  .cta-a .book-now-btn {
    width: 21.972vw;
  }
}

@media (max-width: 640px) {
  .cta-a {
    padding: 5.783vw;
    background: url("../images/cta-side-bg.png") left top no-repeat;
    background-size: auto 100%;
  }
  .cta-a .book-now-btn {
    float: none;
    display: block;
    width: auto;
  }
}

.cta-a-offer {
  float: left;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: left;
  padding-top: 4px;
}

@media (max-width: 1024px) {
  .cta-a-offer {
    font-size: 2.343vw;
    line-height: 1.2em;
    letter-spacing: 0.1em;
    padding-top: 0.39vw;
  }
}

@media (max-width: 640px) {
  .cta-a-offer {
    float: none;
    font-size: 4.819vw;
    text-align: center;
    padding-top: 0;
    padding-bottom: 3.614vw;
  }
}

/***
 VERSION B CTA
 ***/
.cta-b {
  padding: 30px 50px 48px 50px;
  overflow: hidden;
  box-sizing: border-box;
  overflow: visible;
  max-width: 1162px;
  margin: 0 auto;
}

.cta-b h2 {
  text-transform: uppercase;
  color: #215968;
  font-size: 34px;
  line-height: 1.136em;
  text-align: left;
}

.cta-b .reasons {
  display: flex;
  position: relative;
  z-index: 2;
}

.cta-b .reason {
  color: #4a3e2e;
  text-align: left;
  font-size: 12px;
  line-height: 1.28em;
  padding: 0 19px 0 0;
  box-sizing: border-box;
  position: relative;
}

.cta-b .reason h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 2px;
}

.cta-b .reason .reason-info {
  position: relative;
  top: -2px;
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  margin-left: 8px;
  padding: 0 6px;
  border-radius: 50%;
  color: #fff;
  background: #00a0b8;
  cursor: pointer;
}

.cta-b .reason .reason-info::before {
  content: 'i';
}

.cta-b .reason .reason-info.reason-info::after {
  content: '';
  position: absolute;
  bottom: -11px;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, 0) scale(1, 0);
  transform-origin: bottom;
  width: 19px;
  height: 12px;
  background: url("../images/more-arrow.png") center bottom no-repeat;
}

.cta-b .reason.showing .reason-info {
  z-index: 6;
}

.cta-b .reason.showing .reason-info::after {
  content: '';
  position: absolute;
  bottom: -11px;
  left: 50%;
  opacity: 1;
  transform: translate(-50%, 0) scale(1, 1);
  transition: transform 0.2s ease 0.02s, opacity 0.2s linear 0.02s;
  width: 19px;
  height: 12px;
  background: url("../images/more-arrow.png") center bottom no-repeat;
}

.cta-b .reason-more {
  position: absolute;
  width: 302px;
  background: #fff;
  box-sizing: border-box;
  padding: 27px;
  border: solid 1px #e8e7e0;
  top: 30px;
  left: -9999em;
  opacity: 0;
  transform: translate(-50%, -40px) scale(0.5, 0.5);
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.2);
  z-index: 5;
  transition: transform 0.2s ease 0s, opacity 0.2s linear 0s, left 0s linear 0.21s;
  line-height: 20px;
}

.cta-b .reason-more h4 {
  margin-bottom: 3px;
}

.cta-b .reason-more a {
  color: #00a0b6;
  text-decoration: underline;
}

.cta-b .reason-more::after {
  content: '';
  position: absolute;
  top: 12px;
  right: 12px;
  width: 13px;
  height: 13px;
  background: url("../images/close.svg") center no-repeat;
  background-size: 13px;
  cursor: pointer;
}

.cta-b .showing .reason-more {
  left: 50%;
  opacity: 1;
  transform: translate(-50%, 0) scale(1, 1);
  transition: transform 0.2s ease 0s, opacity 0.2s linear 0s, left 0s linear 0s;
}

.cta-b .book-now-btn {
  width: 200px;
  flex: 0 0 200px;
  position: relative;
  top: -6px;
  font-size: 18px;
}

@media (max-width: 1024px) {
  .cta-b {
    padding: 4.687vw 5.566vw 4.687vw 4.492vw;
  }
  .cta-b .book-now-btn {
    width: 19.531vw;
  }
}

@media (max-width: 1050px) and (min-width: 951px) {
  .cta-b #reason-1 .reason-more {
    left: calc(50% + 25px);
  }
}

@media (max-width: 950px) {
  .cta-b .reasons {
    flex-flow: row wrap;
  }
  .cta-b .reason {
    flex-basis: 50%;
    margin-bottom: 20px;
  }
  .cta-b .book-now-btn {
    top: 0;
    margin: 10px auto;
  }
}

@media (max-width: 640px) {
  .cta-b {
    padding: 5.783vw;
  }
  .cta-b h2 {
    margin-bottom: 4.687vw;
  }
  .cta-b .reasons {
    width: 450px;
    margin: 0 auto;
  }
  .cta-b .reason {
    flex-basis: 100%;
  }
  .cta-b .book-now-btn {
    flex: 0 0 100%;
    width: auto;
  }
}

@media (max-width: 500px) {
  .cta-b h2 {
    font-size: 7.229vw;
  }
  .cta-b .reasons {
    width: auto;
  }
}

.featured_offers__container {
  position: relative;
  min-height: 345px;
  max-height: 345px;
  background-color: #215968;
}

@media (max-width: 639px) {
  .featured_offers__container {
    min-height: 200px;
    max-height: 200px;
  }
}

.featured_offers__pattern {
  width: 100%;
  min-height: 80px;
  max-height: 80px;
  background: url(../images/featuredOptions.png);
  position: absolute;
  opacity: .75;
}

@media (max-width: 640px) {
  .featured_offers__pattern {
    min-height: 40px;
    max-height: 40px;
  }
}

.featured_offers__header {
  padding: 40px 0px 0px 0px;
  position: relative;
  text-align: center;
}

@media (max-width: 640px) {
  .featured_offers__header {
    padding: 27px 0px 0px 0px;
  }
}

.featured_offers__header h2 {
  font-family: "Noto Sans JP";
  font-size: 36px;
  color: #f19f45;
  text-transform: lowercase;
}

@media (max-width: 1023px) {
  .featured_offers__header h2 {
    font-size: 32px;
  }
}

@media (max-width: 640px) {
  .featured_offers__header h2 {
    font-size: 22px;
  }
}

@media (max-width: 385px) {
  .featured_offers__header h2 {
    font-size: 17px;
  }
}

.featured_offers__subcontainer {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.featured_offers__box {
  margin: 0 auto;
  margin-top: 40px;
  height: 149px;
  max-width: 330px;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.25);
  border-width: 4px;
  border: 3px dashed rgba(255, 255, 255, 0.25);
  text-align: center;
  padding: 10px 25px 0px 25px;
}

@media (max-width: 1023px) {
  .featured_offers__box {
    padding: 10px 5px 0px 5px;
  }
}

@media (max-width: 639px) {
  .featured_offers__box {
    display: none;
  }
}

.featured_offers__box:hover {
  border: 3px dashed #ffffff;
}

@media (max-width: 1024px) {
  .featured_offers__box--freepass h3 {
    padding-top: 20px;
  }
}

.featured_offers__box--freedinner {
  padding-top: 20px;
}

@media (max-width: 1024px) {
  .featured_offers__box--freedinner h3 {
    padding-top: 10px;
  }
}

@media (max-width: 1024px) {
  .featured_offers__box--save h3 {
    padding-top: 5px;
  }
}

.featured_offers__box--save h4 {
  margin-left: 12px;
  margin-right: 12px;
}

.featured_offers h3 {
  padding-bottom: 0;
  font-family: "Noto Sans JP";
  font-size: 44px;
  font-weight: normal;
  text-transform: lowercase;
  color: #ffffff;
}

@media (max-width: 1023px) {
  .featured_offers h3 {
    font-size: 30px;
  }
}

.featured_offers h4 {
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-weight: 700;
  text-transform: initial;
  color: #ffffff;
}

@media (max-width: 1023px) {
  .featured_offers h4 {
    font-size: 16px;
  }
}

.featured_offers__msubcontainer {
  padding-top: 10px;
}

.featured_offers__mbox {
  height: 94px;
  background: rgba(255, 255, 255, 0.25);
  text-align: center;
  margin: 0px 40px;
}

.featured_offers__mbox h3 {
  margin: 1px 0px 1px 0px;
}

@media (min-width: 640px) {
  .featured_offers__mbox {
    display: none;
  }
}

.featured_offers__mbox--freepass {
  padding-top: 24px;
}

.featured_offers__mbox--freedinner {
  padding-top: 11px;
}

.featured_offers__mbox--save {
  padding-top: 1px;
}

.featured_offers__mbox--save h4 {
  margin-left: 35px;
  margin-right: 35px;
}

.featured_offers__mimage {
  position: absolute;
  height: 170px;
  width: 207px;
  top: -141px;
  left: -4px;
}

.featured_offers__arrows {
  width: 42px;
  top: 45px;
  left: auto;
  margin: -1px;
}

.featured_offers__arrows img {
  width: 11px;
  max-width: initial;
}

.featured_offers__arrows:hover {
  background-color: transparent;
}

.featured_offers__arrows:active {
  background-color: transparent;
}

.featured_offers__arrows:focus {
  background-color: transparent;
}

@media (min-width: 640px) {
  .featured_offers__arrows {
    display: none;
  }
}

.get-all-three {
  position: relative;
  background-color: #ECEBE4;
  min-height: 400px;
}

@media (max-width: 1023px) {
  .get-all-three {
    min-height: 325px;
  }
}

@media (max-width: 639px) {
  .get-all-three {
    display: none;
  }
}

.get-all-three--white {
  background-color: #FFFFFF;
}

.get-all-three--no-min-height {
  min-height: initial;
}

.get-all-three__ornament {
  width: 100%;
  min-height: 85px;
  background: url(../images/packages.png);
  position: absolute;
  top: 5px;
  opacity: .75;
}

.get-all-three__ornament-container {
  position: relative;
  overflow: hidden;
  height: 50px;
}

.get-all-three__container {
  margin-top: 30px;
  justify-content: center;
  display: flex;
  align-items: center;
}

@media (max-width: 1023px) {
  .get-all-three__container {
    margin-top: 35px;
  }
}

.get-all-three__container--no-margin-top {
  margin-top: 0;
}

.get-all-three__container--add-vertical-padding {
  padding: 30px 0;
}

.get-all-three__icon {
  display: inline-block;
  width: 300px;
}

@media (max-width: 1023px) {
  .get-all-three__icon {
    width: 210px;
  }
}

.get-all-three__item-container {
  margin-left: 30px;
  display: inline-block;
}

@media (max-width: 1023px) {
  .get-all-three__item-container {
    margin-left: 10px;
  }
}

.get-all-three__header {
  font-size: 72px;
  font-family: "Noto Sans JP";
  line-height: 50px;
  text-transform: lowercase;
  color: #f19f45;
  margin-bottom: 20px;
}

@media (max-width: 1023px) {
  .get-all-three__header {
    font-size: 50px;
  }
}

.get-all-three__header--green {
  color: #58CB0D;
}

.get-all-three__subheader {
  font-size: 44px;
  font-family: "Noto Sans JP";
  font-weight: 900;
  text-transform: lowercase;
  color: #5e5642;
}

@media (max-width: 1023px) {
  .get-all-three__subheader {
    font-size: 25px;
  }
}

.get-all-three__text-description {
  max-width: 544px;
}

.get-all-three__text-link {
  padding-left: 30px;
  padding-right: 10px;
  display: inline-block;
  vertical-align: text;
  font-size: 18px;
  color: #00A0B6;
}

.get-all-three__text-link:hover, .get-all-three__text-link:focus {
  color: #225A69;
}

.get-all-three__text-link img {
  margin-left: 5px;
  height: 14px;
}

@media (max-width: 1023px) {
  .get-all-three__text-link {
    font-size: 11px;
    padding-left: 10px;
  }
}

.get-all-three__text-link--no-left-padding {
  padding-left: 0;
}

.get-all-three__book-button {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  min-width: 224px;
  font-size: 21px;
  background-color: #F36F3A;
}

.get-all-three__book-button:hover, .get-all-three__book-button:focus {
  background-color: #D26031;
}

@media (max-width: 1023px) {
  .get-all-three__book-button {
    font-size: 15px;
    min-width: 140px;
  }
}

.get-all-three__book-button-container {
  display: inline-block;
}

@media (max-width: 639px) {
  .one-place__container {
    display: none;
  }
}

.one-place-hero {
  background-color: white;
  min-height: 425px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  display: flex;
  align-items: center;
}

.one-place-hero__container {
  padding: 0px 25px 0px 25px;
  max-width: 1040px;
  margin: 0 auto;
}

@media (max-width: 1023px) {
  .one-place-hero__container {
    max-width: 650px;
  }
}

.one-place-hero__header {
  color: #F4A145;
  font-family: "Noto Sans JP";
  font-weight: 900;
  font-size: 72px;
  text-transform: lowercase;
}

@media (max-width: 1023px) {
  .one-place-hero__header {
    font-size: 48px;
  }
}

@media (max-width: 639px) {
  .one-place-hero__header {
    font-size: 36px;
  }
}

.one-place-hero__text {
  font-family: imfell_italic-webfont;
  font-size: 28px;
  line-height: 40px;
}

@media (max-width: 1023px) {
  .one-place-hero__text {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 639px) {
  .one-place-hero__text {
    font-size: 16px;
    line-height: 24px;
  }
}

.one-place-section__blackdrop {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.25);
}

.one-place-section1 {
  height: 400px;
}

.one-place-section1--background {
  height: 400px;
  background: url(../images/1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: transform 0.4s ease;
  z-index: -1;
}

.one-place-section1--relative {
  position: relative;
}

.one-place-section1--relative:hover .one-place-section1--background {
  transform: scale(1.06);
}

.one-place-section1__button {
  min-width: 150px;
  background-color: #215968;
}

.one-place-section1__button:hover, .one-place-section1__button:focus {
  background-color: #294956;
}

.one-place-section1__container {
  position: relative;
  max-width: 425px;
  float: right;
  margin-top: 76px;
  margin-right: 11%;
  text-align: right;
}

@media (max-width: 1023px) {
  .one-place-section1__container {
    max-width: 285px;
  }
}

.one-place-section1__icon {
  position: absolute;
  right: -113px;
  top: -122px;
  width: 205px;
  height: 205px;
}

@media (max-width: 1023px) {
  .one-place-section1__icon {
    right: -63px;
    top: -105px;
    width: 150px;
    height: 150px;
  }
}

.one-place-section1__header {
  padding-right: 20px;
  position: relative;
  color: white;
  font-size: 50px;
}

@media (max-width: 1023px) {
  .one-place-section1__header {
    font-size: 38px;
  }
}

.one-place-section1__text {
  color: white;
  font-size: 18px;
  text-align: left;
}

@media (max-width: 1023px) {
  .one-place-section1__text {
    font-size: 16px;
  }
}

.one-place-section2 {
  height: 400px;
}

.one-place-section2--background {
  height: 400px;
  background: url(../images/2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: transform 0.4s ease;
  z-index: -1;
}

.one-place-section2--relative {
  position: relative;
}

.one-place-section2--relative:hover .one-place-section2--background {
  transform: scale(1.06);
}

.one-place-section2__button {
  min-width: 150px;
  background-color: #215968;
}

.one-place-section2__button:hover, .one-place-section2__button:focus {
  background-color: #294956;
}

.one-place-section2__container {
  position: relative;
  max-width: 520px;
  float: left;
  margin-top: 76px;
  margin-left: 11%;
  text-align: left;
}

@media (max-width: 1023px) {
  .one-place-section2__container {
    max-width: 350px;
  }
}

.one-place-section2__icon {
  position: absolute;
  left: -75px;
  top: -122px;
  width: 205px;
  height: 205px;
}

@media (max-width: 1023px) {
  .one-place-section2__icon {
    left: -40px;
    top: -105px;
    width: 150px;
    height: 150px;
  }
}

.one-place-section2__header {
  position: relative;
  padding-left: 70px;
  color: white;
  font-size: 50px;
}

@media (max-width: 1023px) {
  .one-place-section2__header {
    font-size: 38px;
  }
}

.one-place-section2__text {
  color: white;
  font-size: 18px;
}

@media (max-width: 1023px) {
  .one-place-section2__text {
    font-size: 16px;
  }
}

.one-place-section3 {
  height: 400px;
}

.one-place-section3--background {
  height: 400px;
  background: url(../images/3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: transform 0.4s ease;
  z-index: -1;
}

.one-place-section3--relative {
  position: relative;
}

.one-place-section3--relative:hover .one-place-section3--background {
  transform: scale(1.06);
}

.one-place-section3__button {
  min-width: 150px;
  background-color: #215968;
}

.one-place-section3__button:hover, .one-place-section3__button:focus {
  background-color: #294956;
}

.one-place-section3__container {
  position: relative;
  max-width: 375px;
  float: right;
  margin-top: 76px;
  margin-right: 11%;
  text-align: right;
}

@media (max-width: 1023px) {
  .one-place-section3__container {
    max-width: 285px;
  }
}

.one-place-section3__icon {
  position: absolute;
  right: -113px;
  top: -122px;
  width: 205px;
  height: 205px;
}

@media (max-width: 1023px) {
  .one-place-section3__icon {
    right: -63px;
    top: -105px;
    width: 150px;
    height: 150px;
  }
}

.one-place-section3__header {
  position: relative;
  padding-right: 20px;
  color: white;
  font-size: 58px;
}

@media (max-width: 1023px) {
  .one-place-section3__header {
    font-size: 38px;
  }
}

.one-place-section3__text {
  color: white;
  font-size: 18px;
  text-align: left;
}

@media (max-width: 1023px) {
  .one-place-section3__text {
    font-size: 16px;
  }
}

.accolades_figure {
  vertical-align: top;
  display: inline-block;
  text-align: center;
  width: 165px;
}

@media (max-width: 800px) {
  .accolades_figure {
    margin: 20px;
  }
}

.accolades_caption {
  font-family: "Noto Sans JP";
  font-weight: 700;
  display: block;
  border-top: 2px #605543 solid;
  margin-top: 8px;
}

.accolades__wrapper {
  background-color: #ECEBE4;
  text-align: center;
  min-height: 260px;
}

.accolades__wrapper__ornaments-top {
  height: 40px;
  background-repeat: repeat-x;
  background-image: url(../images/accolades-ornaments-top.png);
  background-size: auto 40px;
}

.accolades__wrapper__ornaments-bottom {
  height: 40px;
  background-repeat: repeat-x;
  background-image: url(../images/accolades-ornaments-bottom.png);
  background-size: auto 40px;
}

.accolades__wrapper h2 {
  display: block;
  max-width: 1000px;
  margin: 0 auto;
  padding-left: 55px;
  line-height: 0.8;
}

@media (max-width: 800px) {
  .accolades__wrapper h2 {
    padding-left: 10px;
  }
}

.accolades__wrapper__awards {
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: space-around;
  justify-content: space-around;
  max-width: 1100px;
  margin: 50px auto;
  align-items: center;
}

@media (max-width: 800px) {
  .accolades__wrapper__awards {
    margin: 20px auto;
    flex-wrap: wrap;
  }
}

.accolades__wrapper__awards img {
  -ms-align-self: center;
  align-self: center;
  max-width: 130px;
}

.accolades__wrapper__mobile {
  position: relative;
  background-color: #ECEBE4;
}

.accolades_mobile_slide {
  width: 49%;
  display: inline-block;
  text-align: center;
}

.accolades_mobile_slide img {
  position: relative;
  max-width: 100px;
}

.book-directly-b__container {
  position: relative;
  overflow: hidden;
  min-height: 165px;
  background-color: white;
  flex-direction: column;
  justify-content: center;
  display: flex;
  align-items: center;
}

@media (max-width: 639px) {
  .book-directly-b__container {
    display: none;
  }
}

.book-directly-b__pattern {
  width: 100%;
  min-height: 85px;
  background: url(../images/bookDirectly.png);
  position: absolute;
  top: -7px;
  opacity: .75;
}

.book-directly-b__subcontainer {
  padding: 30px 14px 0px 14px;
}

@media (max-width: 1345px) {
  .book-directly-b__subcontainer {
    padding-right: 0;
    padding-top: 20px;
    text-align: center;
  }
}

@media (max-width: 639px) {
  .book-directly-b__subcontainer {
    padding-left: 0;
  }
}

@media (max-width: 1345px) {
  .book-directly-b__subcontainer--last {
    padding-right: 30px;
  }
}

@media (max-width: 639px) {
  .book-directly-b__subcontainer--last {
    padding-right: 0;
  }
}

.book-directly-b__text-container {
  display: inline-block;
  padding-left: 10px;
  position: relative;
  vertical-align: top;
}

@media (max-width: 1345px) {
  .book-directly-b__text-container {
    padding-left: 0;
  }
}

.book-directly-b__text-container--price {
  max-width: 180px;
}

.book-directly-b__text-container--seats {
  max-width: 185px;
}

.book-directly-b__text-container--service {
  max-width: 185px;
}

.book-directly-b__text-container--pass {
  max-width: 240px;
}

.book-directly-b__icon {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 50px;
  height: 50px;
}

@media (max-width: 1345px) {
  .book-directly-b__icon {
    margin: 0 auto;
    display: block;
  }
}

@media (max-width: 1023px) {
  .book-directly-b__icon {
    width: 30px;
    height: 30px;
  }
}

.book-directly-b__header {
  padding: 30px 30px 0px 0px;
  width: 250px;
}

@media (max-width: 1345px) {
  .book-directly-b__header {
    padding: 50px 0px 0px 30px;
  }
}

@media (max-width: 639px) {
  .book-directly-b__header {
    width: auto;
    text-align: center;
    padding-left: 0;
  }
}

.book-directly-b__header h2 {
  color: #F4A145;
  font-family: "Noto Sans JP";
  font-size: 34px;
}

@media (max-width: 1345px) {
  .book-directly-b__header h2 {
    font-size: 28px;
  }
}

@media (max-width: 1023px) {
  .book-directly-b__header h2 {
    font-size: 20px;
  }
}

@media (max-width: 639px) {
  .book-directly-b__header h2 {
    font-size: 34px;
  }
}

.book-directly-b__row {
  position: relative;
  display: flex;
}

@media (max-width: 639px) {
  .book-directly-b__row {
    display: block;
  }
}

.book-directly-b__sub-header {
  white-space: nowrap;
  color: #4a3e2f;
  font-family: "Noto Sans JP";
  font-size: 26px;
}

@media (max-width: 1345px) {
  .book-directly-b__sub-header {
    font-size: 24px;
  }
}

@media (max-width: 1023px) {
  .book-directly-b__sub-header {
    font-size: 15px;
  }
}

@media (max-width: 639px) {
  .book-directly-b__sub-header {
    font-size: 24px;
  }
}

.book-directly-b__text {
  line-height: 18px;
  font-size: 14px;
}

@media (max-width: 1345px) {
  .book-directly-b__text {
    font-size: 13px;
  }
}

@media (max-width: 1023px) {
  .book-directly-b__text {
    font-size: 11px;
  }
}

@media (max-width: 639px) {
  .book-directly-b__text {
    font-size: 14px;
  }
}

.get-all-three-b {
  background-color: #ECEBE4;
}

.get-all-three-b__block {
  background-color: #AFDEDF;
  height: 140px;
  overflow: hidden;
  text-align: center;
}

@media (max-width: 639px) {
  .get-all-three-b__block {
    height: auto;
    padding: 20px 0;
  }
}

.get-all-three-b__container {
  justify-content: center;
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  .get-all-three-b__container {
    display: block;
  }
}

.get-all-three-b__icon {
  display: inline-block;
  position: absolute;
  width: 262px;
}

@media (max-width: 639px) {
  .get-all-three-b__icon {
    display: none;
    width: 0;
  }
}

.get-all-three-b__item-container {
  display: inline-block;
  position: relative;
}

.get-all-three-b__header {
  color: #5E5642;
  line-height: 75px;
}

@media (max-width: 1023px) {
  .get-all-three-b__header {
    font-size: 50px;
    line-height: 45px;
  }
}

@media (max-width: 768px) {
  .get-all-three-b__header {
    font-size: 36px;
  }
}

.get-all-three-b__subheader {
  font-size: 35px;
  line-height: 30px;
}

@media (max-width: 1023px) {
  .get-all-three-b__subheader {
    font-size: 25px;
  }
}

@media (max-width: 768px) {
  .get-all-three-b__subheader {
    line-height: 18px;
    font-size: 20px;
  }
}

.get-all-three-b__text-container {
  margin-top: 10px;
  margin-left: 290px;
  display: inline-block;
}

@media (max-width: 1023px) {
  .get-all-three-b__text-container {
    margin-top: 30px;
    margin-left: 270px;
  }
}

@media (max-width: 768px) {
  .get-all-three-b__text-container {
    margin-top: 0;
    margin-left: 330px;
  }
}

@media (max-width: 639px) {
  .get-all-three-b__text-container {
    margin-left: 0;
    width: 100%;
    display: block;
  }
}

.get-all-three-b__book-button {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  font-size: 21px;
  min-width: 225px;
  min-height: 60px;
  margin-bottom: 0px;
  background-color: #F36F3A;
}

.get-all-three-b__book-button:hover, .get-all-three-b__book-button:focus {
  background-color: #D26031;
}

@media (max-width: 1023px) {
  .get-all-three-b__book-button {
    font-size: 16px;
    min-width: 125px;
    min-height: 1px;
  }
}

@media (max-width: 768px) {
  .get-all-three-b__book-button {
    font-size: 13px;
    min-width: 0px;
  }
}

.get-all-three-b__book-button-container {
  display: inline-block;
  vertical-align: middle;
  margin-top: 10px;
  margin-left: 35px;
}

@media (max-width: 1023px) {
  .get-all-three-b__book-button-container {
    margin-left: 25px;
  }
}

@media (max-width: 768px) {
  .get-all-three-b__book-button-container {
    display: block;
    margin-left: 330px;
  }
}

@media (max-width: 639px) {
  .get-all-three-b__book-button-container {
    margin-left: 0;
  }
}

.one-place-b-hero {
  display: table;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.one-place-b-hero__container {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.one-place-b-hero__header {
  position: relative;
  color: white;
  font-size: 130px;
}

@media (max-width: 1345px) {
  .one-place-b-hero__header {
    font-size: 105px;
  }
}

@media (max-width: 1023px) {
  .one-place-b-hero__header {
    font-size: 60px;
  }
}

@media (max-width: 639px) {
  .one-place-b-hero__header {
    font-size: 42px;
    padding-top: 50px;
  }
}

.one-place-b-hero__header--italic {
  font-family: 'imfell_italic-webfont';
  font-size: 125px;
}

@media (max-width: 1345px) {
  .one-place-b-hero__header--italic {
    font-size: 100px;
  }
}

@media (max-width: 1023px) {
  .one-place-b-hero__header--italic {
    font-size: 55px;
  }
}

@media (max-width: 639px) {
  .one-place-b-hero__header--italic {
    font-size: 36px;
  }
}

.one-place-b-section1 {
  min-height: 400px;
  background-color: #ECEBE4;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
}

@media (max-width: 1023px) {
  .one-place-b-section1 {
    min-height: 325px;
  }
}

@media (max-width: 639px) {
  .one-place-b-section1 {
    flex-direction: column;
  }
}

.one-place-b-section1__button {
  background-color: transparent;
  color: #F36F3A;
  font-size: 18px;
}

.one-place-b-section1__button:hover, .one-place-b-section1__button:focus {
  background-color: transparent;
  color: #D26031;
}

@media (max-width: 1023px) {
  .one-place-b-section1__button {
    font-size: 13px;
  }
}

.one-place-b-section1__container {
  display: inline-block;
  position: relative;
  margin: 70px 50px 0px 50px;
}

@media (max-width: 1345px) {
  .one-place-b-section1__container {
    margin: 70px 25px 0px 25px;
  }
}

@media (max-width: 1023px) {
  .one-place-b-section1__container {
    margin: 70px 5px 0px 5px;
  }
}

.one-place-b-section1__container--1 {
  max-width: 360px;
}

@media (max-width: 1345px) {
  .one-place-b-section1__container--1 {
    max-width: 275px;
  }
}

@media (max-width: 1023px) {
  .one-place-b-section1__container--1 {
    max-width: 195px;
  }
}

.one-place-b-section1__container--2 {
  max-width: 335px;
}

@media (max-width: 1345px) {
  .one-place-b-section1__container--2 {
    max-width: 280px;
  }
}

@media (max-width: 1023px) {
  .one-place-b-section1__container--2 {
    max-width: 225px;
  }
}

.one-place-b-section1__container--3 {
  max-width: 370px;
}

@media (max-width: 1345px) {
  .one-place-b-section1__container--3 {
    max-width: 285px;
  }
}

@media (max-width: 1023px) {
  .one-place-b-section1__container--3 {
    max-width: 225px;
  }
}

.one-place-b-section1__icon {
  margin: 0 auto;
  right: 0;
  left: 0;
  top: -65px;
  position: absolute;
  width: 100px;
  height: 100px;
}

@media (max-width: 1023px) {
  .one-place-b-section1__icon {
    top: -45px;
    width: 70px;
    height: 70px;
  }
}

.one-place-b-section1__header {
  position: relative;
  font-size: 44px;
  line-height: 48px;
}

@media (max-width: 1345px) {
  .one-place-b-section1__header {
    font-size: 36px;
  }
}

@media (max-width: 1023px) {
  .one-place-b-section1__header {
    font-size: 23px;
    line-height: 26px;
  }
}

.one-place-b-section1__text {
  font-size: 18px;
}

@media (max-width: 1345px) {
  .one-place-b-section1__text {
    font-size: 15px;
  }
}

@media (max-width: 1023px) {
  .one-place-b-section1__text {
    font-size: 11px;
    line-height: 15px;
  }
}

.one-place-b-section2 {
  background-color: #ECEBE4;
}

.one-place-b-section2__ornament {
  margin: 0 auto;
  max-width: 1275px;
  min-height: 12px;
  background-image: url(../images/ornament_separator_single.png);
  background-position: center;
  background-repeat: repeat-x;
  background-size: contain;
}

@media (max-width: 1345px) {
  .one-place-b-section2__ornament {
    max-width: 1012px;
  }
}

@media (max-width: 1023px) {
  .one-place-b-section2__ornament {
    max-width: 600px;
  }
}

.one-place-b-section3 {
  min-height: 285px;
  background-color: #ECEBE4;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  display: flex;
  align-items: center;
}

.one-place-b-section3__container {
  padding: 0px 25px 0px 25px;
  max-width: 1040px;
  margin: 0 auto;
}

@media (max-width: 1023px) {
  .one-place-b-section3__container {
    max-width: 650px;
  }
}

.one-place-b-section3__text {
  font-family: imfell_italic-webfont;
  font-size: 28px;
  line-height: 40px;
}

@media (max-width: 1023px) {
  .one-place-b-section3__text {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 639px) {
  .one-place-b-section3__text {
    font-size: 16px;
    line-height: 24px;
  }
}

.travel-agents {
  height: 540px;
  background-color: #ECEBE4;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

@media (max-width: 639px) {
  .travel-agents {
    display: none;
  }
}

.travel-agents__ornament--top {
  position: absolute;
  top: 0px;
  min-height: 85px;
  width: 100%;
  background: url(../images/agents_ornament_top.png);
  background-position: 0px -31px;
  background-repeat: repeat-x;
  opacity: .75;
}

.travel-agents__ornament--bottom {
  width: 100%;
  height: 85px;
  background: url(../images/agents_ornament_bottom.png);
  background-position: 0px -8px;
  background-repeat: repeat-x;
  opacity: .75;
}

.travel-agents__ornament--bottom-container {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 34px;
}

.travel-agents__container {
  text-align: center;
  margin: 0 auto;
  width: 850px;
}

@media (max-width: 1023px) {
  .travel-agents__container {
    width: 600px;
  }
}

.travel-agents__header {
  font-family: 'Noto Sans JP';
  font-size: 72px;
  line-height: 72px;
  color: #F4A145;
  padding: 15px 0px 15px 0px;
}

.travel-agents__subheader {
  font-family: 'imfell_italic-webfont';
  font-size: 40px;
  line-height: 40px;
  color: #5E5642;
  padding: 15px 0px 15px 0px;
}

@media (max-width: 1023px) {
  .travel-agents__subheader {
    font-size: 34px;
  }
}

.travel-agents__text {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  color: #5E5642;
  padding: 15px 0px 15px 0px;
}

@media (max-width: 1023px) {
  .travel-agents__text {
    font-size: 16px;
  }
}

.travel-agents__awards {
  display: inline-block;
  width: 105px;
  margin: 0px 20px 0px 20px;
}

.travel-agents__awards img {
  image-rendering: optimizeSpeed;
  /*                     */
  image-rendering: -moz-crisp-edges;
  /* Firefox             */
  image-rendering: -o-crisp-edges;
  /* Opera               */
  image-rendering: -webkit-optimize-contrast;
  /* Chrome (and Safari) */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed       */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+                */
}

@media (max-width: 1023px) {
  .travel-agents__awards {
    width: 55px;
  }
}

.travel-agents__awards-container {
  padding: 15px 0px 15px 0px;
}

.travel-agents__awards--trip-advisor {
  width: 160px;
}

@media (max-width: 1023px) {
  .travel-agents__awards--trip-advisor {
    width: 100px;
  }
}

.agent-register__container {
  min-height: 240px;
  background-color: #AFDEDF;
  text-align: center;
}

.agent-register__header {
  color: #5e5541;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  font-size: 24px;
  padding: 40px 0px 25px 0px;
  margin: 0;
}

.agent-register__fields {
  display: inline-block;
  box-shadow: none;
  height: 40px;
  margin: 0px 5px 0px 5px;
}

@media (max-width: 639px) {
  .agent-register__fields {
    display: block;
    width: 80%;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

.agent-register__input {
  border: none;
  box-shadow: none;
  height: 40px;
  min-width: 275px;
  font-size: 14px;
}

.agent-register__button {
  margin: 0px 5px 0px 5px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  font-size: 14px;
  background-color: #215968;
  width: 150px;
  height: 40px;
  vertical-align: baseline;
}

.agent-register__button:hover, .agent-register__button:focus {
  background-color: #294956;
}

.agent-register__button-container {
  display: inline-block;
}

@media (max-width: 768px) {
  .agent-register__button-container {
    display: block;
    padding-top: 25px;
  }
}

.agent-register__signin {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 15px;
  color: #5e5541;
  padding: 35px 0px 35px 0px;
  margin-bottom: 0;
}

.agent-register__signin--link {
  color: #215968;
  border-bottom: 1px solid #215968;
  text-decoration: none;
}

.agent-register__signin--link:hover, .agent-register__signin--link:focus {
  color: #294956;
}

.agent-register-modal {
  position: relative;
  outline: none;
}

.agent-register-modal iframe {
  display: block;
  min-width: 648px;
  margin: 0 auto;
  width: auto;
}

.agent-register-modal__header {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #5E5642;
  padding: 0px 15px 0px 15px;
}

.agent-register-modal__text {
  padding: 0px 15px 0px 15px;
}

.agent-register-modal__close {
  color: #ff6e42;
  line-height: 4em;
}

.agent-register-modal__label {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  color: #898989;
  margin-top: 10px;
}

.agent-register-modal__label--required {
  color: #ff6e42;
}

.agent-register-modal__input {
  border: none;
  margin-bottom: 5px;
  box-shadow: none;
  background-color: #eae9e3;
  color: #5E5642;
}

.agent-register-modal__input:focus {
  border: none;
  box-shadow: none;
  background-color: #eae9e3;
}

.agent-register-modal__submit {
  float: right;
  background-color: #215968;
  width: 150px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  font-size: 14px;
}

@media (max-width: 639px) {
  .agent-register-modal__submit {
    width: 100%;
  }
}

.agent-register-modal__last {
  margin-top: 20px;
}

.agent-register-modal__alert {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  color: #ff6e42;
}

.agent-register-modal__email-confirm {
  width: 20px;
  position: relative;
}

.agent-register-modal__email-confirm label {
  margin-left: 0;
  margin-top: 15px;
  background-color: #edece6;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(top, #222 0%, #45484d 100%);
}

.agent-register-modal__email-confirm label:after {
  content: '';
  width: 13px;
  height: 8px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #ff6e42;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  transform: rotate(-45deg);
}

.agent-register-modal__email-confirm label:hover::after {
  opacity: 0.3;
}

.agent-register-modal__email-confirm input[type=checkbox] {
  visibility: hidden;
}

.agent-register-modal__email-confirm input[type=checkbox]:checked + label:after {
  opacity: 1;
}

.agent-gallery {
  position: relative;
  background-color: white;
  min-height: 530px;
}

@media (max-width: 1023px) {
  .agent-gallery {
    min-height: 500px;
  }
}

@media (max-width: 639px) {
  .agent-gallery {
    width: 100%;
  }
}

.agent-gallery__container {
  max-width: 1162px;
  padding-top: 60px;
  margin: 0 auto;
  position: relative;
}

@media (max-width: 1345px) {
  .agent-gallery__container {
    max-width: 990px;
  }
}

@media (max-width: 1023px) {
  .agent-gallery__container {
    max-width: 590px;
  }
}

@media (max-width: 639px) {
  .agent-gallery__container {
    padding-top: 30px;
  }
}

.agent-gallery-gallery {
  position: absolute;
  left: 0;
  top: 70px;
}

@media (max-width: 639px) {
  .agent-gallery-gallery {
    position: relative;
    margin-top: 20px;
    top: 0;
  }
}

.agent-gallery-description {
  max-width: 800px;
  margin-left: 408px;
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 1345px) {
  .agent-gallery-description {
    max-width: 535px;
  }
}

@media (max-width: 1023px) {
  .agent-gallery-description {
    max-width: 365px;
    margin-left: 375px;
  }
}

@media (max-width: 639px) {
  .agent-gallery-description {
    max-width: none;
    margin-left: 25px;
    margin-right: 25px;
  }
}

.agent-gallery-description__bookNow {
  background-color: #F1693A;
  color: #fff;
  height: 39.184px;
  margin-top: 20px;
  min-width: 150px;
  font-family: "Noto Sans JP";
  font-weight: bold;
}

.agent-gallery-description__bookNow:hover {
  background-color: #D26031;
  color: #fff;
}

.agent-gallery-description__bookNowText {
  color: #5e5541;
  display: inline-block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  margin: 0;
  margin-right: 23px;
  vertical-align: middle;
}

.agent-gallery-description__award {
  position: absolute;
  top: -90px;
  right: -140px;
  width: 230px;
}

@media (max-width: 1345px) {
  .agent-gallery-description__award {
    width: 160px;
    right: -20px;
  }
}

@media (max-width: 1023px) {
  .agent-gallery-description__award {
    width: 120px;
    right: -82px;
  }
}

@media (max-width: 639px) {
  .agent-gallery-description__award {
    display: none;
  }
}

.agent-gallery-description__banner {
  min-width: 300px;
}

@media (min-width: 640px) {
  .agent-gallery-description__banner {
    display: none;
  }
}

.agent-gallery-description__list {
  list-style: none;
}

.agent-gallery-description__link {
  width: 259px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: bold;
  background-color: #f26e42;
}

.agent-gallery-description__link:hover {
  background-color: #d35f28;
}

.agent-gallery-description__body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  color: #5E5642;
  padding-top: 20px;
}

@media (max-width: 1345px) {
  .agent-gallery-description__body {
    font-size: 18px;
  }
}

@media (max-width: 1023px) {
  .agent-gallery-description__body {
    font-size: 18px;
  }
}

@media (max-width: 639px) {
  .agent-gallery-description__body {
    font-size: 18px;
  }
}

.agent-gallery-description__body--blue {
  font-weight: bold;
  color: #00A0B6;
}

.agent-gallery-description__body--blue:hover, .agent-gallery-description__body--blue:focus {
  color: #225A69;
}

@media (max-width: 1345px) {
  .agent-gallery-description__body--blue {
    font-size: 18px;
  }
}

@media (max-width: 1023px) {
  .agent-gallery-description__body--blue {
    font-size: 18px;
  }
}

@media (max-width: 639px) {
  .agent-gallery-description__body--blue {
    font-size: 18px;
  }
}

.agent-gallery-description__body:before {
  display: inline-block;
  content: "\2022";
  color: #F4A145;
  width: 25px;
  margin-left: -25px;
}

@media (max-width: 1023px) {
  .agent-gallery-description__body:before {
    margin-left: -25px;
    padding-left: 15px;
  }
}

@media (max-width: 639px) {
  .agent-gallery-description__body:before {
    padding-left: 0px;
  }
}

.agent-gallery-description__header {
  font-size: 18px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  color: #215968;
  margin-top: 43px;
  margin-bottom: 0px;
}

@media (max-width: 1345px) {
  .agent-gallery-description__header {
    font-size: 18px;
  }
}

@media (max-width: 1023px) {
  .agent-gallery-description__header {
    font-size: 18px;
  }
}

@media (max-width: 639px) {
  .agent-gallery-description__header {
    font-size: 18px;
    padding-bottom: 20px;
  }
}

.agent-gallery-header__icon {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.agent-gallery-header__text {
  display: inline-block;
  color: #5E5642;
  vertical-align: middle;
  font-size: 40px;
  margin-bottom: 0;
}

@media (max-width: 1345px) {
  .agent-gallery-header__text {
    font-size: 32px;
  }
}

@media (max-width: 639px) {
  .agent-gallery-header__text {
    font-size: 36px;
  }
}

.agent-gallery-separator {
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
  width: 100%;
  min-height: 12px;
  background-image: url(../images/ornament_separator_single--whiteish.png);
  background-position: center;
  background-repeat: repeat-x;
  background-size: contain;
}

.agent-faq {
  position: relative;
  padding-bottom: 35px;
}

.agent-faq__ornament {
  width: 100%;
  height: 85px;
  background: url(../images/agents_ornament_bottom.png);
  background-position: 0px -8px;
  background-repeat: repeat-x;
  opacity: .75;
}

.agent-faq__ornament-container {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 34px;
}

.agent-faq__container {
  width: 1162px;
  margin: 0 auto;
}

@media (max-width: 1345px) {
  .agent-faq__container {
    width: 990px;
  }
}

@media (max-width: 1023px) {
  .agent-faq__container {
    width: 590px;
  }
}

@media (max-width: 639px) {
  .agent-faq__container {
    width: 100%;
  }
}

.agent-faq__menu {
  display: inline-block;
  color: #5E5642;
  width: 345px;
  margin-right: 50px;
}

@media (max-width: 1023px) {
  .agent-faq__menu {
    width: 50%;
  }
}

@media (max-width: 639px) {
  .agent-faq__menu {
    width: 80%;
    margin: 0 auto;
    display: block;
  }
}

.agent-faq__header {
  font-size: 40px;
}

@media (max-width: 639px) {
  .agent-faq__header {
    font-size: 36px;
  }
}

.agent-faq__text {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
}

@media (max-width: 1345px) {
  .agent-faq__text {
    font-size: 18px;
  }
}

@media (max-width: 639px) {
  .agent-faq__text {
    font-size: 18px;
    text-align: justify;
  }
}

.agent-faq__separator {
  height: 1px;
  background-color: #DAD8CC;
  margin: 30px 0px 30px 0px;
}

.agent-faq__info {
  margin: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  line-height: 20px;
}

@media (max-width: 1345px) {
  .agent-faq__info {
    font-size: 18px;
  }
}

@media (max-width: 639px) {
  .agent-faq__info {
    font-size: 18px;
  }
}

.agent-faq__info--link {
  margin-bottom: 20px;
  display: block;
  color: #00A0B6;
}

.agent-faq__info--link:hover, .agent-faq__info--link:focus {
  color: #225A69;
}

.agent-faq__info--inline {
  display: inline;
}

.agent-faq__info--blue {
  margin-bottom: 20px;
  color: #00A0B6;
}

.agent-faq__info--blue--extended {
  margin-bottom: 0;
}

.agent-faq__info-container {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 70px;
  vertical-align: top;
}

@media (max-width: 639px) {
  .agent-faq__info-container {
    margin: 0 auto;
    display: block;
    width: 80%;
    padding-top: 20px;
  }
}

.agent-faq__accordian {
  display: inline-block;
  margin-left: 50px;
  width: 750px;
  vertical-align: top;
}

@media (max-width: 1345px) {
  .agent-faq__accordian {
    width: 685px;
  }
}

@media (max-width: 1023px) {
  .agent-faq__accordian {
    width: 305px;
  }
}

@media (max-width: 639px) {
  .agent-faq__accordian {
    margin: 0 auto;
    display: block;
    width: 80%;
  }
}

.agent-faq .accordion-title {
  border: none;
  border-top: 1px solid #dfdccf;
  color: #5e5541;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  padding: 25px 0;
}

@media (max-width: 1023px) {
  .agent-faq .accordion-title {
    font-size: 14px;
  }
}

@media (max-width: 354px) {
  .agent-faq .accordion-title {
    padding-left: 5px;
  }
}

@media (max-width: 639px) {
  .agent-faq .accordion-title {
    font-size: 18px;
  }
}

.agent-faq .accordion-title:before {
  content: url(../images/home_menu_arrow.png);
  margin-top: -0.75rem;
  right: 0;
  width: 12px;
}

@media (max-width: 639px) {
  .agent-faq .accordion-title:before {
    right: 20px;
  }
}

.agent-faq .accordion-title:hover, .agent-faq .accordion-title:focus {
  background-color: inherit;
}

.agent-faq .accordion-content {
  border: none;
}

@media (max-width: 639px) {
  .agent-faq .accordion-content {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 354px) {
  .agent-faq .accordion-content {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.agent-faq .accordion-content p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

@media (max-width: 1345px) {
  .agent-faq .accordion-content p {
    font-size: 18px;
  }
}

@media (max-width: 639px) {
  .agent-faq .accordion-content p {
    font-size: 18px;
  }
}

.agent-faq .accordion-item:last-child {
  border-bottom: 1px solid #dfdccf;
}

.agent-faq .is-active .accordion-title:before {
  margin-top: -4px;
  transform: rotate(180deg);
}

.affiliates-faq {
  position: relative;
  padding-bottom: 35px;
}

.affiliates-faq__ornament {
  width: 100%;
  height: 85px;
  background: url(../images/agents_ornament_bottom.png);
  background-position: 0px -8px;
  background-repeat: repeat-x;
  opacity: .75;
}

.affiliates-faq__ornament-container {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 34px;
}

.affiliates-faq__container {
  width: 1162px;
  margin: 0 auto;
}

@media (max-width: 1345px) {
  .affiliates-faq__container {
    width: 990px;
  }
}

@media (max-width: 1023px) {
  .affiliates-faq__container {
    width: 590px;
  }
}

@media (max-width: 639px) {
  .affiliates-faq__container {
    width: 100%;
  }
}

.affiliates-faq__menu {
  display: inline-block;
  color: #5E5642;
  width: 345px;
}

@media (max-width: 1345px) {
  .affiliates-faq__menu {
    width: 250px;
  }
}

@media (max-width: 1023px) {
  .affiliates-faq__menu {
    width: 230px;
  }
}

@media (max-width: 639px) {
  .affiliates-faq__menu {
    width: 80%;
    margin: 0 auto;
    display: block;
  }
}

.affiliates-faq__header {
  font-size: 40px;
}

@media (max-width: 1345px) {
  .affiliates-faq__header {
    font-size: 28px;
  }
}

@media (max-width: 639px) {
  .affiliates-faq__header {
    font-size: 36px;
  }
}

.affiliates-faq__text {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
}

@media (max-width: 1345px) {
  .affiliates-faq__text {
    font-size: 18px;
  }
}

@media (max-width: 639px) {
  .affiliates-faq__text {
    font-size: 18px;
  }
}

.affiliates-faq__separator {
  height: 1px;
  background-color: #DAD8CC;
  margin: 30px 0px 30px 0px;
}

.affiliates-faq__info {
  margin: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  line-height: 20px;
}

@media (max-width: 1345px) {
  .affiliates-faq__info {
    font-size: 18px;
  }
}

@media (max-width: 639px) {
  .affiliates-faq__info {
    font-size: 18px;
  }
}

.affiliates-faq__info--link {
  margin-bottom: 20px;
  display: block;
  color: #00A0B6;
}

.affiliates-faq__info--link:hover, .affiliates-faq__info--link:focus {
  color: #225A69;
}

.affiliates-faq__info--inline {
  display: inline;
}

.affiliates-faq__info--blue {
  margin-bottom: 20px;
  color: #00A0B6;
}

.affiliates-faq__info--blue--extended {
  margin-bottom: 0;
}

.affiliates-faq__info-container {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 70px;
  vertical-align: top;
}

@media (max-width: 639px) {
  .affiliates-faq__info-container {
    margin: 0 auto;
    display: block;
    width: 80%;
    padding-top: 20px;
  }
}

.affiliates-faq__accordian {
  display: inline-block;
  margin-left: 50px;
  width: 750px;
  vertical-align: top;
}

@media (max-width: 1345px) {
  .affiliates-faq__accordian {
    width: 685px;
  }
}

@media (max-width: 1023px) {
  .affiliates-faq__accordian {
    width: 305px;
  }
}

@media (max-width: 639px) {
  .affiliates-faq__accordian {
    margin: 0 auto;
    display: block;
    width: 80%;
  }
}

.affiliates-faq .accordion-title {
  border: none;
  border-top: 1px solid #dfdccf;
  color: #5e5541;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  padding: 25px 0;
}

@media (max-width: 1023px) {
  .affiliates-faq .accordion-title {
    font-size: 14px;
  }
}

@media (max-width: 354px) {
  .affiliates-faq .accordion-title {
    padding-left: 5px;
  }
}

@media (max-width: 639px) {
  .affiliates-faq .accordion-title {
    font-size: 18px;
  }
}

.affiliates-faq .accordion-title:before {
  content: url(../images/home_menu_arrow.png);
  margin-top: -0.75rem;
  right: 0;
  width: 12px;
}

@media (max-width: 639px) {
  .affiliates-faq .accordion-title:before {
    right: 20px;
  }
}

.affiliates-faq .accordion-title:hover, .affiliates-faq .accordion-title:focus {
  background-color: inherit;
}

.affiliates-faq .accordion-content {
  border: none;
}

@media (max-width: 639px) {
  .affiliates-faq .accordion-content {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 354px) {
  .affiliates-faq .accordion-content {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.affiliates-faq .accordion-content p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

@media (max-width: 1345px) {
  .affiliates-faq .accordion-content p {
    font-size: 18px;
  }
}

@media (max-width: 639px) {
  .affiliates-faq .accordion-content p {
    font-size: 18px;
  }
}

.affiliates-faq .accordion-item:last-child {
  border-bottom: 1px solid #dfdccf;
}

.affiliates-faq .is-active .accordion-title:before {
  margin-top: -4px;
  transform: rotate(180deg);
}

.threesixty_image_container {
  position: relative;
}

.threesixty_image_container-image {
  position: absolute;
  left: 20px;
  bottom: 20px;
  opacity: 0.4;
}

.dining {
  min-height: 375px;
  background-color: #ffffff;
  overflow: hidden;
  position: relative;
}

@media (max-width: 1023px) {
  .dining {
    min-height: 265px;
  }
}

.dining__ornament {
  position: absolute;
  top: -10px;
  min-height: 85px;
  width: 100%;
  background: url(../images/reviews.png);
  opacity: .75;
}

.dining__container {
  position: relative;
  flex-direction: column;
  justify-content: center;
  display: flex;
  align-items: center;
  text-align: center;
}

@media (max-width: 639px) {
  .dining__container {
    text-align: left;
  }
}

.dining__header {
  color: #F4A145;
  font-size: 72px;
  padding-top: 30px;
  margin-bottom: 0px;
}

@media (max-width: 1023px) {
  .dining__header {
    font-size: 50px;
  }
}

@media (max-width: 639px) {
  .dining__header {
    font-size: 42px;
  }
}

.dining__text {
  font-family: 'imfell_italic-webfont';
  font-size: 38px;
  margin-top: 10px;
}

@media (max-width: 1023px) {
  .dining__text {
    font-size: 24px;
  }
}

@media (max-width: 639px) {
  .dining__text {
    line-height: 1.2;
  }
}

.dining__text-container {
  margin-left: 20px;
  margin-right: 20px;
  max-width: 1000px;
}

@media (max-width: 1023px) {
  .dining__text-container {
    max-width: 640px;
  }
}

.top-chef {
  padding-bottom: 30px;
}

@media (max-width: 639px) {
  .top-chef {
    padding-bottom: 15px;
  }
}

.alii-luau {
  position: relative;
  background-color: #EAE9E2;
  min-height: 740px;
}

@media (max-width: 1023px) {
  .alii-luau {
    min-height: 630px;
  }
}

@media (max-width: 639px) {
  .alii-luau {
    width: 100%;
  }
}

.alii-luau__ornament {
  width: 100%;
  height: 85px;
  background-image: url(../images/bookDirectly-a.png);
  background-position: 0px -7px;
  background-repeat: repeat-x;
  position: absolute;
  opacity: .75;
}

.alii-luau__container {
  position: relative;
  max-width: 1162px;
  padding-top: 60px;
  margin: 0 auto;
}

@media (max-width: 1345px) {
  .alii-luau__container {
    max-width: 990px;
  }
}

@media (max-width: 1023px) {
  .alii-luau__container {
    max-width: 590px;
  }
}

.alii-luau-gallery {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 639px) {
  .alii-luau-gallery {
    position: relative;
    margin-bottom: 35px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .alii-luau-gallery .pcc-slider__container {
    width: 230px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .alii-luau-gallery .pcc-slider__slide {
    height: 115px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .alii-luau-gallery .pcc-slider__slide--100 {
    height: 184.402px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .alii-luau-gallery .pcc-slider__slide--100-thin {
    height: 100px;
  }
}

.alii-luau-description {
  padding-left: 384px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

@media (max-width: 1023px) {
  .alii-luau-description {
    padding-left: 235px;
  }
}

@media (max-width: 639px) {
  .alii-luau-description {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.alii-luau-description__award {
  position: absolute;
  top: -90px;
  right: -140px;
  width: 230px;
}

@media (max-width: 1345px) {
  .alii-luau-description__award {
    width: 160px;
    right: -20px;
  }
}

@media (max-width: 1023px) {
  .alii-luau-description__award {
    width: 120px;
    right: -82px;
  }
}

@media (max-width: 639px) {
  .alii-luau-description__award {
    display: none;
  }
}

.alii-luau-description__banner {
  margin-top: 20px;
  margin-bottom: 33.183px;
  width: 100%;
}

@media (min-width: 640px) {
  .alii-luau-description__banner {
    display: none;
  }
}

.alii-luau-description__body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  color: #5E5642;
  max-width: 680px;
}

@media (max-width: 1345px) {
  .alii-luau-description__body {
    font-size: 13px;
  }
}

@media (max-width: 1023px) {
  .alii-luau-description__body {
    font-size: 11px;
  }
}

@media (max-width: 639px) {
  .alii-luau-description__body {
    font-size: 18px;
  }
}

.alii-luau-description__body--blue {
  color: #215968;
}

@media (max-width: 1345px) {
  .alii-luau-description__body--blue {
    font-size: 13px;
  }
}

@media (max-width: 1023px) {
  .alii-luau-description__body--blue {
    font-size: 11px;
  }
}

@media (max-width: 639px) {
  .alii-luau-description__body--blue {
    font-size: 18px;
  }
}

.alii-luau-description__header {
  font-size: 18px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  color: #215968;
  margin-top: 24px;
  margin-bottom: 0px;
}

@media (max-width: 1345px) {
  .alii-luau-description__header {
    font-size: 13px;
  }
}

@media (max-width: 1023px) {
  .alii-luau-description__header {
    font-size: 11px;
  }
}

@media (max-width: 639px) {
  .alii-luau-description__header {
    font-size: 18px;
    padding-bottom: 20px;
  }
}

.alii-luau-description__separator {
  margin: 5px 0px 11px 0px;
  height: 1px;
  width: 750px;
  background-color: #ccc9b8;
}

@media (max-width: 1345px) {
  .alii-luau-description__separator {
    width: auto;
  }
}

@media (max-width: 639px) {
  .alii-luau-description__separator {
    display: none;
  }
}

.alii-luau-description__cta {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  margin-top: 24px;
}

@media (max-width: 1345px) {
  .alii-luau-description__cta {
    font-size: 16px;
  }
}

@media (max-width: 1023px) {
  .alii-luau-description__cta {
    font-size: 14px;
  }
}

@media (max-width: 639px) {
  .alii-luau-description__cta {
    font-size: 18px;
  }
}

.alii-luau-description__cta-container {
  text-align: left;
}

.alii-luau-description__button {
  vertical-align: middle;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14;
  font-weight: bold;
  display: inline-block;
  background-color: #F36F3A;
  min-width: 150px;
  margin-left: 30px;
}

.alii-luau-description__button:hover, .alii-luau-description__button:focus {
  background-color: #D26031;
}

@media (max-width: 1345px) {
  .alii-luau-description__button {
    margin-bottom: 0;
    min-width: 120px;
  }
}

@media (max-width: 1023px) {
  .alii-luau-description__button {
    margin-left: 0px;
    font-size: 12px;
    min-width: 100px;
  }
}

@media (max-width: 639px) {
  .alii-luau-description__button {
    font-size: 14px;
    min-width: 90%;
    margin-bottom: 25px;
  }
}

.alii-luau-header__icon {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.alii-luau-header__text {
  display: inline-block;
  padding-left: 0px;
  color: #5E5642;
  vertical-align: middle;
  font-size: 40px;
  margin-bottom: 0;
}

@media (max-width: 1345px) {
  .alii-luau-header__text {
    font-size: 32px;
  }
}

@media (max-width: 639px) {
  .alii-luau-header__text {
    font-size: 36px;
  }
}

@media (max-width: 1345px) {
  .alii-luau .pcc-menu {
    min-width: 570px;
  }
}

@media (max-width: 1023px) {
  .alii-luau .pcc-menu {
    min-width: 380px;
  }
}

@media (max-width: 639px) {
  .alii-luau .pcc-menu {
    min-width: 1px;
    width: 100%;
  }
}

.alii-luau .pcc-menu__container ul li {
  padding-left: 20px;
}

@media (max-width: 1345px) {
  .alii-luau .pcc-menu__container ul li {
    height: 25px;
    line-height: 25px;
  }
}

@media (max-width: 1023px) {
  .alii-luau .pcc-menu__container ul li {
    width: 110px;
    height: 20px;
    line-height: 20px;
  }
}

@media (max-width: 639px) {
  .alii-luau .pcc-menu__container ul li {
    width: 100%;
    height: 50px;
    line-height: 50px;
  }
}

.alii-luau .pcc-menu li {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  color: #5E5642;
}

@media (max-width: 1345px) {
  .alii-luau .pcc-menu li {
    font-size: 12px;
  }
}

@media (max-width: 1023px) {
  .alii-luau .pcc-menu li {
    font-size: 11px;
    max-width: 220px;
  }
}

@media (max-width: 639px) {
  .alii-luau .pcc-menu li {
    font-size: 18px;
    max-width: none;
    padding-left: 25px;
  }
}

.alii-luau .pcc-menu li.active {
  font-weight: bold;
}

@media (max-width: 1023px) {
  .alii-luau .pcc-menu li.active:after {
    left: 95px;
  }
}

.dining-separator {
  margin: 20px auto;
  width: 100%;
  min-height: 12px;
  background-image: url(../images/ornament_separator_single--white.png);
  background-position: center;
  background-repeat: repeat-x;
  background-size: contain;
}

@media (max-width: 639px) {
  .dining-separator {
    width: 90%;
  }
}

.prime-dining {
  position: relative;
  background-color: white;
  min-height: 530px;
}

@media (max-width: 1023px) {
  .prime-dining {
    min-height: 500px;
  }
}

@media (max-width: 639px) {
  .prime-dining {
    width: 100%;
  }
}

.prime-dining__ornament {
  width: 100%;
  height: 85px;
  background-image: url(../images/bookDirectly-a.png);
  background-position: 0px -7px;
  position: absolute;
  opacity: .75;
}

.prime-dining__container {
  position: relative;
  max-width: 1162px;
  padding-top: 60px;
  margin: 0 auto;
}

@media (max-width: 1345px) {
  .prime-dining__container {
    max-width: 990px;
  }
}

@media (max-width: 1023px) {
  .prime-dining__container {
    max-width: 590px;
  }
}

@media (max-width: 639px) {
  .prime-dining__container {
    padding-top: 30px;
  }
}

.prime-dining-gallery {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 639px) {
  .prime-dining-gallery {
    position: relative;
    margin-bottom: 35px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .prime-dining-gallery .pcc-slider__container {
    width: 230px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .prime-dining-gallery .pcc-slider__slide {
    height: 115px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .prime-dining-gallery .pcc-slider__slide--100 {
    height: 184.402px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .prime-dining-gallery .pcc-slider__slide--100-thin {
    height: 100px;
  }
}

.prime-dining-description {
  padding-left: 384px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

@media (max-width: 1023px) {
  .prime-dining-description {
    padding-left: 235px;
  }
}

@media (max-width: 639px) {
  .prime-dining-description {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.prime-dining-description__award {
  position: absolute;
  top: -90px;
  right: -140px;
  width: 230px;
}

@media (max-width: 1345px) {
  .prime-dining-description__award {
    width: 160px;
    right: -20px;
  }
}

@media (max-width: 1023px) {
  .prime-dining-description__award {
    width: 120px;
    right: -82px;
  }
}

@media (max-width: 639px) {
  .prime-dining-description__award {
    display: none;
  }
}

.prime-dining-description__banner {
  margin-top: 20px;
  margin-bottom: 33.183px;
  width: 100%;
}

@media (min-width: 640px) {
  .prime-dining-description__banner {
    display: none;
  }
}

.prime-dining-description__body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  color: #5E5642;
  max-width: 680px;
}

@media (max-width: 1345px) {
  .prime-dining-description__body {
    font-size: 13px;
  }
}

@media (max-width: 1023px) {
  .prime-dining-description__body {
    font-size: 11px;
  }
}

@media (max-width: 639px) {
  .prime-dining-description__body {
    font-size: 18px;
  }
}

.prime-dining-description__body--blue {
  color: #215968;
}

@media (max-width: 1345px) {
  .prime-dining-description__body--blue {
    font-size: 13px;
  }
}

@media (max-width: 1023px) {
  .prime-dining-description__body--blue {
    font-size: 11px;
  }
}

@media (max-width: 639px) {
  .prime-dining-description__body--blue {
    font-size: 18px;
  }
}

.prime-dining-description__header {
  font-size: 18px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  color: #215968;
  margin-top: 24px;
  margin-bottom: 0px;
}

@media (max-width: 1345px) {
  .prime-dining-description__header {
    font-size: 13px;
  }
}

@media (max-width: 1023px) {
  .prime-dining-description__header {
    font-size: 11px;
  }
}

@media (max-width: 639px) {
  .prime-dining-description__header {
    font-size: 18px;
    padding-bottom: 20px;
  }
}

.prime-dining-description__separator {
  margin: 5px 0px 11px 0px;
  height: 1px;
  width: 750px;
  background-color: #ccc9b8;
}

@media (max-width: 1345px) {
  .prime-dining-description__separator {
    width: auto;
  }
}

@media (max-width: 639px) {
  .prime-dining-description__separator {
    display: none;
  }
}

.prime-dining-description__cta {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  margin-top: 24px;
}

@media (max-width: 1345px) {
  .prime-dining-description__cta {
    font-size: 16px;
  }
}

@media (max-width: 1023px) {
  .prime-dining-description__cta {
    font-size: 14px;
  }
}

@media (max-width: 639px) {
  .prime-dining-description__cta {
    font-size: 18px;
  }
}

.prime-dining-description__cta-container {
  text-align: left;
}

.prime-dining-description__button {
  vertical-align: middle;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14;
  font-weight: bold;
  display: inline-block;
  background-color: #F36F3A;
  min-width: 150px;
  margin-left: 30px;
}

.prime-dining-description__button:hover, .prime-dining-description__button:focus {
  background-color: #D26031;
}

@media (max-width: 1345px) {
  .prime-dining-description__button {
    margin-bottom: 0;
    min-width: 120px;
  }
}

@media (max-width: 1023px) {
  .prime-dining-description__button {
    margin-left: 0px;
    font-size: 12px;
    min-width: 100px;
  }
}

@media (max-width: 639px) {
  .prime-dining-description__button {
    font-size: 14px;
    min-width: 90%;
    margin-bottom: 25px;
  }
}

.prime-dining-header {
  padding-bottom: 30px;
}

.prime-dining-header__icon {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.prime-dining-header__text {
  display: inline-block;
  padding-left: 0px;
  color: #5E5642;
  vertical-align: middle;
  font-size: 40px;
  margin-bottom: 0;
}

@media (max-width: 1345px) {
  .prime-dining-header__text {
    font-size: 32px;
  }
}

@media (max-width: 639px) {
  .prime-dining-header__text {
    font-size: 36px;
  }
}

.prime-dining .pcc-menu {
  margin-bottom: 25px;
}

@media (max-width: 1345px) {
  .prime-dining .pcc-menu {
    min-width: 570px;
  }
}

@media (max-width: 1023px) {
  .prime-dining .pcc-menu {
    min-width: 380px;
  }
}

@media (max-width: 639px) {
  .prime-dining .pcc-menu {
    min-width: 1px;
    width: 100%;
  }
}

.prime-dining .pcc-menu__container ul li {
  padding-left: 20px;
}

.prime-dining .pcc-menu__container ul li:hover {
  background-color: #ECEBE4;
}

@media (max-width: 1345px) {
  .prime-dining .pcc-menu__container ul li {
    height: 25px;
    line-height: 25px;
  }
}

@media (max-width: 1023px) {
  .prime-dining .pcc-menu__container ul li {
    width: 90px;
    height: 20px;
    line-height: 20px;
  }
}

@media (max-width: 639px) {
  .prime-dining .pcc-menu__container ul li {
    width: 100%;
    height: 50px;
    line-height: 50px;
  }
}

.prime-dining .pcc-menu li {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  color: #5E5642;
}

@media (max-width: 1345px) {
  .prime-dining .pcc-menu li {
    font-size: 12px;
  }
}

@media (max-width: 1023px) {
  .prime-dining .pcc-menu li {
    font-size: 11px;
    max-width: 220px;
  }
}

@media (max-width: 639px) {
  .prime-dining .pcc-menu li {
    font-size: 18px;
    max-width: none;
    padding-left: 25px;
  }
}

.prime-dining .pcc-menu li.active {
  font-weight: bold;
  background-color: #ECEBE4;
}

.island-buffet {
  position: relative;
  background-color: white;
}

@media (max-width: 639px) {
  .island-buffet {
    width: 100%;
  }
}

.island-buffet__ornament {
  width: 100%;
  height: 85px;
  background-image: url(../images/bookDirectly-a.png);
  background-position: 0px -7px;
  position: absolute;
  opacity: .75;
}

.island-buffet__container {
  position: relative;
  max-width: 1162px;
  margin: 0 auto;
}

@media (max-width: 1345px) {
  .island-buffet__container {
    max-width: 990px;
  }
}

@media (max-width: 1023px) {
  .island-buffet__container {
    max-width: 590px;
  }
}

@media (max-width: 639px) {
  .island-buffet__container {
    padding-top: 30px;
  }
}

.island-buffet-gallery {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 639px) {
  .island-buffet-gallery {
    position: relative;
    margin-bottom: 35px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .island-buffet-gallery .pcc-slider__container {
    width: 230px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .island-buffet-gallery .pcc-slider__slide {
    height: 115px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .island-buffet-gallery .pcc-slider__slide--100 {
    height: 184.402px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .island-buffet-gallery .pcc-slider__slide--100-thin {
    height: 100px;
  }
}

.island-buffet-description {
  padding-left: 384px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

@media (max-width: 1023px) {
  .island-buffet-description {
    padding-left: 235px;
  }
}

@media (max-width: 639px) {
  .island-buffet-description {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.island-buffet-description__award {
  position: absolute;
  top: -90px;
  right: -140px;
  width: 230px;
}

@media (max-width: 1345px) {
  .island-buffet-description__award {
    width: 160px;
    right: -20px;
  }
}

@media (max-width: 1023px) {
  .island-buffet-description__award {
    width: 120px;
    right: -82px;
  }
}

@media (max-width: 639px) {
  .island-buffet-description__award {
    display: none;
  }
}

.island-buffet-description__banner {
  margin-top: 20px;
  margin-bottom: 33.183px;
  width: 100%;
}

@media (min-width: 640px) {
  .island-buffet-description__banner {
    display: none;
  }
}

.island-buffet-description__body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  color: #5E5642;
  max-width: 680px;
}

@media (max-width: 1345px) {
  .island-buffet-description__body {
    font-size: 13px;
  }
}

@media (max-width: 1023px) {
  .island-buffet-description__body {
    font-size: 11px;
  }
}

@media (max-width: 639px) {
  .island-buffet-description__body {
    font-size: 18px;
  }
}

.island-buffet-description__body--blue {
  color: #215968;
}

@media (max-width: 1345px) {
  .island-buffet-description__body--blue {
    font-size: 13px;
  }
}

@media (max-width: 1023px) {
  .island-buffet-description__body--blue {
    font-size: 11px;
  }
}

@media (max-width: 639px) {
  .island-buffet-description__body--blue {
    font-size: 18px;
  }
}

.island-buffet-description__header {
  font-size: 18px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  color: #215968;
  margin-top: 24px;
  margin-bottom: 0px;
}

@media (max-width: 1345px) {
  .island-buffet-description__header {
    font-size: 13px;
  }
}

@media (max-width: 1023px) {
  .island-buffet-description__header {
    font-size: 11px;
  }
}

@media (max-width: 639px) {
  .island-buffet-description__header {
    font-size: 18px;
    padding-bottom: 20px;
  }
}

.island-buffet-description__separator {
  margin: 5px 0px 11px 0px;
  height: 1px;
  width: 750px;
  background-color: #ccc9b8;
}

@media (max-width: 1345px) {
  .island-buffet-description__separator {
    width: auto;
  }
}

@media (max-width: 639px) {
  .island-buffet-description__separator {
    display: none;
  }
}

.island-buffet-description__cta {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  margin-top: 24px;
}

@media (max-width: 1345px) {
  .island-buffet-description__cta {
    font-size: 16px;
  }
}

@media (max-width: 1023px) {
  .island-buffet-description__cta {
    font-size: 14px;
  }
}

@media (max-width: 639px) {
  .island-buffet-description__cta {
    font-size: 18px;
  }
}

.island-buffet-description__cta-container {
  text-align: left;
}

.island-buffet-description__button {
  vertical-align: middle;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14;
  font-weight: bold;
  display: inline-block;
  background-color: #F36F3A;
  min-width: 150px;
  margin-left: 30px;
}

.island-buffet-description__button:hover, .island-buffet-description__button:focus {
  background-color: #D26031;
}

@media (max-width: 1345px) {
  .island-buffet-description__button {
    margin-bottom: 0;
    min-width: 120px;
  }
}

@media (max-width: 1023px) {
  .island-buffet-description__button {
    margin-left: 0px;
    font-size: 12px;
    min-width: 100px;
  }
}

@media (max-width: 639px) {
  .island-buffet-description__button {
    font-size: 14px;
    min-width: 90%;
    margin-bottom: 25px;
  }
}

.island-buffet-header {
  padding-bottom: 30px;
}

.island-buffet-header__icon {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.island-buffet-header__text {
  display: inline-block;
  padding-left: 0px;
  color: #5E5642;
  vertical-align: middle;
  font-size: 40px;
  margin-bottom: 0;
}

@media (max-width: 1345px) {
  .island-buffet-header__text {
    font-size: 32px;
  }
}

@media (max-width: 639px) {
  .island-buffet-header__text {
    font-size: 36px;
  }
}

.island-buffet .pcc-menu {
  margin-bottom: 25px;
}

@media (max-width: 1345px) {
  .island-buffet .pcc-menu {
    min-width: 570px;
  }
}

@media (max-width: 1023px) {
  .island-buffet .pcc-menu {
    min-width: 380px;
  }
}

@media (max-width: 639px) {
  .island-buffet .pcc-menu {
    min-width: 1px;
    width: 100%;
  }
}

.island-buffet .pcc-menu__container ul li {
  padding-left: 20px;
}

.island-buffet .pcc-menu__container ul li:hover {
  background-color: #ECEBE4;
}

@media (max-width: 1345px) {
  .island-buffet .pcc-menu__container ul li {
    height: 25px;
    line-height: 25px;
  }
}

@media (max-width: 1023px) {
  .island-buffet .pcc-menu__container ul li {
    width: 90px;
    height: 20px;
    line-height: 20px;
  }
}

@media (max-width: 639px) {
  .island-buffet .pcc-menu__container ul li {
    width: 100%;
    height: 50px;
    line-height: 50px;
  }
}

.island-buffet .pcc-menu li {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  color: #5E5642;
}

@media (max-width: 1345px) {
  .island-buffet .pcc-menu li {
    font-size: 12px;
  }
}

@media (max-width: 1023px) {
  .island-buffet .pcc-menu li {
    font-size: 11px;
    max-width: 220px;
  }
}

@media (max-width: 639px) {
  .island-buffet .pcc-menu li {
    font-size: 18px;
    max-width: none;
    padding-left: 40px;
  }
}

.island-buffet .pcc-menu li.active {
  font-weight: bold;
  background-color: #ECEBE4;
}

.lunch-and-snacks {
  background-color: white;
}

.lunch-and-snacks__container {
  max-width: 1162px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 10px;
}

@media (max-width: 1345px) {
  .lunch-and-snacks__container {
    max-width: 975px;
  }
}

@media (max-width: 1023px) {
  .lunch-and-snacks__container {
    max-width: 590px;
  }
}

@media (max-width: 639px) {
  .lunch-and-snacks__container {
    max-width: 590px;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: auto;
    margin-right: auto;
  }
}

.lunch-and-snacks__icon {
  width: 7px;
  margin-left: 5px;
  margin-bottom: 1px;
}

.lunch-and-snacks__header {
  max-width: 90%;
  font-size: 40px;
  color: #5E5642;
  text-align: left;
  margin: 0 auto;
}

@media (max-width: 1345px) {
  .lunch-and-snacks__header {
    font-size: 32px;
  }
}

@media (max-width: 639px) {
  .lunch-and-snacks__header {
    width: auto;
    max-width: auto;
    display: block;
    padding-bottom: 30px;
  }
}

.lunch-and-snacks__header-container {
  padding-left: 5px;
  padding-right: 5px;
  width: 384px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 1023px) {
  .lunch-and-snacks__header-container {
    width: 235px;
  }
}

@media (max-width: 639px) {
  .lunch-and-snacks__header-container {
    padding-left: 0;
    width: auto;
  }
  .lunch-and-snacks__header-container h1 {
    margin-left: 0;
  }
}

.lunch-and-snacks__content-container {
  display: inline-block;
  width: auto;
}

@media (max-width: 1023px) {
  .lunch-and-snacks__content-container {
    width: 345px;
  }
}

@media (max-width: 639px) {
  .lunch-and-snacks__content-container {
    display: block;
    width: auto;
  }
}

.lunch-and-snacks__content-header {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #5E5642;
  margin-top: 20px;
  margin-bottom: 0px;
}

@media (max-width: 1345px) {
  .lunch-and-snacks__content-header {
    font-size: 15px;
  }
}

@media (max-width: 639px) {
  .lunch-and-snacks__content-header {
    font-size: 16px;
  }
}

.lunch-and-snacks__content-header--first {
  margin-top: 0px;
}

.lunch-and-snacks__text {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  color: #215968;
  margin-bottom: 0px;
}

@media (max-width: 1345px) {
  .lunch-and-snacks__text {
    font-size: 13px;
  }
}

@media (max-width: 639px) {
  .lunch-and-snacks__text {
    font-size: 18px;
  }
}

.lunch-and-snacks__text--orange {
  display: inline-block;
  color: #F4A145;
  padding-left: 15px;
}

.lunch-and-snacks__text--orange:hover {
  color: #D26031;
}

.lunch-and-snacks__text--brown {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  color: #5E5642;
}

@media (max-width: 1345px) {
  .lunch-and-snacks__text--brown {
    font-size: 13px;
  }
}

@media (max-width: 639px) {
  .lunch-and-snacks__text--brown {
    font-size: 18px;
  }
}

.pcc-menu {
  min-width: 750px;
}

.pcc-menu__container {
  display: inline-block;
}

@media (max-width: 639px) {
  .pcc-menu__container {
    display: block;
    position: relative;
    width: 100%;
  }
}

.pcc-menu__container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.pcc-menu__container ul.active {
  display: block;
}

@media (max-width: 639px) {
  .pcc-menu__container ul {
    background-color: #fff;
    display: none;
    margin-bottom: 20px;
    padding-top: 0 !important;
    width: 100%;
    position: relative;
    z-index: 50;
  }
}

@media (min-width: 640px) {
  .pcc-menu__container ul {
    display: block !important;
  }
}

.pcc-menu__container ul li {
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  position: relative;
  white-space: nowrap;
  padding-right: 15px;
}

.pcc-menu__container ul li:hover {
  background-color: #dad7cb;
}

@media (max-width: 639px) {
  .pcc-menu__container ul li {
    width: 100%;
  }
}

.pcc-menu__container ul li.active {
  background-color: #dad7cb;
}

@media (max-width: 639px) {
  .pcc-menu__container ul li.active {
    display: none;
  }
}

.pcc-menu__container ul li.active:after {
  content: url("../images/menu-active.png");
  width: 7px;
  background-size: cover;
  position: absolute;
  right: 5px;
  top: 1px;
}

@media (max-width: 1023px) {
  .pcc-menu__container ul li.active:after {
    left: 77px;
    width: 5px;
  }
}

@media (max-width: 639px) {
  .pcc-menu__container ul li.active:after {
    content: "";
  }
}

.pcc-menu__list {
  display: inline-block;
  padding-left: 10px;
  vertical-align: top;
  max-width: 500px;
}

@media (max-width: 639px) {
  .pcc-menu__list {
    display: block;
    padding-left: 0;
  }
}

.pcc-menu__list ul {
  list-style-type: none;
  display: none;
  margin: 0;
  padding: 0;
}

.pcc-menu__list ul.active {
  display: block;
}

.pcc-menu__list ul li:before {
  display: inline-block;
  content: "\2022";
  color: #F4A145;
  width: 25px;
}

@media (max-width: 1023px) {
  .pcc-menu__list ul li:before {
    margin-left: -25px;
    padding-left: 15px;
  }
}

@media (max-width: 639px) {
  .pcc-menu__list ul li:before {
    padding-left: 0px;
  }
}

.pcc-menu__mobileLabel {
  background-color: #dcd9cf;
  cursor: pointer;
  display: none;
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  width: 100%;
}

@media (max-width: 639px) {
  .pcc-menu__mobileLabel {
    display: block;
  }
}

.pcc-menu__mobileLabel:after {
  content: "";
}

@media (max-width: 639px) {
  .pcc-menu__mobileLabel:after {
    width: 17px;
    height: 10px;
    background-size: cover;
    position: absolute;
    right: 30px;
    top: 21px;
    background-image: url("../images/dining/mobile_menu_down.png");
  }
}

.hukilau {
  height: 215px;
  background-color: #afddde;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .hukilau {
    height: 136px;
  }
}

@media (max-width: 639px) {
  .hukilau {
    height: auto;
  }
}

.hukilau__container {
  margin: 0 auto;
  text-align: center;
}

@media (max-width: 639px) {
  .hukilau__container {
    padding: 20px 5px;
  }
}

.hukilau__icon {
  vertical-align: top;
  display: inline-block;
  width: 475px;
}

@media (max-width: 1023px) {
  .hukilau__icon {
    width: 300px;
  }
}

.hukilau__description {
  display: inline-block;
  width: 730px;
  padding-top: 11px;
  margin-left: 10px;
}

@media (max-width: 1345px) {
  .hukilau__description {
    padding-top: 31px;
    width: 480px;
  }
}

@media (max-width: 1023px) {
  .hukilau__description {
    width: 330px;
    padding-top: 5px;
    margin-left: 0;
  }
}

@media (max-width: 639px) {
  .hukilau__description {
    text-align: center;
  }
}

.hukilau__header {
  color: #5E5642;
  font-size: 38px;
  font-family: 'imfell_italic-webfont';
  line-height: 1.2;
  margin-bottom: 10px;
  text-align: left;
}

@media (max-width: 1345px) {
  .hukilau__header {
    font-size: 26px;
  }
}

@media (max-width: 1023px) {
  .hukilau__header {
    font-size: 19px;
    margin-bottom: 5px;
  }
}

@media (max-width: 639px) {
  .hukilau__header {
    margin-top: 10px;
    text-align: center;
  }
}

.hukilau__text {
  font-family: 'Noto Sans JP', sans-serif;
  text-align: left;
}

@media (max-width: 639px) {
  .hukilau__text {
    text-align: center;
  }
}

.hukilau__text-p {
  display: inline-block;
  color: #215968;
  font-size: 18px;
}

@media (max-width: 1345px) {
  .hukilau__text-p {
    font-size: 16px;
  }
}

@media (max-width: 1023px) {
  .hukilau__text-p {
    font-size: 11px;
  }
}

.hukilau__text-button {
  display: inline-block;
  background-color: #215968;
  margin-bottom: 0;
  width: 150px;
  font-size: 14px;
  font-weight: bold;
}

.hukilau__text-button:hover, .hukilau__text-button:focus {
  background-color: #294956;
}

@media (max-width: 1345px) {
  .hukilau__text-button {
    width: 100px;
    font-size: 12px;
  }
}

@media (max-width: 1023px) {
  .hukilau__text-button {
    font-size: 11px;
  }
}

.hukilau__text a {
  display: block;
  width: 150px;
}

@media (max-width: 1345px) {
  .hukilau__text a {
    width: 100px;
  }
}

@media (max-width: 639px) {
  .hukilau__text a {
    margin: 0 auto;
    width: auto;
  }
}

.contact-us {
  background-color: #ECEBE4;
  padding-top: 85px;
  padding-bottom: 65px;
  text-align: center;
  position: relative;
}

@media (max-width: 639px) {
  .contact-us {
    padding-top: 55px;
  }
}

.contact-us__ornament--top {
  width: 100%;
  min-height: 85px;
  background: url(../images/socialContent.png);
  background-position: 0px -6px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0px;
  opacity: .75;
}

.contact-us__ornament--bottom {
  width: 100%;
  height: 85px;
  background: url(../images/agents_ornament_bottom.png);
  background-position: 0px -8px;
  background-repeat: repeat-x;
  opacity: .75;
}

.contact-us__ornament--bottom-container {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 34px;
}

.contact-us__container {
  width: 80%;
  margin: 0 auto;
  text-align: left;
}

.contact-us__info {
  display: inline-block;
  text-align: left;
  margin-top: 20px;
  width: 29%;
}

@media (max-width: 1023px) {
  .contact-us__info {
    text-align: left;
    margin-top: 30px;
  }
}

@media (max-width: 639px) {
  .contact-us__info {
    width: 90%;
  }
}

@media (max-width: 1023px) {
  .contact-us__header {
    font-size: 52px;
  }
}

@media (max-width: 639px) {
  .contact-us__header {
    font-size: 42px;
  }
}

.contact-us__description {
  font-family: 'imfell_italic-webfont';
  font-size: 38px;
}

@media (max-width: 1023px) {
  .contact-us__description {
    font-size: 28px;
  }
}

@media (max-width: 639px) {
  .contact-us__description {
    font-size: 22px;
  }
}

.contact-us__form {
  display: inline-block;
  width: 70%;
  max-width: 735.5px;
  padding-left: 15px;
  margin-top: 70px;
  vertical-align: top;
}

@media (max-width: 1023px) {
  .contact-us__form {
    padding-left: 45px;
    margin-top: 20px;
  }
}

@media (max-width: 639px) {
  .contact-us__form {
    width: 100%;
    margin: 0 auto;
    padding-left: 0;
    display: block;
  }
}

.contact-us__form-header {
  margin-bottom: 30px;
  text-align: center;
}

@media (max-width: 1023px) {
  .contact-us__form-header {
    text-align: left;
    font-size: 20px;
  }
}

@media (max-width: 639px) {
  .contact-us__form-header {
    font-size: 20px;
  }
}

.contact-us__fields {
  display: inline-block;
  box-shadow: none;
  height: 40px;
  margin: 0px 5px 0px 5px;
}

@media (max-width: 1023px) {
  .contact-us__fields {
    display: block;
    text-align: left;
  }
}

@media (max-width: 639px) {
  .contact-us__fields {
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
  }
}

.contact-us__input {
  border: none;
  box-shadow: none;
  height: 40px;
  width: 255px;
  font-size: 14px;
}

@media (max-width: 1023px) {
  .contact-us__input {
    margin-top: 20px;
  }
}

@media (max-width: 639px) {
  .contact-us__input {
    width: 100%;
  }
}

.contact-us__button {
  margin: 0px 5px 0px 5px;
  margin-top: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  font-size: 14px;
  background-color: #215968;
  width: 150px;
  height: 40px;
  vertical-align: baseline;
}

.contact-us__button:hover, .contact-us__button:focus {
  background-color: #294956;
}

@media (max-width: 639px) {
  .contact-us__button {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
  }
}

.contact-us__button-container {
  display: inline-block;
}

@media (max-width: 768px) {
  .contact-us__button-container {
    display: block;
  }
}

.contact-us-modal {
  background-color: white;
}

.contact-us-modal__header {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #5E5642;
  padding: 0px 15px 0px 15px;
}

.contact-us-modal__text {
  padding: 0px 15px 0px 15px;
}

.contact-us-modal__close {
  color: #ff6e42;
  line-height: 4em;
}

.contact-us-modal__label {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  color: #898989;
}

.contact-us-modal__label--required {
  color: #ff6e42;
}

.contact-us-modal__input {
  border: none;
  margin-bottom: 5px;
  box-shadow: none;
  background-color: #eae9e3;
  color: #5E5642;
}

.contact-us-modal__input:focus {
  border: none;
  box-shadow: none;
  background-color: #eae9e3;
}

.contact-us-modal__submit {
  float: right;
  background-color: #215968;
  width: 210px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  font-size: 14px;
}

@media (max-width: 639px) {
  .contact-us-modal__submit {
    margin-top: 20px;
    width: 100%;
  }
}

.contact-us-modal__submit--groups {
  width: 100%;
}

.contact-us-modal__gdpr {
  display: block;
  float: right;
  width: 40%;
  font-size: 12px;
  text-align: center;
  margin-top: -5px;
}

@media (max-width: 639px) {
  .contact-us-modal__gdpr {
    width: 100%;
  }
}

.contact-us-modal__gdpr a {
  text-decoration: underline;
}

.contact-us-modal__gdpr--groups {
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
}

.contact-us-modal__last {
  margin-top: 20px;
}

.contact-us-modal__alert {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  color: #ff6e42;
}

#datepicker_1_icon {
  margin-top: -44px;
}

#datepicker_2_icon {
  margin-top: -44px;
}

.group-content {
  margin: 0 auto;
  width: 70%;
  display: inline-block;
  text-align: left;
  padding-bottom: 50px;
}

@media (max-width: 639px) {
  .group-content {
    display: block;
    width: 100%;
  }
}

.group-content-page {
  max-width: 75%;
  margin: 0 auto;
  text-align: center;
}

.group__container {
  margin: 0 auto;
  width: 70%;
  display: inline-block;
  text-align: left;
  padding-bottom: 50px;
  position: relative;
  top: -10px;
}

@media (max-width: 639px) {
  .group__container {
    display: block;
    top: 0;
    width: 100%;
  }
}

.group__container-page {
  max-width: 75%;
  margin: 0 auto;
  text-align: center;
}

.group__container h1 {
  line-height: 72px;
  margin: 0 0 25px 0;
}

@media (max-width: 1023px) {
  .group__container h1 {
    font-size: 60px;
    line-height: 60px;
  }
}

@media (max-width: 639px) {
  .group__container h1 {
    font-size: 42px;
    line-height: 42px;
  }
}

.group__container h2 {
  line-height: 40px;
  margin: 25px 0 25px 0;
}

@media (max-width: 639px) {
  .group__container h2 {
    font-size: 28px;
    line-height: 28px;
  }
}

.group__container h3 {
  line-height: 18px;
  margin: 25px 0 25px 0;
}

@media (max-width: 639px) {
  .group__container h3 {
    font-size: 20px;
    line-height: 20px;
  }
}

.group__container p {
  margin: 25px 0 25px 0;
}

@media (max-width: 1023px) {
  .group__container p {
    font-size: 18px;
    line-height: 1.5;
  }
}

.group__container i {
  font-family: 'imfell_italic-webfont';
  font-size: 38px;
  line-height: 45px;
  margin: 25px 0px 25px 0px;
}

@media (max-width: 1023px) {
  .group__container i {
    font-size: 25px;
    line-height: 32px;
  }
}

@media (max-width: 639px) {
  .group__container i {
    font-size: 22px;
    line-height: 22px;
  }
}

.group__container q {
  padding: 0px 100px 0px 100px;
}

@media (max-width: 1023px) {
  .group__container q {
    padding: 0px 60px 0px 60px;
  }
}

@media (max-width: 639px) {
  .group__container q {
    padding: 0px 60px 0px 60px;
  }
}

.group__container div ul li:before {
  display: none;
}

.venue {
  margin-top: -40px;
  padding-bottom: 50px;
}

.venue__gallery {
  max-width: 876px;
  margin: 0 auto;
}

.venue__gallery .pcc-slider .pcc-slider__container {
  width: 100%;
}

.venue__gallery .pcc-slider .pcc-slider__container ul {
  display: block;
}

@media (min-width: 640px) {
  .venue__gallery .pcc-slider .pcc-slider__container ul li:first-child {
    height: 329px;
    width: 50%;
  }
}

.venue__gallery .pcc-slider .pcc-slider__container ul li:before {
  display: none;
  width: 0;
}

.venue__button {
  display: inline-block;
  width: 150px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: bold;
  background-color: #215968;
  margin: 0px 0px 0px 60px;
}

.venue__button:hover, .venue__button:focus {
  background-color: #294956;
}

.venue__header {
  margin-top: 7px;
  margin-bottom: 30px;
}

.venue__subheader {
  font-family: 'imfell_italic-webfont';
  font-size: 38px;
  line-height: 42px;
  padding: 15px 0px 15px 0px;
}

.venue__description {
  color: #215968;
}

.venue__description--inline {
  font-size: 16px;
  display: inline-block;
}

.venue__title {
  padding: 15px 0px 15px 0px;
}

.venue__text {
  padding: 15px 0px 15px 0px;
}

.venue__separator {
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
  width: 100%;
  min-height: 12px;
  background-image: url(../images/ornament_separator_single--whiteish.png);
  background-position: center;
  background-repeat: repeat-x;
  background-size: contain;
}

.breath-of-life {
  padding-top: 85px;
  position: relative;
}

.breath-of-life__container {
  text-align: center;
  max-width: 1162px;
  width: 95%;
  margin: 0 auto;
}

.breath-of-life__ornament--top {
  position: absolute;
  top: 0px;
  min-height: 85px;
  width: 100%;
  background: url(../images/reviews.png);
  background-position: 0px -7px;
  background-repeat: repeat-x;
  opacity: .75;
}

.breath-of-life__booking {
  text-align: left;
  width: 85%;
  margin: 0 auto;
  margin-bottom: 30px;
  margin-top: 30px;
}

@media (max-width: 639px) {
  .breath-of-life__booking {
    width: 95%;
    text-align: center;
  }
}

.breath-of-life__booking-button {
  display: inline-block;
  vertical-align: middle;
  background-color: #F36F3A;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
  margin-left: 20px;
  width: 150px;
}

@media (max-width: 639px) {
  .breath-of-life__booking-button {
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
}

.breath-of-life__booking-button:hover {
  background-color: #D26031;
}

.breath-of-life__booking-text {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px;
  color: #5E5642;
  margin-bottom: 0;
}

@media (max-width: 639px) {
  .breath-of-life__booking-text {
    font-size: 18px;
    font-weight: bold;
  }
}

.breath-of-life__hero--mobile {
  display: none;
}

@media (max-width: 639px) {
  .breath-of-life__hero--mobile {
    display: block;
  }
}

.breath-of-life__logo {
  display: inline-block;
  padding-top: 25px;
  text-align: left;
  vertical-align: top;
  width: 15.31%;
}

@media (max-width: 1023px) {
  .breath-of-life__logo {
    width: 140px;
  }
}

@media (max-width: 639px) {
  .breath-of-life__logo {
    display: none;
  }
}

.breath-of-life__logo--mobile {
  text-align: left;
  display: inline-block;
  width: 180px;
}

.breath-of-life__info {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: 60%;
  padding: 25px 35px;
}

@media (max-width: 639px) {
  .breath-of-life__info {
    width: auto;
    padding: 20px 5px;
  }
}

.breath-of-life__subheader {
  margin-bottom: 1rem;
  font-family: 'imfell_italic-webfont';
  font-size: 38px;
  line-height: 42px;
  text-transform: initial;
  color: #5e5642;
}

@media (max-width: 639px) {
  .breath-of-life__subheader {
    font-size: 24px;
    line-height: 28px;
  }
}

.breath-of-life__text {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
}

@media (max-width: 1023px) {
  .breath-of-life__text {
    font-size: 15px;
  }
}

.breath-of-life__award {
  display: inline-block;
  padding-top: 30px;
  vertical-align: top;
  width: 8.75%;
}

@media (max-width: 1023px) {
  .breath-of-life__award {
    width: 80px;
  }
}

@media (max-width: 639px) {
  .breath-of-life__award {
    display: none;
  }
}

.breath-of-life__award--mobile {
  display: none;
}

@media (max-width: 639px) {
  .breath-of-life__award--mobile {
    display: inline-block;
    width: 100px;
    margin-left: 10px;
  }
}

.breath-of-life__gallery {
  margin: 0 auto;
  max-width: 1162px;
  width: 95%;
}

.breath-of-life__gallery .pcc-slider__container {
  width: 100%;
}

@media (max-width: 639px) {
  .breath-of-life__gallery .pcc-slider__container {
    height: 70vw;
  }
}

.breath-of-life__gallery .pcc-slider__slide {
  height: 384px;
  padding: 16.5px;
}

@media (max-width: 1263px) {
  .breath-of-life__gallery .pcc-slider__slide {
    height: 31.2vw;
    padding: 16.5px;
  }
}

@media (max-width: 639px) {
  .breath-of-life__gallery .pcc-slider__slide {
    height: 70vw;
    padding: 7.5px;
  }
}

.theater {
  padding: 30px 0;
}

.theater__container {
  text-align: center;
  width: 95%;
  margin: 0 auto;
}

.theater__info {
  display: inline-block;
}

.theater__icon {
  display: inline-block;
  width: 30px;
  margin-left: 10px;
}

.theater__section {
  display: inline-block;
  width: 200px;
  text-align: left;
  margin-left: 10px;
  vertical-align: top;
}

@media (max-width: 639px) {
  .theater__section {
    width: 145px;
  }
}

.theater__section-name {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0;
}

.theater__section-desc {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
}

.theater__header {
  font-size: 40px;
  margin-bottom: 30px;
}

@media (max-width: 1023px) {
  .theater__header {
    font-size: 30px;
  }
}

.theater__map {
  display: inline-block;
  vertical-align: top;
  width: 57%;
  max-width: 625px;
  margin-top: 85px;
  margin-left: 50px;
}

@media (max-width: 639px) {
  .theater__map {
    display: none;
  }
}

.theater__map--mobile {
  display: none;
}

@media (max-width: 639px) {
  .theater__map--mobile {
    display: block;
    margin: 0 auto;
    width: 95%;
    margin-bottom: 30px;
  }
}

.theater__booking {
  text-align: center;
  width: 85%;
  margin: 0 auto;
  margin-bottom: 30px;
  margin-top: 30px;
}

@media (max-width: 639px) {
  .theater__booking {
    width: 95%;
    text-align: center;
  }
}

.theater__booking-button {
  display: inline-block;
  vertical-align: middle;
  background-color: #F36F3A;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
  margin-left: 20px;
  width: 150px;
}

@media (max-width: 639px) {
  .theater__booking-button {
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
}

.theater__booking-button:hover {
  background-color: #D26031;
}

.theater__booking-text {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px;
  color: #5E5642;
  margin-bottom: 0;
}

@media (max-width: 639px) {
  .theater__booking-text {
    font-size: 18px;
    font-weight: bold;
  }
}

.ha-show-reviews {
  background-color: #ECEBE4;
  padding-top: 50px;
  padding-bottom: 35px;
  text-align: center;
  position: relative;
}

.ha-show-reviews__ornament {
  width: 100%;
  height: 85px;
  background: url(../images/agents_ornament_bottom.png);
  background-position: 0px -8px;
  background-repeat: repeat-x;
  opacity: .75;
}

.ha-show-reviews__ornament-container {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  height: 34px;
}

.ha-show-reviews__container {
  max-width: 1162px;
  margin: 0 auto;
  padding: 0 30px;
}

.ha-show-reviews__header {
  text-align: left;
  margin: 0 auto;
  margin-bottom: 30px;
}

.ha-show-reviews__spacer {
  display: inline-block;
  width: 4%;
}

.ha-show-reviews__primary {
  display: inline-block;
  width: 45%;
}

@media (max-width: 639px) {
  .ha-show-reviews__primary {
    display: block;
    margin: 0 auto;
    width: 100%;
  }
}

.ha-show-reviews__primary-review {
  font-family: 'imfell_italic-webfont';
  font-size: 28px;
  color: #5E5642;
  text-align: left;
  text-indent: -26px;
  margin-left: 26px;
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .ha-show-reviews__primary-review {
    font-size: 28px;
  }
}

@media (max-width: 1023px) {
  .ha-show-reviews__primary-review {
    font-size: 24px;
  }
}

@media (max-width: 639px) {
  .ha-show-reviews__primary-review-container--no-mobile {
    display: none;
  }
}

.ha-show-reviews__primary-reviewer {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  color: #215968;
  text-align: left;
  margin-left: 26px;
  margin-bottom: 30px;
}

@media (max-width: 639px) {
  .ha-show-reviews__primary-reviewer {
    margin-bottom: 0px;
  }
}

.ha-show-reviews__secondary {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

@media (max-width: 639px) {
  .ha-show-reviews__secondary {
    display: block;
    width: 85%;
    margin: 0 auto;
  }
}

.ha-show-reviews__secondary-review {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  color: #5E5642;
  text-align: left;
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .ha-show-reviews__secondary-review {
    font-size: 14px;
  }
}

.ha-show-reviews__secondary-reviewer {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  color: #215968;
  text-align: left;
  margin-bottom: 30px;
}

@media (max-width: 1023px) {
  .ha-show-reviews__secondary-reviewer {
    font-size: 14px;
  }
}

.article-modal__reveal {
  width: 100%;
  height: 80%;
}

.article-modal__wrapper {
  height: 100%;
}

.article-modal__orbit {
  height: 100%;
}

.article-modal__ul {
  text-align: center;
  height: 90%  !important;
}

.article-modal__indicators {
  display: inline-block;
  position: relative;
  padding: 0;
  text-align: center;
  top: 30px;
  width: 13px;
  height: 25px;
  background-repeat: no-repeat;
}

.article-modal__indicators:hover {
  background-color: #1f1f1e !important;
}

.article-modal__indicators:focus {
  background-color: transparent;
}

.article-modal__indicators-container {
  text-align: center;
}

.article-modal__indicators--left {
  background: url(../images/slider-left--small.png);
  left: 0;
}

.article-modal__indicators--right {
  background: url(../images/slider-right--small.png);
  left: auto;
  right: 0;
}

.article-modal__indicators--text {
  display: inline-block;
  position: relative;
  color: #808080;
  vertical-align: middle;
  padding: 17px 15px 0px 15px;
}

#article-modal__ul {
  margin: 0 auto;
  width: 80%;
}

.affiliate__container {
  margin: 0 auto;
  display: inline-block;
  text-align: left;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
}

@media (max-width: 639px) {
  .affiliate__container {
    display: block;
    width: 100%;
  }
}

.affiliate__container-page {
  text-align: center;
  margin-top: 28px;
  margin: 0 auto;
}

@media (max-width: 1345px) {
  .affiliate__container-page {
    width: 990px;
  }
}

@media (max-width: 1023px) {
  .affiliate__container-page {
    width: 590px;
  }
}

@media (max-width: 639px) {
  .affiliate__container-page {
    width: 100%;
  }
}

.affiliate__container h1, .affiliate__container h2.h2-title {
  line-height: 72px;
  margin: 25px 0 25px 0;
}

@media (max-width: 1023px) {
  .affiliate__container h1, .affiliate__container h2.h2-title {
    font-size: 60px;
    line-height: 60px;
  }
}

@media (max-width: 639px) {
  .affiliate__container h1, .affiliate__container h2.h2-title {
    font-size: 42px;
    line-height: 42px;
  }
}

.affiliate__container h2 {
  line-height: 40px;
  margin: 25px 0 25px 0;
}

@media (max-width: 639px) {
  .affiliate__container h2 {
    font-size: 28px;
    line-height: 28px;
  }
}

.affiliate__container h3 {
  line-height: 18px;
  margin: 25px 0 25px 0;
}

@media (max-width: 639px) {
  .affiliate__container h3 {
    font-size: 20px;
    line-height: 20px;
  }
}

.affiliate__container p {
  margin: 25px 0 25px 0;
}

@media (max-width: 1023px) {
  .affiliate__container p {
    font-size: 18px;
    line-height: 1.5;
  }
}

.affiliate__container ul li {
  font-size: 18px;
  line-height: 1.5;
}

.affiliate__container i {
  font-family: 'imfell_italic-webfont';
  font-size: 38px;
  line-height: 45px;
  margin: 25px 0px 25px 0px;
}

@media (max-width: 1023px) {
  .affiliate__container i {
    font-size: 25px;
    line-height: 32px;
  }
}

@media (max-width: 639px) {
  .affiliate__container i {
    font-size: 22px;
    line-height: 22px;
  }
}

.affiliate__container q {
  padding: 0px 100px 0px 100px;
}

@media (max-width: 1023px) {
  .affiliate__container q {
    padding: 0px 60px 0px 60px;
  }
}

@media (max-width: 639px) {
  .affiliate__container q {
    padding: 0px 60px 0px 60px;
  }
}

.island_header__container {
  margin: 0 auto;
  display: inline-block;
  text-align: left;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
}

@media (max-width: 639px) {
  .island_header__container {
    display: block;
    width: 100%;
  }
}

.island_header__container-page {
  text-align: center;
  margin-top: 28px;
  margin: 0 auto;
}

@media (max-width: 1345px) {
  .island_header__container-page {
    width: 990px;
  }
}

@media (max-width: 1023px) {
  .island_header__container-page {
    width: 590px;
  }
}

@media (max-width: 639px) {
  .island_header__container-page {
    width: 100%;
  }
}

.island_header__container h1, .island_header__container h2.h2-title {
  line-height: 50px;
  font-size: 50px;
  margin: 25px 0 25px 0;
}

@media (max-width: 1023px) {
  .island_header__container h1, .island_header__container h2.h2-title {
    font-size: 60px;
    line-height: 60px;
  }
}

@media (max-width: 639px) {
  .island_header__container h1, .island_header__container h2.h2-title {
    font-size: 42px;
    line-height: 42px;
  }
}

.island_header__container h2 {
  line-height: 40px;
  margin: 25px 0 25px 0;
}

@media (max-width: 639px) {
  .island_header__container h2 {
    font-size: 28px;
    line-height: 28px;
  }
}

.island_header__container h3 {
  line-height: 18px;
  margin: 25px 0 25px 0;
}

@media (max-width: 639px) {
  .island_header__container h3 {
    font-size: 20px;
    line-height: 20px;
  }
}

.island_header__container p {
  margin: 25px 0 25px 0;
  font-size: 30px;
}

@media (max-width: 1023px) {
  .island_header__container p {
    font-size: 18px;
    line-height: 1.5;
  }
}

.island_header__container ul li {
  font-size: 18px;
  line-height: 1.5;
}

.island_header__container i {
  font-family: 'imfell_italic-webfont';
  font-size: 30px;
  line-height: 30px;
  margin: 25px 0px 25px 0px;
}

@media (max-width: 1023px) {
  .island_header__container i {
    font-size: 25px;
    line-height: 32px;
  }
}

@media (max-width: 639px) {
  .island_header__container i {
    font-size: 22px;
    line-height: 22px;
  }
}

.island_header__container q {
  padding: 0px 100px 0px 100px;
}

@media (max-width: 1023px) {
  .island_header__container q {
    padding: 0px 60px 0px 60px;
  }
}

@media (max-width: 639px) {
  .island_header__container q {
    padding: 0px 60px 0px 60px;
  }
}

.single__container {
  width: 100%;
  display: inline-block;
  text-align: left;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
  margin: 0 auto;
}

@media (max-width: 639px) {
  .single__container {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 374px) {
  .single__container {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.single__container-page {
  max-width: 1162px;
  margin: 0 auto;
  text-align: center;
  margin-top: 28px;
}

.single__container h1 {
  line-height: 72px;
  margin: 25px 0 25px 0;
}

.single__container h1.posts-header {
  margin: 0 0 15px;
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-weight: 700;
  line-height: initial;
  color: #5e5642;
}

@media (max-width: 1023px) {
  .single__container h1 {
    font-size: 60px;
    line-height: 60px;
  }
}

@media (max-width: 639px) {
  .single__container h1 {
    font-size: 42px;
    line-height: 42px;
  }
}

.single__container h2 {
  line-height: 40px;
  margin: 25px 0 25px 0;
}

@media (max-width: 639px) {
  .single__container h2 {
    font-size: 28px;
    line-height: 28px;
  }
}

.single__container h3 {
  line-height: 18px;
  margin: 25px 0 25px 0;
}

@media (max-width: 639px) {
  .single__container h3 {
    font-size: 20px;
    line-height: 20px;
  }
}

.single__container p {
  margin: 25px 0 25px 0;
}

@media (max-width: 1023px) {
  .single__container p {
    font-size: 18px;
    line-height: 1.25;
  }
}

.single__container ol {
  color: #5e5642;
  font-family: "Noto Sans JP";
  font-size: 18px;
}

.single__container ul {
  color: #5e5642;
  font-family: "Noto Sans JP";
  font-size: 18px;
}

.single__container ul li {
  font-size: 18px;
  line-height: 1.6;
}

@media (max-width: 1023px) {
  .single__container ul li {
    line-height: 1.25;
  }
}

.single__container .accordion-title {
  border: none;
  border-top: 1px solid #dfdccf;
  color: #5e5541;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  padding: 25px 0;
}

.single__container .accordion-title:before {
  content: url(../images/home_menu_arrow.png);
  margin-top: -0.75rem;
  right: 0;
  width: 12px;
}

.single__container i {
  font-family: 'imfell_italic-webfont';
  font-size: 38px;
  line-height: 45px;
  margin: 25px 0px 25px 0px;
}

@media (max-width: 1023px) {
  .single__container i {
    font-size: 25px;
    line-height: 32px;
  }
}

@media (max-width: 639px) {
  .single__container i {
    font-size: 22px;
    line-height: 22px;
  }
}

.single__container q {
  padding: 0px 100px 0px 100px;
}

@media (max-width: 1023px) {
  .single__container q {
    padding: 0px 60px 0px 60px;
  }
}

@media (max-width: 639px) {
  .single__container q {
    padding: 0px 60px 0px 60px;
  }
}

.article-nav {
  margin: 0 auto;
  padding: 25px 0px 0px 0px;
  border-bottom-style: solid;
  border-bottom: 1px solid #5E5642;
  text-align: left;
}

.article-nav__breadcrumbs {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  color: #5E5642;
  display: inline-block;
}

.article-nav__breadcrumbs:hover, .article-nav__breadcrumbs:focus {
  color: #3d382a;
}

.article-nav__breadcrumbs--article {
  color: #F36F3A;
}

.ad-save10__container {
  background-color: #AFDEDF;
  text-align: center;
}

@media (max-height: 639px) {
  .ad-save10__container {
    height: initial;
    padding: 5px 0 10px;
  }
}

.ad-save10__container .row {
  margin: 0 auto;
}

.ad-save10__title {
  padding-right: 0;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 639px) {
  .ad-save10__title {
    padding-right: .625rem;
  }
}

.ad-save10__title p {
  margin: 0;
  height: 72px;
  line-height: 72px;
  font-family: 'Noto Sans JP', 'Noto Sans JP';
  font-size: 40px;
  font-weight: 900;
  color: #1a4550;
}

@media (max-width: 740px) {
  .ad-save10__title p {
    font-size: 34px;
  }
}

@media (max-width: 639px) {
  .ad-save10__title p {
    height: 50px;
    line-height: 50px;
    text-align: center;
  }
}

.ad-save10__text {
  padding-left: 0;
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
}

@media (max-height: 639px) {
  .ad-save10__text {
    padding-left: .625rem;
  }
}

.ad-save10__text p {
  margin: 0;
  height: 72px;
  line-height: 72px;
  font-family: 'Noto Sans JP', 'Noto Sans JP';
  font-size: 27px;
  font-weight: 900;
  color: #4B3F30;
}

@media (max-width: 740px) {
  .ad-save10__text p {
    font-size: 21px;
  }
}

@media (max-width: 639px) {
  .ad-save10__text p {
    height: initial;
    line-height: 30px;
    text-align: center;
  }
}

.article-sidenav + .single__container {
  width: 70%;
}

@media (max-width: 639px) {
  .article-sidenav + .single__container {
    width: 100%;
  }
}

.article-sidenav {
  margin: 0;
  margin-top: 35px;
  width: 29%;
  vertical-align: top;
  display: inline-block;
  position: relative;
  text-align: left;
}

@media (max-width: 639px) {
  .article-sidenav {
    display: block;
    top: 0 !important;
    width: 100%;
  }
}

.article-sidenav__container {
  position: absolute;
  width: 80%;
}

@media (max-width: 1023px) {
  .article-sidenav__container {
    width: 100%;
  }
}

@media (max-width: 639px) {
  .article-sidenav__container {
    border-top: none;
    position: relative;
    width: 100%;
  }
}

.article-sidenav__mobileLabel {
  background-color: #dcd9cf;
  cursor: pointer;
  display: none;
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  width: 90%;
  position: relative;
  margin: 0 auto;
}

@media (max-width: 639px) {
  .article-sidenav__mobileLabel {
    display: block;
  }
}

.article-sidenav__mobileLabel:before {
  content: url(../images/home_menu_arrow.png);
  margin-top: -2px;
  position: absolute;
  right: 20px;
  width: 12px;
  transition: transform 0.4s ease, margin-top 0.4s ease;
}

.article-sidenav__mobileLabel.active__open:before {
  margin-top: 2px;
  transform: rotate(180deg);
}

.article-sidenav__links {
  list-style: none;
  color: #5E5642;
  font-family: 'Noto Sans JP', sans-serif;
  width: 100%;
}

.article-sidenav__links-container {
  margin-left: 0;
  margin-top: 20px;
  line-height: 40px;
}

@media (max-width: 639px) {
  .article-sidenav__links-container {
    display: none;
    margin: 0 auto;
    width: 90%;
  }
}

.article-sidenav__links:hover {
  background-color: #afdedf;
  cursor: pointer;
}

.article-sidenav__text {
  display: block;
  padding-left: 10px;
  padding-right: 20px;
}

@media (max-width: 639px) {
  .article-sidenav__text {
    padding-right: 10px;
  }
}

.article-sidenav .show {
  display: block;
}

.article-sidenav .active {
  background-color: #afdedf;
  position: relative;
}

.article-sidenav .active:after {
  content: url("../images/menu-active.png");
  width: 7px;
  position: absolute;
  top: 0;
  right: 20px;
}

@media (max-width: 1023px) {
  .article-sidenav .active:after {
    right: 15px;
    width: 5px;
  }
}

@media (max-width: 639px) {
  .article-sidenav .active:after {
    content: "";
  }
}

.article-sidenav .pcc-menu__topbar {
  margin-left: 0;
  width: 80%;
}

@media (max-width: 1023px) {
  .article-sidenav .pcc-menu__topbar {
    width: 100%;
  }
}

.cultures__container-page {
  max-width: 1162px;
  margin: 0 auto;
}

.cultures__container-title {
  margin-left: 25%;
  max-width: 990px;
  padding-left: 45px;
  padding-right: 45px;
}

@media (max-width: 1139px) {
  .cultures__container-title {
    margin-left: 32%;
    width: 68%;
  }
}

@media (max-width: 900px) {
  .cultures__container-title {
    margin-left: 40%;
    width: 60%;
  }
}

@media (max-width: 730px) {
  .cultures__container-title {
    margin-left: 45%;
    padding-right: 5px;
    width: 55%;
  }
}

@media (max-width: 639px) {
  .cultures__container-title {
    margin-left: 0;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.pcc-media-gallery__header {
  color: #5e5540;
  font-size: 24px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin: 25px 0 0 0 !important;
  text-align: center;
  text-transform: uppercase;
}

.pcc-media-gallery__subHeader {
  color: #215968;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin: 0 0 10px 0 !important;
  text-align: center;
}

.recipes__container-page {
  max-width: 1162px;
  margin: 0 auto;
}

.recipes__container-page .accordion--recipes {
  margin-top: 35px;
}

.recipes__container-page .accordion-content ul {
  display: block;
  margin-bottom: 1.25rem;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #5e5642;
}

.recipes__container-page .accordion-content ul li {
  padding-left: 21px;
  position: relative;
}

.recipes__container-page .accordion-content ul li::after {
  content: "•";
  color: #F36F3A;
  display: inline-block;
  width: 21px;
  position: absolute;
  left: 0;
  padding-left: 0;
}

.recipes__container-page .accordion-content ol {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #5e5642;
  margin-bottom: 1.25rem;
}

.recipes__container-page .accordion-content ol li {
  padding-left: 1.6em;
  text-indent: -1.6em;
}

.accordion-content ul {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #5e5642;
}

.faq-nav {
  height: 112px;
  position: relative;
  width: 100%;
}

@media (max-width: 798px) {
  .faq-nav {
    height: 95px;
  }
}

@media (max-width: 639px) {
  .faq-nav {
    height: 68px;
  }
}

.faq-signup {
  background-color: #a3dedf;
  margin-bottom: -16px;
  padding-top: 25px;
  padding-bottom: 25px;
  width: 100%;
}

.faq-signup input {
  border: 0px;
  margin-top: 10px;
}

.faq-signup input:focus {
  outline: none;
  border: 0px;
}

.faq-signup input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  color: #8C8C8C;
}

.faq-signup input::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  color: #8C8C8C;
}

.faq-signup input:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  color: #8C8C8C;
}

.faq-signup input:-moz-placeholder {
  /* Firefox 18- */
  font-size: 14px;
  color: #8C8C8C;
}

.faq-signup__container {
  margin: 0 auto;
  max-width: 352.94px;
}

@media (max-width: 352.94px) {
  .faq-signup__container {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.faq-signup__title {
  color: #5e5541;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-align: center;
  text-transform: uppercase;
}

.faq-signup__button {
  background-color: #215968;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin-top: 0 !important;
  text-transform: uppercase;
  width: 100%;
}

.faq-signup__button:hover {
  background-color: #294956;
}

.faq-signup__button:focus {
  background-color: #1a4550;
}

.faq-signup__text {
  color: #215968;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}

.faq-signup__link {
  text-decoration: underline;
  color: #215968;
}

.faq-signup__link:hover, .faq-signup__link:focus {
  color: #294956;
}

.faq-save50 {
  background-color: #aedddf;
  display: block;
  text-align: center;
}

.faq-save50__header {
  color: #215968;
  display: inline-block;
  font-size: 48px;
  line-height: 86.5px;
  margin: 0;
  padding: 0;
}

@media (max-width: 639px) {
  .faq-save50__header {
    line-height: 1;
    padding-top: 15px;
  }
}

.faq-save50__text {
  display: inline-block;
  font-family: "Noto Sans JP";
  font-size: 28px;
  line-height: 86.5px;
  margin: 0;
  padding: 0;
  padding-left: 15px;
  text-transform: uppercase;
  vertical-align: bottom;
}

@media (max-width: 639px) {
  .faq-save50__text {
    display: block;
    line-height: 1.5;
    padding: 0;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
  }
}

.faq-save50__learnMore {
  color: #5e5642;
  display: inline-block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  padding-bottom: 15px;
}

.faq-save50__arrow {
  display: inline-block;
}

.faq-faq {
  min-width: 0;
  min-height: 580px;
  padding-top: 65px;
  position: relative;
  width: 100%;
}

@media (max-width: 639px) {
  .faq-faq {
    margin: 0 auto;
    min-height: 0;
    max-width: 352.94px;
  }
}

.faq-faq ul li:before {
  content: "";
}

.faq-faq__directions {
  display: inline-block;
  max-width: 85%;
}

.faq-faq__direction-images {
  display: inline-block;
  line-height: 2.5;
  margin-right: 10px;
  vertical-align: top;
}

.faq-faq__expand {
  color: #00a0b6;
  float: right;
  padding-bottom: 10px;
}

@media (max-width: 639px) {
  .faq-faq__expand {
    display: block;
    float: none;
    text-align: right;
  }
}

@media (max-width: 354px) {
  .faq-faq__expand {
    padding-right: 5px;
  }
}

.faq-faq__expand:hover {
  color: #225a69;
}

.faq-faq__expand:focus {
  color: #00a0b6;
}

.faq-faq__toTop {
  color: #00a0b6;
  float: right;
  padding-top: 10px;
  padding-bottom: 10px;
  clear: both;
}

@media (max-width: 639px) {
  .faq-faq__toTop {
    display: block;
    float: none;
    text-align: right;
  }
}

@media (max-width: 354px) {
  .faq-faq__toTop {
    padding-right: 5px;
  }
}

.faq-faq__toTop:hover {
  color: #225a69;
}

.faq-faq__toTop:focus {
  color: #00a0b6;
}

.faq-faq__bottomSpace {
  margin-bottom: 40px;
}

.faq-faq__bottomSpace ul li:before {
  content: "\2022";
}

.faq-faq__bottomSpace--link {
  color: #00A0B6;
}

.faq-faq__bottomSpace--link:hover, .faq-faq__bottomSpace--link:focus {
  color: #225A69;
}

.faq-faq__button {
  background-color: #215968;
  color: #ffffff !important;
  cursor: pointer;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  width: 153.189px;
}

.faq-faq__button:hover {
  background-color: #294956;
}

.faq-faq__button:focus {
  background-color: #1a4550;
}

.faq-faq__header {
  position: relative;
  top: -12px;
}

.faq-faq__header h1,
.faq-faq__header .header__h1 {
  line-height: 1.1;
}

@media (max-width: 639px) {
  .faq-faq__header h1,
  .faq-faq__header .header__h1 {
    font-size: 42px;
  }
}

@media (max-width: 340px) {
  .faq-faq__header h1,
  .faq-faq__header .header__h1 {
    font-size: 36px;
  }
}

@media (min-width: 375px) {
  .faq-faq__header-big {
    max-width: 990px;
    padding-right: 45px;
    padding-left: 45px;
    margin-left: 25%;
    margin-right: auto;
  }
}

@media (max-width: 1139px) {
  .faq-faq__header-big {
    margin-left: 32%;
    width: 68%;
  }
}

@media (max-width: 900px) {
  .faq-faq__header-big {
    margin-left: 40%;
    width: 60%;
  }
}

@media (max-width: 730px) {
  .faq-faq__header-big {
    margin-left: 45%;
    padding-right: 5px;
    width: 55%;
  }
}

@media (max-width: 639px) {
  .faq-faq__header-big {
    margin-left: 0;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.faq-faq__content {
  display: inline-block;
  max-width: 990px;
  min-height: 580px;
  padding-right: 45px;
  padding-left: 45px;
  margin-left: 25%;
  margin-right: auto;
  padding-bottom: 40px;
  vertical-align: top;
  width: 75%;
}

@media (max-width: 1139px) {
  .faq-faq__content {
    margin-left: 32%;
    width: 68%;
  }
}

@media (max-width: 900px) {
  .faq-faq__content {
    margin-left: 40%;
    width: 60%;
  }
}

@media (max-width: 730px) {
  .faq-faq__content {
    margin-left: 45%;
    padding-right: 5px;
    width: 55%;
  }
}

@media (max-width: 639px) {
  .faq-faq__content {
    margin-left: 0;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

@media (max-width: 900px) {
  .faq-faq__content h1 {
    font-size: 56px;
  }
}

.faq-faq__container {
  margin-top: -20px;
}

.faq-faq__accordion {
  display: block !important;
}

.faq-faq__accordion .accordion-content ul {
  display: block !important;
  margin-bottom: 1rem;
  list-style: none;
}

.faq-faq__accordion .accordion-content ul li {
  padding-left: 21px;
}

.faq-faq__accordion .accordion-content ul li::before {
  content: "•";
  color: #F36F3A;
  display: inline-block;
  width: 21px;
  margin-left: -21px;
}

.faq-faq .pcc-menu__container {
  background-color: #fff;
  padding-top: 15px;
  position: absolute;
  top: 65px;
  margin-left: 35px;
  width: 276.47px;
}

@media (max-width: 639px) {
  .faq-faq .pcc-menu__container {
    border-top: none;
    margin: 0 auto;
    margin-top: 25px;
    padding-top: 0;
    position: relative;
    max-width: 352.94px;
    width: 100%;
    left: 0;
  }
}

.faq-faq .pcc-menu__container ul {
  padding-top: 20px;
}

.faq-faq .pcc-menu__container li {
  color: #605543;
  height: auto;
  padding: 5px 15px;
  position: relative;
  width: 100%;
}

@media (max-width: 639px) {
  .faq-faq .pcc-menu__container li {
    padding: 10px 15px;
  }
}

.faq-faq .pcc-menu__container li.active {
  background-color: #a9d8da;
}

@media (max-width: 639px) {
  .faq-faq .pcc-menu__container li.active {
    display: block;
    font-weight: 700;
  }
}

.faq-faq .pcc-menu__container li.active:after {
  left: auto;
  right: 15px;
  top: 6px;
}

.faq-faq .pcc-menu__container li:hover {
  background-color: #a9d8da;
}

.faq-faq .pcc-menu__container li a {
  color: inherit;
  display: block;
  height: 100%;
  width: 100%;
}

.faq-faq .pcc-menu__list {
  padding: 0;
  width: 100%;
}

.faq-faq .pcc-menu__list .recipe-list tr:nth-child(even) {
  background-color: #EEE;
}

.faq-faq .pcc-menu__list .recipe-list a,
.faq-faq .pcc-menu__list .recipe-list a:visited {
  color: black;
}

.faq-faq .pcc-menu__list .accordion-title {
  border: none;
  border-top: 1px solid #dfdccf;
  color: #5e5541;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  padding: 25px 0;
  margin-top: -25px;
}

.faq-faq .pcc-menu__list .accordion-title--recipes {
  margin-bottom: 25px;
}

@media (max-width: 354px) {
  .faq-faq .pcc-menu__list .accordion-title {
    padding-left: 5px;
  }
}

.faq-faq .pcc-menu__list .accordion-title:before {
  content: url(../images/home_menu_arrow.png);
  margin-top: -0.75rem;
  right: 0;
  width: 12px;
}

@media (max-width: 639px) {
  .faq-faq .pcc-menu__list .accordion-title:before {
    right: 20px;
  }
}

.faq-faq .pcc-menu__list .accordion-title:hover, .faq-faq .pcc-menu__list .accordion-title:focus {
  background-color: inherit;
}

.faq-faq .pcc-menu__list .accordion-content {
  border: none;
}

@media (max-width: 639px) {
  .faq-faq .pcc-menu__list .accordion-content {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 354px) {
  .faq-faq .pcc-menu__list .accordion-content {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.faq-faq .pcc-menu__list .accordion-content p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.faq-faq .pcc-menu__list .accordion-item:last-child {
  border-bottom: 1px solid #dfdccf;
}

.faq-faq .pcc-menu__list .is-active .accordion-title:before {
  margin-top: -4px;
  transform: rotate(180deg);
}

.faq-faq .pcc-menu__mobileLabel {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.pcc-menu__topbar {
  background-color: #ff9d53;
  margin-left: 35px;
  position: absolute;
  height: 5px;
  width: 276.47px;
  z-index: 1;
}

@media (max-width: 639px) {
  .pcc-menu__topbar {
    display: none;
  }
}

.recipe-content ul {
  display: block !important;
}

.splide__slide {
  background-size: cover;
  background-position: center center;
}

.splide__slide:after {
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .1s ease-out;
  width: 100%;
  z-index: 1;
}

.residents-only {
  padding: 85px 0px 45px 0px;
  background-color: #edece6;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

@media (max-width: 639px) {
  .residents-only {
    padding-top: 40px;
  }
}

.residents-only__ornament--top {
  position: absolute;
  top: 0px;
  min-height: 85px;
  width: 100%;
  background: url(../images/residents.png);
  background-position: 0px -10px;
  background-repeat: repeat-x;
}

.residents-only__ornament--bottom {
  height: 85px;
  width: 100%;
  background: url(../images/agents_ornament_bottom.png);
  background-position: 0px -8px;
  background-repeat: repeat-x;
}

.residents-only__ornament--bottom-container {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 34px;
}

.residents-only__container {
  text-align: center;
  margin: 0 auto;
  width: 850px;
}

@media (max-width: 1023px) {
  .residents-only__container {
    width: 600px;
  }
}

@media (max-width: 639px) {
  .residents-only__container {
    width: 100%;
    padding: 0px 30px;
  }
}

.residents-only__header {
  width: 550px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

@media (max-width: 1023px) {
  .residents-only__header {
    width: 400px;
  }
}

@media (max-width: 639px) {
  .residents-only__header {
    width: 271px;
  }
}

.residents-only__header--img {
  z-index: 1;
  position: relative;
}

.residents-only__ribbon {
  position: absolute;
  right: -200px;
  top: -50px;
  width: 260px;
}

@media (max-width: 1023px) {
  .residents-only__ribbon {
    right: -120px;
    width: 169px;
  }
}

@media (max-width: 639px) {
  .residents-only__ribbon {
    display: none;
  }
}

.residents-only__ribbon--mobile {
  display: none;
}

@media (max-width: 639px) {
  .residents-only__ribbon--mobile {
    display: block;
    width: 100%;
    margin-top: -30px;
  }
}

.residents-only__subheader {
  font-family: 'imfell_italic-webfont';
  font-size: 40px;
  line-height: 40px;
  color: #5E5642;
  padding: 40px 0px;
}

@media (max-width: 1023px) {
  .residents-only__subheader {
    font-size: 34px;
  }
}

@media (max-width: 639px) {
  .residents-only__subheader {
    font-size: 22px;
    line-height: 22px;
    padding: 10px 30px;
  }
}

.residents-only__text {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  color: #5E5642;
  padding: 15px 0px 15px 0px;
}

@media (max-width: 1023px) {
  .residents-only__text {
    font-size: 16px;
  }
}

.residents-only__awards {
  display: inline-block;
  width: 105px;
  margin: 0px 20px 0px 20px;
}

@media (max-width: 1023px) {
  .residents-only__awards {
    width: 55px;
  }
}

.residents-only__awards-container {
  padding: 15px 0px 15px 0px;
}

.residents-only__awards--trip-advisor {
  width: 160px;
}

@media (max-width: 1023px) {
  .residents-only__awards--trip-advisor {
    width: 100px;
  }
}

#OhanaRegisterModal {
  margin-top: 112px;
}

.resident-register.v2 .resident-register__container {
  padding-bottom: 50px;
}

.resident-register.v2 .resident-register__header {
  padding-bottom: 0px;
}

@media (max-width: 639px) {
  .resident-register.v2 {
    margin-bottom: 30px;
  }
}

.resident-register .button__white {
  width: auto;
  background-color: #fff;
  color: #215968;
  min-width: auto;
}

.resident-register .button__white:hover {
  background-color: #215968;
  color: #fff;
}

@media (max-width: 746px) {
  .resident-register .button__white {
    margin-top: 20px;
    min-width: 431px;
  }
}

@media (max-width: 639px) {
  .resident-register .button__white {
    width: 80%;
    min-width: auto;
  }
}

.resident-register__container {
  min-height: 240px;
  background-color: #AFDEDF;
  text-align: center;
}

.resident-register__content {
  display: inline-block;
}

.resident-register__header {
  color: #5e5541;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  font-size: 24px;
  padding: 40px 0px 25px 0px;
  margin: 0;
}

.resident-register__fields {
  display: inline-block;
  box-shadow: none;
  height: 40px;
  margin: 0px 5px 0px 5px;
}

@media (max-width: 639px) {
  .resident-register__fields {
    display: block;
    width: 80%;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

.resident-register__input {
  border: none;
  box-shadow: none;
  height: 40px;
  min-width: 275px;
  font-size: 14px;
}

.resident-register__button {
  margin: 0px 5px 0px 5px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  font-size: 14px;
  background-color: #215968;
  width: 150px;
  height: 40px;
  vertical-align: baseline;
}

.resident-register__button:hover, .resident-register__button:focus {
  background-color: #294956;
}

@media (max-width: 639px) {
  .resident-register__button {
    width: 80%;
  }
}

.resident-register__button_v2 {
  margin: 0px 5px;
  padding: 10px 80px;
  font-weight: normal;
  font-size: 25px;
  min-width: 340px;
}

@media (max-width: 639px) {
  .resident-register__button_v2 {
    width: 80%;
    min-width: auto;
    font-size: 18px;
    padding: 10px 0;
  }
}

.resident-register__button_v2:hover, .resident-register__button_v2:focus {
  background-color: #294956;
}

.resident-register__button-container {
  display: inline-block;
}

@media (max-width: 768px) {
  .resident-register__button-container {
    display: block;
    padding-top: 25px;
  }
}

@media (max-width: 639px) {
  .resident-register__button-container {
    padding-top: 0px;
  }
}

.resident-register__signin {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  color: #225A69;
  padding: 35px 0px 35px 50px;
  margin-bottom: 0;
}

.resident-register__signin_v2 {
  color: #225A69;
  padding: 10px 0px 20px 0px;
  margin-bottom: 0;
  text-align: center;
  margin: auto;
}

@media (max-width: 639px) {
  .resident-register__signin_v2 {
    width: 80%;
    display: block;
  }
}

.resident-register__signin--link {
  color: #00A0B6;
  border-bottom: 1px solid #00A0B6;
  text-decoration: none;
  display: inline-block;
}

.resident-register__signin--link--update {
  margin-right: 5px;
}

.resident-register__signin--link:hover, .resident-register__signin--link:focus {
  color: #225A69;
  border-bottom: 1px solid #225A69;
}

@media (max-width: 639px) {
  .resident-register__signin--link:first-child {
    margin-bottom: 10px;
  }
}

.resident-register-success {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

.resident-register-success__overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.85);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
}

.resident-register-success-modal {
  background-color: #ffffff;
  margin: 0 auto;
  max-width: 575px;
  position: relative;
  padding: 35px 45px;
}

.resident-register-success-modal--helper {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.resident-register-success-modal__close {
  color: #f46e39;
  cursor: pointer;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 32px;
  position: absolute;
  right: 0;
  padding: 0 20px;
  top: 0;
}

.resident-register-success-modal__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
}

.resident-register-success-modal__blurb {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  margin-bottom: 0;
}

.resident-register-modal {
  background-color: white;
}

.resident-register-modal__header {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #5E5642;
  padding: 0px 15px 0px 15px;
}

.resident-register-modal__text {
  padding: 0px 15px 0px 15px;
}

.resident-register-modal__close {
  color: #ff6e42;
  line-height: 4em;
}

.resident-register-modal__label {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  color: #898989;
  margin-top: 10px;
}

.resident-register-modal__label--required {
  color: #ff6e42;
}

.resident-register-modal__input {
  border: none;
  margin-bottom: 5px;
  box-shadow: none;
  background-color: #eae9e3;
  color: #5E5642;
}

.resident-register-modal__input:focus {
  border: none;
  box-shadow: none;
  background-color: #eae9e3;
}

.resident-register-modal__submit {
  float: right;
  background-color: #215968;
  width: 150px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  font-size: 14px;
}

@media (max-width: 639px) {
  .resident-register-modal__submit {
    width: 100%;
  }
}

.resident-register-modal__submit-container {
  padding-left: 0;
  padding-right: 0;
}

.resident-register-modal__gdpr a {
  text-decoration: underline;
}

.resident-register-modal__last {
  margin-top: 20px;
}

.resident-register-modal__alert {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  color: #ff6e42;
}

.resident-register-modal__email-confirm {
  width: 20px;
  position: relative;
}

.resident-register-modal__email-confirm label {
  margin-left: 0;
  margin-top: 15px;
  background-color: #edece6;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(top, #222 0%, #45484d 100%);
}

.resident-register-modal__email-confirm label:after {
  content: '';
  width: 13px;
  height: 8px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #ff6e42;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  transform: rotate(-45deg);
}

.resident-register-modal__email-confirm label:hover::after {
  opacity: 0.3;
}

.resident-register-modal__email-confirm input[type=checkbox] {
  visibility: hidden;
}

.resident-register-modal__email-confirm input[type=checkbox]:checked + label:after {
  opacity: 1;
}

.residents-exclusive {
  position: relative;
  background-color: white;
  min-height: 530px;
}

@media (max-width: 1023px) {
  .residents-exclusive {
    min-height: 500px;
  }
}

@media (max-width: 639px) {
  .residents-exclusive {
    width: 100%;
  }
}

.residents-exclusive__container {
  position: relative;
  max-width: 1200px;
  padding-top: 60px;
  margin: 0 auto;
}

@media (max-width: 1345px) {
  .residents-exclusive__container {
    max-width: 990px;
  }
}

@media (max-width: 1023px) {
  .residents-exclusive__container {
    max-width: 590px;
  }
}

@media (max-width: 639px) {
  .residents-exclusive__container {
    padding-top: 30px;
  }
}

.residents-exclusive-gallery {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 639px) {
  .residents-exclusive-gallery {
    position: relative;
    margin-top: 35px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .residents-exclusive-gallery .pcc-slider__container {
    width: 230px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .residents-exclusive-gallery .pcc-slider__slide {
    height: 115px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .residents-exclusive-gallery .pcc-slider__slide--100 {
    height: 184.402px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .residents-exclusive-gallery .pcc-slider__slide--100-thin {
    height: 100px;
  }
}

.residents-exclusive-description {
  padding-left: 384px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

@media (max-width: 1023px) {
  .residents-exclusive-description {
    padding-left: 235px;
  }
}

@media (max-width: 639px) {
  .residents-exclusive-description {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.residents-exclusive-description__award {
  position: absolute;
  top: -90px;
  right: -140px;
  width: 230px;
}

@media (max-width: 1345px) {
  .residents-exclusive-description__award {
    width: 160px;
    right: -20px;
  }
}

@media (max-width: 1023px) {
  .residents-exclusive-description__award {
    width: 120px;
    right: -82px;
  }
}

@media (max-width: 639px) {
  .residents-exclusive-description__award {
    display: none;
  }
}

.residents-exclusive-description__banner {
  min-width: 300px;
}

@media (min-width: 640px) {
  .residents-exclusive-description__banner {
    display: none;
  }
}

.residents-exclusive-description__list {
  list-style: none;
}

.residents-exclusive-description__body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  color: #5E5642;
  padding-top: 20px;
}

@media (max-width: 1345px) {
  .residents-exclusive-description__body {
    font-size: 18px;
  }
}

@media (max-width: 1023px) {
  .residents-exclusive-description__body {
    font-size: 18px;
  }
}

@media (max-width: 639px) {
  .residents-exclusive-description__body {
    font-size: 18px;
  }
}

.residents-exclusive-description__body--blue {
  color: #215968;
  font-weight: bold;
}

@media (max-width: 1345px) {
  .residents-exclusive-description__body--blue {
    font-size: 18px;
  }
}

@media (max-width: 1023px) {
  .residents-exclusive-description__body--blue {
    font-size: 18px;
  }
}

@media (max-width: 639px) {
  .residents-exclusive-description__body--blue {
    font-size: 18px;
  }
}

.residents-exclusive-description__body:before {
  display: inline-block;
  content: "\2022";
  color: #F4A145;
  width: 25px;
  margin-left: -25px;
}

@media (max-width: 1023px) {
  .residents-exclusive-description__body:before {
    margin-left: -25px;
    padding-left: 15px;
  }
}

@media (max-width: 639px) {
  .residents-exclusive-description__body:before {
    padding-left: 0px;
  }
}

.residents-exclusive-description__header {
  font-size: 18px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  color: #215968;
  margin-top: 43px;
  margin-bottom: 0px;
}

@media (max-width: 1345px) {
  .residents-exclusive-description__header {
    font-size: 18px;
  }
}

@media (max-width: 1023px) {
  .residents-exclusive-description__header {
    font-size: 18px;
  }
}

@media (max-width: 639px) {
  .residents-exclusive-description__header {
    font-size: 18px;
    padding-bottom: 20px;
  }
}

.residents-exclusive-header__icon {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.residents-exclusive-header__text {
  display: inline-block;
  color: #5E5642;
  vertical-align: middle;
  font-size: 40px;
  margin-bottom: 0;
}

@media (max-width: 1345px) {
  .residents-exclusive-header__text {
    font-size: 32px;
  }
}

@media (max-width: 639px) {
  .residents-exclusive-header__text {
    font-size: 36px;
  }
}

.residents-exclusive-separator {
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
  width: 100%;
  min-height: 12px;
  background-image: url(../images/ornament_separator_single.png);
  background-position: center;
  background-repeat: repeat-x;
  background-size: contain;
}

.resident-faq {
  position: relative;
  padding-bottom: 35px;
}

.resident-faq-container {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 34px;
}

.resident-faq__container {
  width: 1150px;
  margin: 0 auto;
}

@media (max-width: 1345px) {
  .resident-faq__container {
    width: 990px;
  }
}

@media (max-width: 1023px) {
  .resident-faq__container {
    width: 590px;
  }
}

@media (max-width: 639px) {
  .resident-faq__container {
    width: 100%;
  }
}

.resident-faq__menu {
  display: inline-block;
  color: #5E5642;
  width: 345px;
}

@media (max-width: 1345px) {
  .resident-faq__menu {
    width: 250px;
  }
}

@media (max-width: 1023px) {
  .resident-faq__menu {
    width: 230px;
  }
}

@media (max-width: 639px) {
  .resident-faq__menu {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    display: block;
  }
}

.resident-faq__header {
  font-size: 40px;
}

@media (max-width: 1345px) {
  .resident-faq__header {
    font-size: 28px;
  }
}

@media (max-width: 639px) {
  .resident-faq__header {
    font-size: 36px;
  }
}

.resident-faq__text {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
}

@media (max-width: 1345px) {
  .resident-faq__text {
    font-size: 18px;
  }
}

@media (max-width: 639px) {
  .resident-faq__text {
    font-size: 18px;
  }
}

.resident-faq__separator {
  height: 1px;
  background-color: #DAD8CC;
  margin: 30px 0px 30px 0px;
}

.resident-faq__info {
  margin: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  line-height: 20px;
}

@media (max-width: 1345px) {
  .resident-faq__info {
    font-size: 18px;
  }
}

@media (max-width: 639px) {
  .resident-faq__info {
    font-size: 18px;
  }
}

.resident-faq__info--blue {
  color: #215968;
  margin-bottom: 20px;
}

.resident-faq__info--blue--extended {
  margin-bottom: 0;
}

.resident-faq__accordian {
  display: inline-block;
  margin-left: 50px;
  width: 750px;
  vertical-align: top;
}

@media (max-width: 1345px) {
  .resident-faq__accordian {
    width: 685px;
  }
}

@media (max-width: 1023px) {
  .resident-faq__accordian {
    width: 305px;
  }
}

@media (max-width: 639px) {
  .resident-faq__accordian {
    margin: 0 auto;
    display: block;
    width: 80%;
  }
}

.resident-faq .accordion-title {
  border: none;
  border-top: 1px solid #dfdccf;
  color: #5e5541;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  padding: 25px 20px 25px 0;
}

@media (max-width: 1023px) {
  .resident-faq .accordion-title {
    font-size: 14px;
  }
}

@media (max-width: 354px) {
  .resident-faq .accordion-title {
    padding-left: 5px;
  }
}

@media (max-width: 639px) {
  .resident-faq .accordion-title {
    font-size: 18px;
  }
}

.resident-faq .accordion-title:before {
  content: url(../images/home_menu_arrow.png);
  margin-top: -0.75rem;
  right: 0;
  width: 12px;
}

@media (max-width: 639px) {
  .resident-faq .accordion-title:before {
    right: 0px;
  }
}

.resident-faq .accordion-title:hover, .resident-faq .accordion-title:focus {
  background-color: inherit;
}

.resident-faq .accordion-content {
  border: none;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #5e5642;
}

@media (max-width: 639px) {
  .resident-faq .accordion-content {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 354px) {
  .resident-faq .accordion-content {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.resident-faq .accordion-content p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

@media (max-width: 1345px) {
  .resident-faq .accordion-content p {
    font-size: 18px;
  }
}

@media (max-width: 639px) {
  .resident-faq .accordion-content p {
    font-size: 18px;
  }
}

.resident-faq .accordion-item:last-child {
  border-bottom: 1px solid #dfdccf;
}

.resident-faq .is-active .accordion-title:before {
  margin-top: -4px;
  transform: rotate(180deg);
}

.residents-welcome {
  padding: 85px 0px 45px 0px;
  background-color: #edece6;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

@media (max-width: 639px) {
  .residents-welcome {
    padding-top: 40px;
  }
}

.residents-welcome__ornament--top {
  position: absolute;
  top: 0px;
  min-height: 85px;
  width: 100%;
  background: url(../images/residents.png);
  background-position: 0px -10px;
  background-repeat: repeat-x;
}

.residents-welcome__ornament--bottom {
  display: none;
}

@media (max-width: 639px) {
  .residents-welcome__ornament--bottom {
    display: block;
    height: 85px;
    width: 100%;
    background: url(../images/agents_ornament_bottom.png);
    background-position: 0px 5px;
    background-repeat: repeat-x;
  }
  .residents-welcome__ornament--bottom-container {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 34px;
  }
}

.residents-welcome__spacer {
  padding: 35px 0;
  text-align: center;
}

@media (max-width: 639px) {
  .residents-welcome__spacer {
    text-align: left;
    font-size: 42px;
    padding: 35px 35px;
  }
}

.residents-welcome__container {
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

.residents-welcome__info {
  vertical-align: middle;
  width: 55%;
  text-align: left;
  display: inline-block;
}

@media (max-width: 639px) {
  .residents-welcome__info {
    width: 100%;
    padding: 0 8%;
    text-align: center;
  }
}

.residents-welcome__header {
  width: 23.75%;
  display: inline-block;
  margin: 0 auto;
  margin-right: 4%;
  margin-top: 30px;
  vertical-align: top;
  text-align: left;
  position: relative;
}

@media (max-width: 639px) {
  .residents-welcome__header {
    display: block;
    margin: 0 auto;
    width: 60%;
    padding-bottom: 20px;
  }
}

.residents-welcome__header--img {
  z-index: 1;
  position: relative;
}

.residents-welcome__subheader {
  color: #5E5642;
  font-family: 'imfell_italic-webfont';
  font-size: 40px;
  margin-top: 20px;
}

@media (max-width: 1023px) {
  .residents-welcome__subheader {
    font-size: 34px;
  }
}

@media (max-width: 639px) {
  .residents-welcome__subheader {
    font-size: 22px;
    margin: 0 auto;
    max-width: 295px;
  }
}

.residents-welcome__text {
  color: #5E5642;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  margin-top: 15px;
  line-height: 2;
}

@media (max-width: 1023px) {
  .residents-welcome__text {
    font-size: 16px;
  }
}

@media (max-width: 639px) {
  .residents-welcome__text {
    text-align: left;
  }
}

.resident-sections {
  text-align: center;
}

.resident-sections__ornament--top {
  height: 85px;
  width: 100%;
  background: url(../images/resident_ornament_top.png);
  background-position: 0px -8px;
  background-repeat: repeat-x;
}

.resident-sections__ornament--top-container {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  height: 34px;
}

.resident-sections__ornament--bottom {
  height: 85px;
  width: 100%;
  background: url(../images/resident_ornament_top.png);
  background-position: 0px -8px;
  background-repeat: repeat-x;
}

.resident-sections__ornament--bottom-container {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 34px;
}

.resident-sections__main {
  padding: 50px 0;
  background-color: #afddde;
  position: relative;
}

@media (max-width: 639px) {
  .resident-sections__main-container {
    margin: 0 20px;
  }
}

.resident-sections__secondary {
  padding: 50px 0;
  position: relative;
}

@media (max-width: 639px) {
  .resident-sections__secondary-container {
    margin: 0 20px;
  }
}

.resident-sections__image {
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
  text-align: left;
  width: 23%;
}

@media (max-width: 639px) {
  .resident-sections__image {
    width: 100%;
    text-align: center;
    margin: 20px 0;
  }
}

.resident-sections__info {
  display: inline-block;
  width: 45%;
  position: relative;
  text-align: left;
  max-width: 560px;
}

@media (max-width: 639px) {
  .resident-sections__info {
    width: 100%;
  }
}

.resident-sections__info--banner {
  display: none;
}

@media (max-width: 639px) {
  .resident-sections__info--banner {
    display: block;
    width: 100%;
  }
}

.resident-sections__icon-container {
  display: inline-block;
  width: 15%;
  vertical-align: top;
  margin-top: -81px;
  position: relative;
}

@media (max-width: 639px) {
  .resident-sections__icon-container {
    display: none;
  }
}

.resident-sections__header {
  font-size: 40px;
  line-height: 40px;
}

@media (max-width: 1023px) {
  .resident-sections__header {
    font-size: 30px;
  }
}

@media (max-width: 639px) {
  .resident-sections__header {
    display: none;
  }
}

.resident-sections__header--mobile {
  display: none;
}

@media (max-width: 639px) {
  .resident-sections__header--mobile {
    text-align: left;
    display: block;
    font-size: 28px;
    line-height: 28px;
  }
}

.resident-sections__text {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  color: #5E5642;
  max-width: 560px;
}

@media (max-width: 1023px) {
  .resident-sections__text {
    font-size: 14px;
    max-width: 450px;
  }
}

@media (max-width: 639px) {
  .resident-sections__text {
    font-size: 18px;
  }
}

.resident-sections__button {
  width: 150px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: bold;
  background-color: #215968;
}

@media (max-width: 639px) {
  .resident-sections__button {
    width: 100%;
  }
}

.resident-sections__button:hover {
  background-color: #1a4550;
}

.resident-sections__spacer {
  margin: 0 auto;
  width: 75%;
  height: 12px;
  background-image: url(../images/ornament_separator_single.png);
  background-position: center;
  background-repeat: repeat-x;
  background-size: contain;
}

@media (max-width: 639px) {
  .resident-sections__spacer {
    width: 91.50%;
  }
}

.masthead-bookingWidget {
  height: 0;
  left: 5%;
  position: relative;
  top: -301px;
}

@media (max-width: 639px) {
  .masthead-bookingWidget {
    top: 0;
    left: 0;
    height: auto;
  }
}

.booking_hide {
  display: none;
}

.booking-widget__tablet-block {
  margin-left: 15px;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  .booking-widget__tablet-block {
    display: inline;
  }
}

.booking-widget__container {
  background: rgba(0, 0, 0, 0.5);
  padding-top: 15px;
  padding-bottom: 10px;
  text-align: center;
}

.booking-widget__container input {
  background-color: #f1f1f1;
}

.booking-widget__datepick {
  max-width: 75%;
  border: none !important;
}

.booking-widget__img {
  width: 25px;
  display: inline-block;
  float: right;
  margin-top: -55px;
  padding: 10px;
  background-color: white;
  width: 39px;
}

.booking-widget__row {
  margin-top: 8px;
}

.booking-widget__group {
  display: inline-block;
  margin: 0 12px 0 12px;
}

@media (max-width: 639px) {
  .booking-widget__group {
    margin: 0 auto;
    text-align: center;
    display: block;
  }
}

.booking-widget__title {
  color: #F4A145;
  font-size: 30px;
  font-family: 'Noto Sans JP';
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}

@media (max-width: 1023px) {
  .booking-widget__title {
    font-size: 40px;
  }
}

.booking-widget__sub-title {
  color: white;
  font-size: 13px;
  font-family: 'Noto Sans JP', sans-serif;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  margin-right: 15px;
  line-height: 1.2;
}

@media (max-width: 1023px) {
  .booking-widget__sub-title {
    font-size: 16px;
    text-align: center;
  }
}

.booking-widget__input {
  border: none;
  display: inline-block;
}

.booking-widget__input-block {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border: none;
  color: #ACACAC;
  background-color: #f1f1f1;
}

.booking-widget__input--month {
  max-width: 150px;
}

.booking-widget__input--adults {
  width: 65px;
}

.booking-widget__input--children {
  width: 65px;
}

.booking-widget__input--white {
  background-color: white;
}

.booking-widget__label {
  display: inline-block;
}

@media (max-width: 639px) {
  .booking-widget__label--when {
    padding-right: 1px;
  }
}

@media (max-width: 639px) {
  .booking-widget__label--adults {
    padding-right: 84px;
  }
}

@media (max-width: 639px) {
  .booking-widget__label--children {
    padding-right: 8px;
  }
}

.booking-widget__text {
  font-size: 11px;
  color: white;
  padding-right: 8px;
  font-family: 'Open Sans', sans-serif;
}

@media (max-width: 1023px) {
  .booking-widget__text {
    font-size: 14px;
  }
}

.booking-widget__fields {
  color: white;
}

.booking-widget__button {
  background-color: #F36F3A;
  border: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  color: white;
  height: 39px;
  width: 100px;
  margin: auto;
}

.booking-widget__button:hover {
  background-color: #D26031;
}

.booking-widget__button:focus {
  background-color: #A44427;
}

@media (max-width: 1023px) {
  .booking-widget__button {
    font-size: 14px;
    width: 350px;
    margin-bottom: 25px;
  }
}

@media (max-width: 639px) {
  .booking-widget__button {
    width: 200px;
  }
}

.booking-widget-full__calendar-link {
  cursor: pointer;
}

.booking-widget-full__calendar-link:hover {
  cursor: pointer;
}

.booking-widget-full__container {
  height: 265px;
  width: 300px;
  background: rgba(0, 0, 0, 0.5);
  padding-top: 15px;
  padding-bottom: 10px;
  position: relative;
  text-align: center;
  top: 0;
  -webkit-transition: height 1s, top 1s;
  -moz-transition: height 1s, top 1s;
  -ms-transition: height 1s, top 1s;
  -o-transition: height 1s, top 1s;
  transition: height 1s, top 1s;
  overflow: hidden;
}

@media (max-width: 639px) {
  .booking-widget-full__container {
    background: #56483b;
    height: 12em;
    width: 100%;
  }
}

@media (max-width: 368px) {
  .booking-widget-full__container {
    height: 13.5em;
  }
}

@media (max-width: 245px) {
  .booking-widget-full__container {
    height: 15em;
  }
}

.booking-widget-full__container-alt {
  height: auto;
}

.booking-widget-full__container input {
  background-color: #f1f1f1;
}

.booking-widget-full__container--border {
  border-top-color: #F4A145;
  border-top-width: 5px;
  border-top-style: solid;
}

@media (max-width: 639px) {
  .booking-widget-full__container--border {
    border: none;
  }
}

.booking-widget-full__container--grow {
  height: 500px;
  top: -235px;
}

@media (max-width: 639px) {
  .booking-widget-full__container--grow {
    top: 0;
    height: 480px;
  }
}

@media (max-width: 234px) {
  .booking-widget-full__container--grow {
    height: 490px;
  }
}

.booking-widget-full__datepick {
  border: none !important;
}

.booking-widget-full__datepick--fake {
  background-color: #f1f1f1;
  color: #CACACA !important;
  border: none !important;
  text-align: left;
  display: block;
  width: 100%;
  height: 2.4375rem;
  padding: .5rem;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: #0a0a0a;
  border-radius: 0;
  transition: box-shadow .5s, border-color .25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.booking-widget-full__img {
  width: 25px;
  display: inline-block;
  float: right;
  margin-top: -55px;
  padding: 10px;
  background-color: white;
  width: 39px;
}

.booking-widget-full__row {
  margin-top: 8px;
  margin-bottom: 16px;
}

.booking-widget-full__group {
  margin-left: 25px;
  margin-right: 25px;
}

.booking-widget-full__title {
  color: #F4A145;
  font-size: 34px;
  font-weight: 900;
  text-align: left;
  font-family: 'Noto Sans JP';
  margin-right: 12px;
}

@media (max-width: 639px) {
  .booking-widget-full__title {
    font-size: 24px;
  }
}

.booking-widget-full__sub-title {
  color: white;
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: left;
  line-height: 1.2;
  margin-bottom: 15px;
}

@media (max-width: 639px) {
  .booking-widget-full__sub-title {
    margin-bottom: 10px;
  }
}

.booking-widget-full__input {
  border: none;
}

.booking-widget-full__input-block {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border: none;
  color: #ACACAC;
  background-color: #f1f1f1;
}

.booking-widget-full__input--white {
  background-color: white;
}

.booking-widget-full__text {
  text-align: left;
  font-size: 18px;
  color: white;
  margin-bottom: 8px;
  padding-right: 8px;
  font-family: 'Noto Sans JP', sans-serif;
}

.booking-widget-full__fields {
  color: white;
}

.booking-widget-full__button {
  background-color: #F36F3A;
  border: none;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: #fff;
  height: 48px;
  width: 100%;
  margin: auto;
}

.booking-widget-full__button-alt {
  line-height: 25px;
}

.booking-widget-full__button-group {
  margin-top: 30px;
}

.booking-widget-full__button:hover {
  background-color: #D26031;
}

.booking-widget-full__button:focus {
  background-color: #A44427;
}

.booking-save-10 {
  background-color: rgba(0, 0, 0, 0.85);
  display: inline-block;
  padding: 15px 25px;
}

@media (max-width: 639px) {
  .booking-save-10 {
    background-color: #56483b;
    width: 100%;
  }
}

.booking-save-10__container {
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 639px) {
  .booking-save-10__container {
    display: block;
  }
}

.booking-save-10__header {
  color: #f19f4f;
  font-family: "Noto Sans JP";
  font-size: 34px;
  padding-right: 15px;
}

@media (max-width: 1023px) {
  .booking-save-10__header {
    font-size: 24px;
    text-align: left;
  }
}

.booking-save-10__summary {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 22px;
  font-weight: 700;
  padding-right: 30px;
  text-transform: uppercase;
}

@media (max-width: 1023px) {
  .booking-save-10__summary {
    font-size: 16px;
  }
}

@media (max-width: 639px) {
  .booking-save-10__summary {
    font-weight: 400;
    text-align: left;
    text-transform: none;
  }
}

@media (min-width: 640px) and (max-width: 749px) {
  .booking-save-10__summary-breaker {
    display: block;
  }
}

.booking-save-10__cta {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 15px;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 1023px) {
  .booking-save-10__cta {
    font-size: 12px;
  }
}

@media (max-width: 639px) {
  .booking-save-10__cta {
    font-size: 13.5px;
    padding: 15px;
    margin-top: 25px;
    margin-bottom: 10px;
  }
}

.booking-save-10--widget-override {
  width: 100%;
  left: auto;
  text-align: center;
  top: -100px;
}

@media (max-width: 639px) {
  .booking-save-10--widget-override {
    top: 0;
  }
}

.alert-banner {
  background-color: #9B1700;
  color: #ffffff;
  padding: 15px 0;
  position: relative;
  width: 100%;
}

@media (min-width: 640px) {
  .alert-banner--mobile {
    display: none;
  }
}

@media (max-width: 639px) {
  .alert-banner--mobile .alert-banner__close {
    font-size: 14px;
    top: 18px;
  }
}

@media (max-width: 639px) {
  .alert-banner--desktop {
    display: none;
  }
}

.alert-banner p {
  color: inherit;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  letter-spacing: 0.1em;
  text-align: center;
}

.alert-banner p span.dashicons {
  vertical-align: text-top;
}

.alert-banner p span.header {
  font-weight: 700;
  padding-left: 0.5em;
}

.alert-banner p a {
  color: inherit;
}

.alert-banner p a:hover {
  border-bottom: 2px solid #fff;
  text-decoration: none;
}

.alert-banner__close {
  color: inherit;
  opacity: 0.44;
  font-size: 18px;
  position: absolute;
  top: 15px;
  right: 25px;
}

.alert-banner__close:hover {
  color: inherit;
  opacity: 0.8;
}

.alert-banner__close:after {
  content: "\00d7";
  font-size: 31px;
  position: absolute;
  right: -20px;
  top: -11px;
}

@media (max-width: 639px) {
  .alert-banner__close:after {
    font-size: 27px;
    top: -12px;
  }
}

.customer-reviews-slider__stars,
.package_info__review-stars span.rating-star {
  color: #FEC600;
  font-size: 24px !important;
}

.customer-reviews {
  min-height: 405px;
  background-color: #ffffff;
  overflow: hidden;
  position: relative;
}

@media (max-width: 639px) {
  .customer-reviews {
    display: none;
  }
}

.customer-reviews__ornament {
  position: absolute;
  top: -10px;
  min-height: 85px;
  width: 100%;
  background: url(../images/reviews.png);
  opacity: .75;
}

.customer-reviews__container {
  position: relative;
  flex-direction: column;
  justify-content: center;
  display: flex;
  align-items: center;
}

.customer-reviews__header {
  font-size: 36px;
  padding-top: 30px;
  margin-bottom: 0px;
}

.customer-reviews-slider {
  text-align: center;
  margin-top: 38px;
  /* Orbit Slider */
}

.customer-reviews-slider .orbit-container {
  min-width: 700px;
  min-height: 275px;
  position: relative;
}

@media (max-width: 1023px) {
  .customer-reviews-slider .orbit-container {
    min-width: 500px;
    min-height: 200px;
  }
}

.customer-reviews-slider .orbit-slide {
  height: 100%;
  position: relative;
  /* The customer name */
}

.customer-reviews-slider .orbit-slide .customer-reviews-slider__slide-container {
  height: 100%;
  position: relative;
}

.customer-reviews-slider .orbit-slide .customer-reviews-slider__slide-container .customer-reviews-slider__stars-container {
  margin-bottom: 40px;
}

.customer-reviews-slider .orbit-slide .customer-reviews-slider__slide-container .customer-reviews-slider__text-container {
  margin: 40px auto auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.customer-reviews-slider .orbit-slide .customer-reviews-slider__customer-container {
  width: 100%;
  position: absolute;
  bottom: -22px;
  text-align: center;
}

.customer-reviews-slider__stars {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url(../images/review__star.png);
  background-repeat: no-repeat;
}

.customer-reviews-slider__stars--inactive {
  background: url(../images/review__star--inactive.png);
  background-repeat: no-repeat;
}

.customer-reviews-slider__text {
  font-family: 'imfell_italic-webfont';
  font-size: 28px;
  color: #5E5642;
}

@media (max-width: 1023px) {
  .customer-reviews-slider__text {
    font-size: 20px;
  }
}

.customer-reviews-slider__text-container {
  margin-top: 20px;
  max-width: 687px;
}

@media (max-width: 1023px) {
  .customer-reviews-slider__text-container {
    max-width: 500px;
  }
}

.customer-reviews-slider__customer {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  color: #215968;
  padding-bottom: 5px;
}

.customer-reviews__indicators--left, .customer-reviews__indicators--right {
  width: 25px;
  height: 55px;
  background-image: url(../images/slider-left.png);
  background-repeat: no-repeat;
  top: 30%;
}

.customer-reviews__indicators--left {
  left: -110px;
}

@media (max-width: 768px) {
  .customer-reviews__indicators--left {
    left: -60px;
  }
}

.customer-reviews__indicators--right {
  width: 25px;
  height: 55px;
  background-image: url(../images/slider-right.png);
  background-repeat: no-repeat;
  top: 30%;
  left: auto;
  right: -110px;
}

@media (max-width: 768px) {
  .customer-reviews__indicators--right {
    right: -60px;
  }
}

.customer-reviews .rating-star {
  color: #FEC600 !important;
  font-size: 24px !important;
}

.orbit-previous:focus {
  background-color: transparent;
}

.orbit-previous:hover {
  cursor: pointer;
  background-color: #f9f9f9;
}

.orbit-next:focus {
  background-color: transparent;
}

.orbit-next:hover {
  cursor: pointer;
  background-color: #f9f9f9;
}

.orbit-bullets button {
  width: 8px;
  height: 8px;
  background-color: #ECEBE4;
}

.orbit-bullets button.is-active {
  background-color: #215968;
}

.orbit-bullets button:hover {
  background-color: #215968;
}

.homeMenu {
  background-color: #ecebe3;
}

@media (min-width: 640px) {
  .homeMenu {
    display: none;
  }
}

.homeMenu :last-child > .accordion-content:last-child {
  border: none;
  padding: 0;
}

.homeMenu .accordion {
  margin: 0 auto;
  width: 90.35%;
}

.homeMenu .accordion-title {
  border: none;
  border-bottom: 1px solid #605540;
  color: #5d5d5d;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 1.25rem 0rem;
  text-transform: uppercase;
}

.homeMenu .accordion-title:hover, .homeMenu .accordion-title:focus {
  background-color: #ecebe3;
}

.homeMenu .accordion-title:before {
  content: url(../images/home_menu_arrow.png);
  font-family: "Noto Sans JP", sans-serif;
  right: 0;
  width: 12px;
}

.homeMenu .accordion-content {
  background-color: #ecebe3;
  border: none;
  padding: 8px;
}

.homeMenu .accordion-content:hover, .homeMenu .accordion-content:focus {
  background-color: #dad9cc;
}

.homeMenu .accordion-content a {
  color: #5e5541;
}

.homeMenu .accordion-item {
  background-color: #ecebe3;
  margin-bottom: -10px;
}

.homeMenu .accordion-item.is-active {
  margin-bottom: 0;
  border-bottom: 1px solid #605540;
}

.homeMenu .accordion-item.is-active.homeMenu__last {
  padding-bottom: 10px;
  border-bottom: none;
}

.homeMenu__button {
  background-color: #F36F3A;
  color: #fff !important;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  text-transform: uppercase;
  width: 100%;
}

.homeMenu__button:hover, .homeMenu__button:focus {
  background-color: #D26031;
}

.homeMenu__button-container {
  margin-top: 10px;
  padding: 0 !important;
}

.homeMenu__button-container:hover, .homeMenu__button-container:focus {
  background-color: #ecebe2 !important;
}

.homeMenu .is-active > .accordion-title:before {
  margin-top: -4px;
  transform: rotate(180deg);
}

.search-page {
  margin: 0 auto;
  width: 75%;
  padding: 55px 0 20px;
}

.search-page__container {
  width: 80%;
}

@media (max-width: 1024px) {
  .search-page__container {
    width: 100%;
  }
}

.search-page__title {
  margin: 0 0 40px;
  font-size: 24px;
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
  color: #5E5642;
}

.search-page__search-text {
  color: #F36F3A;
}

.search-page__breaker {
  margin: 0 auto 30px;
  width: 100%;
  border-color: #DAD8CC;
}

.search-page__breaker--package {
  margin: 0 auto 47px;
}

.search-page__no-padding-column {
  padding: 0;
}

.search-page__no-padding-column--left {
  padding-left: 0;
}

.search-page__no-padding-column--right {
  padding-right: 0;
}

.search-page__result-container {
  margin: 0 0 30px;
}

.search-page__result-container--package {
  margin: 0 0 45px;
}

.search-page__result-image {
  border: none;
  margin: 9px 0 0;
  max-width: 100%;
  width: 240px;
  height: 210px;
  background-image: url(../images/demo-image.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

@media (max-width: 639px) {
  .search-page__result-image {
    margin: 0 auto 25px;
    width: 70%;
    background-size: cover;
    background-position: center;
  }
}

@media (max-width: 375px) {
  .search-page__result-image {
    width: 100%;
  }
}

.search-page__result-title {
  margin: 0 0 15px;
  font-size: 24px;
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.4em;
  color: #5E5642;
  text-transform: uppercase;
}

.search-page__result-title-link {
  color: #5E5642;
}

.search-page__result-title-link:hover, .search-page__result-title-link:focus {
  color: #4B3F30;
}

.search-page__result-title-link--blue:hover, .search-page__result-title-link--blue:focus {
  color: #225A69;
}

.search-page__result-title-link--blue {
  color: #00A0B6;
}

.search-page__result-title--blue {
  color: #00A0B6;
}

.search-page__result-text {
  margin: 0;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.5em;
  color: #5E5642;
}

.search-page__result-link {
  margin: 29px 0 0;
  background-color: #215968;
  font-weight: 500;
  text-transform: uppercase;
}

.search-page__result-link:hover {
  background-color: #294956;
}

.search-page__result-link:focus {
  outline: none;
  background-color: #1a4550;
}

.pcc-slider {
  background-color: inherit;
}

@media (max-width: 639px) {
  .pcc-slider {
    width: 100%;
  }
}

.pcc-slider__container {
  height: auto;
  margin: 0;
  padding: 0;
  width: 343px;
}

@media (max-width: 639px) {
  .pcc-slider__container {
    width: 100%;
  }
}

.pcc-slider__container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  left: 0;
  transition: left 0.4s ease;
  /* IE 10, Fx 16+, Op 12.1+ */
}

@media (min-width: 640px) {
  .pcc-slider__container ul {
    left: -7.5px !important;
    top: -7.5px;
  }
}

@media (max-width: 639px) {
  .pcc-slider__container {
    height: 52.66vw;
    text-align: center;
    overflow: hidden;
  }
}

.pcc-slider__slide {
  position: absolute;
  display: inline-block;
}

.pcc-slider__slide--video:after {
  content: "";
  cursor: pointer;
  position: absolute;
  height: 57px;
  left: 42%;
  top: 41%;
  width: 57px;
  display: block;
  background-image: url(../images/play.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 639px) {
  .pcc-slider__slide {
    cursor: pointer;
    left: 6.3%;
    height: 52.66vw;
    width: 83.29%;
  }
}

@media (min-width: 640px) {
  .pcc-slider__slide {
    float: left;
    left: auto !important;
    padding: 7.5px;
    position: relative;
    height: 165px;
    width: 50%;
  }
  .pcc-slider__slide--25 {
    height: 99px;
    width: 25%;
  }
  .pcc-slider__slide--33 {
    height: 120px;
    width: 33.333333%;
  }
  .pcc-slider__slide--100 {
    height: 275px;
    width: 100%;
  }
  .pcc-slider__slide--100-thin {
    height: 165px;
    width: 100%;
  }
  .pcc-slider__slide div {
    cursor: pointer;
  }
}

.pcc-slider__slide img, .pcc-slider__slide div {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
  height: 100%;
}

.island-tour-gallery__gallery .pcc-slider__slide div:not(:first-child) {
  display: none;
}

.scrollIndicators {
  display: none;
}

.scrollIndicators .scrollLeft {
  display: block;
  position: absolute;
  margin-top: 32%;
  left: 0;
  width: 25px;
  padding: 10px 5px;
}

.scrollIndicators .scrollRight {
  display: block;
  position: absolute;
  margin-top: 32%;
  right: 0;
  width: 25px;
  padding: 10px 5px;
}

@media (max-width: 640px) {
  /*.scrollIndicators {
    display:block;
  }*/
}

#pcc-gallery-modal {
  overflow: hidden;
  overflow-y: auto;
}

@media (max-width: 639px) {
  #pcc-gallery-modal {
    padding: 0 !important;
    margin-left: auto !important;
  }
}

.pcc-modal {
  top: 110px !important;
}

@media (max-width: 639px) {
  .pcc-modal {
    top: 0 !important;
  }
}

.pcc-modal__close {
  color: #fff;
  top: -0.75em;
}

@media (max-width: 639px) {
  .pcc-modal__close {
    top: -1.75em;
  }
}

.pcc-modal__close:hover, .pcc-modal__close:focus {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.pcc-modal__container {
  margin-top: 10px;
}

@media (max-width: 639px) {
  .pcc-modal__container {
    position: relative;
    top: 20%;
  }
}

.pcc-modal__slider {
  min-height: 414px;
  margin: 0 auto;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 639px) {
  .pcc-modal__slider {
    min-height: 65vw;
    height: auto !important;
  }
}

.pcc-modal__slider iframe {
  border: 0;
  position: absolute;
  left: 100%;
  width: 100%;
  height: 80%;
}

@media (max-width: 639px) {
  .pcc-modal__slider iframe {
    height: 56.4vw;
  }
}

.pcc-modal__slider video {
  position: absolute;
  left: 100%;
}

.pcc-modal__slider img {
  max-width: 100%;
  position: absolute;
  left: 100%;
}

.pcc-modal__controls {
  text-align: center;
}

.pcc-modal__controls img {
  cursor: pointer;
  height: 3em;
  margin-bottom: 4px;
  padding: 1em 15px;
  vertical-align: middle;
}

.pcc-modal__controls p {
  cursor: default;
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #808080;
  text-align: center;
}

.resident-free3 {
  padding: 30px 0;
}

.resident-free3__container {
  padding: 20px;
  background-color: #afdedf;
  width: 100%;
  margin: 0 auto;
  text-align: left;
}

.resident-free3__header {
  vertical-align: middle;
  display: inline-block;
  width: 40%;
  font-size: 28px;
  line-height: 28px;
  color: #215968;
  margin-bottom: 0;
}

@media (max-width: 1345px) {
  .resident-free3__header {
    font-size: 20px;
  }
}

@media (max-width: 639px) {
  .resident-free3__header {
    font-size: 24px;
    text-align: center;
    width: 100%;
  }
}

.resident-free3__text {
  display: inline-block;
  width: 55%;
  vertical-align: middle;
  font-size: 18px;
  font-family: 'Noto Sans JP', sans-serif;
  color: #313736;
  margin-left: 20px;
  margin-bottom: 0;
  position: relative;
}

@media (max-width: 1345px) {
  .resident-free3__text {
    font-size: 13px;
  }
}

@media (max-width: 1023px) {
  .resident-free3__text {
    width: 50%;
  }
}

@media (max-width: 639px) {
  .resident-free3__text {
    margin-left: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
  }
}

.resident-free3__text--link {
  color: #00A0B6;
  font-weight: bold;
}

.resident-free3__text--link:hover, .resident-free3__text--link:focus {
  color: #225A69;
}

.resident-free3__text--link:after {
  content: url("../images/menu-active--blue.png");
  margin-top: 2px;
  width: 7px;
  background-size: contain;
  position: absolute;
  right: auto;
  margin-left: 9px;
}

@media (max-width: 1023px) {
  .resident-free3__text--link:after {
    width: 6px;
  }
}

@media (max-width: 639px) {
  .resident-free3__text--link:after {
    width: 5px;
  }
}

.free3 {
  padding: 30px 0;
}

.free3__container {
  padding: 20px;
  background-color: #afdedf;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

.free3__header {
  display: inline-block;
  font-size: 28px;
  line-height: 28px;
  color: #215968;
  margin-bottom: 0;
}

.free3__text {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  font-family: 'Noto Sans JP', sans-serif;
  color: #5E5642;
  margin-left: 20px;
  margin-bottom: 0;
  position: relative;
}

@media (max-width: 639px) {
  .free3__text {
    margin-left: 0;
  }
}

.free3__text--link {
  color: #215968;
  font-weight: bold;
}

.free3__text--link:hover, .free3__text--link:focus {
  color: #294956;
}

.free3__text--link:after {
  content: url("../images/menu-active--blue.png");
  width: 7px;
  background-size: cover;
  position: absolute;
  right: auto;
  margin-left: 9px;
}

/*No matches*/
.ti-no-matches .ti-update-info {
  display: block;
  color: #605742;
  font-family: Noto Sans JP, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
}

#ti_package_options {
  clear: both;
}

.ti-no-matches {
  width: 100%;
  display: block;
  position: relative;
  text-transform: uppercase;
  font-family: 'Noto Sans JP', 'Noto Sans JP';
  font-size: 70px;
  color: #1a4550;
  text-align: center;
  margin-top: 130px;
  margin-bottom: 130px;
}

/*End of No Matches*/
:not(.ti-filter[data-filter='data-seating']) .ti-filter-opt:hover label:not(.ti-faux-input) {
  border-bottom: 2px solid #C1C1C1;
  line-height: 16px;
}

#tiFilterWrap .ti-filter-close {
  display: none;
}

.ti-sort .main-content #tiFilterWrap {
  max-width: 1168px;
  margin: 0 auto;
}

.ti-sort .main-content .packages-navbar {
  background-color: transparent;
  padding-top: 40px;
}

.ti-sort .main-content .packages-navbar__ornament {
  background: none;
}

.ti-sort .main-content .packages-navbar__header {
  position: relative;
  margin-bottom: 0px;
  text-transform: uppercase;
  font-family: 'Noto Sans JP', 'Noto Sans JP';
  font-size: 45px;
  color: #1a4550;
  letter-spacing: 1px;
}

.ti-sort .main-content .packages-navbar__container {
  text-align: left;
  max-width: 1168px;
  margin: 0 auto;
}

.ti-sort #body .secondary-segment-1 .row {
  padding-bottom: 0 !important;
  clear: none;
  display: inline-block;
  width: auto;
}

.ti-sort .ti-reviews,
.ti-sort .ti-option {
  padding-bottom: 20px;
}

.ti-sort #tiTransport {
  margin: 0 0 0 20px;
}

.ti-sort .ti-guided-header {
  position: relative;
}

.ti-sort .selectAPackage .ti-guided-header #package-header-stamp {
  top: -30px;
  display: none;
}

.ti-sort .ti-filter {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width: auto;
  background: #F8F8F8;
  position: relative;
  border: 1px solid #C1C1C1;
  float: right;
}

.ti-sort .ti-filter[data-filter='data-seating'] .ti-info[style='display: block;'] {
  right: -313px;
  background-color: #e2e2e2;
  padding: 10px;
  background-size: 230px 110px;
  width: 314px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.ti-sort .ti-filter[data-filter="sort-by"] {
  width: 240px;
  margin: 0;
}

.ti-sort #tiApplied {
  max-width: 1168px;
  margin: 0 auto;
  float: unset;
  margin-top: 30px;
}

.ti-sort.ti-filter-app-button {
  margin-top: 10px;
}

.ti-filter[data-filter-label='Show Seating'] {
  width: 235px;
}

.ti-filter[data-filter-label='Dining'] {
  width: 205px;
}

.ti-filter[data-filter-label='Circle Island Tour'] {
  width: 180px;
}

.ti-filter[data-filter-label="Tour"] {
  width: 140px;
}

.ti-sort #best-info {
  background-image: url("https://clientinstalls.s3.amazonaws.com/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/Stage-SuperAmbassador.png");
}

.ti-sort #better-info {
  background-image: url("https://clientinstalls.s3.amazonaws.com/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/Stage-Ambassador.png");
}

.ti-sort #good-info {
  background-image: url("https://clientinstalls.s3.amazonaws.com/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/Stage-Ali'i.png");
}

.ti-sort #general-info {
  background-image: url("https://clientinstalls.s3.amazonaws.com/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/Stage-General.png");
}

.ti-sort .ti-info-container {
  position: absolute;
  right: 0px;
  background-color: #e2e2e2;
  z-index: 5;
}

.ti-sort .ti-info[style='display: block;'] {
  position: absolute;
  width: 235px;
  padding: 15px 16px 15px 26px;
  z-index: 5;
  font-size: 14px;
  color: #605742;
  line-height: 24px;
  min-height: 125px;
  left: 0;
  top: 0;
}

.ti-filter:not([data-filter='data-seating']) .ti-info.ti-showing {
  position: relative;
  width: 100%;
  padding: 15px 16px 15px 26px;
  z-index: 5;
  font-size: 14px;
  color: #605742;
  line-height: 24px;
  min-height: 134px;
  max-height: 134px;
  left: 0;
  top: 0;
  vertical-align: middle;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.ti-sort .ti-filter-options {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 10px 5px;
  position: absolute;
  background: #F8F8F8;
  width: 100%;
  z-index: 5;
  border: 1px solid #C1C1C1;
}

.ti-sort .ti-filter-name {
  padding: 7px 12px;
  cursor: pointer;
}

.ti-sort .ti-filter-name:after {
  content: '';
  display: inline-block;
  float: right;
  background: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/2xIconSprite.png) no-repeat -48px -3px;
  margin: 9px 10px 0 0;
  width: 12px;
  height: 7px;
  background-size: 76px 32px;
  right: -10px;
  position: relative;
}

.ti-sort .ti-filter-name.open:after {
  background-position: -32px -3px;
}

.ti-sort .ti-filter-label {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 10px 7px;
  text-align: left;
  color: #1D4652;
  width: 100%;
  font-weight: bold;
  font-size: 20px;
}

.ti-sort .ti-filter[data-filter='data-circle'] .ti-faux-input {
  border-radius: 25px;
  background: transparent;
}

.ti-sort .filter-sprite.filter {
  display: inline-block;
  background-position: 0 0;
  width: 15px;
  height: 15px;
}

.ti-sort .ti-filter-opt input {
  display: none;
}

.ti-sort .ti-filter:not([data-filter="sort-by"]) label.ti-filter-applied {
  border-bottom: 2px solid #C1C1C1;
  line-height: 16px;
}

.ti-sort .ti-filter-app-button {
  display: inline-block;
  background: rgba(193, 193, 193, 0.25);
  cursor: pointer;
  border-radius: 25px;
}

.ti-sort #tiApplied .ti-filter-applied {
  display: inline-block;
  margin-right: 10px;
}

.ti-sort #tiClear {
  cursor: pointer;
  text-decoration: underline;
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px 10px 0;
  line-height: 25px;
  color: #235967;
  font-size: 14px;
  text-transform: lowercase;
}

.ti-sort .filter-sprite.filter-orange-x {
  width: 8px;
  height: 8px;
  display: inline-block;
  background-position: -86px 0;
}

.ti-sort .ti-filter-app-remove.filter-sprite.remove-sprite {
  background: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/2xIconSprite.png) no-repeat 0 -16px;
  background-size: 76px 32px;
  width: 14px;
  height: 14px;
}

.ti-sort .ti-filter-app-remove.filter-sprite.remove-sprite:hover {
  background: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/2xIconSprite.png) no-repeat -18px -16px;
  background-size: 76px 32px;
  width: 14px;
  height: 14px;
}

.ti-sort #tiApplied {
  display: none;
}

.ti-sort .ti-filter-text {
  display: inline-block;
  vertical-align: middle;
  padding: 3px 5px 4px 10px;
  color: #605742;
  font-size: 14px;
}

.ti-sort .filter-sprite.remove-sprite {
  width: 9px;
  height: 9px;
  background-position: -66px 0;
}

.ti-sort .ti-filter-app-remove {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
}

.ti-sort .ti-filter-app-label {
  font-weight: bold;
  cursor: pointer;
  margin-right: 5px;
}

.ti-sort .ti-filter-opt label.ti-faux-input {
  display: none;
}

.ti-sort .ti-filter-opt label {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  color: #605742;
}

.ti-sort .ti-faux-input.ti-applied {
  background: #F16332;
}

.ti-sort .ti-faux-input.ti-applied:before {
  content: '';
  display: block;
  background: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/2xIconSprite.png) no-repeat -16px 0;
  width: 12px;
  height: 12px;
  background-size: 76px 32px;
  position: absolute;
  top: -1px;
  left: -1px;
}

.ti-sort .ti-disabled .ti-faux-input {
  background: #e1e1e1;
}

.ti-sort .ti-filter-opt.ti-disabled label {
  color: #e1e1e1;
}

.ti-sort .selectAPackage .row .col1,
.ti-sort .selectAPackage .row .col2,
.ti-sort .selectAPackage .row .col3 {
  width: 303px;
}

.ti-sort #ti_package_general_admission .general_admission_ti .general_admission_button {
  margin-top: 20px;
  display: inline-block;
}

.ti-sort .ti-filter[data-filter='sort-by'] li.ti-filter-opt {
  padding: 0px 7px 3px 7px;
}

.data-seating .ti-option,
.data-circle .ti-option,
.data-dining .ti-option,
.data-tour .ti-option,
.data-dining.data-seating .ti-option,
.data-dining.data-circle .ti-option,
.data-seating.data-circle .ti-option,
.data-tour.data-seating .ti-option,
.data-tour.data-circle .ti-option,
.data-tour.data-dining .ti-option,
.data-dining.data-circle.data-seating .ti-option,
.data-dining.data-circle.data-seating.data-tour .ti-option,
.data-dining.data-seating.data-circle .data-dining.data-seating,
.data-dining.data-seating.data-circle .data-dining.data-circle,
.data-dining.data-seating.data-circle .data-seating.data-circle,
.data-dining.data-seating.data-circle .data-tour.data-seating,
.data-dining.data-seating.data-circle .data-tour.data-circle,
.data-dining.data-seating.data-circle .data-tour.data-dining {
  display: none;
}

/*Edited*/
.data-dining .data-dining,
.data-circle .data-circle,
.data-seating .data-seating,
.data-tour .data-tour,
.data-tour.data-dining .data-tour.data-dining,
.data-tour.data-circle .data-tour.data-circle,
.data-tour.data-seating .data-tour.data-seating,
.data-dining.data-seating .data-dining.data-seating,
.data-seating.data-circle .data-seating.data-circle,
.data-circle.data-dining .data-circle.data-dining,
.data-dining.data-seating.data-circle.data-tour .data-dining.data-seating.data-circle.data-tour {
  display: block;
}

.ti-filter[data-filter-label='Circle Island Tour'],
.ti-filter[data-filter-label='Show Seating'],
.ti-filter[data-filter-label='Dining'],
.ti-filter[data-filter-label="Tour"] {
  float: left;
  margin-right: 20px;
}

.ti-filter[data-filter-label='Circle Island Tour'] .ti-faux-input,
.ti-filter[data-filter-label='Show Seating'] .ti-faux-input,
.ti-filter[data-filter-label='Dining'] .ti-faux-input,
.ti-filter[data-filter-label="Tour"] .ti-faux-input {
  display: inline-block;
}

.ti-filter:not(.ti-filter[data-filter='data-seating']) .ti-info.ti-showing {
  position: relative;
  width: 235px;
  padding: 15px 16px 15px 26px;
  z-index: 5;
  font-size: 14px;
  color: #605742;
  line-height: 24px;
  min-height: 119px;
  max-height: 119px;
  left: 0;
  top: 0;
  vertical-align: middle;
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.ti-filter[data-filter='data-tour'] .ti-info-container {
  position: absolute;
  right: -235px;
  background-color: #e2e2e2;
  z-index: 5;
  min-height: 119px;
  width: 235px;
}

.ti-filter[data-filter='data-dining'] .ti-info-container {
  position: absolute;
  right: -341px;
  width: 342px;
  background-color: #e2e2e2;
  min-height: 119px;
  z-index: 5;
}

.ti-filter[data-filter-label='Dining'] .ti-info.ti-showing {
  position: absolute;
  right: -341px;
  width: 342px;
  padding: 15px 16px 15px 26px;
  z-index: 5;
  font-size: 14px;
  color: #605742;
  line-height: 24px;
}

.ti-filter:not([data-filter='sort-by']) .ti-filter-opt:hover label:not(.ti-faux-input) {
  border-bottom: 2px solid #C1C1C1;
  line-height: 16px;
}

@media (min-width: 1024px) {
  .ti-sort .ti-filter[data-filter='sort-by'] li.ti-filter-opt:hover {
    background: #F16332;
    color: #FFFFFF;
  }
  .ti-sort .ti-filter[data-filter='sort-by'] li.ti-filter-opt:hover label {
    color: #FFFFFF;
  }
}

@media (max-width: 1024px) {
  .ti-filter[data-filter='data-seating'] label.ti-faux-input.ti-applied {
    vertical-align: unset;
  }
  .ti-filter-options-2019.ti-sort .ti-filter-label span {
    display: none;
  }
  .ti-filter-options-2019.ti-sort .ti-filter-label:after {
    color: #605742;
  }
  .ti-filter:not([data-filter="sort-by"]) .ti-filter-opt:hover label:not(.ti-faux-input) {
    border-bottom: 0px solid #C1C1C1;
    line-height: 16px;
  }
  .ti-filter-opt {
    height: auto;
  }
  .ti-sort #tiFilters {
    padding: 10px 10px;
  }
  .ti-filter-options-2019.ti-sort .ti-filter[data-filter="sort-by"] {
    width: 56%;
    margin: 0px;
    top: 0px;
    height: 40px;
  }
  .ti-sort .main-content .packages-navbar {
    padding-top: 15px;
  }
  .ti-sort .main-content .packages-navbar__header {
    display: block;
    font-size: 21px;
    text-align: center;
    margin-bottom: 10px;
  }
  .ti-sort .ti-filter-options {
    width: 100%;
  }
  .ti-sort .main-content .packages-navbar__container .packages-navbar__header--mobile {
    display: none;
  }
  .ti-sort .main-content #ti_packages_header {
    margin: 0px;
  }
  .ti-sort .main-content .packages-navbar__container {
    padding-bottom: 2px;
  }
  .main-content .packages-navbar__header--mobile {
    display: none;
  }
  /*Filters*/
  #tiFilters {
    display: none;
  }
  .ti-overlay.ti-shown {
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
  }
  #tiFilterWrap #tiFilters.ti-shown .ti-filter-close {
    display: block;
    border-bottom: 1px solid #C1C1C1;
    padding: 15px;
    font-weight: bold;
  }
  .ti-filter-close .ti-close {
    float: right;
    font-size: 18px;
    position: relative;
    top: -3px;
    font-weight: normal;
  }
  .ti-filter:not([data-filter="sort-by"]) .ti-filter-options {
    position: relative;
    border: 0px;
    width: 86%;
    margin: 0 auto;
    padding-top: 0px;
  }
  #tiFilters .ti-filter {
    width: 100%;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
  }
  .ti-filter-name {
    padding: 15px 15px;
    color: #605742;
    font-family: Noto Sans JP, Arial, sans-serif;
  }
  #tiFilterWrap #tiFilters.ti-shown .ti-filter-close:before {
    content: "";
    background: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/2xIconSprite.png) no-repeat -40px -16px;
    background-size: 76px 32px;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 5px;
  }
  .ti-shown {
    overflow: hidden;
  }
  .ti-filter-label {
    font-size: 0px;
    width: 95%;
    margin: 0 auto;
    display: block;
    color: #605742;
    background: #F8F8F8;
    padding: 10px;
    border: 1px solid #C1C1C1;
  }
  .ti-filter-label:after {
    content: "Filter";
    font-size: 14px;
    font-weight: 500;
  }
  .ti-filter-label:before {
    content: "";
    background: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/2xIconSprite.png) no-repeat -40px -16px;
    background-size: 76px 32px;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 3px;
    margin-left: 5px;
  }
  #tiApplied {
    width: 95%;
    margin: 8px auto;
    float: none;
  }
  #tiClear {
    margin: 0px;
  }
  label.ti-filter-applied {
    border-bottom: 0px solid #C1C1C1;
    line-height: 25px;
    vertical-align: top;
    margin-bottom: 5px;
  }
  .ti-filter-applied[for="private-tour"]:after {
    content: "A knowledgeable private tour guide leads you on a personalized journey through our island villages.";
    display: block;
    position: relative;
    width: 100%;
    font-size: 12px;
    margin-top: 0px;
    line-height: 14px;
  }
  .ti-filter-applied[for="small-group-tour"]:after {
    content: "A friendly guide leads you and a small group through our 6 authentic island villages.";
    display: block;
    position: relative;
    width: 100%;
    font-size: 12px;
    margin-top: 0px;
    line-height: 14px;
  }
  .ti-filter-applied[for="self-guided"]:after {
    content: "Tour all 42 acres of the Center at your own pace and visit our 6 amazing island villages.";
    display: block;
    position: relative;
    width: 100%;
    font-size: 12px;
    margin-top: 0px;
    line-height: 14px;
  }
  .ti-filter-applied[for="prime-rib"]:after {
    content: "Fine dining in a casual atmosphere, our buffet menu includes succulent prime rib, seafood, fresh island dishes and yummy desserts.";
    display: block;
    position: relative;
    width: 100%;
    font-size: 12px;
    margin-top: 0px;
    line-height: 14px;
  }
  .ti-filter-applied[for="alii-luau-buffet"]:after {
    content: "Dine at our award winning, Alii Luau, and experience the rich traditions of the islands through Polynesian cuisine, live island music and entertainment.";
    display: block;
    position: relative;
    width: 100%;
    font-size: 12px;
    margin-top: 0px;
    line-height: 14px;
  }
  .ti-filter-applied[for="island-buffet"]:after {
    content: "Served in a beautiful and spacious dining hall reflecting the islands of the pacific, our all you can eat menu comes with familiar dishes to please your entire ohana.";
    display: block;
    position: relative;
    width: 100%;
    font-size: 12px;
    margin-top: 0px;
    line-height: 14px;
  }
  .ti-filter[data-filter='data-seating'] .ti-info-container {
    background-size: 190px 90px;
    width: 190px;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center;
    right: 0px;
    margin: 0 auto 15px auto;
    background-color: transparent;
    position: relative;
  }
  .ti-filter[data-filter='data-seating'] .ti-info-container #seating-info {
    background-image: url(https://clientinstalls.s3.amazonaws.com/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/Stage.png);
    right: 0px;
    background-color: transparent;
    width: 100%;
    height: 100%;
    background-size: contain;
  }
  #super-ambassador-info,
  #deputy-info,
  #alii-luau-info,
  #general-info {
    height: 100%;
    width: 100%;
    background-size: contain;
    background-color: transparent;
    padding: 0px;
    background-position: top;
  }
  .ti-filter[data-filter='data-seating'] label.ti-filter-applied {
    vertical-align: middle;
  }
  .ti-sort .ti-filter[data-filter='sort-by'] li.ti-filter-opt.ti-applied {
    background: #F16332;
    color: #FFFFFF;
  }
  .ti-sort .ti-filter[data-filter='sort-by'] label.ti-filter-applied {
    color: #FFFFFF;
  }
  body.ti-shown {
    overflow: hidden;
  }
  :not(.ti-filter[data-filter='data-seating']) .ti-filter-opt:hover label:not(.ti-faux-input) {
    border-bottom: 0px solid #C1C1C1;
    line-height: 16px;
  }
  /*both*/
  .ti-sort.ti-filter[data-filter="sort-by"] {
    width: 56%;
  }
  .ti-sort#tiFilters .ti-filter-name {
    padding: 10px 15px;
    font-size: 14px;
    color: #605742;
    font-weight: normal;
  }
  .ti-sort#tiFilterWrap {
    width: 93%;
  }
  .ti-filter-options-2019.ti-sort #tiApplied {
    margin-top: 0px;
  }
}

/*No matches*/
.ti-no-matches .ti-update-info {
  display: block;
  color: #605742;
  font-family: Noto Sans JP, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
}

.ti-no-matches {
  width: 100%;
  display: block;
  position: relative;
  text-transform: uppercase;
  font-family: 'Noto Sans JP', 'Noto Sans JP';
  font-size: 70px;
  color: #1a4550;
  text-align: center;
  margin-top: 130px;
  margin-bottom: 130px;
}

/*End of No Matches*/
.ti-filter-app-button[data-filter='data-circle'] .ti-filter-text:before {
  content: "Circle Island: ";
}

#tiFilterWrap .ti-filter-close {
  display: none;
}

.main-content #tiFilterWrap {
  max-width: 1168px;
  margin: 0 auto;
}

.main-content .ti-overlay {
  display: none;
}

.main-content .packages-navbar {
  background-color: transparent;
  padding-top: 40px;
}

.main-content .packages-navbar__ornament {
  background: none;
  display: none;
}

.main-content .packages-navbar__header {
  position: relative;
  margin-bottom: 0px;
  text-transform: uppercase;
  font-family: 'Noto Sans JP', 'Noto Sans JP';
  font-size: 45px;
  color: #1a4550;
  letter-spacing: 1px;
}

.main-content .packages-navbar__container {
  text-align: left;
  max-width: 1168px;
  margin: 0 auto;
}

#body .secondary-segment-1 .row {
  padding-bottom: 0 !important;
  clear: none;
  display: inline-block;
  width: auto;
}

.ti-reviews,
.ti-option {
  padding-bottom: 20px;
}

#tiTransport {
  margin: 0 0 0 20px;
}

.ti-guided-header {
  position: relative;
}

.selectAPackage .ti-guided-header #package-header-stamp {
  top: -30px;
  display: none;
}

#tiFilters {
  padding: 10px 0;
}

.ti-filter {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width: auto;
  background: #F8F8F8;
  margin: 0 20px 0 0;
  position: relative;
  border: 1px solid #C1C1C1;
}

.ti-filter[data-filter-label='Show Seating'] {
  width: 235px;
}

.ti-filter[data-filter-label='Dining'] {
  width: 205px;
}

.ti-filter[data-filter-label='Circle Island Tour'] {
  width: 180px;
}

.ti-filter[data-filter-label="Tour"] {
  width: 145px;
}

.ti-filter[data-filter-label='Circle Island Tour'],
.ti-filter[data-filter-label='Show Seating'],
.ti-filter[data-filter-label='Dining'],
.ti-filter[data-filter-label="Tour"] {
  float: left;
  margin-right: 20px;
}

.ti-filter[data-filter-label='Circle Island Tour'] .ti-faux-input,
.ti-filter[data-filter-label='Show Seating'] .ti-faux-input,
.ti-filter[data-filter-label='Dining'] .ti-faux-input,
.ti-filter[data-filter-label="Tour"] .ti-faux-input {
  display: inline-block;
}

.ti-filter[data-filter='data-seating'] .ti-info[style='display: block;'] {
  right: -313px;
  background-color: #e2e2e2;
  padding: 10px;
  background-size: 230px 110px;
  width: 314px;
  height: 150px;
  background-repeat: no-repeat;
  background-position: center;
}

.ti-filter[data-filter='data-seating'] .ti-info-container {
  background-image: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/Stage.png);
  background-size: 230px 110px;
  width: 314px;
  height: 152px;
  background-repeat: no-repeat;
  background-position: center;
  right: -313px;
}

#best-info {
  background-image: url("https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/Stage-SuperAmbassador.png");
}

#better-info {
  background-image: url("https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/Stage-Ambassador.png");
}

#good-info {
  background-image: url("https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/Stage-Ali'i.png");
}

#general-info {
  background-image: url("https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/Stage-General.png");
}

.ti-info-container {
  position: absolute;
  right: 0px;
  background-color: #e2e2e2;
  z-index: 5;
}

.ti-filter:not([data-filter='data-seating']) .ti-info.ti-showing {
  position: relative;
  width: 235px;
  padding: 15px 16px 15px 26px;
  z-index: 5;
  font-size: 14px;
  color: #605742;
  line-height: 24px;
  min-height: 119px;
  max-height: 119px;
  left: 0;
  top: 0;
  vertical-align: middle;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.ti-filter[data-filter-label='Dining'] .ti-info.ti-showing {
  position: absolute;
  right: -341px;
  width: 342px;
  padding: 15px 16px 15px 26px;
  z-index: 5;
  font-size: 14px;
  color: #605742;
  line-height: 24px;
}

.ti-filter-options {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 10px;
  position: absolute;
  background: #F8F8F8;
  width: 100%;
  z-index: 5;
  border: 1px solid #C1C1C1;
}

:not(.ti-filter[data-filter='data-seating']) .ti-filter-opt:hover label:not(.ti-faux-input) {
  border-bottom: 2px solid #C1C1C1;
  line-height: 16px;
}

.ti-filter-name {
  padding: 7px 12px;
  cursor: pointer;
  color: #605742;
  font-family: Noto Sans JP, Arial, sans-serif;
}

.ti-filter-name:after {
  content: '';
  display: inline-block;
  float: right;
  background: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/2xIconSprite.png) no-repeat -48px -3px;
  margin: 9px 10px 0 0;
  width: 12px;
  height: 7px;
  background-size: 76px 32px;
  right: -10px;
  position: relative;
}

.ti-filter-name.open:after {
  background-position: -32px -3px;
}

.ti-filter-label {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 10px 7px;
  text-align: left;
  color: #1D4652;
  width: 100%;
  font-weight: bold;
  font-size: 20px;
}

.ti-filter[data-filter='data-circle'] .ti-faux-input {
  border-radius: 25px;
  background: transparent;
}

.ti-filter[data-filter='data-circle'] .ti-applied.ti-faux-input:before {
  background: none;
  background-color: #F16332;
  background-size: 2px 2px;
  border-radius: 25px;
  width: 6px;
  height: 6px;
  top: 2px;
  left: 2px;
}

.filter-sprite.filter {
  display: inline-block;
  background-position: 0 0;
  width: 15px;
  height: 15px;
}

.ti-filter-opt {
  cursor: pointer;
  color: #605742;
  font-size: 16px;
  height: 32.3px;
}

.ti-filter-opt input {
  display: none;
}

.ti-filter:not([data-filter="sort-by"]) label.ti-filter-applied {
  border-bottom: 2px solid #C1C1C1;
  line-height: 16px;
}

.ti-filter-app-button {
  display: inline-block;
  background: rgba(193, 193, 193, 0.25);
  cursor: pointer;
  border-radius: 25px;
}

#tiApplied .ti-filter-applied {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
}

#tiClear {
  cursor: pointer;
  text-decoration: underline;
  display: inline-block;
  margin: 0 15px 10px 0;
  line-height: 25px;
  color: #235967;
  font-size: 14px;
  text-transform: lowercase;
}

.filter-sprite.filter-orange-x {
  width: 8px;
  height: 8px;
  display: inline-block;
  background-position: -86px 0;
}

.ti-filter-app-remove.filter-sprite.remove-sprite {
  background: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/2xIconSprite.png) no-repeat 0 -16px;
  background-size: 76px 32px;
  width: 14px;
  height: 14px;
}

.ti-filter-app-button:hover .ti-filter-app-remove.filter-sprite.remove-sprite {
  background: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/2xIconSprite.png) no-repeat -18px -16px;
  background-size: 76px 32px;
  width: 14px;
  height: 14px;
}

#tiApplied {
  display: none;
  float: left;
  width: 100%;
  margin-top: 10px;
}

.ti-filter-text {
  display: inline-block;
  vertical-align: middle;
  padding: 3px 5px 4px 10px;
  color: #605742;
  font-size: 14px;
}

.filter-sprite.remove-sprite {
  width: 9px;
  height: 9px;
  background-position: -66px 0;
}

.ti-filter-app-remove {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
}

.ti-filter-app-label {
  font-weight: bold;
  cursor: pointer;
  margin-right: 5px;
}

.ti-faux-input {
  border: 1px solid #F16332;
  height: 12px;
  width: 12px;
  background-color: transparent;
  border-radius: 0px;
  margin-right: 10px;
  position: relative;
}

.ti-filter-opt label {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  color: #605742;
}

.ti-faux-input.ti-applied {
  background: #F16332;
}

.ti-faux-input.ti-applied:before {
  content: '';
  display: block;
  background: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/2xIconSprite.png) no-repeat -16px 0;
  width: 12px;
  height: 12px;
  background-size: 76px 32px;
  position: absolute;
  top: -1px;
  left: -1px;
}

.ti-disabled .ti-faux-input {
  background: #e1e1e1;
}

.ti-filter-opt.ti-disabled label {
  color: #e1e1e1;
}

.selectAPackage .row .col1,
.selectAPackage .row .col2,
.selectAPackage .row .col3 {
  width: 303px;
}

/*Edited*/
.data-seating .ti-option,
.data-circle .ti-option,
.data-dining .ti-option,
.data-tour .ti-option,
.data-dining.data-seating .ti-option,
.data-dining.data-circle .ti-option,
.data-seating.data-circle .ti-option,
.data-tour.data-seating .ti-option,
.data-tour.data-circle .ti-option,
.data-tour.data-dining .ti-option,
.data-dining.data-circle.data-seating .ti-option,
.data-dining.data-circle.data-seating.data-tour .ti-option,
.data-dining.data-seating.data-circle .data-dining.data-seating,
.data-dining.data-seating.data-circle .data-dining.data-circle,
.data-dining.data-seating.data-circle .data-seating.data-circle,
.data-dining.data-seating.data-circle .data-tour.data-seating,
.data-dining.data-seating.data-circle .data-tour.data-circle,
.data-dining.data-seating.data-circle .data-tour.data-dining {
  display: none;
}

/*Edited*/
.data-dining .data-dining,
.data-circle .data-circle,
.data-seating .data-seating,
.data-tour .data-tour,
.data-tour.data-dining .data-tour.data-dining,
.data-tour.data-circle .data-tour.data-circle,
.data-tour.data-seating .data-tour.data-seating,
.data-dining.data-seating .data-dining.data-seating,
.data-seating.data-circle .data-seating.data-circle,
.data-circle.data-dining .data-circle.data-dining,
.data-dining.data-seating.data-circle.data-tour .data-dining.data-seating.data-circle.data-tour {
  display: block;
}

#ti_package_general_admission .general_admission_ti .general_admission_button {
  margin-top: 20px;
  display: inline-block;
}

.ti-sort.ti-filter-label {
  max-width: 1168px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  div#seating-info {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .ti-sort .ti-filter[data-filter='sort-by'] .ti-filter-opt label {
    width: 100%;
  }
  .ti-faux-input.ti-applied {
    vertical-align: top;
  }
  .ti-filter[data-filter='data-circle'] .ti-faux-input.ti-applied:before {
    background-color: #F16332;
  }
  .ti-sort.ti-filter[data-filter='data-circle'] label.ti-filter-applied {
    vertical-align: unset;
    margin-bottom: 0px;
    top: 0px;
    line-height: 25px;
  }
  .ti-filter:not([data-filter="sort-by"]) label.ti-filter-applied {
    width: 80%;
    border-bottom: 0px solid transparent;
  }
  .ti-filter-opt {
    height: auto;
  }
  .main-content .packages-navbar {
    padding-top: 15px;
  }
  .main-content .packages-navbar__header {
    display: block;
    font-size: 24px;
    text-align: left;
    margin-left: 20px;
    margin-bottom: 10px;
  }
  .main-content .packages-navbar__header .packages-navbar__header--mobile {
    display: none;
  }
  .main-content #ti_packages_header {
    margin: 0px;
  }
  .main-content .packages-navbar__container {
    padding-bottom: 2px;
  }
  .main-content .packages-navbar__header--mobile {
    display: none;
  }
  /*Filters*/
  #tiFilters {
    display: none;
  }
  #tiFilters.ti-shown {
    display: block;
    position: absolute;
    height: 120%;
    background: #F8F8F8;
    width: 77%;
    z-index: 1001;
    top: 0;
    padding: 0px;
    font-size: 14px;
    color: #605742;
    left: 0;
    overflow: hidden;
  }
  .ti-overlay.ti-shown {
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
    height: 120%;
    width: 100%;
    display: block;
    position: absolute;
  }
  #tiFilterWrap #tiFilters.ti-shown .ti-filter-close {
    display: block;
    border-bottom: 1px solid #C1C1C1;
    padding: 15px;
    font-weight: bold;
  }
  #tiApplied .ti-filter-applied {
    margin-bottom: 0px;
  }
  .ti-no-matches .ti-update-info {
    text-transform: none;
  }
  .ti-no-matches {
    font-size: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .ti-filter-close .ti-close {
    float: right;
    font-size: 18px;
    position: relative;
    top: -3px;
    font-weight: normal;
  }
  .ti-filter:not([data-filter="sort-by"]) .ti-filter-options {
    position: relative;
    border: 0px;
    width: 86%;
    margin: 0 auto;
    padding-top: 0px;
  }
  #tiFilters .ti-filter {
    width: 100%;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
  }
  .ti-filter-name {
    padding: 15px 15px;
  }
  #tiFilterWrap #tiFilters.ti-shown .ti-filter-close:before {
    content: "";
    background: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/2xIconSprite.png) no-repeat -40px -16px;
    background-size: 76px 32px;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 5px;
  }
  .ti-shown {
    overflow: hidden;
  }
  .ti-filter-label {
    font-size: 0px;
    width: 95%;
    margin: 0 auto;
    display: block;
    color: #605742;
    background: #F8F8F8;
    padding: 10px;
    border: 1px solid #C1C1C1;
  }
  .ti-filter-label:after {
    content: "Filter";
    font-size: 14px;
    font-weight: 500;
  }
  .ti-filter-label:before {
    content: "";
    background: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/2xIconSprite.png) no-repeat -40px -16px;
    background-size: 76px 32px;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 3px;
    margin-left: 5px;
  }
  #tiApplied {
    width: 95%;
    margin: 8px auto;
    float: none;
  }
  #tiClear {
    margin: 0px;
  }
  .ti-sort.ti-filter:not([data-filter='sort-by']) label.ti-filter-applied {
    border-bottom: 0px solid #C1C1C1;
    margin-bottom: 5px;
    position: relative;
    top: -1px;
  }
  .ti-filter-applied[for="private-tour"]:after {
    content: "A knowledgeable private tour guide leads you on a personalized journey through our island villages.";
    display: block;
    position: relative;
    width: 100%;
    font-size: 12px;
    margin-top: 5px;
    line-height: 14px;
  }
  .ti-filter-applied[for="small-group-tour"]:after {
    content: "A friendly guide leads you and a small group through our 6 authentic island villages.";
    display: block;
    position: relative;
    width: 100%;
    font-size: 12px;
    margin-top: 5px;
    line-height: 14px;
  }
  .ti-filter-applied[for="self-guided"]:after {
    content: "Tour all 42 acres of the Center at your own pace and visit our 6 amazing island villages.";
    display: block;
    position: relative;
    width: 100%;
    font-size: 12px;
    margin-top: 5px;
    line-height: 14px;
  }
  .ti-filter-applied[for="prime-rib"]:after {
    content: "Fine dining in a casual atmosphere, our buffet menu includes succulent prime rib, seafood, fresh island dishes and yummy desserts.";
    display: block;
    position: relative;
    width: 100%;
    font-size: 12px;
    margin-top: 5px;
    line-height: 14px;
  }
  .ti-filter-applied[for="alii-luau-buffet"]:after {
    content: "Dine at our award winning, Alii Luau, and experience the rich traditions of the islands through Polynesian cuisine, live island music and entertainment.";
    display: block;
    position: relative;
    width: 100%;
    font-size: 12px;
    margin-top: 5px;
    line-height: 14px;
  }
  .ti-filter-applied[for="island-buffet"]:after {
    content: "Served in a beautiful and spacious dining hall reflecting the islands of the pacific, our all you can eat menu comes with familiar dishes to please your entire ohana.";
    display: block;
    position: relative;
    width: 100%;
    font-size: 12px;
    margin-top: 5px;
    line-height: 14px;
  }
  .ti-filter[data-filter='data-seating'] .ti-info-container {
    background-size: 190px 90px;
    width: 190px;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center;
    right: 0px;
    margin: 0 auto 15px auto;
    background-color: transparent;
    position: relative;
  }
  .ti-filter[data-filter='data-seating'] .ti-info-container #seating-info {
    background-image: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/Stage.png);
    right: 0px;
    background-color: transparent;
    width: 100%;
    height: 100%;
    background-size: contain;
  }
  #super-ambassador-info,
  #deputy-info,
  #alii-luau-info,
  #general-info {
    height: 100%;
    width: 100%;
    background-size: contain;
    background-color: transparent;
    padding: 0px;
    background-position: top;
  }
  .ti-filter[data-filter='data-seating'] label.ti-filter-applied {
    vertical-align: unset;
    top: 0px;
  }
  body.ti-shown {
    overflow: hidden;
  }
  :not(.ti-filter[data-filter='data-seating']) .ti-filter-opt:hover label:not(.ti-faux-input) {
    border-bottom: 0px solid #C1C1C1;
    line-height: 16px;
  }
  .ti-faux-input:before {
    content: "";
    position: absolute;
    height: 27px;
    width: 27px;
    top: -9px;
  }
  .ti-filter[data-filter='data-circle'] .ti-filter-applied {
    margin-bottom: 0px;
    vertical-align: unset;
    line-height: unset;
    top: 0px;
  }
  /*both*/
  .ti-sort.ti-filter-label {
    width: 40%;
    margin: 0px;
    display: inline-block;
    padding: 3px;
    height: 40px;
  }
  .ti-sort.ti-filter-name {
    padding: 9px 15px;
    font-size: 14px;
    color: #605742;
    font-weight: bold;
  }
  .ti-sort#tiFilterWrap {
    width: 93%;
  }
}

.ti-sort-item {
  float: right;
  width: 220px;
  margin-right: 0;
}

.ti-sort .ti-filter[data-filter="sort-by"] .ti-filter-opt.ti-applied {
  background: #F16332;
}

.ti-sort .ti-filter[data-filter="sort-by"] .ti-applied .ti-filter-applied {
  color: #FFFFFF;
  margin-bottom: 0px;
  line-height: 25px;
}

.ti-sort .main-content #ti_packages_header {
  font-size: 0px;
}

.ti-sort .main-content #tiFilterWrap {
  max-width: 1168px;
  margin: 0 auto;
}

.ti-sort .main-content .packages-navbar {
  background-color: transparent;
  padding-top: 40px;
}

.ti-sort .main-content .packages-navbar__ornament {
  background: none;
}

.ti-sort .main-content .packages-navbar__header {
  position: relative;
  margin-bottom: 0px;
  text-transform: uppercase;
  font-family: 'Noto Sans JP', 'Noto Sans JP';
  font-size: 45px;
  color: #1a4550;
  letter-spacing: 1px;
}

.ti-sort .main-content .packages-navbar__container {
  text-align: left;
  max-width: 1168px;
  margin: 0 auto;
}

.ti-sort #body .secondary-segment-1 .row {
  padding-bottom: 0 !important;
  clear: none;
  display: inline-block;
  width: auto;
}

.ti-sort .ti-reviews,
.ti-sort .ti-option {
  padding-bottom: 20px;
}

.ti-sort #tiTransport {
  margin: 0 0 0 20px;
}

.ti-sort .ti-guided-header {
  position: relative;
}

.ti-sort .selectAPackage .ti-guided-header #package-header-stamp {
  top: -30px;
  display: none;
}

.ti-sort #tiFilters {
  padding: 10px 0;
}

.ti-sort .ti-filter {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width: auto;
  background: #F8F8F8;
  position: relative;
  border: 1px solid #C1C1C1;
  float: right;
}

.ti-sort .ti-filter[data-filter='data-seating'] .ti-info[style='display: block;'] {
  right: -313px;
  background-color: #e2e2e2;
  padding: 10px;
  background-size: 230px 110px;
  width: 314px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.ti-sort .ti-filter[data-filter="sort-by"] {
  width: 240px;
  top: -10px;
  color: #605742;
  font-family: Noto Sans JP, Arial, sans-serif;
}

.ti-sort #super-ambassador-info {
  background-image: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/Stage-SuperAmbassador.png);
}

.ti-sort #deputy-info {
  background-image: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/Stage-Ambassador.png);
}

.ti-sort #alii-luau-info {
  background-image: url("https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/Stage-Ali'i.png");
}

.ti-sort #general-info {
  background-image: url("https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/Stage-General.png");
}

.ti-sort .ti-info-container {
  position: absolute;
  right: 0px;
  background-color: #e2e2e2;
  z-index: 5;
}

.ti-sort .ti-filter[data-filter-label='Dining'] .ti-info[style='display: block;'] {
  position: absolute;
  right: -341px;
  width: 342px;
  padding: 15px 16px 15px 26px;
  z-index: 5;
  font-size: 14px;
  color: #605742;
  line-height: 24px;
  min-height: 125px;
}

.ti-sort .ti-filter[data-filter='sort-by'] .ti-filter-options {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 10px 5px;
  position: absolute;
  background: #F8F8F8;
  width: 240px;
  z-index: 5;
  border: 1px solid #C1C1C1;
  left: -1px;
}

.ti-sort .ti-filter[data-filter='sort-by'] .ti-filter-name span {
  font-weight: bold;
}

.ti-sort .ti-filter-name {
  padding: 7px 12px;
  cursor: pointer;
}

.ti-sort .ti-filter-name:after {
  content: '';
  display: inline-block;
  float: right;
  background: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/2xIconSprite.png) no-repeat -48px -3px;
  margin: 9px 10px 0 0;
  width: 12px;
  height: 7px;
  background-size: 76px 32px;
  right: -10px;
  position: relative;
}

.ti-sort .ti-filter-name.open:after {
  background-position: -32px -3px;
}

.ti-sort .ti-filter-label {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 10px 7px;
  text-align: left;
  color: #1D4652;
  width: 100%;
  font-weight: bold;
  font-size: 20px;
}

.ti-sort .ti-filter[data-filter='data-circle'] .ti-faux-input {
  border-radius: 25px;
  background: transparent;
}

.ti-sort .ti-filter[data-filter='data-circle'] .ti-applied.ti-faux-input:before {
  background: none;
  background-color: #F16332;
  background-size: 2px 2px;
  border-radius: 25px;
  width: 6px;
  height: 6px;
  top: 2px;
  left: 2px;
}

.ti-sort .ti-filter[data-filter='data-circle'] .ti-faux-input.ti-applied {
  vertical-align: baseline;
}

.ti-sort .filter-sprite.filter {
  display: inline-block;
  background-position: 0 0;
  width: 15px;
  height: 15px;
}

.ti-sort .ti-filter-opt input {
  display: none;
}

.ti-sort .ti-filter-app-button {
  display: inline-block;
  background: rgba(193, 193, 193, 0.25);
  cursor: pointer;
  border-radius: 25px;
}

.ti-sort.ti-filter-options .ti-filter-app-button {
  margin-top: 10px;
}

.ti-sort #tiApplied .ti-filter-applied {
  display: inline-block;
  margin-right: 10px;
}

.ti-sort #tiClear {
  cursor: pointer;
  text-decoration: underline;
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px 10px 0;
  line-height: 25px;
  color: #235967;
  font-size: 14px;
  text-transform: lowercase;
}

.ti-sort .filter-sprite.filter-orange-x {
  width: 8px;
  height: 8px;
  display: inline-block;
  background-position: -86px 0;
}

.ti-sort .ti-filter-app-remove.filter-sprite.remove-sprite {
  background: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/2xIconSprite.png) no-repeat 0 -16px;
  background-size: 76px 32px;
  width: 14px;
  height: 14px;
}

.ti-sort .ti-filter-app-remove.filter-sprite.remove-sprite:hover {
  background: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/2xIconSprite.png) no-repeat -18px -16px;
  background-size: 76px 32px;
  width: 14px;
  height: 14px;
}

.ti-sort #tiApplied {
  display: none;
}

.ti-filter-options.ti-sort #tiApplied {
  float: left;
}

.ti-sort .ti-filter-text {
  display: inline-block;
  vertical-align: middle;
  padding: 3px 5px 4px 10px;
  color: #605742;
  font-size: 14px;
}

.ti-sort .filter-sprite.remove-sprite {
  width: 9px;
  height: 9px;
  background-position: -66px 0;
}

.ti-sort .ti-filter-app-remove {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
}

.ti-sort .ti-filter-app-label {
  font-weight: bold;
  cursor: pointer;
  margin-right: 5px;
}

.ti-sort .ti-faux-input {
  border: 1px solid #F16332;
  height: 12px;
  width: 12px;
  background-color: transparent;
  border-radius: 0px;
  margin-right: 10px;
  position: relative;
}

.ti-sort .ti-filter-opt label.ti-faux-input {
  display: none;
}

.ti-sort .ti-filter-opt label {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  color: #605742;
}

.ti-sort .ti-faux-input.ti-applied {
  background: #F16332;
}

.ti-sort .ti-faux-input.ti-applied:before {
  content: '';
  display: block;
  background: url(https://s3.amazonaws.com/clientinstalls/PolynesianCulturalCenter/PCC-PackageFilteringTest-May2019/2xIconSprite.png) no-repeat -16px 0;
  width: 12px;
  height: 12px;
  background-size: 76px 32px;
  position: absolute;
  top: -1px;
  left: -1px;
}

.ti-sort .ti-disabled .ti-faux-input {
  background: #e1e1e1;
}

.ti-sort .ti-filter-opt.ti-disabled label {
  color: #e1e1e1;
}

.ti-sort .selectAPackage .row .col1,
.ti-sort .selectAPackage .row .col2,
.ti-sort .selectAPackage .row .col3 {
  width: 303px;
}

.ti-sort #ti_package_general_admission .general_admission_ti .general_admission_button {
  margin-top: 20px;
  display: inline-block;
}

.ti-sort .ti-filter[data-filter='sort-by'] li.ti-filter-opt {
  padding: 0px 7px 3px 7px;
}

@media (min-width: 1024px) {
  .ti-sort .ti-filter[data-filter='sort-by'] li.ti-filter-opt:hover {
    background: #F16332;
    color: #FFFFFF;
  }
  .ti-sort .ti-filter[data-filter='sort-by'] li.ti-filter-opt:hover label {
    color: #FFFFFF;
  }
}

@media (max-width: 1024px) {
  .ti-sort #tiFilters {
    padding: 10px 10px;
  }
  .ti-sort .main-content .packages-navbar {
    padding-top: 15px;
  }
  .ti-sort .main-content .packages-navbar__header {
    display: block;
    font-size: 21px;
    text-align: center;
    margin-bottom: 10px;
    margin-left: 0px;
  }
  .ti-sort .ti-filter[data-filter='sort-by'] .ti-filter-options {
    width: 100%;
    left: 0px;
  }
  .ti-sort .main-content .packages-navbar__container .packages-navbar__header--mobile {
    display: none;
  }
  .ti-sort .main-content #ti_packages_header {
    margin: 0px;
  }
  .ti-sort .main-content .packages-navbar__container {
    padding-bottom: 2px;
  }
  .ti-sort .ti-filter[data-filter='sort-by'] li.ti-filter-opt.ti-applied {
    background: #F16332;
    color: #FFFFFF;
  }
  .ti-sort .ti-filter[data-filter='sort-by'] label.ti-filter-applied {
    color: #FFFFFF;
  }
  .ti-sort .ti-filter-opt label {
    line-height: 2.5;
  }
}

@media (max-width: 767px) {
  .ti-sort .ti-filter[data-filter="sort-by"] {
    width: 100%;
  }
  .ti-sort .ti-filter[data-filter='sort-by'] .ti-filter-name span {
    display: none;
  }
}

@media (max-width: 375px) {
  .ad-save10__text {
    padding: 0 5px;
    text-align: center;
  }
  .ad-save10__text p {
    font-size: 18px;
    line-height: 1.2;
  }
  .ad-save10__title p {
    font-size: 22px;
    height: 24px;
    line-height: 28px;
  }
  .main-content .packages-navbar__header {
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
  }
}

.general_admission {
  padding: 18px;
}

@media (max-width: 700px) {
  .general_admission {
    padding: 18px 5px;
  }
}

@media (max-width: 472px) {
  .general_admission {
    display: none;
  }
}

.general_admission__container {
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
}

.general_admission__text {
  display: inline;
  font-style: normal;
  font-size: 18pt;
}

@media (max-width: 700px) {
  .general_admission__text {
    font-size: 14pt;
  }
}

@media (max-width: 541px) {
  .general_admission__text {
    font-size: 12pt;
  }
}

.general_admission__text--italic {
  display: inline;
  padding-right: 15px;
  font-style: italic;
  font-size: 16pt;
}

@media (max-width: 700px) {
  .general_admission__text--italic {
    font-size: 12pt;
  }
}

@media (max-width: 541px) {
  .general_admission__text--italic {
    font-size: 10pt;
  }
}

.general_admission__text--link {
  border: 1px solid #F16333;
  color: #F16333;
  padding: 13px 43px;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
}

.general_admission__text--link:hover, .general_admission__text--link:focus {
  color: #225a69;
}

@media (max-width: 700px) {
  .general_admission__text--link {
    font-size: 10pt;
  }
}

@media (max-width: 541px) {
  .general_admission__text--link {
    font-size: 10pt;
  }
}

@media (max-width: 1023px) {
  .mobile-hidden + .package_info__uppercol2--buttonvip {
    display: none;
  }
}

.package_info {
  position: relative;
  padding-top: 85px;
  align-content: center;
  background-color: #ECEBE4;
}

.package_info__container {
  margin: 0 auto;
  width: 85%;
}

.package_info__container--white {
  background-color: #FFFFFF;
}

.package_info__container--white .row {
  margin: 0 auto;
  width: 85%;
}

.package_info__container--yotpo {
  max-width: 1162px;
  margin: 0 auto;
}

.package_info__upgrade-list {
  list-style: none;
}

@media (max-width: 1023px) {
  .package_info__upgrade-list {
    margin: 5px auto 25px;
    width: 80%;
    padding: 0 0 0 50px;
  }
}

@media (max-width: 900px) {
  .package_info__upgrade-list {
    width: 100%;
  }
}

@media (max-width: 800px) {
  .package_info__upgrade-list {
    padding: 0 0 0 25px;
  }
}

@media (max-width: 700px) {
  .package_info__upgrade-list {
    padding: 0 0 0 5px;
  }
}

@media (max-width: 639px) {
  .package_info__upgrade-list {
    margin: 0 auto;
    width: 65%;
    padding: 0;
    display: block;
  }
}

@media (max-width: 500px) {
  .package_info__upgrade-list {
    width: 75%;
  }
}

@media (max-width: 430px) {
  .package_info__upgrade-list {
    width: 90%;
  }
}

.package_info__upgrade-list li {
  color: white;
  margin: 12px 0;
  font-size: 18px;
  line-height: 1.25em;
}

.package_info__upgrade-list li::before {
  content: "•";
  color: #F36F3A;
  display: inline-block;
  width: 21px;
  margin-left: -21px;
}

@media (max-width: 1023px) {
  .package_info__upgrade-list li {
    margin: 10px 0px;
    width: 48.9%;
    display: inline-block;
    vertical-align: top;
  }
}

@media (max-width: 639px) {
  .package_info__upgrade-list li {
    margin: 12px auto;
    width: 100%;
    display: block;
  }
}

.package_info__review-rating {
  display: inline-block;
  font-weight: 700;
  font-size: 24px;
  vertical-align: middle;
}

.package_info__review-stars {
  display: inline-block;
  margin-bottom: 1em;
  vertical-align: middle;
}

.package_info__review-stars span.rating-star {
  color: #FEC600;
  font-size: 24px !important;
}

.package_info__review-count {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin-left: 10px;
  margin-bottom: 1em;
  vertical-align: middle;
}

.package_info__video {
  color: #215968;
  display: inline-block;
  vertical-align: middle;
  margin-left: 75px;
  cursor: pointer;
}

@media (max-width: 639px) {
  .package_info__video {
    display: block;
    margin-left: 0;
  }
}

.package_info__video-icon {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  vertical-align: text-bottom !important;
}

.package_info__ornament {
  position: absolute;
  top: 0px;
  min-height: 85px;
  width: 100%;
  background: url(../images/ornament_top.png);
  background-position: 0px -31px;
  background-repeat: repeat-x;
}

.package_info__uppercol1--arrow {
  display: inline-block;
  margin-top: -3px;
}

.package_info__uppercol1--clock {
  margin: -3px 4px 0 0;
  width: 16px;
  display: inline-block;
}

.package_info__uppercol1-link-container {
  margin-bottom: 15px;
}

.package_info__uppercol1--link {
  color: #F36F3A;
}

.package_info__uppercol1--link:hover, .package_info__uppercol1--link:focus {
  outline: none;
  color: #D26031;
}

.package_info__uppercol1--back {
  display: inline-block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  padding-left: 8px;
}

.package_info__uppercol1--title {
  display: inline-block;
  font-family: "Noto Sans JP";
  font-size: 40px;
  color: #5E5642;
}

@media (max-width: 639px) {
  .package_info__uppercol1--title {
    font-size: 32px;
  }
}

.package_info__uppercol1--time {
  display: inline-block;
  font-family: 'Noto Sans JP';
  font-style: italic;
  font-size: 16px;
  color: #5E5642;
}

.package_info__uppercol1--cost1 {
  display: inline-block;
  width: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 22px;
  font-family: 'Noto Sans JP';
  font-size: 18px;
  font-weight: bold;
  color: #215968;
}

.package_info__uppercol1--cost2 {
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: 'Noto Sans JP';
  font-size: 18px;
  font-weight: bold;
  color: #215968;
}

.package_info__uppercol1--text {
  width: 95%;
  color: #5E5642;
  font-style: italic;
  font-size: 14px;
  padding-top: 5px;
  font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
}

@media (max-width: 1023px) {
  .package_info__uppercol1--text {
    width: 100%;
  }
}

.package_info__uppercol1--button {
  border: none;
  color: #FFFFFF;
  padding: 14px 32px 14px 32px;
  font-family: 'Noto Sans JP';
  font-weight: bold;
  font-size: 14px;
  background-color: #F36F3A;
  cursor: pointer;
  transition: backgbround 300ms ease;
}

@media (max-width: 639px) {
  .package_info__uppercol1--button {
    width: 100%;
    margin-bottom: 40px;
  }
}

.package_info__uppercol1--button:hover, .package_info__uppercol1--button:focus {
  background-color: #D26031;
}

.package_info__uppercol2 {
  margin: 0 auto 50px;
  width: 340px;
  padding: 0px 0 20px;
  background-image: url(../images/vip_background.png);
  background-color: #215968;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  display: inline-block;
  position: relative;
  top: 0;
}

@media (max-width: 1023px) {
  .package_info__uppercol2 {
    margin: 50px 0;
    width: 100%;
  }
}

@media (max-width: 639px) {
  .package_info__uppercol2 {
    margin: 0 0 50px;
  }
}

.package_info__uppercol2--title {
  width: 100%;
  display: inline-block;
  padding: 45px 0 12px 0;
  font-family: "Noto Sans JP";
  font-size: 28px;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.15em;
}

@media (max-width: 1023px) {
  .package_info__uppercol2--title {
    font-size: 48px;
  }
}

@media (max-width: 500px) {
  .package_info__uppercol2--title {
    font-size: 38px;
  }
}

@media (max-width: 430px) {
  .package_info__uppercol2--title {
    font-size: 28px;
  }
}

.package_info__uppercol2--triangle {
  position: absolute;
  top: 72px;
  left: -19px;
}

@media (max-width: 1023px) {
  .package_info__uppercol2--triangle {
    display: none;
  }
}

.package_info__uppercol2--bullets {
  padding: 0px 0px 13px 42px;
  font-family: 'Noto Sans JP';
  font-size: 18px;
  color: #FFFFFF;
  text-align: left;
  list-style: none;
}

@media (max-width: 1023px) {
  .package_info__uppercol2--bullets.mobile-hidden {
    display: none;
  }
}

@media (max-width: 639px) {
  .package_info__uppercol2--hidden {
    display: none;
  }
}

.package_info__uppercol2--points {
  list-style: none;
  color: #F36F3A;
}

.package_info__uppercol2--buttonvip {
  border: none;
  margin: 0 auto 30px;
  max-width: 260px;
  padding: 14px 0 14px 0;
  background-color: #F36F3A;
  display: block;
  font-family: 'Noto Sans JP';
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  color: #FFFFFF;
  text-align: center;
}

.package_info__uppercol2--buttonvip:hover, .package_info__uppercol2--buttonvip:focus {
  background-color: #D26031;
}

.package_info__uppercol2--buttonvip.mobile-hidden {
  display: none;
}

@media (max-width: 1023px) {
  .package_info__uppercol2--buttonvip {
    display: none;
  }
}

.package_info__uppercol2--buttonvip-mobile {
  padding-bottom: 30px;
  display: none;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  text-align: center;
  color: #F4A145;
}

.package_info__uppercol2--buttonvip-mobile:hover, .package_info__uppercol2--buttonvip-mobile:focus {
  color: #F36F3A;
}

@media (max-width: 1023px) {
  .package_info__uppercol2--buttonvip-mobile {
    display: block;
    font-size: 24px;
  }
}

@media (max-width: 500px) {
  .package_info__uppercol2--buttonvip-mobile {
    font-size: 20px;
  }
}

@media (max-width: 430px) {
  .package_info__uppercol2--buttonvip-mobile {
    padding-bottom: 10px;
    font-size: 18px;
  }
}

@media (max-width: 1023px) {
  .package_info__uppercol2--buttonvip-mobile.mobile-hidden {
    display: none;
  }
}

.package_info__uppercol2--super {
  visibility: hidden;
}

.package_info__lower {
  margin: 50px 0;
}

.package_info__lowercol1--header1 {
  font-family: 'Noto Sans JP';
  font-weight: bold;
  font-size: 24px;
  color: #5E5642;
  margin-bottom: 0;
  padding-bottom: 0;
}

.package_info__lowercol1--header2 {
  font-family: 'Noto Sans JP';
  font-size: 24px;
  color: #5E5642;
}

@media (max-width: 639px) {
  .package_info__lowercol1 {
    font-size: 22px;
  }
}

.package_info__lowercol1--header3 {
  font-family: 'Noto Sans JP';
  font-size: 24px;
  font-weight: 600;
  color: #215968;
}

@media (max-width: 639px) {
  .package_info__lowercol1--header3 {
    font-size: 22px;
  }
}

.package_info__lowercol1--bullets {
  padding: 0px 0px 13px 0;
  font-family: 'Noto Sans JP';
  font-size: 18px;
  color: #5E5642;
  text-align: left;
}

@media (max-width: 639px) {
  .package_info__lowercol1--bullets {
    padding-left: 0;
  }
}

.package_info__lowercol1--bullets ul {
  list-style-type: none;
}

.package_info__lowercol1--bullets ul li {
  margin: 5px 0;
  font-size: 18px;
  line-height: 1.25em;
}

.package_info__lowercol1--bullets ul li::before {
  content: "•";
  color: #F36F3A;
  display: inline-block;
  width: 21px;
  margin-left: -21px;
}

.package_info__lowercol1--button {
  border: none;
  color: #FFFFFF;
  padding: 14px 32px 14px 32px;
  font-family: 'Noto Sans JP';
  font-weight: bold;
  font-size: 14px;
  background-color: #F36F3A;
  cursor: pointer;
}

.package_info__lowercol1--button:hover, .package_info__lowercol1--button:focus {
  background-color: #D26031;
}

@media (max-width: 639px) {
  .package_info__lowercol1--button {
    width: 100%;
  }
}

@media (max-width: 639px) {
  .package_info__lowercol2 {
    display: none;
  }
}

.package_info__lowercol2-images-wrapper {
  width: 340px;
}

.package_info__lowercol2--img1, .package_info__lowercol2--img2, .package_info__lowercol2--img4, .package_info__lowercol2--img5 {
  width: 160px;
  height: 160px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  overflow: hidden;
}

.package_info__lowercol2--img1 {
  margin: 0px 12px 0px 0;
}

.package_info__lowercol2--img2 {
  margin-bottom: 20px;
  float: right;
}

.package_info__lowercol2--img3 {
  overflow: hidden;
  width: 100%;
  height: 163px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.package_info__lowercol2--img4 {
  margin-top: 20px;
}

.package_info__lowercol2--img5 {
  margin-top: 20px;
  float: right;
}

.package-details__main-subheader {
  color: #5E5642;
  font-size: 12px;
}

.package-details__header-container {
  display: inline-block;
  vertical-align: middle;
}

.package-details__header-icons {
  vertical-align: middle;
}

.package-details__header-icons--with-time {
  margin-bottom: 20px;
}

.package-details__header-text {
  color: #215968;
  font-size: 34px;
  font-family: 'Noto Sans JP';
  margin: 0;
  padding: 0;
  vertical-align: top;
}

.package-details__header-time {
  color: #5E5642;
  font-size: 12px;
  margin: 0;
  padding: 0;
  position: relative;
  top: -10px;
}

.package-details__li-subtext {
  color: #5E5642;
  font-size: 12px;
  padding-left: 2em;
}

@media (min-width: 64em) {
  .package-details__left-padding-helper {
    padding-left: 37.5px;
  }
}

@media (min-width: 64em) {
  .package-details__right-padding-helper {
    padding-right: 37.5px;
  }
}

.pcc-menu--package-details {
  margin-top: 25px;
  width: 100%;
}

.pcc-menu--package-details .pcc-menu {
  display: flex;
  flex: 1;
  flex-direction: row;
  min-width: auto;
  margin-bottom: 25px;
}

@media (max-width: 639px) {
  .pcc-menu--package-details .pcc-menu {
    flex-direction: column;
  }
}

.pcc-menu--package-details .pcc-menu__menu-title {
  font-family: 'Noto Sans JP';
  font-size: 18px;
  font-weight: bold;
  color: #215968;
  border-bottom: 1px solid #215968;
}

.pcc-menu--package-details .pcc-menu__container {
  display: flex;
}

@media (max-width: 639px) {
  .pcc-menu--package-details .pcc-menu__container {
    flex-direction: column;
  }
}

@media (min-width: 640px) {
  .pcc-menu--package-details .pcc-menu__container ul {
    display: flex !important;
    flex-direction: column;
  }
}

.pcc-menu--package-details .pcc-menu__container ul li {
  padding-left: 10px;
}

.pcc-menu--package-details .pcc-menu__container ul li:after {
  left: auto;
  right: 10px;
}

.pcc-menu--package-details .pcc-menu__container ul li.active:after {
  left: auto;
  right: 10px;
}

.pcc-menu--package-details .pcc-menu__list {
  display: flex;
  padding-left: 20px;
}

.pcc-menu--package-details .pcc-menu__list ul.active {
  display: flex;
  flex-direction: column;
}

.pcc-menu--package-details .pcc-menu__list ul.active li {
  display: flex;
}

.pcc-menu--package-details .pcc-menu__list ul.active li:before {
  margin: 0;
  padding-left: 0;
}

.theater__container--package-details {
  padding-left: 2em;
  margin-bottom: 50px;
}

@media (min-width: 1600px) {
  .theater__container--package-details {
    margin-left: 1.25rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .theater__container--package-details {
    margin-left: 1.25rem;
  }
}

@media (max-width: 639px) {
  .theater__container--package-details {
    margin-bottom: 25px;
  }
}

.theater__container--package-details .theater__container {
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: left;
  flex-direction: column;
}

.theater__container--package-details .theater__icon {
  width: 20px;
}

.theater__container--package-details .theater__header {
  font-family: "Noto Sans JP", sans-serif, Arial;
  font-size: 18px;
  margin: 5px 0;
  margin-bottom: 10px;
}

@media (max-width: 639px) {
  .theater__container--package-details .theater__header {
    font-size: 30px;
  }
}

.theater__container--package-details .theater__map {
  padding-top: 15px;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

@media (max-width: 639px) {
  .theater__container--package-details .theater__map {
    display: block;
  }
}

.theater__container--package-details .theater__info {
  margin-top: 15px;
}

@media (max-width: 639px) {
  .theater__container--package-details .theater__info {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.theater__container--package-details .theater__info-container {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}

.theater__container--package-details .theater__section {
  display: flex;
  align-items: center;
}

@media (max-width: 639px) {
  .theater__container--package-details .theater__section {
    width: auto;
  }
}

.theater__container--package-details .theater__section-name {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 0;
  text-transform: none;
}

.theater__container--package-details .theater__section-desc {
  font-size: 11px;
}

.theater__container--package-details .theater__sub-text {
  font-size: 13px;
}

#ti_packages_header {
  text-align: center;
  margin-top: 40px;
}

.packages_tab {
  color: #333333;
  opacity: .7;
  font-weight: 500;
  transition: opacity 300ms ease;
}

.packages_tab.active_tab {
  opacity: 1;
}

.ti_packages_divider {
  margin: 0px 20px;
  color: #333333;
  font-weight: 500;
}

.package_info__lowercol1--header2 {
  position: relative;
}

.package_info__lowercol1--header2 .reason-info {
  position: absolute;
  top: 7px;
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  margin-left: 4px;
  padding: 0 6px;
  border-radius: 50%;
  color: #fff;
  background: #00a0b8;
  cursor: pointer;
}

.package_info__lowercol1--header2 .reason-info::before {
  content: 'i';
}

.package_info__lowercol1--header2 .reason-info.reason-info::after {
  content: '';
  position: absolute;
  bottom: -11px;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, 0) scale(1, 0);
  transform-origin: bottom;
  width: 19px;
  height: 12px;
  background: url("../images/more-arrow.png") center bottom no-repeat;
}

.package_info__lowercol1--header2.showing .reason-info {
  z-index: 6;
}

.package_info__lowercol1--header2.showing .reason-info::after {
  content: '';
  position: absolute;
  bottom: -11px;
  left: 50%;
  opacity: 1;
  transform: translate(-50%, 0) scale(1, 1);
  transition: transform 0.2s ease 0.02s, opacity 0.2s linear 0.02s;
  width: 19px;
  height: 12px;
  background: url("../images/more-arrow.png") center bottom no-repeat;
}

.package_info__lowercol1--header2 .reason-more {
  position: absolute;
  width: 302px;
  background: #fff;
  box-sizing: border-box;
  padding: 27px;
  margin-top: 2px;
  border: solid 1px #e8e7e0;
  top: 30px;
  left: -9999em;
  opacity: 0;
  transform: translate(-50%, -40px) scale(0.5, 0.5);
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.2);
  z-index: 5;
  transition: transform 0.2s ease 0s, opacity 0.2s linear 0s, left 0s linear 0.21s;
  line-height: 20px;
  color: #4a3e2e;
  text-align: left;
  font-size: 14px;
}

.package_info__lowercol1--header2 .reason-more h4 {
  margin-bottom: 3px;
}

.package_info__lowercol1--header2 .reason-more a {
  color: #00a0b6;
  text-decoration: underline;
}

.package_info__lowercol1--header2 .reason-more::after {
  content: '';
  position: absolute;
  top: 12px;
  right: 12px;
  width: 13px;
  height: 13px;
  background: url("../images/close.svg") center no-repeat;
  background-size: 13px;
  cursor: pointer;
}

.package_info__lowercol1--header2.showing .reason-more {
  left: 50%;
  opacity: 1;
  transform: translate(-50%, 0) scale(1, 1);
  transition: transform 0.2s ease 0s, opacity 0.2s linear 0s, left 0s linear 0s;
}

.from-waikiki {
  background-color: #ECEBE4;
  padding: 30px 0px;
  margin: 30px 0;
}

.from-waikiki__container {
  width: 85%;
  max-width: 1162px;
  margin: 0 auto;
}

.from-waikiki__separator {
  display: inline-block;
  width: 5%;
}

.from-waikiki__separator.mobile-hidden {
  display: none !important;
}

.from-waikiki__header {
  display: inline-block;
  font-size: 40px;
  line-height: 40px;
  vertical-align: middle;
  padding-left: 30px;
}

@media (max-width: 1023px) {
  .from-waikiki__header {
    margin-bottom: 0;
    font-size: 24px;
  }
}

@media (max-width: 639px) {
  .from-waikiki__header {
    text-align: left;
    font-size: 22px;
    line-height: 30px;
    max-width: 85%;
    padding-left: 6%;
  }
}

.from-waikiki__header-container {
  padding-bottom: 30px;
}

@media (max-width: 639px) {
  .from-waikiki__header-container {
    text-align: center;
  }
}

.from-waikiki__icon {
  display: inline-block;
  width: 45px;
}

@media (max-width: 1023px) {
  .from-waikiki__icon {
    width: 35px;
  }
}

@media (max-width: 639px) {
  .from-waikiki__icon {
    width: 42px;
  }
}

.from-waikiki__description {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
}

@media (max-width: 1023px) {
  .from-waikiki__description {
    font-size: 14px;
  }
}

@media (max-width: 639px) {
  .from-waikiki__description {
    font-size: 18px;
  }
}

.from-waikiki__description-container {
  display: inline-block;
  width: 40%;
}

@media (max-width: 639px) {
  .from-waikiki__description-container {
    display: block;
    width: 100%;
  }
}

.from-waikiki__description-container.mobile-hidden {
  display: none !important;
}

.from-waikiki__description-image {
  margin-top: 30px;
  width: 100%;
}

.from-waikiki__vehicles-container {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-left: 40px;
}

@media (max-width: 639px) {
  .from-waikiki__vehicles-container {
    display: block;
    width: 100%;
    padding-left: 0;
  }
}

.from-waikiki__vehicles-container.mobile-hidden {
  display: none !important;
}

.from-waikiki__vehicles-header {
  display: inline-block;
}

@media (max-width: 1023px) {
  .from-waikiki__vehicles-header {
    font-size: 21px;
  }
}

@media (max-width: 639px) {
  .from-waikiki__vehicles-header {
    font-size: 24px;
  }
}

.from-waikiki__vehicles-subheader {
  display: inline-block;
  font-family: 'Noto Sans JP', sans-serif;
  font-style: italic;
  font-size: 18px;
}

@media (max-width: 1023px) {
  .from-waikiki__vehicles-subheader {
    font-size: 14px;
  }
}

@media (max-width: 639px) {
  .from-waikiki__vehicles-subheader {
    font-size: 18px;
  }
}

.from-waikiki__list-item {
  list-style: none;
}

.from-waikiki__list-text {
  margin-left: 0px;
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .from-waikiki__list-text {
    font-size: 14px;
  }
}

@media (max-width: 639px) {
  .from-waikiki__list-text {
    font-size: 18px;
  }
}

.from-waikiki__list-text:before {
  display: inline-block;
  content: "\2022";
  color: #F4A145;
  width: 20px;
  padding-left: 0px;
  margin-left: -20px;
}

.from-waikiki-mobile {
  display: none;
}

@media (max-width: 639px) {
  .from-waikiki-mobile {
    display: block;
    padding: 30px 0px;
  }
}

.from-waikiki-mobile__container {
  background-color: #afdedf;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

.from-waikiki-mobile__icon {
  width: 42px;
  display: inline-block;
  vertical-align: middle;
}

.from-waikiki-mobile__text {
  display: inline-block;
  color: #215968;
  text-align: left;
  width: 55%;
  margin-bottom: 0;
  vertical-align: middle;
  padding-left: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 22px;
}

.from-waikiki-mobile__arrow {
  display: inline-block;
  width: 10px;
}

.from-waikiki .pcc-slider__container {
  width: 100%;
}

.from-waikiki .pcc-slider__slide--100 {
  width: auto;
  height: 265px;
}

.from-waikiki .pcc-slider__slide {
  width: auto;
  height: 250px;
}

@media (max-width: 639px) {
  .from-waikiki .pcc-slider__slide {
    position: relative;
    margin: 10px auto;
    left: auto;
    width: 100%;
    height: 150px;
    display: none;
  }
  .from-waikiki .pcc-slider__slide:nth-child(1) {
    display: block;
  }
  .from-waikiki .pcc-slider__container {
    height: auto;
  }
}

.packages-navbar {
  background-color: #245967;
  position: relative;
  padding-top: 40px;
}

.packages-navbar__ornament {
  position: absolute;
  top: 0px;
  min-height: 85px;
  width: 100%;
  background: url(../images/featuredOptions.png);
  background-position: 0px -5px;
  background-repeat: repeat-x;
  opacity: .5;
}

.packages-navbar__container {
  text-align: center;
}

.packages-navbar__header {
  font-family: 'imfell_italic-webfont';
  font-size: 38px;
  color: white;
  position: relative;
  padding-bottom: 30px;
}

@media (max-width: 639px) {
  .packages-navbar__header {
    display: none;
  }
}

.packages-navbar__header--mobile {
  display: none;
}

@media (max-width: 639px) {
  .packages-navbar__header--mobile {
    display: block;
    font-family: 'imfell_italic-webfont';
    font-size: 22px;
    color: white;
    position: relative;
    padding-bottom: 30px;
  }
}

.packages-navbar__tab {
  margin: 0 4px;
  width: 22%;
  max-width: 250px;
  height: 140px;
  box-shadow: inset 0 -10px 40px -20px #000000;
  background-color: #ECEBE4;
  display: inline-block;
  text-align: center;
  vertical-align: bottom;
}

.packages-navbar__tab:hover {
  background-color: #FFFFFF;
}

@media (max-width: 639px) {
  .packages-navbar__tab {
    height: 70px;
    width: 30%;
  }
}

.packages-navbar__tab-container {
  margin: 0 auto;
  width: 80%;
}

@media (max-width: 639px) {
  .packages-navbar__tab-container {
    width: 100%;
  }
}

.packages-navbar__tab--active {
  background-color: white;
  box-shadow: none;
  height: 153px;
  border-top: 7px solid #afddde;
}

@media (max-width: 639px) {
  .packages-navbar__tab--active {
    height: 83px;
  }
}

.packages-navbar__title {
  text-align: center;
  line-height: 1em;
}

.packages-navbar__title--mobile {
  display: none;
}

@media (max-width: 639px) {
  .packages-navbar__title--mobile {
    display: block;
  }
}

@media (max-width: 639px) {
  .packages-navbar__title--prime-dining {
    display: none;
  }
}

@media (max-width: 639px) {
  .packages-navbar__title {
    font-size: 24px;
  }
}

@media (max-width: 450px) {
  .packages-navbar__title {
    font-size: 18px;
  }
}

.packages-navbar__title-container {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  display: flex;
  align-items: center;
}

.packages-navbar__subtitle {
  font-family: "Noto Sans JP";
  text-align: center;
  line-height: 0.45em;
}

@media (max-width: 639px) {
  .packages-navbar__subtitle {
    font-size: 18px;
  }
}

@media (max-width: 450px) {
  .packages-navbar__subtitle {
    font-size: 12px;
  }
}

.packages-partial {
  display: block !important;
}

.package-content_row {
  display: block;
  border: 1px solid #c1c1c1;
  position: relative;
  padding: 20px;
  margin-bottom: 10px;
}

@media (max-width: 639px) {
  .package-content_row {
    display: none;
  }
}

.col-md-6 {
  width: 49.5%;
  display: inline-block;
  z-index: 1;
  position: relative;
  vertical-align: top;
}

.tan-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 51%;
  background-color: #F8F8F8;
  height: 100%;
}

.packages-fixed {
  margin: 0 auto;
  display: none;
  position: fixed;
  overflow: hidden;
}

.packages-fixed.active {
  display: block;
}

.packages-fixed__container {
  margin: 0 auto;
  position: relative;
}

.packages-fixed__cell {
  background-color: #ffffff;
  border: 1px solid #d1d3d4;
  border-left: none;
  float: left;
  margin: 0;
  position: relative;
  text-align: center;
}

.packages-fixed__cell:first-of-type {
  border-left: 1px solid #d1d3d4;
}

.packages-fixed__cell .package-content__div {
  position: absolute;
  bottom: 0.625rem;
  width: 100%;
}

.packages-fixed__cell--first .package-content__div {
  position: relative;
  bottom: 0;
  padding: 0;
}

@media (max-width: 639px) {
  .package-content {
    display: none;
  }
}

.package-content__group-header {
  background-color: #1f4450;
  color: #fff;
}

@media (max-width: 639px) {
  .package-content__group-header {
    display: none;
  }
}

.package-content__group-header-container {
  max-width: 1162px;
  margin: 0 auto;
  padding: 10px 0 5px 0;
}

@media (max-width: 1162px) {
  .package-content__group-header-container {
    padding: 10px 10px 5px 10px;
  }
}

.package-content__group-header h2 {
  color: #f4a145;
}

.package-content__group-header p {
  color: #fff;
}

.package-content table {
  margin: 0 auto;
  width: 100%;
  border-spacing: 0;
}

.package-content table.package-content__vip {
  max-width: 650px;
}

.package-content tr {
  background-color: white !important;
}

.package-content th {
  border: 1px solid #d1d3d4;
  border-bottom: none;
}

.package-content th.package-content__last {
  border-bottom: 1px solid #d1d3d4;
}

.package-content td {
  min-width: 238px;
  border: 1px solid #d1d3d4;
  border-bottom: none;
  border-left: none;
}

.package-content td.package-content__first {
  vertical-align: bottom;
}

.package-content td.package-content__last {
  border-bottom: 1px solid #d1d3d4;
}

.package-content td.package-content__last--general-admission {
  border-top: 0;
  border-left: 1px solid #d1d3d4;
}

.package-content__div {
  padding: 10px;
}

@media (max-width: 1070px) {
  .package-content__div {
    padding: 10px 5px;
  }
}

.package-content__div-inner {
  display: inline-block;
  vertical-align: middle;
}

.package-content__div-inner--ticket {
  margin: 0 auto;
  width: 30px;
}

.package-content__div-inner--inline {
  display: inline-block;
}

.package-content__div-inner--plus {
  margin: 0 auto;
  width: 16px;
  margin-left: 20px;
  margin-right: 20px;
}

.package-content__div-inner--guide {
  margin: 0 auto;
  width: 32px;
}

.package-content__div-inner--bus {
  margin: 0 auto;
  width: 42px;
  margin-right: 20px;
}

.package-content__div-inner--island {
  width: 42px;
  margin: 0 auto;
}

.package-content__div-inner--prime {
  margin: 0 auto;
  width: 42px;
}

.package-content__div-inner--seating {
  margin: 0 auto;
  margin-right: 20px;
}

.package-content__div-inner--or {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  font-size: 22px;
  margin-left: 20px;
  margin-right: 20px;
}

.package-content__div-inner--options {
  width: 100%;
}

.package-content__column--all {
  background-color: #f2f1ec;
}

.package-content__list {
  width: 90%;
  margin: 15px auto 0;
  text-align: left;
}

.package-content__list-item {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  color: #5E5642;
}

.package-content__container {
  max-width: 1162px;
  margin: 0 auto;
  padding-top: 50px;
  position: relative;
  overflow-x: auto;
  overflow-y: visible;
}

.package-content__arrows {
  cursor: pointer;
  display: none;
  position: absolute;
  left: 0;
  -moz-transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}

.package-content__arrows--right {
  left: auto;
  right: 0;
}

.package-content__arrows:hover {
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.package-content__header {
  color: #005967;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 0px;
}

.package-content__header--italic {
  font-family: 'Noto Sans JP', sans-serif;
  font-style: italic;
  font-size: 14px;
}

.package-content__time {
  display: inline-block;
  width: 15px;
}

.package-content__time_container {
  float: right;
  margin-right: 50px;
}

.package-content__time-text {
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  margin-bottom: 20px;
}

.package-content__name {
  font-size: 37px;
  line-height: 37px;
  width: auto;
  margin: 0 auto;
  margin-bottom: 20px;
}

.package-content__name--all {
  font-size: 16px;
  line-height: 16px;
}

.package-content .highlight-text {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
  color: #f36f3a;
}

.package-content__none {
  margin: 0 auto;
  width: 22px;
  height: 2px;
  background-color: #5E5642;
}

.package-content__link {
  background-color: transparent;
  border: 2px solid #F16333;
  width: 140px;
  line-height: 42px;
  display: inline-block;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #F16333;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s;
}

.package-content__link a {
  color: #F36F3A;
  transition: all 300ms ease;
}

.package-content__link:hover, .package-content__link:focus {
  background-color: #F16333;
  border-color: #F16333;
}

.package-content__link:hover a, .package-content__link:focus a {
  color: #fff;
}

.package-content__link--all {
  font-size: 14px;
  font-weight: bold;
}

.package-content__link--all a {
  color: #ff6e43;
}

.package-content__link--all a:hover, .package-content__link--all a:focus {
  color: #D26031;
}

.package-content__text {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  margin-bottom: 0px;
  text-align: center;
}

.package-content__text--all {
  font-style: italic;
}

.package-content__text--inline {
  display: inline-block;
  margin-left: 20px;
}

.package-content__text--left {
  text-align: left;
}

.package-content__button {
  background-color: #F16333;
  color: #fff;
  font-size: 13px;
  display: inline-block;
  font-weight: 600;
  width: 141px;
  margin-top: 13px;
  margin-right: 10px;
  height: 45px;
  line-height: 45px;
  margin-left: 16px;
  text-align: center;
  transition: all .3s ease-in-out;
  padding: 0;
  -webkit-transition: all .3s;
}

.package-content__button:hover, .package-content__button:focus {
  background-color: #ff4d10;
}

.package-content .sub-header {
  font-size: 17px;
  color: #f36f3a;
  font-weight: 500;
  font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
  vertical-align: middle;
}

.package-content .hidden {
  display: none;
}

.package-content .flagged {
  margin-top: 0px;
}

.package-content .flag {
  min-height: 30px;
  padding: 5px 10px;
  display: inline-block;
  background-color: #1a4550;
  color: #fff;
  line-height: 1.2;
}

.package-content .flag .rating-star {
  color: #FAF829;
  font-size: 10px !important;
  margin-right: 5px;
  margin-top: 4px;
}

.package-content__alert {
  color: #ff4d10;
  margin: 20px 0px 20px 10px;
}

@media (max-width: 375px) {
  .package-content__alert {
    margin: 10px 0;
    font-size: 18px;
    line-height: 1.2;
  }
}

.package-content__alert.detail-alert {
  margin-top: -10px;
  margin-left: 0;
}

.yotpo .yotpo-review .yotpo-header .yotpo-review-stars .yotpo-icon, .yotpo .yotpo-comment .yotpo-header .yotpo-review-stars .yotpo-icon, .yotpo .yotpo-question .yotpo-header .yotpo-review-stars .yotpo-icon, .yotpo .yotpo-onsite-upload .yotpo-header .yotpo-review-stars .yotpo-icon,
.yotpo .yotpo-bottomline .yotpo-icon-star, .yotpo .yotpo-bottomline .yotpo-icon-half-star, .yotpo .yotpo-bottomline .yotpo-icon-empty-star,
.yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-star-distribution-content .yotpo-distibutions-stars .review-stars .yotpo-icon-star, .yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-star-distribution-content .yotpo-distibutions-stars .review-stars .yotpo-icon-empty-star, .yotpo .yotpo-modal-dialog .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-star-distribution-content .yotpo-distibutions-stars .review-stars .yotpo-icon-star, .yotpo .yotpo-modal-dialog .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-star-distribution-content .yotpo-distibutions-stars .review-stars .yotpo-icon-empty-star {
  color: #FEC600 !important;
}

.mobile-slide {
  display: table;
  width: 100%;
}

.mobile-slide__container {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding: 25px;
}

@media (max-width: 375px) {
  .mobile-slide__container {
    padding: 15px;
    vertical-align: top;
  }
}

.mobile-slide__title {
  font-size: 28px;
  line-height: 28px;
}

@media (max-width: 375px) {
  .mobile-slide__title {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 5px;
  }
}

.mobile-slide__time {
  display: inline-block;
  width: 15px;
  height: 15px !important;
}

.mobile-slide__time-text {
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  font-style: italic;
  margin-bottom: 20px;
}

@media (max-width: 375px) {
  .mobile-slide__time-text {
    margin-bottom: 5px;
  }
}

.mobile-slide__button {
  margin: 15px 0;
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: bold;
  background-color: #F36F3A;
}

.mobile-slide__button:hover, .mobile-slide__button:focus {
  background-color: #D26031;
}

@media (max-width: 375px) {
  .mobile-slide__button {
    margin: 10px auto 5px auto;
  }
}

.mobile-slide__pricing {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
  color: #005967;
}

.mobile-slide__link {
  margin-bottom: 0px;
  padding: 10px 0 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  text-align: left;
}

.mobile-slide__link a {
  color: #F36F3A;
}

.mobile-slide__link a:hover, .mobile-slide__link a:focus {
  color: #D26031;
}

.mobile-slide__list {
  text-align: left;
  margin: 0 auto !important;
  padding-left: 23px !important;
}

.mobile-slide__list-item {
  list-style: none;
  color: #5E5642;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
}

.mobile-slide__list-item:before {
  display: inline-block;
  content: "\2022";
  color: #F4A145;
  width: 25px;
  margin-left: -25px;
}

@media (min-width: 640px) {
  .packages-mobile-slides {
    display: none;
  }
}

.packages-mobile-slides__list-items {
  width: 75%;
  background-color: #edece6;
  list-style: none;
}

@media (max-width: 425px) {
  .packages-mobile-slides__list-items {
    width: 80%;
  }
}

.packages-mobile-slides__container {
  width: 90%;
  margin: 0 auto;
}

.packages-mobile-slides__instructions {
  display: inline-block;
  margin-bottom: 0;
  padding: 0 10px;
}

@media (max-width: 375px) {
  .packages-mobile-slides__instructions {
    font-size: 16px;
    line-height: 18px;
  }
}

.packages-mobile-slides__instructions-container {
  text-align: center;
  margin: 30px 0;
}

@media (max-width: 375px) {
  .packages-mobile-slides__instructions-container {
    margin: 10px 0;
  }
}

.packages-mobile-slides__left {
  display: inline-block;
  width: 10px;
}

.packages-mobile-slides__right {
  display: inline-block;
  width: 10px;
}

.packages-alert-banner {
  padding: auto;
  height: auto;
  transition: all .4s ease-in;
  overflow: hidden;
}

.packages-alert-banner.close {
  height: 0;
  padding: 0;
}

.no-padding {
  padding: 0 !important;
  text-align: center !important;
}

.accordion-list {
  visibility: hidden;
  transition: visibility 300ms ease;
}

.accordion-list.active {
  visibility: visible;
}

.villages-islands {
  position: relative;
  background-color: #e9e8e1;
}

@media (max-width: 639px) {
  .villages-islands {
    padding-top: 0;
  }
}

.villages-islands__container {
  width: 78.44%;
  max-width: 1162px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  z-index: 0;
}

@media (max-width: 639px) {
  .villages-islands__container {
    width: 100%;
    padding: 0 20px;
  }
}

.villages-islands__container:after {
  content: " ";
  background-image: url(../images/islands_background.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 538px;
  width: 710px;
  position: absolute;
  left: -100px;
  top: -60px;
  z-index: -1;
}

.villages-islands__ornament {
  background: url(../images/villages_ornament--top.png);
  background-position: 0px -42px;
  background-repeat: repeat-x;
  height: 39px;
  width: 100%;
}

.villages-islands__ornament-container {
  height: 120px;
}

.villages-islands__info {
  text-align: center;
  background-color: white;
  padding: 20px;
  width: 35%;
  min-height: 284px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.villages-islands__info-ornament img {
  width: 48%;
  position: absolute;
  left: -92px;
  top: -44px;
}

.villages-islands__info-container {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}

@media (max-width: 639px) {
  .villages-islands__info-container {
    display: none;
  }
}

.villages-islands__info-container--mobile {
  display: none;
}

@media (max-width: 639px) {
  .villages-islands__info-container--mobile {
    display: block;
    position: relative;
    top: -50px;
  }
}

.villages-islands__info-header {
  font-size: 38px;
  line-height: 40px;
  color: #5E5642;
  margin-top: 10px;
}

@media (max-width: 1023px) {
  .villages-islands__info-header {
    font-size: 28px;
    line-height: 30px;
  }
}

@media (max-width: 639px) {
  .villages-islands__info-header {
    font-size: 40px;
    margin-top: 30px;
  }
}

.villages-islands__info-header--top {
  width: 70%;
  margin: 0 auto;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 25px;
  color: #5E5642;
}

.villages-islands__info-times {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  color: #215968;
}

@media (max-width: 1023px) {
  .villages-islands__info-times {
    font-size: 12px;
    line-height: 12px;
  }
}

@media (max-width: 639px) {
  .villages-islands__info-times {
    font-size: 18px;
    line-height: 24px;
  }
}

.villages-islands__info-text {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  color: #5E5642;
  text-align: left;
}

@media (max-width: 1023px) {
  .villages-islands__info-text {
    font-size: 12px;
    line-height: 14px;
  }
}

@media (max-width: 639px) {
  .villages-islands__info-text {
    font-size: 18px;
    line-height: 24px;
  }
}

.villages-islands__info-link {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  color: #F36F3A;
}

.villages-islands__info-link:hover, .villages-islands__info-link:focus {
  color: #D26031;
}

@media (max-width: 1023px) {
  .villages-islands__info-link {
    font-size: 14px;
    line-height: 14px;
  }
}

@media (max-width: 639px) {
  .villages-islands__info-link {
    line-height: 18px;
  }
}

.villages-islands__info-back-text {
  display: inline-block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
}

.villages-islands__info-back-icon {
  display: inline-block;
  width: 20px;
}

.villages-islands__info-back-icon-link:hover img {
  transform: scale(1.2);
}

.villages-islands__main-image {
  margin-left: 0px;
  height: 100%;
  width: 65%;
  position: absolute;
  right: 0;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.villages-islands__main-image--play {
  width: 60px;
  vertical-align: middle;
}

.villages-islands__main-image--mobile {
  cursor: pointer;
}

@media (max-width: 639px) {
  .villages-islands__main-image--mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.villages-islands__secondary-image {
  height: 250px;
}

.villages-islands__secondary-image-container {
  height: 250px;
  width: 100%;
}

@media (max-width: 639px) {
  .villages-islands__secondary-image-container {
    display: none;
  }
}

.villages-islands__secondary-image-column1 {
  padding-left: 0px;
  padding-right: 10px;
}

.villages-islands__secondary-image-column2 {
  padding-left: 10px;
  padding-right: 10px;
}

.villages-islands__secondary-image-column3 {
  padding-left: 10px;
  padding-right: 0;
}

.villages-islands__secondary-image--1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.villages-islands__secondary-image--2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.villages-islands__secondary-image--3 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.villages-islands__book-today {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #5E5642;
  margin-bottom: 0;
}

@media (max-width: 639px) {
  .villages-islands__book-today {
    display: none;
  }
}

.villages-islands__book-today-container {
  text-align: center;
  padding: 40px 0;
}

@media (max-width: 639px) {
  .villages-islands__book-today-container {
    padding: 10px 0;
  }
}

.villages-islands__book-today--button {
  width: 150px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 30px;
  margin-bottom: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: bold;
  background-color: #f16e42;
}

@media (max-width: 639px) {
  .villages-islands__book-today--button {
    width: 100%;
    margin-left: 0;
    margin-top: 0px;
    margin-bottom: 20px;
  }
}

.villages-islands__book-today--button:hover {
  background-color: #D26031;
}

.villages-islands__free3 {
  display: none;
}

@media (max-width: 639px) {
  .villages-islands__free3 {
    display: block;
  }
}

.villages-list {
  position: relative;
}

.villages-list__ornament {
  width: 100%;
  height: 85px;
  background: url(../images/villages_ornament--top.png);
  background-position: 0px -42px;
  background-repeat: repeat-x;
  opacity: .75;
}

.villages-list__ornament-container {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  height: 34px;
}

.villages-list__close {
  right: 2rem;
  top: -.75em;
}

.villages-list__close:hover {
  color: #F36F3A;
}

.villages-list__list {
  margin-left: 0;
}

@media (min-width: 640px) {
  .villages-list__list {
    height: auto !important;
  }
}

.villages-list__list-item {
  list-style-type: none;
  padding: 10px 0;
  overflow: hidden;
}

@media (min-width: 640px) {
  .villages-list__list-item {
    display: block !important;
    overflow: hidden;
  }
}

.villages-list__nav {
  width: 36px;
  height: 36px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 640px) {
  .villages-list__nav {
    display: none;
  }
}

.villages-list__nav--left {
  background-image: url(../images/village_left.png) !important;
  top: 90px;
  left: 20px;
  right: auto;
}

.villages-list__nav--right {
  top: 90px;
  right: 20px;
  left: auto;
  background-image: url(../images/village_right.png) !important;
}

#villagesModal {
  padding-top: 1.5em;
}

.villages-map {
  position: relative;
  padding-top: 85px;
  background-color: white;
}

.villages-map__ornament {
  width: 100%;
  height: 85px;
  background: url(../images/agents_ornament_bottom.png);
  background-position: 0px -5px;
  background-repeat: repeat-x;
  opacity: .75;
}

.villages-map__ornament-container {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  height: 85px;
}

.villages-map__container {
  width: 100%;
  max-width: 1162px;
  margin: 0 auto;
  text-align: center;
}

.villages-map__text {
  width: 78.44%;
  margin: 0 auto;
  text-align: left;
}

@media (max-width: 639px) {
  .villages-map__text {
    width: 100%;
    padding: 0 20px;
  }
}

.villages-map__text-header {
  padding-top: 40px;
}

@media (max-width: 639px) {
  .villages-map__text-header {
    font-size: 42px;
    line-height: 42px;
  }
}

.villages-map__text-description {
  font-family: 'imfell_italic-webfont';
  font-size: 38px;
  color: #5E5642;
}

@media (max-width: 639px) {
  .villages-map__text-description {
    font-size: 24px;
  }
}

.villages-map__text-time {
  padding-top: 10px;
  font-family: 'Noto Sans JP';
  font-weight: 900;
  font-size: 34px;
  color: #215968;
}

@media (max-width: 639px) {
  .villages-map__text-time {
    font-size: 24px;
  }
}

.villages-map__map {
  background: url(../images/villages_2022.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1254px;
  height: 515px;
  margin: 0 auto;
  position: relative;
}

@media (max-width: 1275px) {
  .villages-map__map {
    width: 940px;
    height: 386.25px;
  }
}

@media (max-width: 1023px) {
  .villages-map__map {
    width: 780px;
    height: 364px;
  }
}

@media (max-width: 800px) {
  .villages-map__map {
    width: 620px;
    height: 254.76px;
  }
}

.villages-map__map-container {
  padding-bottom: 20px;
  margin-left: -40px;
}

@media (max-width: 1023px) {
  .villages-map__map-container {
    margin-left: 0;
  }
}

@media (max-width: 639px) {
  .villages-map__map-container {
    display: none;
  }
}

.villages-map__map--mobile {
  display: none;
}

@media (max-width: 639px) {
  .villages-map__map--mobile {
    display: block;
    width: 100%;
  }
}

.villages-map__pointer {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/map_pointer.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 36px;
  height: 65px;
  margin: 0 auto;
  transition: transform 0.2s ease;
}

@media (max-width: 1275px) {
  .villages-map__pointer {
    width: 35.25px;
    height: 48.75px;
  }
}

@media (max-width: 1023px) {
  .villages-map__pointer {
    width: 23.265px;
    height: 32.175px;
  }
}

.villages-map__pointer:hover {
  cursor: pointer;
}

.villages-map__pointer--hawaii {
  right: 154px;
  top: 210px;
}

@media (max-width: 1275px) {
  .villages-map__pointer--hawaii {
    right: 112px;
    top: 151px;
  }
}

@media (max-width: 1023px) {
  .villages-map__pointer--hawaii {
    right: 95px;
    top: 157px;
  }
}

@media (max-width: 800px) {
  .villages-map__pointer--hawaii {
    right: 73px;
    top: 103px;
  }
}

.villages-map__pointer--hawaii:hover {
  transform: scale(1.2);
}

.villages-map__pointer--fiji {
  right: 271px;
  top: 229px;
}

@media (max-width: 1275px) {
  .villages-map__pointer--fiji {
    right: 199px;
    top: 164px;
  }
}

@media (max-width: 1023px) {
  .villages-map__pointer--fiji {
    right: 169px;
    top: 162px;
  }
}

@media (max-width: 800px) {
  .villages-map__pointer--fiji {
    right: 131px;
    top: 111px;
  }
}

.villages-map__pointer--fiji:hover {
  transform: scale(1.2);
}

.villages-map__pointer--aotearoa {
  right: 448px;
  top: 272px;
}

@media (max-width: 1275px) {
  .villages-map__pointer--aotearoa {
    right: 332px;
    top: 200px;
  }
}

@media (max-width: 1023px) {
  .villages-map__pointer--aotearoa {
    right: 278px;
    top: 198px;
  }
}

@media (max-width: 800px) {
  .villages-map__pointer--aotearoa {
    right: 219px;
    top: 136px;
  }
}

.villages-map__pointer--aotearoa:hover {
  transform: scale(1.2);
}

.villages-map__pointer--samoa {
  right: 587px;
  top: 318px;
}

@media (max-width: 1275px) {
  .villages-map__pointer--samoa {
    right: 437px;
    top: 231px;
  }
}

@media (max-width: 1023px) {
  .villages-map__pointer--samoa {
    right: 365px;
    top: 225px;
  }
}

@media (max-width: 800px) {
  .villages-map__pointer--samoa {
    right: 288px;
    top: 155px;
  }
}

.villages-map__pointer--samoa:hover {
  transform: scale(1.2);
}

.villages-map__pointer--tonga {
  right: 452px;
  top: 149px;
}

@media (max-width: 1275px) {
  .villages-map__pointer--tonga {
    right: 335px;
    top: 116px;
  }
}

@media (max-width: 1023px) {
  .villages-map__pointer--tonga {
    right: 281px;
    top: 124px;
  }
}

@media (max-width: 800px) {
  .villages-map__pointer--tonga {
    right: 221px;
    top: 77px;
  }
}

.villages-map__pointer--tonga:hover {
  transform: scale(1.2);
}

.villages-map__pointer--tahiti {
  right: 273px;
  top: 124px;
}

@media (max-width: 1275px) {
  .villages-map__pointer--tahiti {
    right: 201px;
    top: 95px;
  }
}

@media (max-width: 1023px) {
  .villages-map__pointer--tahiti {
    right: 169px;
    top: 100px;
  }
}

@media (max-width: 800px) {
  .villages-map__pointer--tahiti {
    right: 131px;
    top: 63px;
  }
}

.villages-map__pointer--tahiti:hover {
  transform: scale(1.2);
}

.villages-map__pointer--marquesas {
  right: 202px;
  top: 92px;
}

@media (max-width: 1275px) {
  .villages-map__pointer--marquesas {
    right: 152px;
    top: 68px;
  }
}

@media (max-width: 1023px) {
  .villages-map__pointer--marquesas {
    right: 99px;
    top: 42px;
  }
}

.villages-map__pointer--marquesas:hover {
  transform: scale(1.2);
}

.villages-map__pointer-container {
  padding-bottom: 20px;
}

.center_text {
  text-align: center;
}

.hawaiianJourney {
  cursor: pointer;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 40px;
  overflow: hidden;
  position: relative;
  height: 213.818px;
  min-width: 365px;
  max-width: 1162px;
  width: 78.44%;
  z-index: 0;
}

@media (max-width: 1245px) {
  .hawaiianJourney {
    height: 185.818px;
  }
}

@media (max-width: 1023px) {
  .hawaiianJourney {
    height: 132.818px;
  }
}

@media (max-width: 639px) {
  .hawaiianJourney {
    height: 80px;
    width: 100%;
  }
}

.hawaiianJourney:hover .hawaiianJourney__background {
  transform: scale(1.06);
}

.hawaiianJourney__background {
  background-image: url("../images/HawaiianJourney-bg.jpg");
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: transform 0.4s ease;
  z-index: -1;
}

.hawaiianJourney__header {
  color: #ffffff;
  display: inline-block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 72px;
  margin: 0;
}

@media (max-width: 1245px) {
  .hawaiianJourney__header {
    font-size: 56px;
  }
}

@media (max-width: 1023px) {
  .hawaiianJourney__header {
    font-size: 42px;
  }
}

@media (max-width: 724px) {
  .hawaiianJourney__header {
    font-size: 32px;
  }
}

@media (max-width: 639px) {
  .hawaiianJourney__header {
    font-size: 24px;
  }
}

.hawaiianJourney__playBtn {
  display: inline-block;
  padding-left: 10px;
  vertical-align: middle;
  width: 67px;
}

@media (max-width: 1023px) {
  .hawaiianJourney__playBtn {
    width: 40px;
  }
}

@media (max-width: 639px) {
  .hawaiianJourney__playBtn {
    padding-left: 0;
    width: 28.5px;
  }
}

.hawaiianJourney__playBtn img {
  max-width: 100%;
}

.hawaiianJourney__section {
  display: inline-block;
  padding-left: 40px;
  padding-right: 10px;
  vertical-align: top;
}

.hawaiianJourney__section--1 {
  width: 79.333333%;
}

@media (max-width: 1139px) {
  .hawaiianJourney__section--1 {
    width: 73.333333%;
  }
}

@media (max-width: 1023px) {
  .hawaiianJourney__section--1 {
    width: 79.333333%;
  }
}

@media (max-width: 724px) {
  .hawaiianJourney__section--1 {
    padding-top: 15px;
    width: 73.333333%;
  }
}

@media (max-width: 639px) {
  .hawaiianJourney__section--1 {
    padding-top: 3px;
    padding-left: 14px;
    padding-right: 5px;
    width: 100%;
  }
}

.hawaiianJourney__section--2 {
  padding-top: 30px;
  padding-left: 0;
  padding-right: 0;
  width: 19.333333%;
}

@media (max-width: 1245px) {
  .hawaiianJourney__section--2 {
    padding-top: 15px;
  }
}

@media (max-width: 1139px) {
  .hawaiianJourney__section--2 {
    width: 25.333333%;
  }
}

@media (max-width: 1023px) {
  .hawaiianJourney__section--2 {
    padding-top: 13px;
    width: 19.333333%;
  }
}

@media (max-width: 724px) {
  .hawaiianJourney__section--2 {
    width: 25.333333%;
  }
}

@media (max-width: 639px) {
  .hawaiianJourney__section--2 {
    display: none;
  }
}

.hawaiianJourney__innerSection {
  position: relative;
  top: -5px;
}

@media (max-width: 1245px) {
  .hawaiianJourney__innerSection {
    padding-top: 18px;
  }
}

@media (max-width: 1059px) {
  .hawaiianJourney__innerSection {
    padding-top: 0;
  }
}

@media (max-width: 1023px) {
  .hawaiianJourney__innerSection {
    padding-top: 9px;
  }
}

@media (max-width: 639px) {
  .hawaiianJourney__innerSection {
    padding-top: 8px;
  }
}

.hawaiianJourney__subText {
  color: #ffffff;
  display: inline-block;
  font-family: 'imfell_italic-webfont';
  font-size: 38px;
  line-height: 1.1;
  margin: 0;
  max-width: 86%;
  padding-left: 40px;
  vertical-align: middle;
}

@media (min-width: 1601px) {
  .hawaiianJourney__subText {
    max-width: 785px;
  }
}

@media (max-width: 1245px) {
  .hawaiianJourney__subText {
    font-size: 28px;
    max-width: 83%;
  }
}

@media (max-width: 1023px) {
  .hawaiianJourney__subText {
    font-size: 20px;
    padding-left: 20px;
  }
}

@media (max-width: 724px) {
  .hawaiianJourney__subText {
    font-size: 16px;
    max-width: 85%;
    padding-left: 10px;
  }
}

@media (max-width: 639px) {
  .hawaiianJourney__subText {
    font-size: 15px;
    padding-left: 5px;
    max-width: 86%;
  }
}

.hawaiianJourney__dividerOrnament {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
}

@media (max-width: 1023px) {
  .hawaiianJourney__dividerOrnament {
    width: 5.5px;
  }
}

.hawaiianJourney__dividerOrnament img {
  max-width: 100%;
}

.hawaiianJourney__freeWithAdmission {
  color: #fff;
  display: inline-block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 28px;
  line-height: 1.3;
  margin: 0;
  padding-left: 15%;
  text-align: center;
  vertical-align: middle;
}

@media (max-width: 1023px) {
  .hawaiianJourney__freeWithAdmission {
    font-size: 18px;
  }
}

.hawaiianJourney__freeWithAdmission--small {
  background-color: rgba(0, 0, 0, 0.5);
  font-family: "Noto Sans JP";
  font-size: 10.69px;
  font-weight: 700;
  margin-left: 6px;
  margin-top: 7px;
  padding-left: 0;
  padding: 5px;
  vertical-align: top;
}

@media (min-width: 640px) {
  .hawaiianJourney__freeWithAdmission--small {
    display: none;
  }
}

.icon-partial-separator {
  max-width: 1000px;
  margin: auto;
}

.island-village-icons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1023px;
  margin: 0 auto 50px;
  align-items: center;
  padding: 0 20px;
}

@media screen and (max-width: 640px) {
  .island-village-icons {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (max-width: 640px) {
  .island-village-icons__icon {
    padding: 10px 0;
  }
}

.island-village-icons__icon a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  vertical-align: middle;
  align-items: center;
}

.island-village-icons__icon img {
  max-width: 80px;
  margin-right: 20px;
}

.island-village-icons__icon p {
  margin-bottom: 0;
}

.page-row {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 0 20px;
  align-items: center;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 640px) {
  .page-row {
    flex-direction: column;
  }
}

@media screen and (max-width: 1024px) {
  .page-row {
    padding: 50px 0;
  }
}

.page-column {
  padding: 0 10px;
}

.col-6 {
  width: 50%;
}

@media screen and (max-width: 640px) {
  .col-6 {
    width: 100%;
  }
}

.onipa {
  position: relative;
}

.onipa .title-image {
  padding: 0 0 15px 0;
}

.onipa .cursive {
  font-family: 'imfell_italic-webfont';
  font-size: 28px;
}

.onipa .padded-image {
  padding: 50px 0;
}

.onipa-pattern:after {
  content: " ";
  background-image: url(../images/islands_background.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center 90%;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 50%;
}

.banner-image {
  padding: 10% 10px;
  background-size: cover;
  background-position: center center;
}

.banner-image .card-partial__title {
  display: block;
}

.mission__container {
  padding-bottom: 0;
  margin: 0 auto;
  display: inline-block;
  text-align: left;
  padding-left: 25px;
  padding-right: 25px;
}

@media (max-width: 639px) {
  .mission__container {
    display: block;
    width: 100%;
  }
}

.mission__container-page {
  text-align: center;
  margin-top: 28px;
  margin: 0 auto;
}

@media (max-width: 1345px) {
  .mission__container-page {
    width: 990px;
  }
}

@media (max-width: 1023px) {
  .mission__container-page {
    width: 590px;
  }
}

@media (max-width: 639px) {
  .mission__container-page {
    width: 100%;
  }
}

.mission__container h1, .mission__container h2.h2-title {
  line-height: 72px;
  margin: 25px 0 25px 0;
}

@media (max-width: 1023px) {
  .mission__container h1, .mission__container h2.h2-title {
    font-size: 60px;
    line-height: 60px;
  }
}

@media (max-width: 639px) {
  .mission__container h1, .mission__container h2.h2-title {
    font-size: 42px;
    line-height: 42px;
  }
}

.mission__container h2 {
  line-height: 40px;
  margin: 25px 0 25px 0;
}

@media (max-width: 639px) {
  .mission__container h2 {
    font-size: 28px;
    line-height: 28px;
  }
}

.mission__container h3 {
  line-height: 18px;
  margin: 25px 0 25px 0;
}

@media (max-width: 639px) {
  .mission__container h3 {
    font-size: 20px;
    line-height: 20px;
  }
}

@media (max-width: 1023px) {
  .mission__container p {
    font-size: 18px;
    line-height: 1.5;
  }
}

.mission__container ul li {
  font-size: 18px;
  line-height: 1.5;
}

.mission__container i {
  font-family: 'imfell_italic-webfont';
  font-size: 38px;
  line-height: 45px;
  margin: 25px 0px 25px 0px;
}

@media (max-width: 1023px) {
  .mission__container i {
    font-size: 25px;
    line-height: 32px;
  }
}

@media (max-width: 639px) {
  .mission__container i {
    font-size: 22px;
    line-height: 22px;
  }
}

.mission__container q {
  padding: 0px 100px 0px 100px;
}

@media (max-width: 1023px) {
  .mission__container q {
    padding: 0px 60px 0px 60px;
  }
}

@media (max-width: 639px) {
  .mission__container q {
    padding: 0px 60px 0px 60px;
  }
}

.island-tour-gallery__gallery h2 {
  margin-top: 40px;
}

.island-tour-gallery__gallery .Left {
  text-align: left;
}

.island-tour-gallery__gallery .Right {
  text-align: right;
}

.island-tour-gallery__gallery .Center {
  text-align: center;
}

.scrollIndicators {
  display: none;
}

.scrollIndicators .scrollLeft {
  display: block;
  position: absolute;
  margin-top: 32%;
  left: 0;
  width: 25px;
  padding: 10px 5px;
}

.scrollIndicators .scrollRight {
  display: block;
  position: absolute;
  margin-top: 32%;
  right: 0;
  width: 25px;
  padding: 10px 5px;
}

@media (max-width: 640px) {
  /*.scrollIndicators {
    display:block;
  }*/
}

.stop-scroll {
  overflow: hidden;
  position: relative;
}

.hbspt-popup-form .hidden {
  display: none !important;
}

.hbspt-popup-form .hs-form-field {
  max-width: 60%;
  width: 60%;
  margin: auto;
}

.hbspt-popup-form .hs-form-field .hs-error-msgs, .hbspt-popup-form .hs_error_rollup .hs-error-msgs {
  display: none !important;
}

.hbspt-popup-form .hs-form-field label {
  visibility: hidden;
}

.hbspt-popup-form .hs_submit {
  margin: auto;
  text-align: center;
}

.hbspt-popup-form .hs_submit input {
  margin-top: 10px;
  max-width: 60%;
  width: 60%;
  background-color: #ef6f3a;
  color: #FFF;
  height: 39px;
  border: none;
}

.hbspt-popup-form .submitted-message p {
  color: #FFF;
  text-align: center;
  max-width: 75%;
  margin: auto;
}

.hbspt-popup-form .hbspt-popup-lb-container {
  display: flex;
  align-items: center;
  /* Overlay entire screen */
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
}

.hbspt-popup-form .hbspt-popup-lb-container .hbspt-popup-lb-content {
  background-color: #235968;
  max-width: 510px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 640px) {
  .hbspt-popup-form .hbspt-popup-lb-container .hbspt-popup-lb-content {
    max-width: 90%;
  }
}

.hbspt-popup-form .hbspt-popup-lb-container .hbspt-popup-lb-content .exit-container {
  font-size: 25px;
  position: absolute;
  right: 0;
  top: 0;
}

.hbspt-popup-form .hbspt-popup-lb-container .hbspt-popup-lb-content .exit-container span {
  background: rgba(255, 255, 255, 0.75);
  padding: 5px;
}

.hbspt-popup-form .hbspt-popup-lb-container .hbspt-popup-lb-content .exit-container .exit-popup {
  cursor: pointer;
}

.hbspt-popup-form .hbspt-popup-lb-container .hbspt-popup-lb-content .bg-image {
  max-width: 100%;
  width: 100%;
}

.hbspt-popup-form .hbspt-popup-lb-container .hbspt-popup-lb-content .fg-image {
  max-width: 150px;
  position: absolute;
  top: 100px;
  padding-left: 40px;
}

@media screen and (max-width: 640px) {
  .hbspt-popup-form .hbspt-popup-lb-container .hbspt-popup-lb-content .fg-image {
    top: 70px;
    max-width: 32%;
  }
}

.hbspt-popup-form .hbspt-popup-lb-container .hbspt-popup-lb-content .lb-text {
  max-width: 75%;
  margin: auto;
  text-align: center;
}

.hbspt-popup-form .hbspt-popup-lb-container .hbspt-popup-lb-content .lb-text .header {
  color: #adc817;
  font-size: 35px;
}

@media screen and (max-width: 640px) {
  .hbspt-popup-form .hbspt-popup-lb-container .hbspt-popup-lb-content .lb-text .header {
    font-size: 25px;
  }
}

.hbspt-popup-form .hbspt-popup-lb-container .hbspt-popup-lb-content .lb-text .description {
  color: #FFF;
  margin-bottom: 0;
}

.playBtn {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 25px;
}

.playBtn__table {
  display: table;
  height: 100%;
  width: 100%;
}

.playBtn__helper {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.playBtn__image {
  height: 57px;
  width: 57px;
  padding-bottom: 0 !important;
}

.circle-island-tour {
  position: relative;
}

.circle-island-tour h1 {
  font-family: "Noto Sans JP";
  font-size: 58px;
}

@media (max-width: 1023px) {
  .circle-island-tour h1 {
    font-size: 42px;
  }
}

@media (max-width: 393px) {
  .circle-island-tour h1 {
    font-size: 34px;
  }
}

.circle-island-tour__pattern {
  background: url(../images/circle_island.png);
  min-height: 92px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.circle-island-tour__content {
  position: relative;
  text-align: left;
  width: 85%;
  margin: 0 auto;
  max-width: 1162px;
  padding-top: 45px;
}

.circle-island-tour__col1 {
  position: relative;
  display: inline-block;
  margin-top: 18px;
  vertical-align: top;
  max-width: 30%;
}

@media (max-width: 1023px) {
  .circle-island-tour__col1 {
    margin-top: 12px;
  }
}

@media (max-width: 1027px) {
  .circle-island-tour__col1 {
    font-size: 24px;
  }
}

.circle-island-tour__col1 img {
  vertical-align: bottom;
  padding-bottom: 25px;
}

.circle-island-tour__col1--hide1 {
  display: none;
}

@media (max-width: 639px) {
  .circle-island-tour__col1--hide1 {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
  }
}

@media (max-width: 639px) {
  .circle-island-tour__col1--hide2 {
    display: none;
  }
}

.circle-island-tour__col2 {
  position: relative;
  display: inline-block;
  width: 69%;
  padding-left: 40px;
  vertical-align: top;
  text-align: left;
  float: right;
}

@media (max-width: 639px) {
  .circle-island-tour__col2 {
    width: 100%;
    padding-left: 0;
    float: none;
  }
}

.circle-island-tour__col2-subheader {
  font-family: 'imfell_italic-webfont';
  font-size: 38px;
}

@media (max-width: 1023px) {
  .circle-island-tour__col2-subheader {
    font-size: 24px;
  }
}

.circle-island-tour__col2-text {
  font-family: 'Noto Sans JP';
  font-size: 18px;
}

.circle-island-tour__ornament {
  margin-top: 10px;
  margin-bottom: 15px;
  height: 12px;
  width: 100%;
  clear: both;
  background-repeat: repeat-x;
}

.circle-island-modal__container {
  position: relative;
}

.circle-island-modal__close {
  font-size: 24px;
  position: absolute;
  right: 0;
}

.circle-island-modal__slider iframe {
  height: 100%;
}

.island-tour-gallery__container {
  padding-bottom: 20px;
}

.island-tour-gallery__text {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #5E5642;
}

@media (max-width: 639px) {
  .island-tour-gallery__text {
    font-size: 18px;
    text-align: center;
  }
}

.island-tour-gallery__link {
  background-color: #F36F3A;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-left: 25px;
  margin-bottom: 0;
  vertical-align: top;
}

@media (max-width: 639px) {
  .island-tour-gallery__link {
    width: 90%;
    margin-left: 0;
    margin-top: 20px;
  }
}

.island-tour-gallery__link:hover {
  background-color: #d35f28;
}

.island-tour-gallery__link-container {
  margin: 0 auto;
  max-width: 1162px;
  width: 95%;
  padding-left: 7px;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (max-width: 639px) {
  .island-tour-gallery__link-container {
    text-align: center;
    padding-top: 30px;
    padding-left: 0px;
  }
}

.island-tour-gallery__gallery {
  margin: 0 auto;
  max-width: 1162px;
  width: 95%;
}

.island-tour-gallery__gallery .pcc-slider__container {
  width: 100%;
}

@media (max-width: 639px) {
  .island-tour-gallery__gallery .pcc-slider__container {
    height: 70vw;
  }
}

.island-tour-gallery__gallery .pcc-slider__slide {
  height: 384px;
  padding: 16.5px;
}

@media (max-width: 1263px) {
  .island-tour-gallery__gallery .pcc-slider__slide {
    height: 31.2vw;
    padding: 16.5px;
  }
}

@media (max-width: 639px) {
  .island-tour-gallery__gallery .pcc-slider__slide {
    height: 70vw;
    padding: 7.5px;
  }
}

.island-tour-gallery__paragraph {
  margin: 0 auto;
  max-width: 1162px;
  width: 95%;
  padding-left: 7px;
}

.gallery-info {
  cursor: default;
  display: block;
  margin: 16.5px;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  overflow: hidden;
}

.gallery-info:hover {
  background-color: rgba(74, 62, 47, 0.9);
  opacity: 1;
}

@media (max-width: 639px) {
  .gallery-info {
    margin: 7.5px;
  }
}

.gallery-info__title {
  color: #f29f45;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.2;
  padding: 35px 40px;
  padding-bottom: 16px;
}

@media (max-width: 798px) {
  .gallery-info__title {
    padding: 25px;
  }
}

@media (max-width: 639px) {
  .gallery-info__title {
    padding-bottom: auto;
    text-align: left;
  }
}

.gallery-info__description {
  color: #ffffff;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.333333em;
  font-weight: 400;
  margin: 0;
  padding: 0 40px;
}

@media (max-width: 798px) {
  .gallery-info__description {
    padding: 0 25px;
  }
}

@media (max-width: 639px) {
  .gallery-info__description {
    text-align: left;
  }
}

@media (max-width: 360px) {
  .gallery-info__description {
    line-height: 1.4;
  }
}

@media (max-width: 335px) {
  .gallery-info__description {
    line-height: 1;
  }
}

.gallery-info__button {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 21px;
}

@media (max-width: 639px) {
  .gallery-info__button {
    display: block;
  }
}

.gallery-info__button img {
  height: auto;
  max-width: 100%;
}

.island-tour-lightbox-gallery h2 {
  margin: 40px 10px;
}

.island-tour-lightbox-gallery img {
  display: block;
  height: auto;
  width: 100%;
}

.island-tour-lightbox-gallery__container {
  padding-bottom: 20px;
}

.island-tour-lightbox-gallery__text {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #5E5642;
}

@media (max-width: 639px) {
  .island-tour-lightbox-gallery__text {
    font-size: 18px;
    text-align: center;
  }
}

.island-tour-lightbox-gallery__link {
  background-color: #F36F3A;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-left: 25px;
  margin-bottom: 0;
  vertical-align: top;
}

@media (max-width: 639px) {
  .island-tour-lightbox-gallery__link {
    width: 90%;
    margin-left: 0;
    margin-top: 20px;
  }
}

.island-tour-lightbox-gallery__link:hover {
  background-color: #d35f28;
}

.island-tour-lightbox-gallery__link-container {
  margin: 0 auto;
  max-width: 1162px;
  width: 95%;
  padding-left: 7px;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (max-width: 639px) {
  .island-tour-lightbox-gallery__link-container {
    text-align: center;
    padding-top: 30px;
    padding-left: 0px;
  }
}

.island-tour-lightbox-gallery__gallery {
  margin: 0 auto;
  max-width: 1162px;
  width: 95%;
}

@media (min-width: 639px) {
  .island-tour-lightbox-gallery__gallery .pcc-slider {
    height: auto !important;
  }
}

.island-tour-lightbox-gallery__gallery .pcc-slider__container {
  width: 100%;
}

@media (max-width: 639px) {
  .island-tour-lightbox-gallery__gallery .pcc-slider__container {
    height: 800px;
  }
}

.island-tour-lightbox-gallery__gallery .pcc-slider__slide {
  height: auto;
  padding: 16.5px;
  float: none;
  display: inline-block;
  vertical-align: top;
  width: 32.333%;
}

.island-tour-lightbox-gallery__gallery .pcc-slider__slide img {
  pointer-events: none;
}

@media (max-width: 960px) {
  .island-tour-lightbox-gallery__gallery .pcc-slider__slide {
    width: 49%;
  }
}

@media (max-width: 1263px) {
  .island-tour-lightbox-gallery__gallery .pcc-slider__slide {
    padding: 16.5px;
  }
}

@media (max-width: 639px) {
  .island-tour-lightbox-gallery__gallery .pcc-slider__slide {
    width: 83.29%;
    padding: 7.5px;
  }
}

.island-tour-lightbox-gallery__paragraph {
  margin: 0 auto;
  max-width: 1162px;
  width: 95%;
  padding-left: 7px;
}

.lightbox-gallery-info {
  cursor: default;
  display: block;
  margin: 16.5px;
  font-size: 12px;
}

@media (max-width: 639px) {
  .lightbox-gallery-info {
    margin: 7.5px;
  }
}

.lightbox-gallery-info__title {
  color: #5E5642;
  display: block;
  font-family: "Noto Sans JP";
  font-size: 2em;
  font-weight: 700;
  line-height: 1.2;
  padding: 35px 5px;
  text-align: center;
  padding-bottom: 16px;
}

@media (max-width: 798px) {
  .lightbox-gallery-info__title {
    padding: 25px;
  }
}

@media (max-width: 639px) {
  .lightbox-gallery-info__title {
    padding-bottom: auto;
    text-align: left;
  }
}

.lightbox-gallery-info__description {
  color: #5E5642;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.333333em;
  font-weight: 400;
  margin: 0;
  padding: 0 20px;
}

@media (max-width: 798px) {
  .lightbox-gallery-info__description {
    padding: 0 25px;
  }
}

@media (max-width: 639px) {
  .lightbox-gallery-info__description {
    text-align: left;
  }
}

@media (max-width: 360px) {
  .lightbox-gallery-info__description {
    line-height: 1.4;
  }
}

@media (max-width: 335px) {
  .lightbox-gallery-info__description {
    line-height: 1;
  }
}

.lightbox-gallery-info__button {
  width: 21px;
}

@media (max-width: 639px) {
  .lightbox-gallery-info__button {
    display: block;
  }
}

.lightbox-gallery-info__button img {
  height: auto;
  max-width: 100%;
}

.scrollIndicators {
  display: none;
}

.scrollIndicators .scrollLeft {
  display: block;
  position: absolute;
  margin-top: 32%;
  left: 0;
  width: 25px;
  padding: 10px 5px;
}

.scrollIndicators .scrollRight {
  display: block;
  position: absolute;
  margin-top: 32%;
  right: 0;
  width: 25px;
  padding: 10px 5px;
}

@media (max-width: 640px) {
  .scrollIndicators {
    display: block;
  }
}

.island-tour-reviews {
  background-color: #ECEBE4;
  padding-top: 85px;
  padding-bottom: 35px;
  text-align: center;
  position: relative;
}

@media (max-width: 639px) {
  .island-tour-reviews {
    display: none;
  }
}

.island-tour-reviews__ornament {
  width: 100%;
  height: 85px;
  background: url(../images/agents_ornament_bottom.png);
  background-position: 0px -8px;
  background-repeat: repeat-x;
  opacity: .75;
}

.island-tour-reviews__ornament-container {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  height: 34px;
}

.island-tour-reviews__container {
  max-width: 1162px;
  margin: 0 auto;
  padding: 0 30px;
}

.island-tour-reviews__header {
  text-align: left;
  margin: 0 auto;
  margin-bottom: 30px;
}

.island-tour-reviews__spacer {
  display: inline-block;
  width: 4%;
}

.island-tour-reviews__primary {
  display: inline-block;
  width: 45%;
}

@media (max-width: 639px) {
  .island-tour-reviews__primary {
    display: block;
    margin: 0 auto;
  }
}

.island-tour-reviews__primary-review {
  font-family: 'imfell_italic-webfont';
  font-size: 28px;
  color: #5E5642;
  text-align: left;
  text-indent: -26px;
  line-height: 1.3;
  margin-left: 26px;
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .island-tour-reviews__primary-review {
    font-size: 28px;
  }
}

@media (max-width: 1023px) {
  .island-tour-reviews__primary-review {
    font-size: 24px;
  }
}

@media (max-width: 639px) {
  .island-tour-reviews__primary-review-container--no-mobile {
    display: none;
  }
}

.island-tour-reviews__primary-reviewer {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  color: #215968;
  text-align: left;
  margin-left: 26px;
  margin-bottom: 30px;
  margin-top: 20px;
}

@media (max-width: 639px) {
  .island-tour-reviews__primary-reviewer {
    margin-bottom: 0px;
  }
}

.island-tour-reviews__secondary {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

@media (max-width: 639px) {
  .island-tour-reviews__secondary {
    display: block;
    width: 85%;
    margin: 0 auto;
  }
}

.island-tour-reviews__secondary-review {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  color: #5E5642;
  text-align: left;
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .island-tour-reviews__secondary-review {
    font-size: 14px;
  }
}

.island-tour-reviews__secondary-reviewer {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  color: #215968;
  text-align: left;
  margin-bottom: 30px;
}

@media (max-width: 1023px) {
  .island-tour-reviews__secondary-reviewer {
    font-size: 14px;
  }
}

.circle-island-schedule {
  position: relative;
  width: 100%;
  padding-bottom: 30px;
}

.circle-island-schedule__timeline-map {
  padding-right: 0px;
  padding-left: 0px;
  height: 100%;
}

@media (max-width: 1024px) {
  .circle-island-schedule__timeline-map {
    margin-top: 0px;
  }
}

@media (max-width: 639px) {
  .circle-island-schedule__timeline-map--hide1 {
    display: none;
  }
}

@media (min-width: 640px) {
  .circle-island-schedule__timeline-map--hide2 {
    display: none;
  }
}

.circle-island-schedule__timeline {
  position: relative;
  width: 85%;
  max-width: 1162px;
}

.circle-island-schedule__timeline-tour {
  margin-top: 30px;
  padding-left: 0;
}

.circle-island-schedule__timeline-header {
  font-family: 'Noto Sans JP';
  font-size: 24px;
  font-weight: bold;
  padding-top: 55px;
}

@media (max-width: 1024px) {
  .circle-island-schedule__timeline-header {
    font-size: 20px;
  }
}

@media (max-width: 640px) {
  .circle-island-schedule__timeline-header {
    padding-top: 0px;
  }
}

@media (max-width: 375px) {
  .circle-island-schedule__timeline-header {
    padding-top: 0px;
    font-size: 18px;
  }
}

.circle-island-schedule__timeline-line {
  background-color: #DAD8CC;
  position: absolute;
  left: 19.3px;
  height: auto;
  width: 1px;
  top: 15px;
  bottom: 55px;
  right: auto;
}

@media (max-width: 639px) {
  .circle-island-schedule__timeline-line {
    left: 15.3px;
  }
}

.circle-island-schedule__timeline-track {
  padding-right: 0px;
}

.circle-island-schedule__timeline-dot {
  position: absolute;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background-color: #DAD8CC;
  margin-top: 8px;
  margin-bottom: 15px;
}

.circle-island-schedule__timeline-time {
  font-size: 18px;
  font-weight: bold;
  padding-left: 20px;
  margin-bottom: 0;
}

@media (max-width: 241px) {
  .circle-island-schedule__timeline-time {
    font-size: 15px;
  }
}

.circle-island-schedule__timeline-event {
  font-size: 18px;
  padding-left: 20px;
  letter-spacing: -1px;
}

@media (max-width: 241px) {
  .circle-island-schedule__timeline-event {
    font-size: 14px;
  }
}

@media (max-width: 639px) {
  .recipes__container-page .pcc-menu__container {
    top: 0;
  }
}

.pcc_table {
  background-color: #fff;
  max-width: 1200px;
  margin: auto;
}

.pcc_table .table_title {
  font-family: "Noto Sans JP";
  font-size: 40px;
  line-height: 40px;
  color: #483E31 !important;
  margin-top: 10px;
  text-align: center;
  margin-bottom: 30px;
}

.pcc_table .ninja_clmn_nm_cooking_the_samoan_way,
.pcc_table .ninja_clmn_nm_alii_luau_package,
.pcc_table .ninja_clmn_nm_super_ambassador_luau_package {
  text-align: center;
}

.pcc_table svg {
  width: 32px;
  height: 32px;
}

.pcc_table .ninja_clmn_nm_cooking_the_samoan_way {
  color: #483E31 !important;
}

.pcc_table .ninja_clmn_nm_cooking_the_samoan_way svg {
  fill: #483E31;
}

.pcc_table .ninja_clmn_nm_cooking_the_samoan_way .button {
  background-color: #483E31;
}

.pcc_table .ninja_clmn_nm_alii_luau_package {
  color: #1A5661 !important;
}

.pcc_table .ninja_clmn_nm_alii_luau_package svg {
  fill: #1A5661;
}

.pcc_table .ninja_clmn_nm_alii_luau_package .button {
  background-color: #1A5661;
}

.pcc_table .ninja_clmn_nm_super_ambassador_luau_package {
  color: #F36E38 !important;
}

.pcc_table .ninja_clmn_nm_super_ambassador_luau_package svg {
  fill: #F36E38;
}

.pcc_table .ninja_clmn_nm_super_ambassador_luau_package .button {
  background-color: #F36E38;
}

.pcc_table .ninja_clmn_nm_default p,
.pcc_table .ninja_clmn_nm_default h1,
.pcc_table .ninja_clmn_nm_default h2,
.pcc_table .ninja_clmn_nm_default h3 {
  color: #0A5B6B;
}

.pcc_table th.ninja_clmn_nm_cooking_the_samoan_way {
  background-color: #483E31 !important;
  color: #fff !important;
}

.pcc_table th.ninja_clmn_nm_alii_luau_package {
  background-color: #1A5661 !important;
  color: #fff !important;
}

.pcc_table th.ninja_clmn_nm_super_ambassador_luau_package {
  background-color: #F36E38 !important;
  color: #fff !important;
}

.pcc_table table {
  border-color: transparent;
  border: 0px;
}

.pcc_table table th {
  border-right: 2px solid #fff;
  border-bottom: 0 !important;
  text-align: center !important;
  font-family: "Noto Sans JP";
  font-size: 17px;
  min-width: 135px;
}

.pcc_table table tr {
  border: 0px !important;
  border-top: 2px solid #0A5B6B !important;
  border-bottom: 2px solid #0A5B6B !important;
  background-color: transparent;
}

.pcc_table table td {
  border: 0px !important;
  border-top: 0;
}

.pcc_table table td:first-child {
  border-right: 2px solid #0A5B6B !important;
  color: #0A5B6B !important;
}

.pcc_table table tbody {
  border: 0px;
  background-color: transparent;
}

.pcc_table table thead {
  border: 0px;
  background-color: transparent;
}

.pcc_table table thead tr {
  border: 0px !important;
}

.pcc_table table .price-row {
  border-bottom: 0px !important;
}

.pcc_table table .price-row td {
  padding: 32px 1px 20px !important;
  position: relative;
}

.pcc_table table .price-row td:before {
  border: 2px solid;
  position: absolute;
  top: 20px;
  left: 1px;
  height: calc(100% - 32px);
  width: calc(100% - 2px);
}

.pcc_table table .price-row td:first-child {
  border: 0 !important;
}

.pcc_table table .price-row .ninja_clmn_nm_cooking_the_samoan_way:before {
  border-color: #483E31;
  content: "";
}

.pcc_table table .price-row .ninja_clmn_nm_alii_luau_package:before {
  border-color: #1A5661;
  content: "";
}

.pcc_table table .price-row .ninja_clmn_nm_super_ambassador_luau_package:before {
  border-color: #F36E38;
  content: "";
}

.pcc_table table .price-row .button {
  color: #fff !important;
  padding: 10px 0;
  font-weight: bold;
  display: block;
  width: 90%;
  max-width: 200px;
  margin: 5px auto 0;
  position: relative;
}

.pcc_table .pcc_padded-row {
  border-top: 10px solid #fff !important;
  border-bottom: 10px solid #fff !important;
}

.pcc_table .pcc_padded-row .padded-row {
  color: #fff !important;
}

.pcc_table .pcc_padded-row td {
  font-family: "Noto Sans JP";
  background-color: #0A5B6B !important;
  color: #fff !important;
  position: relative;
}

.pcc_table .pcc_padded-row td:before, .pcc_table .pcc_padded-row td:after {
  content: "";
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: #0A5B6B;
}

.pcc_table .pcc_padded-row td:before {
  top: -12px;
}

.pcc_table .pcc_padded-row td:after {
  bottom: -12px;
}

.pcc_table .pcc_padded-row td:first-child:before, .pcc_table .pcc_padded-row td:first-child:after {
  width: 105%;
}

@media (max-width: 768px) {
  .pcc_table {
    /* table, tr, td:not(.footable-editing), th{
      display: block !important;
      width:100%;
      overflow: hidden;
      font-size: 14px;
      padding:0;
    }
    .pcc_padded-row {
      td:not(:first-child){
        display:none !important;
      }
    }
    table {
      tr{
        border:2px solid #0A5B6B !important;
      }
      td{
        &:first-child{
          border:0 !important;
        }
      }
      .price-row{
        border:0 !important;
        td{
        max-width: 200px;
        margin:auto;
          padding-top:10px !important;
            &:before{
              top:0;
              height:calc(100% - 10px);
            }
        }
      }
    }

    .ninja_clmn_nm_default{
      min-width: 300px;
    } */
  }
  .pcc_table table {
    /* transform:scale(0.5);
      transform-origin: top left; */
    zoom: 40%;
    min-width: 800px;
  }
}

.error {
  margin-bottom: 50px;
  text-align: center;
}

@media (max-width: 639px) {
  .error {
    margin-bottom: 25px;
  }
}

.error p {
  padding: 0 15px;
  max-width: 791.726px;
  margin: 0 auto;
}

.error h1 {
  padding: 0 15px;
}

@media (max-width: 639px) {
  .error h1 {
    font-size: 42px;
  }
}

.error__image {
  background-image: url("/assets/images/error_splash.jpg");
  background-position: center;
  background-size: cover;
  height: 400px;
  width: 100%;
  position: relative;
}

@media (min-width: 1375px) {
  .error__image {
    height: 600px;
  }
}

@media (max-width: 1023px) {
  .error__image {
    top: -18px;
  }
}

@media (max-width: 639px) {
  .error__image {
    background-position: 77% 0;
    height: 200px;
    top: -2px;
  }
}

.error__featured-links {
  width: 100%;
  max-width: 750px;
  padding-top: 15px;
  padding-bottom: 25px;
  margin: 0 auto;
  text-align: center;
}

.error__link {
  display: block;
  padding-bottom: 7px;
}

.search-bar--error {
  height: auto;
  position: relative;
  top: 0;
  left: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

@media (max-width: 639px) {
  .search-bar--error {
    width: 100%;
  }
}

.search-bar--error .search-bar__container {
  margin-top: 40px;
}

@media (max-width: 639px) {
  .search-bar--error .search-bar__icon {
    display: inline-block;
    position: absolute;
    left: 5px;
    margin-top: 3px;
  }
}

@media (max-width: 639px) {
  .search-bar--error .search-bar__input-box {
    padding: 8px 30% 8px 45px;
  }
}

@media (max-width: 320px) {
  .search-bar--error .search-bar__input-box {
    width: 100%;
    padding: 8px 35% 8px 45px;
  }
}

@media (max-width: 639px) {
  .search-bar--error .search-bar__submit {
    position: relative;
    top: -40px;
  }
}

.footer__container {
  padding: 0 35px;
  background-color: #4B3F30;
  font-size: 16px;
}

@media (min-width: 640px) and (max-width: 750px) {
  .footer__container {
    font-size: 14px;
  }
}

@media (max-width: 455px) {
  .footer__container {
    padding: 0 20px;
  }
}

@media (max-width: 374px) {
  .footer__container {
    padding: 0 15px;
  }
}

.footer__top {
  margin: 50px 0 30px;
  padding: 0;
  list-style-type: none;
}

@media (max-width: 639px) {
  .footer__top {
    border-right: 2px solid #5E5642;
    margin: 20px 0 0;
  }
}

@media (max-width: 425px) {
  .footer__top {
    width: 46%;
  }
}

.footer__top-link {
  display: inline-block;
  text-transform: uppercase;
}

@media (min-width: 640px) and (max-width: 765px) {
  .footer__top-link {
    font-size: .9em;
  }
}

@media (max-width: 639px) {
  .footer__top-link {
    margin: 0 0 15px;
    display: block;
  }
}

.footer__top-link--break {
  border-right: 1px solid #F4EB96;
  margin: 0 15px;
  height: 20px;
}

@media (max-width: 639px) {
  .footer__top-link--break {
    display: none;
  }
}

.footer__top-link a {
  font-size: 1.25em;
  font-weight: 500;
  color: #F4EB96;
}

@media (max-width: 425px) {
  .footer__top-link a {
    font-size: 1em;
  }
}

@media (max-width: 374px) {
  .footer__top-link a {
    font-size: .9em;
    font-weight: 600;
  }
}

.footer__top-link a:hover {
  color: #A39E63;
}

.footer__accordion-container {
  border-top: 2px solid #5E5642;
  border-right: 2px solid #5E5642;
  border-bottom: 2px solid #5E5642;
  padding: 15px 0 30px 0;
  height: 310px;
}

@media (max-width: 950px) {
  .footer__accordion-container {
    height: 350px;
  }
}

@media (max-width: 639px) {
  .footer__accordion-container {
    border-right: none;
    border-bottom: none;
    padding: 0;
    height: initial;
  }
}

.footer__accordion-item.is-active a {
  background-color: #4B3F30;
}

.footer__accordion-item.is-active a.accordion-title::before {
  content: '';
}

.footer__accordion .is-active .footer__accordion-down-toggle {
  margin-top: 5px;
  -ms-transform: rotate(-135deg);
  /* IE 9 */
  -webkit-transform: rotate(-135deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-135deg);
}

.footer__accordion-down-toggle {
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  width: 10px;
  height: 10px;
  display: none;
  float: right;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}

@media (max-width: 639px) {
  .footer__accordion-down-toggle {
    display: initial;
  }
}

.footer__accordion-title {
  border: 0 !important;
  padding: 20px 0 20px 0;
  font-size: 1em;
  font-weight: 500;
  color: #FFFFFF;
  text-transform: uppercase;
}

.footer__accordion-title::before {
  content: '';
}

.footer__accordion-title:hover, .footer__accordion-title:focus {
  background-color: #4B3F30;
  color: #FFFFFF;
}

@media (min-width: 640px) {
  .footer__accordion-title {
    pointer-events: none;
    cursor: text;
  }
}

@media (max-width: 639px) {
  .footer__accordion-title {
    border-bottom: 2px solid #5E5642 !important;
  }
}

@media (max-width: 425px) {
  .footer__accordion-title {
    font-size: 1em;
  }
}

@media (max-width: 374px) {
  .footer__accordion-title {
    font-size: .9em;
    font-weight: 600;
  }
}

.footer__accordion-content {
  border: 0 !important;
  padding: 0;
  background-color: #4B3F30;
}

@media (min-width: 640px) {
  .footer__accordion-content {
    display: block !important;
  }
}

.footer__accordion-section {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

@media (max-width: 639px) {
  .footer__accordion-section li {
    font-size: 18px;
  }
}

@media (max-width: 1023px) {
  .footer__accordion-section li {
    font-size: 14px;
  }
}

@media (max-width: 639px) {
  .footer__accordion-section {
    border-bottom: 2px solid #5E5642;
    font-size: 18px;
  }
}

@media (max-width: 1023px) {
  .footer__accordion-section {
    font-size: 14px;
  }
}

@media (max-width: 639px) {
  .footer__accordion-link {
    margin: 10px 0;
  }
}

.footer__accordion-link a {
  color: #FFFFFF;
}

@media (max-width: 374px) {
  .footer__accordion-link a {
    font-size: .9em;
  }
}

.footer__accordion-link a:hover {
  color: #F4EB96;
}

@media (min-width: 640px) and (max-width: 750px) {
  .footer__contact {
    margin-left: 10px;
  }
}

@media (max-width: 525px) {
  .footer__contact {
    margin-left: 10px;
  }
}

@media (max-width: 425px) {
  .footer__contact {
    margin-left: 5px;
  }
}

.footer__contact-container {
  border-top: 2px solid #5E5642;
  border-bottom: 2px solid #5E5642;
  padding: 30px 0 30px 0;
  height: 310px;
}

@media (max-width: 950px) {
  .footer__contact-container {
    height: 350px;
  }
}

@media (max-width: 639px) {
  .footer__contact-container {
    border: none;
    padding: 25px 0 0;
    height: initial;
  }
}

@media (max-width: 425px) {
  .footer__contact-container {
    width: 54%;
  }
}

.footer__contact-item {
  margin: 0 0 20px;
  list-style-type: none;
}

.footer__contact-item:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
}

@media (max-width: 385px) {
  .footer__contact-item:before {
    background-size: 90%;
    width: 15px;
    height: 15px;
    position: relative;
    top: -3px;
  }
}

@media (max-width: 360px) {
  .footer__contact-item:before {
    display: none;
  }
}

.footer__contact-item--clock:before {
  background-image: url(../images/clock.png);
}

/* .footer__contact-item--clock p {
  font-weight: 600;
} */

.footer__contact-item--map:before {
  width: 15px;
  height: 22px;
  background-image: url(../images/map.png);
}

@media (max-width: 385px) {
  .footer__contact-item--map:before {
    width: 11px;
    height: 16px;
    top: 0px;
  }
}

.footer__contact-item--phone:before {
  background-image: url(../images/phone.png);
}

.footer__contact-item--email:before {
  background-image: url(../images/email.png);
}

.footer__contact-item img {
  width: 15px;
  display: inline-block;
}

.footer__contact-item p {
  margin: 0 0 0 15px;
  display: inline-block;
  vertical-align: top;
  font-size: 1em;
  line-height: 1.25em;
  color: #FFFFFF;
}

@media (min-width: 640px) and (max-width: 750px) {
  .footer__contact-item p {
    margin-left: 5px;
  }
}

@media (max-width: 525px) {
  .footer__contact-item p {
    margin-left: 5px;
  }
}

@media (max-width: 485px) {
  .footer__contact-item p {
    font-size: .9em;
    font-weight: 600;
  }
}

@media (max-width: 385px) {
  .footer__contact-item p {
    margin-left: 0px;
    font-size: .9em;
  }
}

.footer__contact-item p a {
  color: #FFFFFF;
}

.footer__contact-item p a:hover {
  color: #F4EB96;
}

.footer__icons {
  margin: 0;
  border-bottom: 2px solid #5E5642;
  padding: 35px 0;
  list-style-type: none;
}

@media (max-width: 929px) {
  .footer__icons {
    text-align: center;
  }
}

@media (max-width: 500px) {
  .footer__icons {
    padding: 35px 0 25px;
  }
}

@media (max-width: 425px) {
  .footer__icons {
    padding: 25px 0 10px;
  }
}

@media (max-width: 780px) {
  .footer__icons-text {
    display: none;
  }
}

.footer__icons-brand {
  min-width: 19%;
  margin-right: 0;
  margin-bottom: 5px;
  display: inline-block;
  vertical-align: bottom;
}

@media (max-width: 929px) {
  .footer__icons-brand {
    min-width: 49%;
  }
}

.footer__icons-brand img {
  max-width: 130px;
}

@media (max-width: 929px) {
  .footer__icons-brand img {
    margin-bottom: 30px;
  }
}

.footer__icons-link {
  margin-right: 20px;
  margin-bottom: 5px;
  display: inline-block;
}

@media (max-width: 500px) {
  .footer__icons-link {
    margin-right: 10px;
    margin-bottom: 10px;
  }
}

.footer__icons-link--head {
  margin-right: 40px;
  text-transform: uppercase;
  color: #FFFFFF;
}

@media (max-width: 930px) {
  .footer__icons-link--head {
    display: none;
  }
}

.footer__icons-link a {
  color: #FFFFFF;
}

.footer__icons-link a:hover {
  color: #F4EB96;
}

.footer__icons-circle {
  margin-right: 10px;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  display: inline-block;
  background-color: #27201B;
  position: relative;
  top: -.2em;
  vertical-align: middle;
}

@media (max-width: 550px) {
  .footer__icons-circle {
    margin-right: 0;
  }
}

@media (max-width: 425px) {
  .footer__icons-circle {
    width: 30px;
    height: 30px;
  }
}

.footer__icons-circle img {
  margin: auto;
  width: 12px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

@media (max-width: 425px) {
  .footer__icons-circle img {
    width: 10px;
  }
}

.footer__icons-oval {
  margin-right: 10px;
  border-radius: 25px;
  padding: 5px 15px 7px;
  display: inline-block;
  background-color: #27201B;
  position: relative;
  top: -.2em;
  vertical-align: middle;
}

@media (max-width: 550px) {
  .footer__icons-oval {
    margin-right: 0;
  }
}

.footer__icons-oval img {
  margin: 0 10px 0 0;
  width: 12px;
  vertical-align: middle;
}

@media (max-width: 425px) {
  .footer__icons-oval img {
    width: 10px;
  }
}

.footer__icons-app-text {
  color: #ef9e44;
  line-height: 18px;
  vertical-align: middle;
}

@media (max-width: 425px) {
  .footer__icons img.footer__icons-facebook {
    width: 9px;
  }
}

.footer__icons img.footer__icons-twitter {
  width: 20px;
}

@media (max-width: 425px) {
  .footer__icons img.footer__icons-twitter {
    width: 15px;
  }
}

.footer__icons img.footer__icons-google {
  width: 20px;
}

@media (max-width: 425px) {
  .footer__icons img.footer__icons-google {
    width: 15px;
  }
}

.footer__icons img.footer__icons-blog {
  width: 15px;
}

@media (max-width: 425px) {
  .footer__icons img.footer__icons-blog {
    width: 12px;
  }
}

.footer__icons img.footer__icons-instagram {
  width: 20px;
}

@media (max-width: 425px) {
  .footer__icons img.footer__icons-instagram {
    width: 15px;
  }
}

.footer__copyright-text {
  margin: 0;
  color: #FFFFFF;
  font-size: 1em;
  line-height: 1.5em;
}

@media (min-width: 640px) and (max-width: 870px) {
  .footer__copyright-text {
    font-size: .8em;
    line-height: 2.1em;
  }
}

@media (max-width: 450px) {
  .footer__copyright-text {
    margin: 0 0 10px 0;
    font-size: .9em;
    line-height: 1.25em;
  }
}

.footer__copyright-container {
  padding: 25px 0;
}

.footer__copyright-container .columns {
  padding: 0;
}

.footer__toc-links {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.footer__toc-link {
  display: inline-block;
}

.footer__toc-link--break {
  border-right: 1px solid #FFFFFF;
  margin: 0px 15px 0 10px;
  height: 17px;
  vertical-align: middle;
}

@media (min-width: 640px) and (max-width: 870px) {
  .footer__toc-link--break {
    margin: 0px 10px 0 5px;
  }
}

@media (max-width: 480px) {
  .footer__toc-link--break {
    margin: 0px 5px 0 0px;
  }
}

.footer__toc-link a {
  font-size: 1em;
  color: #FFFFFF;
}

@media (min-width: 640px) and (max-width: 870px) {
  .footer__toc-link a {
    font-size: .8em;
  }
}

@media (max-width: 450px) {
  .footer__toc-link a {
    font-size: .9em;
  }
}

.footer__toc-link a:hover {
  color: #F4EB96;
}

.open_chat {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 999;
  cursor: pointer;
  height: 45px;
  width: 45px;
  color: transparent;
  background-color: #215968;
  border: 1px solid #fff;
  fill: #fff;
  border-radius: 50%;
  padding: 8px;
}

.open_chat span {
  visibility: hidden;
  position: absolute;
  left: 9999px;
  bottom: -9999px;
}

.open_chat svg {
  width: 100%;
  height: 100%;
}

.open_chat:hover {
  background-color: #294956;
}

.landing-footer {
  background: #4a3e2f;
  padding: 40px 30px;
  display: block;
}

.landing-footer__main-container {
  float: left;
  font: 700 22px/1em 'Noto Sans JP', sans-serif;
  padding-bottom: 32px;
}

@media (max-width: 640px) {
  .landing-footer__main-container {
    font-size: 3.855vw;
    width: 49.999999%;
    padding-bottom: 0;
  }
}

.landing-footer__main-text {
  color: #fff;
}

.landing-footer__main-link {
  color: #f1e994;
  text-transform: uppercase;
}

.landing-footer__main-link:hover {
  color: #f1e994;
}

.landing-footer__contact {
  display: none;
  float: right;
  width: 50%;
  border-left: solid 1px #7d6c56;
  box-sizing: border-box;
  padding: 0 0 4.219vw 3.614vw;
  color: #fff;
  font: 700 14px/17px "Noto Sans JP", san-serif;
  text-align: left;
}

.landing-footer__contact a {
  color: #fff;
  transition: color 0.2s ease;
}

.landing-footer__contact a:hover {
  color: #aba563;
}

@media (max-width: 640px) {
  .landing-footer__contact {
    display: block;
    font-size: 3.373vw;
    line-height: 4.096vw;
  }
}

.landing-footer__schedule {
  padding: 0 0 20px 26px;
  background: url("../images/clock-white.svg") left 2px no-repeat;
  background-size: 12px;
}

.landing-footer__phone {
  display: block;
  font-weight: normal;
  padding: 0 0 4px 26px;
  background: url("../images/phone-white.svg") left 1px no-repeat;
  background-size: 16px;
}

.landing-footer__social {
  clear: both;
  border-top: solid 1px #7d6c56;
  border-bottom: solid 1px #7d6c56;
  padding: 29px 0 26px;
  overflow: hidden;
  margin-bottom: 30px;
}

.landing-footer__social a {
  float: left;
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: 0.025em;
  height: 40px;
  padding: 0 24px 0 54px;
  color: #fff;
  transition: color 0.2s ease;
}

.landing-footer__social a:last-child {
  padding-right: 0;
}

.landing-footer__social a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #000;
  background-position: center;
  background-repeat: no-repeat;
  transition: left 0.2s ease;
}

.landing-footer__social a:hover {
  color: #f4eb96;
}

.landing-footer__social a:hover::before {
  left: 10px;
}

@media (max-width: 870px) {
  .landing-footer__social a {
    font-size: 0;
  }
  .landing-footer__social a:last-child {
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  .landing-footer__social {
    margin-bottom: 20px;
  }
  .landing-footer__social a {
    padding: 0 0 0 50px;
    height: 30px;
    line-height: 30px;
  }
  .landing-footer__social a:last-child {
    font-size: 14px;
    padding-left: 38px;
  }
  .landing-footer__social a::before {
    width: 30px;
    height: 30px;
    transition: none;
  }
  .landing-footer__social a:hover::before {
    left: 0;
  }
}

@media (max-width: 400px) {
  .landing-footer__social a:last-child {
    font-size: 0;
    padding-left: 30px;
  }
}

.landing-footer__social-label {
  color: #fff;
  float: left;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 21px;
  text-transform: uppercase;
  line-height: 40px;
}

@media (max-width: 962px) {
  .landing-footer__social-label {
    display: none;
  }
}

.landing-footer__copyright {
  float: left;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
}

@media (max-width: 950px) {
  .landing-footer__copyright {
    font-size: 14px;
  }
}

@media (max-width: 750px) {
  .landing-footer__copyright {
    float: none;
    text-align: center;
  }
}

.landing-footer__links {
  float: right;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
}

.landing-footer__links a {
  color: #fff;
  transition: color 0.2s ease;
}

.landing-footer__links a:hover {
  color: #f4eb96;
}

.landing-footer__links a::after {
  content: '|';
  display: inline-block;
  padding: 0 15px;
}

.landing-footer__links a:last-child::after {
  display: none;
}

@media (max-width: 950px) {
  .landing-footer__links {
    font-size: 14px;
  }
  .landing-footer__links a::after {
    padding: 0 8px;
  }
}

@media (max-width: 750px) {
  .landing-footer__links {
    float: none;
    text-align: center;
  }
}

@media (max-width: 400px) {
  .landing-footer__links a:nth-child(2)::after {
    display: none;
  }
}

@media (min-width: 400px) {
  .landing-footer__narrow-break {
    display: none;
  }
}

.landing-footer-content {
  max-width: 1024px;
  margin: 0 auto;
  overflow: hidden;
}

.social-links {
  float: left;
  width: 758px;
  padding-left: 20px;
  overflow: hidden;
}

@media (max-width: 962px) {
  .social-links {
    float: none;
    width: auto;
    padding-left: 0;
  }
}

.social-links__facebook::before {
  background-image: url("../images/social_facebook.svg");
  background-size: 11.35px 21.86px;
}

@media (max-width: 640px) {
  .social-links__facebook::before {
    background-size: 8.51px 16.395px;
  }
}

.social-links__twitter::before {
  background-image: url("../images/social_twitter.svg");
  background-size: 15.24px 18.75px;
}

@media (max-width: 640px) {
  .social-links__twitter::before {
    background-size: 11.43px 14.06px;
  }
}

.social-links__google::before {
  background-image: url("../images/social_google.svg");
  background-size: 20.88px 21.6px;
}

@media (max-width: 640px) {
  .social-links__google::before {
    background-size: 15.66px 16.2px;
  }
}

.social-links__blog::before {
  background-image: url("../images/social_blog.svg");
  background-size: 15.81px;
}

@media (max-width: 640px) {
  .social-links__blog::before {
    background-size: 11.857px;
  }
}

.social-links__download-app::before {
  background-image: url("../images/social_app.svg");
  background-size: 14.15px 25.99px;
}

@media (max-width: 640px) {
  .social-links__download-app::before {
    background-size: 10.61px 19.49px;
  }
}

.video-container hr {
  margin: 0 auto;
}

.video-container .row {
  margin: 0 auto;
  width: 85%;
}

.video-container__title {
  font-family: 'Noto Sans JP';
  font-weight: bold;
  font-size: 24px;
  color: #5E5642;
  text-transform: uppercase;
  margin-top: 30px;
}

.video-container__subtitle {
  font-family: 'Noto Sans JP';
  font-size: 24px;
  font-weight: 400;
  color: #5E5642;
  margin-bottom: 30px;
}

.video-container__video {
  margin-bottom: 30px;
  position: relative;
}

.video-container__video:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.video-container__video > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.video-container__video iframe, .video-container__video video {
  border: 0;
  height: 100%;
  width: 100%;
}

.video-container__description {
  font-size: 18px;
  margin-bottom: 60px;
}

.video-container__cta {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin-bottom: 30px;
}

@media (max-width: 639px) {
  .video-container__cta {
    flex-direction: column;
    align-items: flex-start;
  }
}

.video-container__cta p {
  font-size: 18px;
  text-transform: uppercase;
}

.video-container__cta a {
  white-space: nowrap;
  font-family: 'Noto Sans JP';
  font-weight: bold;
  font-size: 14px;
  margin-left: 25px;
  text-transform: uppercase;
}

@media (max-width: 639px) {
  .video-container__cta a {
    margin-left: 0;
  }
}

.video-container__inner-container {
  width: 65%;
  max-width: 1160px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .video-container__inner-container {
    width: 100%;
  }
}

.video-with-description .page-row {
  align-items: flex-start;
}

.video-with-description hr {
  margin: 0 auto;
}

.video-with-description .row {
  margin: 0 auto;
  width: 85%;
}

.video-with-description__title {
  line-height: 40px;
  font-size: 40px;
  color: #5E5642;
  margin-top: 30px;
}

.video-with-description__title.light-text {
  color: #fff;
}

@media (max-width: 639px) {
  .video-with-description__title {
    margin-top: 10px;
  }
}

.video-with-description__subtitle {
  font-family: 'Noto Sans JP';
  font-size: 24px;
  font-weight: 400;
  color: #215968;
}

.video-with-description__subtitle.light-text {
  color: #fff;
}

.video-with-description__video {
  margin-bottom: 30px;
  margin-top: 30px;
  position: relative;
}

.video-with-description__video:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.video-with-description__video > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.video-with-description__video .content {
  background-size: cover;
}

.video-with-description__video iframe, .video-with-description__video video {
  border: 0;
  height: 100%;
  width: 100%;
}

.video-with-description__description {
  font-size: 18px;
  margin-bottom: 30px;
  margin-top: 30px;
}

.video-with-description__cta {
  align-items: flex-end;
  margin-bottom: 30px;
}

@media (max-width: 639px) {
  .video-with-description__cta {
    flex-direction: column;
    align-items: flex-start;
  }
}

.video-with-description__cta p {
  font-size: 18px;
  text-transform: uppercase;
}

.video-with-description__cta a {
  white-space: nowrap;
  font-family: 'Noto Sans JP';
  font-weight: bold;
  font-size: 14px;
  margin-left: 25px;
  text-transform: uppercase;
}

@media (max-width: 639px) {
  .video-with-description__cta a {
    margin-left: 0;
  }
}

.video-with-description__inner-container {
  width: 100%;
  max-width: 1160px;
  margin: 30px auto 0;
}

@media (max-width: 768px) {
  .video-with-description__inner-container {
    width: 100%;
  }
}

.video-with-description__main-image {
  margin-left: 0px;
  height: 100%;
  width: 100%;
  position: relative;
  right: auto;
  top: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.video-with-description__main-image--play {
  width: 60px;
  vertical-align: middle;
}

@media (max-width: 639px) {
  .video-with-description .page-row {
    padding: 0;
  }
  .video-with-description .order-1 {
    order: 1;
  }
  .video-with-description .order-2 {
    order: 2;
  }
}

@media screen and (max-width: 1024px) {
  .video-with-description .page-row {
    padding: 0 20px;
  }
}

.gallery-and-copy {
  position: relative;
  background-color: #e9e8e1;
}

@media (max-width: 639px) {
  .gallery-and-copy {
    padding-top: 0;
  }
}

.gallery-and-copy__ornament {
  background: url(../images/socialContent.png);
  min-height: 85px;
  width: 100%;
  opacity: 0.75;
}

.gallery-and-copy__ornament-container {
  height: 110px;
}

.gallery-and-copy__ornament-bottom {
  height: 40px;
  background-repeat: repeat-x;
  background-image: url(../images/accolades-ornaments-bottom.png);
  background-size: auto 40px;
  margin-top: 60px;
}

.gallery-and-copy__container {
  width: 78.44%;
  max-width: 1162px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  z-index: 0;
}

@media (max-width: 639px) {
  .gallery-and-copy__container {
    width: 100%;
    padding: 0 20px;
  }
}

.gallery-and-copy__header {
  font-size: 40px;
  line-height: 40px;
  color: #5E5642;
  margin-top: 0px;
  margin-bottom: 30px;
}

@media (max-width: 1023px) {
  .gallery-and-copy__header {
    font-size: 30px;
  }
}

@media (max-width: 639px) {
  .gallery-and-copy__header {
    font-size: 40px;
    margin-top: 30px;
  }
}

.gallery-and-copy__primary-image-container {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  height: 300px;
}

.gallery-and-copy__top-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.gallery-and-copy__top-image-column1 {
  height: 100%;
  padding-left: 0px;
  padding-right: 10px;
}

@media (max-width: 639px) {
  .gallery-and-copy__top-image-column1 {
    display: none;
  }
}

.gallery-and-copy__main-image {
  margin-left: 0px;
  height: 100%;
  width: 100%;
  position: relative;
  right: auto;
  top: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.gallery-and-copy__main-image--play {
  width: 60px;
  vertical-align: middle;
}

.gallery-and-copy__main-image-column {
  height: 100%;
  padding-left: 10px;
  padding-right: 0;
}

@media (max-width: 639px) {
  .gallery-and-copy__main-image-column {
    padding-left: 0;
  }
}

.gallery-and-copy__secondary-image {
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.gallery-and-copy__secondary-image-container {
  height: 200px;
  width: 100%;
  margin-bottom: 60px;
}

@media (max-width: 639px) {
  .gallery-and-copy__secondary-image-container {
    display: none;
  }
}

.gallery-and-copy__secondary-image-column1 {
  padding-left: 0px;
  padding-right: 10px;
}

.gallery-and-copy__secondary-image-column2 {
  padding-left: 10px;
  padding-right: 10px;
}

.gallery-and-copy__secondary-image-column3 {
  padding-left: 10px;
  padding-right: 0;
}

.gallery-and-copy__awards-image-container {
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  text-align: center;
}

.gallery-and-copy__awards-image-container picture {
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  padding: 0 15px;
}

.gallery-and-copy__awards-image-container picture img {
  align-self: center;
  max-width: 100%;
}

@media (max-width: 639px) {
  .gallery-and-copy__awards-image-container {
    margin-bottom: 30px;
  }
}

.gallery-and-copy__awards-text {
  font-family: "imfell_italic-webfont", sans-serif;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 60px;
  text-align: left;
}

@media (max-width: 639px) {
  .gallery-and-copy__awards-text {
    margin-bottom: 30px;
  }
}

.gallery-and-copy__description {
  text-align: left;
}

.gallery-and-copy__description-link {
  color: #00a0b6;
  font-size: 18px;
}

.gallery-and-copy__description-text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
}

.card-partial-wrapper {
  padding: 50px 0;
  position: relative;
}

.card-partial {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
}

@media (max-width: 768px) {
  .card-partial {
    width: 100%;
    display: block;
  }
}

.card-partial__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card-partial__col {
  display: inline-block;
  vertical-align: top;
  background-size: cover;
  background-position: center center;
  padding: 50px 20px;
  width: calc(33.333% - 20px);
  color: #fff;
  margin: 0;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.card-partial__col:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  transition: all 600ms ease;
}

.card-partial__col:hover:before {
  background-color: rgba(0, 0, 0, 0.4);
}

.card-partial__col:nth-child(2) {
  margin: 0 40px;
}

.card-partial__col.no-padding:before {
  content: none;
}

@media (max-width: 768px) {
  .card-partial__col {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    text-align: left;
  }
  .card-partial__col:nth-child(2) {
    margin: 0 0 10px 0;
  }
}

.card-partial__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(26, 69, 80, 0.8);
}

.card-partial__title, .card-partial__text {
  position: relative;
  z-index: 1;
  color: #fff;
}

.card-partial__title {
  font-size: 36px;
  line-height: 1.2;
}

.card-partial img.card-partial__play {
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.card-partial .pcc-modal__slider iframe {
  left: 0;
}

.card-partial.short .mobile-slide__container,
.card-partial.short .packages-mobile-slides__container,
.card-partial.short .packages-mobile-slides__list-items {
  height: 300px;
}

.card-partial .mobile-slide__container .card-partial__col {
  margin-bottom: 0;
  padding: 50px 20px 35px;
}

.card-partial .packages-mobile-slides__instructions-container {
  position: relative;
}

@media (max-width: 640px) {
  .card-desktop {
    display: none;
  }
}

.book-now {
  letter-spacing: -5px;
  margin: 50px auto;
}

@media (max-width: 640px) {
  .book-now {
    letter-spacing: normal;
    padding: 0 20px;
  }
}

.book-now__title {
  line-height: 1;
  color: #f4a145;
}

.book-now__wide-col {
  width: 66%;
}

@media (max-width: 1200px) {
  .book-now__wide-col {
    padding-left: 20px;
  }
}

.book-now__full-col {
  letter-spacing: normal;
  padding: 0 20px;
}

.book-now__short-col {
  min-width: 173px;
  width: 34%;
  text-align: right;
}

.book-now__wide-col, .book-now__short-col {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 640px) {
  .book-now__wide-col, .book-now__short-col {
    display: block;
    width: 100%;
    padding: 0;
    text-align: left;
  }
}

.main-content {
  visibility: visible !important;
  opacity: 1 !important;
  transition: opacity 300ms ease;
}

.full-width-gallery {
  background-color: #ECEBE4;
  padding-bottom: 50px;
  width: 100%;
}

.full-width-gallery__ornament {
  background-image: url(../images/socialContent.png);
  background-repeat: repeat-x;
  background-size: contain;
  margin-bottom: 25px;
  height: 65px;
  width: 100%;
}

.full-width-gallery__header {
  text-align: center;
}

.full-width-gallery__description {
  max-width: 900px;
  margin: 0 auto;
  margin-bottom: 30px;
  padding: 0 30px;
}

@media (max-width: 639px) {
  .full-width-gallery__description {
    padding: 0 50px;
    max-width: auto;
  }
}

.full-width-gallery__gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-bottom: 25px;
  max-width: 1600px;
  width: 100%;
}

.full-width-gallery__gallery-image {
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 25%;
  height: 20vw;
}

@media (max-width: 639px) {
  .full-width-gallery__gallery-image {
    height: 28vw;
    flex-basis: 50%;
  }
}

.full-width-gallery__gallery-image--video:after {
  content: "";
  cursor: pointer;
  height: 57px;
  width: 57px;
  display: block;
  background-image: url(../images/play.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.full-width-gallery__more {
  text-align: center;
}

.full-width-gallery__more-link {
  color: #5E5642;
}

.full-width-gallery__more-link:hover {
  color: #4B3F30;
}

.full-width-gallery-modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

.full-width-gallery-modal__content {
  position: relative;
  background-color: black;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

.full-width-gallery-modal__close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.full-width-gallery-modal__close:hover {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.full-width-gallery-modal__next, .full-width-gallery-modal__prev {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

.full-width-gallery-modal__next:hover, .full-width-gallery-modal__prev:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.full-width-gallery-modal__next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.full-width-gallery-modal__image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.full-width-gallery-modal__image-number {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.full-width-gallery-modal__image iframe {
  border: 0;
  width: 80vw;
  height: 35vw;
  max-width: 1200px;
}

@media (max-width: 639px) {
  .full-width-gallery-modal__image iframe {
    height: 50vw;
    width: 100vw;
  }
}

#chat-form {
  max-width: 1162px;
  margin: 50px auto;
}

#chat-form p {
  font-family: imfell_italic-webfont,sans-serif;
  font-size: 28px;
  line-height: 40px;
  text-align: center;
}

#chat-form label {
  font-family: "Noto Sans JP";
  font-size: 17px;
}

#chat-form input.submit {
  margin-top: 25px;
  font-family: Noto Sans JP,sans-serif;
  font-weight: 700;
  min-width: 224px;
  font-size: 21px;
  background-color: #f36f3a;
  color: #fff;
  border: none;
}

#chat-form input.submit:hover {
  background-color: #d26031;
}

.package-availability, .package-availability__search {
  display: flex;
}

.package-availability__left {
  width: 30px;
}

.package-availability__right {
  padding-left: 10px;
}

.package-availability__right h3, .package-availability__right p {
  color: #1a4550;
}

.package-availability__right p {
  font-size: 15px;
}

.package-availability__search--left {
  width: 300px;
}

.package-availability__search--left input#search-date {
  width: 300px;
  border-radius: 5px;
  padding-right: 60px;
}

.package-availability__search--left button#search-date-go {
  background-color: #F16333;
  color: white;
  height: 37px;
  width: 50px;
  cursor: pointer;
  float: right;
  position: relative;
  top: -54px;
  right: 1px;
  border-radius: 0 5px 5px 0;
  border-left: 1px solid #cacaca;
}

.package-availability__search--right {
  padding-left: 30px;
}

ul.package-search-result {
  list-style: none;
}

ul.package-search-result li a {
  color: #1a4550;
  text-decoration: underline;
}

a.disable-link {
  pointer-events: none;
  opacity: 0.7;
}

.pcc-slider__slide div.seats-alert {
  height: auto;
}

.seats-alert span {
  font-weight: 600;
}

.seats-alert span.hurry-text {
  color: #1a4550;
}

.seats-alert span.seats-success-text {
  color: green;
}

.seats-alert span.seats-warning-text {
  color: #215968;
}

.seats-alert span.seats-alert-text {
  color: red;
}

.package-availability__search--right .package-content__alert {
  margin-top: 0;
}

@media (max-width: 639px) {
  .package-availability {
    margin-left: 25px;
  }

  .package-availability__search {
    display: block;
  }

  .package-availability__search .package-availability__search--right {
    padding-left: 0;
  }

  .package-availability__search .package-availability__search--right .package-search-result {
    margin-left: 0;
  }
}

.gallery_mobile,
.section-redesign .package_info__container .detail_info_mobile,
.section-redesign .package_info__container .large-4.columns.end,
.section-redesign .package_info_about .package_detail_right .package_detail_time .package_info_time img,
.section-redesign .package_info_testimonial .package_info__uppercol1--text br {
  display: none;
}
.section-redesign .package_info__container .package_info__uppercol1 .package_info_price,
.section-redesign .package_info__container .package_info__uppercol1 .package_info_time {
  display: inline-block;
}
.section-redesign .package_info__container .package_info__uppercol1 {
  width: 100%;
}
.section-redesign .package_info__container {
  padding-bottom: 38px;
}
.section-redesign .package_info__container .package_info__uppercol1 .package_info_price {
  padding-left: 32px;
}
.gallery_desktop {
  display: flex;
}
.gallery_left {
  margin-right: 10px;
}
.gallery_left, .gallery_right {
  width: 50%;
}
.gallery-item {
  position: relative;
}
.gallery_left .gallery-item {
  width: 100%;
  padding-bottom: 100%;
}
.gallery_desktop img {
  border-radius: 10px;
}
.gallery_desktop .gallery-item img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.gallery_right {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.gallery_right .gallery-item {
  width: 48%;
  padding-bottom: 48%;
}
.section-redesign .package_info_about {
  background-color: #fff;
  padding-top: 32px;
  padding-bottom: 37px;
}
.section-redesign .package_info_about .row {
  margin: 0 auto;
  width: 85%;
}
.section-redesign .package_info_about .package_info__lowercol1--header1 {
  color: #4b4433;
  font-weight: 700;
  line-height: 28px;
  padding: 20px 0 30px;
}
.section-redesign .package_info_about .package_details {
  display: flex;
}
.section-redesign .package_info_about .package_detail_left {
  padding-left: 25px;
  padding-right: 33px;
}
.section-redesign .package_info_about .package_detail_left h5, .section-redesign .package_info_about .package_detail_right .package_detail_time h5 {
  color: #4b4433;
  font-family: Noto Sans JP;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 0;
}
.section-redesign .package_info_about .package_detail_left .package_detail_list {
  list-style: none;
  margin-bottom: 0;
}
.section-redesign .package_info_about .package_detail_left .package_detail_list li {
  font-size: 15px;
}
.section-redesign .package_info_about .package_detail_left .package_detail_list li:before {
  content: "•";
  color: #f36f3a;
  display: inline-block;
  width: 21px;
  margin-left: -21px;
}
.section-redesign .package_info_about .package_detail_right .package_detail_time {
  padding-left: 37px;
  border-left: 1px solid #eeeeef;
}
.section-redesign .package_info_about .package_detail_right .package_detail_time h5 {
  margin-bottom: 2px;
}
.section-redesign .package_info_about .package_detail_right .package_detail_time .package_info_time .package_info__uppercol1--time {
  margin: 0;
  font-style: normal;
  font-size: 15px;
}
.section-redesign .package_info_about .package_info_testimonial {
  max-width: 600px;
}
.section-redesign .package_info_testimonial .package_info__uppercol1--text {
  width: 100%;
  color: #000;
  font-size: 16px;
  margin: 27px 0;
  font-family: "Noto Sans JP";
  padding: 0 0 0 25px;
}
.section-redesign .package_details_offer {
  display: flex;
  align-items: center;
  padding: 36px 31px 31px;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  max-width: 500px;
  background-color: #fff;
}
.section-redesign .offer_icon img {
  width: 37px;
}
.section-redesign .offer_description p {
  margin: 0 0 0 14px;
  font-size: 16px;
  color: #000;
}
.section-redesign .offer_description p span {
  font-weight: 700;
}
.section-redesign .package_details_card {
  border: 1px solid #d4d4d4;
  background-color: #fff;
  box-shadow: 3px 3px 4px 0 rgba(0,0,0,10%);
  border-radius: 10px;
  padding: 23px 26px 15px;
}
.section-redesign .package_details_card .card_ticket_prices {
  border-bottom: 1px solid #d4d4d4;
}
.section-redesign .package_details_card .card_ticket_prices .ticket_prices_title {
  color: #f36f3a;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: 5px;
}
.section-redesign .package_details_card .card_cost1, .section-redesign .package_details_card .card_cost2 {
  color: #000;
  font-family: Noto Sans JP;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 10px;
}
.section-redesign .package_details_card .card_cost1 span, .section-redesign .package_details_card .card_cost2 span {
  font-size: 16px;
}
.section-redesign .package_details_card .card_cost2 {
  margin-bottom: 22px;
}
.section-redesign .package_details_card .card_times {
  padding-top: 20px;
}
.section-redesign .package_details_card .card_times .package_info__uppercol1--time {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 10px;
}
.package_details_card .card_ctas .package_info_bock-now {
  display: block;
  margin-bottom: 17px;
}
.package_details_card .card_ctas .package_info_bock-now button {
  display: block;
  width: 100%;
  margin-bottom: 0!important;
}
.package_details_card .card_ctas .package_info__uppercol2--buttonvip {
  background-color: #215968;
  max-width: 100%;
  margin-bottom: 20px;
  display: block!important;
}
.package_details_card .card_vip .vip_title {
  color: #000;
  font-family: Noto Sans JP;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 28px;
  text-transform: initial;
  margin-bottom: 5px;
}
.package_details_card .card_vip .package_info__upgrade-list li {
  color: #5e5642;
  font-family: Noto Sans JP;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
  margin: 0;
}
.package_info__upgrade-list li::before {
  content: "•";
  color: #F36F3A;
  display: inline-block;
  width: 21px;
  margin-left: -21px;
}
.section-redesign .package_info__container--white .package_info__lower {
  position: relative;
  margin-top: 45px;
}
.section-redesign .package_info__container--white .package_info__lower {
  position: relative;
  margin-top: 45px;
}
.section-redesign .package_info__container--white .package_info__lower::before {
  content: "";
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
  width: 97.5%;
  height: 1px;
  background-color: #d4d4d4;
}
.section-redesign .package_info__container--white .package_info__lowercol1--header1 {
  color: #4b4433;
}
.section-redesign .package_info__container--white .package_details_wrapper {
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 15px;
}
.section-redesign .package_info__container--white .islandas_of_polynesia {
  height: 98.7%;
}
.section-redesign .package_info__container--white .islandas_of_polynesia .package_info__lowercol1--header2 img {
  max-width: 205px;
}
.section-redesign .package_info__container--white .package_details_wrapper .package_info__lowercol1--header2 .package-details__header-container, .slick-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.section-redesign .package_info__container--white .package-details__header-time, .section-redesign .package_info__container--white .package_info__lowercol1--bullets ul li {
  color: #504938;
}
.section-redesign .package_info__container--white .package_details_wrapper .package_info__lowercol1--header2 .package-details__header-time {
  font-size: 16px;
  padding-left: 20px;
}
.section-redesign .package_info__container--white .islandas_of_polynesia .package_info__lowercol1--header2 .reason-info {
  top: 1px;
  left: 210px;
}
.section-redesign .package_info__container--white .package_details_wrapper .package_info__lowercol1--header2 .reason-more {
  top: 24px;
}
.section-redesign .package_info__container--white .package_info__lowercol1--bullets ul li {
  font-weight: 700;
}
.section-redesign .package_info__container--white .package_info__lowercol1--bullets ul li::before {
  width: 18px;
}
.section-redesign .package_info__container--white .package-details__li-subtext {
  color: #504938;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 0;
}
.package_info__lowercol1--header2.showing .reason-more {
  left: 50%;
  opacity: 1;
  transform: translate(-50%, 0) scale(1, 1);
  transition: transform 0.2s ease 0s, opacity 0.2s linear 0s, left 0s linear 0s;
}
.section-redesign .package_info__container--white .alii_luau_onipaa, .section-redesign .package_info__container--white .breath_of_life {
  padding: 20px 30px 0;
}
.section-redesign .package_info__container--white .alii_luau_onipaa .package_info__lowercol1--header2 img {
  max-width: 191px;
  margin-bottom: 20px;
  margin-left: 18px;
}
.section-redesign .package_info__container--white .alii_luau_onipaa .package_info__lowercol1--header2 .reason-info {
  top: 1px;
  left: 225px;
}
.section-redesign .package_info__container--white .breath_of_life .package_info__lowercol1--header2 img {
  max-width: 130px;
  margin-left: 18px;
}
.section-redesign .package_info__container--white .breath_of_life .package_info__lowercol1--header2 .reason-info {
  top: 1px;
  left: 145px;
}
.package-details__header-icons--with-time {
  margin-bottom: 20px;
}
.section-redesign .package_info__container--white .breath_of_life .theater__container--package-details {
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 15px;
}
.bottom_info_mobile {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #fff;
  display: none;
  z-index: 2;
}
.bottom_info_wrapper {
  margin: 0 auto;
  width: 85%;
  display: flex;
  padding: 10px 0;
}
.bottom_info_price {
  width: 100px;
}
.bottom_info_price .card_cost1, .bottom_info_price .card_cost2, .bottom_info_price h6 {
  color: #f36f3a;
  font-family: Noto Sans JP;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
.bottom_info_price .card_cost1 span, .bottom_info_price .card_cost2 span {
  font-size: 10px;
}
.bottom_info_price .card_cost1, .bottom_info_price .card_cost2 {
  color: #000;
  line-height: 1.5;
  margin: 0;
}
.bottom_info_ctas {
  flex: 1;
  display: flex;
}
.bottom_info_ctas .package_info_bock-now {
  margin-right: 5px;
}
.bottom_info_ctas .package_info_bock-now button {
  margin: 0!important;
  min-width: initial;
  width: 100%;
  padding: 23px 0;
}
.bottom_info_ctas .package_info__uppercol2--buttonvip {
  max-width: 100%;
  min-width: initial;
  background-color: #215968;
  display: block;
  padding: 23px 0;
  margin-bottom: 0;
}
.section-redesign .package_info__container--white .details_wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.section-redesign .package_info__container--white .package-details__right-padding-helper {
  padding-right: 0.9375rem;
  float: initial;
}
.bottom_info_ctas.one-button .package_info_bock-now {
  margin-right: 0;
}
.bottom_info_ctas a, .section-redesign .offer_description {
  flex: 1;
}
.gallery_mobile .slides_mobile > .gallery-item {
  display: none;
}
.gallery_mobile .slides_mobile > .gallery-item:first-child {
  display: block;
}

@media (max-width: 1024px) {
  .section-redesign .package_details_offer {
    max-width: 100%;
    margin-bottom: 15px;
    align-items: flex-start;
  }
  .offer_icon {
    margin-top: 6px;
  }
}
@media (max-width: 992px) {
  .section-redesign .package_info_testimonial .package_info__uppercol1--text {
    padding-left: 0;
  }
  .section-redesign .package_info_about .package_details {
    flex-wrap: wrap;
  }
  .section-redesign .package_info_about .package_detail_left {
    padding-left: 0;
    padding-right: 0;
  }
  .section-redesign .package_info_about .package_details .package_detail_left, .section-redesign .package_info_about .package_details .package_detail_right {
    width: 100%;
  }
  .section-redesign .package_info_about .package_detail_right .package_detail_time {
    margin-top: 23px;
    padding-left: 0;
    border-left: 0;
  }
  .section-redesign .package_info_about .package_detail_right .package_detail_time .package_info_time, .section-redesign .package_info_about .package_detail_right .package_detail_time h5 {
    display: inline-block;
  }
  .section-redesign .package_info_about .package_detail_right .package_detail_time h5 {
    margin-right: 12px;
  }
}
@media (max-width: 660px) {
  .section-redesign .package_info {
    padding-top: 55px;
  }
  .section-redesign .package_info__container {
    position: relative;
    width: 100%;
    padding-bottom: 9px;
  }
  .section-redesign .package_info__container .package_info__uppercol1 .detail_info_mobile,
  .section-redesign .package_info__container .package_info__uppercol1 .gallery_mobile {
    display: block;
  }
  .gallery_mobile {
    position: relative;
    margin-right: -0.625rem;
    margin-left: -0.625rem;
  }
  .gallery_mobile .counter {
    position: absolute;
    right: 15px;
    bottom: 15px;
    background-color: rgba(0,0,0,60%);
    color: #fff;
    font-size: 12px;
    padding: 4px 13px;
    border-radius: 5px;
  }
  .section-redesign .package_info__container .package_info__uppercol1 .package_info__uppercol1--link {
    height: 37px;
    width: 37px;
    background-color: #fff;
    display: block;
    border-radius: 50%;
    box-shadow: 4px 4px 4px 0 rgba(0,0,0,.34);
    position: absolute;
    top: 16px;
    left: 15px;
  }
  .section-redesign .package_info__container .package_info__uppercol1 .package_info__uppercol1--link::before {
    content: "";
    position: absolute;
    left: 40%;
    top: 55%;
    width: 10px;
    height: 10px;
    border-left: 3px solid #000;
    border-bottom: 3px solid #000;
    transform: rotate(45deg) translate(-50%,-50%);
    z-index: 1;
  }
  .section-redesign .package_info__container .package_info__uppercol1 .package_info__uppercol1--link img,
  .section-redesign .package_info__container .package_info__uppercol1 .package_info__uppercol1--link span,
  .section-redesign .package_info__container .package_info__uppercol1>.detail-alert,
  .section-redesign .package_info__container .package_info__uppercol1>.gallery_desktop,
  .section-redesign .package_info__container .package_info__uppercol1>.package_info_price,
  .section-redesign .package_info__container .package_info__uppercol1>.package_info_time,
  .section-redesign .package_info_about .package_details_card,
  .section-redesign .package_info_about .package_details_offer,
  .section-redesign .package_info_about .package_info_testimonial {
    display: none;
  }
  .package_info__uppercol1--title {
    font-size: 32px;
  }
  .section-redesign .package_info__container .package_info__uppercol1 .package_info__uppercol1--title {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    display: block;
  }
  .section-redesign .package_info__container .package_info__uppercol1 .detail_info_mobile {
    margin: 0 auto;
    width: 95%;
  }
  .section-redesign .package_info__container .package_info__uppercol1 .detail_info_mobile .package_details_card {
    margin-bottom: 15px;
  }
  .section-redesign .package_info__container .package_info__uppercol1 .package_info_price {
    padding-left: 0;
  }
  .section-redesign .package_info__container .package_info__uppercol1 .package_info__upgrade-list {
    width: initial;
    margin-left: 20px;
  }
  .section-redesign .package_info__container .package_info__uppercol1 .package_info__upgrade-list li {
    line-height: 20px;
    margin-bottom: 8px;
  }
  .section-redesign .package_info_about {
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .section-redesign .package_info__container--white .row, .section-redesign .package_info_about .row {
    width: 95%;
  }
  .section-redesign .package_info_about .package_detail_left .package_detail_list li {
    line-height: 20px;
    margin-bottom: 10px;
  }
  .section-redesign .package_info_about .package_detail_right .package_detail_time {
    margin-bottom: 0;
  }
  .bottom_info_wrapper {
    width: 92%;
    padding: 15px 0;
  }
}
@media (max-width: 639px) {
  /* .package_info__lowercol1--bullets {
    padding-left: 0;
  }
  .package_info__uppercol1--button {
    width: 100%;
    margin-bottom: 40px;
  } */
}
@media (max-width: 580px) {
  .section-redesign .package_info__container--white .package_info__lower {
    margin-bottom: 0;
  }
  .section-redesign .package_info__container--white .package_details_wrapper {
    border: 0;
    border-bottom: 1px solid #d4d4d4;
    border-radius: 0;
    padding: 0;
    margin-bottom: 15px;
  }
  .bottom_info_mobile {
    display: block;
  }
}

#ti_package_options .package-content__container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 20px;
}
#ti_package_options .package-content__container .package-item {
  width: 24%;
  padding: 0 5px;
  height: inherit;
}
.package-item .package-content_row {
  border: 1px solid #8e8e8e;
  height: 100%;
  border-radius: 15px;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.package-item-image {
  width: 100%;
}
.package-item-image img {
  width: 100%;
  border-radius: 15px 15px 0 0;
}
.package-item .package-content_row .col-md-6 {
  width: 100%;
  padding: 26px 20px 0;
  position: relative;
}
.package-content_row .package-content__name {
  font-size: 23px;
  line-height: 24px;
  margin-bottom: 14px;
}
.package-content_row .package-content__time_container {
  text-align: right;
  margin-right: 0;
  float: initial;
  position: absolute;
  top: 18%;
  right: 20px;
}
.package-content_row .package-content__time_container .package-content__time--block, .package-content_row .package-content__time_container .package-content__time-text {
  display: none;
}
.package-content_row .package-content__time_container img {
  max-width: 70px;
}
.package-content_row .package-content__pricing {
  margin-bottom: 0;
}
.package-item .package-content_row .col-md-6:nth-child(4), .package-item .package-content_row .tan-bg {
  display: none;
}
.package-item .package-content_row .col-md-6:nth-child(4), .package-item .package-content_row .tan-bg {
  display: none;
}
.package-item-actions {
  padding: 0 20px 26px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.package-item-actions .button__orange, .package-item-actions .package-content__link {
  display: block;
  width: 100%;
  min-width: 100%;
  margin-left: 0;
  font-family: 'Noto Sans JP',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
}
.package-item-actions .button__orange {
  margin-top: 14px;
  margin-bottom: 10px;
}
.package-item-actions .package-content__link {
  margin-bottom: 0;
  border-width: 1px;
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
}
.packages-navbar__description-mobile {
  display: none;
}
@media (max-width: 1200px) {
  #ti_package_options .package-content__container .package-item {
    width: 32%;
    margin-bottom: 24px;
  }
  #ti_package_options .package-content, .packages-navbar__container {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (max-width: 992px) {
  #ti_package_options .package-content__container .package-item {
    width: 48%;
  }
}
@media (max-width: 600px) {
  #ti_package_options .package-content__container .package-item {
    width: 100%;
  }
  .main-content .packages-navbar__header {
    padding-bottom: 0;
    text-align: center;
    font-size: 25px;
  }
  .packages-navbar__description-mobile {
    display: block;
    text-align: center;
    margin-bottom: 13px;
  }
}
@media (min-width: 640px) {
  .packages-mobile-slides {
    display: none;
  }
}
@media (max-width: 639px) {
  #ti_package_options .package-content, .packages-navbar__container {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }
  #ti_package_options .package-content {
    display: block;
  }
  #ti_package_options .general_admission, #ti_package_options .packages-mobile-slides {
    display: none;
  }
}
@media (max-width: 400px) {
  .main-content .packages-navbar__header {
    font-size: 23px;
    margin-bottom: 7px;
  }
  .packages-navbar__description-mobile {
    font-size: 16px;
  }
}
@media (min-width: 350px) and (max-width: 769px) {
  .main-content .packages-navbar {
    margin-left: 10px;
    margin-right: 10px;
  }
}
#ti_package_options .slick-arrow {
  font-size: 0;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  color: transparent;
  background-color: #afdedf;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-size: 18px 30px;
  background-position: center;
  z-index: 5;
}
#ti_package_options .slick-arrow.slick-disabled {
  display: none!important;
}
#ti_package_options .slick-next.slick-arrow {
  right: -55px;
  background-image: url("../images/PCC-Packages-Arrow-Right.png");
}
#ti_package_options .slick-prev.slick-arrow {
  left: -55px;
  background-image: url("../images/PCC-Packages-Arrow-Left.png");
}
#ti_package_options .package-content__container.slick-slider {
  overflow: visible;
}
.ukelele_offer .ukulele-title {
  color: #f36f3a;
  font-size: 17px;
  margin-right: 10px;
}