@charset "UTF-8";
/*
 Theme Name:   Godios. for 新日本海フェリー
 Author:       Wiz
 Author URI:   https://simmon.design/
 Template:     godios
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  godios-child
*/
/*------------------------
     共通部分 (接頭辞: c-)
------------------------*/
/* タイトル横に紺色の帯 */
/* タイトル横にアイコン画像があるパターン */
/* .c-icon-title-b:before,
.c-icon-title-a:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
} */
/* タイトル横にアイコン画像があるパターン -> URL (c-icon-title-XXXXXX カラーコード等で分ける) */
/* .c-icon-title.c-icon-title-9D942E:before {
    background-image: url(/cms/wp-content/themes/godios-child/images/common/title-icon.png);
    position: relative;
    bottom: 3px;
} */
/*------------------------
     ヘッダー一段目
------------------------*/
/* .sub-menu>li:before {
    content: '';
    width: 30px;
    height: 6px;
    margin-top: -10px;
    border: 0;
    border-bottom: solid 1px #3F4352;
    border-right: solid 1px #3F4352;
    position: absolute;
    top: 50%;
    right: 4%;
    transform: skew(45deg);
} */
/*------------------------
     ヘッダー二段目
------------------------*/
/*------------------------
    ボックス全体
------------------------*/
/*------------------------
    ラベル
------------------------*/
/*------------------------
    チェックボックスを非表示にする
------------------------*/
/*------------------------
    中身を非表示にしておく
------------------------*/
/*------------------------
    クリックで中身を表示
------------------------*/
/* 一件しかない場合はボタンが表示されないのでマージンもオフ */
/*------------------------
    アイコン
------------------------*/
/*------------------------
    クリックでアイコン入れ替え
------------------------*/
/*------------------------
    タブ切り替え全体のスタイル
------------------------*/
/*------------------------
    ラジオボタンを全て消す
------------------------*/
/*------------------------
     タブメニュー
------------------------*/
/*------------------------
     メイン
------------------------*/
/* .detail-link:after {
    content: '';
    width: 30px;
    height: 6px;
    margin: auto 0 auto auto;
    border-bottom: solid 1px white;
    border-right: solid 1px white;
    transform: skew(45deg);
}*/
/* .detail-link.other-page:before {
    margin-left: 130px;
} */
/* .detail-link-black:after {
    content: '';
    width: 27px;
    height: 6px;
    margin: 0.4em 0 0 0.5em;
    border-bottom: solid 1px black;
    border-right: solid 1px black;
    transform: skew(45deg);
    position: absolute;
} */
/*------------------------
     後日削除
------------------------*/
/*------------------------
     フッター
------------------------*/
/*------------------------
     トップページ
------------------------*/
/*------------------------
     モーダルウィンドウ
------------------------*/
/*------------------------
     トップページ
------------------------*/
/*------------------------
     トップページ（重要なお知らせ）
------------------------*/
/*------------------------
     トップページ（おすすめ情報）
------------------------*/
/*------------------------
     トップページ（船旅の魅力）
------------------------*/
/*------------------------
     トップページ（寄港地の魅力）
------------------------*/
/*------------------------
     トップページ （GUIDE)
------------------------*/
/* .other-page-img {
    position: relative;
} */
/*------------------------
     トップページ（お知らせ）
------------------------*/
/*------------------------
     トップページ（インスタグラム）
------------------------*/
/*------------------------
     トップページ（Instagram）
------------------------*/
/* .top-instagram {
        margin: 0 0 5%;
    } */
/*------------------------
     固定ページ
------------------------*/
/* .cont-list-title h2:before,
.cont-list-title h2:after,
.entry-top.ship-room .ship-room-header h1.entry-title:before {
    content: '';
    display: inline-block;
    width: 45px;
    height: 35px;
    background: url(/cms/wp-content/themes/godios-child/images/common/title-icon.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    background-position: center;
} */
/*------------------------
     船旅でのおくつろぎ
------------------------*/
/* h2.enjoy-title:before {
    background: url(/cms/wp-content/themes/godios-child/images/attraction/attraction-enjoy.png) no-repeat;
    content: '';
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: -6px;
    transform: rotate(-135deg);
}

h2.enjoy-title:after {
    background: url(/cms/wp-content/themes/godios-child/images/attraction/attraction-enjoy.png) no-repeat;
    content: '';
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    right: -6px;
    transform: rotate(46deg);
} */
/* h2.gourmet-title:before {
    background: url(/cms/wp-content/themes/godios-child/images/attraction/attraction-gourment.png) no-repeat;
    content: '';
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: -6px;
    transform: rotate(-135deg);
}

h2.gourmet-title:after {
    background: url(/cms/wp-content/themes/godios-child/images/attraction/attraction-gourment.png) no-repeat;
    content: '';
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    right: -6px;
    transform: rotate(46deg);
} */
/* h2.comfort-title:before {
    background: url(/cms/wp-content/themes/godios-child/images/attraction/attraction-bathing.png) no-repeat;
    content: '';
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: -6px;
    transform: rotate(-135deg);
}

h2.comfort-title:after {
    background: url(/cms/wp-content/themes/godios-child/images/attraction/attraction-bathing.png) no-repeat;
    content: '';
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    right: -6px;
    transform: rotate(46deg);
} */
/*------------------------
     楽しむ
------------------------*/
/*------------------------
     食べる
------------------------*/
/*------------------------
     ご入浴
------------------------*/
/*------------------------
     各船施設 サービス時間のご案内
------------------------*/
/*------------------------
     船旅プランとおすすめ情報
------------------------*/
/* .enjoy-cruise-title:before {
    background: url(/cms/wp-content/themes/godios-child/images/tour/plan-recommended.png) no-repeat;
    content: '';
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    right: -5px;
    transform: rotate(46deg);
}

.enjoy-cruise-title:after {
    background: url(/cms/wp-content/themes/godios-child/images/tour/plan-recommended.png) no-repeat;
    content: '';
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    left: -5px;
    transform: rotate(-135deg);
} */
/* .detail-link.list-page-link:before {
    margin-left: 100px;
} */
/*------------------------
     おすすめ情報一覧
------------------------*/
/*------------------------
     パッケージツアー一覧
------------------------*/
/*------------------------
     モデルコース一覧
------------------------*/
/*------------------------
     船舶紹介
------------------------*/
/*------------------------
     船舶紹介
------------------------*/
/*------------------------
     客室紹介
------------------------*/
/*------------------------
     船内施設紹介
------------------------*/
/* .detail-link.facilities_movie:before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 21px;
    background: url(/cms/wp-content/themes/godios-child/images/ship/camera-mark_1.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    background-position: center;
    margin-right: 9px;
} */
/*------------------------
     デッキプラン
------------------------*/
/*------------------------
     乗船ガイド
------------------------*/
/*------------------------
    航路一覧
------------------------*/
/*------------------------
     時刻表・運行スケジュール
------------------------*/
/* .ship-room-menu-inner.searoute-menu-inner.on {
    right: 10%;
} */
/* アクティブなタブ */
/* ラジオボタン非表示 */
/*------------------------
     運賃
------------------------*/
/*------------------------
     割引
------------------------*/
/*------------------------
     のりば・アクセス
------------------------*/
/*------------------------
     のりばアクセス詳細
------------------------*/
/*------------------------
     船上から見える景色
------------------------*/
/*------------------------
     カフェ
------------------------*/
/*------------------------
     ショップ・アミューズメント
------------------------*/
/*------------------------
     レストラン
------------------------*/
/*------------------------
     グリル
------------------------*/
/*------------------------
     グリル詳細
------------------------*/
/*------------------------
     寄港便ダイヤ
------------------------*/
/*------------------------
     ムービーギャラリー
------------------------*/
/*------------------------
     壁紙ギャラリー
------------------------*/
/*------------------------
     Engliesh
------------------------*/
/*------------------------
     Engliesh Period
------------------------*/
/*------------------------
     採用情報
------------------------*/
/*------------------------
     サイトマップ
------------------------*/
/*------------------------
     デジタルパンフレット
------------------------*/
/*------------------------
     サイト内検索結果
------------------------*/
/*------------------------
     レスポンシブ定義
------------------------*/
/*------------------------
     お客様アンケート
------------------------*/
html {
  font-size: 57%;
}

#header {
  position: relative;
  z-index: 999;
  min-width: 1170px;
}

.c-title {
  font-weight: normal;
  font-size: 1.2em;
  letter-spacing: 0.09em;
  text-align: left;
  color: #000;
  margin: 1em 0;
  border-left: solid 8px #031c83;
  line-height: 2.7rem;
  padding-left: 1.5%;
}

.c-icon-title {
  font-weight: normal;
  letter-spacing: 0.09em;
  line-height: 45px;
  color: #000;
}

.c-icon-title.c-icon-title-707070:before {
  background-image: url(/cms/wp-content/themes/godios-child/images/common/title-icon-707070.png);
  width: 40px;
  background-size: 80%;
  position: relative;
  bottom: 4px;
}

.c-icon-title-b.c-icon-title.c-icon-title-707070 {
  font-size: 1.6rem;
  border-left: solid 7px #aaa;
  line-height: 3rem;
  padding-left: 10px;
  margin: 0 0 1% 1%;
}

.c-hr-dashed {
  border: 0.5px dashed #aaa;
}

#topbar {
  background: #ffffff;
  height: 45px;
}

#logo {
  width: 20%;
}

#logo > a img {
  width: 100%;
  max-width: 100%;
  padding-left: 20%;
}

#gnav {
  right: 4%;
  font-weight: bold;
}

#gnav a {
  font-family: Noto Serif JP;
  color: #031C83;
  line-height: 2.4rem;
}

#gnav a:hover {
  color: #666;
}

.gnav:before {
  border-left: solid 1px white;
  position: absolute;
  top: 13px;
  height: 25px;
}

.gnav:after {
  border-left: solid 1px white;
  position: absolute;
  top: 13px;
  height: 25px;
  right: 0;
}

.gnav > li {
  height: 25px;
  margin-top: 11px;
}

.gnav > li > a {
  padding: 2.5px 14px !important;
}

.gnav > li:hover > ul > li {
  width: 100%;
  height: auto;
  padding-right: 0;
}

.gnav li.nav_arrow {
  border-left: solid 1px #031C83;
}

.gnav li.nav_arrow:nth-last-of-type(2) {
  border-right: solid 1px #031C83;
}

.sub-menu {
  width: 100%;
  padding: 5% 8.5%;
  top: 33px;
  background-color: #f0f0f0;
  opacity: 1;
}

.sub-menu a {
  color: #3F4352 !important;
}

.sub-menu > li {
  position: relative;
}

.nav_arrow.nav_ship_arrow > .sub-menu {
  width: 300px;
  overflow-y: auto;
  max-height: calc(90vh - 100px);
}

.nav_arrow.nav_ship_arrow > .sub-menu li > a {
  line-height: 2.5rem !important;
}

li ul.sub-menu li ul.sub-menu {
  visibility: visible;
  display: inline;
  position: inherit;
  top: 0;
}

li ul.sub-menu li ul.sub-menu > li {
  display: inline;
}

li ul.sub-menu li ul.sub-menu > li a {
  padding: 0;
}

#entry-content {
  margin: 0;
  background: url(/cms/wp-content/themes/godios-child/images/top/reco-info-back.png) no-repeat;
  background-size: 100% 90%;
}

#entry-content ul > li:nth-of-type(odd)::before {
  display: none !important;
}

#entry-content ul > li:nth-of-type(even)::before {
  display: none !important;
}

#entry-content .other-page-img {
  width: 50%;
  display: block;
  margin: 0 auto;
}

.slick-list.draggable a {
  color: #000 !important;
}

.sp-navi {
  display: none;
}

.pc-navi {
  display: block;
}

.sp_navmenu {
  display: none !important;
}

#sub-header {
  padding: .5rem 0;
  font-size: 1.4rem;
  color: white;
  background-color: #536983;
}

@media (max-width: 993px) {
  #sub-header {
    background-color: transparent;
  }
}

.search-icon {
  fill: white;
  height: 20px;
  width: 20px;
}

.switchbox {
  width: 100%;
  margin: 10px 0;
  padding: 0;
  font-family: Noto Serif JP;
}

.switchbox p {
  font-size: 1.4rem;
  margin: 0.5% 0;
}

.switchbox a {
  color: #fff;
}

.switchbox label {
  display: block;
  font-weight: bold;
  cursor: pointer;
}

.switchbox input {
  display: none;
}

.switchbox input:checked + label + div {
  height: auto;
  opacity: 1;
}

.switchbox div {
  height: 0;
  overflow-y: hidden;
  transition: 0.8s;
  opacity: 0;
}

.switchbox:not(.accordion) label .topnews-category {
  margin-left: 0;
  margin-top: 0;
}

.topnews-category {
  margin: 0 1%;
  padding: 0 1%;
  border-radius: 30pc;
  margin-left: 120px;
  background-color: #fff;
  color: #242733;
}

.topnews-category.attention {
  background-color: #b02b41;
  color: #fff;
}

.switchbox.accordion label::before {
  content: "\002B\3000\958B\304F";
  position: absolute;
  font-family: Noto Serif JP;
  padding: 0 1%;
  border: solid 1px white;
  border-radius: 30px;
  width: 110px;
}

.switchbox.accordion input:checked + label::before {
  content: "\00D7\3000\9589\3058\308B";
  position: absolute;
  font-family: Noto Serif JP;
  padding: 0 1%;
  border: solid 1px white;
  border-radius: 30px;
}

#topbar-search-btn {
  position: static;
  display: none;
}

#topbar-search-btn .search-form {
  position: relative;
}

#topbar-search-btn .search-submit {
  position: absolute;
  right: 0;
  top: 1rem;
  cursor: pointer;
}

#topbar-search-btn .search-submit .search-icon {
  fill: #242733;
}

.sub-header-container {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  margin: 0 auto;
  max-width: 1400px;
  transition: all .5s 0s ease-in-out;
  padding: 0 4%;
}

.sub-header-right {
  font-family: Noto Serif JP;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  margin: 2px 0 4px;
}

.change {
  display: inline-flex;
  width: 100%;
  white-space: nowrap;
  padding-left: 5%;
}

.change img {
  width: 30px;
  height: auto;
  padding-right: 0.5%;
}

.font-control-border {
  border-left: solid 1px white;
  margin: 0 4%;
}

body.f-big {
  font-size: 16px;
}

.padding-font-control {
  padding: 0.2em 0.5em;
  text-align: center;
  color: #EDD9D5;
}

.cursor-pointer {
  cursor: pointer;
}

.font-switch-on {
  background-color: white;
  color: #242733;
  border-radius: 1em;
}

#search-field-header {
  width: 22rem;
}

.change.rss img {
  width: auto;
  height: 20px;
}

.tabs {
  font-family: Noto Serif JP;
  margin: 4% auto 0;
  padding-bottom: 1.5%;
}

.tabs input:checked + .tab_item {
  background-color: #3F4352;
  color: #fff;
}

.tab_item {
  width: calc( 100%/5 - 0.6%);
  height: 40px;
  margin: 0 0.3%;
  border-bottom: 3px solid #242733;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  color: #b4b6c1;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}

.tab_item:hover {
  opacity: 0.5;
}

input[name="tab_item"] {
  display: none;
}

.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}

#all:checked ~ #all_content {
  display: block;
}

#reco-info:checked ~ #reco-info_content {
  display: block;
}

#plan {
  margin-top: 3%;
}

#plan:checked ~ #plan_content {
  display: block;
}

#model:checked ~ #model_content {
  display: block;
}

#discount:checked ~ #discount_content {
  display: block;
}

#event:checked ~ #event_content {
  display: block;
}

.tab-menu_header {
  font-size: 1.6rem;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  position: fixed;
  z-index: 1;
  font-family: Noto Serif JP;
  top: calc(100vh - 70px);
  right: 60px;
}

.tab-menu_header img {
  width: 15px;
}

.tab-link {
  width: 40px;
  padding: 12px 6px;
  border-radius: 4px;
  letter-spacing: 4px;
  top: 175px;
  background-color: #1A436D;
}

.tab-link a {
  color: white;
  font-weight: bold;
}

.inquiry {
  width: 40px;
  padding: 12px 6px;
  border-radius: 4px;
  letter-spacing: 4px;
  height: 157px;
  margin-right: 5px;
  background-color: #BEAB6A;
}

.inquiry label {
  display: block;
  font-weight: bold;
  cursor: pointer;
}

.inquiry label::before {
  content: none;
  padding-right: 8px;
  position: absolute;
  top: 20px;
  left: 300px;
  font-family: 'Font Awesome 5 Free';
  font-weight: normal;
  font-size: 2.5rem;
}

.inquiry input {
  display: none;
}

.inquiry input:checked + label + div {
  height: auto;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 4px;
  background-color: #BEAB6A;
}

.inquiry input:checked + label::before {
  content: '\02715';
}

.inquiry div {
  overflow-y: hidden;
  transition: 0.8s;
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  -o-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb;
}

.inquiry-cont {
  padding: 37px 43px;
  font-weight: bold;
}

.inquiry-cont h1 {
  width: 320px;
  color: white;
  font-size: 1.8rem;
  text-align: center;
}

.inquiry-select {
  font-size: 1.5rem;
  border-top: solid 1px;
  border-bottom: solid 1px;
  margin: 0 auto;
}

.inquiry-tit {
  padding-left: 10px;
}

.select-input {
  padding: 14px 10px 14px 8px;
}

.select-day {
  margin-bottom: 0;
  color: black;
  background-color: white;
  font-size: 1.3rem;
  padding: 8px 10px;
  width: 100%;
}

.select-day img {
  width: 20px;
  padding-bottom: 2px;
}

.inquiry-place {
  border-top: solid 1px;
}

select {
  width: 100%;
  padding: 8px 10px;
  font-family: Noto Serif JP;
  font-size: 1.3rem;
  color: black;
  background-color: white;
}

.change-plase {
  text-align: right;
  font-size: 1.3rem;
  letter-spacing: 0.2rem;
}

.change-plase span {
  cursor: pointer;
}

.change-plase span:hover {
  border-bottom: solid 0.5px;
}

.detail-link.inquiry-serch {
  width: 160px;
  height: 32px;
  padding: 1.5% 6%;
  border-radius: 0;
  background-color: #625835;
  margin-left: 87px;
}

.detail-link.inquiry-serch button {
  font-family: Noto Serif JP;
  cursor: pointer;
}

.detail-link.inquiry-serch button:hover {
  color: #b4b6c1 !important;
}

body {
  color: black;
  background-color: white;
}

a {
  font-family: Noto Serif JP;
}

a:hover {
  opacity: 0.7;
}

a:hover .info-image-content {
  position: relative;
  z-index: -1;
}

a > img:hover {
  box-shadow: none;
}

img {
  width: 100%;
}

#godios-wrapper {
  width: 80%;
  width: 100%;
}

#wrapper {
  font-family: Noto Serif JP;
  margin-top: 4%;
}

#entry {
  margin-top: 0;
  padding: 0;
  background: none;
}

#entry a:hover {
  color: #b4b6c1 !important;
}

.entry-top > header {
  padding: 0 20px;
}

.entry-top > .no-img > .entry-title {
  color: #031C83;
}

.entry-top > .no-img > .entry-title.top-title {
  display: none;
}

.entry-top > .entry-image {
  position: relative;
  width: 100%;
  -webkit-mask-image: url(/cms/wp-content/themes/godios-child/images/top/top-slide-mask.png);
  -webkit-mask-size: cover;
  -webkit-mask-position-y: 350px;
}

.entry-top > .entry-image > img {
  -webkit-filter: none;
  filter: none;
  width: 100%;
  height: 350px;
  margin: 0;
}

.entry-top > .entry-image::after {
  background-color: transparent;
  background: url(/cms/wp-content/themes/godios-child/images/common/pagetitle-back.png) no-repeat;
  background-size: 800px 400px;
  background-position: -180px -110px;
  opacity: 0.8;
}

.entry-meta {
  display: none;
}

.entry-top-page.no-img {
  height: auto;
}

.detail-link {
  width: 70%;
  margin: 7% auto 0;
  padding: 1.5% 17%;
  border-radius: 3px;
  background-color: #3F4352;
  color: white !important;
  font-weight: bold;
  text-align: center;
}

.detail-link a {
  color: white !important;
}

.detail-link.other-page {
  width: fit-content;
  padding: 0.5% 4%;
  margin-top: 5%;
}

.detail-link.news-list-link {
  width: 18%;
  padding: 0.5% 4%;
  margin-top: 5%;
}

.detail-link.room-link {
  margin: 6% 0 0;
  padding: 1% 4.5%;
  background-color: #3F4352;
  width: 30%;
}

.page-numbers {
  border: solid 1px #15375a;
  padding: 0 0.5%;
}

.page-numbers.current {
  background: #15375a;
  color: white;
}

.prev.page-numbers {
  padding-right: 0;
  margin-right: 1%;
}

.next.page-numbers {
  margin-left: 0.5%;
}

.detail-carousel {
  width: 8%;
  margin: 0 auto;
  border: dotted 5px #bbbdc5;
}

#footer {
  margin-top: 0;
  background-color: #15375a;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.footer {
  width: 90%;
  margin: 0 auto;
  padding-top: 2.5%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.top-content.footer-content {
  margin: 0 auto;
  padding: 33px 0 22px;
  background: url(/cms/wp-content/themes/godios-child/images/common/footer-back.png) no-repeat;
  background-size: 100%;
  background-position-y: top;
  width: 100%;
}

.top-content.footer-content h1 {
  width: 944px;
  margin: 0 auto;
  font-size: 2.25rem;
  color: #333333;
  text-align: left;
}

.footer-section {
  width: 944px;
  margin: 1% auto 0;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.footer-link {
  width: 16.6%;
  padding: 0 8px 8px 0;
}

.footer-logo {
  width: 25%;
}

#pages {
  max-width: 960px;
  padding-top: 2%;
}

.pages {
  width: 75%;
  text-align: left;
}

.pages > li {
  margin: 0 15px 1%;
  border-left: solid 2px white;
  padding-left: 1%;
  line-height: 2rem;
}

.pages > li > a:hover {
  color: #666;
}

footer .pages > li > a {
  padding-left: 6px;
  font-family: Noto Serif JP;
  color: white;
  font-size: 1.6rem;
}

#copyright {
  font-family: Noto Serif JP;
  font-size: 1.1rem;
  color: white;
  text-align: left;
}

#copyright > a {
  color: white;
}

#copyright > a:hover {
  color: #666;
}

#copyright > p > a {
  color: white;
}

#copyright > p > a:hover {
  color: #666;
}

.footer-insta {
  width: 13%;
  line-height: 2.4rem;
  position: relative;
}

.footer-insta a {
  color: white;
  font-family: Noto Serif JP;
}

.footer-insta a:before {
  content: "";
  width: 35px;
  height: 35px;
  margin-top: 0.7%;
  display: block;
  position: absolute;
  top: 3px;
  left: -46px;
  background: url(/cms/wp-content/themes/godios-child/images/common/insta-icon.png) no-repeat;
  background-size: contain;
}

.copy-company {
  font-size: 1.1rem;
}

.change.change-english {
  color: white;
  position: relative;
  font-size: 1.6rem;
}

.change.change-english:before {
  content: "";
  width: 30px;
  height: 30px;
  margin-top: 0.7%;
  display: block;
  position: absolute;
  top: -2px;
  right: 26px;
  background: url(/cms/wp-content/themes/godios-child/images/common/lang.png) no-repeat;
  background-size: contain;
}

.change.change-english.rss {
  width: fit-content;
  margin-left: 20px;
}

.change.change-english.rss:before {
  content: "";
  width: 20px;
  height: 20px;
  margin-top: 0.7%;
  display: block;
  position: absolute;
  top: 0px;
  right: 26px;
  background: url(/cms/wp-content/themes/godios-child/images/common/rss.png) no-repeat;
  background-size: contain;
  margin-right: 11px;
}

.sp_side_menu {
  display: none;
}

.change.change-search {
  width: 50px;
  padding: 0;
}

.top-content {
  width: 950px;
  margin: 0 auto 90px;
}

.top-content h1 {
  color: #031C83;
  font-size: 2.5rem;
  text-align: center;
  margin-top: 0;
}

.top-content .charm-port {
  width: 55%;
  padding: 5% 15% 5% 5%;
  text-align: left;
  background-color: #BEAB6A;
  margin: 5% 0 10%;
}

.operation-list {
  color: white;
  padding-left: 3%;
  text-decoration: underline;
}

.metaslider .theme-default .nivo-controlNav {
  bottom: 60px !important;
}

.metaslider .theme-default .nivo-controlNav a {
  background: url(/cms/wp-content/themes/godios-child/images/common/bullets.png) no-repeat !important;
}

.metaslider .theme-default .nivo-controlNav a.active {
  background-position: 0 -22px !important;
}

.metaslider .theme-default .nivo-caption {
  font-family: Noto Serif JP !important;
  background: none !important;
  top: 9%;
  font-size: 2.5rem;
  text-shadow: 3px 3px 6px black;
  font-weight: bold;
  opacity: 1 !important;
  text-align: left;
  padding-right: 7%;
  left: 4.5%;
}

.metaslider .theme-default .nivo-directionNav a {
  background: url(/cms/wp-content/themes/godios-child/images/common/arrows.png) no-repeat !important;
}

.metaslider .theme-default a.nivo-nextNav {
  background-position: -30px 0 !important;
}

.nivo-directionNav {
  width: 18%;
  position: relative;
  bottom: 102px;
  right: 4%;
  float: right;
}

.nivo-controlNav {
  width: 10% !important;
  position: absolute;
  right: 8%;
}

.top-breadcrumb {
  display: none;
}

.vr-video-start {
  color: #fff;
}

.vr-video-start > p {
  font-size: 2em;
  margin: 0;
  letter-spacing: 0.1em;
}

.vr-video-start > p.p-start {
  margin: 0.6em 0 0;
  font-size: 2.4em;
  border-bottom: 1px solid white;
  padding-bottom: 1px;
  display: inline-block;
  cursor: pointer;
}

.vr-video {
  width: calc(100% - 1em * 2);
  height: calc(100% - 1em * 2);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(63, 67, 82, 0.53);
}

.remodal-detail {
  display: flex;
}

.remodal-detail-block {
  width: 40%;
  padding: 1em;
}

.remodal-detail-block:first-child {
  width: 60%;
  position: relative;
}

h4.title {
  height: 2em;
  text-align: left;
}

img.icon-camera {
  height: auto;
  width: 14%;
  margin-right: 1em;
}

p.text {
  text-align: left;
  margin: 0.5em 0 0;
  font-size: 1.5rem;
  line-height: 2.4rem;
}

button.close-btn {
  padding: 0.2em 1.5em;
  margin: 1em 0 0;
  border-radius: 1em;
  background: transparent;
  border: 1px solid #707070;
  font-size: 1.4em;
  color: #707070;
  font-family: 'Noto Serif JP';
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
}

button.close-btn:after {
  font-size: 1em;
  margin: 0 0 0 0.2em;
  content: "\00d7";
  text-align: center;
}

button.close-btn:hover {
  color: #2b2e38;
}

#top-slider_sp {
  display: none;
}

.sea-route {
  width: 950px;
  margin: 0 auto;
  position: relative;
}

.route-link {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  position: absolute;
  bottom: 0;
}

.route-link a:hover {
  opacity: 0.7;
}

.route-detail {
  width: 90px;
  height: 90px;
  margin: 0 !important;
  padding: 36% 1% !important;
  position: relative;
  z-index: 5;
  border: solid 2px #3F4352;
  border-radius: 100% 100%;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 1.8rem !important;
  color: #3F4352;
  font-weight: bold;
  text-align: center;
}

.route-detail::before {
  display: none;
}

.route-detail.maizuru {
  bottom: 97px;
  left: 240px;
}

.route-detail.tsuruga {
  bottom: 37px;
  left: 224px;
}

.route-detail.niigata {
  bottom: 53px;
  left: 310px;
}

.route-detail.akita {
  bottom: 95px;
  left: 325px;
}

.route-detail.otaru {
  bottom: 285px;
  left: 385px;
}

.route-detail.tomakomai-east {
  bottom: 192px;
  left: 312px;
}

ul.destination-link {
  width: 35%;
  margin: 2% auto 0;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

ul.destination-link li {
  width: 33%;
  margin: 0.5% 0;
  padding-left: 9.3%;
  position: relative;
}

ul.destination-link li a {
  color: #3F4352 !important;
}

ul.destination-link li:before {
  content: "" !important;
  width: 22px !important;
  height: 22px !important;
  margin-top: -10px !important;
  display: block !important;
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 50% !important;
  background: #3F4352 !important;
}

ul.destination-link li:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -4px;
  display: block;
  position: absolute;
  top: 50%;
  left: 7%;
  border: 5px solid transparent;
  border-left: 9px solid white;
}

#important-info {
  padding: 3% 0 1%;
  background: url(/cms/wp-content/themes/godios-child/images/top/news-back.png) no-repeat;
  background-size: cover;
}

.important-info-back {
  padding: 7% 0 3%;
  position: relative;
}

.top-content.important-info {
  padding: 1% 0;
  text-align: center;
  border: double 6px #2b62b0;
  margin-bottom: 3rem;
}

.top-content.important-info p {
  font-weight: bold;
  margin-bottom: 0.5%;
  display: inline-flex;
  vertical-align: top;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  text-align: left;
  padding: 0 3%;
}

.top-content.important-info p > img {
  width: 25%;
  padding-right: 2%;
}

h1.recommended-list-link:hover {
  color: #DFE3EF;
}

.top-content.reco-info {
  margin: 6% auto;
}

.tab_content_description .slide_unit {
  position: relative;
}

.slick-slider button.slide-arrow {
  bottom: 50%;
  z-index: 1;
  position: absolute;
}

.slick-slider button.slide-arrow.prev-arrow {
  left: 0;
}

.slick-slider button.slide-arrow.prev-arrow:after {
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  border-top: 3px solid #3F4352;
  border-right: 3px solid #3F4352;
  cursor: pointer;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.slick-slider button.slide-arrow.next-arrow {
  right: 0;
}

.slick-slider button.slide-arrow.next-arrow:after {
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  border-top: 3px solid #3F4352;
  border-right: 3px solid #3F4352;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.info-detail {
  margin-top: 1.5%;
  position: relative;
}

.info-detail h2 {
  width: 100%;
  margin: 0 auto 4% !important;
  padding: 0 !important;
  font-size: 1.8rem !important;
  line-height: 1.5em !important;
  color: #031C83;
}

.info-detail h2:before {
  display: none;
}

.info-detail h3 {
  width: 100%;
  margin: 0 auto 4% !important;
  padding: 0 !important;
  font-size: 1.8rem !important;
  line-height: 1.5em !important;
  color: #031C83;
  font-size: 1.3rem !important;
}

.info-detail h3:before {
  display: none;
}

.info-detail.top {
  width: 200px;
}

.info-detail.top a:focus {
  outline: 0;
}

.slick-initialized .slick-slide {
  display: flex !important;
}

.info-image-content {
  position: relative;
}

.info-image {
  width: 203px;
  height: 180px;
  margin: 0 auto;
  -webkit-mask-image: url(/cms/wp-content/themes/godios-child/images/common/catching-mask.png);
  -webkit-mask-size: 100%;
  -webkit-mask-position: center top;
  -webkit-mask-repeat: no-repeat;
}

.info-image img {
  margin-top: 0 !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
  height: 100% !important;
  max-width: 100% !important;
  position: relative;
  bottom: 22px;
}

.info-image-back {
  position: absolute;
  bottom: -2px;
}

.list-link {
  width: 100%;
  text-align: center;
  color: #000000 !important;
  text-decoration: underline;
}

.category {
  width: 60%;
  padding: 1% 7%;
  text-align: center;
  font-size: 1.3rem;
  border-radius: 30px;
  opacity: 1;
  position: absolute;
  top: 35px;
  right: 0;
  z-index: 1;
  color: white;
  font-weight: bold;
}

.category.type-recommended {
  background-color: #BEAB6A;
}

.category.type-plan {
  background-color: #be6a6a;
}

.category.type-model {
  background-color: #3A5A3A;
}

.recommended-tag.event-color {
  background-color: #3A5A3A;
}

.category.type-discount {
  background-color: #212F56;
}

.recommended-tag.campaign-color {
  background-color: #212F56;
}

.place {
  font-size: 1.3rem;
  margin-bottom: 7%;
}

.explanation p {
  line-height: 0.7em;
  font-size: 1.7rem;
}

#top-charm-back {
  text-align: center;
  background: url(/cms/wp-content/themes/godios-child/images/top/charm-background.jpg) no-repeat;
  background-size: cover;
}

#top-charm-back .news-back {
  top: 0;
  left: 0;
  right: 0;
}

.charm-cruise {
  margin: 5% auto 0;
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.charm-cruise div {
  width: 90%;
}

.charm-cruise .charm-image {
  width: 93%;
  margin: 0 auto 3%;
}

.charm-cruise .charm-link {
  color: white;
  background-color: #14375B;
  border: 1px solid white;
  width: 75%;
  padding: 1%;
  margin: 0 auto;
}

.charm-detail {
  padding: 5% 0;
}

.charm-detail h1 {
  color: white;
  line-height: 1.6em;
}

.explanation.top-charm_tx {
  color: white;
  line-height: 1.6em;
  font-weight: 500;
}

.charmport-detail {
  max-width: 775px;
  margin: 0 auto;
  position: relative;
}

.charm-port h1 {
  color: white;
  text-align: left;
  line-height: 1.6em;
}

.charm-port .explanation.top-charmport_tx {
  color: white;
  margin-bottom: 10%;
  line-height: 1.6em;
}

.charm-port .charmport-link {
  width: 50%;
  padding: 2%;
  text-align: center;
  color: white;
  border: 1px solid white;
  transition: 0.4s;
}

.charm-port .charmport-link:hover {
  background-color: white;
  color: #BEAB6A;
  font-weight: bold;
}

.charmport-image {
  position: absolute;
  top: -10%;
  right: 0;
  width: 50%;
}

.top-content.top-guide {
  margin-bottom: 75px;
}

.info-link {
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.other-page {
  width: 25%;
  padding: 0.25%;
  text-align: center;
}

.other-page a {
  color: #000000 !important;
}

.other-page_tx {
  display: table-cell;
  height: 3em;
  vertical-align: middle;
  text-align: center;
  font-size: 1.7rem;
}

.other-page_inline {
  display: inline-block;
  margin: 0 auto;
}

ul.top-news {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-flow: column;
  border-top: solid 1px #bab7b7;
}

ul.top-news li {
  padding: 1% 2.5% 1% 3%;
  border-bottom: solid 1px #bab7b7;
}

ul.top-news li a:hover {
  color: #b4b6c1 !important;
}

.top-news p {
  margin-bottom: 0;
  padding-left: 6%;
}

.posted-date::before {
  display: none;
}

.top-content.new-news {
  width: 100%;
  position: relative;
  padding: 3% 0 10%;
  background: url(/cms/wp-content/themes/godios-child/images/top/news-back.png) no-repeat;
  background-size: cover;
}

.news-list {
  width: 950px;
  margin: 0 auto;
}

.news-back {
  position: absolute;
  top: -100px;
  z-index: -1;
}

.new-mark {
  padding: 0.1% 0.4% 0.2% !important;
  position: absolute;
  font-size: 1.2rem;
  font-weight: bold;
  color: white;
  background-color: #f0647b;
  border-radius: 4px;
}

.top-posted {
  position: absolute;
}

.posted-category {
  position: relative;
  left: 100px;
  margin-top: 1%;
}

.operation {
  width: 120px;
  margin-right: 2%;
  position: absolute;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  color: white;
  padding: 0 1% 0 1.5%;
  border-radius: 30px;
  background-color: #b02b41;
}

.emergency {
  width: 120px;
  margin-right: 2%;
  position: absolute;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  color: white;
  padding: 0 1% 0 1.5%;
  border-radius: 30px;
  background-color: #b02b41;
}

.news {
  width: 120px;
  margin-right: 2%;
  position: absolute;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  color: white;
  padding: 0 0.5% 0.3% 1%;
  border-radius: 3px;
  background-color: #1A436D;
  background-color: #1A436D;
}

.event {
  width: 120px;
  margin-right: 2%;
  position: absolute;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  color: white;
  padding: 0 0.5% 0.3% 1%;
  border-radius: 3px;
  background-color: #1A436D;
  background-color: #5cae99;
}

.topics {
  width: 120px;
  margin-right: 2%;
  position: absolute;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  color: white;
  padding: 0 0.5% 0.3% 1%;
  border-radius: 3px;
  background-color: #1A436D;
  background-color: #9D942E;
}

.news-title {
  display: table;
  margin-left: 130px;
  word-break: keep-all;
}

.detail-link.back-list.back-btn {
  width: 24%;
}

.top-instagram {
  margin: 0;
}

.top-instagram h1 {
  border-bottom: 2px solid #031C83;
}

.top-instagram h1 img {
  width: 5rem;
  margin-right: 0.5rem;
  vertical-align: middle;
}

.instagram-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1px;
}

.instagram-item {
  width: 20%;
  padding-top: 20%;
  position: relative;
  border: 1px solid white;
}

.instagram-card__img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  object-fit: cover;
}

.r-column.page-wapper {
  margin-top: 0 !important;
}

h1.entry-title {
  width: 80%;
  margin: 0 auto;
  color: #1A436D !important;
  position: relative;
  bottom: 53px;
  text-shadow: 0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff;
}

#breadcrumb {
  max-width: 97%;
  margin: 0 auto !important;
  position: relative;
  bottom: 35px;
  background-color: rgba(255, 255, 255, 0);
}

#breadcrumb li {
  display: none !important;
}

#breadcrumb > li:last-child {
  color: #1A436D;
}

#breadcrumb > li > a {
  color: #1A436D;
}

.entry-content {
  height: auto;
  max-height: none;
  margin: 0 auto;
  padding-top: 1%;
  display: block;
  overflow: visible;
}

.page-section {
  width: 80%;
  margin: 4% auto;
}

.content-back {
  background-size: cover !important;
}

.cont-list-title {
  width: 80%;
  margin: 0 auto 3%;
}

.cont-list-title h2 {
  margin-bottom: 2%;
  text-align: center;
  padding-bottom: 7px;
  border-bottom: solid 1px #707070;
}

.cont-list-title h2:before {
  margin-right: 1%;
}

.cont-list-title h2:after {
  margin-left: 1%;
}

.cont-list {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  width: 95%;
  margin: 0 auto;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.cont-list-menu {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-flow: row-reverse;
}

.cont-list-menu:after {
  content: "\02228";
  position: relative;
  top: 85px;
  left: 120px;
  height: 18px;
}

.cont-list-menu h3 {
  font-size: 1.5rem;
  padding-left: 10px;
  margin-top: 25px;
}

.cont-list-menu img {
  width: 103px;
  height: auto;
}

.conts-category {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  background-size: 101% !important;
  background-position: center !important;
  padding: 3% 0;
}

.page-conts {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  width: 992px;
  margin: 0 auto;
}

.page-conts a {
  margin: 0 auto;
  width: 15%;
}

.sub-conts {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  width: 57%;
  justify-content: center;
  -webkit-justify-content: center;
}

.prev-next {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.prev-next a {
  width: 100%;
}

.prev-next > div {
  margin: 7% auto 0 !important;
}

.ship-link {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
}

.ship-link a {
  width: 32%;
}

.list-menu-en {
  font-size: 1.2rem;
}

.pamphlet-list-link {
  margin-top: 6%;
}

.content-back.attraction-back {
  background: url(/cms/wp-content/themes/godios-child/images/attraction/attraction-back.png);
}

.page-section.attraction-header {
  margin-bottom: 0;
}

.page-conts.attraction-page-conts {
  width: 80%;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}

.attraction-copy {
  text-align: center;
  background: url(/cms/wp-content/themes/godios-child/images/attraction/copy-image.png) no-repeat;
  background-size: contain;
  background-position: center;
}

.attraction-copy h2 {
  line-height: 1.7em;
  color: #031C83;
  margin: 3% 0;
  font-size: 2.5rem;
}

.attraction-copy > div {
  font-size: 1.8rem;
}

.copy-text {
  line-height: 1.7em;
  text-align: center;
  text-shadow: 0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff;
}

.page-section.attraction-image {
  width: 100%;
  margin-top: 0;
}

.page-section.attraction {
  width: 100%;
}

.conts-category.enjoy {
  background: url(/cms/wp-content/themes/godios-child/images/attraction/enjoy/enjoy-back.png) no-repeat;
}

.conts-category.gourmet {
  background: url(/cms/wp-content/themes/godios-child/images/attraction/gourmet/gourmet-back.png) no-repeat;
}

.conts-category.comfort {
  background: url(/cms/wp-content/themes/godios-child/images/attraction/comfort/comfort-back.png) no-repeat;
}

.page-conts.gourmet-cont {
  flex-flow: row-reverse;
}

.main-description {
  width: 40%;
}

.main-description h2 {
  font-size: 2.7rem;
  padding: 3.5% 0;
  position: relative;
  z-index: 2;
  text-align: center;
  border-radius: 70px;
  width: 88%;
  margin: 0 auto;
  font-weight: bold;
}

h2.enjoy-title {
  background-size: contain !important;
  background-position: center !important;
  font-size: 3rem;
  color: #497834;
  background-color: white;
}

h2.gourmet-title {
  background-size: contain !important;
  background-position: center !important;
  font-size: 3rem;
  color: #AC3F51;
  background-color: white;
}

h2.comfort-title {
  background-size: contain !important;
  background-position: center !important;
  font-size: 3rem;
  color: #1B69A3;
  background-color: white;
}

.conts-category-name {
  padding-left: 15px;
  font-size: 1.5rem;
  position: relative;
  bottom: 3px;
}

.sub-description {
  width: 42%;
  margin-left: 1.5%;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 24px 13px;
  box-shadow: 1px 1px 5px #d2cdcd;
  border-radius: 7px;
}

.tree-cont {
  width: 31%;
}

.sub-description.sub-bottom {
  position: relative;
  top: 40px;
}

.main-txt {
  position: relative;
  bottom: 33px;
  padding: 54px 30px 38px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  box-shadow: 1px 1px 5px #d2cdcd;
  margin: 0 auto;
  text-align: center;
}

.main-txt > div {
  font-size: 1.8rem;
}

.center-title {
  text-align: center;
  margin-top: 7px;
  color: black !important;
  font-weight: normal !important;
  font-size: 1.6rem;
}

h3.enjoy-subtitle {
  font-weight: bold;
  color: #58711E;
}

h3.gourmet-subtitle {
  font-weight: bold;
  color: #5A1614;
}

h3.comfort-subtitle {
  font-weight: bold;
  color: #1A476B;
}

h3.enjoy-subtitle.main-enjoy-subtitle {
  font-size: 2.2rem;
}

h3.gourmet-subtitle.main-enjoy-subtitle {
  font-size: 2.2rem;
}

h3.comfort-subtitle.main-enjoy-subtitle {
  font-size: 2.2rem;
}

.conts-tx {
  margin-top: 10px;
  font-size: 1.5rem;
  line-height: 1.7em;
}

.detail-link.page-link {
  margin-top: 20px;
}

.detail-link.cont-link {
  width: 97%;
  margin-top: 6%;
  padding: 3% 30.5%;
  background-color: #1A476B;
}

.page-conts.gallery {
  justify-content: center;
  -webkit-justify-content: center;
}

.sub-description.gallery-cont {
  width: 26%;
}

.room-img.attraction-facilities {
  margin-bottom: 8%;
}

.room-img.attraction-facilities p {
  line-height: 1.7em;
  font-size: 1.65rem;
}

.detail-link.list-page-link.attraction-fun-facilities {
  background: #497834;
}

.c-title.attraction-fun {
  border-bottom: solid 1px #497834;
  border-left: solid 8px #497834;
}

.c-title.attraction-fun:before {
  background: #497834;
}

.attraction-subtitle {
  font-size: 1.85rem;
  color: #497834;
}

.enjoy-cruise-copy.attraction-enjyoy-copy {
  top: 137px;
  font-size: 1.7rem;
  color: white;
  filter: drop-shadow(0px 0px 2px white);
  font-weight: bold;
}

.enjoy-cruise-copy.attraction-enjyoy-copy h2 {
  color: #497834;
  font-weight: bold;
}

.attraction-img-block {
  width: 100%;
  margin-left: 1.5%;
}

.attraction-img-block p {
  line-height: 1.6em;
}

.detail-link.fun-link {
  width: 27%;
  margin: 0;
  padding: 1% 4.5%;
  background-color: #5f7157;
}

.detail-link.list-page-link.attraction-gourmet-facilities {
  background-color: #AC3F51;
}

.img-block.menu-photo {
  margin: 0 !important;
}

.attraction-gourmet {
  border-bottom: solid 1px #AC3F51 !important;
  border-left: solid 8px #AC3F51 !important;
}

.c-title.attraction-fun.attraction-gourmet:before {
  background: #AC3F51;
}

.gourmet-subtitle {
  color: #AC3F51;
}

.gourmet-copy h2 {
  color: #AC3F51;
}

.pamphlet-detail {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  width: 70%;
  margin: 0 auto 4%;
}

.attraction-gourmet-block {
  margin-left: 0;
  margin-top: 2.5%;
}

.enjoy-cruise-copy.attraction-enjyoy-copy.gourmet-copy h2 {
  color: #AC3F51;
  font-weight: bold;
}

.copy-text.gourmet-text {
  text-align: left;
  color: black;
}

.detail-link.fun-link.gourmet-link {
  width: 17%;
  background-color: #715757;
}

.bathing-subtitle {
  font-size: 1.85rem;
  color: #1B69A3;
}

.enjoy-cruise-copy.attraction-bathing-copy {
  top: 137px;
  font-size: 1.7rem;
  font-weight: bold;
}

.enjoy-cruise-copy.attraction-bathing-copy h2 {
  color: #1B69A3;
  font-weight: bold;
}

.period_time h3 {
  font-size: 1.6rem;
  margin-bottom: 1.5%;
}

.content-back.enjoy-cruise-back {
  background: url(/cms/wp-content/themes/godios-child/images/enjoy/enjoy-back.png);
}

.page-section.enjoy-cruise-header {
  margin: 0 auto;
}

.enjoy-cruise-copy {
  padding-left: 13px;
  position: absolute;
  top: 250px;
  font-weight: bolder;
}

.enjoy-cruise-copy h2 {
  margin-bottom: 5px;
  color: #A0893B;
  line-height: 1.7em;
  text-shadow: 0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff;
}

.copy-text.enjoy-cruise-txt {
  text-align: left;
  color: black;
}

.cont-list-menu.enjoy-menu {
  flex-flow: column-reverse;
  text-align: center;
}

.cont-list-menu.enjoy-menu h3 {
  margin-top: 0;
  padding-left: 0;
  min-height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cont-list-menu.enjoy-menu:after {
  left: 0;
  top: 154px;
}

.page-section.enjoy-section {
  margin: 0 auto;
}

.cont-list-title.enjoy-list-menu {
  margin-bottom: 55px;
}

.main-description.enjoy-main {
  width: 100%;
  margin-bottom: 15px;
}

.main-description.enjoy-main h2 {
  padding: 3.5% 0 4.5%;
}

.main-description.enjoy-sub {
  width: 100%;
}

.enjoy-cruise-title {
  color: #031C83;
  width: 38% !important;
  padding: 2% 0 !important;
}

.recommended-tag {
  font-size: 1.3rem;
  color: white;
  font-weight: bold;
  padding: 0.6% 5%;
  border-radius: 30px;
}

.recommended-tag.recommended-color {
  background-color: #BEAB6A;
}

.sub-conts.enjoy-sub {
  width: 100%;
  justify-content: center;
  -webkit-justify-content: center;
  width: 100%;
}

.subtitle.center-title {
  width: 94%;
  margin-bottom: 10px;
  font-size: 1.8rem;
}

.sub-description.enjoy-sub-description {
  width: 94%;
  min-height: 420px;
  margin-left: 0;
}

.enjoy-conts {
  width: 25%;
}

.title {
  font-size: 1.5rem;
  line-height: 2.8rem;
  margin: 3% auto 6%;
}

.day {
  margin-top: 5px;
  font-size: 1.4rem;
  line-height: 1.5em;
}

.point-departure {
  font-size: 1.2rem;
  line-height: 1.7em;
  margin-top: 6px;
}

.destination {
  font-size: 1.2rem;
  line-height: 1.7em;
}

.enjoy-detail {
  margin-top: 5px;
  font-size: 1.4rem;
  line-height: 1.5em;
}

.sub-cont-image {
  margin: 3% auto;
}

.detail-link.back-list {
  padding: 1% 7%;
  margin: 3% auto 5%;
}

.single-plan h2 {
  margin-bottom: 1%;
}

.single-plan p {
  line-height: 2.9rem;
}

.single-plan ul {
  line-height: 2.7rem;
}

.detail-link.list-page-link {
  width: 100%;
  margin: 3% 0 0 auto;
  padding: 0.5em 1em;
  background-color: #1A476B;
}

.sub-cont-image.plan-cont {
  position: relative;
}

h3.subtitle.center-title.popular-tit:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 40px;
  background-size: contain !important;
  vertical-align: middle;
  background: url(/cms/wp-content/themes/godios-child/images/enjoy/popular-icon.png) no-repeat;
  background-position-y: 4px;
  margin-right: 6px;
}

h3.subtitle.center-title.period-tit:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 40px;
  background-size: contain !important;
  vertical-align: middle;
  background: url(/cms/wp-content/themes/godios-child/images/enjoy/period-before.png) no-repeat;
  background-position-y: 4px;
  margin: 0 6px;
}

h3.subtitle.center-title.period-tit:after {
  content: '';
  display: inline-block;
  width: 30px;
  height: 40px;
  background-size: contain !important;
  vertical-align: middle;
  background: url(/cms/wp-content/themes/godios-child/images/enjoy/period-after.png) no-repeat;
  background-position-y: 4px;
  margin-right: 6px;
}

h3.subtitle.center-title.recom-tit:after {
  content: '';
  display: inline-block;
  width: 30px;
  height: 40px;
  background-size: contain !important;
  vertical-align: middle;
  background: url(/cms/wp-content/themes/godios-child/images/enjoy/plan-recom-icon.png) no-repeat;
  background-position-y: 4px;
  margin-left: 6px;
}

.subtitle-icon {
  padding: 11px 16px;
  position: absolute;
  bottom: 0;
  right: 10px;
  background: url(/cms/wp-content/themes/godios-child/images/enjoy/popular-icon.png) no-repeat;
  background-size: contain;
  font-weight: bold;
  color: white;
  text-shadow: 1px 2px 3px #808080;
}

.enjoy-conts.plan-conts {
  width: 30%;
  margin-bottom: 4%;
}

.prev-next-link {
  width: 50%;
  margin: 7% 0;
  font-size: 1.4rem;
  text-align: right;
}

.detail-link.enjoy-info-link {
  margin: 7% 0;
  width: 50%;
  padding: 1.5% 7%;
}

.detail-link.list-page-link.plan-list {
  margin: 0 auto 1%;
}

.enjoy-conts.plan-conts.model-conts {
  height: 375px;
}

.sub-description.enjoy-sub-description.pamphlet-description {
  padding: 30px 34px;
  min-height: 360px;
  background-size: 100% 504px;
}

.sub-cont-image.pamphlet-image {
  width: 70%;
  margin: 0 auto;
}

.sub-cont-image.pamphlet-image img {
  border-radius: 0;
}

.entry-content.recommended-list {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-flow: row-reverse;
  -webkit-flex-flow: row-reverse;
  width: 1105px;
}

.recommended-sidemenu {
  margin: 4.4em 0 0;
  width: 228px;
}

.recommended-sidemenu-inner {
  margin-bottom: 16%;
}

.recommended-sidemenu-inner > .detail-link.list-page-link {
  width: 100%;
  padding: 0.5em 2em;
  margin: 1em 10em 0 auto;
  font-size: 1.4rem;
  font-weight: bold;
}

.recommended-sidemenu-inner h2 {
  font-size: 1.7rem;
}

.recommended-sidemenu-inner ul {
  line-height: 1.6em;
  position: relative;
}

.recommended-sidemenu-inner ul > li {
  word-break: break-all;
  margin-bottom: 7px;
  padding-left: 30px;
  position: relative;
}

.recommended-sidemenu-inner ul > li:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  border-radius: 50% !important;
  background: #3F4352;
}

.recommended-sidemenu-inner ul > li:after {
  content: "";
  position: absolute;
  margin-top: 5px;
  top: 0;
  left: 3%;
  border: 5px solid transparent;
  border-left: 9px solid white;
}

.entry-title.entry-title.c-icon-title-b.c-icon-title.recommended-post-list {
  width: 100%;
  bottom: 0;
  color: #000 !important;
  border-bottom: solid 1px #707070;
  font-size: 1.8rem;
  line-height: 2em;
  margin-bottom: 6px;
}

.entry-title.entry-title.c-icon-title-b.c-icon-title.recommended-post-list:before {
  display: none;
}

.room-container.recommended-post {
  margin-bottom: 5%;
}

.img-block.recommended-post-image {
  width: 55%;
  margin-bottom: 3.5% !important;
}

.attraction-img-block.recommended-post-tx p {
  font-size: 1.6rem;
  line-height: 1.6em;
  margin-top: 4%;
}

.detail-link.recommended-post-link {
  margin: 3% 0 0;
  padding: 1% 4.5%;
  width: 25%;
}

.info-box-txt.recommended-info-box {
  width: 100%;
}

.entry-content.ship-room-content.recommended-breadcrum {
  position: relative;
  top: 20px;
}

.page-cont.model-course-bg.tours-bg {
  background: url(/cms/wp-content/themes/godios-child/images/tour/tour-bg.jpg) no-repeat;
  min-height: 100vh;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

.message_non_plan {
  font-size: 1.2em;
  color: #000;
  text-align: center;
  width: 80%;
  left: 10%;
  height: auto;
  position: absolute;
  z-index: 10;
}

.guide {
  width: 65%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.guide.tours-guide-top {
  margin-top: 12%;
}

.guide.tours-search {
  margin-top: 3%;
}

.room-title.c-title.guide-title {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 1% 2%;
  border-radius: 5px;
}

.tour-title {
  line-height: 2.8rem;
}

.tours-guide {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 3% 2%;
  border-radius: 5px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.tours-guide.tours-search-guid {
  display: block;
  padding: 4% 2% 2%;
}

.tours-guide.tours-search-guid p {
  font-size: 1.5rem;
}

.tour-period h3 {
  color: #012560;
  font-size: 1.5rem;
  margin-bottom: 1%;
}

.tour-period-day {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tour-period-day p {
  background-color: #F4F2F2;
  margin-right: 0.5%;
  padding: 0.5% 1%;
  border-radius: 5px;
}

#tour-list {
  margin-top: 1.5%;
}

input.tour-input {
  background-color: white;
  margin-top: 4px;
}

input.tour-input:checked::before {
  background-color: #012560;
}

input.tour-input + label {
  margin-right: 3%;
}

.tour-period-day.tour-period-input {
  background-color: #F4F2F2;
  margin-right: 0.5%;
  margin-bottom: 3%;
  padding: 0.5% 1% 1%;
  border-radius: 5px;
  width: 75%;
}

.select-day.tour-select-day {
  background: none;
}

.tour-day-change.tour-select-day {
  background: none;
}

.tour-departure {
  width: 18%;
  padding: 0 1%;
  margin: 0 0.3%;
  text-align: center;
  background: #aa935f;
  border-right: solid 3px #685833;
  border-bottom: solid 3px #685833;
  border-radius: 5px;
}

.tour-departure:hover {
  background: #c6ba9d;
}

.tour-departure h1 {
  color: white;
  font-size: 1.6rem;
}

.tour-departure img {
  border-radius: 5px;
}

.entry-content.model-course-content-bg.tour-bg:before {
  background-color: #F4FAFF;
}

.entry-content.model-course-content.tour-content:after {
  background-color: #DEDECF;
}

.tour-place {
  position: relative;
  z-index: 1;
  width: 990px;
  margin: 0 auto 1.5%;
  background-color: white;
  border-radius: 5px;
  padding: 0.5% 2%;
}

.ship-room-header.tour-header {
  position: relative;
  z-index: 1;
  width: 986px;
  margin: 2% auto 0 !important;
}

.room-title.c-title.tour-place-tag {
  margin-bottom: 0;
}

.room-title.c-title.tour-place-tag:before {
  margin-right: 1%;
}

.plan-category h3 {
  border-bottom: solid 1px #aaa;
  margin: 1% 0 2% !important;
}

.tour-detail {
  text-align: left !important;
  word-break: break-word;
  margin-bottom: 0% !important;
}

.detail-link.tour-link {
  margin-bottom: 20%;
  line-height: 1.6em;
  width: 55%;
  padding: 1.5% 0;
}

.model-course-inner.tour-inner {
  justify-content: start !important;
  -webkit-justify-content: start !important;
}

.tour-detail-tx {
  line-height: 0.5em;
}

.model-breadcrumb {
  width: 93%;
  margin: 0 auto;
  position: relative;
  top: 35px;
}

.page-cont.model-course-bg {
  background: url(/cms/wp-content/themes/godios-child/images/model-course/model-course-bg.jpg) no-repeat;
  min-height: 100vh;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

.enjoy-cruise-copy.model-course-copy-back {
  height: 500px;
  width: 500px;
  position: absolute;
  background: white;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-position: 10px;
  top: -148px;
  left: 5%;
  z-index: 1;
  opacity: 0.75;
}

.enjoy-cruise-copy.model-course-copy {
  left: 32%;
  top: 59%;
  opacity: 1;
  width: 100%;
  text-shadow: 1px 2px 3px #bdbbbb;
}

.enjoy-cruise-copy.model-course-copy h2 {
  color: #FF629E;
}

.entry-content.model-course-content-bg {
  position: relative;
  overflow: hidden;
  padding-top: 2.5%;
}

.entry-content.model-course-content-bg:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 94%;
  margin: 1% -10% 0;
  background: #E0F0F0;
  -webkit-transform-origin: right center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: 1;
  box-shadow: 0px 0px 10px rgba(85, 121, 119, 0.5);
}

.entry-content.model-course-content {
  padding-top: 2.5%;
}

.entry-content.model-course-content:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 94%;
  margin: 1% -10% 0;
  background: #E0E0C0;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.page-section.model-course-header {
  margin-bottom: 0;
}

.sea-route.destination-route {
  top: 40px;
}

.model-course-inner {
  position: relative;
  z-index: 2;
  width: 990px;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: start;
  -webkit-justify-content: start;
}

.model-course-inner > div {
  text-align: center;
  padding: 0 1%;
  margin-bottom: 3%;
  width: 24%;
}

.message_non_model {
  margin: 0 auto;
}

.destination.model-course-destination {
  position: relative;
  z-index: 1;
  text-align: center;
  font-size: 2rem;
  color: #00A0F0;
  border-bottom: solid 4px #00A0F0;
  width: 15%;
  margin: 2% auto;
}

.content-back.ship-back {
  background: url(/cms/wp-content/themes/godios-child/images/ship/ship-back.png);
}

.page-conts.ship-section {
  display: block;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 1px 6px 6px 1px rgba(0, 0, 0, 0.16);
  margin: 0 auto 2.5em;
  border-radius: 1em;
  position: relative;
  padding: 2em;
  max-width: 992px;
}

.ship-section:nth-child(even) .main-description.ship {
  flex-direction: row-reverse;
}

.main-description.ship {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}

.ship-cont h2 {
  z-index: 1;
  height: auto;
  padding: 0;
  margin: 0.5em 0;
  text-align: left;
  color: #031C83;
  box-shadow: none;
}

.ship-cont .copy-text {
  text-align: left;
  font-size: 1.65rem;
  margin-bottom: 3%;
}

.ship-image {
  margin: 2em;
  width: 50%;
}

.detail-tit {
  display: inline-block;
  padding: 0.3em 1em;
  background-color: #609AE4;
  color: white;
  width: calc(25% - 1em);
  margin: 0.2em 0em 0.2em 0.2em;
  text-align: center;
}

.detail-txt {
  display: inline-block;
  padding: 0.3em 1em;
  background-color: #609AE4;
  color: white;
  width: calc(25% - 1em);
  margin: 0.2em 0em 0.2em 0.2em;
  text-align: center;
  background-color: #DFE3EF;
  width: calc(25% - 1em);
  margin: 0;
  color: black;
}

.detail-txt.last-detail-txt {
  width: calc(75% - 2em);
}

.ship-link.ship-link-list {
  margin-top: 2% !important;
  width: 100% !important;
  margin-bottom: 4% !important;
  flex-flow: nowrap !important;
  -webkit-flex-flow: nowrap !important;
}

.ship-link.ship-link-list:before {
  display: none;
}

.ship-link.ship-link-list:after {
  display: none;
}

.entry-top.ship-room {
  height: auto;
}

.entry-top.ship-room #breadcrumb {
  position: relative;
  bottom: 0;
  display: block;
  top: 0;
  max-width: 100%;
  transform: none;
}

.entry-top.ship-room .ship-room-header {
  position: relative;
  top: 0;
  display: flex;
  margin: 1em 0 0;
  padding: 0;
}

.entry-top.ship-room .ship-room-header h1.entry-title {
  bottom: 0;
  font-weight: normal;
  font-size: 1.5em;
  letter-spacing: 0.09em;
  padding-bottom: 7px;
  border-bottom: solid 1px #707070;
  width: 100%;
  height: 100% !important;
  margin: 1.5% 0 0 0;
  padding-left: 1%;
  line-height: 3.3rem;
}

.entry-content.ship-room-content {
  max-width: 1200px;
  min-width: auto;
  margin-top: 2%;
}

.entry-content.ship-room-content > div {
  width: 96%;
  z-index: 1;
  position: relative;
  margin: auto;
}

.attraction-facilities-wrapper {
  z-index: 0 !important;
}

.ship-room-menu {
  width: 100%;
  z-index: 0;
  position: fixed;
  margin: 3em 0 0;
}

.ship-room-menu-inner {
  max-width: 1400px;
  margin: -0.5em auto;
  position: fixed;
  width: 18%;
  right: 0;
}

.ship-room-menu-inner > .detail-link.list-page-link {
  width: 100%;
  padding: 0.5em 2em;
  margin: 1em 10em 0 auto;
  font-size: 1.4rem;
  font-weight: bold;
}

.ship-room-menu-inner.on {
  left: 855px;
}

.ship-room-comment {
  font-weight: normal;
  letter-spacing: 0.09em;
  margin: 0 0 5% 1em;
  color: #d0364f;
}

.room-img {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}

.room-img > div:first-child {
  margin: 0 1em 0 0;
}

.room-img.room-img-content {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}

.info-box {
  display: flex;
  margin: 3em 0 0;
}

.info-box > div:first-child {
  margin: 0 1em 0 0;
}

.img-block {
  width: 75%;
}

.detail-link.page-link.img-show {
  width: 100%;
  margin: 0;
  border-radius: 0;
}

.img-show a {
  width: 100%;
  text-align: center;
}

.about-text {
  margin: 1.5em 0;
}

.about-text p {
  font-weight: normal;
  font-size: 1em;
  line-height: 1.8em;
  color: #1d1d1d;
}

.info-box-txt {
  width: 50%;
  position: relative;
}

.info-box-txt > table {
  margin: 0 0 2em;
  width: 100%;
}

.info-box-txt > table td {
  border: 5px solid white;
  padding: 0.6em 0.8em;
}

.info-box-txt > table td.type {
  width: 12em;
  background-color: #DFE3EF;
  text-align: center;
  font-weight: normal;
  letter-spacing: 0.09em;
  color: #1A436D;
}

.info-box-txt > table td.detail {
  background-color: #F7F7F7;
  font-weight: normal;
  font-size: 0.9em;
  letter-spacing: 0.09em;
  color: #000;
}

.info-box-txt > table td.detail img {
  height: 1em;
  width: auto;
  margin-right: 1em;
}

.info-box-txt ul {
  line-height: 3rem;
  padding-left: 4%;
}

.info-box-txt ul > li {
  padding-left: 32px;
}

.info-box-txt ul > li:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 19px;
  border-radius: 50% !important;
  background: #3F4352;
  margin-top: 1%;
}

.info-box-txt ul > li:after {
  content: "";
  position: absolute;
  margin-top: 9px;
  left: 6.3%;
  border: 5px solid transparent;
  border-left: 9px solid white;
}

.info-box-img {
  width: 50%;
}

.info-box-img-inner img {
  height: auto;
}

.ship-room-content-inner {
  padding-right: 5%;
  width: 79%;
  margin-right: auto;
}

.ship-no-smoking {
  margin-top: 4%;
  border: solid 1px #d0364f;
  border-radius: 5px;
  padding: 2%;
  line-height: 2em;
}

.ship-no-smoking h3 {
  color: #d0364f;
}

.img-block.room-block {
  width: 44%;
  margin: 0 auto 1% !important;
  padding: 0 0.5%;
}

.info-box-txt.room-detail {
  width: 80%;
}

.detail-link-black img {
  width: 53px;
  padding-right: 3%;
}

.img-show.detail-link.page-link.room-close-up a {
  position: relative;
}

.img-show.detail-link.page-link.room-close-up a:after {
  content: '\0d7';
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-left: 2%;
  padding-left: 2px;
  transform: rotate(45deg);
  border: solid 1px white;
  border-radius: 100%;
  bottom: 7px;
}

.remodal-block {
  width: 60%;
  margin: 0 auto;
}

.room-container.facilities-container {
  margin-bottom: 6%;
}

.detail-link.facilities_movie {
  margin: 2% 0;
  background: none;
  padding-left: 0;
}

.detail-link.facilities_movie a {
  color: #000 !important;
}

.detail-link.facilities_movie:after {
  border-bottom: solid 1px #000;
  border-right: solid 1px #000;
}

.facilities-view {
  padding-top: 2%;
}

.facilities-view:before {
  content: '';
  display: inline-block;
  width: 36px;
  height: 18px;
  background-image: url(/cms/wp-content/themes/godios-child/images/ship/camera-mark_1.png);
  background-size: contain;
  vertical-align: middle;
}

.room-zoom-link {
  text-align: center;
  color: white;
  background: #BEAB6A;
  padding: 8px 30px;
  margin: 3.5% auto 2%;
  font-weight: bold;
  width: 20%;
  border-radius: 30px;
  border-bottom: solid 3px #897e59;
}

.room-zoom-link:hover {
  background: #897e59;
}

.room-title.deck-floor-view p {
  border-bottom: solid 2px #BEAB6A;
  padding-bottom: 1%;
}

.remodal-block.deck-block {
  width: 100%;
}

.page-cont.model-course-bg.guide-bg {
  background: url(/cms/wp-content/themes/godios-child/images/guide/guide-bg.jpg) no-repeat;
  min-height: 100vh;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

.guide-page-title {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 1.5% 2%;
  border-radius: 5px;
  text-align: center;
  margin-top: 3%;
  font-size: 2.2rem;
  color: #031C83;
}

.guide-link-list {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.guide-link {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 2%;
  border-radius: 5px;
  text-align: center;
  margin: 0 0.5% 1% 0.5%;
  width: 24%;
}

.guide-link img {
  width: 40%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.guide-link h3 {
  font-size: 2rem;
  margin-top: 3%;
  display: table-cell;
  vertical-align: middle;
  height: 3em;
}

.guide-list-title {
  display: inline-block;
  margin: 0 auto;
}

.guide-info {
  width: 75%;
  min-width: 983px;
  margin: 0 auto;
}

.guide-info.guide-info-select {
  margin: 4% auto;
}

.sea-route-link.sea-route-guide {
  padding-bottom: 2%;
}

.info-box.ship-box {
  width: 80%;
  margin: 2.5% auto 0;
}

.info-box-txt.searoute-image {
  width: 36%;
  margin-right: 5% !important;
}

.info-box-txt.searoute-detail {
  width: 64%;
}

.ship-guide p {
  font-size: 1.6rem;
  line-height: 2.6rem;
  padding-left: 23px;
}

.guide-searoute-name {
  font-size: 1.8rem !important;
  font-weight: bold;
}

span.red-txt.ship-red {
  font-size: 1.4rem;
}

.detail-link.ship-page-link {
  background-color: #9D942E;
  margin: 0 0 0 23px;
  width: 20%;
  padding: 1% 4%;
}

.sp-break {
  display: none;
}

.ship-room-menu.time-schedule-content {
  display: block !important;
}

.ship-room-menu-inner.searoute-menu-inner {
  right: 0;
  margin-top: 1.9%;
}

.suspension {
  margin: 2% 0 0;
  font-size: 1.4rem;
}

span.red-txt {
  color: #d0364f;
}

.tab-wrap {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 20px 0 0;
}

.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  display: block;
  order: -1;
}

.tab-wrap > input[type=radio] {
  display: none;
}

.tab-label {
  color: white;
  background: #3F4352;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  padding: 0.7% 2%;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  flex: 1;
  text-align: left;
}

.tab-label:not(:last-of-type) {
  margin-right: 5px;
}

.tab-label.second-label {
  border-radius: 7px;
  border-bottom: solid 3px #5C7CA3;
  background: #609AE4;
}

.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.tab-switch {
  display: none;
}

.tab-switch:checked + .tab-label {
  background: white;
  color: #3F4352;
  box-shadow: 2px -2px 4px -3px;
  border-top: solid 1px #3F4352;
  border-left: solid 1px #3F4352;
  border-right: solid 1px #3F4352;
}

.tab-switch:checked + .tab-label + .tab-content {
  height: auto;
  opacity: 1;
  transition: .5s opacity;
  position: relative;
  top: 4px;
}

.tab-switch.second-tab:checked + .tab-label.second-label {
  color: #3F4352;
  background: #e5eaef;
  border: solid 1px #ababab;
  box-shadow: none;
}

.departure-time-note {
  margin: 2% 0;
  font-size: 1.4rem;
  line-height: 2.5rem;
}

.departure-time-note p {
  font-size: 1.5rem;
  line-height: 2.5rem;
  margin-bottom: 0;
}

.departure-time-note a {
  color: #d0364f;
  text-decoration: underline;
}

.departure-time-note ul {
  line-height: 2.5rem;
  margin: 1% 0 4%;
  font-size: 1.4rem;
}

.departure-time-note ul > li {
  list-style: square;
  margin: 10px 0;
}

.departure-time-note img {
  margin: 1% auto 3%;
  width: 60%;
}

.time-table-list {
  padding: 0 0 1%;
  border-bottom: 0.5px dashed #aaa;
  margin-bottom: 2.5%;
}

.time-table-list h2 {
  font-size: 1.8rem;
}

.flight-time p {
  width: 100%;
  font-size: 1.7rem;
  margin-bottom: 8px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-justify-content: center;
}

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

.flight-date p {
  text-align: center;
  width: 60%;
  margin-bottom: 1%;
  background-color: #DFE3EF;
  padding: 0.5% 0;
  font-size: 1.6rem;
}

.flight-date span {
  font-size: 1rem;
  position: relative;
  bottom: 7px;
  color: #D0364F;
}

.searoute-way {
  width: 99%;
  margin: 0 auto;
  background-color: white;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  margin-bottom: 2%;
}

.searoute-way h4 {
  text-align: center;
  background-color: #1A436D;
  color: white;
  font-size: 1.6rem;
  padding: 4px 0;
  margin-bottom: 4px;
}

span.red-txt.red-tx-bold {
  font-weight: bold;
}

.ship-no-smoking.departure-time-note h4 {
  font-weight: bold;
}

.ship-no-smoking.departure-time-note ul {
  line-height: 2.6rem;
  padding-left: 2.5%;
  margin-bottom: 0;
}

.ship-no-smoking.departure-time-note li {
  list-style: square;
}

p.flight {
  width: 39%;
  background-color: #609AE4;
  color: white;
  margin-right: 1%;
}

.where {
  text-align: center;
  padding: 1% 0;
}

.where span {
  padding: 0 1.5%;
}

p.whereabout {
  margin-bottom: 0;
}

.where-detail p {
  font-size: 1.5rem;
  margin-bottom: 1.4%;
}

p.flight-time {
  font-size: 2rem;
  margin-top: 3%;
}

.pdf-icon {
  background-color: #3F4352;
  color: white;
  border-radius: 3px;
  padding: 1px 7px;
  font-size: 1.3rem;
  margin-left: 2%;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}

.info-box.tiime-table-bpx {
  margin-top: 4%;
}

.searoute-menu {
  margin-bottom: 16%;
}

.info-box.schedule-box {
  margin-top: 2%;
  position: relative;
}

.ship-dey_name {
  font-size: 1.5rem;
  margin-bottom: 1%;
  padding-left: 5%;
}

.open-pdf {
  background: #f0f2fc;
  padding: 1.5% 0;
  margin-top: 1.5%;
}

.open-pdf p {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 0;
}

.open-pdf img {
  width: 10.5%;
  padding-right: 0.5%;
}

.guide-fare-list {
  margin-top: 2%;
}

.fare-place {
  margin: 17px 0 11px 3px;
}

.fare-list {
  width: 100%;
  margin-bottom: 7px;
}

.fare-detail {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-spacing: 0.32rem 0.2rem;
}

@media (max-width: 670px) {
  .fare-detail {
    max-width: 100%;
    width: auto;
  }
}

.fare-detail > div {
  padding: 7px;
}

@media (max-width: 670px) {
  .fare-detail.fare-day {
    width: 100%;
  }
}

.fare-round-trip {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-spacing: 0.32rem 0.2rem;
}

.fare-round-trip > div {
  padding: 5px 14px;
}

.fare-title-ditile {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  color: white;
  background-color: #5C7CA3;
  width: 64px;
  text-align: center;
  padding: 0.6rem 0;
}

.fare-direction-ditile {
  display: table-cell;
  vertical-align: middle;
  width: 18.5%;
  background-color: #DFE3EF;
  text-align: center;
}

.fare-direction-ditile.period-content {
  display: flex;
  align-items: center;
  width: 100%;
  background: none;
  padding: 0 !important;
  border-bottom: solid 3px white;
  background-color: #DFE3EF;
}

.fare-direction-ditile.period-content:last-child {
  border-bottom: 0;
}

.trip_place, .trip_term {
  padding: .5rem;
}

.trip_place {
  width: 5rem;
  background-color: #DFE3EF;
}

.trip_term {
  background-color: #F7F7F7;
  width: 100%;
  text-align: left;
}

.fare-day-ditile {
  display: table-cell;
  vertical-align: middle;
  background-color: #F7F7F7;
  word-break: break-word;
  line-height: 1.8em;
  width: 75%;
}

.fare-direction-price {
  display: table-cell;
  vertical-align: middle;
  width: 18.5%;
  text-align: center;
  background-color: #DFE3EF;
  background-color: #F7F7F7;
}

.fare-outbound {
  display: table-cell;
  vertical-align: middle;
  width: 28%;
  background-color: #1A436D;
  color: white;
  font-weight: bold;
}

.return-trip {
  display: table-cell;
  vertical-align: middle;
  color: white;
  background-color: #5C7CA3;
  font-weight: bold;
}

.fare-title-ditile.cabin {
  width: 64.9px;
}

.fare-title-ditile.vehicle-length {
  width: 93px;
}

.fare-title-ditile.vehicle-period {
  width: 93px;
}

.fare-direction-ditile.cabin-name {
  width: 18.5%;
  text-align: center;
  background-color: #DFE3EF;
}

.fare p {
  font-size: 1.4rem;
  font-weight: normal;
}

.fare-list_scroll {
  display: none;
}

.acd-check {
  display: none;
}

.acd-check:checked + .acd-label:before {
  content: '\02228';
  left: 16px;
}

.acd-check:checked + .acd-label + .acd-content {
  height: auto;
  opacity: 1;
  padding: 18px 25px;
  visibility: visible;
  border: none;
}

.acd-label {
  color: #333;
  display: block;
  padding: 6px 10px 6px 37px;
  position: relative;
  border: solid 1px #333;
  font-weight: bold;
}

.acd-label:before {
  content: '\03e';
  position: absolute;
  left: 20px;
}

.acd-content {
  border: 1px solid #333;
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: .5s;
  visibility: hidden;
  overflow: hidden;
}

.ship-no-smoking.departure-time-note.fare-note {
  border: none;
  padding: 0;
  margin-top: 0;
}

.namber {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.namber-treatment {
  width: 50%;
}

.namber-treatment h4 {
  border-left: solid 6px #5D5D5D;
  text-indent: 9px;
  margin-bottom: 2%;
}

.info-box-txt.namber-box {
  width: 100%;
}

.info-box-txt.namber-box ul {
  padding-left: 2.4%;
  padding-left: 2.4%;
}

.info-box-txt.namber-box ul > li:before {
  left: 11px;
}

.info-box-txt.namber-box ul > li:after {
  left: 4.5%;
}

.ship-no-smoking.departure-time-note.fare-departure {
  border: solid 1px #333;
}

.ship-no-smoking.departure-time-note.fare-departure ul {
  margin: 0;
}

.ship-no-smoking.departure-time-note.fare-departure ul > li {
  margin: 0;
}

.fare-discount {
  font-weight: bold;
  font-size: 1.9rem;
  text-align: center;
  color: white;
  background-color: #BEAB6A;
  border-radius: 5px;
  padding: 0.5% 0;
  width: 45%;
  margin: 2% auto 0;
  border-bottom: solid 3px #615736;
}

.fare-discount:hover {
  background-color: #615736;
}

.fare-discount.fare-page-link {
  margin-bottom: 2%;
}

li.fare-direction-ditile.fare-period_sp {
  padding: 0.5rem 0;
}

li.fare-day-ditile.fare-period_sp {
  padding: 0.5rem;
}

.room-title.c-title.attraction-fun.fare-campain {
  border-bottom: solid 1px #BEAB6A !important;
  border-left: solid 8px #BEAB6A;
}

.detail-link.list-page-link.campaign-page-link {
  background-color: #BEAB6A;
}

.open-pdf.bag-fare {
  margin: 0 0 2%;
  padding: 1.5% 2%;
  font-size: 1.4rem;
  line-height: 2.5rem;
}

.fare-outbound.return-detail {
  color: black;
  background-color: #F7F7F7;
  font-weight: normal;
  font-size: 1.4rem;
}

.return-trip.return-detail {
  color: black;
  background-color: #F7F7F7;
  font-weight: normal;
  font-size: 1.4rem;
}

.departure-time-note.fare-note.fare-note-tx {
  margin-top: 0;
}

.departure-time-note.fare-note.fare-note-tx li {
  list-style: none;
  text-indent: -1.6rem;
  padding-left: 2%;
  margin: 0 0 4px;
}

.embark-br {
  display: none;
}

.info-box-.terminal-image {
  width: 70% !important;
}

.info-box-.port-detail {
  width: 100%;
}

.info-box.terminal-box {
  margin: 3% 0;
}

.info-box-txt.terminal-image {
  width: 35%;
  margin-right: 3% !important;
}

.info-box-txt.port-detail {
  width: 68%;
}

.port-name {
  margin-bottom: 4px;
  font-size: 1.8rem;
}

.terminal-address {
  margin-bottom: 4px;
}

.terminal-namber {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.terminal-namber p {
  font-size: 1.5rem;
  font-weight: normal;
}

.terminal-tel {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 1.5% 2% 3.5% 0;
}

.terminal-subtitle {
  padding: 4px 12px;
  background-color: #5d7ba9;
  margin-right: 2px;
  color: white;
}

.tel-namber {
  padding: 4px 12px;
  background-color: #5d7ba9;
  margin-right: 2px;
  color: white;
  background-color: #f5f5f5;
  color: #3F4352;
  font-weight: normal;
  padding: 4px 18px 4px 6px;
}

.detail-link.ship-page-link.terminal-link {
  font-size: 1.4rem;
  padding: 0.5% 3%;
  margin-left: 0;
}

.ride-link {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-bottom: 6%;
}

.ride-link a {
  width: 50%;
}

.detail-link.ride-btn {
  margin: 4% auto 0;
  padding: 8px 18px;
  background-color: #BEAB6A;
  width: 100%;
}

ul.embark-car > li {
  list-style: none !important;
  border-left: solid 7px #aaa;
  padding-left: 10px;
  margin-bottom: 2%;
}

ul.embark-buss-detail > li {
  list-style: none !important;
  border-left: solid 7px #aaa;
  padding-left: 10px;
  margin-bottom: 2%;
  font-size: 1.6rem;
}

.d-flex {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  margin-top: 1%;
}

.d-block {
  width: 50%;
  margin-right: 2%;
}

.d-block img {
  width: 100%;
}

.d-block.d-block-list {
  width: 100%;
}

.d-block.d-block-list ul > li {
  margin: 0;
  line-height: 2.7rem;
  list-style: none;
}

.embark-buss {
  margin-top: 1%;
  font-size: 1.3rem;
}

.embark-buss tr {
  border: solid 2px white;
}

.embark-buss th {
  border: solid 2px white;
  background-color: #DFE3EF;
  padding: 3px 6px;
  width: calc(100%/4);
  text-align: left;
}

.embark-buss td {
  border: solid 2px white;
  background-color: #F7F7F7;
  padding: 3px 6px;
}

.embark-buss-title_sp {
  background-color: #DFE3EF;
  padding: 3px 6px;
}

.embark-buss-detail_sp {
  background-color: #F7F7F7;
  padding: 3px 6px;
}

.embark-buss.embark-buss-seoson {
  width: 100%;
}

.embark-buss.embark-buss-seoson th {
  width: 14%;
}

.embark-buss.embark-buss_sp {
  display: none;
}

.embark-notice {
  font-size: 1.5rem;
  margin-top: 3%;
}

.embark-facility-open {
  font-weight: normal;
  background-color: #F7F7F7 !important;
  padding: 1.5% 1.5%;
  margin-bottom: 2% !important;
}

.embark-facility-title {
  font-weight: normal;
  border-left: solid 7px #aaa;
  padding-left: 10px;
  margin-top: 3%;
}

ul.embark-facility-list {
  margin-bottom: 3% !important;
  padding-left: 4.5% !important;
}

ul.embark-facility-list > li {
  margin: 0;
  line-height: 3rem;
}

.embark-facility-notice {
  font-weight: normal;
}

.copy-text.enjoy-cruise-txt.view-txt {
  filter: drop-shadow(0px 0px 14px #aaa);
  text-shadow: 2px 0px 4px burlywood;
  color: #3c1313;
}

.scene-container {
  margin-bottom: 4%;
}

.scene-container h1 {
  bottom: 0;
  width: 100%;
  font-size: 2.2rem;
  padding-bottom: 7px;
  border-bottom: solid 1px #707070;
  margin-bottom: 3%;
}

h1.entry-title.entry-title.c-icon-title-b.c-icon-title.c-icon-title-9D942E.scene-title {
  bottom: 0;
  width: 100%;
  font-size: 2rem;
  padding-bottom: 2px;
  border-bottom: solid 1px #707070;
  margin-bottom: 5%;
}

h1.entry-title.entry-title.c-icon-title-b.c-icon-title.c-icon-title-9D942E.scene-title:before {
  width: 33px;
}

.searoute-menu.scene-menu {
  position: relative;
  top: 12px;
}

.searoute-view {
  margin-bottom: 14%;
}

.searoute-view h2 {
  font-size: 1.7rem;
  margin-bottom: 13px;
}

.searoute-view h3 {
  font-size: 1.5rem;
}

.searoute-view h3:after {
  content: '';
  width: 87px;
  height: 7px;
  margin: auto 0 auto auto;
  border-bottom: solid 1px #333;
  border-right: solid 1px #333;
  transform: skew(45deg);
  position: absolute;
  right: 7px;
  bottom: 7px;
}

.searoute-view-list {
  position: relative;
  margin: 17% auto 11%;
  text-align: center;
}

.searoute-view-list img {
  width: 75%;
  margin: 0 auto;
  position: relative;
  z-index: -3;
}

.view-place {
  position: absolute;
}

.view-place img {
  position: relative;
  z-index: 0;
}

.view-place:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #3F4352 transparent transparent transparent;
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
}

.info-box.view-route-box > .info-box-txt ul > li {
  padding-left: 1%;
}

.info-box.view-route-box > .info-box-txt ul > li:before {
  display: none;
}

.info-box.view-route-box > .info-box-txt ul > li:after {
  display: none;
}

.view-detail {
  position: relative;
}

.view-detail img {
  border-radius: 197px;
  width: 110px !important;
  height: 110px;
  background-color: white;
  padding: 4px;
  border: solid 1px #3F4352;
  box-shadow: 2px 2px 4px -2px grey;
}

.view-detail p {
  font-size: 1.4rem;
  font-weight: bold;
  color: white;
  background-color: #BEAB6A;
  border-radius: 30px;
  position: relative;
  z-index: 1;
  bottom: 16px;
  text-align: center;
  padding: 2px 0;
  box-shadow: 2px 2px 4px -2px grey;
}

.view-place.syakotan {
  bottom: 373px;
  left: 454px;
  width: 212px;
}

.view-place.syakotan p {
  left: 40px;
}

.view-place.syakotan:after {
  border-width: 20px 109px 0px 1px;
  top: 92%;
  left: 8%;
  transform: rotate(102deg);
}

.view-place.kamui {
  bottom: 345px;
  left: 345px;
  width: 178px;
}

.view-place.kamui p {
  right: 8px;
}

.view-place.kamui:after {
  border-width: 20px 129px 0px 1px;
  top: 81%;
  left: 35%;
  transform: rotate(53deg);
}

.view-place.motta {
  bottom: 334px;
  left: 183px;
  width: 188px;
}

.view-place.motta p {
  right: 43px;
}

.view-place.motta:after {
  border-width: 20px 255px 0px 1px;
  top: 91%;
  left: 33%;
  transform: rotate(22deg);
}

.view-place.okusiriitou {
  bottom: 206px;
  left: 155px;
  width: 190px;
}

.view-place.okusiriitou p {
  right: 35px;
}

.view-place.okusiriitou:after {
  border-width: 14px 198px 0px 1px;
  top: 38%;
  left: 60%;
  transform: rotate(5deg);
}

.view-place.oshima {
  bottom: 80px;
  left: 59px;
  width: 190px;
}

.view-place.oshima p {
  width: 135px;
  left: 7px;
}

.view-place.oshima:after {
  border-width: 14px 284px 0px 1px;
  top: -6%;
  left: 65%;
  transform: rotate(-13deg);
}

.view-place.esan {
  bottom: 251px;
  left: 617px;
  width: 180px;
}

.view-place.esan p {
  left: 30px;
}

.view-place.esan:after {
  border-width: 9px 196px 0px 1px;
  top: 44%;
  right: 49%;
  transform: rotate(-211deg);
}

.view-place.tappimisaki {
  bottom: 76px;
  left: 500px;
  width: 181px;
}

.view-place.tappimisaki p {
  left: 36px;
}

.view-place.tappimisaki:after {
  border-width: 14px 129px 0px 1px;
  top: 2%;
  right: 43%;
  transform: rotate(-151deg);
}

.view-place.omasaki {
  bottom: 125px;
  left: 635px;
  width: 160px;
}

.view-place.omasaki p {
  left: 20px;
}

.view-place.omasaki:after {
  border-width: 10px 200px 0px 1px;
  bottom: 71%;
  transform: rotate(-177deg);
  right: 55%;
}

.view-place.ogahantou {
  bottom: -65px;
  left: 302px;
  width: 190px;
}

.view-place.ogahantou p {
  right: 38px;
}

.view-place.ogahantou:after {
  border-width: 14px 151px 0px 1px;
  bottom: 130%;
  transform: rotate(-78deg);
  left: 27%;
}

.view-title {
  border-bottom: solid 1px #031c83;
}

.view-image {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: center;
  -webkit-justify-content: center;
}

.view-image img {
  width: auto;
  height: 268px;
}

.view-way {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 2%;
}

.time-detail {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.main-scene-image {
  padding-right: 0.8%;
}

.view-txt {
  margin-top: 2%;
}

.view-txt p {
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 2.7rem;
}

.view-detali {
  margin-bottom: 6%;
}

.info-box-txt.ship-use p {
  margin-bottom: 0;
  padding-left: 5%;
}

.view-time {
  width: 49%;
  margin: 0 auto;
  background-color: white;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  margin-bottom: 2%;
}

.view-time h4 {
  text-align: center;
  background-color: #1A436D;
  color: white;
  font-size: 1.6rem;
  padding: 4px 0;
  margin-bottom: 4px;
}

.transit-time {
  text-align: center;
  background-color: #DFE3EF;
  width: 40%;
  padding: 9px 0;
}

.transit-time-detail {
  width: 59.2%;
  padding: 9px 0;
  text-align: center;
  background-color: #F7F7F7;
  margin-left: 3px;
}

.view-annotation {
  border-top: 0.5px dashed #aaa;
  padding-top: 2%;
  margin-bottom: 6%;
}

.view-annotation p {
  font-weight: normal;
  line-height: 2.6rem;
  font-size: 1.4rem;
  color: #d0364f;
}

.content-back.gourmet-back {
  background: url(/cms/wp-content/themes/godios-child/images/attraction/gourmet/cafe/cafe-back.png);
}

.copy-text.gourmet-text.cafe-copy {
  position: relative;
  top: 118px;
  left: 9px;
}

.cont-list-title.cafe-pege-title {
  width: 100%;
}

.cafe-menu-detail {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: start;
  -webkit-justify-content: start;
}

.cafe-menu-price {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: start;
  -webkit-justify-content: start;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-bottom: 0;
}

.dessert {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: start;
  -webkit-justify-content: start;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-bottom: 0;
}

.dessert-menu-name {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: start;
  -webkit-justify-content: start;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-bottom: 0;
  margin-top: 4%;
}

.ship-link.gourmet-link {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: start;
  -webkit-justify-content: start;
  justify-content: center;
  -webkit-justify-content: center;
}

.ship-link.gourmet-link:before {
  display: none;
}

.ship-link.gourmet-link:after {
  display: none;
}

.cafe-menu-image {
  width: 23%;
}

.cafe-menu {
  margin-bottom: 6%;
}

.cafe-menu-txt {
  width: 39.5%;
  margin-right: 3%;
  line-height: 2.6rem;
}

.dessert-content {
  margin-bottom: 6%;
}

.dessert-menu-detail {
  width: 30%;
}

.dessert-menu-detail p {
  font-weight: normal;
  font-size: 1.4rem;
}

.open-pdf.bag-fare.gourmet-fare {
  border-top: dashed 1px #aaa;
  margin-bottom: 2%;
  background: none;
  padding-bottom: 2%;
}

.open-pdf.bag-fare.gourmet-fare p {
  margin: 2% 0;
  padding: 1.5% 2%;
  font-size: 1.4rem;
  line-height: 2.5rem;
  text-align: left;
  background: #f0f2fc;
}

.detail-link.cont-link.gourmet-page-link {
  width: 95%;
  padding: 1.5% 3.5%;
  margin: 0 auto 10%;
}

.content-back.shop-back {
  background: url(/cms/wp-content/themes/godios-child/images/attraction/enjoy/shop/shop-back.png);
}

.tab-label.shop-label {
  background-color: #497834;
}

.tab-switch.shop-tab:checked + .tab-label {
  color: #497834;
  border-top: solid 1px #497834;
  border-left: solid 1px #497834;
  border-right: solid 1px #497834;
}

.tab-content.product-tab {
  margin-top: 1.5%;
}

.shop-content {
  margin-bottom: 6%;
}

.shop-products {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 90%;
  margin: 0 auto;
}

.shop-txt {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  justify-content: start;
  -webkit-justify-content: start;
  display: table;
  table-layout: fixed;
  border-spacing: 0.32rem 0.2rem;
}

.original {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  width: 92%;
  justify-content: start;
  -webkit-justify-content: start;
}

.amusement-content {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 6%;
}

.vendin-detail {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  width: 100%;
  line-height: 2.6rem;
  justify-content: start;
  -webkit-justify-content: start;
}

.restaurant-menu.alcohol-menu {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  margin-top: 2.5%;
  line-height: 2.9rem;
  width: 45%;
}

.alcohol-content {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  width: 100%;
}

.meal-content {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  width: 100%;
}

.gourmet-menu {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  width: 100%;
}

.common-menu-txt {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  width: 100%;
}

.shop-image {
  width: 40.5%;
  margin-right: 2%;
}

.shop-detail {
  width: 57%;
  position: relative;
}

.sales_area {
  padding: 7px;
  text-align: center;
  background-color: #DFE3EF;
  width: 89px;
  display: table-cell;
  vertical-align: middle;
}

.sales_txt {
  padding: 7px;
  text-align: center;
  background-color: #DFE3EF;
  width: 89px;
  display: table-cell;
  vertical-align: middle;
  background-color: #F7F7F7;
  width: 85%;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

.souvenirs_annotation {
  position: absolute;
  left: 5%;
  margin-top: 2%;
}

.original-goods {
  width: 24%;
  text-align: center;
  margin-bottom: 1.5%;
  padding: 0 1%;
}

.goods-detail {
  margin-top: 5%;
}

.goods-detail p {
  margin-bottom: 0;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 2.5rem;
}

.amusement-detail {
  width: 45%;
}

.amusement-txt {
  margin-top: 3.5%;
}

.vendin-content {
  margin-bottom: 6%;
}

.rental_goods {
  margin-bottom: 1.5%;
}

.products_annotation {
  line-height: 2.6rem;
  font-size: 1.4rem;
}

.capacity {
  width: 20%;
}

.rental_goods.vendin_annotation {
  margin-top: 1%;
}

.enjoy-cruise-copy.attraction-enjyoy-copy.restaurant {
  top: 9.5%;
  left: 10.5%;
}

.restaurant-sales {
  line-height: 2.7rem;
  text-align: center;
}

.restaurant-list {
  margin: 1.5% auto;
}

.restaurant-detail {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}

.restaurant-route {
  padding: 7px;
  display: table-cell;
  vertical-align: middle;
  color: white;
  font-weight: bold;
  background-color: #a35c5c;
}

.restaurant-time-detail {
  padding: 7px;
  display: table-cell;
  vertical-align: middle;
  background-color: #efdfdf;
  text-align: center;
}

.restaurant-place {
  padding: 7px;
  display: table-cell;
  vertical-align: middle;
  background-color: #F7F7F7;
  text-align: center;
}

.restaurant-time {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-spacing: 0.32rem 0.2rem;
}

.restaurant-description {
  margin-bottom: 2%;
}

.restaurant-description p {
  line-height: 2.7rem;
  font-weight: normal;
  font-size: 1.5rem;
  margin-bottom: 0;
}

.open-pdf.bag-fare.restaurant-fare {
  margin-bottom: 6%;
}

.open-pdf.bag-fare.restaurant-fare p {
  line-height: 2.7rem;
  text-align: left;
  font-weight: normal;
}

.tab-label.restaurant-label {
  background-color: #AC3F51;
}

#restaurant-tabs .tab-label.restaurant-label {
  flex-basis: calc(25% - 5px);
  flex-grow: inherit;
  margin-bottom: 5px;
  max-width: calc(25% - 5px);
  white-space: normal;
  word-break: keep-all;
}

#restaurant-tabs .tab-label.restaurant-label:nth-of-type(4n) {
  margin-right: 0;
}

#restaurant-tabs .tab-label.restaurant-label span {
  word-break: break-all;
}

.tab-switch.restaurant-tab:checked + .tab-label {
  border-top: solid 1px #AC3F51;
  border-left: solid 1px #AC3F51;
  border-right: solid 1px #AC3F51;
  color: #AC3F51;
}

.restaurant-menu {
  width: 70%;
  margin: 2.5% auto;
}

.enjoy-cruise-copy.attraction-enjyoy-copy.meal {
  left: 10.5%;
  top: 158px;
}

.restaurant-sales.meal-sales p {
  line-height: 3rem;
}

span.red-txt.mael-bold {
  font-weight: bold;
}

.restaurant-route.meal-season-title {
  width: 33.3%;
}

.restaurant-place.meal-season {
  color: #d0364f;
  font-weight: bold;
}

.meal {
  margin: 5% 0;
}

.meal-image {
  width: 36.5%;
  margin-right: 1.5%;
}

.meal-detail {
  width: 60%;
  margin-top: 1%;
}

.meal-detail h3 {
  font-size: 1.8rem;
  color: #AC3F51;
  font-weight: bold;
  margin-bottom: 2%;
}

.meal-txt {
  font-size: 1.6rem;
  line-height: 2.7rem;
  margin-bottom: 3.5%;
}

.meal-link {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: start !important;
  -webkit-justify-content: start !important;
}

.meal-link a {
  width: 30%;
}

.kansai-meal {
  padding: 7px 12px !important;
  width: 100%;
}

.kanto-meal {
  padding: 7px 12px !important;
  width: 100%;
}

.detail-link.fun-link.gourmet-link.kansai-meal {
  width: 85%;
}

.detail-link.fun-link.gourmet-link.kanto-meal {
  width: 85%;
  margin-left: 5%;
  background-color: #575c71;
}

.entry-content.ship-room-content.single-pan {
  margin-top: 0;
  padding-top: 0;
}

.meal-page-title {
  width: 100%;
  text-align: center;
  margin-bottom: 1%;
}

.meal-page-title h2 {
  color: #AC3F51;
  font-weight: bold;
}

.restaurant-sales.meal-sales.gourmet-sales {
  margin-bottom: 3%;
}

.gourmet-searoute {
  margin-top: 2%;
  font-size: 1.8rem;
  background-size: 3%;
}

.common-meal {
  margin-top: 2%;
  margin-bottom: 4%;
}

.gourmet-menu-list {
  margin-bottom: 4%;
}

.gourmet-menu-image {
  width: 40.5%;
  margin-right: 1.5%;
}

.gourmet-menu-image p {
  font-size: 1.5rem;
  font-weight: normal;
  margin-top: 2%;
}

.gourmet-menu-detail {
  width: 57%;
}

.gourmet-menu-detail h3 {
  font-size: 1.6rem;
}

.gourmet-menu-detail h4 {
  font-size: 2rem;
  color: #AC3F51;
  font-weight: bold;
  margin: 1% 0 2.5%;
}

.gourmet-menu-option {
  margin-top: 4%;
}

.gourmet-menu-option h5 {
  font-size: 1em;
  background-size: 5%;
  margin-bottom: 2%;
}

.menu-option-price {
  border-left: solid 6px #AC3F51;
  padding-left: 2.5%;
}

.menu-option-price p {
  font-weight: normal !important;
  margin-bottom: 0;
  line-height: 2.9rem;
  font-size: 1.4rem;
}

.option-price-txt {
  font-size: 1.5rem !important;
}

span.red-txt.post-meal-txt {
  font-weight: bold;
  font-size: 2.1rem;
  padding-right: 3px;
}

.menu-option-detail {
  margin-top: 3%;
}

.menu-option-detail p {
  line-height: 2.6rem;
  background-color: #f5f1e7;
  font-size: 1.4rem;
  font-weight: normal;
  padding: 1% 3%;
}

.dish-content {
  margin-top: 4%;
}

.dish-detail {
  margin: 2% 0 1%;
}

.dish-list {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-spacing: 0.32rem 0.2rem;
}

.dish-name {
  display: table-cell;
  vertical-align: middle;
  padding: 7px;
  width: 25%;
  background-color: #dfaeae;
  text-align: center;
}

.dish-txt {
  display: table-cell;
  vertical-align: middle;
  padding: 7px 15px;
  background-color: #f5e3e3;
}

.comon-menu-content {
  padding-left: 2.5%;
  width: 35%;
  line-height: 2.7rem;
}

.comon-menu-annotation {
  padding-left: 2.5%;
  line-height: 2.7rem;
  margin-bottom: 1.5%;
}

.common-menu-detail {
  margin-bottom: 1%;
}

.common-dish-annotation {
  margin-top: 1%;
}

.ship-link.gourmet-link.meal-page-link a {
  width: 33%;
}

.detail-link.cont-link.gourmet-page-link.gourmet-cont-link {
  padding: 8px 22px;
}

.fare-title-ditile.calling-route {
  width: 10%;
}

.calling-detail {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-spacing: 0.32rem 0.2rem;
}

.calling-route-detail {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-spacing: 0.32rem 0.2rem;
}

.calling-route-detail > div {
  padding: 5px 3px;
}

.fare-direction-ditile.calling-title {
  background-color: #F7F7F7;
  width: 100%;
}

.fare-direction-ditile.calling-name {
  background-color: #F7F7F7;
  width: 100%;
}

.calling-route-next {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  right: -14px;
}

.fare-direction-ditile.cabin-name.cabin-end {
  background: none;
  width: 100%;
  float: left;
}

.fare-direction-ditile.calling-name-end {
  background: none;
  width: 100%;
  float: left;
}

.fare-direction-ditile.cabin-name.cabin-time {
  width: 100%;
}

.fare-direction-ditile.calling-name.calling-sunday {
  position: relative;
  left: 9px;
}

.amusement-detail.movie-detail {
  width: 48%;
  height: auto;
}

h2.movie-title {
  border-bottom: solid 1px #031c83 !important;
  padding-bottom: 0 !important;
  font-size: 1.8rem;
  text-align: left;
}

h2.movie-title:before {
  width: 8px;
  height: 28px;
  margin: 0 0.7em 0 0;
  background: #031c83;
  content: '';
  display: inline-block;
  vertical-align: -0.4em;
}

h2.movie-title:after {
  display: none;
}

.snf-movie {
  position: relative;
  height: 250px;
}

.snf-movie img {
  position: relative;
  z-index: 1;
}

.snf_movie_play {
  position: absolute;
  left: 0;
  top: 0;
  max-height: 203px;
  width: 100%;
}

.amusement-content.wallpaper-list {
  width: 100%;
  margin-bottom: 1%;
}

.amusement-detail.wallpaper-detail {
  width: 47.5%;
  margin-bottom: 6%;
}

.wallpaper-dl {
  margin-top: 3%;
}

.wallpaper-dl-link {
  background-color: #1A476B;
  border-radius: 5px;
  color: white;
  padding: 6px 17px;
  margin-bottom: 1%;
  text-align: center;
  border-bottom: solid 3px #5C7CA3;
}

.wallpaper-dl-link:hover {
  background-color: #5C7CA3;
}

.wallpaper-fare p {
  line-height: 2.8rem;
  font-size: 1.6rem;
  font-weight: normal;
}

.wallpaper-size-about {
  margin: 4% auto;
}

.wallpaper-size-about h4 {
  font-size: 1.8rem;
  margin-bottom: 1%;
}

#en-slider {
  width: 80%;
  margin: 2% auto;
}

.route-link.en-route-link {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  position: absolute;
  bottom: 0;
}

.en-route-detail {
  width: 95px;
  height: 95px;
  margin: 0 !important;
  padding: 6.5% 0 !important;
  position: relative;
  z-index: 5;
  border: solid 2px #3F4352;
  border-radius: 100% 100%;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 1.8rem !important;
  color: #3F4352;
  font-weight: bold;
  text-align: center;
  font-size: 1.3rem !important;
  line-height: 2rem !important;
}

.en-route-detail:before {
  display: none;
}

.en-route-detail.maizuru {
  left: 232px;
  bottom: 98px;
}

.en-route-detail.tsuruga {
  left: 208px;
  bottom: 32px;
}

.en-route-detail.niigata {
  left: 296px;
  bottom: 48px;
}

.en-route-detail.akita {
  left: 312px;
  bottom: 95px;
}

.en-route-detail.otaru {
  left: 345px;
  bottom: 300px;
}

.en-route-detail.tomakomai-east {
  left: 282px;
  bottom: 201px;
  padding: 5.5% 0 !important;
}

.en-route {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-spacing: 1rem 0;
  margin: 6% auto 3%;
}

.en-route a {
  display: table-cell;
  vertical-align: middle;
  width: 30%;
  color: white !important;
  opacity: 1 !important;
}

.en-route-pdf.en-route-maizuru {
  padding-top: 13%;
  background: #aa935f;
  border-right: solid 3px #685833;
  border-bottom: solid 3px #685833;
}

.en-route-pdf.en-route-maizuru:hover {
  border: none;
  color: white;
  background: #837b68;
}

.en-route-pdf.en-route-tsuruga {
  padding-top: 13%;
  background: #E08A8A;
  border-right: solid 3px #8d6262;
  border-bottom: solid 3px #8d6262;
}

.en-route-pdf.en-route-tsuruga:hover {
  border: none;
  color: white;
  background: #ae6868;
}

.en-route-pdf.en-route-niigata {
  padding-top: 13%;
  background: #497834;
  border-right: solid 3px #2b4321;
  border-bottom: solid 3px #2b4321;
}

.en-route-pdf.en-route-niigata:hover {
  border: none;
  color: white;
  background: #558142;
}

.en-route-pdf.en-route-tomakomai {
  background: #031C83;
  border-right: solid 3px #9395a0;
  border-bottom: solid 3px #9395a0;
}

.en-route-pdf.en-route-tomakomai:hover {
  border: none;
  color: white;
  background: #4e5677;
}

.en-route-pdf {
  height: 103px;
  width: 100%;
  padding: 8px 16px;
  border-radius: 5px;
}

.en-reservation-link {
  text-align: center;
  font-size: 2rem;
  color: white;
  background: #1A436D;
  padding: 11px 0px;
  border-radius: 5px;
  margin-bottom: 6%;
  border-right: solid 5px #677889;
  border-bottom: solid 5px #677889;
}

.en-reservation-link:hover {
  border: none;
  background: #7998b8;
}

.reservation_section_box.reservation_section_en {
  line-height: 3rem;
}

.reservation-en {
  padding-left: 4%;
  margin-top: 2.5%;
}

.reservation-en li {
  list-style: decimal;
  margin-bottom: 1.5%;
}

.reservation-note {
  padding-left: 4%;
}

.content-back.recruit-back {
  background: url(/cms/wp-content/themes/godios-child/images/recruit/recruit-back.png);
}

.recruit-content {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.recruit-detail {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: center;
  -webkit-justify-content: center;
  margin: 4% 0;
}

.recruit-note-detail {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: start;
  -webkit-justify-content: start;
  margin-bottom: 2%;
}

.recruit-note-detail h3 {
  font-size: 1.6rem;
  border: solid 1px #031c83;
  padding: 0.5% 1%;
  width: 105px;
  height: 34px;
  text-align: center;
}

.recruit-list {
  width: 27%;
  padding: 4% 0;
}

.recruit-list:hover {
  opacity: 0.55;
}

.recruit-list h2 {
  margin: 3% 0;
  text-align: center;
  font-size: 1.9rem;
  color: #1A436D;
}

.recruit-note-txt.recruit-top-note {
  width: 100%;
}

.recruit-note-txt.recruit-top-note img {
  width: 85%;
  height: auto;
}

.recruit_txt {
  width: 43%;
  line-height: 2.5rem;
}

.recruit_txt h2 {
  margin: 3% 0;
  text-align: center;
  font-size: 1.9rem;
  color: #1A436D;
  text-align: left;
}

.recruit-content.profession-detail {
  justify-content: center;
  -webkit-justify-content: center;
  margin: 4% 0;
  margin: 0 0 4%;
}

.profession_txt {
  line-height: 2.5rem;
}

.recruit_image {
  width: 28%;
  margin-right: 2.5%;
}

.recruit-sub_content {
  width: 47%;
  padding: 0 6%;
}

.recruit-note {
  width: 83%;
  margin: 0 auto;
}

.recruit-txt p {
  font-weight: normal;
}

.recruit-note-txt {
  padding: 0.5% 1% 0.5% 2%;
  font-size: 1.6rem;
  line-height: 2.7rem;
}

.recruit-note-txt img {
  width: 35%;
}

.privacy-link {
  width: 38%;
  margin: 0 auto;
  padding-bottom: 4%;
}

.site-map-content {
  max-width: 1200px;
  min-width: auto;
  margin-top: 2%;
  font-size: 2rem;
}

.site-map {
  width: 1105px;
  margin: 0 auto;
}

.parent_page {
  margin: 1em auto;
  position: relative;
  font-size: 2rem;
  background-color: #DFE3EF;
  color: #1A436D;
  padding: 7px 13px;
}

.parent_page:before {
  content: "";
  width: 22px;
  height: 22px;
  border-radius: 50% !important;
  background: #1A436D;
  display: inline-block;
  vertical-align: -0.2em;
}

.parent_page:after {
  content: "";
  margin-top: 5px;
  position: absolute;
  top: 8px;
  left: 21px;
  border: 6px solid transparent;
  border-left: 9px solid white;
}

.child-link {
  margin-bottom: 3%;
  padding-left: 3.5%;
  font-size: 1.8rem;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.child-link-list {
  width: 33%;
}

.child-link-detail {
  margin-bottom: 2%;
  margin-right: 6%;
  padding-left: 11.5%;
  position: relative;
}

.child-link-detail:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  left: 8px;
  border-radius: 50% !important;
  background: #1A436D;
}

.child-link-detail:after {
  content: "";
  margin-top: 5px;
  position: absolute;
  top: 3px;
  left: 15px;
  border: 5px solid transparent;
  border-left: 9px solid white;
}

.grandchild-link {
  padding-left: 12%;
  line-height: 3.3rem;
  margin-bottom: 6%;
}

.grandchild-link-detail:before {
  content: "\0bb";
  padding-right: 3%;
  color: #1A436D;
  font-weight: bold;
}

.room-container.cards > div {
  margin: 0 auto;
}

.room-container.cards > h2 {
  font-size: 1.8rem;
  margin-bottom: 0 !important;
  color: #1A476B;
  line-height: 2.8rem;
}

.attraction-img-block.panph-tx {
  margin: 3.5% 0 0 0 !important;
}

.search_content .entry-inner {
  width: auto;
  max-width: calc(1200px - 265px);
}

.search_content .pagination {
  margin-bottom: 50px;
}

.search_content .entry-title {
  line-height: 1.6;
  max-height: 100%;
}

ul.page-numbers {
  border: none;
}

.customer_survey {
  width: 85% !important;
}

.questionnaire-form .wpcf7c-conf {
  background: #ccc;
}

.questionnaire-form .wpcf7c-elm-step2.confirm-message {
  border: 2px #F4B183 solid;
  padding: 1em;
}

.questionnaire-form input[type="checkbox"]:checked {
  background: #81A9D9;
}

.questionnaire-form input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  display: block;
}

.questionnaire-form p {
  font-size: 1.6rem;
  font-weight: 100;
}

.questionnaire-form th {
  width: 30%;
  text-align: left;
  vertical-align: text-top;
}

.questionnaire-form td {
  width: 70%;
  text-align: left;
  vertical-align: text-top;
}

.questionnaire-form tr {
  height: 5em;
}

.questionnaire-form .table-dish tr:first-child {
  height: 2rem;
}

.questionnaire-form .table-dish th {
  width: 32%;
}

.questionnaire-form .table-dish th:first-child {
  width: 4%;
}

.questionnaire-form .table-dish th:nth-child(3) {
  min-width: 360px;
}

.questionnaire-form .table-dish td {
  width: 32%;
}

.questionnaire-form .table-dish td:first-child {
  width: 4%;
}

.questionnaire-form .table-dish td:nth-child(3) {
  min-width: 360px;
}

.questionnaire-form textarea {
  font-size: 1.6rem;
  letter-spacing: .1em;
  font-family: 'Noto Serif JP';
  font-style: normal;
}

.questionnaire-form .form-title {
  font-size: 1.6rem;
  font-weight: bold;
}

.questionnaire-form .address-title {
  font-weight: bold;
  display: inline-block;
  width: 13em;
  margin: .6rem 0 0 0;
  vertical-align: top;
}

.questionnaire-form .address-form {
  display: inline-block;
  width: calc(100% - 15em);
}

.questionnaire-form select {
  background-color: #f6f3f6;
  font-size: 1.6rem;
}

.questionnaire-form .menu-ship select {
  width: 30%;
}

.questionnaire-form .qa {
  margin-bottom: 3em;
}

.questionnaire-form table .wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0.5em 0;
  min-width: 25%;
}

.questionnaire-form .select-5 {
  margin-bottom: 2em;
}

.questionnaire-form .select-5 .wpcf7-list-item {
  display: inline-block;
  margin: 0 2rem 0 0;
}

.questionnaire-form .select-5-sub .wpcf7-list-item {
  display: inline-block;
  margin: 0 2rem 0 0;
}

.questionnaire-form .not-required {
  margin-bottom: 0.5em;
  font-weight: normal !important;
}

.questionnaire-form .dish-list {
  font-weight: bold;
}

.questionnaire-form hr {
  margin: 1em 0;
}

.questionnaire-form .acceptance {
  text-align: center;
}

.questionnaire-form .acceptance br {
  display: none;
}

.questionnaire-form .acceptance-button {
  width: 30%;
  margin-left: auto;
  margin-right: auto;
}

.questionnaire-form .wpcf7-conf {
  background-color: #ccc;
}

.questionnaire-form .name-form {
  display: inline-block;
  width: 45%;
}

.questionnaire-form .board-service {
  margin-left: 1em;
}

.questionnaire-form .number-application input[type="number"] {
  -moz-appearance: textfield;
  min-width: 120px;
}

.questionnaire-form .number-application input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.wpcf7-form .questionnaire-form input {
  font-family: 'Noto Serif JP';
  letter-spacing: .1em;
  font-size: 1.6rem;
}

.wpcf7-form .questionnaire-form input:not([type=radio]) {
  width: auto;
}

.wpcf7-form .questionnaire-form span {
  font-family: 'Noto Serif JP';
  letter-spacing: .1em;
  font-size: 1.6rem;
}

.wpcf7-form .questionnaire-form input[type="checkbox"] {
  padding: 1px 5px;
  height: 1.6rem;
  width: 1.6rem;
  vertical-align: top;
}

.wpcf7-form .questionnaire-form span.require {
  font-size: 1.4rem;
  color: #fff;
  font-weight: bold;
  background: #F4B183;
  padding: 0.3em 0.5em;
  font-size: 0.7em;
  margin-left: 2em;
  word-break: keep-all;
}

.wpcf7-form .questionnaire-form .hope-dish input {
  width: 30%;
}

.wpcf7-form .questionnaire-form .wpcf7-box input {
  width: 100%;
  background-color: #536983;
  color: white;
}

.wpcf7-form .questionnaire-form .wpcf7-box input.wpcf7-form-control.wpcf7-back.wpcf7c-elm-step2.wpcf7c-btn-back {
  background-color: white;
  color: #536983;
  border: 1px solid #536983;
  font-weight: bold;
}

.wpcf7-form .questionnaire-form .name-form input {
  width: 100%;
}

.wpcf7-form .questionnaire-form .qa-dish input {
  width: 80%;
}

.wpcf7-form .questionnaire-form .has-free-text input[type="checkbox"] {
  vertical-align: baseline;
}

.questionnaire-message {
  margin-bottom: 5em;
}

.questionnaire-message p {
  font-size: 1.6rem;
  font-weight: 100;
}

.route-flex {
  margin-left: 30%;
  margin-bottom: 0;
}

.route-flex + p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-2 > .select-line {
  margin: 10px 10px 10px 0;
}

.flex-2 p:first-child {
  font-weight: bold;
}

.menu-arrival-group div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu-arrival-group > div:first-child {
  margin: 10px;
}

.select-5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.select-5 p:first-child {
  font-weight: bold;
  margin-bottom: 0.5em;
  width: 25%;
}

.menu-departure select {
  width: auto;
  font-weight: 100;
}

.menu-arrival select {
  width: auto;
  font-weight: 100;
}

td.flex-2 div {
  margin-right: 1em;
}

.address-form p {
  margin-bottom: 0;
}

.select-line {
  margin: 10px;
}

#madoguchi {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#madoguchi div {
  font-weight: bold;
}

#madoguchi p {
  width: auto;
}

.keepall {
  word-break: keep-all;
}

.meal-select select {
  margin-top: 5px;
}

.meal-reason {
  margin-left: 2em;
}

.meal-reason .wpcf7-list-item {
  margin: 0 3em 0 0;
}

.concrete {
  margin: 0.7rem 1em auto 0;
  width: 5em;
}

.hope-dish span {
  margin-right: 1%;
}

input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.date-boarding input {
  cursor: pointer;
  width: 150px !important;
}

.date-boarding input::-webkit-datetime-edit-year-field:focus {
  background-color: transparent;
}

.date-boarding input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  margin: auto;
  cursor: pointer;
  z-index: 1;
  padding-left: 120px;
}

.textarea-reason textarea {
  height: 100px;
}

#thanks-link br {
  display: none;
}

#route-yazirushi {
  display: none;
}

.page-form .godios-container #entry .entry-top {
  height: 100px;
}

.page-form .godios-container #entry .entry-content {
  width: 80%;
  margin: 0 auto;
}

.page-form .godios-container #entry .fare-direction-ditile {
  width: 35vw;
  text-align: left;
  border: solid 1px white;
}

.page-form .godios-container #entry .fare-direction-ditile .item_reservation {
  padding: 0 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page-form .godios-container #entry .fare-direction-ditile .item_reservation .req {
  display: block;
  color: white;
  background-color: #d44f4f;
  font-weight: bold;
  padding: 0 1rem;
}

.page-form .godios-container #entry .fare-day-ditile {
  width: 60vw;
  background-color: #f6f3f6;
  border: solid 1px white;
}

.page-form .godios-container #entry .fare-day-ditile .item_reservation input, .page-form .godios-container #entry .fare-day-ditile .item_reservation select, .page-form .godios-container #entry .fare-day-ditile .item_reservation textarea {
  background: white;
  margin: 0.5rem;
  border-radius: 5px;
  width: 98.5%;
}

.page-form .godios-container #entry .next-action {
  text-align: center;
  margin: 2rem 0 6rem;
  font-size: 1.8rem;
}

.page-form .godios-container #entry .next-action .next-action_btm {
  background-color: #173b69;
  border-radius: 50px;
  padding: .5rem 4rem;
  border: solid 1px white;
}

.page-form .godios-container #entry .next-action .next-action_btm:hover {
  cursor: pointer;
}

.page-form .godios-container #entry .next-action .back-action_btm {
  border: solid 1px #173b69;
  color: #173b69;
  background-color: white;
  border-radius: 50px;
  padding: .5rem 4rem;
}

.page-form .godios-container #entry .next-action .back-action_btm:hover {
  cursor: pointer;
}

.page-form .godios-container #entry .mw_wp_form_confirm .item_reservation {
  padding: 1rem 1rem;
}

@media (max-width: 900px) {
  .page-form .form.reservation td.fare-day-ditile {
    padding-bottom: 0;
  }
}

@media (max-width: 670px) {
  .page-form .godios-container #entry .entry-top > header > .entry-title {
    top: 0;
  }
}