@charset "UTF-8";
.contents {
  box-sizing: border-box;
}
#wrap_main01 .contents img {
  vertical-align: bottom;
}
#wrap_main01 .contents {
  font-family: 'Noto Serif JP Medium', serif;
  /*letter-spacing: -0.07rem;*/
  box-sizing: border-box;
  font-weight: normal;
  font-feature-settings: "palt";
}
body main :before{
  box-sizing: initial;
}
main h1,ul,dd{
    margin:0;
}
main [aria-hidden=true] {
    display: block;
}
h3{
    margin: 0;
}
/*----------kv----------*/
.kvArea {
  background: url("/med/feature/msc_cruise/images/kv_bg.jpg") no-repeat;
  background-position: top center;
}
.copy__txt {
  text-align: center;
  font-size: 1.9rem;
  font-weight: 100;
  margin: 70px 0;
  line-height: 2.5;
}
/*----------sticky----------*/
.stickyBar {
  position: sticky;
  top: 92px;
  z-index: 1000;
  background: #4d4d85;
  height: 90px;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.stickyBar ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.stickyBar ul li a {
  color: #ffffff;
  display: block;
  font-size: 25px;
  text-align: center;
  padding: 10px 0;
  border: 5px solid #c21500;
  border-image: linear-gradient(to right, #cde2ff 0%, #8787d5 58%, #9c95c3 100%);
  border-image-slice: 1;
  width: 350px;
  position: relative;
}
.stickyBar ul li a::before {
  content: "";
  position: absolute;
  top: 41%;
  left: 20px;
  display: inline-block;
  border-style: solid;
  border-width: 14px 8px 0 8px;
  border-color: #c8e0fc transparent transparent transparent;
}
.stickyBar ul li a:hover {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.2);
}
/*----------tab----------*/
.tabArea {
  display: flex;
  justify-content: space-around;
}
.tabArea .tabArea__tab {
  cursor: pointer;
  font-size: 3rem;
  background: #E3E3E3;
  font-weight: 100;
  text-align: center;
  padding: 8px 10px 10px;
  width: 500px;
  border: solid #ACACAC;
  border-width: 2px 2px 0px 2px;
  border-radius: 10px 10px 0 0;
  z-index: 0;
}
.tabArea__tab.active {
  background: #dae9fe;
  border: solid #6e9de4;
  border-width: 2px 2px 0px 2px;
  border-bottom: 2px solid #dae9fe;
  margin-bottom: -2px;
  z-index: 1;
}
.panel {
  display: none;
  text-align: center;
}
.panel.active {
  display: block;
}

/*----------sectiontitle----------*/
.common__tit {
  position: relative;
  text-align: center;
  font-size: 4.5rem;
  color: #151538;
  line-height: 1.0;
  margin: 0 0 50px;
  font-weight: 100;
}
.common__tit::before {
  position: absolute;
  content: "";
  display: inline-block;
  height: 18px;
  vertical-align: middle;
  left: 0;
  top: 50%;
  background: url(/med/feature/msc_cruise/images/line.png) no-repeat left;
  width: 100%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.common__tit::after {
  position: absolute;
  content: "";
  display: inline-block;
  height: 18px;
  vertical-align: middle;
  right: 0;
  top: 50%;
  background: url(/med/feature/msc_cruise/images/line2.png) no-repeat right;
  width: 100%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.hTit001::before {
  max-width: 370px;
}
.hTit001::after {
  max-width: 370px;
}
.hTit002::before {
  max-width: 260px;
}
.hTit002::after {
  max-width: 260px;
}
.hTit003 span {
  display: inline-block;
  font-size: 2.5rem;
  padding: 3px 10px 5px;
  margin-bottom: 5px;
  height: 38px;
}
.hTit003::before {
  max-width: 200px;
}
.hTit003::after {
  max-width: 200px;
}
/*----------courselist----------*/
.courselist {
  padding: 20px 0 50px;
  border-top: #6e9de4 2px solid;
  background: linear-gradient(347deg, rgba(220, 209, 248, 1) 0%, rgba(218, 233, 254, 1) 40%, rgba(218, 233, 254, 1) 100%);
}
.courselist__wrap {
  padding: 0 20px;
  background-color: rgba(255, 255, 255, 0.60);
  font-family: "Arial", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  color: #2b2b2b;
}
.courselist__wrap ul li {
  border-bottom: 1px solid #cecece;
  padding: 20px 0;
  text-align: left;
}
.courselist__wrap ul li:last-of-type {
  border-bottom: none;
}
.courselist__wrap ul .courselist__wrap__nocourse{
    text-align: center;
    font-size: 18px;
}
.courselist__wrap__tagBox{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.courselist__wrap__courseNum {
  color: #FFF;
  margin-bottom: 10px;
  padding: 5px 10px;
  background-color: #282848;
  border-radius: 15px;
  text-align: center;
  width: 90px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.0;
}
.courselist__wrap__icon {
  color: #FFF;
  margin-bottom: 10px;
  padding: 5px 10px;
  background-color: #626285;
  border-radius: 15px;
  text-align: center;
  width: auto;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.0;
}
.courselist__wrap__courseTit a {
  font-family: 'Noto Serif JP Medium', serif;
  font-size: 2.5rem;
  font-weight: bold;
  color: #222267;
  text-decoration: underline;
}
.courselist__wrap__courseTit a:hover, .courselist__wrap__courseSub a:hover {
  text-decoration: none;
}
.courselist__wrap__courseSub {
  font-size: 1.8rem;
}
.courselist__wrap__courseSub a {
  font-weight: bold;
  color: #222267;
  text-decoration: underline;
}
.courselist__wrap__price {
  margin: 20px 0 0;
}
.courselist__wrap__price__note {
  font-size: 1.4rem;
}
.courselist__wrap__price__red {
  font-size: 3.2rem;
  font-weight: bold;
  color: #e40808;
  line-height: 1.2;
}
/*----------shiplist----------*/
.shipList {
  width: 100%;
  z-index: -1;
  background-image:
    url("/med/feature/msc_cruise/images/msc_bg01_01.jpg"), url("/med/feature/msc_cruise/images/msc_bg01_02.jpg");
  background-repeat: no-repeat, repeat;
  background-position: center top, center bottom;
  background-attachment: fixed;
  padding: 50px 0;
}
.shipList__box {
  background-color: #282848;
  display: flex;
  justify-content: flex-start;
  text-align: left;
  align-items: center;
  position: relative;
  color: #ffffff;
  margin: 0 0 20px;
}
.shipList__box__inner__tit {
  font-size: 4rem;
  padding: 5px 10px 10px 48px;
  position: relative;
  line-height: 1.0;
  text-shadow: 0 0 10px #000031;
  font-weight: 100;
}
.shipList__box__inner__tit::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 4px;
  background-image: url("/med/feature/msc_cruise/images/icon.png");
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.shipList__box__inner__txt {
  background: rgba(0, 0, 0, 0.30);
  padding: 10px;
  font-size: 1.7rem;
  line-height: 1.3;
  font-weight: normal;
}
.shipList__box__inner__shipData {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #eadba6;
}
.shipList__box__inner__shipData {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #eadba6;
}
.shipList__box__inner__shipData__left {
  font-size: 1.3rem;
  text-align: center;
  line-height: 1.2;
  padding: 5px;
}
.shipList__box__inner__shipData__left p{
    text-align: center;
}
.shipList__box__inner__shipData__left p:last-of-type {
  font-size: 1.8rem;
}
.shipList__box__inner__shipData__right {
  border-left: 1px solid #eadba6;
}
.shipList__box__inner__shipData__right ul {
  display: flex;
  justify-content: flex-start;
  margin: 5px;
}
.shipList__box__inner__shipData__right ul li p {
  display: block;
  font-size: 1.5rem;
  padding-left: 20px;
  position: relative;
  line-height: 1.3;
}
.shipList__box__inner__shipData__right ul li p::before {
  position: absolute;
  content: '';
  background: #fff;
  width: 12px;
  height: 13px;
  top: 2px;
  left: 5px;
}
/*----------onboard----------*/
.onboard {
  padding-top: 50px;
}
.onboard__tit{
     position: relative;
  padding: 5px 5px 5px 42px;
  background: #36365c;
  font-size: 3.5rem;
  color: white;
    text-align: left;
  margin-left: 0;
  line-height: 1.3;
  z-index:-1;
    margin-bottom: 40px;
}
.onboard__tit::before{
    position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  border: none;
  border-left: solid 45px white;
  border-bottom: solid 60px transparent;
  z-index:-2
}
.onboard__shipContents {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.onboard__shipContents__list {
  width: 500px;
  box-shadow: 1px 1px 3px 1px rgba(161, 161, 161, 0.6);
  margin: 0 0 40px 0;
}
.onboard__shipContents__list__box {
  padding: 10px 15px 20px;
}
.onboard__shipContents__list__box__tit {
  font-weight: bold;
  font-size: 2.5rem;
  color: #151538;
  text-align: left;
  line-height: 1.3;
    }
.onboard__shipContents__list__box__paid{
    font-size: 1.3rem;
    color: #333333;
    text-align: left;
    
}

.onboard__shipContents__list__box__tit span {
  font-size: 2.2rem;
  line-height: 1.2;
}
.onboard__shipContents__list__box__txt {
    padding-top: 10px;
  line-height: 2;
  font-size: 1.5rem;
  text-align: left;
}
.onboard__shipContents {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
    margin: 0 40px;
}
.onboard__shipContents__listTxtOnly {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center
}
.onboard__shipContents__listTxtOnly::after {
  content: '';
  position: absolute;
  background: url("/med/feature/msc_cruise/images/onboard_bg01.png") no-repeat;
  display: inline-block;
  width: 500px;
  height: 50px;
  top: 0;
  left: 0;
  z-index: 1;
}
.onboard__shipContents__listTxtOnly::before {
  content: '';
  position: absolute;
  background: url("/med/feature/msc_cruise/images/onboard_bg01.png") no-repeat;
  display: inline-block;
  width: 500px;
  height: 50px;
  bottom: 0;
  left: 0;
  z-index: 1;
  transform: scale(-1, -1);
}
.onboard__shipContents__list__btnbox {
  display: flex;
  justify-content: flex-end;
}
.onboard__shipContents__list__btnbox a {
  position: relative;
  font-size: 15px;
  display: block;
  text-align: center;
  padding: 5px 35px 5px 20px;
  background: #36365c;
  color: #ffffff;
    margin-top: 10px;
}
.onboard__shipContents__list__btnbox a::after {
  top: calc(50% - 5px);
  right: 20px;
  width: 11px;
  height: 11px;
  background-size: 11px auto;
  position: absolute;
  content: "";
  background-image: url(/med/app-files/img/sprite/icon.svg#blank2-usage);
  fill: #ffffff;
}
.onboard__shipContents__list__btnbox a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.onboard__shipContents__list__img{
    position: relative;
}
.onboard__shipContents__list__img .caption{
         right: 5px;
         bottom: 35px;
    position: absolute;
         color: #ffffff;
    z-index: 2;
         text-shadow: 2px 2px 2px #000000;
  }
/*----roominfo-----*/
.roomInfo {
  padding: 50px 0;
  background: linear-gradient(347deg, rgba(218, 233, 254, 1) 0%, rgba(218, 233, 254, 1) 40%, rgba(220, 209, 248, 1) 100%);
}
.roomInfo__wrap__box {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.roomInfo__wrap__box__list {
  width: 520px;
  margin-bottom: 40px;
}
.roomInfo__wrap__box__list__tit {
  padding: 5px;
  font-size: 2.3rem;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  background-color: #1d1d40;
}
.roomInfo__wrap__box__roombox {
  padding: 10px;
  background-color: #ffffff;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.roomInfo__wrap__box__roombox__shipwrap{
    margin-top: 10px;
}
.roomInfo__wrap__box__roombox__shipwrap__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-weight: bold;
  font-size: 2rem;
  padding: 5px;
  border-bottom: 1px solid #343497;
  line-height: 1.2;
}
.roomInfo__wrap__box__roombox__shipwrap__list p:first-of-type {
  color: #343497;
}
.roomInfo__wrap__box__roombox__shipwrap__listTit{
      border-top: 1px solid #343497;
    /*background: #E4E4FF;*/
      background: #E4E4E4;
      font-size: 1.7rem;
  }
.europe_tag{
    display: inline-block;
    line-height: 1.0;
    font-size: 1.4rem;
    font-weight: bold;
    color: #4AA8DC;
    border: 1px solid #4AA8DC;
    border-radius: 50px;
    padding: 4px 10px 2px;
    margin-right: 5px;
}
.japan_tag{
    display: inline-block;
    line-height: 1.0;
    font-size: 1.4rem;
    font-weight: bold;
    color: #DC774A;
    border: 1px solid #DC774A;
    border-radius: 50px;
    padding: 4px 10px 2px;
    margin-right: 5px;
}
.roomInfo__wrap__box__roombox__add {
  font-size: 1.5rem;
    line-height: 1.0;
    margin-top: 10px;
}
.roomInfo__wrap__yachtClub {
  padding: 0 10px 10px;
  background-color: #1d1d40;
  color: #ffffff;
}
.roomInfo__wrap__yachtClub__tit {
  font-size: 4rem;
  font-weight: bold;
  border-bottom: 1px solid #ffffff;
  line-height: 1;
  padding: 10px 0 10px 35px;
  position: relative;
}
.roomInfo__wrap__yachtClub__tit:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 4px;
  background-image: url("/med/feature/msc_cruise/images/yachtclub_icon.png");
  top: 54%;
  transform: translateY(-50%);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.roomInfo__wrap__yachtClub__txt {
  font-size: 1.8rem;
  padding: 10px;
}
.roomInfo__wrap__yachtClub__box {
  background-color: #ffffff;
  padding: 10px;
  color: #333333;
}
.roomInfo__wrap__yachtClub__box__tit {
  color: #1d1d40;
  font-weight: bold;
  font-size: 2.5rem;
  line-height: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid #1d1d40;
}
.roomInfo__wrap__yachtClub__box__tit span {
  font-size: 3rem;
  color: #ff912c;
}
.roomInfo__wrap__yachtClub__box__listwrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
	align-items: center;
}
.roomInfo__wrap__yachtClub__box__listwrap__list {
  position: relative;
  padding: 5px 20px 5px 20px;
  line-height: 1;
  font-size: 1.5rem;
  width: 520px;
}
.roomInfo__wrap__yachtClub__box__listwrap__list:before {
  content: "\25C6";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  color: #1d1d40;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.roomInfo__wrap__yachtClub__box__listwrap__list span {
  font-size: 1.3rem;
}
/*----------info----------*/
.information {
  padding: 50px 0;
}
.information__list dl {
  margin-bottom: 20px;
}
.information__list__tit {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 2.5rem;
  font-weight: bold;
  color: #282848;
  background: #dcdce1;
  line-height: 1.3;
  margin-bottom: 10px;
  position: relative;
  height: 40px;
  padding: 0 0 0 50px;
}
.information__list__tit__question::before {
  display: flex;
  justify-content: center;
  align-items: center;
  content: "Q";
  background: #282848;
  position: absolute;
  top: 0;
  color: #ffffff;
  width: 40px;
  padding: 0.5px 0 7px 0;
  left: 0;
}
.information__list__txt {
  line-height: 1.0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.information__list__txt__answer {
  width: 100%;
  margin: 5px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 2.5rem;
  font-weight: bold;
  position: relative;
  padding: 5px 0 0 50px;
}
.information__list__txt__answer::before {
  display: flex;
  justify-content: center;
  align-items: center;
  content: "A";
  background: #282848;
  position: absolute;
  color: #ffffff;
  width: 40px;
  padding: 5px 0 10px;
  left: 0;
}
.information__list__txt__answer__imgTxt {
  width: 100%;
  max-width: 690px;
  margin-right: 5px;
  line-height: 1.5;
  font-size: 1.7rem;
  font-weight: normal;
}
.information__list__txt__answer__txt {
  width: 100%;
  margin-right: 5px;
  line-height: 1.5;
  font-size: 1.7rem;
  font-weight: normal;
}
main .imgAnnotation {
  color: #333333;
  padding: 0;
	max-width: 1120px;
	margin: 10px auto;
	font-family: 'Noto Serif JP Medium', serif;
	font-size: 1.2rem;
	text-align: right;
}
.btnContainer {
  display: flex;
  justify-content: center;
  margin: 30px auto;
}
.btnUnit {
  margin-right: 4%;
  width: 22%;
  background: linear-gradient(to top, #cde2ff 0%, #9696ed 33%, #8378bf 100%);
  border-radius: 10px;
}
.btnUnit.current {
  border: 4px solid #6d58cf;
}
.btnUnit:last-of-type {
  margin-right: 0;
}
.btnUnit a {
  display: inline-block;
  position: relative;
  width: 100%;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4;
  padding: 20px;
  color: #FFF;
  text-align: center;
}
.btnUnit a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  border: 8px solid transparent;
  border-left: 12px solid #FFF;
  transition: all .5s cubic-bezier(.4, 0, .2, 1) 0s;
}
.btnUnit.current a::after {
  border: 8px solid transparent;
  border-top: 12px solid #FFF;
  right: 10px;
  
}
/*-------------------------------------------------------PConly----------------------------------------------------*/
@media screen and (min-width:768px) {
  .spOnly {
    display: none;
  }
  /*----------shiplist----------*/
  .shipList__box {
    position: relative;
    background-repeat: no-repeat;
    background-position: right center;
    height: 370px;
  }
  .shipList__box::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    background: url("/med/feature/msc_cruise/images/ship_bg_frame01.png"), url("/med/feature/msc_cruise/images/ship_bg_frame03.png");
    background-repeat: no-repeat, no-repeat;
    background-position: left center, right center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .shipList__box::before {
    position: absolute;
    content: "";
    display: block;
    width: 89.3;
    background: url("/med/feature/msc_cruise/images/ship_bg_frame02.png");
    background-repeat: repeat-x;
    background-position: center center;
    left: 60px;
    right: 60px;
    top: 0;
    bottom: 0;
  }
  .MSC_WorldEuropa {
    background-image: url("/med/feature/msc_cruise/images/ship_bg01.jpg");
  }
  .MSC_Armonia {
    background-image: url("/med/feature/msc_cruise/images/ship_bg02.jpg");
  }
  .MSC_Virtuosa {
    background-image: url("/med/feature/msc_cruise/images/ship_bg03.jpg");
  }
  .MSC_Splendida {
    background-image: url("/med/feature/msc_cruise/images/ship_bg04.jpg");
  }
  .MSC_Grandiosa {
    background-image: url("/med/feature/msc_cruise/images/ship_bg05.jpg");
  }
  .MSC_Bellissima {
    background-image: url("/med/feature/msc_cruise/images/ship_bg06.jpg");
  }
    .MSC_Euribia {
    background-image: url("/med/feature/msc_cruise/images/ship_bg07.jpg");
  }
    .MSC_Divina {
    background-image: url("/med/feature/msc_cruise/images/ship_bg08.jpg");
  }
  .shipList__box__inner {
    width: 610px;
    margin-left: 40px;
  }
  .shipList__box__inner__spimg {
    display: none;
  }
  .contentsSize {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
  }
    .onboard__shipContents__list__img {
    width: 500px;
    position: relative;
    z-index: 0;
    height: 280px;
    background-color: #626262;
  }
    .onboard__shipContents__list__img .caption{
         right: 5px;
         bottom: 35px;
    position: absolute;
         color: #ffffff;
    z-index: 2;
         text-shadow: 2px 2px 2px #000000;
  }
  .onboard__shipContents__list__img::before {
    content: '';
    position: absolute;
    background: url("/med/feature/msc_cruise/images/onboard_frame.png") no-repeat;
    display: inline-block;
    width: 500px;
    height: 36px;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
    .onboard__shipContents li ul li .onboard__shipContents__list__img{
        height: 150px;
    }
  .btnUnit:hover {
    opacity: 0.9;
  }
  .btnUnit:hover a::after{
    right: -4px;
  }
  .btnUnit.current:hover a::after{
    right: 10px;
    top: calc(50% + 5px);
  }
}
/*-------------------------------------------------------TABLETonly----------------------------------------------------*/
@media screen and (max-width:1120px) {
  /*----------sectiontitle----------*/
  .hTit001::before {
    max-width: 250px;
  }
  .hTit001::after {
    max-width: 250px;
  }
  .hTit002::before {
    max-width: 150px;
  }
  .hTit002::after {
    max-width: 150px;
  }
  .hTit003::before {
    max-width: 180px;
  }
  .hTit003::after {
    max-width: 180px;
  }
  /*----------sticky----------*/
  .stickyBar ul li a {
    font-size: 20px;
  }
  /*----------tab----------*/
  .tabDom {
    margin-left: 5px;
    margin-right: 5px;
  }
  .tabFly {
    margin-right: 5px;
  }
  /*----------space----------*/
  .courselist__wrap, .roomInfo__wrap__yachtClub, .information__list {
    margin: 0 10px;
  }
    .onboard__shipContents {
  justify-content: space-around;
}
}
@media screen and (max-width:900px) {
  /*----------title----------*/
  .hTit001::before {
    max-width: 190px;
  }
  .hTit001::after {
    max-width: 190px;
  }
  .hTit002::before {
    max-width: 90px;
  }
  .hTit002::after {
    max-width: 90px;
  }
  .hTit003::before {
    max-width: 70px;
  }
  .hTit003::after {
    max-width: 70px;
  }
  /*----------tab----------*/
  .tabDom {
    margin-left: 5px;
    margin-right: 5px;
  }
  .tabFly {
    margin-right: 5px;
  }
  /*----------shiplist----------*/
  .shipList ul {
    margin: 0 10px;
  }
  .shipList__box__inner__txt {
    background: rgba(0, 0, 0, 0.50);
  }
  .shipList__box__inner__shipData {
    background: rgba(0, 0, 0, 0.50);
  }
  /*----------info----------*/
  .information__list__txt__answer {
    flex-wrap: wrap;
  }
  .information__list__txt__answer__imgTxt {
    width: 100%;
    max-width: 100%;
  }
  /*----------onboard----------*/
  .onboard__shipContents__listTxtOnly {
    padding: 35px 0 30px;
  }
}
/*-------------------------------------------------------SPonly----------------------------------------------------*/
@media screen and (max-width:767px) {
  .contentsSize {
    width: 100%;
  }
  .pcOnly {
    display: none;
  }
  /*----------kv----------*/
  .copy__txt {
    font-size: 1.5rem;
    line-height: 1.8;
    margin: 30px 10px;
  }
  .copy__txt br {
    display: none
  }
  /*----------sticky----------*/
  .stickyBar {
    top:49px;
    margin-bottom: 40px;
    height: auto;
    width: 100%;
  }
  .stickyBar ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
  }
  .stickyBar ul li {
    width: 30%;
    margin: 3px;
  }
  .stickyBar ul li a {
    color: #ffffff;
    display: block;
    font-size: 13px;
    text-align: center;
    padding: 5px 0;
    border: 1px solid #cde2ff;
    width: 100%;
  }
  .stickyBar ul li a::before {
    content: "";
    position: absolute;
    top: 41%;
    left: 2px;
    display: inline-block;
    border-style: solid;
    border-width: 6px 3px 0 3px;
    border-color: #c8e0fc transparent transparent transparent;
  }
  .stickyBar ul li a:hover {
    text-decoration: none;
    background: rgba(255, 255, 255, 0.2);
  }
  /*----------tab----------*/
  .tabDom {
    margin-left: 5px;
    margin-right: 5px;
  }
  .tabFly {
    margin-right: 5px;
  }
  .tabArea .tabArea__tab {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 1.5rem;
    background: #E3E3E3;
    font-weight: 100;
    text-align: center;
    padding: 5px 10px 6px;
    width: 50%;
    border: solid #ACACAC;
    border-width: 2px 2px 0px 2px;
    z-index: 0;
  }
  .tabArea__tab.active {
    background: #dae9fe;
    border: solid #6e9de4;
    border-width: 2px 2px 0px 2px;
  }
  /*----------title----------*/
  .common__tit {
    font-size: 2.4rem;
    margin: 0 5px 40px;
    display: block;
    line-height: 1.2;
  }
  .hTit003 {
    margin: 0 5px 40px;
  }
  .hTit003 span {
    display: inline-block;
    font-size: 1.6rem;
    padding: 5px 10px 5px;
    margin-right: 5px;
    height: auto;
    margin-bottom: 5px;
    line-height: 1.2;
  }
  .hTit001::before {
    max-width: 30px;
  }
  .hTit001::after {
    max-width: 30px;
  }
  .hTit002::before {
    max-width: 30px;
  }
  .hTit002::after {
    max-width: 30px;
  }
  .hTit003::before {
    max-width: 30px;
  }
  .hTit003::after {
    max-width: 30px;
  }
  /*----------course----------*/
  .courselist {
    padding: 25px 0;
  }
  .courselist__wrap {
    padding: 0 5px;
    margin: 5px;
  }
  .courselist__wrap__courseTit a {
    font-size: 2rem;
    font-weight: bold;
    color: #222267;
    text-decoration: underline;
  }
  .courselist__wrap__courseSub {
    font-size: 1.5rem;
  }
  .courselist__wrap__price__note {
    font-size: 1.2rem;
  }
  .courselist__wrap__price__red {
    font-size: 2.5rem;
  }
  /*----------shiplist----------*/
  .shipList {
    padding: 30px 0;
  }
  .shipList ul {
    margin: 0 5px;
    padding: 5px 0;
  }
  .shipList__box {
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
    background-image: url("/med/feature/msc_cruise/images/ship_sp_bg01.jpg"), url("/med/feature/msc_cruise/images/ship_sp_bg03.jpg"), url("/med/feature/msc_cruise/images/ship_sp_bg02.jpg");
    background-size: 100%;
    background-repeat: no-repeat, no-repeat, repeat;
    background-position: center top, center bottom, center top;
    height: 100%;
  }
  .shipList__box__inner__txt {
    margin-bottom: 10px;
  }
  .shipList__box__inner__txt br {
    display: none;
  }
  .shipList__box__inner {
    width: 100%;
    margin: 40px 25px 60px;
  }
  .shipList__box__inner__tit {
    font-size: 2.1rem;
    padding: 10px 0 10px 35px;
  }
  .shipList__box__inner__tit::before {
    width: 25px;
    height: 25px;
    top: 50%;
    left: 5px;
  }
  .shipList__box__inner__txt {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .shipList__box__inner__shipData {
    width: 100%;
  }
  .shipList__box__inner__spimg {
    width: 100%;
  }
    .shipList__box__inner__shipData__left {
      
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-direction: row-reverse;
    font-size: 1.2rem;
  }
    .shipList__box__inner__shipData__left p{
      text-align: center;  
    }
  .shipList__box__inner__shipData__left p:last-of-type {
    font-size: 1.7rem;
    margin-right: 5px;
  }
  .shipList__box__inner__shipData {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #eadba6;
  }
  .shipList__box__inner__shipData__right {
    width: 100%;
    border-top: 1px solid #eadba6;
    border-left: none;
  }
  .shipList__box__inner__shipData__right ul li p {
    font-size: 1.2rem;
    padding-left: 10px;
    line-height: 1.3;
    margin-right: 5px;
  }
  .shipList__box__inner__shipData__right ul li p::before {
    width: 8px;
    height: 8px;
    top: 5px;
    left: 0px;
  }
  .shipList__box__inner__shipData {
    background: rgba(0, 0, 0, 0.0);
  }
  /*----------onboard---------*/
    .onboard__tit{
  padding: 5px 5px 5px 42px;
  font-size: 2rem;
  margin-left: 0;
  line-height: 1.3;
    margin-bottom: 20px;
}
.onboard__tit::before{
  left: -2px;
  top: -2px;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 45px transparent;
  z-index:-2
}
    .onboard__shipContents{
        margin: 0 0 20px 0;
    }
    
  .onboard__shipContents__list {
    width: 100%;
    max-width: 500px;
  }
    .onboard__shipContents li{
         margin: 0 5px 10px 5px;
    }
  .onboard, .roomInfo, .information {
    padding-top: 40px;
  }
  .onboard__shipContents__list__img {
    position: relative;
    width: 100%;
    max-width: 500px;
      background-color: #626262;
  }
  .onboard__shipContents__listTxtOnly {
    padding: 50px 0 40px;
      margin-bottom: 0;
  }
  .onboard__shipContents__listTxtOnly::after {
    width: 100%;
    max-width: 500px;
    height: 100%;
    max-height: 50px;
  }
  .onboard__shipContents__listTxtOnly::before {
    width: 100%;
    max-width: 500px;
    height: 100%;
    max-height: 50px;
  }
  .onboard__shipContents__list__img::before {
    content: "";
    background-size: 100%;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    display: block;
  }
  .onboard__shipContents__list__img::after {
    position: absolute;
    content: '';
    bottom: -1px;
    left: 0;
    display: block;
    width: 100%;
    height: 36px;
    background-image: url("/med/feature/msc_cruise/images/bg_ship.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
  }
  .onboard__shipContents__list__box {
    padding: 5px 15px 20px;
  }
  .onboard__shipContents__list__box__tit {
    font-size: 2rem;
  }
  .onboard__shipContents__list__box__tit span {
    font-size: 1.8rem;
    line-height: 1.2;
  }
  .onboard__shipContents__list__box__txt {
    line-height: 1.5;
    font-size: 1.4rem;
    ;
    text-align: left;
  }
  .onboard__shipContents__list__box__txt br {
    display: none;
  }
  .onboard__shipContents__list__btnbox {
    padding-top: 0;
  }
    .onboard__shipContents li ul li{
        margin: 0 0 10px 0;
    }
    .onboard__shipContents__list__img .caption{
         bottom: 20px;
  }
  /*----------roomInfo-----------*/
  .roomInfo__wrap__box__list {
    width: 100%;
    margin: 0 5px 20px;
    margin-bottom: 20px;
  }
  .roomInfo__wrap__box__list__tit {
    font-size: 1.8rem;
  }
    .roomInfo__wrap__box__roombox__img{
        display: flex;
        justify-content: center;
    }
  .roomInfo__wrap__box__roombox__shipwrap__list {
    flex-wrap: wrap;
    font-weight: bold;
    font-size: 1.4rem;
    padding: 5px 0;
    border-bottom: 1px solid #343497;
    line-height: 1.2;
  }
      .roomInfo__wrap__box__roombox__shipwrap__listTit {
    padding: 5px;
  }
    .europe_tag,.japan_tag{
        font-size: 1rem; 
    }
  .roomInfo__wrap__yachtClub {
    margin: 5px;
  }
  .roomInfo__wrap__yachtClub__tit {
    font-size: 2rem;
    font-weight: bold;
    border-bottom: 1px solid #ffffff;
    line-height: 1;
    padding: 10px 0 10px 30px;
    position: relative;
  }
  .roomInfo__wrap__yachtClub__tit:before {
    width: 20px;
    height: 20px;
    top: 50%;
  }
  .roomInfo__wrap__yachtClub__txt {
    font-size: 1.5rem;
  }
  .roomInfo__wrap__yachtClub__box__tit {
    font-size: 2rem;
  }
  .roomInfo__wrap__yachtClub__box__tit span {
    font-size: 2.5rem;
    color: #ff912c;
  }
  .roomInfo__wrap__box__roombox__add {
    font-size: 1.3rem;
  }
  /*----------info----------*/
  .information__list {
    margin: 5px;
  }
  .information__list__txt__answer p img {
    width: 100%;
    height: auto;
  }
  .information__list__tit {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 10px;
    padding: 4px 4px 3px 40px;
    height: auto;
  }
  .information__list__tit__question::before {
    width: 30px;
    height: 25px;
    padding-bottom: 5px;
    top: 0;
    line-height: 0;
    margin-top: 0;
  }
  .information__list__txt__answer {
    margin: 5px 0 0;
    font-size: 1.8rem;
    padding-left: 40px;
  }
  .information__list__txt__answer::before {
    width: 30px;
    height: 25px;
    padding: 1px 0 4px;
    top: 0;
    line-height: 0;
    margin-top: 0;
  }
  .information__list__txt__answer__imgTxt, .information__list__txt__answer__txt {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  #wrap_main01 .contents img {
      width: 100%
  }
  .btnContainer {
    flex-wrap: wrap;
    margin: 20px auto 0;
  }
  .btnUnit {
    width: 42%;
    margin-right: 0;
    background: linear-gradient(to top, #cde2ff 0%, #adaae9 37%, #8378bf 100%);
  }
  .btnUnit:nth-of-type(odd) {
    margin-right: 20px;
  }
  .btnUnit:nth-of-type(n+3) {
    margin-top: 10px;
  }
  .btnUnit a {
    font-size: 1.4rem;
    padding: 10px;
  }
  .btnUnit a::after {
    border: 4px solid transparent;
    border-left: 6px solid #FFF;
  }
  .btnUnit.current a::after {
    border: 4px solid transparent;
    border-top: 6px solid #FFF;
    right: 6px;
  }
}



/*otherFaetures slick adjust
==============================*/
.slick-dots {
	position: static;
}
.themefeaturesArea .slick-dots li button:before {
	font-size: 1.6rem;
	opacity: 1;
}
.themefeaturesArea {
	margin: 100px auto 30px;
}
.themefeaturesArea .prev-arrow::before, .themefeaturesArea .next-arrow::before,
.themefeaturesArea .switch__pause:after, .themefeaturesArea .switch__pause:before {
  box-sizing: border-box;
}
@media screen and (max-width:767.98px) {
	.themefeaturesArea {
		margin-top: 50px;
	}
	.themefeaturesArea .slick-arrow {
		width: auto;
		height: auto;
		bottom: 1px;
	}
}
/*============================*/