/**
 * 船内でのおくつろぎ（スマホ）
 */
@media (max-width: 670px) {
  .attraction-back .page-section.attraction-header {
    margin: 30px auto 20px;
  }

  .attraction-back .attraction-copy h2 {
    font-size: 2rem;
  }

  .attraction-back .attraction .copy-text {
    text-align: left;
  }

  /* 船内の楽しみ方 */
  .attraction-back .cont-list a {
    position: relative;
    margin-bottom: 2.5em;
  }

  .attraction-back .cont-list-menu {
    flex-flow: column-reverse;
  }

  .attraction-back .cont-list-menu::after {
    position: absolute;
    top: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    margin-top: 3px;
    text-align: center;
  }

  .attraction-back .cont-list-menu img {
    width: 100%;
  }

  .attraction-back .cont-list-menu > h3 {
    padding: 0;
    margin-top: 5px;
    line-height: 1.8rem;
    text-align: center;
  }

  .attraction-back .list-menu-en {
    font-size: 1rem;
  }

  /* 楽しむ・食べる・ご入浴　共通 */
  .attraction-back .enjoy-title,
  .attraction-back .gourmet-title,
  .attraction-back .comfort-title {
    background-color: rgba(265, 265, 265, .7);
    font-size: 2.8rem;
    padding: 15px 0;
  }

  /* 楽しむ */
  .attraction-back .enjoy {
    background-size: cover !important;
    background-position: 75% center !important;
  }

  .attraction-back .enjoy-title {
    width: 80%;
  }

  .attraction-back .sub-conts {
    margin-left: 0;
  }

  .attraction-back .sub-description {
    width: 90%;
    margin: 0 0 20px;
  }

  .attraction-back .sub-description.sub-bottom {
    margin: 0 0 20px auto;
  }

  .attraction-back .sub-description:not(.sub-bottom) {
    margin: 0 auto 20px 0;
  }

  /* 食べる */
  .attraction-back .gourmet {
    background-size: auto 1400px !important;
    background-position: 40% center !important;
  }

  .attraction-back .page-conts.gourmet-cont {
    flex-flow: column;
  }

  .attraction-back .gourmet-title {
    width: 90%;
  }

  .attraction-back .gourmet .sub-description.sub-bottom {
    margin-bottom: 20px;
  }

  /* ご入浴 */
  .attraction-back .comfort {
    background-size: cover !important;
    background-position: 75% center !important;
  }

  .attraction-back .comfort-title {
    width: 85%;
  }

  /* 新日本海フェリーギャラリー */
  .attraction-back .page-section.attraction {
    margin: 0;
  }

  .attraction-back .cont-list-title h2 {
    font-size: 1.8rem;
  }

  .attraction-back .gallery {
    width: 90%;
    padding: 0 20px;
  }

  .attraction-back .gallery-cont {
    width: 100%;
    margin-bottom: 15px;
  }

  .attraction-back .gallery-cont:last-child {
    margin-bottom: 30px;
  }
}
/**
 * 船内でのおくつろぎ（スマホ～タブレット）
 */
@media (min-width: 671px) and (max-width: 900px) {
  /* 共通 */
  .entry-content {
    overflow: inherit;
  }

  .attraction-back .page-section.attraction-header {
    margin-bottom: 20px;
  }

  .attraction-back .main-txt {
    text-align: center;
  }

  .attraction-back .cont-list {
    width: 100%;
  }

  .attraction-back .cont-list a {
    margin-bottom: 2em;
  }

  .attraction-back .cont-list-menu {
    width: 250px;
    justify-content: flex-end;
  }

  .attraction-back .cont-list-menu::after {
    top: 100px;
  }

  .attraction-back .cont-list-menu h3 {
    width: 170px;
  }

  /* 楽しむ・食べる・ご入浴　共通 */
  .attraction-back .enjoy-title,
  .attraction-back .gourmet-title,
  .attraction-back .comfort-title {
    width: 70%;
    background-color: rgba(265, 265, 265, .7);
    padding: 15px 0;
  }

  .attraction-back .sub-description {
    width: 75%;
    margin: 0 0 20px;
  }

  .attraction-back .sub-description.sub-bottom {
    margin: 0 0 20px auto;
  }

  .attraction-back .sub-description:not(.sub-bottom) {
    margin: 0 auto 20px 0;
  }

  /* 新日本海フェリーギャラリー */  
  .attraction-back .gallery-cont {
    width: 30%;
    margin-bottom: 15px;
  }

  .attraction-back .gallery-cont .conts-tx {
    font-size: 1.4rem;
    line-height: 1.6em;
  }
}
/**
 * 船内でのおくつろぎ（～タブレット）
 */
@media (max-width: 900px) {
  .page-section.attraction-image {
    margin-bottom: 50px;
  }

  /* 共通 */
  .attraction-back .conts-category {
    padding: 0;
    margin-bottom: 50px;
  }

  .attraction-back .sub-description.sub-bottom {
    position: static;
    top: 0;
  }

  /* 船内の楽しみ方・新日本フェリーギャラリーのタイトル */
  .attraction-back .cont-list-title h2 {
    display: flex;
    justify-content: center;
  }

  .attraction-back .cont-list-title h2::after {
    width: 25px;
    height: 20px;
    display: flex;
    align-items: center;
  }

  /* 船内の楽しみ方 */
  .attraction-back .cont-list-title {
    margin-bottom: 50px;
  }

  .attraction-back .cont-list {
    justify-content: space-around;
  }

  /* 楽しむ */
  .attraction-back .enjoy {
    background-size: cover !important;
    background: url(/cms/wp-content/themes/godios-child/images/attraction/attraction-back_sp1.png) no-repeat !important;;
    background-position-x: 58% !important;
    background-position-y: center !important;
  }

  .attraction-back .main-description {
    width: 100%;
  }

  .attraction-back .main-txt {
    width: 100%;
    text-align: left;
  }

  .attraction-back .sub-conts {
    width: 100%;
  }

  /* 食べる */
  .attraction-back .gourmet {
    background-size: auto 1400px !important;
    background-position: 40% center !important;
    background: url(/cms/wp-content/themes/godios-child/images/attraction/attraction-back_sp2.png) no-repeat !important;
    background-position-x: 50% !important;
    background-position-y: center !important;
  }

  .attraction-back .page-conts.gourmet-cont {
    flex-flow: column;
  }

  .attraction-back .gourmet .sub-description.sub-bottom {
    margin-bottom: 20px;
  }

  /* ご入浴 */
  .attraction-back .comfort {
    background-size: cover !important;
    background-position: 75% center !important;
    background: url(/cms/wp-content/themes/godios-child/images/attraction/attraction-back_sp3.png) no-repeat !important;
    background-position-y: center !important;
  }
}

/**
 * 乗船ガイド（スマホ）
 */
@media (max-width: 670px) {
  #guide {
    width: 100%;
    padding: 0 15px;
    margin-top: 60px;
  }

  /* パンくず */
  #guide .model-breadcrumb {
    width: 100%;
  }

  #guide .model-breadcrumb #breadcrumb {
    width: 100%;
    max-width: 100%;
    bottom: 45px;
  }

  #guide .model-breadcrumb #breadcrumb > li {
    margin-bottom: 15px;
  }

  #guide .model-breadcrumb #breadcrumb > li > a {
    color: #1A436D;
  }

  #guide .guide-info {
    width: 100%;
    min-width: 100%;
    margin-top: 40px;
  }

  #guide .guide-link-list {
    justify-content: space-between;
  }

  #guide .guide-link {
    width: calc(50% - 10px / 2);
    margin: 0 0 10px;
  }

  #guide .guide-link h3 {
    letter-spacing: 0;
  }

  #guide .sea-route {
    width: 100%;
    margin: 0;
  }

  #guide .sp_route_map {
    margin-top: 15px !important;
    margin-left: 0;
  }

  #guide .route-a-otaru {
    bottom: 79%;
    left: 52%;
  }

  #guide .route-a-maizuru {
    top: 59%;
    left: 23%;
  }

  #guide .route-a-tsuruga {
    top: 63%;
    left: 44%;
  }

  #guide .route-a-akita {
    bottom: 51%;
    left: 68%;
  }

  #guide .route-a-tomakomai-east {
    bottom: 72%;
    left: 74%;

  }

  /* 出発地・到着地選択後 */
  #guide .tours-guide-info .button-box {
    flex-wrap: wrap;
  }

  #guide .button-box-card h4 {
    min-height: 5rem;
  }

  #guide .button-box-card img {
    margin-bottom: 0;
  }
}
/**
 * 乗船ガイド（スマホ～タブレット）
 */
@media (min-width: 671px) and (max-width: 900px) {
  #guide .model-breadcrumb #breadcrumb {
    padding-top: 5.5em;
  }

  #guide .guide-info {
    min-width: 100%;
    padding: 0 35px;
  }

  #guide .guide-page-title {
    margin-top: 5%;
  }

  #guide .route-detail.maizuru {
    bottom: 97%;
    left: 230%;
  }

  #guide .route-detail.tsuruga {
    left: 213%;
    bottom: 30%;
  }

  #guide .route-detail.niigata {
    bottom: 53%;
    left: 315%;
  }

  #guide .route-detail.akita {
    bottom: 104%;
    left: 323%;
  }

  #guide .route-detail.otaru {
    bottom: 306%;
    left: 360%;
  }

  #guide .route-detail.tomakomai-east {
    bottom: 206%;
    left: 288%;
  }

  #guide .button-box-card h4 {
    font-size: 1.5rem;
    min-height: 6rem;
  }

  #guide .button-box-card img {
    margin-bottom: 1rem;
  }
}
/**
 * 乗船ガイド（～タブレット）
 */
@media (max-width: 900px) {
  #guide .guide-link h3 {
    display: table-cell;
    height: 40px;
    font-size: 1.6rem;
  }
}
/**
 * 乗船ガイド（PC）
 */
@media (min-width: 901px) {
  #guide .guide-link h3 .is-break {
    display: none;
  }
}

/**
 * パッケージツアー（スマホ）
 */
@media (max-width: 670px) {
  #tour {
    width: 100%;
  }

  #tour .enjoy-cruise-copy.model-course-copy-back {
    width: 100%;
    padding-left: 0;
    left: -100px;
  }

  #tour .enjoy-cruise-copy.model-course-copy {
    width: 85%;
    left: 120px;
  }

  #tour .guide {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 50px;
  }

  #tour .tours-guide-top {
    margin-top: 46%;
  }

  /* 出発地選択 */
  #tour .tours-guide {
    justify-content: center;
    padding-bottom: 4.5%;
  }

  /* プラン検索 */
  #tour .tours-guide.tours-search-guid > p {
    font-size: 1.6rem;
  }

  #tour .tour-period-day.tour-period-input {
    flex-wrap: wrap;
    width: 100%;
  }

  #tour .tour-period-day.tour-period-input:last-child {
    margin-bottom: 0;
  }

  #tour .tour-period-day.tour-period-input > label {
    width: 50%;
    margin-bottom: 5px;
  }

  #tour .entry-top.ship-room {
    padding: 0 20px;
  }

  #tour .entry-top.ship-room .ship-room-header {
    width: 100%;
  }

  #tour #tour-list {
    padding: 0 20px;
  }

  #tour .tour-place {
    width: 100%;
  }

  #tour .model-course-inner {
    width: 100%;
  }

  #tour .model-course-inner > div {
    width: 85%;
    padding: 0;
    margin: 5% auto 0;
  }

  #tour .info-detail {
    margin: 0 auto;
  }

  #tour .info-detail:nth-child(2n+1) {
    display: block;
  }

  #tour .info-image-content {
    margin-top: 0;
    width: 100%;
    padding-top: 5%;
  }

  #tour .info-image-content > .info-image {
    width: 100% ;
    height: 230px;
  }
}

/**
 * パッケージツアー（スマホ～タブレット）
 */
@media (min-width: 671px) and (max-width: 900px) {
  #tour .enjoy-cruise-copy.model-course-copy {
    top: 270px;
    left: 25px;
  }

  #tour .guide.tours-guide-top {
    width: 100%;
    padding: 0 40px;
    margin-top: 150px;
  }

  #tour .guide.tours-search {
    width: 100%;
    padding: 0 40px;
  }

  #tour .tour-period-day.tour-period-input {
    width: 100%;
  }

  #tour .entry-content.model-course-content {
    width: 100%;
    padding: 2.5% 40px 0;
  }

  #tour .ship-room-header.tour-header {
    width: 100%;
  }

  #tour .tour-place {
    width: inherit;
    justify-content: space-around;
  }

  #tour .model-course-inner.tour-inner {
    width: inherit;
  }

  #tour .model-course-inner > .tour-detail {
    width: 200px;
    margin: 0 10px 3%;
  }

  #tour .info-image-back {
    width: 203px;
  }
}

@media (max-width: 375px) {
  #tour .info-image-content > .info-image {
    height: 205px;
  }
}

@media (max-width: 360px) {
  #tour .info-image-content > .info-image {
    height: 195px;
  }
}

@media (max-width: 320px) {
  #tour .info-image-content > .info-image {
    height: 170px;
  }
}

/**
 * パッケージツアー（～タブレット）
 */
@media (max-width: 900px) {
  #tour .entry-content.model-course-content-bg {
    overflow: hidden !important;
  }

  #tour .entry-content.model-course-content-bg:before,
  #tour .entry-content.model-course-content.tour-content:after {
    height: 97%;
  }

  #tour .tour-period-day.tour-period-input > label:not(:last-child) {
    margin-right: 15px;
  }

  #tour .tours-guide.tours-search-guid {
    padding: 15px;
  }

  #tour .tour-period {
    margin-bottom: 15px;
  }

  .detail-link.tour-link {
    width: 60%;
}
}

/**
 * モデルコース（PC）
 */
@media (min-width: 901px) {
  #top .route-detail {
    position: relative;
    width: 8vw;
    height: 8vw;
    max-width: 95px;
    max-height: 95px;
  }

  #top .route-detail.maizuru {
    bottom: 113%;
    left: 238%;
  }

  #top .route-detail.tsuruga {
    bottom: 44%;
    left: 217%;
  }

  #top .route-detail.niigata {
    bottom: 48%;
    left: 312%;
  }

  #top .route-detail.akita {
    bottom: 93%;
    left: 323%;
  }

  #top .route-detail.otaru {
    bottom: 317%;
    left: 379%;
  }

  #top .route-detail.tomakomai-east {
    bottom: 215%;
    left: 305%;
  }
}

/**
 * モデルコース（スマホ）
 */
/* .route-link a h2 {
    position: relative;
} */
@media (max-width: 670px) {

  #top .sea-route.destination-route {
    top: 70px;
  }

  #top .page-section.model-course-header {
    width: 100%;
    margin: 220px 0 100px;
  }

  #top .enjoy-cruise-copy.model-course-copy-back {
    padding-left: 0;
    left: -100px;
    top: 0px !important;
    max-width: 500px;
    max-height: 315px;
    width: 100%;
    height: 100%;
  }

  #top .enjoy-cruise-copy.model-course-copy {
     width: 90%;
    /*width: 95%;*/
    left: 120px;
  }

  #top .copy-text.enjoy-cruise-txt,
  #top .sub-copy-text {
    font-size: 1.35rem;
  }

  #top .sp_route_map {
    margin-top: 0;
  }

  /* #top .route-detail.maizuru {
      bottom: -69.5vw;
      left: 25.5vw;
  }

  #top .route-detail.tsuruga {
      left: 46vw;
      bottom: -75vw;
  }

  #top .route-detail.niigata {
      bottom: -59vw;
      left: 59vw;
  }

  #top .route-detail.akita {
      bottom: -42vw;
      left: 67vw;
  }

  #top .route-detail.otaru {
      bottom: -6vw;
      left: 57.5vw;
  }

  #top .route-detail.tomakomai-east {
      bottom: -15vw;
      left: 74vw;
  } */
  #top .entry-content.model-course-content {
    padding: 25px 20px;
  }

  #top .entry-content.model-course-content-bg {
    overflow: hidden !important;
  }

  #top .entry-content.model-course-content-bg:before,
  #top .entry-content.model-course-content::after {
    height: 98%;
  }

  #top .destination.model-course-destination {
    width: 100%;
  }

  #top .model-course-inner {
    width: 100%;
  }

  #top .info-detail:nth-child(2n+1) {
    display: block;
  }

  #top .info-detail.model_area {
    width: 50%;
    margin: 0 auto 2.5em;
  }

  #top .info-detail .info-image-content {
    margin-top: 0;
    padding-top: 0;
    width: 88%;
  }

  #top .info-detail .info-image {
    width: 100%;
  }

  .info-image.model-image {
    height: 260px;
  }

  .info-image-back.model-image-bottom {
    width: 100% !important;
  }

  #top .info-detail h2 {
    position: static !important;
    margin: -25px 0 15px !important;
  }

  #top .model-course-inner > .model_area {
    width: 88%;
    padding: 0;
    margin: 0 5%;
  }

  #top .message_non_model {
    text-align: left;
  }

  #top .back-link {
    width: 40%;
    margin: 60px 30% 50px;
    text-align: center;
  }

  /* 詳細ページ */
  .entry-top-page.model-course-top.tours-top {
    margin-top: 50px;
  }

  .entry-top-page.model-course-top.tours-top .entry-content.model-course-content-bg.detail {
    margin-top: 40px;
  }
}
/**
 * モデルコース（スマホ～タブレット）
 */
@media (min-width: 671px) and (max-width: 900px) {
  #top .route-detail {
    width: 8.5vw;
    height: 8.5vw;
  }
  #top .enjoy-cruise-copy.model-course-copy {
    top: 270px;
    left: 80px;
  }

  #top .sea-route {
    /* width: 600px; */
    margin-bottom: 10%;
  }

  #top .route_map {
    /* width: 550px; */
    margin-top: 160px;
  }

  #top .route-detail.maizuru {
    bottom: 92%;
    left: 225%;
  }

  #top .route-detail.tsuruga {
    left: 203%;
    bottom: 25%;
  }


  #top .route-detail.niigata {
    bottom: 44%;
    left: 288%;
  }

  #top .route-detail.akita {
    bottom: 94%;
    left: 298%;
  }

  #top .route-detail.otaru {
    bottom: 296%;
    left: 318%;
  }

  #top .route-detail.tomakomai-east {
    bottom: 200%;
    left: 257%;
  }

  /* #top .model-course-inner {
    justify-content: center;
  } */

  #top .model-course-inner > .model_area {
    width: calc(82% / 3);
    margin: 0 3%;
  }

  /* #top .model-course-inner > .model_area:last-child{
    margin: 0 30px;
  } */

  #top .model-course-inner .message_non_model {
    width: 100%;
  }

  /* 詳細ページ */
  .entry-top-page.model-course-top.tours-top {
    margin-top: 30px;
  }

  .entry-top-page.model-course-top.tours-top .entry-content.model-course-content-bg.detail {
    margin-top: 20px;
  }
}
/**
 * モデルコース（～タブレット）
 */
@media (max-width: 900px) {
  #top .destination.model-course-destination {
    width: 200px;
    margin-bottom: 0;
  }

  .entry-content.model-course-content-bg{
    padding-bottom: 8.5%;
  }

  #top .model-course-inner {
    width: 100%;
  }

  #top .info-image-back {
    width: 100%;
  }

  #top .info-detail.model_area .detail-link {
    position: static;
    margin: 10px auto 0;
  }

  #top .message_non_model {
    width: 100%;
    margin-top: 20px;
  }

  /* 詳細ページ */
  #entry .entry-top-page.model-course-top.tours-top #breadcrumb {
    padding-top: 2.5em;
  }
}

/**
 * モデルコース（スマホ）
 */
 @media (max-width: 375px) {
  .info-image.model-image {
    height: 230px;
  }
}

@media (max-width: 360px) {
  .info-image.model-image {
    height: 220px;
  }
}

@media (max-width: 320px) {
  .info-image.model-image {
    height: 192px;
  }
}

/**
 * 楽しみ・ご入浴
 * 共通（スマホ）
 */
@media (max-width: 670px) {
  .attraction-facilities-wrapper .room-img {
    flex-wrap: wrap;
  }

  .enjoy-cruise-copy.attraction-enjyoy-copy .copy-text.enjoy-cruise-txt,
  .enjoy-cruise-copy.attraction-bathing-copy .copy-text.enjoy-cruise-txt {
    font-size: 1.4rem;
  }
}

/**
 * 食べる（スマホ）
 */
@media (max-width: 670px) {
  .enjoy-cruise-copy.gourmet-copy {
    width: 100%;
    padding: 0 20px;
    left: 0;
  }

  #grill .room-container.facilities-container,
  #restaurant .room-container.facilities-container,
  #cafe .room-container.facilities-container {
    margin-bottom: 40px;
  }

  #grill .room-container.facilities-container .restaurant-detail .room-img,
  #restaurant .room-container.facilities-container .restaurant-detail .room-img,
  #cafe .room-container.facilities-container .restaurant-detail .room-img {
    display: flex;
  }

  .gourmet-back .page-section.enjoy-section {
    margin-top: 20px;
  }

  .gourmet-back .page-section.enjoy-section .restaurant-content {
    margin-bottom: 30px;
  }

  .gourmet-back .meal-content .meal-image {
    width: 100%;
    margin-right: 0;
  }

  .gourmet-back .meal-content .meal-detail {
    width: 100%;
  }

  .gourmet-back .meal-content .meal-link a {
    width: 100%;
  }

  .gourmet-back .gourmet-link a {
    width: 100%;
  }

  .gourmet-back .gourmet-link .detail-link.cont-link {
    width: 100%;
    margin: 0 auto 10px;
  }

  /* レストラン */
  .gourmet-back .enjoy-cruise-copy.attraction-enjyoy-copy.restaurant {
    width: 100%;
    padding: 0 20px;
    top: 200px;
    left: 0;
  }

  .gourmet-back .restaurant-menu,
  .gourmet-back .restaurant-menu.alcohol-menu {
    width: 100%;
  }

  /* カフェ */
  .gourmet-back .page-cafe-section .enjoy-cruise-copy.gourmet-copy {
    top: 100px;
  }
}

/**
 * 船内施設紹介・客室紹介（はまなす／あかしあ）
 * （スマホ）
 */
@media (max-width: 670px) {
  /* 船内施設紹介・客室紹介 共通 */
  .page-template-page-ship-facilities .entry-top.ship-room .ship-room-header,
  .page-template-page-ship-room .entry-top.ship-room .ship-room-header {
    margin-top: 0;
  }

  .page-template-page-ship-facilities .entry-content.ship-room-content,
  .page-template-page-ship-room .entry-content.ship-room-content {
    padding-top: 2em;
  }

  .page-template-page-ship-facilities .entry-content.ship-room-content .ship-room-menu,
  .page-template-page-ship-room .entry-content.ship-room-content .ship-room-menu {
    /*margin-top: 5%;*/
    margin-top: 1rem;
  }

  .page-template-page-ship-facilities .entry-content.ship-room-content .ship-room-menu .img-block.room-block:not(:last-child),
  .page-template-page-ship-room .entry-content.ship-room-content .ship-room-menu .img-block.room-block:not(:last-child) {
    margin-bottom: 15px !important;
  }

  .page-template-page-ship-facilities .entry-content.ship-room-content .ship-link.ship-link-list,
  .page-template-page-ship-room .entry-content.ship-room-content .ship-link.ship-link-list {
    padding: 0 30px;
  }

  .page-template-page-ship-facilities .entry-content.ship-room-content .ship-link .detail-link.cont-link,
  .page-template-page-ship-room .entry-content.ship-room-content .ship-link .detail-link.cont-link {
    width: 100%;
    padding: 3%;
    margin-bottom: 10px;
    justify-content: center;
  }

  /* 360°view */
  .remodal-wrapper.remodal-is-opened .remodal-detail {
    flex-wrap: wrap;
  }

  .remodal-wrapper.remodal-is-opened .remodal-detail-block {
    width: 100%;
  }

  .remodal-wrapper.remodal-is-opened .remodal-detail-block:first-child {
    height: 15em;
    min-height: 15em;
  }

  .remodal-wrapper.remodal-is-opened .vr-video-start > p {
    font-size: 1.7em;
  }

  /* 客室画像（ポップアップ） */
  .remodal-wrapper.remodal-is-opened .remodal-block {
    width: 100%;
  }

  /* 客室紹介 */
  .page-template-page-ship-room .entry-content.ship-room-content .ship-link.ship-link-list {
    margin: 30px 0 50px!important;
  }

  /* 船内施設紹介 */
  .page-template-page-ship-facilities .entry-content.ship-room-content .ship-link.ship-link-list {
    margin-bottom: 50px!important;
  }
}
/**
 * 船内施設紹介・客室紹介（はまなす／あかしあ）
 * （スマホ～タブレット）
 */
@media (min-width: 671px) and (max-width: 900px) {
  /* 船内施設紹介・客室紹介 共通 */
  .page-template-page-ship-facilities .entry-content.ship-room-content,
  .page-template-page-ship-room .entry-content.ship-room-content {
    margin-top: 40px;
  }

  .page-template-page-ship-facilities .entry-content.ship-room-content .ship-link.ship-link-list,
  .page-template-page-ship-room .entry-content.ship-room-content .ship-link.ship-link-list {
    width: 80% !important;
    padding-right: 25px;
    margin: 0 auto;
  }

  .page-template-page-ship-facilities .entry-content.ship-room-content .ship-link > a,
  .page-template-page-ship-room .entry-content.ship-room-content .ship-link > a {
    width: 33.333%;
  }

  .page-template-page-ship-facilities .entry-content.ship-room-content .ship-link > a:not(:last-child),
  .page-template-page-ship-room .entry-content.ship-room-content .ship-link > a:not(:last-child) {
    margin-right: 10px;
  }

  .page-template-page-ship-facilities .entry-content.ship-room-content .ship-link > a .detail-link.cont-link,
  .page-template-page-ship-room .entry-content.ship-room-content .ship-link > a .detail-link.cont-link {
    width: 100%;
    padding: 3%;
    justify-content: center;
  }

  /* 客室画像（ポップアップ） */
  .remodal-wrapper.remodal-is-opened .remodal-block {
    width: 100%;
  }
}
/**
 * 船内施設紹介・客室紹介（はまなす／あかしあ）
 * （タブレット）
 */
@media (max-width: 900px) {
  .page-template-page-ship-facilities .detail-link.page-link.img-show,
  .page-template-page-ship-room .detail-link.page-link.img-show {
    padding: 1.5%;
  }
}
/**
 * 船内施設紹介・客室紹介（はまなす／あかしあ）
 * （iPhone5/SE用）
 */
@media (max-width: 375px) {
  .page-template-page-ship-facilities #entry .entry-content.ship-room-content,
  .page-template-page-ship-room #entry .entry-content.ship-room-content {
    top: 1em;
  }
}

/**
 * 船旅プランとおすすめ情報（スマホ）
 */
@media (max-width: 670px) {
  .page-template-page-enjoy .entry-top > header {
    top: 170px;
  }

  .page-template-page-enjoy .entry-top > header > .entry-title {
    font-size: 2.2rem;
  }

  .page-template-page-enjoy .enjoy-cruise-copy {
    top: 205px;
  }

  .page-template-page-enjoy #entry .entry-content.ship-room-content {
    top: 2em;
  }

  .page-template-page-enjoy .cont-list-title.enjoy-list-menu, .cont-list {
    justify-content: space-around;
  }

  .page-template-page-enjoy .main-description.enjoy-main > h2 {
    width: 95% !important;
    font-size: 2.2rem;
    padding: 12px 0 !important;
  }

  .page-template-page-enjoy .sub-cont-image img {
    max-height: 350px;
  }
}

/**
 * 船旅プランとおすすめ情報（スマホ～タブレット）
 */
@media (min-width: 671px) and (max-width: 900px) {
  .page-template-page-enjoy .cont-list-title.enjoy-list-menu {
    width: 100%;
  }

  .page-template-page-enjoy .cont-list-title.enjoy-list-menu .cont-list {
    width: 100%;
  }

  .page-template-page-enjoy .main-description.enjoy-main > h2 {
    width: 350px !important;
    padding: 19px 0 !important;
  }

  .page-template-page-enjoy .sub-conts.enjoy-sub {
    justify-content: space-around;
  }

  .page-template-page-enjoy .enjoy-conts {
    width: 50%;
    margin-bottom: 25px;
  }

  .page-template-page-enjoy .sub-description.enjoy-sub-description {
    /*width: 90%;*/
    margin: 0 auto;
  }

  .page-template-page-enjoy .sub-description.enjoy-sub-description.pamphlet-description {
    margin-bottom: 25px;
  }

  .page-template-page-enjoy .sub-cont-image img {
    max-height: 173px;
  }

  .page-template-page-enjoy .detail-link.list-page-link.plan-list {
    width: 200px;
    margin: 0 auto 8%;
  }
}

/**
 * 船旅プランとおすすめ情報（タブレット～）

@media (min-width: 901px) {
  .page-template-page-enjoy .sub-cont-image img {
    max-height: 154px;
  }
}
 */

/**
 * トップページ
 */
.top-wrapper .other-page > a:hover {
  opacity: 1;
}

/* .top-wrapper .other-page .other-page-img {
  display: inline-block;
} */

/* .top-wrapper .other-page .other-page-img .other-page_tx {
  height: auto;
  padding: 0 5px;
  background-color: transparent;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
} */
/**
 * トップページ（スマホ）
 */
@media (max-width: 670px) {
  /* おすすめ情報 */
  .top-wrapper .tabs {
    margin: 4% 15px 1.5%;
  }

  .top-wrapper .tabs .tab_item {
    width: calc(100% / 2 - 4px);
    font-size: 1.6rem;
  }

  .top-wrapper .slide_unit .info-detail .place {
    margin-bottom: 0;
  }

  /* スライダー */
  .top-wrapper .slick-initialized .slick-slide {
    flex-direction: column!important;
  }
  .top-wrapper .slick-list .info-detail {
    display: block!important;
  }
  .top-wrapper .info-detail.top {
    width: inherit!important;
    margin-bottom: 0 !important;
  }
  .top-wrapper .info-detail.top:first-child {
    margin-left: 0!important;
  }
  .top-wrapper .slick-dots {
    display: inherit;
  }
}
/**
 * トップページ（スマホ～タブレット）
 */
@media (min-width: 671px) and (max-width: 900px) {
  /* おすすめ情報 */
  .top-wrapper .tabs {
    margin: 4% 35px 0;
  }

  .top-wrapper .tabs .tab_item {
    font-size: 1.45rem;
  }

  .top-wrapper .slick-initialized .slick-slide {
    justify-content: center;
  }

  .top-wrapper .info-detail.top {
    width: 180px;
  }

  .top-wrapper .info-detail.top .info-image {
    width: 180px;
  }

  .top-wrapper .info-detail.top .info-image-back {
    width: 180px;
    bottom: 19px;
  }

  .top-wrapper .slide_unit .info-detail .place {
    margin-bottom: 0;
  }

  .top-wrapper .slide_unit .info-detail .detail-link {
    width: 70%;
    justify-content: center;
  }
}

/**
 * 船舶紹介（スマホ）
 */
@media (max-width: 670px) {
  .page-template-page-ship-list #entry .page-section .page-conts.ship-section {
    padding-bottom: 2rem;
  }

  .page-template-page-ship-list .page-section .ship-section .ship-link {
    margin-top: .5em;
  }

  .page-template-page-ship-list .ship-section .ship-link .detail-link.cont-link {
    margin-top: 15px;
  }
}
/**
 * 船舶紹介（スマホ～タブレット）
 */
@media (min-width: 671px) and (max-width: 900px) {
  .page-template-page-ship-list .ship-section .ship-link .detail-link.cont-link {
    padding: 3%;
    justify-content: center;
  }
}

/**
 * ページトップボタン
 */
#wpfront-scroll-top-container {
  right: 1vw!important;
  bottom: 13%!important;
}
