@charset "utf-8";
/* メディアで特集された話題のハワイオプショナルツアー　PCSP共通（レスポンシブ） */
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/materialsymbolsrounded/v320/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190Fjzag.woff2) format('woff2');
}
/*リセット*/
h1, h2, h3, h4, h5, h6, p, ul {
  font-weight: inherit;
}
ol {
  margin: 0;
}
li {
  list-style: none;
}
img {
  max-width: 100%
}
#topbuttonApp, #searchArea {
  position: relative;
  z-index: 1;
}
#hisApp {
  position: relative;
  overflow: hidden;
}
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.main {
  --fs-pc-px: 20px;
  --fs-px: 20;
  --fs-txt: min(calc(38vw / 10), 15px);
  --fs-detail-txt: min(calc(32vw / 10), 13px);
  --fs-title-txt: min(calc(48vw / 10), 20px);
  --fs-heading-txt: min(calc(43vw / 10), 17px);
  --fs-txtbtn: min(calc(20vw / 10), 11px);
  --default-fs-notes: min(calc(16em / var(--fs-px)), 16px);
  --default-width-pc: 992px;
  --default-width-inner: min(calc(680vw / 7.5), var(--default-width-pc));
  --default-border-radius: min(calc(10vw / 7.5), 10px);
  --default-color-blue: #00a0e9;
  --default-color-red: #e73656;
  --default-norepeat-center-cover: no-repeat center center / cover;
  --default-icon-link: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2254%22%20viewBox%3D%220%200%2054%2054%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%2300a0e9%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Ctitle%3Eicon_arrow_right%3C%2Ftitle%3E%20%3Cg%20id%3D%22%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%22%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M20.58579%2C14.27206h0a2%2C2%2C0%2C0%2C0%2C0%2C2.82842L30.48529%2C27l-9.89951%2C9.89951a2%2C2%2C0%2C0%2C0%2C0%2C2.82842h0a2%2C2%2C0%2C0%2C0%2C2.82842%2C0L34.72794%2C28.41421a2%2C2%2C0%2C0%2C0%2C0-2.82842L23.41421%2C14.27206A2%2C2%2C0%2C0%2C0%2C20.58579%2C14.27206Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') var(--default-norepeat-center-cover);
  --default-icon-blank: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2254%22%20viewBox%3D%220%200%2054%2054%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%2300a0e9%3B%7D%3C%2Fstyle%3E%3Ctitle%3Eicon_blank%3C%2Ftitle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M36.3%2C36.3H17.7V17.7H27v-2.7h-9.3c-1.5%2C0-2.7%2C1.2-2.7%2C2.7v18.6c0%2C1.5%2C1.2%2C2.7%2C2.7%2C2.7h18.6%20c1.5%2C0%2C2.7-1.2%2C2.7-2.7V27h-2.7L36.3%2C36.3L36.3%2C36.3z%20M29.7%2C15.1v2.7h4.8l-13%2C13l1.9%2C1.9l13-13v4.8H39v-9.4H29.7z%22%2F%3E%3C%2Fsvg%3E');
  --default-icon-right-white: url('https://www.his-j.com/cmn/icon/icon_arrow_right_white.svg');
  --default-icon-blank-white: url('https://www.his-j.com/cmn/icon/icon_blank_white.svg');
  --margin-70: min(calc(84vw / 7.5), 70px);
  --margin-60: min(calc(72vw / 7.5), 60px);
  --margin-50: min(calc(60vw / 7.5), 50px);
  --margin-40: min(calc(48vw / 7.5), 40px);
  --margin-30: min(calc(36vw / 7.5), 30px);
  --margin-20: min(calc(24vw / 7.5), 20px);
  --margin-15: min(calc(18vw / 7.5), 15px);
  --margin-10: min(calc(12vw / 7.5), 10px);
  --margin-5: min(calc(6vw / 7.5), 5px);
}
.main *::before, .main *::after {
  box-sizing: border-box;
}
.main div:not([class])::after {
  content: none;
}
.main div:focus {
  outline: none;
}
@media screen and (min-width: 751px) {
.main a:hover {
  opacity: 0.75;
}
}
@media screen and (max-width: 750px) {
.main a:hover {
  opacity: 1;
}
}
.main a:not(.searchBtn) {
  color: inherit;
  text-decoration: none;
}
.breadcrumb__contents {
  overflow: hidden;
  background: #fff;
}
.is-size-pc .breadcrumb__contents {
  padding-bottom: 5px;
}
.goTop__link {
  display: none;
}
.his-top__button {
  display: block;
  font-size: calc(26vw / (750 / 100));
  color: #fff;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  padding: calc(30vw/ (750 / 100)) calc(20vw/ (750 / 100));
  background: #0057B8 url(https://www.his-j.com/cmn/icon/icon_arrow_right_white.svg) no-repeat right calc(10vw/ (750 / 100)) center / calc(48vw/ (750 / 100));
}

/*＝＝ ベース ＝＝*/
.main {
  font-family: "Noto Sans JP", sans-serif;
  color: var(--ui-static-black);
  font-size: min(calc(30vw / (750 / 100)), var(--fs-pc-px));
  line-height: 1.7;
  overflow: hidden;
  /*min-width: 320px;*/
}
@media screen and (min-width: 751px) {
.main{
  /*background: url(../images/pc/bg_pc.png) no-repeat;
  background-attachment: fixed;
  background-position: bottom;
  background-size: 100vw;*/
  }
}
.main:before {
  position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100vw;
    height:100vh;
    background:url(../images/pc/bg_pc.png) no-repeat;
    -webkit-background-size:contain;
    background-size:contain;
    background-position: bottom;
    content:"";
}
@media screen and (max-width: 750px) {
.main:before {
  background-image: none;
}
}
@media (orientation: portrait){
/*.main {
  background-size: 370%;
}*/
.main:before{
  background-size: 370%;
}
}
.attention {
  color: var(--default-color-red);
}
@media screen and (min-width: 751px) {
.section {
  max-width: var(--default-width-pc);
  margin: 0 auto var(--margin-60);
}
}
.section {
  /*padding: min(calc(60vw / 7.5), 50px) 0;*/
  font-size: var(--fs-txt);
  text-align: center;
}
.section__inner {
  padding: 0 var(--margin-30);
  text-align: left;
}


/*＝＝ MV & ナビ & リード ＝＝*/
@media screen and (min-width: 751px) {
  .mv {
    height: 100vh;
  }
  .title_pc {
    width: 100%;
    background: url(../images/pc/mv_pc.png) no-repeat center 4vh;
    /*background-size: min(calc(870vw / 10), 1151px);*/
    height: 100vh;
  }
  .title_pc_inner {
    max-width: 992px;
    margin: 0 auto;
    text-align: center;
    padding-top: 12vh;
  }
/*  .mv_pc img {
    width: min(calc(365vw / 10), 507px);
  }*/
  .lead_pc {
    display: inline-block;
    background: rgba(255, 255, 255, 0.6);
    padding: 6px 8px 4px 8px;
    margin: 3vh 0;
    font-size: var(--fs-detail-txt);
    /*width: min(calc(385vw / 10), 650px);*/
  }
  .nav_pc {
    display: flex;
    justify-content: center;
    font-size: min(calc(48vw / 10), 20px);
    font-weight: bold;
  }
  .nav_pc a {
    padding: 10px 16px 10px 42px;
    margin-right: 28px;
    background-color: #ffea00;
    background-image: url(../images/arrow_down_w.svg);
    background-repeat: no-repeat;
    background-position: left 9px center;
    background-size: 20%;
  }
  .nav_pc a:last-child {
    margin-right: 0;
  }
  .title_sp,.sp_leadnav {
    display: none;
  }
}

@media screen and (max-width: 750px) {
.mv {
  height: 100%;
}
h2 {
  padding-top: 2vh;
}
h2 img {
  width: 100%;
}
.title_pc {
  display: none;
}
.sp_leadnav {
  background: rgba(255, 255, 255, 0.8);
  padding: var(--margin-30);
  font-size: var(--fs-txt);
  text-align: center;
}
.lead_sp {
  text-align: left;
  margin-bottom: calc(48vw / 7.5);
}
.nav_sp {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: var(--fs-title-txt);
  font-weight: bold;
  margin-bottom: calc(24vw / 7.5);
}
.nav_sp a {
  padding: var(--margin-15) var(--margin-30) var(--margin-15) calc(84vw / 7.5);
  margin-right: var(--margin-30);
  background-color: #ffea00;
  background-image: url(../images/arrow_down_w.svg);
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 20%;
}
.nav_sp a:last-child {
  margin-right: 0;
}
}

/*＝＝ 島 ＝＝*/
#HNL {
  background: #95eced;
}
#KOA {
  background: #ffccba;
}
@media screen and (min-width: 751px) {
.section__title {
  display: inline-block;
  background: #000;
  font-size: var(--fs-title-txt);
  font-weight: bold;
  color: #fff;
  margin: var(--margin-50) 0;
  padding: 10px 20px;
}
}
@media screen and (max-width: 750px) {
.section__title {
  padding: var(--margin-15) 0;
  margin-bottom: var(--margin-40);
  background: #000;
  color: #fff;
  font-weight: bold;
  font-size: min((36vw / 7.5), 20px);
}
}
.section__sub_title {
  border-left: 7px solid #009db9;
  margin-bottom: var(--margin-20);
  padding-left: 7px;
  font-size: var(--fs-heading-txt);
  font-weight: bold;
}
@media screen and (max-width: 750px) {
.section__sub_title {
  margin-top: var(--margin-15);
}
}
.sub_label {
  font-size: var(--fs-detail-txt);
}
.sub_label p {
  font-weight: bold;
  padding-bottom: var(--margin-10);
  font-size: var(--fs-txt);
}

/*＝＝ 商品カセット ＝＝*/
@media screen and (min-width: 751px) {
.tour_box {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 30px;
}
.tour_detail a {
  display: flex;
  background: #fff;
  padding: 20px 0 20px 20px;
  margin-top: 20px;
}
.tour_detail:nth-of-type(even) a {
  flex-direction: row-reverse;
  padding: 20px 20px 20px 0;
}
.detail_img {
  width: 260px;
  height: 175px;
  background: #cfcfcf;
  background-size: cover;
  background-position: center;
}
.detail_txt {
  width: calc(100% - 260px);
  padding: 0 20px;
  font-size: var(--fs-txt);
}
.tour_detail__title {
  font-size: var(--fs-txt);
  font-weight: bold;
}
.detail_txt p {
  font-size: var(--fs-detail-txt);
  padding-top: var(--margin-10);
}
.link_txt {
  font-size: var(--fs-detail-txt);
  margin-top: var(--margin-15);
  padding-right: 20px;
  text-align: right;
  position: relative;
}
.link_txt:before {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  top: 2px;
  right: 0;
  border-radius: 50%;
  background: #ffea00;
}
.link_txt:after {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  top: 7px;
  right: 6px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
}
@media screen and (max-width: 750px) {
.tour_box {
  display: flex;
  flex-wrap: wrap;
}
.tour_detail a {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  padding: var(--margin-30);
  margin-top: var(--margin-30);
}
.detail_img {
  width: 100%;
  height: 200px;
  background: #cfcfcf;
  background-size: cover;
  background-position: center;
}
.detail_txt {
  width: 100%;
  padding-top: var(--margin-20);
  font-size: var(--fs-txt);
}
.tour_detail__title {
  font-size: var(--fs-heading-txt);
  font-weight: bold;
}
.detail_txt p {
  font-size: var(--fs-detail-txt);
  padding-top: var(--margin-10);
}
.link_txt {
  font-size: var(--fs-detail-txt);
  margin-top: var(--margin-15);
  padding-right: 20px;
  text-align: right;
  position: relative;
}
.link_txt:before {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  border-radius: 50%;
  background: #ffea00;
}
.link_txt:after {
  position: absolute;
  content: url(https://www.his-j.com/cmn/icon/icon_arrow_right_white.svg);
  width: 19px;
  height: 19px;
  top: 50%;
  right: -2px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /*background: url(https://www.his-j.com/cmn/icon/icon_arrow_right_white.svg);
  background-repeat: no-repeat;
  background-position: top 50% right 20px;
  background-size: 27px;*/
  /*border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);*/
}
}

/*＝＝ #Q&A ＝＝*/
@media screen and (min-width: 751px) {
#faq {
  background: rgba(255, 255, 255, 0.8);
  padding-bottom: var(--margin-50);
}
.faq_list {
  border-top: #000 solid 1px;
  font-size: var(--fs-detail-txt);
}
.faq_list li {
  display: flex;
  border-bottom: #000 solid 1px;
  padding: var(--margin-15) var(--margin-5);
}
.faq_Q {
  font-weight: bold;
  width: 30%;
}
.faq_A {
  width: 70%;
  padding-left: var(--margin-15);
}
}
@media screen and (max-width: 750px) {
#faq {
  background: rgba(255, 255, 255, 0.8);
}
#faq.section {
  padding: var(--margin-50) 0 0;
}
#faq {
  & .section__title {
    padding: var(--margin-10) 0;
    margin: 0  var(--margin-30) var(--margin-40);
    background: #000;
    color: #fff;
    font-weight: bold;
  }
}
.faq_list li {
  padding: var(--margin-20) var(--margin-10);
  border-bottom: #000 dotted 1px;
}
.faq_list li:first-child {
  padding-top: 0;
}
.faq_list li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.faq_Q {
  font-weight: bold;
}
.faq_A {
  padding-top: var(--margin-15);
}
}

/*＝＝ おすすめハワイ情報 ＝＝*/
@media screen and (min-width: 751px) {
#other {
  background: rgba(255, 255, 255, 0.8);
  padding-bottom: var(--margin-50);
}
.column {
  display: flex;
  flex-wrap: wrap;
}
.column li {
  width: calc((100%/3 - 20px));
  margin-right: 30px;
}
.column li:nth-child(3n) {
  margin-right: 0;
}
.column li a {
  display: block;
}
.column_box {
  padding-bottom: var(--margin-20);
}
.column_img {
  width: 100%;
  height: 180px;
  background: #cfcfcf;
  background-size: cover;
  background-position: center;
}
.column_txt {
  font-size: var(--fs-detail-txt);
  padding-top: var(--margin-10);
}
.column_txt p {
  font-size: var(--fs-txt);
  font-weight: bold;
  padding-bottom: var(--margin-5);
}
.other_link {
  font-size: var(--fs-txt);
  padding-top: var(--margin-5);
  padding-right: var(--margin-15);
  padding-bottom: var(--margin-10);
  padding-left: var(--margin-15);
  border: 1px solid #000;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: center;
}
.other_link li {
  position: relative;
  padding-right: 20px;
  margin-right: 20px;
  margin-top: var(--margin-10);
}
.other_link a:hover {
  text-decoration: underline;
}
.other_link a:before {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  top: 3px;
  right: 0;
  border-radius: 50%;
  background: #ffea00;
}
.other_link a:after {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  top: 8px;
  right: 6px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
}

@media screen and (max-width: 750px) {
#other {
  background: rgba(255, 255, 255, 0.8);
}
#other.section {
  padding: var(--margin-50) 0;
}
#other {
  & .section__title {
    padding: var(--margin-10) 0;
    margin: 0  var(--margin-30) var(--margin-40);
    background: #000;
    color: #fff;
    font-weight: bold;
  }
}
.column {
  display: flex;
  flex-wrap: wrap;
}
.column li {
  width: 100%;
  padding: var(--margin-20) 0;
  border-bottom: 1px dotted #000;
}
.column li:first-child {
  padding-top: 0;
}
.column li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.column li a {
  display: block;
}
.column_box {
  display: flex;
}
.column_img {
  width: 70px;
  height: 70px;
  background: #cfcfcf;
  background-size: cover;
  background-position: center;
}
.column_txt {
  width: calc(100% - 70px);
  padding-left: 20px;
  font-size: var(--fs-detail-txt);
}
.column_txt p {
  font-size: var(--fs-txt);
  font-weight: bold;
  padding-bottom: var(--margin-5);
}
.other_link {
  font-size: var(--fs-txt);
  padding-right: var(--margin-15);
  padding-bottom: var(--margin-10);
  padding-left: var(--margin-15);
}
.other_link li {
  position: relative;
  padding-left: 20px;
  margin-top: var(--margin-10);
}
.other_link li:first-child {
  margin-top: 0;
}
.other_link a:hover {
  text-decoration: underline;
}
.other_link a:before {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  top: 3px;
  left: 0;
  border-radius: 50%;
  background: #ffea00;
}
.other_link a:after {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  top: 8px;
  left: 4px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
}

/*＝＝ リンクボタン ＝＝*/
@media screen and (min-width: 751px) {
.link_area {
  color: #000;
  font-size: var(--fs-txt);
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.linkBtn {
  background-color: #fff;
  background-image: url(https://www.his-j.com/cmn/icon/icon_arrow_right.png);
  background-repeat: no-repeat;
  background-position: top 50% right 20px;
  background-size: 27px;
  border-radius: 30px;
  border: 1px solid #444;
  padding: 15px 60px 15px 50px;
  display: inline-block;
  margin-top: var(--margin-20);
}
.linkBtn:last-child{
  margin-bottom: var(--margin-60);
}
}
@media screen and (max-width: 750px) {
.link_area {
  color: #000;
  font-size: var(--fs-txt);
  font-weight: bold;
  text-align: center;
  padding: var(--margin-50) var(--margin-20) var(--margin-70);
  display: flex;
  flex-wrap: wrap;
}
.link_area a:nth-child(n+2){
  margin-top: var(--margin-20);
}
.linkBtn {
  background-color: #fff;
  background-image: url(https://www.his-j.com/cmn/icon/icon_arrow_right.svg);
  background-repeat: no-repeat;
  background-position: top 48% right 12px;
  background-size: 24px;
  border-radius: 70px;
  border: 1px solid #444;
  padding: 15px 0;
  width: 100%;
  display: inline-block;
}
}

/*＝＝ ボトムリンク ＝＝*/
@media screen and (max-width: 750px) {
#bottom {
  padding: 0 var(--margin-30) calc(156vw / 7.5);
  background: url(../images/sp/bg_sp.png) no-repeat center bottom;
  background-size: contain;
}
#bottom .link_area {
  padding: var(--margin-40) var(--margin-20) var(--margin-70);
}
#bottom .linkBtn {
  background-color: #0057B8;
  background-image: url(https://www.his-j.com/cmn/icon/icon_arrow_right_white.svg);
  border: none;
  color: #fff;
}
}


/*＝＝ #サーチ ＝＝*/
@media screen and (min-width: 751px) {
#searchArea {
  background: url(../images/pc/footer_bg.jpg) no-repeat;
  background-position: center top 0;
  background-size: cover;
}
.section__wrapper.search {
  height: 760px;
}
}
@media screen and (max-width: 750px) {
#searchArea {
  padding: 0;
}
#searchArea .section {
  padding: 0 0 15px 0;
}
}

/*＝＝ PC/SP出し分け ＝＝*/
@media screen and (max-width: 750px) {
  .PC_on {
    display: none!important;
  }
  .footer__page-top {
    display: none;
  }
  .footer {
    margin-top: 0!important;
  }
}
@media screen and (min-width: 751px) {
  .SP_on {
    display: none!important;
  }
}
/*★ ＝＝ hover ＝＝ ★*/
@media (hover : hover) and (pointer : fine) {
  .base-textlink__link {
    &:hover {
      .base-textlink__text {
        text-decoration: underline;
        text-underline-offset: .2em;
      }
    }
  }
}