/*------------------------
    モバイル用スタイル
    TODO: 上記style.cssにマージ
------------------------*/
@charset "UTF-8";

@media (max-width: 670px) {
    .info-detail:nth-child(2n+1) {
        display: none;
    }
    .sea-route,
    .route-link {
        width: 100%;
    }
    .route-link a {
        position: absolute;
    }
    .top-content.footer-content h1 {
        width: 100%;
        padding-bottom: 0.5em;
    }
    /**
     * ヘッダー
     */
    #gnav, #header, #topbar {
        height: 45px;
    }
    #gnav a{
        color: #fff;
    }
    #header {
        box-shadow: 0 0 10px 1px rgba(0,0,0,.4);
    }
    .fixed-topbar{
        box-shadow: none;
    }

    #header {
        min-width: 100%;
    }
    header#header.fixed-status {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 105;
    }
    #logo {
        width: 70%;
    }
    #logo>a img {
        padding-left: 9%;
    }
    .topnews-category {
        display: inline-block;
        margin-top: 1em;
        margin-left: 0;
    }
    .switchbox.accordion label::before {
        width: 70px;
        right: 20%;
        content: "\002B\958B\304F";
        padding: 0 1% 0 3%;
    }
    .topnews-category.attention{
        font-size: 1.2rem;
    }
    .switchbox.accordion label a:last-child{
        left: auto;
        right: 0;
    }
    .switchbox.accordion input:checked+label::before{
        content: "\00D7\9589\3058\308B";
    }
    label .topnews-category {
        display: inline-block;
        margin-top: 0;
        margin-left: 0;
    }
    .topnews-title {
        display: block;
        margin-top: 0.3em;
        font-weight: 500;
    }
    .switchbox a {
        line-height: 1.6;
    }
    #topbar-menu-btn {
        top: 8.5px;
        right: 25px;
    }
    #logo>a {
        width: 80%;
    }
    .site-logo {
        width: 100%;
        max-width: 500px;
    }
    .r-column.top-wrapper {
        background-size: 100% 17%;
        background-position-y: 1348px;
    }
    .admin-bar>.fixed-topbar {
        margin: 0;
    }
    div.metaslider .theme-default .nivoSlider {
        margin-top: 6.5em;
    }
    .metaslider .theme-default .nivo-caption {
        text-align: left;
    }
    .metaslider .theme-default .nivo-controlNav {
        bottom: 30px!important;
    }
    .nivo-directionNav {
        transform: rotate(90deg);
        right: 0;
    }
    .metaslider .theme-default a.nivo-prevNav {
        left: -7px!important;
        top: -25px!important;
    }
    .metaslider .theme-default a.nivo-nextNav {
        right: -47px!important;
        top: -24px!important;
    }
    .nivo-controlNav {
        right: 1%;
    }
    .sub-header-right{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    /**
     * フッター
     */
    .footer-link {
        width: 45%;
        padding: 0.3em;
        margin:  0 7px 8px;
    }
    .footer-section {
        width: 100%;
    }
    .top-content.footer-content {
        background: url("/cms/wp-content/themes/godios-child/images/common/sp-footer-back.png") no-repeat;
        background-size: 100%;
        background-position-y: top;
    }
    .footer-logo {
        width: 70%;
        padding-top: 5%;
        padding-left: 0;
    }
    #pages {
        width: 100%;
        padding-left: 0;
        margin-top: 1em;
    }
    .pages {
        width: 90%;
    }
    .pages>li {
        width: 100%;
    }
    /**
     * ヘッダーメニュー
     */
    .gnav {
        background-color: #15375a !important;
        height: 1100%;
        margin-top: 45px;
        padding-top: 0;
    }
    .gnav:before, .gnav:after {
        border-left: none;
        position: static;
        height: 0;
    }
    .gnav>li {
        border-top: solid 1px #fff;
        border-left: none;
        margin: 0;
        padding: 0.5em 0;
        height: auto;
        min-height: 3em;
        display: inline-block;
        padding-left: 20px;
    }
    .gnav>li::before{
        content: '';
        width: 13px;
        height: 13px;
        border: 0;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 11px;
        left: 7%;
    }
    .menu-icon {
        fill: #15375a;
    }
    #overlay-menu-close-btn,
    #overlay-search-close-btn {
        color: #15375a;
        top: 8px;
    }
    .sub-menu {
        width: 80%;
        padding: 0;
        margin-top: 0.8em;
        background-color: #15375a;
        box-shadow: none;
    }
    .sub-menu a {
        color: #fff!important;
    }
    .sub-menu li {
        display: block !important;
        padding-left: 1em;
        width: 100%;
    }
    .gnav > li:last-child {
        height: auto;
        padding-top: 20px;
    }
    .sub-menu li:not(:last-child) {
        border-bottom: solid 1px #15375a;
    }
    .sub-menu>li:before {
        margin-top: -4px;
        border-bottom: solid 1px #fff;
        border-right: solid 1px #fff;
    }
    .gnav .sub-header-icons {
        display: block!important;
        padding-left: 0;
    }
    .sub-header-icons:before {
        border-top: none!important;
        border-right: none!important;
    }
    .sub-header-right .change{
        width: fit-content;
        padding-left: 0;
        font-size: 1.4rem;
    }
    .change.change-english {
        /* position: absolute;
        top: 52px;
        left: 44%; */
        width: fit-content;
        padding-left: 30px;
        font-size: 1.6rem;
    }
    .change.change-search {
        padding: 20px 0 0 0;
    }
    .change .change-font-size {
        width: ;
        padding-top: 20px;
    }
    .padding-font-control{
        color: white;
        font-size: 1.6rem;
    }
    .font-switch-on {
        color: #242733;
    }
    .search-field{
        font-size: 1.6rem;
    }
    #search-field-header {
        width: 80vw;
    }
    .change.change-font-size, #change-english-link {
        margin-top: 20px;
    }
    #change-english-link {
        margin-left: 10%;
        margin-right: 2%;
    }
    .change.change-english.rss {
        width: fit-content;
        margin-left: 0;
        margin-bottom: 1em;
        top: 82px;
        left: 42.5%;
    }
    .nav_arrow.nav_ship_arrow > .sub-menu {
        width: 90%;
    }
    .nav_arrow.nav_ship_arrow li:last-child:before {
        margin-top: -13px;
        border-bottom: solid 1px #fff;
        border-right: solid 1px #fff;
    }
    .switchbox.accordion label {
        position: relative;
    }
    .switchbox.accordion label a:last-child {
        position: absolute;
        top: 0;
        width: 17%;
    }
    .pc-navi {
        display:none;
    }
    .sp-navi {
        display:block;
    }

    .nav_arrow.nav_ship_arrow > .sub-menu {
        overflow-y: visible;
        max-height: none;
    }

    /**
     * 画面最下部ボタン
     */
    #inquiry-link,
    label[for="inquiry-link"]{
        display: none;
    }
    .do_inquiry_active {
        display: block!important;
    }
    .bottom_btn {
        display: block !important;
        background-color: #20314A;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 100;
    }
    .bottom_btn a {
        color: #fff!important;
    }
    .bottom_btn .fare_inquiry,
    .bottom_btn .reservation {
        width: 49%;
        display: inline-block;
        padding: 0.5em 1em 0;
        text-align: center;
    }
    .bottom_btn .fare_inquiry p,
    .bottom_btn .reservation p {
        color: #fff!important;
        margin: 0!important;
        display: inline-block;
        padding-left: 0.5em;
    }
    .fare_inquiry {
        border-right: 1px solid #fff;
    }
    .reservation p {
        line-height: 2.5!important;
        vertical-align: text-bottom;
    }
    .fare_inquiry img {
        width: 15%;
        display: inline-block;
        margin-top: 0!important;
        padding-bottom: 20px;
    }
    .flatpickr-input span{
        color: #000000;
    }
    #flatpickr-event{
        display: none;
    }
    .flatpickr-calendar.open{
        top: 270px;
    }
    .reservation img {
        width: 20%;
        display: inline-block;
        margin-top: 0!important;
        padding-bottom: 20px;
    }
    .fare_inquiry_form .inquiry-cont {
        margin-left: 0;
    }
    .flatpickr-input img {
        width: 15%;
        padding-bottom: 0;
    }
    .bottom_btn .fare_inquiry .select-day{
        padding: 8px 10px;
        text-align: left;
    }
    table.inquiry-select td {
        font-family: 'Noto Serif JP';
    }
    .change-plase img {
        width: 5%;
    }
    #footer {
        padding-bottom: 7em;
        z-index: 1;
    }
    .inquiry {
        height: 0;
        margin: 0;
        background: none;
    }
    .tab-link {
        display: none;
    }
    .inquiry-cont {
        display: none;
        position: fixed;
        top: 165px;
        bottom: 0;
        left: 0;
        background-color: #20314A;
        width: 100%;
        margin-left: 0;
        color: white;
        padding: 15% 10%;
        z-index: 99;
    }
    .inquiry-cont h1 {
        width: 100%;
        margin: 0 auto 1em;
    }
    .inquiry-select {
        width: 100%;
        font-size: 1.7rem;
    }
    .detail-link.inquiry-serch {
        margin: 7% auto 0;
        padding: 0;
    }
    .detail-link.inquiry-serch button {
        width: 100%;
        height: 100%;
    }
    .do_inquiry_active .close-inquiry:before{
        content: '\02715';
    }
    .do_inquiry_active .close-inquiry {
        padding-right: 8px;
        position: absolute;
        top: 20px;
        right: calc(1vw + 8px);
        font-family: 'Font Awesome 5 Free';
        font-weight: normal;
        font-size: 2.5rem;
    }
    .select-input {
        padding: 14px 0px 14px 0px;
    }
    .change-plase img {
        padding-bottom: 0;
    }
    .flatpickr-calendar.animate.arrowTop.open.centerMost, .flatpickr-calendar.animate.arrowTop.rightMost.open {
        position: fixed;
        top: calc(13% + 165px) !important;
        left: 2% !important;
        right: 2% !important;
    }
        /**
         * トップページ
         */
    .tab-menu_header {
        display: none;
    }

    #top-slider_sp {
        display: block;
    }

    #top-slider {
        display: none;
    }

    .top-content {
        width: 100%;
    }
    .top-content h1 {
        text-align: left;
        padding-left: 1em;
    }
    ul.destination-link {
        width: 90%;
    }
    .sea-route-link ul.destination-link li {
        padding-left: 4.3%;
        margin-bottom: 1.5em;
    }
    ul.destination-link li a {
        padding-left: 1em;
    }
    ul.destination-link li:after {
        left: 8px;
    }

    .top-content.reco-info {
        margin-bottom: 20%;
    }
    .tab_item {
        width: 49%;
    }
    .reco-info .tab_content_description {
        display: block;
        right: 0;
    }
    .slick-slider button.slide-arrow {
        bottom: 0;
    }
    .info-detail {
        margin: 0 auto 2.5em;
        width: 85%;
    }
    .detail-carousel {
        margin-top: 3em;
    }
    .category {
        left: 0;
        width: 0;
        display: table;
        font-size: 1.5rem;
    }
    .info-detail .category {
        width: auto;
    }

    /* .explanation.top-charm_tx {
        display: none;
    } */

    .info-image-content {
        padding-top: 7em;
        width: 70%;
        margin: 0 auto;
    }
    .info-detail h2 {
        position: absolute !important;
        top: 70px;
        font-size: 2rem !important;
    }
    .info-detail h3 {
        margin-bottom: 0 !important;
        font-size: 1.7rem !important;
    }
    .info-image {
        width: 250px;
        height: 225px;
    }
    .info-image-back {
        margin: 0 auto !important;
        bottom: -3px;
    }
    .info-detail .detail-link {
        margin: 1em 0 0;
        position: absolute;
        right: 0;
        min-width: 164px;
    }
    .destination {
        font-size: 1.7rem;
    }
    .top-content.important-info {
        width: 95%;
    }
    .charm-detail h1 {
        margin-bottom: 0;
        font-size: 2rem;
        padding-left: 5%;
        margin-bottom: .67em;
        letter-spacing: .1em;
        word-break: keep-all;
    }
    #top-charm-back {
        margin: 0 auto;
        background: #A4BBD6 url(/cms/wp-content/themes/godios-child/images/top/charm-background.jpg) no-repeat;
        background-size: contain;
    }
    .charm-detail {
        margin-top: 50%;
    }
    .explanation.top-charm_tx {
        font-weight: 100;
        text-align: left;
        padding: 0 5%;
        margin-bottom: 10%;
    }
    .top-content.top-charm {
        width: 85%;
        padding-top: 10%;
    }
    .charm-cruise {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .charm-cruise div{
        margin: 0 auto 10%;
    }

    .top-content.top-charmport {
        margin: 10% auto 50%;
    }
    .top-content .charm-port {
        width: 80%;
        padding: 5% 5% 40% 5%;
        margin: 20% auto 20% 0;
    }
    .charmport-image {
        width: 80%;
        top: 60%;
        margin: 0 auto;
        padding-bottom: 5%;
    }
    .charm-port h1 {
        padding: 0;
        font-size: 2rem;
    }
    .info-link {
        width: 90%;
    }
    .other-page {
        width: 50%;
        padding: 0.25% 0;
    }
    .other-page_tx {
        font-size: 1.6rem;
    }
    .detail-link.other-page {
        padding: 2% 4%;
    }
    .charm-port .charmport-link {
        background-color: white;
        color: #BEAB6A;
        font-weight: bold;
    }

    .top-content.information {
        margin-top: 5em;
    }
    .information .info-link {
        width: 80%;
        margin: 0 auto;
    }
    .information .other-page {
        width: 50%;
        display: inline-block;
        min-width: 121px;
        text-align: center;
    }
    #entry-content{
        background-size: auto 75%;
    }

    .news-list {
        width: 100%;
        position: relative;
    }
    ul.top-news {
        width: 90%;
        margin: 0 auto;
    }
    ul.top-news.top-news-list {
        width: 100%;
    }
    .top-news p {
        padding-left: 0;
        position: relative;
    }
    .top-posted {
        left: 45px;
    }
    .posted-category {
        left: 0;
    }
    .news, .event, .topics {
        left: 140px;
        width: 52%;
    }
    .news-title {
        display: inline-block;
        width: 85%;
        margin-top: 1.7em;
        margin-left: 0;
        position: relative;
        left: 45px;
        word-wrap: break-word;
        line-height: 2.6rem;
        font-size: 1.5rem;
    }
    .top-content.new-news{
        padding: 7% 0 25%;
    }
    .detail-link.news-list-link {
        width: 29%;
        min-width: 105px;
        padding: 1.5% 4%;
    }
    .new-news .news-back {
        top: 200px;
        transform: scaleY(6);
    }
    .route_map {
        display: none;
    }
    .sea-route {
        width: 304px;
        margin: 8em auto 1em;
    }
    .sp_route_map {
        display: block !important;
        width: 100%;
        margin-top: -90px!important;
    }

    .instagram-item{
        width: 50%;
        padding-top: 50%;
    }

    .route-detail.maizuru,
    .route-detail.tsuruga,
    .route-detail.niigata,
    .route-detail.akita,
    .route-detail.otaru,
    .route-detail.tomakomai-east {
        bottom: 0;
        left: 0;
    }

    #important-info {
        margin: 0 auto;
        padding: 3% 0 10%;
    }

    .top-content.important-info {
        padding: 3% 0;
    }

    .top-content.important-info p {
        padding: 0 1.5em;
        text-align: left;
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

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

    .top-content.top-instagram {
        width: 90%;
    }

    .top-content.top-instagram h1 {
        padding-left: 0;
    }

    /**
     * 共通
     */
    #wpfront-scroll-top-container {
        z-index: 101;
    }
    .metaslider .theme-default .nivo-directionNav a {
        opacity: 1!important;
    }
    .page-conts {
        width: 100%;
    }
    #breadcrumb li {
        display: none !important;
    }
    #breadcrumb {
        width: 80%;
        left: -17px;
        transform: translate(17px,17px);
    }
    #breadcrumb a {
        font-size: 1.5rem!important;
    }
    .entry-top>header>.entry-title {
        width: 100% !important;
        position: relative;
        top: -340px;
        font-size: 2.5rem;
    }
    .enjoy-cruise-copy {
        width: 90%;
        left: 5%;
        padding-left: 0;
        top: 160px !important;
    }

    .enjoy-cruise-copy.plan-recommended-copy {
        top: 210px !important;
    }

    .entry-content.ship-room-content {
        margin-top: 0;
        position: relative;
        top: 2em!important;
    }
    .entry-content {
        overflow: unset;
    }
    .ship-room-content-inner {
        width: 80%;
        padding: 0;
        margin: 0 auto;
    }

    .footer {
        flex-flow: wrap-reverse;
    }

    .footer-insta {
        width: 80%;
        margin: 0 auto 4%;
    }

    .footer-insta a:before {
        width: 20px;
        height: 20px;
        left: -30px;
        top: 0;
    }

    .entry-top>.entry-image {
        margin-top: 9%;
    }

    .entry-top-page > header {
        padding: 0 5%;
        position: relative;
      }

      .enjoy-cruise-copy.attraction-enjyoy-copy {
        width: 90%;
        top: 160px !important;
      }

      .room-img p {
        line-height: 2.7rem;
    }

    .room-img > div:first-child, .info-box > div:first-child {
        margin: 0 auto 5%;
        width: 90%;
      }

      .single_content a {
        word-break: break-all;
    }

    /* 目次 */
     .sp_side_menu {
        width: 4em;
        height: 3em;
        background-color: #1A476B;
        position: fixed;
        top: 13em;
        right: 2%;
        text-align: center;
        border-radius: 5px;
        box-shadow: 2px 2px 4px gray;
        z-index: -1;
    }
    .sp_side_menu span {
        display: inline-block;
        padding-top: 0.8em;
        padding-right: 0;
        font-size: 1.5rem;
        line-height: 1.3;
        color: #ffffff;
    }
    .sp_side_menu.has-entry-image {
        position: absolute;
        top: 35.5em;
    }
    .sp_side_menu.close_btn {
        width: 100%;
        height: 32px;
        background-color: #fff;
        right: 0;
        font-weight: bold;
        text-align: right;
        border-radius: 10px 10px 0 0;
        box-shadow: -2px 0 4px -4px grey;
    }
    .sp_side_menu.close_btn span {
        padding-top: 0.3em;
        padding-right: 2em;
        font-size: 1.7rem;
        line-height: 2;
        color: #000000;
    }
    #header.fixed-topbar .sp_side_menu,
    #header.fixed-topbar .sp_side_menu.has-entry-image {
        position: fixed;
        top: 13em!important;
    }

    .recommended-sidemenu-inner ul > li:after {
        left: 2%;
    }

    ul.top-news li {
        padding: 3% 2.5% 3% 3%;
    }

    ul.top-news {
        border-top: 0;
    }

    .ship-room-menu-inner .detail-link.list-page-link {
        width: 100%;
        display: inline-flex;
        margin: 0 auto 1em;
        padding: 0.5em;
    }
    .room-title.c-title {
        display: block;
    }
    span.comment {
        display: inline-block;
    }

    /**
     * トピックス
     */
     .posted-category.single > span {
        left: 0;
    }

     .detail-link.back-list.back-btn {
        width: 60%;
        margin-bottom: 20%;
    }

    .entry-top.ship-room .ship-room-header h1.entry-title{
        max-height: 100%;
    }

    .entry-top>header>.entry-title{
        display: block;
    }

    /**
     * 船旅プランとおすすめ情報
     */
     .entry-title.plan-recommended-page {
        top: -435px !important;
    }

    .cont-list-title.enjoy-list-menu,
    .cont-list {
       width: 100%;
    }
    .cont-list a {
        max-width: 120px;
        margin: 0 0.5em 1em;
    }
    .cont-list-menu img {
        margin: 0 auto;
    }
    .cont-list-menu.enjoy-menu:after {
        top: 148px;
    }
    .cont-list-menu.enjoy-menu h3 {
        min-height: 1em;
    }
    .main-description.enjoy-main h2 {
        width: 90%!important;
    }
    .enjoy-cruise-title:before,
    .enjoy-cruise-title:after {
        top: -4px;
    }
    .enjoy-conts {
        width: 90%!important;
        height: auto!important;
        margin: 0 auto 2em;
    }
    .sub-description.enjoy-sub-description{
        width: 100%;
    }
    .conts-category .detail-link.list-page-link {
        width: 175px;
        margin: 0 auto 2em!important;
    }
    .detail-link.enjoy-info-link {
        margin: 7% auto;
        width: fit-content;
        padding: 1.5% 7%;
    }
    .sub-description.enjoy-sub-description.pamphlet-description {
        width: 90%;
        padding: 24px 20px;
        margin: 0 auto 2em;
    }

    .pamphlet-detail {
        display: block;
        width: 100%;
    }

    .page-conts a {
        width: 100%;
    }

    /**
     * 船舶紹介
     */
    .page-conts.ship-section {
        padding: 1em 1.5em;
    }
    .main-description.ship {
        display: block;
        padding: 0;
    }
    .ship-image {
        width: 90%;
        margin: 0 auto;
    }
    .ship-cont h2 {
        width: 100%;
        text-align: center;
        font-size: 164%;
        min-width: 215px;
    }
    .ship-cont h3 {
        text-align: center;
        padding-right: 1em;
    }
    .ship-cont .copy-text {
        margin-top: 5%;
        font-size: 1.2em;
        line-height: 1.5em;
    }
    .detail-tit, .detail-txt {
        padding: 0.3em 0.2em;
        width: 42%;
        font-size: 1.6rem;
    }
    .detail-txt,
    .detail-txt.last-detail-txt {
        width: 54%;
    }
    .detail-txt.last-detail-txt {
        margin-top: 2px;
    }
    .ship-section .ship-link .detail-link.cont-link {
        width: 100%;
        padding: 3% 4%;
    }
    .page-conts.ship-section .ship-link {
        margin-top: 2em;
    }
    .page-conts.ship-section .ship-link a {
        width: 100%;
    }

    /**
     * 客室紹介
     */
    .entry-content.ship-room-content > div {
        width: 100% !important;
        /* margin-top: 11%; */
    }
    /* .attraction-facilities-wrapper {
        margin-top: 48% !important;
    } */
    .room-container .info-box {
        display: block;
    }
    .info-box-txt.room-detail {
        width: 100%;
        margin: 0;
    }
    .info-box-txt > table td.type {
        width: 8em;
    }
    .info-box-txt > table td {
        padding: 0.6em 0.5em;
    }
    .info-box-img {
        width: 100%;
    }
    .ship-link.ship-link-list {
        display: block!important;
    }
    .ship-room-content .ship-link .detail-link.cont-link {
        width: 53%;
    }
    .ship-link a {
        width: 80%;
    }

    /**
     * 船内施設紹介
     */
    .room-container.facilities-container {
        margin-bottom: 20%;
    }
    .room-container.facilities-container .room-img {
        display: block;
    }
    .detail-link-black img {
        padding-bottom: 3px;
    }

    /* アミューズメント&ショップ */
    .tab-label {
        margin-bottom: 1%;
        margin-right: 3px !important;
    }

    .shop-products,
    .shop-txt, .original,
    .amusement-content,
    .restaurant-menu.alcohol-menu,
    .alcohol-content, .meal-content,
    .meal-link,
    .gourmet-menu {
        display: block;
    }

    .shop-image,
    .shop-detail,
    .shop-txt,
    .original-goods,
    .amusement-detail {
        width: 100%;
    }

    .shop-image {
        margin-bottom: 4%;
    }

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

    .goods-detail {
        margin: 2% 0 8%;
    }

    .amusement-content,
    .vendin-content {
        margin-bottom: 12%;
    }

    .c-title {
        padding-left: 4.5%;
        line-height: 2.7rem;
    }

    .c-title:before {
        display: none;
    }

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

    .capacity {
        width: 30%;
    }

    .page-section.enjoy-section {
        width: 85%;
    }

    /* グリル */
    /* #grill {
        margin-top: 60%;
    } */

    .restaurant-route.meal-season-title {
        width: 23%;
    }

    .enjoy-cruise-copy.attraction-enjyoy-copy{
        font-size: 1.4rem;
    }

    .img-block.menu-photo {
        width: 90%;
    }

    .detail-link.fun-link.gourmet-link {
        width: 27%;
    }

    .gourmet-back .meal {
        margin: 30px 0;
    }

    .enjoy-cruise-copy.attraction-enjyoy-copy.meal {
        top: 185px;
        left: 5%;
    }

    .restaurant-sales,
    .restaurant-place {
        text-align: left;
    }

    .c-title.attraction-fun.attraction-gourmet {
        border-left: solid 8px #AC3F51;
    }

    .meal-image {
        margin-bottom: 4%;
    }

    .meal-link {
        margin-bottom: 15%;
    }

    .detail-link.fun-link.gourmet-link.kansai-meal,
    .detail-link.fun-link.gourmet-link.kanto-meal {
        width: 100%;
        margin: 0 auto 2%;
    }

    .detail-link.fun-link.gourmet-link.kanto-meal {
        margin-left: 0;
    }

    /* グリル詳細 */
    .entry-content.ship-room-content.single-pan {
        margin-top: 17%;
    }

    .meal-page-title h2 {
        text-align: left;
        line-height: 2.9rem;
    }

    .comon-menu-content {
        width: 100%;
    }

    .gourmet-menu-image,
    .gourmet-menu-detail {
        width: 100%;
        margin-bottom: 3%;
    }

    .gourmet-menu-detail {
        margin-bottom: 12%;
    }

    .gourmet-menu-detail h4 {
        margin-bottom: 8%;
    }

    .dish-name {
        width: 28%;
    }

    .gourmet-back .ship-link.gourmet-link {
        margin-bottom: 50px;
        display: block;
      }

    /*------------------------
        レストラン
    ------------------------*/
    .restaurant-menu {
        width: 100%;
    }

    .restaurant-menu.alcohol-menu {
        width: 65%;
    }

    .restaurant-route {
        width: 23%;
    }

    .alcohol-content {
        margin-bottom: 5%;
        line-height: 2.4rem;
    }

    /*------------------------
        カフェ
    ------------------------*/
    .cafe-menu-txt {
        width: 100%;
        margin: 0;
    }

    .dessert {
        display: block;
    }

    .dessert-menu-detail {
        width: 100%;
        margin-bottom: 13%;
    }

    /*------------------------
        ギャラリー
    ------------------------*/
    .entry-content.ship-room-content.gallery-breadcrumb {
        margin-top: 19%;
    }

    .cont-list-title.photo-page.gallery-page-title {
        width: 100%;
        padding-top: 0 !important;
    }

    h2.movie-title {
        border-left: solid 8px #031c83;
        padding-left: 5%;
        line-height: 2.8rem;
        display: block !important;
    }

    h2.movie-title:before {
        display: none;
    }

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

    .amusement-content.gallery-content {
        width: 100%;
    }

    .snf_movie_play {
        height: auto;
        width: 100%;
    }

    .amusement-detail.movie-detail {
        width: 100%;
    }

    .amusement-detail.wallpaper-detail {
        width: 100%;
        margin-bottom: 12%;
    }

    /* おすすめ情報 */
    .entry-title.entry-title.c-icon-title-b.c-icon-title.c-icon-title-9D942E {
        top: 0;
    }

    .room-img {
        display: block;
        margin-bottom: 12%;
    }

    .img-block.recommended-post-image {
        width: 100% !important;
    }

    .detail-link.back-list {
        margin: 8% auto 20%;
    }

    .detail-link.recommended-post-link{
        padding: 1% 0;
        width: 35%;
    }

    /* プラン */
    #tour .tour-departure {
        width: calc(33.333% - 30px / 3);
        margin: 2% 5px 0;
    }

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

    .enjoy-cruise-copy.model-course-copy-back.tours-copy-back {
        top: -44px !important;
        height: 330px;
        width: 330px !important;
    }

     /* モデルコース詳細 */
    .model-breadcrumb {
        margin-top: 15%;
    }

    .cource_detail {
        width: 90% !important;
    }

    .map_img,
    .days,
    .itinerary_img {
        width: 100% !important;
        margin: 0 auto !important;
    }

    /*------------------------
        デジタルパンフレット
    ------------------------*/
    .cards {
        padding: 1em !important;
        width: 100% !important;
    }

    .attraction-img-block.panph-tx {
        margin: 3.5% 0 0 0 !important;
        width: 100% !important;
    }

    /*------------------------
        デッキプラン
    ------------------------*/
    .room-zoom-link {
        width: 65%;
        padding: 3px 13px;
        margin-top: 10%;
    }

    .ship-link.ship-link-list.deck-ship-link {
        width: 85% !important;
        margin: 0 auto 20% !important;
    }

    .ship-link.ship-link-list.deck-ship-link a > div {
        padding: 3%;
        width: 100% !important;
    }

    /*------------------------
        客室紹介
    ------------------------*/
    .info-box-txt.room-detail {
        width: 100% !important;
    }

    /*------------------------
        船内施設紹介
    ------------------------*/
    .img-block {
        width: 100% !important;
    }

    .facilities-view {
        padding-top: 2%;
        position: relative;
        margin-left: 45px;
    }

    .facilities-view:before {
        position: absolute;
        left: -43px;
        top: 8px;
    }

    /*------------------------
        乗船ガイド
    ------------------------*/
    .room-title.c-title.guide-title {
        border: none;
        padding-top: 2% !important;
    }

    .room-title.c-title.guide-title:before {
        content: '';
        display: inline-block;
        width: 8px;
        background-image: url(../img/face.png);
        background-size: contain;
        vertical-align: middle;
        margin-left: 4px;
        position: relative;
        bottom: 3px;
    }

    /*------------------------
        乗船ガイド詳細
    ------------------------*/
    .info-box.ship-box {
        width: 100%;
        margin-top: 4%;
    }

    .detail-link.ship-page-link {
        width: 65%;
        margin: 0 auto;
    }

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

    .fare-day-ditile {
        width: 53%;
        word-break: break-word;
    }

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

    .fare-title-ditile_sp {
        /* height: 35px; */
        margin: 3px;
        text-align: left;
    }

    .fare-direction-ditile.cabin-name.fare-direction-ditile_sp,
    .fare-direction-price.fare-direction-price_sp {
        width: 100px;
        margin: 1.5px 3px;
        /* height: 72px; */
        text-align: left;
        padding: 5px 2px;
        font-size: 1.3rem;
    }

    .fare-list .fare-detail .fare-title-ditile,
    .fare-direction-price.fare-direction-price_sp {
        width: 100px;
    }

    .fare-title-ditile.cabin {
        width: 100px !important;
    }

    .fare-direction-ditile_sp {
        width: 100px;
        margin: 2.5px 3px;
        height: auto;
        text-align: left;
    }

    .fare-direction-ditile.fare-direction-ditile_sp {
        font-size: 1.4rem;
    }

    .acd-check:checked + .acd-label + .acd-content {
        padding: 18px 0;
    }

    .vehicle-period_sp {
        height: 55px;
    }

    .namber {
        display: block;
    }

    .info-box-txt.searoute-image {
        width: 75% !important;
        margin: 8% auto 5% !important;
    }

    .fare-title-ditile, .fare-direction-ditile.fare-direction-ditile_sp.vehicle-detail{
        padding: 0.6rem;
    }

    /*------------------------
        航路一覧
    ------------------------*/
    .info-box-txt.searoute-detail {
        margin-bottom: 7%;
        width: 100%;
    }

    .time-table-list {
        margin-bottom: 14%;
    }

    /*------------------------
        時刻表・運航スケジュール
    ------------------------*/
    .time-table-list h2 {
        line-height: 2.7rem;
    }

    .ship-no-smoking.departure-time-note {
        padding: 6% 7%;
        margin-top: 7%;
    }

    .searoute-way {
        margin-bottom: 4%;
    }

    .where,
    .where-detail p {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
    }

    .where-detail {
        width: 50%;
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
    }

    .flight-time {
        width: 50%;
        display: grid !important;
        text-align: left;
    }

    .flight-time p,
    .where-detail p {
        flex-flow: column;
    }

    .time-next {
        transform: rotate(90deg);
        padding: 5% 0 !important;
        position: relative;
        top: 73px;
        left: 9px;
    }

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

    .info-box-txt ul > li:before {
        width: 15px;
        height: 15px;
        margin-top: 3%;
    }

    .info-box-txt ul > li:after {
        left: 24px;
        border: 4px solid transparent;
        border-left: 7px solid white;
        margin-top: 13.6px;
    }

    ul.service-time-list li:after {
        left: 24px;
        margin-top: 13.5px;
    }

    .open-pdf {
        margin: 4% 0;
    }

    .open-pdf p {
        text-align: left;
        line-height: 2.7rem;
        padding: 2% 5%;
    }

    .open-pdf img {
        width: 39.5%;
    }

    /*------------------------
        運賃
    ------------------------*/
    .fare-direction-ditile.calling-title.tsuruga-time {
        height: 62px;
    }

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

    .fare-direction-ditile.fare-period_sp {
        text-align: left;
    }

    .fare-direction-ditile.fare-direction-ditile_sp.vehicle-detail,
    .fare-direction-price.fare-direction-price_sp.vehicle-direction {
        height: 33px;
    }

    .namber {
        display: block;
    }

    .namber-treatment {
        width: 100%;
        margin-bottom: 9%;
    }

    /* .cabin_sp {
        height: 190px !important;
    } */

    .fare-outbound.fare-outbound_sp,
    .fare-outbound.return-detail.return-detail_sp {
        width: 33%;
    }

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

    .fare-direction-ditile.fare-period_sp {
        text-align: left;
    }

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

    .fare-discount {
        width: 100%;
    }

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

    .fare-direction-ditile.fare-direction-ditile_sp {
        padding: 0.6rem;
    }

    .fare-title-ditile {
        width: 15%;
    }

    li.fare-direction-ditile.fare-period_sp {
        padding-left: 1%;
        background-color: #DFE3EF;
    }

    .fare-day-ditile {
        width: 46%;
    }

    .fare-direction-price.fare-direction-price_sp {
        word-break: keep-all;
    }

    .fare-list_content {
        overflow-x: scroll;
    }

    .fare-list_sp {
        width: 700px;
    }

    .fare-place-detail .fare-detail .fare-title-ditile {
        width: 10%;
    }

    .fare-list_scroll {
        display: block;
        text-align: right;
        text-decoration: underline;
        color: #009688;
    }

    /*------------------------
        寄港便ダイヤ
    ------------------------*/
    .fare-title-ditile.calling-route {
        width: 18%;
    }

    .cont-list-title {
        width: 75%;
        font-size: 1.5rem;
    }

    .fare-direction-ditile.calling-direction {
        padding: 5px 3px 5px 18px;
    }

    .fare-direction-ditile.cabin-name.cabin-end {
        padding: 0 10px;
    }

    .fare-direction-ditile.calling-title {
        padding-left: 17px;
    }

    .fare-direction-ditile.calling-name-end {
        padding-right: 16px;
    }

    .fare-direction-ditile.calling-direction {
        padding: 0;
    }

    .calling-route-next {
        right: 0;
    }

    .fare-direction-ditile.calling-name.calling-sunday {
        left: 0;
    }

    /*------------------------
        のりば・アクセス詳細
    ------------------------*/
    .embark-br {
        display: block;
    }

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

    .d-flex {
        display: block;
    }

    .d-block {
        width: 100%;
        margin-top: 8%;
    }

    .embark-buss.embark-buss_sp {
        display: block;
        margin-bottom: 3%;
    }

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

    p.embark-facility-title {
        margin-top: 5%;
    }

    ul.embark-facility-list {
        padding-left: 11% !important;
    }

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

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

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

    .terminal-subtitle {
        padding: 4px;
    }

    .terminal-subtitle {
        width: 98.3px;
        text-align: center;
    }

    /*------------------------
        割引一覧
    ------------------------*/
    .fare-outbound {
        width: 50%;
    }

    .single-plan table {
        word-break: break-all;
        width: 100% !important;
    }

    /*------------------------
        乗船・下船について
    ------------------------*/
    .ship-room-content-inner.parent_content {
        width: 85% !important;
    }

    .arrow.second-arrow {
        position: relative;
        top: 110% !important;
    }

    .reservation_section .box .box-title {
        padding: 4% 8%;
    }

    .flow03.box-style03 {
        padding: 4% 3%;
    }

    .children-cont {
        width: 85%;
        margin: 0 auto;
    }

    .box.second-box {
        margin-left: 16%;
        width: 85% !important;
    }

    .stroke-area {
        margin: 0 !important;
        padding-left: 16% !important;
    }

    section#sec-anchor01 {
        width: 116%;
    }

    .ship-room-content-inner.parent_content .stroke-area:before {
        display: none;
    }

    /*------------------------
        FAQ
    ------------------------*/
    .entry-top-page.entry-top.ship-room.faq-pagetop {
        width: 80%;
        margin: 0 auto;
    }

    .category-search-list li {
        width: 46% !important;
        margin: 0 auto;
    }

    .category-search {
        width: 100% !important;
        margin: 1.5rem auto !important;
    }

    .page-top_search {
        font-size: 1.8rem;
    }

    /*------------------------
        時刻表・運行スケジュール
    ------------------------*/
    ul.whereabout {
        display: grid !important;
        text-align: right;
        align-items: center;
        align-content: space-between;
    }

    ul.flight-time li:nth-child(2) {
        margin: 0 auto;
        transform: rotate(90deg) !important;
    }

    ul.flight-time li:nth-child(2n) {
        transform: rotate(90deg) !important;
    }

    ul.whereabout li:nth-child(2n), ul.flight-time li:nth-child(2n) {
        margin: 0 auto;
    }


    /* サイト内検索結果 */
    .search_content .entry-inner {
        left: auto;
        position: static;
        transform: none;
        padding-right: 0;
    }

    .search_content .entry-image {
        width: 30%;
    }

    .search_content .entry-inner header {
        padding-left: 2%;
        display: inline-block;
        width: 68%;
        height: 85px;
    }

    .search_content .entry-category{
        padding-bottom: 3px;
    }

    .search_content .entry-title{
        max-height: 60px;
        height: 100%;
        overflow: visible;
        display: block;

    }

    .search_content .entry-inner .entry-content {
        margin-top: 0;
    }

    .search_content .entry-list {
        min-height: 90px;
        height: auto;
        margin-top: 2em;
    }

    .search_content .entry-footer{
        margin-top: 2%;
    }

    .search_content .pagination{
        margin-bottom: 50px;
    }

    /*------------------------
        お客様アンケート
    ------------------------*/
    #thanks-link br, .questionnaire-form .acceptance br, #route-yazirushi {
        display: block;
    }

    #thanks-link {
        padding: 1.5% 10%;
    }

    .wpcf7-form .questionnaire-form span.require {
        word-break: keep-all;
    }

    .questionnaire-message {
        width: 80%;
        margin: 0 auto 4em;
    }

    .questionnaire-form {
        width: 80%;
        margin: 0 auto;
    }

    .wpcf7-form .questionnaire-form span.require {
        margin-left: 1em;
    }

    .flex-2 {
        display: block;
    }

    .questionnaire-form .name-form {
        display: block;
        width: 100%;
    }

    .wpcf7-form .questionnaire-form input[type=text], 
    .wpcf7-form .questionnaire-form input[type=email], 
    .wpcf7-form .questionnaire-form input[type=number],
    input#zip {
        max-width: calc(80vw - 1em);
    } 

    .wpcf7-form .questionnaire-form input[type=date] {
        width: 100%;
    }

    .questionnaire-form .date-boarding input[type="date"]::before{
        content: url(/cms/wp-content/themes/godios-child/images/common/calendar_today.png);
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    .questionnaire-form table {
        width: 100%;
    }

    .questionnaire-form .address-form {
        width: calc(100% - 1em);
    }

    .questionnaire-form .menu-ship select {
        width: 100%;
    }

    .select-line {
        margin: 10px 0 10px 0;
    }

    .questionnaire-form .menu-ship select {
        width: 100%;
    }

    .select-line {
        margin: 10px 0 10px 0;
    }

    .route-flex {
        margin: 0;
    }

    .questionnaire-form table .radio-purpose .wpcf7-list-item {
        min-width: 30%;
    }

    .questionnaire-form table .wpcf7-list-item {
        min-width: 50%;
    }

    table.board-service {
        width: calc(100% - 1em);
    }

    .questionnaire-form .select-5 .wpcf7-list-item {
        margin: 0;
        min-width: 100%;
        margin-bottom: 0.3em;
    }

    .wpcf7-form .questionnaire-form .meal-reason input[type=text] {
        max-width: calc(80vw - 3em);
    }

    .wpcf7-form .questionnaire-form .hope-dish input {
        width: 100%;
    }

    .meal-reason .wpcf7-list-item {
        margin: 0;
        min-width: 50%;
    }

    .questionnaire-form .acceptance-button {
        width: 100%;
    }
}

@media (max-width: 375px) {
    /* .top-content.top-charm {
        height: 650px;
    } */

    .time-next {
        top: 66px;
    }

}

@media (max-width: 360px) {
    .enjoy-cruise-copy.attraction-enjyoy-copy {
        top: 100%;
    }

    /*------------------------
        時刻表・運行スケジュール
    ------------------------*/
    .info-box-txt ul > li:after {
        margin-top: 12.5px;
    }

    .time-next {
        top: 63px;
    }

    /*------------------------
        寄港便ダイヤ
    ------------------------*/
    .fare-title-ditile.calling-route {
        width: 15%;
    }
}

@media (max-width: 320px) {
    .entry-top>header>.entry-title {
        top: -325px;
    }

    .enjoy-cruise-copy.attraction-enjyoy-copy {
        top: 113%;
    }
    .enjoy-cruise-copy.gourmet-copy{
        top: 160px !important;
    }

    .entry-content.ship-room-content > div {
        margin-top: 8%;
    }

    /* .attraction-facilities-wrapper {
        margin-top: 63% !important;
    } */

    .top-posted {
        left: 40px;
    }

    .news-title {
        left: 40px;
    }
/*
    .top-content.top-charm {
        height: 590px;
    } */

    .info-image-content {
        width: 88%;
    }

    /* アミューズメント&ショップ */
    .shop-content {
        margin-bottom: 20%;
    }

    .restaurant-route.meal-season-title {
        width: 25%;
    }

    .enjoy-cruise-copy.attraction-enjyoy-copy.meal {
        top: 31%;
    }

    /* グリル詳細 */
    .dish-name {
        width: 36%;
    }

    /* #grill {
        margin-top: 80%;
    } */

    /* レストラン */
    .restaurant-route {
        width: 25%;
    }

    /* 寄港便ダイヤ */
    .fare-title-ditile.calling-route {
        width: 5%;
    }

    /* 乗船ガイド詳細 */
    .info-box-txt.namber-box ul > li:after {
        margin-top: -15.5px;
        left: 6.2%;
    }

    /* 時刻表・運行スケジュール */
    ul.whereabout {
        position: relative;
        right: 15px;
    }

    .time-next {
        top: 55px;
        left: 9px;
    }
}

/* ipad */
@media (min-width:671px) and (max-width: 900px) {

    /**
     * 共通
     */
    #header {
        min-width: 100%;
    }
    #logo {
        width: 60%;
    }
    #wpfront-scroll-top-container {
        z-index: 101;
    }
    .metaslider .theme-default .nivo-directionNav a {
        opacity: 1!important;
    }
    .top-content.footer-content h1,
    .footer-section {
        width: 85%!important;
    }
    .entry-top>header>.entry-title {
        top: 0;
        padding-right: 16%;
    }
    .inquiry-cont {
        width: 370px;
    }
    .detail-link.inquiry-serch {
        padding: 1.5% 0;
    }
    .detail-link.inquiry-serch button {
        width: 100%;
    }
    /*.top-content.footer-content {*/
    /*    background-position-y: bottom;*/
    /*}*/
    #pages{
        width: 100%;
    }
    #breadcrumb li {
        width: 80%;
    }
    .ship-room-content-inner {
        width: 80%;
        padding: 0;
        margin: 0 auto;
    }
    /**
     * ヘッダー
     */
    header#header.fixed-status {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 105;
    }
    #header {
        box-shadow: 0 0 10px 1px rgba(0,0,0,.4);
    }
    .fixed-topbar{
        box-shadow: none;
    }
    #logo>a {
        width: 55%;
        max-width: 360px;
    }
    .site-logo {
        width: 100%;
    }
    .switchbox p {
        margin: 1.5% 0 0.5%;
    }
    #topbar-menu-btn{
        top: 9.5px;
        right: 30px;
    }
    .menu-icon {
        fill: #15375a;
    }
    #overlay-menu-close-btn, #overlay-search-close-btn {
        color: #15375a;
        top: 8px;
        right: 30px;
    }
    .gnav {
        background-color: #15375a !important;
        margin-top: 45px;
        padding-top: 0;
    }
    .gnav:before, .gnav:after {
        border-left: none;
        position: static;
        height: 0;
    }
    .gnav>li {
        width: 100%!important;
        border-top: solid 1px #fff;
        border-left: none;
        margin: 0;
        padding: 0.5em 0;
        height: auto;
        min-height: 3em;
        display: inline-block;
        padding-left: 20px;
    }
    #gnav a{
        color: #fff;
    }
    .gnav>li::before{
        content: '';
        width: 13px;
        height: 13px;
        border: 0;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 11px;
        left: 7%;
    }
    .gnav > li > .sub-menu {
        width: 90%;
        padding: 0;
        margin-top: 2.5em;
        background-color: #15375a;
        box-shadow: none;
    }
    .sub-menu a {
        color: #fff !important;
    }
    .sub-menu li {
        display: block !important;;
        padding-left: 1em;
        width: 100%;
    }
    .sub-menu li:not(:last-child) {
        border-bottom: solid 1px #15375a;
    }
    .sub-menu>li:before {
        margin-top: -4px;
        border-bottom: solid 1px #fff;
        border-right: solid 1px #fff;
    }
    .sub-header-icons {
        display: block!important;
        padding-left: 0;
    }
    .sub-header-icons .sub-header-right {
        width: auto;
        /* padding-left: 30px; */
        margin: 4em 14% 0 10%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .sub-header-icons:before {
        border-top: none!important;
        border-right: none!important;
    }
    .gnav .nav_arrow>a {
        width: 100%;
        position: absolute;
        left: 0;
        padding-left: 99px!important;
    }
    .nav_arrow.nav_ship_arrow > .sub-menu {
        width: 90%;
    }
    .pc-navi {
        display:none;
    }
    .sp-navi {
        display:block;
    }
    .change{
        width: auto;
        padding-left: 30px;
    }
    .sub-header-right .change-font-size {
        display: inline-block;
        text-align: center;
    }
    .padding-font-control{
        color: white;
    }
    .font-switch-on {
        color: #242733;
    }
    .change.change-search{
        padding: 0;
        width: auto;
    }
    .switchbox.accordion label {
        position: relative;
    }
    .switchbox.accordion label a:last-child {
        position: absolute;
        top: 0;
        left: 120px;
        width: 17%;
    }
    .topnews-category {
        display: inline-block;
        margin-top: 1em;
        margin-left: 0;
    }
    label .topnews-category {
        display: inline-block;
        margin-top: 2.5em;
        margin-left: 0;
    }
    .topnews-title {
        display: block;
        margin-top: 0.3em;
    }

    .entry-top>.entry-image {
        margin-top: 3.5%;
    }

    .gnav .sub-header-icons {
        display: block!important;
        padding-left: 0;
    }
    .change.change-english {
        /* position: absolute; */
        /* top: 2px; */
        left: 50%;
        width: fit-content;
        padding-left: 50px;
    }
    /* .change-search {
        padding-left: 20px!important;
    }
    .change-font-size {
        width: 55%;
    } */
    .change.change-english.rss {
        width: fit-content;
        margin-left: 0;
        margin-bottom: 1em;
        top: 72px;
        left: 31%;
    }
    .change.change-english:before{
        right: 30px;
    }

    .switchbox.accordion label {
    position: relative;
}

.switchbox.accordion label::before {
    width: 110px;
    right: 80px;
    content: "\002B\3000\958B\304F";
    padding: 0 1% 0 3%;
}

.switchbox a {
    line-height: 1.6;
}

.topnews-title {
    display: block;
    margin-top: 0.3em;
    font-weight: 500;
}

.switchbox.accordion label a:last-child {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 4em;
}

label .topnews-category {
    margin-top: 0;
}

.topnews-title {
    display: inline-block;
    margin-top: 0;
}

.entry-top>header {
    top: 100px;
}

/* 緊急のお知らせを１行にする */
.switchbox.accordion label {
    position: relative;
}

.switchbox.accordion label::before {
    width: 110px;
    right: 80px;
    content: "\002B\3000\958B\304F";
    padding: 0 1% 0 3%;
}

.switchbox a {
    line-height: 1.6;
}

.topnews-title {
    display: block;
    margin-top: 0.3em;
    font-weight: 500;
}

.switchbox.accordion label a:last-child {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 4em;
}

label .topnews-category {
    margin-top: 0;
}

.topnews-title {
    display: inline-block;
    margin-top: 0;
    max-width: calc(100% - 400px);
    vertical-align: text-top;
}

    /* 目次 */
    .sp_side_menu {
        width: 4em;
        height: 3em;
        background-color: #1A476B;
        position: fixed;
        top: 14em;
        right: 14%;
        border-radius: 5px;
        text-align: center;
        box-shadow: 2px 2px 4px gray;
        z-index: -1;
    }
    .sp_side_menu span {
        display: inline-block;
        padding-top: 0.8em;
        padding-right: 0;
        font-size: 1.5rem;
        line-height: 1.3;
        color: #ffffff;
    }
    .sp_side_menu.has-entry-image {
        position: absolute;
        top: 37em;
    }
    .sp_side_menu.close_btn {
        width: 100%;
        height: 36px;
        background-color: #fff;
        right: 0;
        font-weight: bold;
        text-align: right;
        border-radius: 10px 10px 0 0;
        box-shadow: -6px 0 4px -4px grey;
    }
    .sp_side_menu.close_btn span {
        padding-top: 0.3em;
        padding-right: 2em;
        font-size: 1.7rem;
        line-height: 2;
        color: #000000;
    }
    #header.fixed-topbar .sp_side_menu,
    #header.fixed-topbar .sp_side_menu.has-entry-image {
        position: fixed;
        top: 14em!important;
    }
    /* .ship-room-menu-inner {
        background-color: #fff;
        max-width: 100% !important;
        max-height: 383px;
        z-index: 9;
        height: auto!important;
        position: fixed;
        top: 4em !important;
        padding: 1em 3em;
        border-radius: 0 0 10px 10px;
        box-shadow: -2px -1px 4px grey;
        overflow-y:scroll;
    } */

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

    .ship-room-menu-inner .detail-link.list-page-link {
        width: 49%;
        display: inline-flex;
        margin: 0 auto 1em;
        padding: 0.5em;
    }
    .room-title.c-title {
        display: block;
    }
    span.comment {
        display: inline-block;
    }

    .entry-content.ship-room-content > div {
        width: 100%;
        margin-top: 7%;
    }

    /* フッター */
    .footer-insta {
        width: 50%;
    }

    /**
     * 画面最下部ボタン
     */
    #inquiry-link,
    label[for="inquiry-link"]{
        display: none;
    }
    .do_inquiry_active {
        display: block !important;
    }
    .bottom_btn {
        display: block !important;
        background-color: #20314A;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 1000;
    }
    .bottom_btn a {
        color: #fff!important;
        display: inline-block;
        width: 100%;
    }
    .bottom_btn .fare_inquiry,
    .bottom_btn .reservation {
        width: 49%;
        display: inline-block;
        padding: 1em;
        text-align: center;
    }
    .bottom_btn .fare_inquiry p,
    .bottom_btn .reservation p {
        color: #fff!important;
        margin: 0!important;
        display: inline-block;
        padding-left: 0.5em;
        vertical-align: middle;
    }
    .fare_inquiry {
        border-right: 1px solid #fff;
    }
    .reservation p {
        line-height: 2.5!important;
        vertical-align: text-bottom;
    }
    .fare_inquiry img {
        width: 15%;
        display: inline-block;
        margin-top: 0!important;
    }
    .reservation img {
        width: 20%;
        display: inline-block;
        margin-top: 0!important;
    }
    .fare_inquiry_form .inquiry-cont {
        margin-left: 0;
    }
    .flatpickr-input img {
        width: 10%;
    }
    .change-plase {
        padding-right: 5em;
    }
    .change-plase img {
        width: 5%;
    }
    #footer {
        padding-bottom: 7em;
        z-index: 1;
    }
    .inquiry {
        height: 0;
        margin: 0;
        background: none;
    }
    .tab-link {
        display: none;
    }
    .inquiry-cont {
        display: none;
        position: fixed;
        bottom: 90px;
        left: 0;
        background-color: #20314A;
        width: 100%;
        margin-left: 0;
        color: white;
    }
    .inquiry-cont h1 {
        width: 100%;
        margin: 0 auto 1em;
        font-size: 2.5rem;
    }
    .inquiry-select {
        width: 60%;
        margin: 0 auto;
        font-size: 1.7rem;
    }
    .detail-link.inquiry-serch {
        margin: 7% auto 1em;
        padding: 0;
    }
    .detail-link.inquiry-serch button {
        width: 100%;
    }
    .detail-link.inquiry-serch button {
        width: 100%;
        height: 100%;
    }
    .do_inquiry_active .close-inquiry:before{
        content: '\02715';
    }
    .do_inquiry_active .close-inquiry {
        padding-right: 8px;
        position: absolute;
        top: 20px;
        right: calc(1vw + 8px);
        font-family: 'Font Awesome 5 Free';
        font-weight: normal;
        font-size: 2.5rem;
    }
    .select-input {
        padding: 14px 0px 14px 0px;
        text-align: left;
    }
    #flatpickr-event{
        display: none;
    }
    .flatpickr-calendar.animate.arrowTop.open {
        position: fixed;
        top: auto !important;
        left: 50% !important;
        right: 0 !important;
        bottom: 90px !important;
    }
    table.inquiry-select td {
        font-family: 'Noto Serif JP';
    }
    .bottom_btn .fare_inquiry .date-text {
        color: black;
    }
    /**
     * トップページ
     */
     #top-slider_sp {
        display: none;
    }

    .metaslider .theme-default .nivo-caption {
        top: 15%;
    }
    .metaslider .theme-default .nivo-controlNav {
        right: 3% !important;
        bottom: 25px !important;
    }
    .metaslider .theme-default a.nivo-prevNav {
        left: 50px !important;
        top: 29px !important;
    }
    .metaslider .theme-default a.nivo-nextNav {
        right: -25px !important;
        top: 29px !important;
    }
    .top-content,
    .top-content .sea-route,
    .top-content.information,
    .top-content.reco-info {
        width: 100%;
    }
    .top-content.information .info-link,
    .top-content.new-news .news-list {
        width: 85%;
    }
    .top-content.important-info {
        width: 90%;
    }

    #entry-content .charm-image img {
        width: 181%;
        max-width: 181%;
    }
    .charm-link{
        width: 75%;
    }
    .top-news p {
        padding-left: 8%;
    }
    .detail-link.news-list-link {
        width: 20%;
    }
    .posted-category {
        left: 0;
    }
    .news, .event, .topics {
        left: 95px;
    }
    .news-title {
        display: inline-block;
        width: 103%;
        margin-top: 1.7em;
        margin-left: 0;
        position: relative;
        left: 0;
        word-wrap: break-word;
    }

    .important-info-back .news-back{
        top: -100px;
    }
    #top-charm-back {
        padding: 2% 0;
        margin: 0 0 13%;
    }
    #important-info{
        padding: 3% 0 7%;
    }
    .charm-image {
        width: 80%;
    }
    .charm-cruise {
        margin: 3% auto;
    }
    .top-content.top-charmport {
        width: 85%;
        margin: 5% auto 10%;
    }
    .top-content.reco-info {
        margin: 5% auto 11%;
    }
    #entry-content{
        background-size: 100% 80%;
    }
    /* .top-content.new-news{
        margin: 5% 0;
    } */
    .new-news .news-back {
        top: 60px;
        transform: scaleY(2);
    }
    .info-link {
        width: 85%;
    }

    .top-content.top-instagram {
        width: 85%;
    }

    /**
     * トピックス
     */
     .recommended-sidemenu-inner ul > li:after {
        left: 1%;
    }

    /**
     * 船内でのおくつろぎ
     */
    .attraction-back .gallery {
        justify-content: space-around;
        width: 85%;
      }

    .sub-description.gallery-cont.last-gallery-cont {
        margin-right: 0;
    }

    /**
     * 船内プランとおすすめ情報
     */
    .entry-title.plan-recommended-page {
        top: 13px;
    }

    .enjoy-cruise-copy{
        top: 230px;
    }

    /**
     * 船舶紹介
     */
    .page-conts,
    .ship-cont h2{
        width: 100%;
    }
    .page-conts a {
        width: 30%;
    }
    .ship-image {
        width: 100%;
    }
    .ship-cont .copy-text {
        margin: 3%;
    }
    .detail-tit, .detail-txt{
        width: 35%;
        padding: 0.3em 0.5em;
    }
    .detail-txt {
        width: 62%!important;
    }
    .detail-txt.last-detail-txt {
        margin-top: 2px;
    }
    .detail-link.cont-link {
        margin-top: 10%;
    }

    /*------------------------
        楽しむ
    ------------------------*/
    .enjoy-cruise-copy.attraction-enjyoy-copy {
      width: 90%;
      top: 150px;
    }

    /*------------------------
        ご入浴
    ------------------------*/
    .enjoy-cruise-copy.attraction-bathing-copy {
        top: 160px;
    }

    /*------------------------
        グリル
    ------------------------*/
    .entry-content.ship-room-content.single-pan {
        margin-top: 6%;
    }

    .enjoy-cruise-copy.attraction-enjyoy-copy.meal {
        top: 170px;
    }

    .restaurant-place {
        text-align: left;
    }

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

    /*------------------------
        グリル詳細
    ------------------------*/
    .comon-menu-content,
    .comon-menu-annotation {
        padding-left: 3.5%;
    }

    .comon-menu-content {
        width: 50%;
    }

    /*------------------------
        レストラン
    ------------------------*/
    .restaurant-menu {
        width: 100%;
    }

    .restaurant-menu.alcohol-menu {
        width: 65%;
    }

    /*------------------------
        ギャラリー
    ------------------------*/
    .entry-content.ship-room-content.gallery-breadcrumb {
        margin-top: 9%;
    }

    .cont-list-title.photo-page.gallery-page-title {
        width: 100%;
        padding-top: 0 !important;
    }

    h2.movie-title {
        border-left: solid 8px #031c83;
        padding-left: 5%;
        line-height: 2.8rem;
        display: block !important;
    }

    h2.movie-title:before {
        display: none;
    }

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

    .amusement-content.gallery-content {
        width: 100%;
    }

    .snf_movie_play {
        height: 178px;
    }

    /*------------------------
        おすすめ情報
    ------------------------*/
    .recommended-sidemenu-inner h2 {
        margin-bottom: 2%;
    }

    /*------------------------
        モデルコース詳細
    ------------------------*/

    .enjoy-cruise-copy.model-course-copy-back {
        top: -150px;
    }

    .model-breadcrumb {
        margin-top: 7%;
    }

    /*------------------------
        デジタルパンフレット
    ------------------------*/
    .cards {
        padding: 1em !important;
        width: 45% !important;
    }

    .attraction-img-block.panph-tx {
        margin: 3.5% 0 0 0 !important;
    }

    /*------------------------
        デッキプラン
    ------------------------*/
    .room-zoom-link {
        width: 30%;
    }

    .ship-link.ship-link-list.deck-ship-link {
        width: 85% !important;
        margin: 0 auto;
    }

    .ship-link.ship-link-list.deck-ship-link a > div {
        padding: 3%;
        width: 93%;
    }

    /*------------------------
        船内施設紹介
    ------------------------*/
    .img-block.facilities-view-link {
        width: 100%;
    }

    /*------------------------
        乗船ガイド詳細
    ------------------------*/
    .info-box.ship-box {
        width: 100%;
        margin-top: 4%;
    }

    .detail-link.ship-page-link {
        width: 30%;
    }

    .info-box-txt ul > li:after {
        left: 25px;
        margin-top: 8px;
    }

    .fare-day-ditile {
        width: 53%;
        word-break: break-word;
    }

    .fare-direction-ditile.fare-period_sp {
        text-align: left;
        width: 100%;
    }

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

    .fare-title-ditile_sp {
        height: 35px;
        margin: 3px;
        text-align: left;
    }

    .fare-direction-ditile.cabin-name.fare-direction-ditile_sp,
    .fare-direction-price.fare-direction-price_sp {
        width: 98%;
        margin: 2.5px 3px;
        text-align: left;
        padding: 0.6rem;
    }

    .fare-direction-ditile_sp {
        width: 98%;
        margin: 2.5px 3px;
        /* height: 54px; */
        text-align: left;
    }

    .fare-direction-ditile.fare-direction-ditile_sp,
    .fare-direction-price.fare-direction-price_sp.fare-price_sp {
        height: auto;
        padding: 0.6rem;
    }

    .fare-direction-ditile.fare-direction-ditile_sp {
        font-size: 1.4rem;
    }

    .fare-direction-ditile.fare-direction-ditile_sp.vehicle-detail,
    .fare-direction-price.fare-direction-price_sp.vehicle-direction {
        padding: 0.6rem;
    }

    .acd-check:checked + .acd-label + .acd-content {
        padding: 18px 15px;
    }

    .fare-title-ditile{
        padding: 0.6rem;
    }

    /*------------------------
        航路一覧
    ------------------------*/
    .info-box-txt.searoute-detail {
        margin-bottom: 2%;
    }

    /*------------------------
        寄港便ダイヤ
    ------------------------*/
    .fare-title-ditile.calling-route {
        width: 11%;
    }

    .fare-direction-ditile.calling-direction {
        padding: 5px 3px 5px 18px;
    }

    .fare-direction-ditile.cabin-name.cabin-end {
        padding-right: 10px;
    }

    .fare-direction-ditile.calling-title {
        padding-left: 17px;
    }

    .fare-direction-ditile.calling-name-end {
        padding-right: 16px;
    }

    .fare-direction-ditile.calling-name.calling-sunday {
        left: 0;
    }

    /*------------------------
        のりば・アクセス詳細
    ------------------------*/
    .embark-br {
        display: block;
    }

    .embark-buss th {
        width: 13%;
    }

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

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

    .embark-facility-title {
        margin-top: 3%;
    }

    /*------------------------
        乗船・下船について
    ------------------------*/
    .ship-room-content-inner.parent_content {
        width: 85% !important;
    }

    .arrow.second-arrow {
        position: relative;
        top: 110% !important;
    }

    .reservation_section .box .box-title {
        padding: 4% 8%;
    }

    .flow03.box-style03 {
        padding: 4% 3%;
    }

    /*------------------------
        FAQ
    ------------------------*/
    .entry-top-page.entry-top.ship-room.faq-pagetop {
        width: 80%;
        margin: 0 auto;
    }

    .page-top_search {
        font-size: 1.8rem;
    }

    /*------------------------
        サイト内検索結果
    ------------------------*/
    .entry-content.ship-room-content .search-head{
        padding: 0 40px 20px;
        margin-top: 0;
    }

    .search_content .entry-inner{
        width: auto;
    }

    .search_content .entry-list{
        margin-top: 25px;
        height: 250px;
    }

    .search_content .entry-title{
        display: block;
        max-height: none;
    }

    /*------------------------
        お客様アンケート
    ------------------------*/
    .questionnaire-form table .wpcf7-list-item {
        min-width: 33%;
    }

    .questionnaire-form table .radio-age .wpcf7-list-item, .questionnaire-form table .radio-sex .wpcf7-list-item {
        min-width: 25%;
    }

    .questionnaire-form table .radio-purpose .wpcf7-list-item {
        min-width: 20%;
    }

    .questionnaire-form .radio-times .wpcf7-list-item {
        min-width: calc(30% - 2em);
    }

    .questionnaire-form .select-5 .wpcf7-list-item {
        margin: 0 3em 0 0;
    }

    .questionnaire-form .table-dish th:first-child, .questionnaire-form .table-dish td:first-child {
        left: 8%;
    }
}


@media all and (max-width:900px){
    .ship-room-menu-inner {
        background-color: #fff;
        max-width: 100% !important;
        max-height: 400px;
        z-index: 999;
        position: fixed!important;
        /* top: 3em !important; */
        padding: 1em 3em;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 2px 4px gray;
        -webkit-overflow-scrolling: auto;
        overflow-scrolling: auto;
        overflow-y: scroll;
    }

    .sub-menu>li {
        height: 40px;
    }

    .sp_navmenu{
        display: inline !important;
    }

    /*------------------------
        お客様アンケート
    ------------------------*/
    .questionnaire-form th {
        display: block;
        width: 100%;
    }

    .questionnaire-form td {
        display: block;
        width: 100%;
        padding: 0 0 2em 1em;
    }

    .questionnaire-form th {
        display: block;
        width: 100%;
    }

    .questionnaire-form td {
        display: block;
        width: 100%;
        padding: 0 0 2em 1em;
    }

    .board-service th {
        padding-bottom: 1em;
    }

    .select-5 {
        display: block;
    }

    .select-5 p:first-child {
        width: 100%;
    }

    .questionnaire-form .table-dish {
        width: 100%;
    }

    .questionnaire-form .table-dish .thead {
        display: none;
    }

    .questionnaire-form .table-dish tr {
        width: 100%;
        position: relative;
    }

    .questionnaire-form .table-dish td {
        display: block;
        text-align: left;
        width: 100%;
    }

    .questionnaire-form .table-dish th:first-child, .questionnaire-form .table-dish td:first-child {
        width: 100%;
        text-align: left;
        padding-bottom: 0;
        position: absolute;
        left: -1rem;
    }

    .questionnaire-form .table-dish th:nth-child(3), .questionnaire-form .table-dish td:nth-child(3) {
        width: 100%;
        min-width: auto;
    }

    .questionnaire-form .table-dish td:first-child {
        font-weight: bold;
        text-align: left;
    }

    .questionnaire-form .table-dish td:before {
        content: attr(data-label);
        font-weight: bold;
        margin-right: 10px;
        display: block;
        width: 100%;
    }

    .questionnaire-form .table-dish .wpcf7-list-item {
        width: 25%;
        min-width: auto;
    }
}