@charset "UTF-8";
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #ccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
    Datepicker cells
   ------------------------------------------------- */
.datepicker--cells {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.datepicker--cell {
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: relative;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 32px;
  z-index: 1;
}

.datepicker--cell.-focus- {
  background: #f0f0f0;
}

.datepicker--cell.-current- {
  color: #4eb5e6;
}

.datepicker--cell.-current-.-focus- {
  color: #4a4a4a;
}

.datepicker--cell.-current-.-in-range- {
  color: #4eb5e6;
}

.datepicker--cell.-in-range- {
  background: rgba(92, 196, 239, 0.1);
  color: #4a4a4a;
  border-radius: 0;
}

.datepicker--cell.-in-range-.-focus- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell.-disabled- {
  cursor: default;
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-in-range- {
  color: #a1a1a1;
}

.datepicker--cell.-disabled-.-current-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-range-from- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 4px 0 0 4px;
}

.datepicker--cell.-range-to- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 0 4px 4px 0;
}

.datepicker--cell.-range-from-.-range-to- {
  border-radius: 4px;
}

.datepicker--cell.-selected- {
  color: #fff;
  border: none;
  background: #5cc4ef;
}

.datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #5cc4ef;
}

.datepicker--cell.-selected-.-focus- {
  background: #45bced;
}

.datepicker--cell:empty {
  cursor: default;
}

.datepicker--days-names {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 8px 0 3px;
}

.datepicker--day-name {
  color: #ff9a19;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}

.datepicker--cell-day {
  width: 14.2857%;
}

.datepicker--cells-months {
  height: 170px;
}

.datepicker--cell-month {
  width: 33.33%;
  height: 25%;
}

.datepicker--years {
  height: 170px;
}

.datepicker--cells-years {
  height: 170px;
}

.datepicker--cell-year {
  width: 25%;
  height: 33.33%;
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #ccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
    Datepicker
   ------------------------------------------------- */
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0;
}

.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  -webkit-transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 100;
}

.datepicker.-from-top- {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.datepicker.-from-right- {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

.datepicker.-from-bottom- {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

.datepicker.-from-left- {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

.datepicker.active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
  transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  -webkit-transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
}

.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

.datepicker-inline .datepicker--pointer {
  display: none;
}

.datepicker--content {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 4px;
}

.-only-timepicker- .datepicker--content {
  display: none;
}

.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1;
}

.-top-left- .datepicker--pointer,
.-top-center- .datepicker--pointer,
.-top-right- .datepicker--pointer {
  top: calc(100% - 4px);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.-right-top- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
  right: calc(100% - 4px);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.-bottom-left- .datepicker--pointer,
.-bottom-center- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.-left-top- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-bottom- .datepicker--pointer {
  left: calc(100% - 4px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.-top-left- .datepicker--pointer,
.-bottom-left- .datepicker--pointer {
  left: 10px;
}

.-top-right- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
  right: 10px;
}

.-top-center- .datepicker--pointer,
.-bottom-center- .datepicker--pointer {
  left: calc(50% - 10px / 2);
}

.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
  top: 10px;
}

.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
  bottom: 10px;
}

.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
  top: calc(50% - 10px / 2);
}

.datepicker--body {
  display: none;
}

.datepicker--body.active {
  display: block;
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #ccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
    Navigation
   ------------------------------------------------- */
.datepicker--nav {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px;
}

.-only-timepicker- .datepicker--nav {
  display: none;
}

.datepicker--nav-title,
.datepicker--nav-action {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker--nav-action:hover {
  background: #f0f0f0;
}

.datepicker--nav-action.-disabled- {
  visibility: hidden;
}

.datepicker--nav-action svg {
  width: 32px;
  height: 32px;
}

.datepicker--nav-action path {
  fill: none;
  stroke: #9c9c9c;
  stroke-width: 2px;
}

.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px;
}

.datepicker--nav-title i {
  font-style: normal;
  color: #9c9c9c;
  margin-left: 5px;
}

.datepicker--nav-title:hover {
  background: #f0f0f0;
}

.datepicker--nav-title.-disabled- {
  cursor: default;
  background: none;
}

.datepicker--buttons {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef;
}

.datepicker--button {
  color: #4eb5e6;
  cursor: pointer;
  border-radius: 4px;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: inline-flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  height: 32px;
}

.datepicker--button:hover {
  color: #4a4a4a;
  background: #f0f0f0;
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #ccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
    Timepicker
   ------------------------------------------------- */
.datepicker--time {
  border-top: 1px solid #efefef;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 4px;
  position: relative;
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
  -ms-flex: 0 1 138px;
  -webkit-box-flex: 0;
  flex: 0 1 138px;
  max-width: 138px;
}

.-only-timepicker- .datepicker--time {
  border-top: none;
}

.datepicker--time-sliders {
  -ms-flex: 0 1 153px;
  -webkit-box-flex: 0;
  flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px;
}

.datepicker--time-label {
  display: none;
  font-size: 12px;
}

.datepicker--time-current {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px;
}

.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}

.datepicker--time-current-hours::after,
.datepicker--time-current-minutes::after {
  content: "";
  background: #f0f0f0;
  border-radius: 4px;
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}

.datepicker--time-current-hours.-focus-::after,
.datepicker--time-current-minutes.-focus-::after {
  opacity: 1;
}

.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}

.datepicker--time-row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: -webkit-gradient(linear, left top, right top, from(#dedede), to(#dedede)) left 50%/100% 1px no-repeat;
  background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat;
}

.datepicker--time-row:first-child {
  margin-bottom: 4px;
}

.datepicker--time-row input[type=range] {
  background: none;
  cursor: pointer;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.datepicker--time-row input[type=range]::-ms-tooltip {
  display: none;
}

.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type=range]:hover::-ms-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type=range]:focus {
  outline: none;
}

.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}

.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}

.datepicker--time-row input[type=range]:focus::-ms-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.datepicker--time-row input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
}

.datepicker--time-row input[type=range]::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -ms-transition: background 0.2s;
  transition: background 0.2s;
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
  margin-top: -6px;
}

.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}

.datepicker--time-row input[type=range]::-moz-range-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}

.datepicker--time-row input[type=range]::-ms-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}

.datepicker--time-row input[type=range]::-ms-fill-lower {
  background: transparent;
}

.datepicker--time-row input[type=range]::-ms-fill-upper {
  background: transparent;
}

.datepicker--time-row span {
  padding: 0 12px;
}

.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em;
}

.datepicker--time-icon::after,
.datepicker--time-icon::before {
  content: "";
  background: currentColor;
  position: absolute;
}

.datepicker--time-icon::after {
  height: 0.4em;
  width: 1px;
  left: calc(50% - 1px);
  top: calc(50% + 1px);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.datepicker--time-icon::before {
  width: 0.4em;
  height: 1px;
  top: calc(50% + 1px);
  left: calc(50% - 1px);
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #ccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

.sr-only,
html.is-modal {
  overflow: hidden;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
}

.datepicker {
  z-index: 1001;
}

.modal-childmodal,
.modal-mainmodal {
  position: relative;
  z-index: 1000;
  display: none;
}

.modal-mainmodal label {
  font-size: 1.4rem;
  line-height: 1.4;
}

.modal-mainmodal .modal-mainmodal-inner {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.modal-mainmodal .modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.modal-mainmodal .modal-contents {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 600px;
  overflow: hidden;
  background-color: #fff;
  max-height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.modal-mainmodal .modal-close {
  position: absolute;
  top: 15px;
  right: 30px;
  z-index: 1;
  width: 18px;
  height: 18px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

.modal-mainmodal .modal-close::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modal-mainmodal .modal-close::after,
.modal-mainmodal .modal-close::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  height: 100%;
  margin: auto;
  background: #fff;
  content: "";
}

.modal-mainmodal .modal-close::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modal-mainmodal .modal-inner {
  padding: 20px 30px;
}

.modal-mainmodal .modal-col._form {
  -webkit-overflow-scrolling: touch;
}

.modal-mainmodal .modal-col._submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 15px 30px;
}

.modal-mainmodal .modal-col._submit .modal-btn {
  width: 100%;
  max-width: 320px;
  padding: 12px 10px;
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
  background-color: #f37800;
  border: none;
  outline: none;
}

.modal-mainmodal.modal-childmodal .modal-col._submit .modal-btn {
  background-color: #24509b;
}

.modal-mainmodal .modal-head {
  padding: 10px 30px;
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  background: #24509b;
}

.modal-mainmodal .modal-title {
  padding: 15px;
  color: #fff;
  font-weight: 700;
  background-color: #24509b;
}

.modal-mainmodal .modal-child-title {
  font-weight: 700;
  font-size: 1.4rem;
}

.c-block.cldcl {
  width: 100%;
}

.c-block.cldcl:last-child {
  margin-bottom: 10px;
}

.c-block.cldcl + .c-block.cldcl {
  padding-top: 15px;
}

.c-block.cldcl .modal-content-row {
  margin-left: 0;
}

.modal-mainmodal .modal-content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.modal-mainmodal .modal-content-wrap + .modal-content-wrap {
  margin-top: 25px;
}

.modal-mainmodal .modal-content-wrap + .modal-child-title-wrap {
  border-top: 1px dotted #000;
}

.modal-mainmodal .modal-content-col {
  width: 100%;
}

.modal-mainmodal .modal-content-col + .modal-content-col {
  margin-top: 20px;
}

.modal-mainmodal .modal-content-wrap .modal-content-col input[type=text] {
  width: 100%;
}

.modal-mainmodal.modal-childmodal .modal-content-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 50%;
  -ms-flex-align: center;
}

.modal-mainmodal .modal-content-col._full {
  width: 100%;
}

.modal-mainmodal .modal-label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  line-height: 1.4;
}

.modal-mainmodal .modal-content-wrap .modal-content-col,
.modal-mainmodal .num-select-inner,
.modal-mainmodal .participant-box li {
  position: relative;
}

.modal-mainmodal .calender-wrap input {
  padding: 5px 5px 5px 43px;
  border-top: none;
  border-right: none;
  border-left: none;
}

.modal-mainmodal .calender-wrap {
  position: relative;
}

.modal-mainmodal .calender-wrap::after {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 15px;
  height: 19px;
  margin-top: -10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215px%22%20height%3D%2219px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(11%2C%2049%2C%20143)%22%20d%3D%22M-0%2C18.999%20L-0%2C1.931%20L1.304%2C1.931%20L1.304%2C4.185%20L3.913%2C4.185%20L3.913%2C1.931%20L11.087%2C1.931%20L11.087%2C4.185%20L13.695%2C4.185%20L13.695%2C1.931%20L15.000%2C1.931%20L15.000%2C18.999%20L-0%2C18.999%20ZM13.695%2C5.474%20L1.304%2C5.474%20L1.304%2C17.711%20L13.695%2C17.711%20L13.695%2C5.474%20ZM6.827%2C12.662%20L11.100%2C8.759%20L12.401%2C9.946%20L8.127%2C13.849%20L6.827%2C15.038%20L5.526%2C13.849%20L2.924%2C11.474%20L4.225%2C10.286%20L6.827%2C12.662%20ZM11.739%2C-0.001%20L13.043%2C-0.001%20L13.043%2C3.541%20L11.739%2C3.541%20L11.739%2C-0.001%20ZM1.956%2C-0.001%20L3.261%2C-0.001%20L3.261%2C3.541%20L1.956%2C3.541%20L1.956%2C-0.001%20Z%22%2F%3E%3C%2Fsvg%3E");
  content: "";
}

.modal-mainmodal .modal-content-col > .select-checkin input,
.modal-mainmodal .modal-content-col > .select-checkout input {
  width: 100%;
  padding-left: 43px;
  border: none;
  border-bottom: 1px solid #c7c7c7;
}

.modal-mainmodal .n-box {
  position: relative;
  padding: 5px 0;
}

.modal-childmodal .n-box {
  padding: 5px 0;
}

.modal-mainmodal .n-box::after {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 15px;
  height: 10px;
  margin-top: -5px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215px%22%20height%3D%2210px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(12%2C%2050%2C%20143)%22%20d%3D%22M-0.001%2C1.839%20L1.256%2C0.567%20L7.500%2C6.888%20L13.744%2C0.567%20L15.000%2C1.839%20L7.500%2C9.432%20L-0.001%2C1.839%20Z%22%2F%3E%3C%2Fsvg%3E");
  content: "";
  pointer-events: none;
}

.modal-mainmodal .n-box select,
.modal-mainmodal .participant-child button {
  width: 100%;
  padding: 7px 10px;
  line-height: 1.4;
  border: 1px solid #bbb;
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.modal-mainmodal .participant-child button {
  width: 100%;
  margin: 5px 0;
  text-align: left;
}

.modal-mainmodal .n-box select:-ms-expand {
  display: none;
}

.modal-mainmodal .modal-content-col .none {
  visibility: hidden;
}

.datepicker {
  z-index: 100000 !important;
}

.datepicker .-sun- {
  color: #c00000 !important;
}

.datepicker .-sun-.-disabled- {
  color: #e58e8e !important;
}

.datepicker .-sat- {
  color: #0b79d6 !important;
}

.datepicker .-sat-.-disabled- {
  color: #6dafe6 !important;
}

.datepicker .-other-month- {
  color: #aeaeae !important;
}

.cp-lnav-list a {
  font-size: 1.6rem;
}

.modal-mainmodal .flight {
  position: relative;
  border-bottom: 1px solid #ccc;
}

.modal-mainmodal .flight .select-arr,
.modal-mainmodal .flight .select-dep {
  position: relative;
  display: block;
  line-height: 1.6;
  width: 100%;
  padding: 5px 10px 5px 43px;
  background: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.modal-mainmodal .flight::after {
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  width: 18px;
  height: 11px;
  margin-top: -5px;
  content: "";
  pointer-events: none;
}

.modal-mainmodal .flight._dep::after {
  background-image: url(/_shared/images/root/common/modparts.png);
  background-position: 0 -92px;
}

.modal-mainmodal .flight._arr::after {
  background-image: url(/_shared/images/root/common/modparts.png);
  background-position: 0 -20px;
}

.modal-mainmodal select::-ms-expand {
  display: none;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container::before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow::before,
.mfp-arrow::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow::after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow::before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left::after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}

.mfp-arrow-left::before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right::after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}

.mfp-arrow-right::before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure::after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/**************************  \
  Basic Modal Styles
\  **************************/
.modal {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal__container {
  background-color: #fff;
  padding: 30px;
  max-width: 500px;
  max-height: 100vh;
  border-radius: 4px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.modal__close {
  background: transparent;
  border: 0;
}

.modal__header .modal__close::before {
  content: "✕";
}

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
}

.modal__btn {
  font-size: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 0.25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform 0.25s ease-out;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.modal__btn:focus,
.modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

/**************************  \
  Demo Animation Style
\  **************************/
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
}
@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  -webkit-animation: mmfadein 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal__container {
  -webkit-animation: mmslidein 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  -webkit-animation: mmfadeout 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  -webkit-animation: mmslideout 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

#wrap-container {
  padding-bottom: 0;
}

#wrap-container + .global-pagetop-box.is-show .global-pagetop-inner {
  margin-top: -85px;
}

#wrap-container + .global-pagetop-box .pagetop {
  width: 51px;
  height: 51px;
  border-radius: 50%;
  border: none;
  background-color: #000;
  color: #fff;
}

#wrap-container + .global-pagetop-box.is-bottom .pagetop {
  top: -85px;
}

#wrap-container + .global-pagetop-box .pagetop::after {
  width: 51px;
}

.okayama {
  margin-right: calc(((100vw - 100%) / 2) * -1);
  margin-left: calc(((100vw - 100%) / 2) * -1);
  font-family: -apple-system, YuGothic, "Yu Gothic Medium", "Yu Gothic", Roboto, Meiryo, sans-serif;
  color: #000;
  letter-spacing: 0.08em;
}

.js-accordion[aria-expanded=false] + * {
  height: 0;
}

.js-accordion + * {
  overflow-y: hidden;
  -webkit-transition: height 0.4s ease-in-out;
  transition: height 0.4s ease-in-out;
}

.js-fadein .js-fadein-header,
.js-fadein .js-fadein-body {
  visibility: hidden;
  opacity: 0;
}

.okayama-blank {
  vertical-align: middle;
}

.okayama-blank > svg {
  fill: currentColor;
  width: 12px;
  height: 12px;
  margin-left: 0.4em;
}

.okayama-carousel {
  position: relative;
  z-index: 2;
}

.okayama-carousel > .splide .splide__arrows {
  position: absolute;
  top: 26.087%;
  left: 0;
  z-index: 3;
  border: none;
  width: 100%;
}

.okayama-carousel > .splide .splide__arrows .splide__arrow {
  position: absolute;
  border: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #000;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  -webkit-transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-carousel > .splide .splide__arrows .splide__arrow.splide__arrow--next {
  right: 0;
}

.okayama-carousel > .splide .splide__arrows .splide__arrow.splide__arrow--prev {
  -webkit-transform: scale(-1) translateX(50%);
  transform: scale(-1) translateX(50%);
}

.okayama-carousel > .splide .splide__arrows .splide__arrow svg {
  width: 11px;
  height: 15px;
  fill: #fff;
}

.okayama-carousel > .splide .splide__pagination {
  margin-top: 4.4776%;
}

.okayama-carousel > .splide .splide__pagination li {
  line-height: 0;
}

.okayama-carousel > .splide .splide__pagination__page {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 0 5px;
  border: none;
  background-color: #d6d6d6;
}

.okayama-carousel > .splide .splide__pagination__page.is-active {
  background-color: #1f1f1f;
}

.okayama-carousel > .splide.-main {
  margin: 0 -13.5593%;
}

.okayama-carousel > .splide.-main.-no-slide .splide__arrows {
  display: none;
}

.okayama-carousel > .splide.-thumbnail {
  margin: 4.7458% -6.7797% 0;
}

.okayama-carousel > .splide.-thumbnail .splide__slide {
  cursor: pointer;
  position: relative;
  width: 23.2836% !important;
  margin-right: 2.3881%;
}

.okayama-carousel > .splide.-thumbnail .splide__slide > .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 70.8571%;
}

.okayama-carousel > .splide.-thumbnail .splide__slide > .img::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 0 0 4px transparent inset;
  box-shadow: 0 0 0 4px transparent inset;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-carousel > .splide.-thumbnail .splide__slide.is-active > .img::after {
  opacity: 1;
  -webkit-box-shadow: 0 0 0 4px #1f1f1f inset;
  box-shadow: 0 0 0 4px #1f1f1f inset;
}

.okayama-carousel > .splide.-thumbnail .splide__slide .caption {
  display: none;
}

.okayama-carousel > .splide.-thumbnail .splide__slide .caption > span {
  display: inline-block;
}

.okayama-carousel > .splide.-thumbnail .splide__track {
  z-index: 2;
}

.okayama-carousel > .splide.-thumbnail.-justify-end .splide__list {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.okayama-carousel > .splide.-thumbnail.-no-slide {
  display: none;
}

.okayama-carousel > .splide.-text {
  margin-top: 5.0847%;
}

.okayama-carousel > .splide.-text .info {
  position: relative;
  display: inline-block;
  padding: 0.6em 1.1em 0.5em;
  background-color: #1f1f1f;
  border-radius: 2em;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.3333;
  letter-spacing: 0.06em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.okayama-carousel > .splide.-text .info::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: -6px;
  left: 10px;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #1f1f1f transparent transparent transparent;
}

.okayama-carousel > .splide.-text .title {
  margin: 5px 0 4px;
  font-size: 2.2rem;
  line-height: 2.0455;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.okayama-carousel > .splide.-text .subtitle {
  display: inline-block;
  font-size: 2.2rem;
  line-height: 2.0455;
  font-weight: bold;
  text-indent: -0.5em;
}

.okayama-carousel > .splide.-text .title > ruby {
  font-weight: bold;
}

.okayama-carousel > .splide.-text .title > ruby[data-ruby] {
  position: relative;
}

.okayama-carousel > .splide.-text .title > ruby::before {
  content: attr(data-ruby);
  position: absolute;
  top: -1.5em;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 1rem;
  line-height: 1;
  white-space: nowrap;
}

.okayama-carousel > .splide.-text .title > ruby > rt {
  display: none;
}

.okayama-carousel > .splide.-text .lead {
  font-size: 1.5rem;
  line-height: 1.7333;
  font-weight: bold;
  letter-spacing: 0.06em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.okayama-carousel > .splide.-text .text {
  font-size: 1.5rem;
  line-height: 1.7333;
  margin-top: 5px;
}

.okayama-carousel > .splide.-text .note {
  position: relative;
  padding-left: 1em;
  font-size: 1.3rem;
  line-height: 1.6923;
  margin-top: 8px;
}

.okayama-carousel > .splide.-text .note::before {
  position: absolute;
  top: 0;
  left: -0.1em;
  content: "※";
}

.okayama-carousel > .splide.-main .splide__slide > .caption {
  text-align: right;
  font-size: 1rem;
  line-height: 1.5;
  margin: 5px 5.3333% 0;
  letter-spacing: 0.06em;
}

.okayama-carousel > .splide.-main .splide__slide > .caption > .italic {
  font-style: italic;
}

.okayama-carousel.-okayama > .splide .splide__pagination__page.is-active {
  background-color: #42affc;
}

.okayama-carousel.-okayama > .splide.-thumbnail .splide__slide.is-active > .img::after {
  -webkit-box-shadow: 0 0 0 4px #42affc inset;
  box-shadow: 0 0 0 4px #42affc inset;
}

.okayama-carousel.-okayama > .splide.-text {
  letter-spacing: 0.06em;
  margin-top: 10.1695%;
}

.okayama-carousel.-okayama > .splide.-text .text + .text {
  margin-top: 10px;
}

.okayama-carousel.-okayama > .splide.-text .info {
  background-color: #42affc;
}

.okayama-carousel.-okayama > .splide.-text .info::before {
  border-color: #42affc transparent transparent transparent;
}

.okayama-carousel.-okayama > .splide.-text .note {
  padding-left: 0;
}

.okayama-carousel.-okayama > .splide.-text .note::before {
  content: "";
}

.okayama-carousel.-ikasa > .splide .splide__pagination__page.is-active {
  background-color: #f09903;
}

.okayama-carousel.-ikasa > .splide.-main .splide__track {
  background-color: #fff;
}

.okayama-carousel.-ikasa > .splide.-thumbnail .splide__slide.is-active > .img::after {
  -webkit-box-shadow: 0 0 0 4px #ecc820 inset;
  box-shadow: 0 0 0 4px #ecc820 inset;
}

.okayama-carousel.-ikasa > .splide.-text .info.-kasaoka {
  color: #000;
  background-color: #d7e548;
}

.okayama-carousel.-ikasa > .splide.-text .info.-kasaoka::before {
  border-color: #d7e548 transparent transparent transparent;
}

.okayama-carousel.-ikasa > .splide.-text .info.-ihara {
  background-color: #ecc820;
}

.okayama-carousel.-ikasa > .splide.-text .info.-ihara::before {
  border-color: #ecc820 transparent transparent transparent;
}

.okayama-carousel.-ikasa > .splide.-text .info.-bisei {
  background-color: #ecc820;
}

.okayama-carousel.-ikasa > .splide.-text .info.-bisei::before {
  border-color: #ecc820 transparent transparent transparent;
}

.okayama-carousel.-ikasa > .splide.-text .info.-asakuchi {
  background-color: #f4724e;
}

.okayama-carousel.-ikasa > .splide.-text .info.-asakuchi::before {
  border-color: #f4724e transparent transparent transparent;
}

.okayama-carousel.-ikasa > .splide.-text .info.-satosho {
  background-color: #9fd37d;
}

.okayama-carousel.-ikasa > .splide.-text .info.-satosho::before {
  border-color: #9fd37d transparent transparent transparent;
}

.okayama-carousel.-ikasa > .splide.-text .info.-yakage {
  background-color: #f19007;
}

.okayama-carousel.-ikasa > .splide.-text .info.-yakage::before {
  border-color: #f19007 transparent transparent transparent;
}

.okayama-carousel.-maniwa > .splide .splide__pagination__page.is-active {
  background-color: #56c256;
}

.okayama-carousel.-maniwa > .splide.-thumbnail .splide__slide.is-active > .img::after {
  -webkit-box-shadow: 0 0 0 4px #56c256 inset;
  box-shadow: 0 0 0 4px #56c256 inset;
}

.okayama-carousel.-maniwa > .splide.-main .splide__slide {
  background-color: transparent;
}

.okayama-carousel.-maniwa > .splide.-text {
  letter-spacing: 0.06em;
  margin-top: -1.6949%;
}

.okayama-carousel.-maniwa > .splide.-text .info {
  visibility: hidden;
}

.okayama-colmun.okayama-section {
  padding: 25px 0;
}

.okayama-colmun > .wrap > .inner {
  position: relative;
  padding: 0 5.3333%;
}

.okayama-colmun > .wrap > .inner > .deco {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 0;
  opacity: 0.5;
}

.okayama-colmun > .wrap > .inner > .deco.-item3 {
  top: 114.2667vw;
  right: -9.8667vw;
}

.okayama-colmun > .wrap > .inner > .content {
  position: relative;
  padding: 30px 5.9701% 40px;
  background-color: #fff;
}

.okayama-colmun > .wrap > .inner > .content > .body {
  position: relative;
  z-index: 2;
}

.okayama-colmun.-okayama.okayama-section {
  padding: 25px 0 0;
}

.okayama-colmun.-okayama.okayama-section.-gourmet,
.okayama-colmun.-okayama.okayama-section.-history,
.okayama-colmun.-okayama.okayama-section.-see,
.okayama-colmun.-okayama.okayama-section.-workation,
.okayama-colmun.-okayama.okayama-section.-buy {
  padding: 0;
}

.okayama-colmun.-okayama.okayama-section.-gourmet > .wrap > .inner > .content,
.okayama-colmun.-okayama.okayama-section.-history > .wrap > .inner > .content,
.okayama-colmun.-okayama.okayama-section.-see > .wrap > .inner > .content,
.okayama-colmun.-okayama.okayama-section.-workation > .wrap > .inner > .content,
.okayama-colmun.-okayama.okayama-section.-buy > .wrap > .inner > .content {
  padding: 30px 5.9701% 45px;
}

.okayama-colmun.-okayama.okayama-section.-hightlights {
  padding: 0 0 25px;
}

.okayama-colmun.-okayama.okayama-section.-hightlights > .wrap > .inner > .content {
  padding: 30px 5.9701% 45px;
}

.okayama-colmun.-okayama > .wrap > .inner > .deco {
  z-index: 1;
  opacity: 0.5;
  width: 31.3333vw;
  height: 8vw;
}

.okayama-colmun.-okayama > .wrap > .inner > .deco.-item1 {
  top: 40.6667vw;
  right: 3.7333vw;
}

.okayama-colmun.-okayama > .wrap > .inner > .deco.-item2 {
  top: 128vw;
  right: -17.3333vw;
}

.okayama-colmun.-okayama > .wrap > .inner > .content {
  padding: 30px 5.9701% 10px;
}

.okayama-colmun.-okayama > .wrap > .inner > .content::before {
  content: "";
  position: absolute;
  top: 44vw;
  right: 0;
  width: 61.3333vw;
  height: 87.2vw;
  background-color: #42affc;
}

.okayama-colmun.-okayama > .wrap > .inner > .content > .body {
  margin: 22.0339% 0 0;
}

.okayama-colmun.-okayama.-reverse > .wrap > .inner > .deco.-item1 {
  top: 40.6667vw;
  left: 3.7333vw;
}

.okayama-colmun.-okayama.-reverse > .wrap > .inner > .deco.-item2 {
  top: 128vw;
  left: -17.3333vw;
}

.okayama-colmun.-okayama.-reverse > .wrap > .inner > .content::before {
  content: "";
  position: absolute;
  top: 44vw;
  left: 0;
}

.okayama-colmun.-ikasa > .wrap > .inner > .deco {
  width: 19.6vw;
  height: 9.0667vw;
}

.okayama-colmun.-ikasa > .wrap > .inner > .deco.-item1 {
  top: -2.9333vw;
  left: -3.6vw;
}

.okayama-colmun.-ikasa > .wrap > .inner > .deco.-item2 {
  bottom: -3.7333vw;
  left: -9.6vw;
}

.okayama-colmun.-ikasa > .wrap > .inner > .content > .body {
  margin: 8.1356% 0 0;
}

.okayama-colmun.-maniwa.okayama-section {
  padding: 25px 0 0;
}

.okayama-colmun.-maniwa.okayama-section.-souvenirs {
  padding: 0 0 25px;
}

.okayama-colmun.-maniwa.okayama-section.-souvenirs > .wrap > .inner > .content {
  padding: 30px 5.9701% 45px;
}

.okayama-colmun.-maniwa > .wrap > .inner > .deco {
  z-index: 1;
  opacity: 0.8;
  width: 14.2667vw;
  height: 12.6667vw;
}

.okayama-colmun.-maniwa > .wrap > .inner > .deco.-item1 {
  top: 38.2667vw;
  right: 8.9333vw;
}

.okayama-colmun.-maniwa > .wrap > .inner > .deco.-item2 {
  top: 121.0667vw;
  right: -2.6667vw;
}

.okayama-colmun.-maniwa > .wrap > .inner > .content {
  padding: 30px 5.9701% 10px;
}

.okayama-colmun.-maniwa > .wrap > .inner > .content::before {
  content: "";
  position: absolute;
  top: 42vw;
  right: 0;
  width: 61.3333vw;
  height: 87.2vw;
  background-color: #56c256;
}

.okayama-colmun.-maniwa > .wrap > .inner > .content > .body {
  margin: 22.0339% 0 0;
}

.okayama-info {
  position: relative;
  display: inline-block;
  margin-left: 18px;
  font-size: 1.1rem;
  line-height: 1.8182;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  padding: 0.15em 0.85em;
  border: 1px solid #1f1f1f;
  border-radius: 3em;
  -webkit-transform: translateY(-0.5em);
  transform: translateY(-0.5em);
}

.okayama-info::before,
.okayama-info::after {
  content: "";
  position: absolute;
  border-style: solid;
}

.okayama-info::before {
  bottom: 8px;
  left: 4px;
  border-width: 4px 8px 4px 0;
  margin-left: -11px;
  border-color: transparent #fff transparent transparent;
  z-index: 2;
}

.okayama-info::after {
  bottom: 7px;
  left: 6px;
  border-width: 5px 10px 5px 0;
  margin-left: -15px;
  border-color: transparent #000 transparent transparent;
  z-index: 1;
}

.okayama-info.-okayama-okayama {
  -webkit-transform: translateY(-0.6em);
  transform: translateY(-0.6em);
  color: #42affc;
  border-color: #42affc;
}

.okayama-info.-okayama-okayama::after {
  border-color: transparent #42affc transparent transparent;
}

.okayama-info.-ikasa-okayama {
  color: #e68e12;
  border-color: #e68e12;
}

.okayama-info.-ikasa-okayama::after {
  border-color: transparent #e68e12 transparent transparent;
}

.okayama-info.-ikasa-hiroshima {
  color: #009be6;
  border-color: #009be6;
}

.okayama-info.-ikasa-hiroshima::after {
  border-color: transparent #009be6 transparent transparent;
}

.okayama-info.-maniwa {
  -webkit-transform: translateY(-0.6em);
  transform: translateY(-0.6em);
  color: #56c256;
  border-color: #56c256;
}

.okayama-info.-maniwa::after {
  border-color: transparent #56c256 transparent transparent;
}

a.okayama-link {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2.2857;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  background-size: 5px 2px;
  background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 3px);
  background-repeat: repeat-x;
  background-position: left bottom;
  -webkit-transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

a.okayama-link > .okayama-blank svg {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-bottom: -2px;
}

a.okayama-linkbox {
  position: relative;
  display: inline-block;
  border: 3px solid #000;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 0.6em 1.2em 0.4em 2em;
  letter-spacing: 0.04em;
  -webkit-transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  font-size: 1.5rem;
  line-height: 1.5333;
}

a.okayama-linkbox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: -1;
  -webkit-transition: width 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: width 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

a.okayama-linkbox > .okayama-blank {
  margin-left: 1.7em;
}

a.okayama-linkbox > .okayama-blank svg {
  width: 12px;
  height: 12px;
}

a.okayama-linkbox.-ikasa {
  border-color: #ecc820;
}

a.okayama-linkbox.-ikasa::before {
  background-color: #ecc820;
}

.okayama-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.okayama-list > .item > .img {
  height: 0;
  background-color: #f4f4f4;
}

.okayama-list.-cols1 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.okayama-list.-cols1 > .item {
  width: 100%;
  margin: 4.4776% 0;
}

.okayama-list.-cols1 > .item > .img {
  height: 0;
  padding-bottom: 70.7463%;
}

.okayama-list.-cols2 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.okayama-list.-cols2 > .item {
  width: 100%;
  margin: 4.4776% 0;
}

.okayama-list.-cols2 > .item > .img {
  padding-bottom: 70.8134%;
}

.okayama-list.-cols3 > .item {
  width: 100%;
  margin: 5.9701% 0;
}

.mfp-fade.mfp-bg {
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.mfp-container {
  padding: 60px 5.3333% !important;
}

.mfp-content {
  max-width: 1160px;
  width: 90.625%;
}

.okayama-modal {
  position: relative;
  font-family: -apple-system, YuGothic, "Yu Gothic Medium", "Yu Gothic", Roboto, Meiryo, sans-serif;
}

.okayama-modal > .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 38px;
  background-color: #1f1f1f;
}

.okayama-modal > .close.mfp-close {
  opacity: 1;
}

.okayama-modal > .close::before,
.okayama-modal > .close::after {
  content: "";
  position: absolute;
  top: 25%;
  left: 50%;
  width: 2px;
  height: 20px;
  background-color: #fff;
}

.okayama-modal > .close::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.okayama-modal > .close::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.okayama-modal > .wrap {
  position: relative;
  width: 100%;
  margin: 0 auto 60px;
  padding: 53px 5.9701% 35px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 2px #1f1f1f inset;
  box-shadow: 0 0 0 2px #1f1f1f inset;
}

.okayama-modal > .wrap > .img {
  width: 100%;
  height: 0;
  padding-bottom: 74.5763%;
}

.okayama-modal > .wrap > .img > .caption {
  text-align: right;
  margin-top: 5px;
  font-size: 1rem;
  line-height: 1.5;
}

.okayama-modal > .wrap > .body > .header > .title {
  position: relative;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 25px;
  font-size: 1.9rem;
  line-height: 1.3158;
  color: #000;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.okayama-modal > .wrap > .body > .header > .title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 23px;
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/ikasa/logo_pin.svg);
  background-size: cover;
}

.okayama-modal > .wrap > .body > .header > .title > ruby {
  font-weight: bold;
}

.okayama-modal > .wrap > .body > .header > .title > ruby[data-ruby] {
  position: relative;
}

.okayama-modal > .wrap > .body > .header > .title > ruby::before {
  content: attr(data-ruby);
  position: absolute;
  top: -1.3em;
  right: -2em;
  left: -2em;
  text-align: center;
  font-size: 1rem;
  line-height: 1;
}

.okayama-modal > .wrap > .body > .header > .title > ruby > rt {
  display: none;
}

.okayama-modal > .wrap > .body > .header > .info {
  margin: 1.4em 0 0.6em;
  font-size: 1.5rem;
  line-height: 1.7333;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.okayama-modal > .wrap > .body > .main > p {
  letter-spacing: 0.08em;
  font-size: 1.5rem;
  line-height: 1.7333;
}

.okayama-modal > .wrap > .body > .main > p.link {
  margin-top: 0.5em;
}

.okayama-modal > .wrap > .body > .main > p.linkbox {
  margin-top: 1.3em;
}

.okayama-modal > .wrap > .body > .main > p > a.okayama-linkbox {
  z-index: 0;
  padding: 0.5em 1.2em 0.4em 1.7em;
}

.okayama-modal > .wrap > .body > .main > .data {
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f4f4f4;
  padding: 22px 5.7627%;
  font-size: 1.5rem;
  line-height: 1.7333;
}

.okayama-modal > .wrap > .body > .main > .data > .term {
  font-weight: bold;
}

.okayama-modal > .wrap > .body > .main > .data > .desc + .term {
  margin-top: 16px;
}

.okayama-modal > .wrap > .body > .main > .data > .desc {
  margin-top: 2px;
}

.okayama-modal > .wrap > .body > .main > .data > .desc > .link {
  text-decoration: underline;
  color: #000;
  word-break: break-all;
  font-size: 1.4rem;
  line-height: 1.8571;
}

.okayama-modal > .wrap > .a11y-text p {
  font-size: 1.5rem;
  line-height: 1.7333;
}

.okayama-modal > .wrap > .a11y-text p + p {
  margin-top: 1em;
}

.okayama-modal.-okayama > .wrap {
  -webkit-box-shadow: 0 0 0 2px #42affc inset;
  box-shadow: 0 0 0 2px #42affc inset;
}

.okayama-modal.-okayama > .wrap > .body > .header > .title::before {
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/okayama/logo_pin.svg);
}

.okayama-modal.-ikasa > .wrap {
  -webkit-box-shadow: 0 0 0 2px #ecc820 inset;
  box-shadow: 0 0 0 2px #ecc820 inset;
}

.okayama-modal.-ikasa > .wrap > .imgarea {
  width: 100%;
}

.okayama-modal.-ikasa > .wrap > .imgarea > .img {
  width: 100%;
  height: 0;
  padding-bottom: 74.5763%;
}

.okayama-modal.-ikasa > .wrap > .imgarea > .caption {
  margin-top: 0.2em;
  font-size: 1.2rem;
  line-height: 1.6667;
}

.okayama-modal.-ikasa > .wrap > .imgarea > .caption + .img {
  margin-top: 15px;
}

.okayama-modal.-ikasa > .wrap > .body > .header > .title::before {
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/ikasa/logo_pin.svg);
}

.okayama-modal.-ikasa > .wrap > .body > .main > .data {
  background-color: #fcf4cf;
}

.okayama-modal.-maniwa > .wrap {
  -webkit-box-shadow: 0 0 0 2px #56c256 inset;
  box-shadow: 0 0 0 2px #56c256 inset;
}

.okayama-modal.-maniwa > .wrap > .body > .header > .title::before {
  background-image: url(/domestic/area/chushikoku/local_maniwa/images/logo_pin.svg);
}

.okayama-modal.-maniwa > .wrap > .body > .header > .title {
  margin-top: 40px;
}

.okayama-movie {
  position: relative;
}

.okayama-movie::after {
  pointer-events: none;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 0 0 3px #1f1f1f inset;
  box-shadow: 0 0 0 3px #1f1f1f inset;
}

.okayama-movie .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  font-size: 32px;
  top: -18px;
}

.okayama-movie .bc-player-R0ZdULRjcs_default .vjs-big-play-button {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-top: -30px;
  margin-left: -30px;
  background-color: #1f1f1f;
  -webkit-transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-movie.-okayama::after {
  -webkit-box-shadow: 0 0 0 3px #42affc inset;
  box-shadow: 0 0 0 3px #42affc inset;
}

.okayama-movie.-okayama .bc-player-R0ZdULRjcs_default .vjs-big-play-button {
  background-color: #42affc;
}

.okayama-movie.-maniwa::after {
  -webkit-box-shadow: 0 0 0 3px #56c256 inset;
  box-shadow: 0 0 0 3px #56c256 inset;
}

.okayama-movie.-maniwa .bc-player-R0ZdULRjcs_default .vjs-big-play-button {
  background-color: #56c256;
}

.okayama-movie.-ikasa::after {
  -webkit-box-shadow: 0 0 0 3px #ebc512 inset;
  box-shadow: 0 0 0 3px #ebc512 inset;
}

.okayama-movie.-ikasa .bc-player-R0ZdULRjcs_default .vjs-big-play-button {
  background-color: #ebc512;
}

.okayama-section {
  padding: 45px 0;
}

.okayama-section > .wrap {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}

.okayama-section > .wrap > .inner > .content > .header {
  position: relative;
  text-align: center;
}

.okayama-section > .wrap > .inner > .content > .header .icon::before {
  content: "";
  display: block;
  background-size: cover;
}

.okayama-section > .wrap > .inner > .content > .header .icon .text {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: bold;
}

.okayama-section > .wrap > .inner > .content > .header > .title {
  margin-top: 14px;
  font-size: 2.5rem;
  line-height: 1.48;
  font-weight: bold;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.okayama-section > .wrap > .inner > .content > .header > .title.-wh {
  color: #fff;
}

.okayama-section > .wrap > .inner > .content > .header > .lead {
  color: #fff;
}

.okayama-section.-okayama > .wrap > .inner > .content > .header .icon .text {
  color: #42affc;
}

.okayama-section.-okayama > .wrap > .inner > .content > .header .icon::before {
  width: 28px;
  height: 30px;
  margin: 0 auto;
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/okayama/logo.svg);
}

.okayama-section.-okayama > .wrap > .inner > .content > .header .icon.-dk::before {
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/okayama/logo_dk.svg);
}

.okayama-section.-okayama > .wrap > .inner > .content > .header .icon.-dk > .text {
  color: #04326d;
}

.okayama-section.-okayama.-bg-primary {
  background-color: #42affc;
}

.okayama-section.-okayama.-bg-base {
  background-color: #ecf6fd;
}

.okayama-section.-ikasa > .wrap > .inner > .content > .header .icon::before {
  width: 37px;
  height: 37px;
  margin: 0 auto;
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/ikasa/logo.svg);
}

.okayama-section.-ikasa > .wrap > .inner > .content > .header .icon .text {
  color: #ecc820;
}

.okayama-section.-ikasa > .wrap > .inner > .content > .header .icon.-dk::before {
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/ikasa/logo_dk.svg);
}

.okayama-section.-ikasa > .wrap > .inner > .content > .header .icon.-dk > .text {
  color: #db8000;
}

.okayama-section.-ikasa.-bg-primary {
  background-color: #ebc512;
}

.okayama-section.-ikasa.-bg-medium {
  background-color: #ecc820;
}

.okayama-section.-ikasa.-bg-base {
  background-color: #fcf4cf;
}

.okayama-section.-maniwa > .wrap > .inner > .content > .header .icon::before {
  width: 46px;
  height: 13px;
  margin: 5px auto 0;
  background-image: url(/domestic/area/chushikoku/local_maniwa/images/logo.svg);
}

.okayama-section.-maniwa > .wrap > .inner > .content > .header .icon .text {
  color: #56c256;
}

.okayama-section.-maniwa > .wrap > .inner > .content > .header .icon.-dk::before {
  background-image: url(/domestic/area/chushikoku/local_maniwa/images/logo_dk.svg);
}

.okayama-section.-maniwa > .wrap > .inner > .content > .header .icon.-dk > .text {
  color: #007d2f;
}

.okayama-section.-maniwa.-bg-primary {
  background-color: #56c256;
}

.okayama-section.-maniwa.-bg-base {
  background-color: #e5f7e5;
}

.okayama-symbol {
  display: none;
}

.okayama-table {
  width: 100%;
  border: 2px solid #1f1f1f;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.2857;
}

.okayama-table > thead > tr > th {
  padding: 0.8em 0.5em;
  text-align: center;
  background-color: #1f1f1f;
  color: #fff;
  font-weight: bold;
}

.okayama-table > thead > tr > th > .arrow {
  position: relative;
  display: inline-block;
  margin: 0 12px;
  width: 28px;
  height: 14px;
}

.okayama-table > thead > tr > th > .arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 28px;
  height: 2px;
  background-color: #fff;
}

.okayama-table > thead > tr > th > .arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg) translateX(-25%) translateY(-25%);
  transform: rotate(45deg) translateX(-25%) translateY(-25%);
}

.okayama-table > tbody > tr > td {
  padding: 0.57em;
  border: 1px solid #1f1f1f;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.okayama-table > tbody > tr > td.number {
  width: 43.2836%;
}

.okayama-table > tbody > tr.small > td {
  font-weight: normal;
}

.okayama-table.-ikasa {
  border-color: #e68e12;
}

.okayama-table.-ikasa > thead > tr > th {
  background-color: #e68e12;
}

.okayama-table.-ikasa > tbody > tr > td {
  border-color: #fad29a;
}

.okayama-table.-hiroshima {
  border-color: #009be6;
}

.okayama-table.-hiroshima > thead > tr > th {
  background-color: #009be6;
}

.okayama-table.-hiroshima > tbody > tr > td {
  border-color: #d8f2ff;
}

.okayama-table.-kasaoka {
  border-color: #b3daf4;
  letter-spacing: 0.04em;
}

.okayama-table.-kasaoka > thead > tr > th {
  padding: 0.7em 0.6em 0.6em;
  background-color: #daeefb;
  color: #000;
  border: 1px solid #b3daf4;
  font-size: 1.2rem;
  line-height: 1.9167;
  white-space: nowrap;
}

.okayama-table.-kasaoka > tbody > tr > td {
  border-color: #b3daf4;
  padding: 0.63em 0.5em;
  font-size: 1.2rem;
  line-height: 1.3333;
  text-align: left;
  vertical-align: middle;
}

.okayama-table.-kasaoka > tbody > tr > td.dest {
  font-weight: bold;
}

.okayama-table.-kasaoka > tbody > tr > td.dest,
.okayama-table.-kasaoka > tbody > tr > td.place,
.okayama-table.-kasaoka > tbody > tr > td.ship,
.okayama-table.-kasaoka > tbody > tr > td.about {
  white-space: nowrap;
}

.okayama-table.-kasaoka > tbody > tr > td.button {
  text-align: center;
}

.okayama-table.-kasaoka > tbody > tr > td.button > .link {
  text-decoration: none;
  background-color: #1f1f1f;
  color: #fff;
  font-size: 1rem;
  line-height: 1.8;
  padding: 0.3em 0.8em 0.4em;
  border-radius: 2px;
  white-space: nowrap;
}

.okayama-table.-kasaoka > tbody > tr > td.button > .link.-red {
  background-color: #f25641;
}

.okayama-table.-kasaoka > tbody > tr > td.button > .link.-blue {
  background-color: #587df4;
}

.okayama-table.-okayama {
  border-color: #42affc;
}

.okayama-table.-okayama > thead > tr > th {
  background-color: #42affc;
}

.okayama-table.-okayama > tbody > tr > td {
  border-color: #a4d9ff;
}

.okayama-table.-maniwa {
  border-color: #56c256;
}

.okayama-table.-maniwa > thead > tr > th {
  background-color: #56c256;
}

.okayama-table.-maniwa > tbody > tr > td {
  border-color: #d1ead1;
}

.okayama-access.okayama-section {
  padding: 45px 0 50px;
}

.okayama-access > .wrap > .inner {
  padding: 0 5.3333%;
}

.okayama-access > .wrap > .inner > .content > .body > .map {
  width: 100%;
  height: 0;
  padding-bottom: 76.1194%;
  margin: 6.7164% 0 8.9552%;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .heading {
  margin-bottom: 30px;
  padding-bottom: 2px;
  font-size: 2.2rem;
  line-height: 1.7273;
  font-weight: bold;
  letter-spacing: 0.08em;
  border-bottom: 1px solid #000;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .heading::before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #000;
  vertical-align: sub;
  background-repeat: no-repeat;
}

.okayama-access > .wrap > .inner > .content > .body > .section.-flight > .heading::before {
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/common/icon_airplane.svg);
  background-position: 5px 8px;
  background-size: 15px 10px;
}

.okayama-access > .wrap > .inner > .content > .body > .section.-kasaoka > .heading {
  margin-bottom: 24px;
}

.okayama-access > .wrap > .inner > .content > .body > .section.-kasaoka > .heading::before {
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/common/icon_ship.svg);
  background-position: center 6px;
  background-size: 15px 10px;
}

.okayama-access > .wrap > .inner > .content > .body > .section.-ikasa > .heading::before {
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/common/icon_train.svg);
  background-position: 7px 6px;
  background-size: 11px 13px;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .map > .img.-flightmap {
  width: 100%;
  height: 0;
  padding-bottom: 94.7761%;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .map > .img.-map {
  width: 100%;
  height: 0;
  padding-bottom: 58.209%;
  margin-top: 10.7463%;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .map > .img.-routemap {
  width: 100%;
  height: 0;
  padding-bottom: 71.0448%;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap > .img.-shiproutemap {
  width: 100%;
  height: 0;
  padding-bottom: 108.9552%;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .map > .img.-trainroutemap {
  width: 100%;
  height: 0;
  padding-bottom: 105.6716%;
  margin-top: 5.9701%;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .wrap {
  margin: 80px 0 35px;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .inner {
  margin-top: 30px;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .inner > .heading {
  margin-bottom: 15px;
  font-size: 1.9rem;
  line-height: 1.4737;
  font-weight: bold;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .inner > .body > .okayama-table + .okayama-table {
  margin-top: 18px;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .note,
.okayama-access > .wrap > .inner > .content > .body > .section > .body > .note,
.okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .inner > .note {
  margin-top: 1em;
  font-size: 1.2rem;
  line-height: 1.75;
  letter-spacing: 0.04em;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .note .okayama-link,
.okayama-access > .wrap > .inner > .content > .body > .section > .body > .note .okayama-link,
.okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .inner > .note .okayama-link {
  font-size: 1.2rem;
  line-height: 1.75;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .note .okayama-link > .okayama-blank svg,
.okayama-access > .wrap > .inner > .content > .body > .section > .body > .note .okayama-link > .okayama-blank svg,
.okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .inner > .note .okayama-link > .okayama-blank svg {
  width: 10px;
  height: 10px;
  margin-left: 2px;
  margin-bottom: 0;
}

.okayama-access > .wrap > .inner > .content > .body > .section.-kasaoka {
  margin-top: 25px;
}

.okayama-access > .wrap > .inner > .content > .body > .section.-kasaoka > .map {
  margin-bottom: 25px;
}

.okayama-access > .wrap > .inner > .content > .body > .section.-kasaoka > .map > .wrap > .heading {
  font-weight: bold;
  letter-spacing: 0.04em;
  margin: 24px 0 10px;
  font-size: 1.8rem;
  line-height: 1.5;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-accesstable > .table {
  overflow-x: scroll;
  margin-right: -5.9701%;
  padding-right: 5.9701%;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-accesstable > .table > .okayama-table {
  width: 100%;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-accesstable > .scroll {
  margin-top: 10px;
  text-align: right;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.6667;
  letter-spacing: 0.06em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-accesstable > .scroll > .arrow {
  position: relative;
  display: inline-block;
  margin-bottom: 3px;
  margin-right: 8px;
  width: 75px;
  height: 2px;
  background-color: #000;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-accesstable > .scroll > .arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: rotate(-135deg) translateX(35%) translateY(35%);
  transform: rotate(-135deg) translateX(35%) translateY(35%);
}

.okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-trainroutelist {
  margin-top: 14px;
}

.okayama-access > .wrap > .inner > .content > .body > .section.-ikasa > .map {
  margin-top: 30px;
  margin-bottom: 40px;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-trainroutelist > .list {
  letter-spacing: 0.02em;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-trainroutelist > .list + .list {
  margin-top: 14px;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-trainroutelist > .list > .term {
  font-size: 1.8rem;
  line-height: 1.6667;
  font-weight: bold;
  margin-bottom: 0.25em;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-trainroutelist > .list > .term::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #1f1f1f;
  vertical-align: middle;
  margin-bottom: 5px;
  margin-right: 1.6842%;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-trainroutelist > .list > .desc {
  font-size: 1.4rem;
  line-height: 1.7143;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .subsection {
  margin-top: 30px;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .heading {
  margin-bottom: 30px;
  padding-bottom: 2px;
  font-size: 2.2rem;
  line-height: 1.7273;
  font-weight: bold;
  letter-spacing: 0.08em;
  border-bottom: 1px solid #000;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .heading::before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #000;
  vertical-align: sub;
  background-repeat: no-repeat;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .subsection.-taxi > .heading::before {
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/common/icon_taxi.svg);
  background-position: 5px 5px;
  background-size: 15px 13px;
}

.okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .subsection.-bus > .heading::before {
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/common/icon_train.svg);
  background-position: 6px 6px;
  background-size: 12px 13px;
}

.okayama-access.-okayama.okayama-section {
  padding: 45px 0 10px;
}

.okayama-access.-okayama > .wrap > .inner > .content > .body > .section {
  padding-top: 30px;
}

.okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .body > .okayama-table + .okayama-table {
  margin-top: 16px;
}

.okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .body > .map {
  width: 100%;
  height: 0;
  margin: -1.4925% 0 7.4627%;
  padding-bottom: 71.6418%;
}

.okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap {
  margin: 30px 0 40px;
  padding: 0;
}

.okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap > .subsection {
  margin-top: 0;
  margin-bottom: 30px;
}

.okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .list {
  font-size: 1.4rem;
  line-height: 1.7143;
  padding-left: 1.5em;
}

.okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .list > .item {
  position: relative;
}

.okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .list > .item > .okayama-link {
  font-size: 1.4rem;
  line-height: 1.7143;
}

.okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .list > .item > .okayama-link > .okayama-blank svg {
  margin-bottom: 1px;
  margin-left: 0.1em;
  width: 12px;
  height: 12px;
}

.okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .list > .item + .item {
  margin-top: 1.2em;
}

.okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .list > .item::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: -1.5em;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #42affc;
}

.okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .list > .item > .text {
  display: inline-block;
  margin-top: 0.5em;
}

.okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .list > .item > .text > .okayama-link {
  font-size: 1.4rem;
  line-height: 1.7143;
}

.okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .list > .item > .text > .okayama-link > .okayama-blank svg {
  margin-bottom: -1px;
  margin-left: 0.2em;
  width: 12px;
  height: 12px;
}

.okayama-access.-ikasa > .wrap > .inner > .content > .body {
  margin-top: 45px;
}

.okayama-access.-ikasa > .wrap > .inner > .content > .body > .section > .map > .wrap.-trainroutelist > .list > .term::before {
  background-color: #e8b809;
}

.okayama-access.-maniwa > .wrap > .inner > .content > .body {
  margin-top: 30px;
}

.okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .img.-flightmap {
  width: 100%;
  height: 0;
  margin: -1.4925% 0 7.4627%;
  padding-bottom: 72.3881%;
}

.okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .wrap > .img.-routemap {
  width: 100%;
  height: 0;
  padding-bottom: 57.7612%;
}

.okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .wrap > .text {
  margin-top: 15px;
}

.okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .wrap > .text > .lead {
  position: relative;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.5;
  padding-left: 1.3em;
  letter-spacing: 0;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .wrap > .text > .lead::before {
  content: "";
  position: absolute;
  top: 0.3em;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #56c256;
}

.okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .wrap > .text > .note {
  margin-top: 0.5em;
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0.06em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .wrap > .text > .note span {
  display: inline-block;
  margin-right: 0.4em;
}

.okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .wrap > .text > .note span + span {
  margin-top: 0.5em;
}

.okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .wrap > .text > .note .okayama-link {
  letter-spacing: 0.06em;
  font-size: 1.3rem;
  line-height: 2;
}

.okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .wrap > .text > .note .okayama-link > .okayama-blank svg {
  width: 10px;
  height: 10px;
  margin-left: 3px;
  margin-bottom: 0;
}

.okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .wrap {
  margin-top: 25px;
}

.okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .wrap > .okayama-table + .okayama-table {
  margin-top: 16px;
}

.okayama-area.okayama-section {
  padding: 70px 0 100px;
}

.okayama-area > .wrap > .inner {
  padding: 0 4.6875%;
}

.okayama-area > .wrap > .inner > .content > .body {
  margin-top: 15px;
}

.okayama-area > .wrap > .inner > .content > .body > .list > .item > .link {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #000;
}

.okayama-area > .wrap > .inner > .content > .body > .list > .item > .link.-disabled {
  pointer-events: none;
}

.okayama-area > .wrap > .inner > .content > .body > .list > .item > .link > .img {
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 70.7521%;
}

.okayama-area > .wrap > .inner > .content > .body > .list > .item > .link > .img > img {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-area > .wrap > .inner > .content > .body > .list > .item > .link > .text {
  margin-top: -16px;
  position: relative;
  z-index: 1;
}

.okayama-area > .wrap > .inner > .content > .body > .list > .item > .link > .text > .subtitle {
  padding: 5px 10px;
}

.okayama-area > .wrap > .inner > .content > .body > .list > .item > .link > .text > .subtitle > .desc {
  position: relative;
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 0.02em;
}

.okayama-area > .wrap > .inner > .content > .body > .list > .item > .link > .text > .subtitle > .desc::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -10px;
  bottom: -5px;
  right: -7px;
  background-color: #fff;
  z-index: -1;
}

.okayama-area > .wrap > .inner > .content > .body > .list > .item > .link > .text > .title {
  display: inline-block;
  margin-top: 10px;
  padding: 0 0.3em;
  font-size: 2.8rem;
  line-height: 1.6071;
  font-weight: bold;
  letter-spacing: 0.02em;
  background-color: #fff;
}

.okayama-area > .wrap > .inner > .content > .body > .okayama-list.-cols3 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.okayama-infomation.okayama-section {
  padding: 0;
}

.okayama-infomation {
  max-width: 1280px;
  margin: 0 5.3333%;
}

.okayama-infomation > .wrap {
  padding: 40px 0 45px;
}

.okayama-infomation > .wrap > .inner > .content > .body {
  background-color: #fff;
  margin: 23px 5.9701% 0;
  padding: 5px 0 40px;
}

.okayama-infomation > .wrap > .inner > .content > .body > .section {
  border-bottom: 1px solid #e1e1e1;
  margin: 0 6.7797%;
}

.okayama-infomation > .wrap > .inner > .content > .body > .section > .header {
  position: relative;
  padding: 1.59em 0;
}

.okayama-infomation > .wrap > .inner > .content > .body > .section > .header.-blank {
  padding: 1.59em 0;
}

.okayama-infomation > .wrap > .inner > .content > .body > .section > .header > .date {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
  -webkit-transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  font-size: 1.2rem;
  line-height: 1.1667;
}

.okayama-infomation > .wrap > .inner > .content > .body > .section > .header > .heading {
  font-weight: bold;
  letter-spacing: 0.06em;
  -webkit-transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  font-size: 1.5rem;
  line-height: 1.7333;
  margin-top: 6px;
}

.okayama-infomation > .wrap > .inner > .content > .body > .section > .header > .heading > .link {
  text-decoration: none;
  font-weight: bold;
  color: #000;
  -webkit-transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-infomation > .wrap > .inner > .content > .body > .section > .header > .heading > .note {
  font-size: 1.4rem;
  line-height: 1.7143;
}

.okayama-infomation > .wrap > .inner > .content > .body > .section > .header > .arrow {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background-color: #000;
  border: none;
  -webkit-transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-infomation > .wrap > .inner > .content > .body > .section > .header > .arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(135deg) translateX(-10%) translateY(85%);
  transform: rotate(135deg) translateX(-10%) translateY(85%);
  -webkit-transition: border-color 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: border-color 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: border-color 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: border-color 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-infomation > .wrap > .inner > .content > .body > .section > .header > .link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.okayama-infomation > .wrap > .inner > .content > .body > .section > .header > .button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: none;
}

.okayama-infomation > .wrap > .inner > .content > .body > .section > .body > .text {
  font-size: 1.5rem;
  line-height: 1.7333;
  padding: 0 0 20px;
}

.okayama-infomation > .wrap > .inner > .content > .body > .section > .body > .text > p {
  letter-spacing: 0.06em;
}

.okayama-infomation > .wrap > .inner > .content > .body > .section > .body > .text > p + p {
  margin-top: 0.5em;
}

.okayama-infomation > .wrap > .inner > .content > .body > .section > .body > .text > p > .okayama-link {
  font-size: 1.5rem;
  line-height: 1.7333;
}

.okayama-infomation > .wrap > .inner > .content > .body > .section > .body > .text > p > .okayama-link > .okayama-blank > svg {
  width: 12px;
  height: 12px;
  margin-left: 3px;
  margin-bottom: 2px;
}

.okayama-infomation > .wrap > .inner > .content > .body > .section > .body > .text > p > .okayama-linkbox {
  padding: 0.5em 1.2em 0.4em 1.7em;
}

.okayama-infomation > .wrap > .inner > .content > .body > .section > .body > .text > p > .okayama-linkbox > .okayama-blank {
  margin-left: 1em;
}

.okayama-infomation > .wrap > .inner > .content > .body.-coming {
  padding: 25px 0;
}

.okayama-infomation > .wrap > .inner > .content > .body.-coming > .section {
  border: none;
}

.okayama-infomation > .wrap > .inner > .content > .body.-coming > .section > .header {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}

.okayama-infomation > .wrap > .inner > .content > .body.-coming > .section > .header > .heading {
  margin-left: 0;
  margin-top: 0;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.6667;
  letter-spacing: 0;
}

.okayama-infomation.-okayama {
  margin: 0 5.3333% 45px;
}

.okayama-infomation.-okayama > .wrap {
  padding: 40px 0 45px;
}

.okayama-infomation.-okayama > .wrap.-bg-primary {
  background-color: #42affc;
}

.okayama-infomation.-okayama > .wrap > .inner > .content > .body > .section > .header[aria-expanded=true] .heading {
  color: #42affc;
}

.okayama-infomation.-okayama > .wrap > .inner > .content > .body > .section > .header[aria-expanded=true] .date {
  color: #42affc;
}

.okayama-infomation.-okayama > .wrap > .inner > .content > .body > .section > .header[aria-expanded=true] .arrow {
  background-color: #42affc;
}

.okayama-infomation.-okayama > .wrap > .inner > .content > .body > .section > .header[aria-expanded=true] .arrow::after {
  -webkit-transform: rotate(135deg) translateX(20%) translateY(60%) scale(-1);
  transform: rotate(135deg) translateX(20%) translateY(60%) scale(-1);
}

.okayama-infomation.-okayama > .wrap > .inner > .content > .body.-coming > .section > .header > .heading {
  color: #42affc;
}

.okayama-infomation.-maniwa > .wrap.-bg-primary {
  background-color: #56c256;
}

.okayama-infomation.-maniwa > .wrap > .inner > .content > .body > .section > .header[aria-expanded=true] .heading {
  color: #56c256;
}

.okayama-infomation.-maniwa > .wrap > .inner > .content > .body > .section > .header[aria-expanded=true] .date {
  color: #56c256;
}

.okayama-infomation.-maniwa > .wrap > .inner > .content > .body > .section > .header[aria-expanded=true] .arrow {
  background-color: #56c256;
}

.okayama-infomation.-maniwa > .wrap > .inner > .content > .body > .section > .header[aria-expanded=true] .arrow::after {
  -webkit-transform: rotate(135deg) translateX(20%) translateY(60%) scale(-1);
  transform: rotate(135deg) translateX(20%) translateY(60%) scale(-1);
}

.okayama-intro.okayama-section {
  padding: 45px 0 50px;
}

.okayama-intro > .wrap > .inner {
  padding: 0 5.3333%;
}

.okayama-intro > .wrap > .inner > .content > .body > .wrap {
  position: relative;
  margin-top: 25px;
}

.okayama-intro > .wrap > .inner > .content > .body > .wrap > .text {
  margin-top: 20px;
  font-size: 1.5rem;
  line-height: 1.7333;
  letter-spacing: 0.06em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.okayama-intro > .wrap > .inner > .content > .body > .wrap > .text p {
  margin-top: 0.8em;
}

.okayama-intro > .wrap > .inner > .content > .body > .wrap > .img {
  width: 101.194%;
  height: 0;
  padding-bottom: 96.8657%;
  margin: 8.3582% 0 0 0;
}

.okayama-intro > .wrap > .inner > .content > .body > .wrap > .anchor {
  margin-top: 4.4776%;
  text-align: center;
  letter-spacing: 0;
}

.okayama-intro > .wrap > .inner > .content > .body > .wrap > .anchor > .okayama-link {
  position: relative;
  padding-right: 22px;
}

.okayama-intro > .wrap > .inner > .content > .body > .wrap > .anchor > .okayama-link > .arrow {
  position: absolute;
  top: 50%;
  right: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #1f1f1f;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-intro > .wrap > .inner > .content > .body > .wrap > .anchor > .okayama-link > .arrow::after {
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-top: 1px solid #1f1f1f;
  border-right: 1px solid #1f1f1f;
  -webkit-transform: rotate(135deg) translateX(0%) translateY(75%);
  transform: rotate(135deg) translateX(0%) translateY(75%);
  -webkit-transition: border-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: border-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-intro > .wrap > .inner > .content > .body > .subsection {
  margin-top: 38px;
}

.okayama-intro > .wrap > .inner > .content > .body > .subsection > .header {
  text-align: center;
  font-size: 1.2rem;
  line-height: 2.0833;
}

.okayama-intro > .wrap > .inner > .content > .body > .subsection > .header > .text {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.06em;
}

.okayama-intro > .wrap > .inner > .content > .body > .subsection > .header > .title {
  font-weight: bold;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: 2.2rem;
  line-height: 1.6818;
}

.okayama-intro > .wrap > .inner > .content > .body > .subsection > .body {
  margin-top: 25px;
}

.okayama-intro > .wrap > .inner > .content > .body > .subsection > .body > .img {
  text-align: right;
}

.okayama-intro > .wrap > .inner > .content > .body > .subsection > .body > .img > .caption {
  margin-top: 6px;
  font-size: 1rem;
  line-height: 1.5;
}

.okayama-intro > .wrap > .inner > .content > .body > .subsection > .body > .text {
  margin-top: 20px;
}

.okayama-intro > .wrap > .inner > .content > .body > .subsection > .body > .text p {
  letter-spacing: 0.06em;
  font-size: 1.5rem;
  line-height: 1.7333;
}

.okayama-intro.-okayama {
  padding: 45px 0 70px;
}

.okayama-intro.-okayama > .wrap > .inner {
  padding: 0 5.3333%;
}

.okayama-intro.-okayama > .wrap > .inner > .content > .body > .wrap {
  margin-top: 25px;
}

.okayama-intro.-okayama > .wrap > .inner > .content > .header > .title > .block {
  font-weight: bold;
  display: block;
}

.okayama-intro.-okayama > .wrap > .inner > .content > .body > .wrap > .text {
  margin-top: 0;
}

.okayama-intro.-okayama > .wrap > .inner > .content > .body > .wrap > .img {
  width: 100%;
  height: 0;
  padding-bottom: 85.0746%;
  margin: 8.9552% 0 0 0;
}

.okayama-intro.-okayama > .wrap > .inner > .content > .body > .wrap > .anchor > .okayama-link {
  color: #42affc;
}

.okayama-intro.-ikasa > .wrap > .inner > .content > .body > .wrap > .anchor {
  margin-top: 6.7164%;
}

.okayama-intro.-ikasa > .wrap > .inner > .content > .body > .wrap > .anchor > .okayama-link {
  color: #ecc820;
}

.okayama-intro.-maniwa.okayama-section {
  padding: 45px 0 70px;
}

.okayama-intro.-maniwa > .wrap > .inner {
  padding: 0 5.3333%;
}

.okayama-intro.-maniwa > .wrap > .inner > .content > .body > .wrap > .text {
  margin-top: 0;
}

.okayama-intro.-maniwa > .wrap > .inner > .content > .body > .wrap > .img {
  width: 102.9851%;
  padding-bottom: 87.9104%;
  margin-left: -1.4925%;
}

.okayama-intro.-maniwa > .wrap > .inner > .content > .body > .wrap > .anchor > .okayama-link {
  color: #56c256;
}

.okayama-intro.-maniwa > .wrap > .inner > .content > .body > .wrap > .anchor {
  margin-top: 5.2239%;
}

.okayama-intro.-maniwa > .wrap > .inner > .content > .body > .subsection > .header > .text {
  color: #56c256;
}

.okayama-module {
  font-family: ヒラギノ角ゴシック, Hiragino Sans, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic Pro, HiraKakuPro-W3, ヒラギノ角ゴ Pro W3, Noto Sans CJK JP, メイリオ, Meiryo, Roboto, Droid Sans, Osaka, ＭＳ Ｐゴシック, MS PGothic, "sans-serif";
  letter-spacing: 0;
}

.okayama-module.okayama-section {
  padding: 0;
}

.okayama-module > .wrap > .inner {
  padding: 0 5.3333%;
}

.okayama-module > .wrap > .inner > .content > .note {
  font-family: -apple-system, YuGothic, "Yu Gothic Medium", "Yu Gothic", Roboto, Meiryo, sans-serif;
  padding: 50px 0 100px;
  font-size: 1.4rem;
  line-height: 1.5714;
}

.okayama-movies.okayama-section {
  padding: 45px 0 35px;
}

.okayama-movies > .wrap > .inner {
  padding: 0 5.3333%;
}

.okayama-movies > .wrap > .inner > .content > .body {
  margin-top: 5px;
}

.okayama-movies > .wrap > .inner > .content > .body > .list > .item > .title {
  margin-top: 14px;
  font-size: 1.9rem;
  line-height: 1.3158;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-align: center;
}

.okayama-movies > .wrap > .inner > .content > .body > .list > .item > .img {
  position: relative;
}

.okayama-movies > .wrap > .inner > .content > .body > .list > .item > .img::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 0 0 3px #1f1f1f inset;
  box-shadow: 0 0 0 3px #1f1f1f inset;
}

.okayama-movies > .wrap > .inner > .content > .body > .list > .item > .img > .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #1f1f1f;
}

.okayama-movies > .wrap > .inner > .content > .body > .list > .item > .img > .icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(50% + 3px);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 0 9px 18px;
  border-color: transparent transparent transparent #fff;
}

.okayama-movies > .wrap > .inner > .content > .body > .list > .item > .movie-a11y {
  margin-top: 0.8em;
  font-size: 1.2rem;
  line-height: 1.8333;
  font-weight: bold;
  letter-spacing: 0.04em;
}

.okayama-movies > .wrap > .inner > .content > .body > .list > .item > .movie-a11y > .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  margin-left: 2px;
  background-color: #000;
  color: #fff;
  text-decoration: none;
}

.okayama-movies > .wrap > .inner > .content > .body > .list > .item > .movie-a11y > .icon img {
  width: 3px;
  height: 9px;
}

.okayama-movies > .wrap > .inner > .content > .body > .link-button {
  text-align: center;
  margin-top: 15px;
}

.okayama-movies > .wrap > .inner > .content > .body > .link-button a {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 50px;
  border-radius: 4px;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
  -webkit-transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1), color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1), color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-movies > .wrap > .inner > .content > .body > .link-button a > .icon {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 2px solid #fff;
  -webkit-transition: border-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: border-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-movies > .wrap > .inner > .content > .body > .link-button a > .icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(50% + 1px);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 8px;
  border-color: transparent transparent transparent #fff;
  -webkit-transition: border-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: border-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-movies.-ikasa.okayama-section {
  padding: 45px 0 50px;
}

.okayama-movies.-ikasa > .wrap > .inner > .content > .body > .list > .item > .img::after {
  -webkit-box-shadow: 0 0 0 3px #ecc820 inset;
  box-shadow: 0 0 0 3px #ecc820 inset;
}

.okayama-movies.-ikasa > .wrap > .inner > .content > .body > .list > .item > .movie-a11y > .icon {
  background-color: #f09903;
}

.okayama-movies.-maniwa > .wrap > .inner > .content > .body > .list > .item > .img::after {
  -webkit-box-shadow: 0 0 0 3px #56c256 inset;
  box-shadow: 0 0 0 3px #56c256 inset;
}

.okayama-movies.-maniwa > .wrap > .inner > .content > .body > .list > .item > .img > .icon {
  background-color: #56c256;
}

.okayama-mv {
  background-color: #f4f4f4;
}

.okayama-mv > .wrap {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}

.okayama-mv > .wrap > .inner {
  padding: 9.3333% 5.3333% 8%;
}

.okayama-mv > .wrap > .inner > .deco {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 0;
  opacity: 0.5;
}

.okayama-mv > .wrap > .inner > .icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 21.3333vw;
  height: 21.3333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1f1f1f;
}

.okayama-mv > .wrap > .inner > .img {
  visibility: hidden;
  opacity: 0;
  position: relative;
  width: 100%;
  padding-bottom: 110.4478%;
  background-size: cover;
  background-position: center center;
}

.okayama-mv > .wrap > .inner > .body {
  position: absolute;
  top: 3.3898%;
  left: 0.5333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 36.2667%;
}

.okayama-mv > .wrap > .inner > .body > .title {
  width: 53.3088%;
  height: 0;
}

.okayama-mv > .wrap > .inner > .body > .subtitle {
  width: 38.6029%;
  height: 0;
}

.okayama-mv > .wrap > .inner > .caption {
  position: absolute;
  top: 101.3333vw;
  right: 6.6667vw;
  font-size: 2.6667vw;
  line-height: 5.0667vw;
}

.okayama-mv > .wrap > .inner > .nav {
  background-color: #1f1f1f;
  margin-top: 1.8667%;
}

.okayama-mv > .wrap > .inner > .nav > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -5.3333%;
}

.okayama-mv > .wrap > .inner > .nav > .list > .item {
  position: relative;
  width: 50%;
}

.okayama-mv > .wrap > .inner > .nav > .list > .item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 11.2676%;
  width: 87.3239%;
  height: 1px;
  background-color: #1f1f1f;
  opacity: 0.5;
}

.okayama-mv > .wrap > .inner > .nav > .list > .item > .link {
  position: relative;
  text-decoration: none;
  padding: 10.6667% 10.6667% 8.5333%;
  display: block;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.09em;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  white-space: nowrap;
}

.okayama-mv > .wrap > .inner > .nav > .list > .item > .link::before {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  width: 100%;
  height: 100%;
  width: 0%;
  background-color: #1f1f1f;
  z-index: -1;
  -webkit-transition: width 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: width 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-mv > .wrap > .inner > .nav > .list > .item > .link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2.0896%;
  width: 7px;
  height: 7px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: rotate(135deg) translateX(-20%) translateY(50%);
  transform: rotate(135deg) translateX(-20%) translateY(50%);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-mv.-okayama {
  background-color: #42affc;
}

.okayama-mv.-okayama > .wrap > .inner > .deco {
  width: 31.3333vw;
  height: 8vw;
}

.okayama-mv.-okayama > .wrap > .inner > .deco.-item1 {
  top: 66.6667vw;
  left: -14.6667vw;
}

.okayama-mv.-okayama > .wrap > .inner > .deco.-item2 {
  bottom: 59.3333vw;
  right: -12vw;
}

.okayama-mv.-okayama > .wrap > .inner > .icon {
  background-color: #006ad2;
}

.okayama-mv.-okayama > .wrap > .inner > .icon > img {
  width: 13.3333vw;
  height: 15.4667vw;
}

.okayama-mv.-okayama > .wrap > .inner > .img {
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/okayama/mv_bg_sp.jpg);
  background-position: center center;
}

.okayama-mv.-okayama > .wrap > .inner > .body {
  position: absolute;
  top: 14.1333vw;
  left: 32.2667%;
  width: 32.2667%;
}

.okayama-mv.-okayama > .wrap > .inner > .body > .title {
  width: 50.4132%;
  height: 0;
  padding-bottom: 166.5289%;
  margin-top: -23.9669%;
}

.okayama-mv.-okayama > .wrap > .inner > .body > .subtitle {
  width: 38.0165%;
  height: 0;
  padding-bottom: 213.2231%;
}

.okayama-mv.-okayama > .wrap > .inner > .nav {
  background-color: #42affc;
}

.okayama-mv.-okayama > .wrap > .inner > .nav > .list > .item::before {
  background-color: #006ad2;
}

.okayama-mv.-okayama > .wrap > .inner > .nav > .list > .item > .link {
  font-size: 1.5rem;
  line-height: 1;
}

.okayama-mv.-okayama > .wrap > .inner > .nav > .list > .item:nth-child(2) > .link {
  padding: 16% 10.6667% 8.5333%;
}

.okayama-mv.-okayama > .wrap > .inner > .nav > .list > .item:nth-child(2) > .link::after {
  top: 55%;
}

.okayama-mv.-okayama > .wrap > .inner > .nav > .list > .item > .link::before {
  background-color: #006ad2;
}

.okayama-mv.-okayama > .wrap > .inner > .nav > .list > .item > .link.-lines {
  font-size: 1.3rem;
  line-height: 1.3077;
}

.okayama-mv.-ikasa {
  background-color: #ebc512;
}

.okayama-mv.-ikasa > .wrap > .inner > .deco {
  width: 19.6%;
  height: 9.0667%;
}

.okayama-mv.-ikasa > .wrap > .inner > .deco.-item1 {
  top: 65.3333%;
  left: -8.2667%;
}

.okayama-mv.-ikasa > .wrap > .inner > .deco.-item2 {
  bottom: 0.8%;
  right: -5.7333%;
}

.okayama-mv.-ikasa > .wrap > .inner > .icon {
  background-color: #f09903;
}

.okayama-mv.-ikasa > .wrap > .inner > .icon > img {
  width: 11.8667vw;
  height: 15.4667vw;
}

.okayama-mv.-ikasa > .wrap > .inner > .img {
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/ikasa/mv_bg.jpg);
}

.okayama-mv.-ikasa > .wrap > .inner > .body > .title {
  padding-bottom: 152.9412%;
  margin-top: -9.5588%;
}

.okayama-mv.-ikasa > .wrap > .inner > .body > .subtitle {
  padding-bottom: 194.4853%;
}

.okayama-mv.-ikasa > .wrap > .inner > .nav {
  background-color: #ebc512;
}

.okayama-mv.-ikasa > .wrap > .inner > .nav > .list > .item::before {
  background-color: #f09903;
}

.okayama-mv.-ikasa > .wrap > .inner > .nav > .list > .item > .link::before {
  background-color: #f09903;
}

.okayama-mv.-maniwa {
  background-color: #56c256;
}

.okayama-mv.-maniwa > .wrap > .inner > .deco {
  opacity: 0.8;
  width: 14.2667vw;
  height: 12.6667vw;
}

.okayama-mv.-maniwa > .wrap > .inner > .deco.-item1 {
  top: 35.3333%;
  left: -5.6%;
}

.okayama-mv.-maniwa > .wrap > .inner > .deco.-item2 {
  bottom: 28.8%;
  right: -4.4%;
}

.okayama-mv.-maniwa > .wrap > .inner > .icon {
  background-color: #008a20;
}

.okayama-mv.-maniwa > .wrap > .inner > .icon > img {
  width: 12.5333vw;
  height: 14.2667vw;
}

.okayama-mv.-maniwa > .wrap > .inner > .img {
  background-image: url(/domestic/area/chushikoku/local_maniwa/images/mv_bg_sp.jpg);
  background-position: center center;
}

.okayama-mv.-maniwa > .wrap > .inner > .body {
  position: absolute;
  top: 3.3898%;
  left: 1.0667%;
}

.okayama-mv.-maniwa > .wrap > .inner > .body > .title {
  width: 51.8382%;
  height: 0;
  padding-bottom: 101.1029%;
  margin-top: -9.5588%;
}

.okayama-mv.-maniwa > .wrap > .inner > .body > .subtitle {
  padding-bottom: 194.4853%;
}

.okayama-mv.-maniwa > .wrap > .inner > .nav {
  background-color: #56c256;
}

.okayama-mv.-maniwa > .wrap > .inner > .nav > .list > .item::before {
  background-color: #008a20;
}

.okayama-mv.-maniwa > .wrap > .inner > .nav > .list > .item > .link {
  font-size: 1.5rem;
  line-height: 1;
}

.okayama-mv.-maniwa > .wrap > .inner > .nav > .list > .item > .link::before {
  background-color: #008a20;
}

.okayama-route > .wrap > .inner > .content > .body {
  margin-top: 25px;
  padding: 0 5.3333%;
}

.okayama-route > .wrap > .inner > .content > .body > .list > .item + .item {
  margin-top: 8.9552%;
}

.okayama-route > .wrap > .inner > .content > .body > .list > .item > .link {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
  color: #000;
  -webkit-transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-route > .wrap > .inner > .content > .body > .list > .item > .link > .img::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 0 0 3px #1f1f1f inset;
  box-shadow: 0 0 0 3px #1f1f1f inset;
}

.okayama-route > .wrap > .inner > .content > .body > .list > .item > .link > .img {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 24.774%;
}

.okayama-route > .wrap > .inner > .content > .body > .list > .item > .link > .img > img {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-route > .wrap > .inner > .content > .body > .list > .item > .link > .title {
  font-weight: bold;
  letter-spacing: 0.02em;
  margin-top: 6px;
  font-size: 1.4rem;
  line-height: 2;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .header {
  position: relative;
  border-top: 1px solid #1f1f1f;
  padding: 25px 5.9701% 30px;
  -webkit-transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-route > .wrap > .inner > .content > .body > .section > .header[aria-expanded=true] {
  background-color: #1f1f1f;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .header[aria-expanded=true] > .text > .title {
  color: #fff;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .header[aria-expanded=true] > .text > .arrow {
  background-color: #fff;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .header[aria-expanded=true] > .text > .arrow::after {
  border-color: #1f1f1f;
  -webkit-transform: rotate(135deg) translateX(20%) translateY(60%) scale(-1);
  transform: rotate(135deg) translateX(20%) translateY(60%) scale(-1);
}

.okayama-route > .wrap > .inner > .content > .body > .section:last-child > .header {
  border-bottom: 1px solid #1f1f1f;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .header > .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 71.1864%;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  margin-top: 20px;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .header > .img::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 0 0 2px #1f1f1f inset;
  box-shadow: 0 0 0 2px #1f1f1f inset;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .header > .text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 1.6rem;
  line-height: 1.5625;
  -webkit-transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  padding-right: 13.5593%;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .header > .text > .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
  background-color: #1f1f1f;
  color: #fff;
  min-width: 30px;
  min-height: 30px;
  margin-right: 10px;
  font-size: 1.4rem;
  line-height: 1.7857;
  -webkit-transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1), color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1), color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-route > .wrap > .inner > .content > .body > .section > .header > .text > .info.-riku {
  background-color: #ecc820;
  padding: 0 0.4em;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .header > .text > .info.-shima {
  background-color: #009be6;
  padding: 0 0.4em;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .header > .text > .title {
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  margin-top: 0.5em;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .header > .text > .title > .note {
  display: block;
  font-size: 1.2rem;
  line-height: 1.75;
  font-weight: bold;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .header > .text > .arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background-color: #000;
  border: none;
  -webkit-transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-route > .wrap > .inner > .content > .body > .section > .header > .text > .arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(135deg) translateX(-10%) translateY(85%);
  transform: rotate(135deg) translateX(-10%) translateY(85%);
  -webkit-transition: border-color 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: border-color 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: border-color 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: border-color 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-route > .wrap > .inner > .content > .body > .section > .header > .button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: none;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body {
  background-color: #fff;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap {
  padding: 25px 5.9701%;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .title {
  text-align: center;
  font-size: 1.9rem;
  line-height: 1.5263;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  padding-bottom: 18px;
  border-bottom: 1px solid #1f1f1f;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .title > .note {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1.8125;
  font-weight: bold;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list {
  margin: 33px 0 50px;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item:first-child > .day {
  margin-top: -25px;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item + .item {
  margin-top: 14px;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .day {
  position: relative;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #1f1f1f;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.8462;
  font-weight: bold;
  letter-spacing: 0;
  margin-bottom: 15px;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .day::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #1f1f1f transparent transparent transparent;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .day > .text {
  font-weight: bold;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .day > .text > .num {
  display: inline-block;
  font-size: 2.3rem;
  line-height: 1.0435;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content {
  position: relative;
  padding-left: 17.9661%;
  padding-bottom: 26px;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content:last-of-type::before {
  content: none;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 26px;
  width: 2px;
  height: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #1f1f1f;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content.-sea::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 26px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/common/icon_ship_yl.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 15px;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content.-sea.-taxi::after {
  position: absolute;
  top: 57%;
  left: 26px;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content.-sea .text.-taxi {
  margin-top: 0.9em;
  margin-left: -4.1322%;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content.-sea .text.-taxi img {
  width: 115px;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .time {
  position: relative;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.8333;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .time::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -21.9008%;
  -webkit-transform: translateX(19px);
  transform: translateX(19px);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #1f1f1f;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .time > .num {
  display: inline-block;
  margin-right: 0.1em;
  font-size: 1.8rem;
  line-height: 1.2222;
  letter-spacing: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .time > .note {
  font-size: 1.2rem;
  line-height: 1.9167;
  display: inline-block;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .body > .text {
  margin-top: 4px;
  font-size: 1.4rem;
  line-height: 1.7143;
  font-weight: bold;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .body > .text > .note {
  margin-top: 4px;
  font-size: 1.2rem;
  line-height: 1.75;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .body > .imgarea > .wrap {
  width: 100%;
  margin-top: 10px;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .body > .imgarea > .wrap > .img {
  height: 0;
  padding-bottom: 70.6612%;
}

.okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .body > .imgarea > .wrap > .caption {
  margin-top: 0.2em;
  font-size: 1.2rem;
  line-height: 1.9167;
}

.okayama-route > .wrap > .inner > .content > .body > .bannerwrap > .textarea {
  margin-top: 1.2em;
}

.okayama-route > .wrap > .inner > .content > .body > .bannerwrap > .imgarea .img {
  height: 0;
  padding-bottom: 70.7692%;
}

.okayama-route > .wrap > .inner > .content > .body > .bannerwrap > .textarea > .title {
  font-size: 2.2rem;
  line-height: 1.7273;
  font-weight: bold;
}

.okayama-route > .wrap > .inner > .content > .body > .bannerwrap > .textarea > .text {
  font-size: 1.5rem;
  line-height: 1.7333;
  margin-top: 10px;
}

.okayama-route.-okayama > .wrap > .inner > .content > .body > .section > .header {
  border-color: #42affc;
}

.okayama-route.-okayama > .wrap > .inner > .content > .body > .section > .header[aria-expanded=true] {
  background-color: #42affc;
}

.okayama-route.-okayama > .wrap > .inner > .content > .body > .section > .header[aria-expanded=true] > .text > .info.-riku {
  color: #42affc;
  background-color: #fff;
}

.okayama-route.-okayama > .wrap > .inner > .content > .body > .section > .header > .img::after {
  -webkit-box-shadow: 0 0 0 2px #42affc inset;
  box-shadow: 0 0 0 2px #42affc inset;
}

.okayama-route.-okayama > .wrap > .inner > .content > .body > .section > .header > .text > .info.-riku {
  background-color: #42affc;
}

.okayama-route.-okayama > .wrap > .inner > .content > .body > .section > .body > .wrap > .title {
  border-color: #42affc;
}

.okayama-route.-okayama > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .day {
  background-color: #42affc;
}

.okayama-route.-okayama > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .day::before {
  border-color: #42affc transparent transparent transparent;
}

.okayama-route.-okayama > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content::before {
  background-color: #42affc;
}

.okayama-route.-okayama > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .time::before {
  background-color: #42affc;
}

.okayama-route.-ikasa > .wrap > .inner > .content > .body > .section > .header {
  border-color: #ecc820;
}

.okayama-route.-ikasa > .wrap > .inner > .content > .body > .section > .header[aria-expanded=true] {
  background-color: #ecc820;
}

.okayama-route.-ikasa > .wrap > .inner > .content > .body > .section > .header[aria-expanded=true] > .text > .info.-riku {
  color: #ecc820;
  background-color: #fff;
}

.okayama-route.-ikasa > .wrap > .inner > .content > .body > .section > .header > .img::after {
  -webkit-box-shadow: 0 0 0 2px #ecc820 inset;
  box-shadow: 0 0 0 2px #ecc820 inset;
}

.okayama-route.-ikasa > .wrap > .inner > .content > .body > .section > .body > .wrap > .title {
  border-color: #ecc820;
}

.okayama-route.-ikasa > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .day {
  background-color: #ecc820;
}

.okayama-route.-ikasa > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .day::before {
  border-color: #ecc820 transparent transparent transparent;
}

.okayama-route.-ikasa > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content::before {
  background-color: #ecc820;
}

.okayama-route.-ikasa > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .time::before {
  background-color: #ecc820;
}

.okayama-route.-maniwa > .wrap > .inner > .content > .body {
  margin-top: 30px;
  padding: 0 5.3333%;
}

.okayama-route.-maniwa > .wrap > .inner > .content > .body > .list > .item > .link > .img::after {
  -webkit-box-shadow: 0 0 0 3px #56c256 inset;
  box-shadow: 0 0 0 3px #56c256 inset;
}

.okayama-spots.okayama-section {
  padding: 45px 0 25px;
}

.okayama-spots > .wrap > .inner {
  padding: 0 5.3333%;
}

.okayama-spots > .wrap > .inner > .content > .body {
  margin-top: 12px;
}

.okayama-spots > .wrap > .inner > .content > .body > .list > .item {
  position: relative;
}

.okayama-spots > .wrap > .inner > .content > .body > .list > .item > .img {
  position: relative;
  padding-bottom: 74.9304%;
  overflow: hidden;
}

.okayama-spots > .wrap > .inner > .content > .body > .list > .item > .img > img {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-spots > .wrap > .inner > .content > .body > .list > .item > .img::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 0 0 3px #1f1f1f inset;
  box-shadow: 0 0 0 3px #1f1f1f inset;
}

.okayama-spots > .wrap > .inner > .content > .body > .list > .item > .title {
  position: relative;
  padding-left: 25px;
  margin-top: 16px;
  font-size: 1.9rem;
  line-height: 1.3158;
  font-weight: bold;
  letter-spacing: 0.02em;
  -webkit-transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-spots > .wrap > .inner > .content > .body > .list > .item > .title::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 17px;
  height: 23px;
  margin-right: 10px;
  background-size: cover;
}

.okayama-spots > .wrap > .inner > .content > .body > .list > .item > .title.-ruby::before {
  margin-top: -4px;
}

.okayama-spots > .wrap > .inner > .content > .body > .list > .item > .title > ruby {
  font-weight: bold;
}

.okayama-spots > .wrap > .inner > .content > .body > .list > .item > .title > ruby[data-ruby] {
  position: relative;
}

.okayama-spots > .wrap > .inner > .content > .body > .list > .item > .title > ruby::before {
  content: attr(data-ruby);
  position: absolute;
  top: -1.2em;
  right: -2em;
  left: -2em;
  text-align: center;
  font-size: 1rem;
  line-height: 1;
}

.okayama-spots > .wrap > .inner > .content > .body > .list > .item > .title > ruby > rt {
  display: none;
}

.okayama-spots > .wrap > .inner > .content > .body > .list > .item > .info {
  margin-top: 0.5em;
  font-weight: bold;
  -webkit-transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-spots > .wrap > .inner > .content > .body > .list > .item > .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 2px;
}

.okayama-spots > .wrap > .inner > .content > .body > .list > .item > .link > .text {
  position: relative;
  padding-right: 27px;
  text-decoration: none;
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0.04em;
  font-weight: bold;
  color: #000;
  -webkit-transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-spots > .wrap > .inner > .content > .body > .list > .item > .link > .text > .icon {
  position: absolute;
  top: 2px;
  right: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #000;
  -webkit-transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-spots > .wrap > .inner > .content > .body > .list > .item > .link > .text > .icon::before,
.okayama-spots > .wrap > .inner > .content > .body > .list > .item > .link > .text > .icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 2px;
  height: 11px;
  background-color: #fff;
}

.okayama-spots > .wrap > .inner > .content > .body > .list > .item > .link > .text > .icon::after {
  -webkit-transform: rotate(90deg) translateX(-280%) translateY(8%);
  transform: rotate(90deg) translateX(-280%) translateY(8%);
}

.okayama-spots > .wrap > .inner > .content > .body > .list > .item > .button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: none;
}

.okayama-spots.-okayama > .wrap > .inner > .content > .body > .list > .item > .title::before {
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/okayama/logo_pin.svg);
}

.okayama-spots.-okayama > .wrap > .inner > .content > .body > .list > .item > .img::after {
  -webkit-box-shadow: 0 0 0 3px #42affc inset;
  box-shadow: 0 0 0 3px #42affc inset;
}

.okayama-spots.-ikasa > .wrap > .inner > .content > .body > .list > .item > .title::before {
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/ikasa/logo_pin.svg);
}

.okayama-spots.-ikasa > .wrap > .inner > .content > .body > .list > .item > .img::after {
  -webkit-box-shadow: 0 0 0 3px #ecc820 inset;
  box-shadow: 0 0 0 3px #ecc820 inset;
}

.okayama-spots.-maniwa.okayama-section {
  padding: 45px 0 25px;
}

.okayama-spots.-maniwa > .wrap > .inner > .content > .body > .list > .item > .title::before {
  background-image: url(/domestic/area/chushikoku/local_maniwa/images/logo_pin.svg);
}

.okayama-spots.-maniwa > .wrap > .inner > .content > .body > .list > .item > .img::after {
  -webkit-box-shadow: 0 0 0 3px #56c256 inset;
  box-shadow: 0 0 0 3px #56c256 inset;
}

.okayama-stay.okayama-section {
  padding: 45px 0 30px;
}

.okayama-stay > .wrap > .inner {
  padding: 0 5.3333%;
}

.okayama-stay > .wrap > .inner > .content > .body {
  margin-top: 5px;
}

.okayama-stay > .wrap > .inner > .content > .body > .list > .item > .img {
  background-color: #fff;
  width: 100%;
  height: 0;
  padding-bottom: 71.0306%;
}

.okayama-stay > .wrap > .inner > .content > .body > .list > .item > .caption,
.okayama-stay > .wrap > .inner > .content > .body > .list > .item > .splide .caption,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .imgarea > .item > .caption {
  text-align: right;
  margin: 6px 0;
  font-size: 1.2rem;
  line-height: 1.6667;
}

.okayama-stay > .wrap > .inner > .content > .body > .list > .item > .title,
.okayama-stay .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .title {
  font-size: 1.8rem;
  line-height: 1.6667;
  letter-spacing: 0.06em;
}

.okayama-stay > .wrap > .inner > .content > .body > .list > .item > .title > .link,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .title > .link {
  font-weight: bold;
  color: #000;
  text-decoration: none;
  -webkit-transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-stay > .wrap > .inner > .content > .body > .list > .item > .title > .link .okayama-blank svg,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .title > .link .okayama-blank svg {
  width: 14px;
  height: 14px;
  margin-bottom: 0.1em;
}

.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .title {
  margin: 1em 0 0.5em;
}

.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .title.-disabled {
  pointer-events: none;
}

.okayama-stay > .wrap > .inner > .content > .body > .list > .item > .text,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .text {
  margin: 0.3em 0 0.6em;
  font-size: 1.4rem;
  line-height: 1.7143;
}

.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .note {
  letter-spacing: 0.06em;
  font-size: 1.1rem;
  line-height: 1.6364;
}

.okayama-stay > .wrap > .inner > .content > .body > .list > .item > .area,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .area {
  letter-spacing: 0.06em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.7143;
}

.okayama-stay > .wrap > .inner > .content > .body > .list > .item > .area::before,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .area::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 19px;
  background-size: cover;
  vertical-align: sub;
  margin-right: 6px;
}

.okayama-stay > .wrap > .inner > .content > .body > .list > .item > .linkarea,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .linkarea {
  margin-top: 18px;
}

.okayama-stay > .wrap > .inner > .content > .body > .list > .item > .linkarea > .link,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .linkarea > .link {
  position: relative;
  display: block;
  margin: 0 3.7313%;
  border-radius: 4px;
  padding: 0.85em 0.6em 0.75em;
  text-align: center;
  background-color: #d54100;
  color: #fff;
  font-family: ヒラギノ角ゴシック, Hiragino Sans, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic Pro, HiraKakuPro-W3, ヒラギノ角ゴ Pro W3, Noto Sans CJK JP, メイリオ, Meiryo, Roboto, Droid Sans, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;
  text-decoration: none;
  letter-spacing: 0;
  font-size: 1.5rem;
  line-height: 1.7333;
  -webkit-transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-stay > .wrap > .inner > .content > .body > .list > .item > .linkarea > .link + .link,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .linkarea > .link + .link {
  margin-top: 10px;
}

.okayama-stay > .wrap > .inner > .content > .body > .list > .item > .linkarea > .link::after,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .linkarea > .link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 5.3226%;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg) translateX(-40%) translateY(-20%);
  transform: rotate(45deg) translateX(-40%) translateY(-20%);
  -webkit-transition: border-color 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: border-color 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: border-color 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: border-color 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .linkarea > .link.-disabled {
  pointer-events: none;
  background-color: #ccc;
}

.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols3 > .item {
  margin: 5.9701% 0;
}

.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 {
  margin: 0;
}

.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item {
  margin: 5.9701% 0;
}

.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .imgarea {
  width: 100%;
}

.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .imgarea > .item + .item {
  margin-top: 5.9701%;
}

.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .imgarea > .item > .img {
  width: 100%;
  height: 0;
  padding-bottom: 70.7463%;
}

.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .imgarea > .item > .caption {
  text-align: left;
}

.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body {
  margin: 1em 0 0 0;
}

.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .dataarea > .data {
  padding: 1.75em 2.2em;
  background-color: #fff;
  font-size: 1.4rem;
  line-height: 1.4286;
  margin-top: 30px;
}

.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .dataarea > .data > .term {
  margin-top: 0.7em;
  margin-bottom: 0.2em;
  font-weight: bold;
}

.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .dataarea > .data > .term:first-child {
  margin-top: 0;
}

.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols3 > .item .splide__pagination {
  position: absolute;
  bottom: -21px;
  left: -4px;
}

.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols3 > .item .splide__pagination .splide__pagination__page {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: none;
  background-color: #d6d6d6;
  margin: 0 4px;
}

.okayama-stay > .wrap > .inner > .content > .body > .list > .item > .splide.js-card-caption-slider {
  z-index: -1;
}

.okayama-stay > .wrap > .inner > .content > .body > .list > .item > .splide .splide--fade > .splide__slider > .splide__track > .splide__list,
.okayama-stay .splide--fade > .splide__track > .splide__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.okayama-stay.-okayama.okayama-section {
  padding: 45px 0 0;
}

.okayama-stay.-okayama > .wrap > .inner > .content > .body > .list > .item > .area {
  color: #42affc;
}

.okayama-stay.-okayama > .wrap > .inner > .content > .body > .list > .item > .area::before {
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/okayama/logo_pin.svg);
}

.okayama-stay.-okayama > .wrap > .inner > .content > .body > .okayama-list.-cols3 > .item .splide__pagination .splide__pagination__page.is-active {
  background-color: #42affc;
}

.okayama-stay.-ikasa > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .area {
  color: #e68e12;
  margin: 1.2em 0 0;
}

.okayama-stay.-ikasa > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .area::before {
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/ikasa/logo_pin_dk.svg);
}

.okayama-stay.-ikasa > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .linkarea > .link {
  margin: 0 3.7313%;
}

.okayama-stay.-ikasa > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .linkarea > .link + .link {
  margin-top: 10px;
}

.okayama-stay.-ikasa > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .dataarea > .data {
  background-color: #fcf4cf;
}

.okayama-stay.-maniwa > .wrap > .inner > .content > .body > .list > .item > .area {
  color: #56c256;
}

.okayama-stay.-maniwa > .wrap > .inner > .content > .body > .list > .item > .area::before {
  background-image: url(/domestic/area/chushikoku/local_maniwa/images/logo_pin.svg);
}

.okayama-topics.okayama-section {
  padding: 0;
}

.okayama-topics {
  max-width: 1280px;
  margin: 0 5.3333%;
}

.okayama-topics > .wrap {
  position: relative;
  padding: 50px 0 0;
}

.okayama-topics > .wrap > .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #1f1f1f;
  position: absolute;
  top: -30px;
  left: 0;
  width: 80px;
  height: 80px;
}

.okayama-topics > .wrap > .logo > .text {
  text-transform: uppercase;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.okayama-topics > .wrap > .logo > .text > span {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.1667;
}

.okayama-topics > .wrap > .logo > .text > span + span {
  font-size: 1.3rem;
  line-height: 1.0769;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.okayama-topics > .wrap > .inner {
  position: relative;
}

.okayama-topics > .wrap > .inner > .deco {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 0;
  opacity: 0.8;
}

.okayama-topics > .wrap > .inner > .content {
  position: relative;
}

.okayama-topics > .wrap > .inner > .content > .body > .list > .item {
  background-color: #fff;
  margin: 33px 5.9701% 0;
}

.okayama-topics > .wrap > .inner > .content > .body > .list > .item > .text {
  padding: 6.7797% 6.7797% 8.4746%;
}

.okayama-topics > .wrap > .inner > .content > .body > .list > .item > .text > .lead {
  margin-top: 0.5em;
  font-size: 1.5rem;
  line-height: 1.7333;
  font-weight: bold;
}

.okayama-topics > .wrap > .inner > .content > .body > .list > .item > .text > .link {
  margin-top: 0.5em;
}

.okayama-topics > .wrap > .inner > .content > .body > .list > .item > .text p {
  margin-top: 1em;
  font-size: 1.5rem;
  line-height: 1.7333;
}

.okayama-topics > .wrap > .inner > .content > .body > .list > .item > .text > .title > span {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #f4f4f4));
  background: linear-gradient(transparent 60%, #f4f4f4 0%);
  padding: 0 3px 2px;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.7333;
}

.okayama-topics > .wrap > .inner > .content > .body > .list > .item > .img {
  position: relative;
  width: 100%;
}

.okayama-topics > .wrap > .inner > .content > .body > .list > .item > .img img {
  max-width: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.okayama-topics > .wrap > .inner > .content > .body > .list {
  position: relative;
}

.okayama-topics > .wrap > .inner > .content > .body > .list::after {
  content: "";
  position: absolute;
  top: -6vw;
  left: 9.7015%;
  width: 19.2537%;
  height: 11.0667vw;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/domtour/theme/here_we_go_japan/okayama/image/common/topics_en.png);
}

.okayama-topics > .wrap > .inner > .content > .body > .list > .item > .img > .caption {
  position: absolute;
  bottom: 3px;
  right: 5px;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.06em;
}

.okayama-topics > .wrap > .inner > .content > .body > .list > .item > .img > .caption.-shadow-wh {
  font-weight: bold;
  text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white;
}

.okayama-topics > .wrap > .inner > .content > .body > .list > .item > .img > .caption.-shadow-bk {
  font-weight: bold;
  text-shadow: 0 0 8px #333, 0 0 8px #333;
}

.okayama-topics > .wrap > .inner > .content > .body > .list > .item > .img > .caption.-wh {
  color: #fff;
}

.okayama-topics.-okayama > .wrap > .inner > .deco {
  opacity: 0.5;
  width: 31.3333vw;
  height: 8vw;
}

.okayama-topics.-okayama > .wrap > .inner > .deco.-item1 {
  bottom: 25.3333%;
  left: -6%;
}

.okayama-topics.-okayama > .wrap > .inner > .deco.-item2 {
  bottom: 26.6667%;
  right: -4%;
}

.okayama-topics.-okayama > .wrap > .inner > .content > .body > .list > .item > .text > .title > span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #ffb5fc));
  background: linear-gradient(transparent 60%, #ffb5fc 0%);
}

.okayama-topics.-okayama > .wrap.-bg-primary {
  background-color: #42affc;
}

.okayama-topics.-okayama > .wrap > .logo {
  background-color: #006ad2;
}

.okayama-topics.-maniwa > .wrap > .inner > .deco {
  width: 14.2667vw;
  height: 12.6667vw;
}

.okayama-topics.-maniwa > .wrap > .inner > .deco.-item1 {
  top: 25.3333%;
  left: -6%;
}

.okayama-topics.-maniwa > .wrap > .inner > .deco.-item2 {
  bottom: 26.6667%;
  right: -4%;
}

.okayama-topics.-maniwa > .wrap > .inner > .content > .body > .list > .item > .text > .title > span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #f8de4e));
  background: linear-gradient(transparent 60%, #f8de4e 0%);
}

.okayama-topics.-maniwa > .wrap.-bg-primary {
  background-color: #56c256;
}

.okayama-topics.-maniwa > .wrap > .logo {
  background-color: #008a20;
}

._bgc-primary {
  background-color: !important;
}

._bgc-text {
  background-color: #000 !important;
}

._bgc-white {
  background-color: #fff !important;
}

._bgc-gray {
  background-color: #e5e7e8 !important;
}

._cl-text {
  color: #000;
}

._cl-muted {
  color: #999;
}

._cl-white {
  color: #fff;
}

._cl-gray {
  color: #e5e7e8;
}

._cl-black {
  color: #000;
}

._cl-link {
  color: #000;
}

._hide {
  display: none !important;
}

._block {
  display: block !important;
}

._inline {
  display: inline !important;
}

._inline-block {
  display: inline-block !important;
}

._table {
  display: table !important;
}

._table-row {
  display: table-row !important;
}

._table-cell {
  display: table-cell !important;
}

._fx {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

._fx.-flex-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

._fx.-flex-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

._fx.-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

._fx.-stretch {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

._fx.-fxd-c {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

._fx.-fxd-cr {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

._fx.-fxd-r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

._fx.-fxd-rr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

._fx.-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

._fx.-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

._fx.-jc-fs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

._fx.-jc-fe {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

._fx.-jc-c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

._fx.-jc-sb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

._fx.-jc-sa {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

._fx.-ac-c {
  -ms-flex-line-pack: center;
  align-content: center;
}

._fx.-ac-s {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

._fx.-ac-fs {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

._fx.-ac-fe {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

._fx.-ac-sb {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

._fx.-ac-sa {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

._fx.-ai-c {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

._fx.-ai-s {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

._fx.-ai-fs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

._fx.-ai-fe {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

._fx.-ai-b {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

._fi {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

._fi.-glow {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

._fi.-glow2 {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

._fi.-glow3 {
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
}

._fi.-glow4 {
  -webkit-box-flex: 4;
  -ms-flex-positive: 4;
  flex-grow: 4;
}

._fi.-glow5 {
  -webkit-box-flex: 5;
  -ms-flex-positive: 5;
  flex-grow: 5;
}

._fi.-shrink {
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

._fi.-shrink2 {
  -ms-flex-negative: 2;
  flex-shrink: 2;
}

._fi.-shrink3 {
  -ms-flex-negative: 3;
  flex-shrink: 3;
}

._fi.-shrink4 {
  -ms-flex-negative: 4;
  flex-shrink: 4;
}

._fi.-shrink5 {
  -ms-flex-negative: 5;
  flex-shrink: 5;
}

._fi.-order1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

._fi.-order2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

._fi.-order3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

._fi.-order4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

._fi.-order5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

._fi.-order6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

._fi.-order7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

._fi.-order8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

._fi.-order9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

._fi.-order10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

._fz-xs {
  font-size: 1rem !important;
  line-height: 1.8 !important;
}

._fz-s {
  font-size: 1.2rem !important;
  line-height: 1.6667 !important;
}

._fz-m {
  font-size: 1.4rem !important;
  line-height: 1.5714 !important;
}

._fz-l {
  font-size: 1.8rem !important;
  line-height: 1.4444 !important;
}

._fz-xl {
  font-size: 2rem !important;
  line-height: 1.4 !important;
}

._fz-xxl {
  font-size: 2.4rem !important;
  line-height: 1.3333 !important;
}

._wh-nw {
  white-space: nowrap;
}

._m0 {
  margin: 0 !important;
}

._mt0 {
  margin-top: 0 !important;
}

._mb0 {
  margin-bottom: 0 !important;
}

._ml0 {
  margin-left: 0 !important;
}

._mr0 {
  margin-right: 0 !important;
}

._ma {
  margin: auto !important;
}

._mta {
  margin-top: auto !important;
}

._mba {
  margin-bottom: auto !important;
}

._mla {
  margin-left: auto !important;
}

._mra {
  margin-right: auto !important;
}

._m0a {
  margin: 0 auto !important;
}

._p0 {
  padding: 0 !important;
}

._pt0 {
  padding-top: 0 !important;
}

._pb0 {
  padding-bottom: 0 !important;
}

._pl0 {
  padding-left: 0 !important;
}

._pr0 {
  padding-right: 0 !important;
}

._ta-l {
  text-align: left !important;
}

._ta-r {
  text-align: right !important;
}

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

._ta-j {
  text-align: justify !important;
}

._uppercase {
  text-transform: uppercase;
}

._va-t {
  vertical-align: top !important;
}

._va-m {
  vertical-align: middle !important;
}

._va-b {
  vertical-align: bottom !important;
}

._va-bs {
  vertical-align: baseline !important;
}

._nowrap {
  white-space: nowrap !important;
}

._wrap {
  white-space: wrap !important;
}

@media print {
  .datepickers-container {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .modal-mainmodal .modal-content-col {
    width: 48%;
  }

  .modal-mainmodal .modal-content-col + .modal-content-col {
    margin-top: 0;
  }

  #wrap-container + .global-pagetop-box .pagetop {
    width: 58px;
    height: 58px;
    border-radius: 50%;
  }

  #wrap-container + .global-pagetop-box .pagetop::after {
    width: 58px;
  }

  .okayama-blank > svg {
    width: 16px;
    height: 16px;
  }

  .okayama-carousel {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 52.5862%;
    grid-template-columns: 1fr 52.5862%;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .okayama-carousel > .splide .splide__arrows {
    position: absolute;
    top: 46.1717%;
    left: 0;
  }

  .okayama-carousel > .splide .splide__pagination {
    margin-top: 40px;
  }

  .okayama-carousel > .splide.-main {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    margin: 0;
    margin-left: auto;
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%;
  }

  .okayama-carousel > .splide.-thumbnail {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    margin: 30px 0 0;
  }

  .okayama-carousel > .splide.-thumbnail .splide__slide {
    width: 15.0862% !important;
    margin-right: 1.8966%;
  }

  .okayama-carousel > .splide.-thumbnail .splide__slide > .img::after {
    -webkit-box-shadow: 0 0 0 6px transparent inset;
    box-shadow: 0 0 0 6px transparent inset;
  }

  .okayama-carousel > .splide.-thumbnail .splide__slide.is-active > .img::after {
    -webkit-box-shadow: 0 0 0 6px #1f1f1f inset;
    box-shadow: 0 0 0 6px #1f1f1f inset;
  }

  .okayama-carousel > .splide.-thumbnail .splide__slide .caption {
    display: block;
    margin-top: 0.5em;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.6667;
  }

  .okayama-carousel > .splide.-thumbnail.-justify-end .splide__list .splide__slide {
    margin-right: 0;
    margin-left: 2.5862%;
  }

  .okayama-carousel > .splide.-text {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    margin-top: 10.1818%;
    padding: 0 10.9091% 0 16.3636%;
  }

  .okayama-carousel > .splide.-text .info {
    padding: 0.5em 1.2em 0.4em;
    font-size: 1.4rem;
    line-height: 1.5;
  }

  .okayama-carousel > .splide.-text .info::before {
    position: absolute;
    bottom: -7px;
    left: 10px;
    border-width: 14px 9px 0 9px;
  }

  .okayama-carousel > .splide.-text .title {
    margin: 16px 0 28px;
    font-size: 3.2rem;
    line-height: 1.375;
  }

  .okayama-carousel > .splide.-text .subtitle {
    font-size: 2.4rem;
    line-height: 1.8333;
  }

  .okayama-carousel > .splide.-text .title > ruby::before {
    left: 0.2em;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: 0.26em;
  }

  .okayama-carousel > .splide.-text .lead {
    font-size: 1.6rem;
    line-height: 1.625;
  }

  .okayama-carousel > .splide.-text .text {
    margin-top: 10px;
    font-size: 1.6rem;
    line-height: 1.875;
  }

  .okayama-carousel > .splide.-text .note {
    margin-top: 10px;
    font-size: 1.2rem;
    line-height: 1.5;
  }

  .okayama-carousel > .splide.-main .splide__slide > .caption {
    margin: 10px 0 0;
  }

  .okayama-carousel.-reverse {
    -ms-grid-columns: 52.5862% 1fr;
    grid-template-columns: 52.5862% 1fr;
  }

  .okayama-carousel.-reverse > .splide.-main {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    margin-right: auto;
    margin-left: 0;
  }

  .okayama-carousel.-reverse > .splide.-text {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    padding: 0 16.3636% 0 10.9091%;
  }

  .okayama-carousel.-okayama > .splide.-thumbnail .splide__slide.is-active > .img::after {
    -webkit-box-shadow: 0 0 0 6px #42affc inset;
    box-shadow: 0 0 0 6px #42affc inset;
  }

  .okayama-carousel.-okayama > .splide.-text {
    margin-top: 20px;
    padding: 0 9.0909% 0 14.5455%;
  }

  .okayama-carousel.-okayama.-reverse > .splide.-text {
    padding: 0 14.5455% 0 9.0909%;
  }

  .okayama-carousel.-ikasa > .splide .splide__arrows .splide__arrow:hover {
    background-color: #f09903;
  }

  .okayama-carousel.-ikasa > .splide.-thumbnail .splide__slide.is-active > .img::after {
    -webkit-box-shadow: 0 0 0 6px #ecc820 inset;
    box-shadow: 0 0 0 6px #ecc820 inset;
  }

  .okayama-carousel.-maniwa > .splide .splide__arrows .splide__arrow:hover {
    background-color: #008a20;
  }

  .okayama-carousel.-maniwa > .splide.-thumbnail .splide__slide.is-active > .img::after {
    -webkit-box-shadow: 0 0 0 6px #56c256 inset;
    box-shadow: 0 0 0 6px #56c256 inset;
  }

  .okayama-carousel.-maniwa > .splide.-text {
    margin-top: -35px;
    padding: 0 7.2727% 0 14.5455%;
  }

  .okayama-colmun.okayama-section {
    padding: 70px 0;
  }

  .okayama-colmun > .wrap > .inner {
    padding: 0 6.25%;
  }

  .okayama-colmun > .wrap > .inner > .deco.-item3 {
    top: 136px;
    right: 2.6563%;
  }

  .okayama-colmun > .wrap > .inner > .content {
    padding: 50px 4.6296% 70px;
  }

  .okayama-colmun.-okayama.okayama-section {
    padding: 80px 0 0;
  }

  .okayama-colmun.-okayama.okayama-section.-gourmet > .wrap > .inner > .content,
.okayama-colmun.-okayama.okayama-section.-history > .wrap > .inner > .content,
.okayama-colmun.-okayama.okayama-section.-see > .wrap > .inner > .content,
.okayama-colmun.-okayama.okayama-section.-workation > .wrap > .inner > .content,
.okayama-colmun.-okayama.okayama-section.-buy > .wrap > .inner > .content {
    padding: 85px 3.5714% 0;
  }

  .okayama-colmun.-okayama.okayama-section.-hightlights {
    padding: 0 0 80px;
  }

  .okayama-colmun.-okayama.okayama-section.-hightlights > .wrap > .inner > .content {
    padding: 85px 3.5714% 70px;
  }

  .okayama-colmun.-okayama > .wrap > .inner > .deco {
    width: 194px;
    height: 50px;
  }

  .okayama-colmun.-okayama > .wrap > .inner > .deco.-item1 {
    top: 238px;
    right: 11.7188%;
  }

  .okayama-colmun.-okayama > .wrap > .inner > .deco.-item2 {
    top: 448px;
    right: -3.125%;
  }

  .okayama-colmun.-okayama > .wrap > .inner > .content {
    padding: 75px 3.5714% 10px;
  }

  .okayama-colmun.-okayama > .wrap > .inner > .content::before {
    position: absolute;
    top: 20.3125vw;
    right: -3.5714%;
    width: 36.0714%;
    height: 31.5625vw;
  }

  .okayama-colmun.-okayama > .wrap > .inner > .content > .body {
    margin: 10.0962% -5.7692% 0;
  }

  .okayama-colmun.-okayama.-reverse > .wrap > .inner > .deco.-item1 {
    top: 238px;
    left: 11.7188%;
  }

  .okayama-colmun.-okayama.-reverse > .wrap > .inner > .deco.-item2 {
    top: 448px;
    left: -3.125%;
  }

  .okayama-colmun.-okayama.-reverse > .wrap > .inner > .content::before {
    position: absolute;
    top: 20.3125vw;
    left: -3.5714%;
  }

  .okayama-colmun.-ikasa > .wrap > .inner {
    padding: 0 7.8125%;
  }

  .okayama-colmun.-ikasa > .wrap > .inner > .deco {
    width: 132px;
    height: 61px;
  }

  .okayama-colmun.-ikasa > .wrap > .inner > .deco.-item1 {
    top: 9px;
    left: -0.8594%;
  }

  .okayama-colmun.-ikasa > .wrap > .inner > .deco.-item2 {
    bottom: -31px;
    left: 1.9531%;
  }

  .okayama-colmun.-ikasa > .wrap > .inner > .content > .body {
    margin: 5.102% -9.1837% 0;
  }

  .okayama-colmun.-maniwa.okayama-section {
    padding: 80px 0 0;
  }

  .okayama-colmun.-maniwa.okayama-section.-souvenirs {
    padding: 0 0 80px;
  }

  .okayama-colmun.-maniwa.okayama-section.-souvenirs > .wrap > .inner > .content {
    padding: 75px 3.5714% 70px;
  }

  .okayama-colmun.-maniwa > .wrap > .inner > .deco {
    width: 92px;
    height: 81px;
  }

  .okayama-colmun.-maniwa > .wrap > .inner > .deco.-item1 {
    top: 213px;
    right: 14.8438%;
  }

  .okayama-colmun.-maniwa > .wrap > .inner > .deco.-item2 {
    top: 448px;
    right: -3.125%;
  }

  .okayama-colmun.-maniwa > .wrap > .inner > .content {
    padding: 75px 3.5714% 10px;
  }

  .okayama-colmun.-maniwa > .wrap > .inner > .content::before {
    position: absolute;
    top: 18.9844vw;
    right: -6.25vw;
    width: 34.6429%;
    height: 37.4074%;
  }

  .okayama-colmun.-maniwa > .wrap > .inner > .content > .body {
    margin: 8.6538% -5.7692% 0;
  }

  .okayama-info {
    margin-left: 25px;
    font-size: 1.4rem;
    line-height: 1.8571;
    padding: 0.2em 1em 0.1em;
    border: 2px solid #1f1f1f;
    border-radius: 2em;
  }

  .okayama-info::before {
    bottom: 9px;
    left: 5px;
    border-width: 6px 10px 6px 0;
    margin-left: -12px;
  }

  .okayama-info::after {
    bottom: 8px;
    left: 5px;
    border-width: 7px 12px 7px 0;
    margin-left: -16px;
  }

  a.okayama-linkbox {
    font-size: 1.8rem;
    line-height: 1.4444;
  }

  a.okayama-linkbox > .okayama-blank svg {
    width: 14px;
    height: 14px;
  }

  .okayama-list.-cols1 {
    margin: 0 -3.7069%;
  }

  .okayama-list.-cols1 > .item {
    width: 67.4157%;
    margin: 43px 3.451%;
  }

  .okayama-list.-cols1 > .item > .img {
    padding-bottom: 56.3095%;
  }

  .okayama-list.-cols2 {
    margin: 0 -3.7069%;
  }

  .okayama-list.-cols2 > .item {
    width: 33.5474%;
    margin: 43px 3.451%;
  }

  .okayama-list.-cols3 {
    margin: 0 -1.7241%;
  }

  .okayama-list.-cols3 > .item {
    width: 29.9167%;
    margin: 37px 1.7083%;
  }

  .mfp-container {
    padding: 123px 4.6875% !important;
  }

  .okayama-modal > .close {
    width: 50px;
    height: 50px;
  }

  .okayama-modal > .close::before,
.okayama-modal > .close::after {
    width: 2px;
    height: 24px;
  }

  .okayama-modal > .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 70px 5.1724%;
    -webkit-box-shadow: 0 0 0 4px #1f1f1f inset;
    box-shadow: 0 0 0 4px #1f1f1f inset;
  }

  .okayama-modal > .wrap > .img {
    width: 50%;
    padding-bottom: 37.4038%;
  }

  .okayama-modal > .wrap > .body {
    width: 45.3846%;
  }

  .okayama-modal > .wrap > .body > .header > .title {
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 45px;
    font-size: 2.8rem;
    line-height: 1.1429;
  }

  .okayama-modal > .wrap > .body > .header > .title::before {
    position: absolute;
    top: -5px;
    left: 0;
    width: 28px;
    height: 38px;
  }

  .okayama-modal > .wrap > .body > .header > .title > ruby::before {
    font-size: 1.4rem;
    line-height: 1;
  }

  .okayama-modal > .wrap > .body > .header > .info {
    margin: 1.4em 0 0.6em;
    font-size: 2.2rem;
    line-height: 1.5;
  }

  .okayama-modal > .wrap > .body > .main > p {
    font-size: 1.6rem;
    line-height: 1.875;
  }

  .okayama-modal > .wrap > .body > .main > p > a.okayama-linkbox {
    padding: 0.5em 1.2em 0.4em 2em;
    font-size: 1.6rem;
    line-height: 1.625;
  }

  .okayama-modal > .wrap > .body > .main > .data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 32px;
    margin-bottom: 32px;
    padding: 32px 9.5339% 28px;
    font-size: 1.4rem;
    line-height: 1.7143;
  }

  .okayama-modal > .wrap > .body > .main > .data > .term {
    width: 28.0105%;
  }

  .okayama-modal > .wrap > .body > .main > .data > .desc + .term {
    margin-top: 0;
  }

  .okayama-modal > .wrap > .body > .main > .data > .desc {
    width: 71.466%;
    margin-top: 0;
  }

  .okayama-modal > .wrap > .a11y-text p {
    font-size: 1.6rem;
    line-height: 1.875;
  }

  .okayama-modal.-okayama > .wrap {
    -webkit-box-shadow: 0 0 0 4px #42affc inset;
    box-shadow: 0 0 0 4px #42affc inset;
  }

  .okayama-modal.-ikasa > .wrap {
    -webkit-box-shadow: 0 0 0 4px #ecc820 inset;
    box-shadow: 0 0 0 4px #ecc820 inset;
  }

  .okayama-modal.-ikasa > .wrap > .imgarea {
    width: 39.4231%;
    margin: 0 5.2885%;
  }

  .okayama-modal.-ikasa > .wrap > .imgarea > .img {
    padding-bottom: 75.122%;
  }

  .okayama-modal.-ikasa > .wrap > .imgarea > .caption + .img {
    margin-top: 30px;
  }

  .okayama-modal.-maniwa > .wrap {
    -webkit-box-shadow: 0 0 0 4px #56c256 inset;
    box-shadow: 0 0 0 4px #56c256 inset;
  }

  .okayama-modal.-maniwa > .wrap > .body > .header > .title {
    margin-top: 0;
  }

  .okayama-movie::after {
    -webkit-box-shadow: 0 0 0 6px #1f1f1f inset;
    box-shadow: 0 0 0 6px #1f1f1f inset;
  }

  .okayama-movie .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
    font-size: inherit;
    top: -8px;
  }

  .okayama-movie .bc-player-R0ZdULRjcs_default .vjs-big-play-button {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    margin-top: -39px;
    margin-left: -39px;
  }

  .okayama-movie.-okayama::after {
    -webkit-box-shadow: 0 0 0 6px #42affc inset;
    box-shadow: 0 0 0 6px #42affc inset;
  }

  .okayama-movie.-maniwa::after {
    -webkit-box-shadow: 0 0 0 6px #56c256 inset;
    box-shadow: 0 0 0 6px #56c256 inset;
  }

  .okayama-movie.-ikasa::after {
    -webkit-box-shadow: 0 0 0 6px #ebc512 inset;
    box-shadow: 0 0 0 6px #ebc512 inset;
  }

  .okayama-section {
    padding: 70px 0;
  }

  .okayama-section > .wrap > .inner > .content > .header .icon .text {
    margin-top: 14px;
    font-size: 1.5rem;
    line-height: 1;
  }

  .okayama-section > .wrap > .inner > .content > .header > .title {
    font-size: 4.6rem;
    line-height: 1.4348;
  }

  .okayama-section > .wrap > .inner > .content > .header > .title.-sm {
    font-size: 4.2rem;
    line-height: 1.5714;
  }

  .okayama-section > .wrap > .inner > .content > .header > .title.-wide {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    letter-spacing: 0.08em;
  }

  .okayama-section > .wrap > .inner > .content > .header > .lead {
    font-size: 2rem;
    line-height: 1.75;
  }

  .okayama-section.-okayama > .wrap > .inner > .content > .header .icon::before {
    width: 32px;
    height: 35px;
  }

  .okayama-section.-ikasa > .wrap > .inner > .content > .header .icon::before {
    width: 47px;
    height: 47px;
  }

  .okayama-section.-maniwa > .wrap > .inner > .content > .header .icon::before {
    width: 56px;
    height: 16px;
  }

  .okayama-table {
    font-size: 1.8rem;
    line-height: 1.5556;
    border: 4px solid #1f1f1f;
  }

  .okayama-table > thead > tr > th {
    padding: 0.4em 0.5em 0.5em;
  }

  .okayama-table > thead > tr > th > .arrow {
    margin: 0 14px;
  }

  .okayama-table > thead > tr > th > .arrow::after {
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(45deg) translateX(-27%) translateY(-27%);
    transform: rotate(45deg) translateX(-27%) translateY(-27%);
  }

  .okayama-table > tbody > tr > td {
    padding: 0.26em;
  }

  .okayama-table > tbody > tr > td.number {
    width: 38.2979%;
  }

  .okayama-table > tbody > tr.small > td {
    font-size: 1.5rem;
    line-height: 1.8667;
  }

  .okayama-table.-kasaoka > thead > tr > th {
    padding: 0.7em 0.4em 0.6em;
    font-size: 1.4rem;
    line-height: 2;
  }

  .okayama-table.-kasaoka > tbody > tr > td {
    padding: 0.55em 1.2em;
    font-size: 1.3rem;
    line-height: 1.6923;
  }

  .okayama-table.-kasaoka > tbody > tr > td.button {
    padding: 0.2em;
  }

  .okayama-table.-kasaoka > tbody > tr > td.button > .link {
    border-radius: 4px;
    font-size: 1.2rem;
    line-height: 1.8333;
  }

  .okayama-table.-okayama > thead > tr > th {
    padding: 0.7em 0.5em 0.8em;
  }

  .okayama-table.-okayama > tbody > tr > td {
    padding: 0.4em 0 0.35em;
  }

  .okayama-table.-okayama > tbody > tr > td.number {
    width: 39.1304%;
  }

  .okayama-table.-maniwa > thead > tr > th {
    padding: 0.5em;
  }

  .okayama-table.-maniwa > tbody > tr > td {
    padding: 0.25em;
  }

  .okayama-table.-maniwa > tbody > tr > td.number {
    width: 39.1304%;
  }

  .okayama-access.okayama-section {
    padding: 70px 0 100px;
  }

  .okayama-access > .wrap > .inner {
    padding: 0 6.25%;
  }

  .okayama-access > .wrap > .inner > .content > .body > .map {
    width: 69.2857%;
    padding-bottom: 39.2857%;
    margin: 50px 0 50px 15.1786%;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .heading {
    padding-bottom: 5px;
    font-size: 3.4rem;
    line-height: 1.8824;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .heading::before {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section.-flight > .heading::before {
    background-position: center 12px;
    background-size: 24px 17px;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section.-kasaoka > .heading {
    margin-bottom: 30px;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section.-kasaoka > .heading::before {
    background-position: center 8px;
    background-size: 29px 20px;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section.-ikasa > .heading::before {
    background-position: 12px 10px;
    background-size: 17px 20px;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 50px;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .img.-flightmap {
    width: 39.2857%;
    padding-bottom: 40.8929%;
    margin-left: 6.6964%;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .img.-map {
    width: 47.9464%;
    padding-bottom: 37.4107%;
    margin-top: 1.5179%;
    margin-right: 1.1607%;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .img.-routemap {
    width: 48.2143%;
    padding-bottom: 31.25%;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap > .img.-shiproutemap {
    padding-bottom: 114.8889%;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .img.-trainroutemap {
    width: 48.2143%;
    padding-bottom: 40.0893%;
    margin-top: 0;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .wrap {
    margin: 50px 0 40px;
    padding: 0 6.25%;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .inner {
    margin-top: 35px;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .inner > .heading {
    font-size: 2.6rem;
    line-height: 1.4615;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .inner > .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .inner > .body > .okayama-table {
    width: 48.3673%;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .inner > .body > .okayama-table + .okayama-table {
    width: 48.3673%;
    margin-top: 0;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .note,
.okayama-access > .wrap > .inner > .content > .body > .section > .body > .note,
.okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .inner > .note {
    font-size: 1.3rem;
    line-height: 2;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .note .okayama-link,
.okayama-access > .wrap > .inner > .content > .body > .section > .body > .note .okayama-link,
.okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .inner > .note .okayama-link {
    font-size: 1.3rem;
    line-height: 2;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .note .okayama-link > .okayama-blank svg,
.okayama-access > .wrap > .inner > .content > .body > .section > .body > .note .okayama-link > .okayama-blank svg,
.okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .inner > .note .okayama-link > .okayama-blank svg {
    margin-left: 2px;
    width: 12px;
    height: 12px;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section.-kasaoka {
    margin-top: 60px;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section.-kasaoka > .map {
    margin-bottom: 48px;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section.-kasaoka > .map > .wrap > .heading {
    margin: 0 0 16px;
    font-size: 2rem;
    line-height: 1.5;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-shiproutemap {
    width: 40.1786%;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-accesstable {
    width: 57.5%;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-accesstable > .table > .okayama-table {
    height: 517px;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-accesstable > .table > .okayama-table > tbody > tr > td.dest {
    width: 14.0625%;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-accesstable > .table > .okayama-table > tbody > tr > td.port {
    width: 16.4063%;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-accesstable > .table > .okayama-table > tbody > tr > td.place {
    width: 15.625%;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-accesstable > .table > .okayama-table > tbody > tr > td.ship {
    width: 21.875%;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-accesstable > .table > .okayama-table > tbody > tr > td.about {
    width: 31.25%;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-accesstable > .table > .okayama-table > tbody > tr > td.button {
    width: 12.0313%;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-accesstable > .scroll {
    display: none;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-trainroutelist {
    width: 42.4107%;
    margin-top: 5px;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section.-ikasa > .map {
    margin-top: 50px;
    margin-bottom: 0;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-trainroutelist > .list + .list {
    margin-top: 28px;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-trainroutelist > .list > .term {
    font-size: 2.1rem;
    line-height: 1.619;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-trainroutelist > .list > .desc {
    font-size: 1.8rem;
    line-height: 1.7778;
    margin-left: 3.7895%;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .subsection {
    margin-top: 45px;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .heading {
    padding-bottom: 5px;
    font-size: 2.8rem;
    line-height: 2.0714;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .heading::before {
    margin-bottom: -3px;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .subsection.-taxi > .heading::before {
    background-position: center 10px;
    background-size: 22px 20px;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .subsection.-bus > .heading::before {
    background-position: center 10px;
    background-size: 22px 20px;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .body {
    width: 75.625%;
    margin-top: 50px;
  }

  .okayama-access.-okayama.okayama-section {
    padding: 70px 0;
  }

  .okayama-access.-okayama > .wrap > .inner > .content > .body > .section {
    padding-top: 50px;
  }

  .okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 65px;
  }

  .okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .body > .okayama-table {
    width: 36.9643%;
  }

  .okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .body > .okayama-table + .okayama-table {
    margin-top: 0;
    margin-left: 1.7857%;
  }

  .okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .body > .map {
    width: 20.2679%;
    margin: 40px 0 0 auto;
    padding-bottom: 23.3929%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap {
    margin: 50px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap > .subsection {
    width: 46.9643%;
  }

  .okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .list {
    font-size: 1.6rem;
    line-height: 1.75;
  }

  .okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .list > .item > .okayama-link {
    font-size: 1.6rem;
    line-height: 1.75;
  }

  .okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .list > .item > .okayama-link > .okayama-blank svg {
    margin-left: 0.2em;
    width: 14px;
    height: 14px;
  }

  .okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .list > .item + .item {
    margin-top: 1.4em;
  }

  .okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .list > .item::before {
    width: 12px;
    height: 12px;
    border-radius: 50%;
  }

  .okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .list > .item > .text > .okayama-link {
    font-size: 1.6rem;
    line-height: 1.75;
  }

  .okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .wrap > .subsection > .list > .item > .text > .okayama-link > .okayama-blank svg {
    margin-bottom: 1px;
    width: 14px;
    height: 14px;
  }

  .okayama-access.-ikasa > .wrap > .inner > .content > .body {
    margin-top: 55px;
  }

  .okayama-access.-ikasa > .wrap > .inner > .content > .body > .section > .wrap {
    margin: 60px 0;
  }

  .okayama-access.-maniwa > .wrap > .inner > .content > .body {
    margin-top: 50px;
  }

  .okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body {
    margin-top: 60px;
    padding: 0 6.25%;
  }

  .okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .img.-flightmap {
    width: 32.3469%;
    padding-bottom: 36.8367%;
    margin: 0 0 0 4.5918%;
  }

  .okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .wrap {
    width: 51.8367%;
  }

  .okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .wrap > .img.-routemap {
    padding-bottom: 57.874%;
  }

  .okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .wrap > .text {
    margin-top: 12px;
  }

  .okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .wrap > .text > .lead {
    padding-left: 1.5em;
    font-size: 1.6rem;
    line-height: 1.625;
  }

  .okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .wrap > .text > .lead::before {
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
  }

  .okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .wrap > .text > .note {
    font-size: 1.4rem;
    line-height: 1.8571;
    margin-top: 0.2em;
  }

  .okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .wrap > .text > .note span + span {
    margin-top: 0;
  }

  .okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .wrap > .text > .note .okayama-link {
    font-size: 1.4rem;
    line-height: 1.8571;
  }

  .okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .wrap > .text > .note .okayama-link > .okayama-blank svg {
    width: 12px;
    height: 12px;
  }

  .okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 50px;
  }

  .okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .wrap > .okayama-table {
    width: 48.3673%;
  }

  .okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .wrap > .okayama-table + .okayama-table {
    margin-top: 0;
  }

  .okayama-infomation {
    margin: 0 auto;
  }

  .okayama-infomation > .wrap {
    margin: 0 4.6875%;
    padding: 55px 0 90px;
  }

  .okayama-infomation > .wrap > .inner > .content > .body {
    width: 87.931%;
    margin: 33px auto 0;
    padding: 40px 0 70px;
  }

  .okayama-infomation > .wrap > .inner > .content > .body > .section {
    margin: 0 7.3529%;
  }

  .okayama-infomation > .wrap > .inner > .content > .body > .section > .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 0;
  }

  .okayama-infomation > .wrap > .inner > .content > .body > .section > .header.-blank {
    padding: 40px 0;
  }

  .okayama-infomation > .wrap > .inner > .content > .body > .section > .header > .date {
    margin-left: 0.5631%;
    font-size: 1.4rem;
    line-height: 2.1429;
  }

  .okayama-infomation > .wrap > .inner > .content > .body > .section > .header > .heading {
    margin-left: 4.5045%;
    font-size: 1.8rem;
    line-height: 1.6667;
    margin-top: 0;
  }

  .okayama-infomation > .wrap > .inner > .content > .body > .section > .header > .heading > .note {
    font-size: 1.6rem;
    line-height: 1.75;
  }

  .okayama-infomation > .wrap > .inner > .content > .body > .section > .header > .arrow {
    width: 30px;
    height: 30px;
    border-radius: 50%;
  }

  .okayama-infomation > .wrap > .inner > .content > .body > .section > .header > .arrow::after {
    width: 5px;
    height: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(135deg) translateX(-10%) translateY(75%);
    transform: rotate(135deg) translateX(-10%) translateY(75%);
  }

  .okayama-infomation > .wrap > .inner > .content > .body > .section > .body > .text {
    padding: 0 9.1954% 40px 14.2529%;
    font-size: 1.6rem;
    line-height: 1.875;
  }

  .okayama-infomation > .wrap > .inner > .content > .body > .section > .body > .text > p > .okayama-link {
    font-size: 1.6rem;
    line-height: 1.875;
  }

  .okayama-infomation > .wrap > .inner > .content > .body > .section > .body > .text > p > .okayama-linkbox {
    padding: 0.5em 1.2em 0.4em 2em;
    font-size: 1.6rem;
    line-height: 1.625;
  }

  .okayama-infomation > .wrap > .inner > .content > .body > .section > .body > .text > p > .okayama-linkbox > .okayama-blank {
    margin-left: 1.7em;
  }

  .okayama-infomation > .wrap > .inner > .content > .body.-coming {
    padding: 55px 0;
  }

  .okayama-infomation > .wrap > .inner > .content > .body.-coming > .section > .header > .heading {
    font-size: 2.8rem;
    line-height: 1.8929;
  }

  .okayama-infomation.-okayama {
    margin: 0 auto;
  }

  .okayama-infomation.-okayama > .wrap {
    padding: 55px 0 90px;
    margin: 0 4.6875% 80px;
  }

  .okayama-infomation.-okayama > .wrap > .inner > .content > .body > .section > .header[aria-expanded=true] .arrow::after {
    -webkit-transform: rotate(135deg) translateX(15%) translateY(45%) scale(-1);
    transform: rotate(135deg) translateX(15%) translateY(45%) scale(-1);
  }

  .okayama-infomation.-maniwa > .wrap > .inner > .content > .body > .section > .header[aria-expanded=true] .arrow::after {
    -webkit-transform: rotate(135deg) translateX(15%) translateY(45%) scale(-1);
    transform: rotate(135deg) translateX(15%) translateY(45%) scale(-1);
  }

  .okayama-intro.okayama-section {
    padding: 80px 0 105px;
  }

  .okayama-intro > .wrap > .inner {
    padding: 0 4.6875%;
  }

  .okayama-intro > .wrap > .inner > .content > .body > .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 60px;
  }

  .okayama-intro > .wrap > .inner > .content > .body > .wrap > .text {
    width: 43.1034%;
    margin-top: 0;
    font-size: 1.6rem;
    line-height: 1.8125;
    letter-spacing: 0.04em;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
  }

  .okayama-intro > .wrap > .inner > .content > .body > .wrap > .img {
    width: 50.431%;
    padding-bottom: 47.069%;
    margin: 0 2.5862% 0 0;
  }

  .okayama-intro > .wrap > .inner > .content > .body > .wrap > .anchor {
    margin-top: 0;
    position: absolute;
    bottom: -48px;
    right: 35px;
    font-size: 2.8rem;
    line-height: 1.4286;
  }

  .okayama-intro > .wrap > .inner > .content > .body > .wrap > .anchor > .okayama-link {
    padding-right: 32px;
    font-size: 1.6rem;
    line-height: 2.5;
  }

  .okayama-intro > .wrap > .inner > .content > .body > .wrap > .anchor > .okayama-link > .arrow {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border-width: 2px;
  }

  .okayama-intro > .wrap > .inner > .content > .body > .wrap > .anchor > .okayama-link > .arrow::after {
    border-width: 2px;
  }

  .okayama-intro > .wrap > .inner > .content > .body > .subsection {
    margin-top: 70px;
    padding: 0 0.5357%;
  }

  .okayama-intro > .wrap > .inner > .content > .body > .subsection > .header {
    font-size: 1.5rem;
    line-height: 2.6667;
  }

  .okayama-intro > .wrap > .inner > .content > .body > .subsection > .header > .title {
    font-size: 3.6rem;
    line-height: 1.5556;
  }

  .okayama-intro > .wrap > .inner > .content > .body > .subsection > .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 58px;
  }

  .okayama-intro > .wrap > .inner > .content > .body > .subsection > .body > .img {
    width: 47.6534%;
  }

  .okayama-intro > .wrap > .inner > .content > .body > .subsection > .body > .text {
    width: 45.9386%;
    margin-top: 0;
  }

  .okayama-intro > .wrap > .inner > .content > .body > .subsection > .body > .text p {
    margin-top: -0.5em;
    font-size: 1.6rem;
    line-height: 1.875;
  }

  .okayama-intro.-okayama {
    padding: 80px 0 155px;
  }

  .okayama-intro.-okayama > .wrap > .inner {
    padding: 0 6.25%;
  }

  .okayama-intro.-okayama > .wrap > .inner > .content > .body > .wrap {
    margin-top: 55px;
  }

  .okayama-intro.-okayama > .wrap > .inner > .content > .header > .title > .block {
    display: inline;
    margin-left: 1.5em;
  }

  .okayama-intro.-okayama > .wrap > .inner > .content > .body > .wrap > .text {
    width: 41.9643%;
    margin: 0 3.125% 0 3.5714%;
  }

  .okayama-intro.-okayama > .wrap > .inner > .content > .body > .wrap > .text p {
    margin-top: 1.7em;
  }

  .okayama-intro.-okayama > .wrap > .inner > .content > .body > .wrap > .img {
    width: 44.8214%;
    padding-bottom: 35.9821%;
    margin: 0 3.5714% 0 0;
  }

  .okayama-intro.-ikasa > .wrap > .inner > .content > .body > .wrap > .anchor {
    margin-top: 0;
    bottom: -28px;
    right: 15px;
  }

  .okayama-intro.-maniwa.okayama-section {
    padding: 80px 0 105px;
  }

  .okayama-intro.-maniwa > .wrap > .inner {
    padding: 0 6.25%;
  }

  .okayama-intro.-maniwa > .wrap > .inner > .content > .body > .wrap {
    margin-top: 48px;
  }

  .okayama-intro.-maniwa > .wrap > .inner > .content > .body > .wrap > .text {
    width: 33.75%;
    margin: -58px 2.6786% 0 4.0179%;
  }

  .okayama-intro.-maniwa > .wrap > .inner > .content > .body > .wrap > .text p {
    margin-top: 1.8em;
  }

  .okayama-intro.-maniwa > .wrap > .inner > .content > .body > .wrap > .img {
    width: 56.7857%;
    padding-bottom: 45.4464%;
    margin-top: 0;
    margin-right: 0.8929%;
  }

  .okayama-intro.-maniwa > .wrap > .inner > .content > .body > .wrap > .anchor {
    margin-top: 0;
    bottom: -40px;
    right: 0;
  }

  .okayama-module > .wrap > .inner {
    padding: 0 3.125%;
  }

  .okayama-module > .wrap > .inner > .content > .note {
    padding: 70px 0 30px;
  }

  .okayama-movies.okayama-section {
    padding: 70px 0 50px;
  }

  .okayama-movies > .wrap > .inner {
    padding: 0 4.6875%;
  }

  .okayama-movies > .wrap > .inner > .content > .body {
    margin-top: 15px;
  }

  .okayama-movies > .wrap > .inner > .content > .body > .list > .item > .title {
    margin-top: 20px;
    font-size: 2rem;
    line-height: 1.6;
  }

  .okayama-movies > .wrap > .inner > .content > .body > .list > .item > .img::after {
    -webkit-box-shadow: 0 0 0 4px #1f1f1f inset;
    box-shadow: 0 0 0 4px #1f1f1f inset;
  }

  .okayama-movies > .wrap > .inner > .content > .body > .list > .item > .img > .icon {
    width: 78px;
    height: 78px;
    border-radius: 50%;
  }

  .okayama-movies > .wrap > .inner > .content > .body > .list > .item > .img > .icon::after {
    border-width: 14.5px 0 14.5px 24px;
  }

  .okayama-movies > .wrap > .inner > .content > .body > .list > .item > .movie-a11y {
    font-size: 1.4rem;
    line-height: 1.8571;
    margin-top: 0.5em;
  }

  .okayama-movies > .wrap > .inner > .content > .body > .list > .item > .movie-a11y > .icon {
    width: 20px;
    height: 20px;
    margin-left: 4px;
  }

  .okayama-movies > .wrap > .inner > .content > .body > .list > .item > .movie-a11y > .icon img {
    width: 4px;
    height: 10px;
  }

  .okayama-movies > .wrap > .inner > .content > .body > .link-button {
    margin-top: 0;
  }

  .okayama-movies > .wrap > .inner > .content > .body > .link-button a {
    width: 360px;
    height: 56px;
    font-size: 1.6rem;
    line-height: 1.5;
  }

  .okayama-movies > .wrap > .inner > .content > .body > .link-button a:hover {
    background-color: #fff;
  }

  .okayama-movies > .wrap > .inner > .content > .body > .link-button a > .icon {
    right: 16px;
  }

  .okayama-movies.-ikasa.okayama-section {
    padding: 70px 0 80px;
  }

  .okayama-movies.-ikasa > .wrap > .inner > .content > .body > .list > .item > .img::after {
    -webkit-box-shadow: 0 0 0 4px #ecc820 inset;
    box-shadow: 0 0 0 4px #ecc820 inset;
  }

  .okayama-movies.-ikasa > .wrap > .inner > .content > .body > .link-button a:hover {
    background-color: #ebc512;
  }

  .okayama-movies.-maniwa > .wrap > .inner > .content > .body > .list > .item > .img::after {
    -webkit-box-shadow: 0 0 0 6px #56c256 inset;
    box-shadow: 0 0 0 6px #56c256 inset;
  }

  .okayama-mv > .wrap > .inner {
    padding: 52px 7.8125% 60px;
  }

  .okayama-mv > .wrap > .inner > .icon {
    width: 160px;
    height: 160px;
  }

  .okayama-mv > .wrap > .inner > .img {
    padding-bottom: 530px;
    background-position: center center;
  }

  .okayama-mv > .wrap > .inner > .body {
    position: absolute;
    top: 35px;
    left: 3.125%;
    width: 240px;
  }

  .okayama-mv > .wrap > .inner > .body > .title {
    width: 55%;
  }

  .okayama-mv > .wrap > .inner > .body > .subtitle {
    width: 36.6667%;
  }

  .okayama-mv > .wrap > .inner > .caption {
    top: auto;
    position: absolute;
    bottom: 375px;
    right: 9.375%;
    font-size: 1.1rem;
    line-height: 1.8182;
  }

  .okayama-mv > .wrap > .inner > .nav > .list > .item > .link {
    padding: 38px 2.6563vw 38px 4.6875vw;
    font-size: 2rem;
    line-height: 1;
    white-space: nowrap;
  }

  .okayama-mv.-okayama > .wrap > .inner > .deco {
    width: 194px;
    height: 50px;
  }

  .okayama-mv.-okayama > .wrap > .inner > .deco.-item1 {
    top: 390px;
    left: 0.0781%;
  }

  .okayama-mv.-okayama > .wrap > .inner > .deco.-item2 {
    bottom: 88px;
    right: -4.1406%;
  }

  .okayama-mv.-okayama > .wrap > .inner > .icon > img {
    width: 100px;
    height: 116px;
  }

  .okayama-mv.-okayama > .wrap > .inner > .img {
    background-image: url(/domtour/theme/here_we_go_japan/okayama/image/okayama/mv_bg_pc.jpg);
  }

  .okayama-mv.-okayama > .wrap > .inner > .body {
    position: absolute;
    top: 80px;
    left: 42.1875%;
    width: 181px;
  }

  .okayama-mv.-okayama > .wrap > .inner > .body > .title {
    width: 50.2762%;
    padding-bottom: 166.8508%;
    margin-top: -53px;
  }

  .okayama-mv.-okayama > .wrap > .inner > .body > .subtitle {
    width: 35.9116%;
    padding-bottom: 193.9227%;
  }

  .okayama-mv.-okayama > .wrap > .inner > .nav > .list > .item::before {
    background-color: #ecf6fd;
  }

  .okayama-mv.-okayama > .wrap > .inner > .nav > .list > .item > .link {
    font-size: 2rem;
    line-height: 1;
  }

  .okayama-mv.-okayama > .wrap > .inner > .nav > .list > .item:nth-child(2) > .link {
    padding: 48px 2.6563vw 38px 4.6875vw;
  }

  .okayama-mv.-okayama > .wrap > .inner > .nav > .list > .item > .link.-lines {
    font-size: 1.8rem;
    line-height: 1.1667;
  }

  .okayama-mv.-ikasa > .wrap > .inner > .deco {
    width: 147px;
    height: 68px;
  }

  .okayama-mv.-ikasa > .wrap > .inner > .deco.-item1 {
    top: 375px;
    left: -3.125%;
  }

  .okayama-mv.-ikasa > .wrap > .inner > .deco.-item2 {
    bottom: 78px;
    right: -2.3438%;
  }

  .okayama-mv.-ikasa > .wrap > .inner > .icon > img {
    width: 76px;
    height: 99px;
  }

  .okayama-mv.-ikasa > .wrap > .inner > .body > .title {
    padding-bottom: 169.1667%;
    margin-top: -27px;
  }

  .okayama-mv.-ikasa > .wrap > .inner > .body > .subtitle {
    padding-bottom: 187.0833%;
  }

  .okayama-mv.-maniwa > .wrap > .inner > .deco {
    width: 77px;
    height: 68px;
  }

  .okayama-mv.-maniwa > .wrap > .inner > .deco.-item1 {
    top: 366px;
    left: -0.3906%;
  }

  .okayama-mv.-maniwa > .wrap > .inner > .deco.-item2 {
    bottom: 72px;
    right: -0.5469%;
  }

  .okayama-mv.-maniwa > .wrap > .inner > .icon > img {
    width: 80px;
    height: 91px;
    margin-top: 10px;
  }

  .okayama-mv.-maniwa > .wrap > .inner > .img {
    background-image: url(/domestic/area/chushikoku/local_maniwa/images/mv_bg_pc.jpg);
  }

  .okayama-mv.-maniwa > .wrap > .inner > .body {
    position: absolute;
    top: 35px;
    left: 3.125%;
  }

  .okayama-mv.-maniwa > .wrap > .inner > .body > .title {
    width: 55%;
    padding-bottom: 107.9167%;
    margin-top: -17px;
  }

  .okayama-mv.-maniwa > .wrap > .inner > .body > .subtitle {
    padding-bottom: 145.4167%;
  }

  .okayama-mv.-maniwa > .wrap > .inner > .nav > .list > .item::before {
    background-color: #e5f7e5;
  }

  .okayama-mv.-maniwa > .wrap > .inner > .nav > .list > .item > .link {
    font-size: 2rem;
    line-height: 1;
  }

  .okayama-route > .wrap > .inner > .content > .body {
    margin-top: 50px;
    padding: 0 9.375%;
  }

  .okayama-route > .wrap > .inner > .content > .body > .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -2.2414%;
  }

  .okayama-route > .wrap > .inner > .content > .body > .list > .item {
    width: 45.6271%;
    margin: 26px 2.1452%;
  }

  .okayama-route > .wrap > .inner > .content > .body > .list > .item + .item {
    margin-top: 26px;
  }

  .okayama-route > .wrap > .inner > .content > .body > .list > .item > .link > .img::after {
    -webkit-box-shadow: 0 0 0 4px #1f1f1f inset;
    box-shadow: 0 0 0 4px #1f1f1f inset;
  }

  .okayama-route > .wrap > .inner > .content > .body > .list > .item > .link > .title {
    margin-top: 12px;
    font-size: 1.8rem;
    line-height: 1.7778;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 2.8846%;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .header[aria-expanded=true] > .text > .arrow::after {
    -webkit-transform: rotate(135deg) translateX(15%) translateY(45%) scale(-1);
    transform: rotate(135deg) translateX(15%) translateY(45%) scale(-1);
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .header:hover {
    background-color: #1f1f1f;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .header:hover > .text > .title {
    color: #fff;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .header:hover > .text > .arrow {
    background-color: #fff;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .header:hover > .text > .arrow::after {
    border-color: #1f1f1f;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .header > .img {
    width: 25.102%;
    height: 0;
    padding-bottom: 17.8571%;
    margin-top: 0;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .header > .img::after {
    -webkit-box-shadow: 0 0 0 3px #1f1f1f inset;
    box-shadow: 0 0 0 3px #1f1f1f inset;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .header > .text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 2rem;
    line-height: 1.5;
    width: 69.7959%;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .header > .text > .info {
    min-width: 32px;
    min-height: 32px;
    margin-right: 14px;
    font-size: 1.8rem;
    line-height: 1.6667;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .header > .text > .title > .note {
    font-size: 1.4rem;
    line-height: 2.0714;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .header > .text > .arrow {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .header > .text > .arrow::after {
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(135deg) translateX(-10%) translateY(75%);
    transform: rotate(135deg) translateX(-10%) translateY(75%);
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap {
    padding: 35px 4.8077%;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .title {
    font-size: 2.6rem;
    line-height: 1.5;
    padding-bottom: 32px;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list {
    margin: 65px 0 50px;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item + .item {
    margin-top: 75px;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .day {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    font-size: 1.6rem;
    line-height: 1.8125;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 17.5532%;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .day::before {
    bottom: -10px;
    border-width: 14px 9px 0 9px;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .day > .text > .num {
    font-size: 3.2rem;
    line-height: 0.9063;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 0;
    padding-bottom: 45px;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content::before {
    position: absolute;
    top: 8px;
    left: 17.5532%;
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content.-sea::after {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 17.5532%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-size: 29px 20px;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content.-sea.-taxi::after {
    position: absolute;
    top: 50%;
    left: 17.5532%;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content.-sea.-taxi {
    padding-bottom: 10px;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content.-sea .text.-taxi {
    margin-left: -1.3624%;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .time {
    width: 17.5532%;
    font-size: 1.6rem;
    line-height: 1.625;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .time::before {
    position: absolute;
    top: 8px;
    right: 0;
    left: auto;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .time > .num {
    font-size: 1.8rem;
    line-height: 1.6111;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .body {
    width: 78.0851%;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .body > .text {
    margin-top: 0;
    font-size: 1.6rem;
    line-height: 1.8125;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .body > .text > .note {
    font-size: 1.4rem;
    line-height: 1.6429;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .body > .imgarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .body > .imgarea > .wrap {
    width: 48.4311%;
    margin-top: 22px;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .body > .imgarea > .wrap > .img {
    padding-bottom: 70.7042%;
  }

  .okayama-route > .wrap > .inner > .content > .body > .bannerwrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .okayama-route > .wrap > .inner > .content > .body > .bannerwrap > .textarea {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 45.1923%;
    margin-top: 0.6em;
  }

  .okayama-route > .wrap > .inner > .content > .body > .bannerwrap > .imgarea {
    width: 50%;
  }

  .okayama-route > .wrap > .inner > .content > .body > .bannerwrap > .textarea > .title {
    margin-bottom: 0.7em;
    font-size: 3.2rem;
    line-height: 1.5625;
  }

  .okayama-route > .wrap > .inner > .content > .body > .bannerwrap > .textarea > .text {
    margin-top: 1em;
    font-size: 1.6rem;
    line-height: 1.875;
  }

  .okayama-route.-okayama.okayama-section {
    padding: 70px 0 100px;
  }

  .okayama-route.-okayama > .wrap > .inner > .content > .body > .section > .header:hover {
    background-color: #42affc;
  }

  .okayama-route.-okayama > .wrap > .inner > .content > .body > .section > .header:hover > .text > .info.-riku {
    color: #42affc;
    background-color: #fff;
  }

  .okayama-route.-okayama > .wrap > .inner > .content > .body > .section > .header > .img::after {
    -webkit-box-shadow: 0 0 0 3px #42affc inset;
    box-shadow: 0 0 0 3px #42affc inset;
  }

  .okayama-route.-ikasa > .wrap > .inner > .content > .body > .section > .header:hover {
    background-color: #ecc820;
  }

  .okayama-route.-ikasa > .wrap > .inner > .content > .body > .section > .header:hover > .text > .info.-riku {
    color: #ecc820;
    background-color: #fff;
  }

  .okayama-route.-ikasa > .wrap > .inner > .content > .body > .section > .header > .img::after {
    -webkit-box-shadow: 0 0 0 3px #ecc820 inset;
    box-shadow: 0 0 0 3px #ecc820 inset;
  }

  .okayama-route.-maniwa > .wrap > .inner > .content > .body {
    padding: 0 4.6875%;
  }

  .okayama-route.-maniwa > .wrap > .inner > .content > .body > .list > .item > .link > .img::after {
    -webkit-box-shadow: 0 0 0 4px #56c256 inset;
    box-shadow: 0 0 0 4px #56c256 inset;
  }

  .okayama-spots.okayama-section {
    padding: 80px 0 50px;
  }

  .okayama-spots > .wrap > .inner {
    padding: 0 4.6875%;
  }

  .okayama-spots > .wrap > .inner > .content > .body {
    margin-top: 8px;
  }

  .okayama-spots > .wrap > .inner > .content > .body > .list > .item:hover > .img img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }

  .okayama-spots > .wrap > .inner > .content > .body > .list > .item > .title {
    margin-top: 18px;
    padding-left: 30px;
    font-size: 2rem;
    line-height: 1.6;
  }

  .okayama-spots > .wrap > .inner > .content > .body > .list > .item > .title::before {
    width: 21px;
    height: 29px;
  }

  .okayama-spots > .wrap > .inner > .content > .body > .list > .item > .title > ruby::before {
    top: -1.3em;
  }

  .okayama-spots > .wrap > .inner > .content > .body > .list > .item > .link {
    margin-top: 8px;
  }

  .okayama-spots > .wrap > .inner > .content > .body > .list > .item > .link > .text {
    padding-right: 30px;
    font-size: 1.4rem;
    line-height: 1;
  }

  .okayama-spots > .wrap > .inner > .content > .body > .list > .item > .link > .text > .icon {
    position: absolute;
    top: -4px;
    right: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
  }

  .okayama-spots > .wrap > .inner > .content > .body > .list > .item > .link > .text > .icon::before,
.okayama-spots > .wrap > .inner > .content > .body > .list > .item > .link > .text > .icon::after {
    width: 2px;
    height: 12px;
  }

  .okayama-spots > .wrap > .inner > .content > .body > .list > .item > .link > .text > .icon::after {
    -webkit-transform: rotate(90deg) translateX(-300%) translateY(8%);
    transform: rotate(90deg) translateX(-300%) translateY(8%);
  }

  .okayama-spots.-okayama > .wrap > .inner > .content > .body > .list > .item:hover > .title {
    color: #42affc;
  }

  .okayama-spots.-okayama > .wrap > .inner > .content > .body > .list > .item:hover > .info {
    color: #42affc;
  }

  .okayama-spots.-okayama > .wrap > .inner > .content > .body > .list > .item:hover > .link > .text {
    color: #42affc;
  }

  .okayama-spots.-okayama > .wrap > .inner > .content > .body > .list > .item:hover > .link > .text > .icon {
    background-color: #42affc;
  }

  .okayama-spots.-ikasa > .wrap > .inner > .content > .body > .list > .item:hover > .title {
    color: #ecc820;
  }

  .okayama-spots.-ikasa > .wrap > .inner > .content > .body > .list > .item:hover > .link > .text {
    color: #ecc820;
  }

  .okayama-spots.-ikasa > .wrap > .inner > .content > .body > .list > .item:hover > .link > .text > .icon {
    background-color: #ecc820;
  }

  .okayama-spots.-maniwa.okayama-section {
    padding: 65px 0 60px;
  }

  .okayama-spots.-maniwa > .wrap > .inner > .content > .body > .list > .item:hover > .title {
    color: #56c256;
  }

  .okayama-spots.-maniwa > .wrap > .inner > .content > .body > .list > .item:hover > .link > .text {
    color: #56c256;
  }

  .okayama-spots.-maniwa > .wrap > .inner > .content > .body > .list > .item:hover > .link > .text > .icon {
    background-color: #56c256;
  }

  .okayama-stay.okayama-section {
    padding: 70px 0 60px;
  }

  .okayama-stay > .wrap > .inner {
    padding: 0 4.6875%;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .list > .item > .caption,
.okayama-stay > .wrap > .inner > .content > .body > .list > .item > .splide .caption,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .imgarea > .item > .caption {
    margin: 4px 0;
    font-size: 1.1rem;
    line-height: 1.6364;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .list > .item > .title,
.okayama-stay .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .title {
    font-size: 1.8rem;
    line-height: 1.7778;
    letter-spacing: 0.02em;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .list > .item > .title > .link .okayama-blank svg,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .title > .link .okayama-blank svg {
    margin-bottom: 0.05em;
    width: 16px;
    height: 16px;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .title {
    margin: 0 0 0.8em;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .list > .item > .text,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .text {
    margin: 0.3em 0;
    font-size: 1.4rem;
    line-height: 1.8571;
    letter-spacing: 0.06em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }

  .okayama-stay > .wrap > .inner > .content > .body > .list > .item > .area,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .area {
    margin: 0.7em 0;
    font-size: 1.4rem;
    line-height: 1.8571;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .list > .item > .area::before,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .area::before {
    margin-right: 6px;
    width: 15px;
    height: 20px;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .list > .item > .linkarea,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .linkarea {
    margin-top: 22px;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .list > .item > .linkarea > .link + .link,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .linkarea > .link + .link {
    margin-top: 14px;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .list > .item > .linkarea > .link::after,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .linkarea > .link::after {
    content: none;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols3 > .item {
    margin: 25px 1.7083%;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item {
    width: 96.5517%;
    margin: 55px 0 0;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .imgarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .imgarea > .item {
    width: 32.4107%;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .imgarea > .item + .item {
    margin-top: 0;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .imgarea > .item > .img {
    padding-bottom: 70.8134%;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .imgarea > .item > .caption {
    margin: 1em 0 0;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 89.2857%;
    margin: 37px auto 0;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea {
    width: 49%;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .dataarea {
    width: 46.2%;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .dataarea > .data {
    margin-top: 0;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols3 > .item .splide__pagination {
    bottom: -18px;
  }

  .okayama-stay.-okayama.okayama-section {
    padding: 70px 0 0;
  }

  .okayama-stay.-okayama > .wrap > .inner > .content > .body {
    margin-top: 20px;
  }

  .okayama-stay.-ikasa.okayama-section {
    padding: 70px 0 80px;
  }

  .okayama-stay.-ikasa > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .area {
    margin: 1.2em 0 0;
  }

  .okayama-stay.-ikasa > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .linkarea > .link + .link {
    margin-top: 14px;
  }

  .okayama-stay.-maniwa > .wrap > .inner > .content > .body {
    margin-top: 20px;
  }

  .okayama-topics {
    margin: 0 auto;
  }

  .okayama-topics > .wrap {
    margin: 0 4.6875%;
    padding: 70px 0 0;
  }

  .okayama-topics > .wrap > .logo {
    position: absolute;
    top: -44px;
    left: 0;
    width: 120px;
    height: 120px;
  }

  .okayama-topics > .wrap > .logo > .text > span {
    font-size: 1.2rem;
    line-height: 1.6667;
    -webkit-transform: none;
    transform: none;
  }

  .okayama-topics > .wrap > .logo > .text > span + span {
    -webkit-transform: none;
    transform: none;
    font-size: 1.9rem;
    line-height: 1.0526;
  }

  .okayama-topics > .wrap > .inner > .content > .body {
    margin-top: -30px;
  }

  .okayama-topics > .wrap > .inner > .content > .body > .list::after {
    left: auto;
    position: absolute;
    top: -40px;
    right: 8.4375vw;
    width: 11.1207%;
    height: 6.4844vw;
  }

  .okayama-topics.-okayama > .wrap > .inner > .deco {
    width: 194px;
    height: 50px;
  }

  .okayama-topics.-okayama > .wrap > .inner > .deco.-item1 {
    bottom: 60px;
    left: -3.125%;
  }

  .okayama-topics.-okayama > .wrap > .inner > .deco.-item2 {
    bottom: auto;
    top: 532px;
    right: -1.7188%;
  }

  .okayama-topics.-okayama > .wrap > .inner > .content > .body {
    margin-top: -20px;
  }

  .okayama-topics.-maniwa > .wrap > .inner > .deco {
    width: 77px;
    height: 68px;
  }

  .okayama-topics.-maniwa > .wrap > .inner > .deco.-item1 {
    top: 347px;
    left: 1.1719%;
  }

  .okayama-topics.-maniwa > .wrap > .inner > .deco.-item2 {
    bottom: auto;
    top: 137px;
    right: 1.4063%;
  }

  ._sp:not(._tb):not(._pc) {
    display: none !important;
  }

  ._fz-xs {
    font-size: 1rem !important;
    line-height: 2.2 !important;
  }

  ._fz-s {
    font-size: 1.2rem !important;
    line-height: 1.8333 !important;
  }

  ._fz-m {
    font-size: 1.6rem !important;
    line-height: 1.625 !important;
  }

  ._fz-l {
    font-size: 2rem !important;
    line-height: 1.5 !important;
  }

  ._fz-xl {
    font-size: 2.6rem !important;
    line-height: 1.3846 !important;
  }

  ._fz-xxl {
    font-size: 3.6rem !important;
    line-height: 1.2778 !important;
  }
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure::after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media screen and (max-width: 767px) {
  #wrap-container + .global-pagetop-box.is-show .global-pagetop-inner {
    padding-right: 5.3333%;
  }

  .okayama-info.-ikasa-okayama {
    -webkit-transform: none;
    transform: none;
    margin-top: 1em;
    margin-left: 0;
  }

  .okayama-info.-ikasa-okayama::before {
    left: 20px;
    bottom: 23px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .okayama-info.-ikasa-okayama::after {
    left: 23px;
    bottom: 23px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .okayama-info.-ikasa-hiroshima {
    -webkit-transform: none;
    transform: none;
    margin-top: 1em;
    margin-left: 0;
  }

  .okayama-info.-ikasa-hiroshima::before {
    left: 20px;
    bottom: 23px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .okayama-info.-ikasa-hiroshima::after {
    left: 23px;
    bottom: 23px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  ._tb:not(._sp):not(._pc) {
    display: none !important;
  }

  ._tb._pc:not(._sp) {
    display: none !important;
  }

  ._sp-hide {
    display: none !important;
  }

  ._sp-m0 {
    margin: 0 !important;
  }

  ._sp-mt0 {
    margin-top: 0 !important;
  }

  ._sp-mb0 {
    margin-bottom: 0 !important;
  }

  ._sp-ml0 {
    margin-left: 0 !important;
  }

  ._sp-mr0 {
    margin-right: 0 !important;
  }

  ._sp-ta-l {
    text-align: left !important;
  }

  ._sp-ta-r {
    text-align: right !important;
  }

  ._sp-ta-c {
    text-align: center !important;
  }

  ._sp-ta-j {
    text-align: justify !important;
  }

  ._sp-nowrap {
    white-space: nowrap !important;
  }

  ._sp-wrap {
    white-space: wrap !important;
  }
}
@media screen and (min-width: 1280px) {
  .okayama-carousel > .splide.-main {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .okayama-colmun.-okayama > .wrap > .inner > .content::before {
    position: absolute;
    top: 260px;
    right: -40px;
    width: 404px;
    height: 404px;
  }

  .okayama-colmun.-okayama.-reverse > .wrap > .inner > .content::before {
    position: absolute;
    top: 260px;
    left: -40px;
  }

  .okayama-colmun.-maniwa > .wrap > .inner > .content::before {
    position: absolute;
    top: 243px;
    right: -80px;
    width: 388px;
    height: 404px;
  }

  .mfp-container {
    padding: 70px 60px;
  }

  .mfp-content {
    width: 1160px;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .map > .wrap.-accesstable > .table {
    overflow: hidden;
  }

  .okayama-intro.-maniwa > .wrap > .inner > .content > .body > .wrap > .anchor {
    bottom: 20px;
  }

  .okayama-mv > .wrap > .inner > .nav > .list > .item > .link {
    padding: 38px 34px 54px;
  }

  .okayama-mv.-okayama > .wrap > .inner > .nav > .list > .item > .link {
    padding: 34px 32px 58px;
  }

  .okayama-mv.-okayama > .wrap > .inner > .nav > .list > .item:nth-child(2) > .link {
    padding: 34px 32px 58px;
  }

  .okayama-mv.-okayama > .wrap > .inner > .nav > .list > .item:nth-child(2) > .link::after {
    top: 75px;
  }

  .okayama-mv.-okayama > .wrap > .inner > .nav > .list > .item > .link.-lines {
    text-align: center;
    padding: 22px 28px 48px;
  }

  .okayama-mv.-ikasa > .wrap > .inner > .nav > .list > .item > .link {
    padding: 38px 34px 54px;
  }

  .okayama-mv.-ikasa > .wrap > .inner > .nav > .list > .item:first-child > .link {
    padding-left: 44px !important;
  }

  .okayama-mv.-maniwa > .wrap > .inner > .nav > .list > .item > .link {
    padding: 38px 20px 54px;
    font-size: 2rem;
    line-height: 1;
  }

  .okayama-mv.-maniwa > .wrap > .inner > .nav > .list > .item:first-child > .link {
    padding-left: 24px !important;
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content > .time > .num {
    font-size: 2.2rem;
    line-height: 1.3182;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .list > .item > .linkarea > .link::after,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .linkarea > .link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 11.7021%;
    width: 5px;
    height: 5px;
  }

  .okayama-topics > .wrap > .inner > .content > .body > .list::after {
    position: absolute;
    top: -40px;
    right: 108px;
    width: 129px;
    height: 83px;
  }

  ._wide-hide {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .okayama-carousel > .splide.-thumbnail .splide__slide:hover > .img::after {
    opacity: 1;
  }

  a.okayama-link:hover {
    color: #42affc;
  }

  a.okayama-linkbox:hover {
    color: #000;
  }

  a.okayama-linkbox:hover::before {
    width: 0%;
    right: 0;
    left: auto;
  }

  a.okayama-linkbox.-ikasa:hover {
    color: #ecc820;
  }

  .okayama-modal > .close {
    -webkit-transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: background-color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .okayama-modal > .close:hover {
    background-color: #f4f4f4;
  }

  .okayama-modal.-okayama > .close:hover {
    background-color: #42affc;
  }

  .okayama-modal.-ikasa > .close:hover {
    background-color: #ecc820;
  }

  .okayama-modal.-maniwa > .close:hover {
    background-color: #56c256;
  }

  .okayama-movie.-okayama:hover .bc-player-R0ZdULRjcs_default .vjs-big-play-button {
    background-color: #006ad2;
  }

  .okayama-movie.-maniwa:hover .bc-player-R0ZdULRjcs_default .vjs-big-play-button {
    background-color: #008a20;
  }

  .okayama-movie.-ikasa:hover .bc-player-R0ZdULRjcs_default .vjs-big-play-button {
    background-color: #f09903;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .note .okayama-link:hover,
.okayama-access > .wrap > .inner > .content > .body > .section > .body > .note .okayama-link:hover,
.okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .inner > .note .okayama-link:hover {
    color: #56c256;
  }

  .okayama-access.-okayama > .wrap > .inner > .content > .body > .section > .note > .okayama-link:hover {
    color: #42affc;
  }

  .okayama-access.-ikasa > .wrap > .inner > .content > .body > .section > .wrap > .inner > .note .okayama-link:hover {
    color: #ecc820;
  }

  .okayama-access.-maniwa > .wrap > .inner > .content > .body > .section > .body > .map > .wrap > .text > .note .okayama-link:hover {
    color: #56c256;
  }

  .okayama-area > .wrap > .inner > .content > .body > .list > .item > .link:hover .img img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }

  .okayama-infomation.-okayama > .wrap > .inner > .content > .body > .section > .header > .heading > .link:hover {
    color: #42affc;
  }

  .okayama-infomation.-maniwa > .wrap > .inner > .content > .body > .section > .header > .heading > .link:hover {
    color: #56c256;
  }

  .okayama-infomation.-maniwa > .wrap > .inner > .content > .body > .section > .body > .text > p > .okayama-link:hover {
    color: #56c256;
  }

  .okayama-intro > .wrap > .inner > .content > .body > .wrap > .anchor > .okayama-link:hover > .arrow {
    background-color: #1f1f1f;
  }

  .okayama-intro > .wrap > .inner > .content > .body > .wrap > .anchor > .okayama-link:hover > .arrow::after {
    border-color: #fff;
  }

  .okayama-mv > .wrap > .inner > .caption {
    position: absolute;
    bottom: 115px;
    right: 9.375%;
  }

  .okayama-mv > .wrap > .inner > .nav {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .okayama-mv > .wrap > .inner > .nav > .list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: 0;
  }

  .okayama-mv > .wrap > .inner > .nav > .list > .item {
    width: auto;
  }

  .okayama-mv > .wrap > .inner > .nav > .list > .item::before {
    position: absolute;
    top: 35px;
    left: 0;
    bottom: auto;
    width: 1px;
    height: 30px;
  }

  .okayama-mv > .wrap > .inner > .nav > .list > .item:first-child::before {
    content: none;
  }

  .okayama-mv > .wrap > .inner > .nav > .list > .item > .link:hover::before {
    width: calc(100% + 1px);
    left: 0;
    right: auto;
  }

  .okayama-mv > .wrap > .inner > .nav > .list > .item > .link:hover::after {
    -webkit-transform: rotate(135deg) translateX(30%) translateY(0%);
    transform: rotate(135deg) translateX(30%) translateY(0%);
  }

  .okayama-mv > .wrap > .inner > .nav > .list > .item > .link::after {
    position: absolute;
    top: 75px;
    left: 50%;
    right: auto;
  }

  .okayama-mv.-okayama > .wrap > .inner > .nav > .list > .item::before {
    position: absolute;
    top: 30px;
    left: 0;
  }

  .okayama-mv.-ikasa > .wrap > .inner > .nav > .list > .item:last-child > .link {
    padding-right: 44px;
  }

  .okayama-mv.-maniwa > .wrap > .inner > .nav > .list > .item:last-child > .link {
    padding-right: 24px;
  }

  .okayama-route > .wrap > .inner > .content > .body > .list > .item > .link:hover .img img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }

  .okayama-route > .wrap > .inner > .content > .body > .section > .body > .wrap > .list > .item > .content.-sea .text.-taxi {
    margin-left: -2.7248%;
  }

  .okayama-route.-maniwa > .wrap > .inner > .content > .body > .list > .item > .link:hover {
    color: #56c256;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .list > .item > .linkarea > .link,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .linkarea > .link {
    padding: 0.65em 0.6em 0.55em;
    margin: 0 8.078%;
    font-size: 1.6rem;
    line-height: 1.625;
  }

  .okayama-stay > .wrap > .inner > .content > .body > .list > .item > .linkarea > .link:hover,
.okayama-stay > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .linkarea > .link:hover {
    background-color: #c33c00;
  }

  .okayama-stay.-okayama > .wrap > .inner > .content > .body > .list > .item > .title:hover > .link {
    color: #42affc;
  }

  .okayama-stay.-ikasa > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .title:hover > .link {
    color: #e68e12;
  }

  .okayama-stay.-ikasa > .wrap > .inner > .content > .body > .okayama-list.-cols1 > .item > .body > .textarea > .linkarea > .link {
    margin: 0 36.1702% 0 0;
  }

  .okayama-stay.-maniwa > .wrap > .inner > .content > .body > .list > .item > .title:hover > .link {
    color: #56c256;
  }

  .okayama-topics > .wrap > .inner > .content > .body > .list > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 87.931%;
    margin: 60px auto 0;
  }

  .okayama-topics > .wrap > .inner > .content > .body > .list > .item > .text {
    width: 52.9412%;
    padding: 4.902% 5.3922% 4.902% 6.3725%;
  }

  .okayama-topics > .wrap > .inner > .content > .body > .list > .item > .text > .lead {
    font-size: 1.8rem;
    line-height: 2.1111;
    letter-spacing: 0.06em;
  }

  .okayama-topics > .wrap > .inner > .content > .body > .list > .item > .text p {
    font-size: 1.6rem;
    line-height: 1.875;
    letter-spacing: 0.06em;
  }

  .okayama-topics > .wrap > .inner > .content > .body > .list > .item > .text > .title > span {
    padding: 0 5px 4px;
    font-size: 2rem;
    line-height: 1.9;
  }

  .okayama-topics > .wrap > .inner > .content > .body > .list > .item > .img {
    width: 47.0588%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .okayama-topics > .wrap > .inner > .content > .body > .list > .item > .img > .caption {
    position: absolute;
    bottom: 5px;
    right: 5px;
  }

  ._sp._tb:not(._pc) {
    display: none !important;
  }

  ._tb:not(._sp):not(._pc) {
    display: none !important;
  }

  ._pc-hide {
    display: none !important;
  }

  ._pc-m0 {
    margin: 0 !important;
  }

  ._pc-mt0 {
    margin-top: 0 !important;
  }

  ._pc-mb0 {
    margin-bottom: 0 !important;
  }

  ._pc-ml0 {
    margin-left: 0 !important;
  }

  ._pc-mr0 {
    margin-right: 0 !important;
  }

  ._pc-ta-l {
    text-align: left !important;
  }

  ._pc-ta-r {
    text-align: right !important;
  }

  ._pc-ta-c {
    text-align: center !important;
  }

  ._pc-ta-j {
    text-align: justify !important;
  }

  ._pc-nowrap {
    white-space: nowrap !important;
  }

  ._pc-wrap {
    white-space: wrap !important;
  }
}
@media screen and (max-width: 374px) {
  .okayama-info {
    margin-left: 5.3731vw;
    font-size: 2.9333vw;
    line-height: 5.3333vw;
  }

  .okayama-access > .wrap > .inner > .content > .body > .section > .wrap > .inner > .heading {
    font-size: 5.0667vw;
    line-height: 7.4667vw;
  }

  .okayama-mv > .wrap > .inner > .nav > .list > .item > .link {
    font-size: 4.2667vw;
    line-height: 4.2667vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .okayama-mv > .wrap > .inner > .nav > .list > .item > .link {
    padding: 38px 2.6563vw 54px;
  }

  .okayama-mv.-okayama > .wrap > .inner > .nav > .list > .item > .link {
    padding: 34px 2.6563vw 58px;
  }

  .okayama-mv.-okayama > .wrap > .inner > .nav > .list > .item:nth-child(2) > .link {
    padding: 34px 2.6563vw 58px;
  }

  .okayama-mv.-okayama > .wrap > .inner > .nav > .list > .item:nth-child(2) > .link::after {
    top: 75px;
  }

  .okayama-mv.-okayama > .wrap > .inner > .nav > .list > .item > .link.-lines {
    text-align: center;
    padding: 22px 2.1875vw 48px;
  }

  .okayama-mv.-ikasa > .wrap > .inner > .nav > .list > .item:first-child > .link {
    padding-left: 3.4375vw;
  }

  .okayama-mv.-ikasa > .wrap > .inner > .nav > .list > .item:last-child > .link {
    padding-right: 3.4375vw;
  }

  .okayama-mv.-maniwa > .wrap > .inner > .nav > .list > .item > .link {
    padding: 38px 1.5625vw 54px;
    font-size: 1.6rem;
    line-height: 1.25;
  }

  .okayama-mv.-maniwa > .wrap > .inner > .nav > .list > .item:first-child > .link {
    padding-left: 1.875vw;
  }

  .okayama-mv.-maniwa > .wrap > .inner > .nav > .list > .item:last-child > .link {
    padding-right: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  ._sp._pc:not(._tb) {
    display: none !important;
  }

  ._tb-hide {
    display: none !important;
  }

  ._tb-m0 {
    margin: 0 !important;
  }

  ._tb-mt0 {
    margin-top: 0 !important;
  }

  ._tb-mb0 {
    margin-bottom: 0 !important;
  }

  ._tb-ml0 {
    margin-left: 0 !important;
  }

  ._tb-mr0 {
    margin-right: 0 !important;
  }

  ._tb-ta-l {
    text-align: left !important;
  }

  ._tb-ta-r {
    text-align: right !important;
  }

  ._tb-ta-c {
    text-align: center !important;
  }

  ._tb-ta-j {
    text-align: justify !important;
  }

  ._tb-nowrap {
    white-space: nowrap !important;
  }

  ._tb-wrap {
    white-space: wrap !important;
  }
}
@media screen and (max-width: 1023px) {
  ._pc:not(._sp):not(._tb) {
    display: none !important;
  }
}
@media screen and (max-width: 1279px) {
  ._wide {
    display: none !important;
  }
}