@charset "UTF-8";



.contentsInr {
width: auto;
padding: 0px;
margin: 0 auto;
}
.contentsInr .contentsUnit {
padding: 0 10px;
}

@media (min-width: 740px){
.contentsInr .contentsUnit {
width: 960px;
padding: 0px;
margin: 0 auto;
}
}

.mv_txt {
  /* text-align: center; */
  background-color: #1E4E87;
  color: #ffffff;
  padding-top: 25px;
}

.sub_txt{
  background-color: #1E4E87;
  color: #ffffff;
  padding-bottom: 25px;
}
.sub_txt p{
  width: 90%;
  margin: 0 auto;
  font-size: 1.5rem;
}
@media (min-width: 740px){
  .sub_txt p{
    width: 650px;
    margin: 0 auto;
    font-size: 1.5rem;
  }
}
.ctm_pageTtl .ttlLv1 {
  text-align: left;
  width: 90%;
  margin: 0 auto;
}
@media (min-width: 740px){
  .ctm_pageTtl .ttlLv1 {
    text-align: left;
    width: 650px;
    margin: 0 auto;
  }
}
.ctm_pageTtl .ttlLv1 .heading {
  font-size: 2.7rem;
  position: relative;
}

.ctm_pageTtl .ttlLv1 .heading::before{
  content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/hnl/waikiki/img_sites/flower_left.svg);
  display: block;
  position: absolute;
  bottom: -109px;
  left: -300px;
}
.ctm_pageTtl .ttlLv1 .heading::after{
  content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/hnl/waikiki/img_sites/flower_right.svg);
  display: block;
  position: absolute;
  top: -35px;
  right: -570px;
}

.sec {
  padding-bottom: 50px;
}
.sec_bg {
  background: #FFF296;
  display: none;
}
.inner {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 15px;
}
@media (min-width: 740px){
  .inner {
  padding: 0px;
  }
  .sec_bg {
    background: #FFF296;
    display: block;
  }
}
.sec_bg2 {
  background: #FFF296;
}
@media (min-width: 740px){
  .sec_bg2 {
    background: #FFF296;
  }
}

/* ここからsec02 */

.border_box{
  border: 1px solid #707070;
  padding: 20px;
}
.hotel_bg_pickup{
  background-color: #F0CD55;
  border-radius: 20px;
  margin-top: 60px;
}

.left_box{
  padding: 10px;
}
.right_box{
  padding: 10px;
}
@media (min-width: 740px){
  .left_box{
    padding: 0 0 40px 20px;
  }
  .right_box{
    padding: 0px 20px 20px 0;
  }
}
.left_box_ttl{
  position: relative;
}
.left_box_ttl::before{
  content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/hnl/waikiki/img_sites/hotel_icon.svg);
  display: block;
  position: absolute;
  top: -20px;
  left: 0px;
  z-index: 0;
}
@media (min-width: 740px){
  .left_box_ttl::before{
    top: -10px;
  }
}
.left_box_ttl::after{
  content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/hnl/waikiki/img_sites/hotel_bg.svg);
  display: block;
  position: absolute;
  bottom: -75px;
  right: 0px;
  z-index: 0;
}
.left_box_ttl .ttlLv3{
  padding-top: 80px;
  margin-bottom: 30px;
}
.left_box_ttl .ttlLv3 .heading{
  border-left: 10px;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 740px){
  .left_box_ttl .ttlLv3 .heading{
    font-size: 2.3rem;
  }
}

.left_box_btn .btn{
  background-color: #fff;
  border: 2px solid #333333;
  border-radius: 100px;
  text-align: center;
  box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);
  margin-bottom: 20px;
}
@media (min-width: 740px){
  .left_box_btn .btn{
    margin-bottom: 0px;
  }
}

.right_box_category{
  margin-top: -20px;
  margin-bottom: 25px;
}
@media (min-width: 740px){
  .right_box_category{
    margin-top: 40px;
  }
}
.right_box_txt{
  font-weight: bold;
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
  position: relative;
  padding: 5px;
  margin-bottom: 5px;
}
.size_sml{
  width: 38%;
  font-size: 1.2rem;
}
.size_hnm{
  width: 45%;
}
.size_ore{
  width: 55%;
}
.size_bk{
  width: 60%;
}
/* .color_p{
  color: #FD6EA0;
}
.color_ore{
  color: #F0A00F;
}
.color_ore_sml{
  color: #F0A00F;
}
.color_darkore{
  color: #F0500F;
}
.color_bk{
  color: #000;
}
.color_gre{
  color: #28961E;
}
 */

.cost_box{
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 740px){
  .cost_box{
    margin-top: 35px;
    margin-bottom: 15px;
  }

}
/* orange */
.sec02_table table tbody tr th, .sec02_table table tbody tr td { 
  padding: 5px 20px;
}
.sec02_table table tbody tr td:last-child {
  width: auto;
  background-color: #fff;
  color: #CC0000;
}
.sec02_table table tbody tr td:first-child {
  background: #000;
  color: #fff;
}
.sec02_table table tbody tr td:last-child {
  background: #fff;
}
.sec02_table table tbody tr,.sec02_table table tbody td{
  border: 2px solid #F0CD55;
}

.sec02_table table tbody tr, .sec02_table table tbody td{
  display: block;
  width: 100%;
}
@media (min-width: 740px){
  .sec02_table table tbody tr td:last-child {
    width: 60%;
    background-color: #E9E9E1;
    color: #CC0000;
  }
  .sec02_table{
    margin-top: 0px;
  }
  .sec02_table table tbody tr, .sec02_table table tbody td{
    display: flex;
    width: 100%;
    margin-bottom: -2px;
  }

}
/* blue */
.sec02_table_blue table tbody tr th, .sec02_table_blue table tbody tr td { 
  padding: 5px 20px;
}
.sec02_table_blue table tbody tr td:last-child {
  width: auto;
  background-color: #fff;
  color: #CC0000;
}
.sec02_table_blue table tbody tr td:first-child {
  background: #000;
  color: #fff;
}
.sec02_table_blue table tbody tr td:last-child {
  background: #fff;
}
.sec02_table_blue table tbody tr,.sec02_table_blue table tbody td{
  border: 2px solid #6EC8E6;
}
.sec02_table_blue table tbody tr, .sec02_table_blue table tbody td{
  display: block;
  width: 100%;
}
@media (min-width: 740px){
  .sec02_table_blue table tbody tr td:last-child {
    width: 60%;
    background-color: #E9E9E1;
    color: #CC0000;
  }
  .sec02_table_blue{
    margin-top: 0px;
  }
  .sec02_table_blue table tbody tr, .sec02_table_blue table tbody td{
    display: flex;
    width: 100%;
    margin-bottom: -2px;
  }

}
/* green */
/* .sec02_table_gre table tbody tr th, .sec02_table_gre table tbody tr td { 
  padding: 5px 20px;
}
.sec02_table_gre table tbody tr td:last-child {
  width: 27%;
  background-color: #fff;
  color: #CC0000;
}
.sec02_table_gre table tbody tr td:first-child {
  background: #000;
  color: #fff;
}
.sec02_table_gre table tbody tr td:last-child {
  background: #fff;
}
.sec02_table_gre table tbody tr,.sec02_table_gre table tbody td{
  border: 2px solid #78C88C;
} */
.sec02_table_gre table tbody tr th, .sec02_table_gre table tbody tr td { 
  padding: 5px 20px;
}
.sec02_table_gre table tbody tr td:last-child {
  width: auto;
  background-color: #fff;
  color: #CC0000;
}
.sec02_table_gre table tbody tr td:first-child {
  background: #000;
  color: #fff;
}
.sec02_table_gre table tbody tr td:last-child {
  background: #fff;
}
.sec02_table_gre table tbody tr,.sec02_table_gre table tbody td{
  border: 2px solid #78C88C;
}

.sec02_table_gre table tbody tr, .sec02_table_gre table tbody td{
  display: block;
  width: 100%;
}
@media (min-width: 740px){
  .sec02_table_gre table tbody tr td:last-child {
    width: 60%;
    background-color: #E9E9E1;
    color: #CC0000;
  }
  .sec02_table_gre{
    margin-top: 0px;
  }
  .sec02_table_gre table tbody tr, .sec02_table_gre table tbody td{
    display: flex;
    width: 100%;
    margin-bottom: -2px;
  }

}

.flex_category_pickup ul{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: end;
  gap: 10px;
  margin-top: 20px;
}
.flex_category_pickup .txtList li{
  background: #fff;
  border-radius: 10px;
  padding: 5px 10px !important;
  list-style: none;
  font-weight: bold;
  font-size: 1.2rem;
}
@media (min-width: 740px){
  .flex_category_pickup ul{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    gap: 2px;
  }
  .flex_category_pickup .txtList li{
    background: #fff;
    border-radius: 10px;
    padding: 5px 10px !important;
    list-style: none;
    font-weight: bold;
    font-size: 1.4rem;
  }
}


.flex_category ul{
  display: flex;
  justify-content: flex-start;
  align-items: end;
  gap: 10px;
  margin-top: 15px;
}
.flex_category .txtList li{
  background: #fff;
  border-radius: 10px;
  padding: 5px 10px !important;
  list-style: none;
  font-weight: bold;
  font-size: 1.2rem;
}
.txtList > li:before{
  content: none;
}
.ul_list01 li:first-child{
  color: #F0A00F;
}
.ul_list01 li:last-child{
  color: #FD6EA0;
}
.ul_list02 li:first-child{
  color: #FD6EA0;
}
.ul_list02 li:last-child{
  color: #445FA5;
}
.ul_list03 li:first-child{
  color: #369D95;
}
.ul_list03 li:last-child{
  color: #98C00F;
}
.ul_list04 li:first-child{
  color: #FD6EA0;
}
.ul_list04 li:last-child{
  color: #98C00F;
}
.ul_list05 li:first-child{
  color: #F0A00F;
}
.flex_btn{
  display: block;
}
@media (min-width: 740px){
  .flex_btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
  }
}

.sec02-2{
  margin-top: 100px;
}
.padding_box{
  padding: 20px;
  height: 100%;
}
@media (min-width: 740px){
  .padding_box{
    padding: 20px;
    height: 840px;
  }
}
.hotel_bg_ore{
  background-color: #F0CD55;
  border-radius: 20px;
  margin-bottom: 50px;
}
.a_box_ttl{
  font-size: 2rem;
  position: relative;
}
.a_box_ttl::before{
  content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/hnl/waikiki/img_sites/A_grade.svg);
  display: block;
  position: absolute;
  top: -20px;
  left: 0px;
  z-index: 0;
}
.a_box_ttl::after{
  content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/hnl/waikiki/img_sites/hotel_bg.svg);
  display: block;
  position: absolute;
  bottom: -80px;
  right: -20px;
  z-index: 0;
}
.a_box_ttl{
  font-size: 2rem;
  position: relative;
}
.a_box_ttl .ttlLv3{
  padding-top: 80px;
  margin-bottom: 40px;

}
.a_box_ttl .ttlLv3 .heading{
  border-left: 10px;
  font-size: 1.9rem;
  line-height: 1.5;
}
.col_height{
  height: 780px;
}

/* blue */

.b_box_ttl{
  font-size: 2rem;
  position: relative;
}
.b_box_ttl::before{
  content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/hnl/waikiki/img_sites/B_grade.svg);
  display: block;
  position: absolute;
  top: -20px;
  left: 0px;
  z-index: 0;
}
.b_box_ttl::after{
  content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/hnl/waikiki/img_sites/hotel_bg.svg);
  display: block;
  position: absolute;
  bottom: -80px;
  right: -20px;
  z-index: 0;
}
.b_box_ttl .ttlLv3{
  padding-top: 80px;
  margin-bottom: 40px;
}
.b_box_ttl .ttlLv3 .heading{
  border-left: 10px;
  font-size: 2rem;
  line-height: 1.5;
}
.hotel_bg_blue{
  background-color: #6EC8E6;
  border-radius: 20px;
  margin-bottom: 50px;
}
.b_sml-box_ttl{
  font-size: 1.5rem;
  position: relative;
}
.b_sml-box_ttl::before{
  content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/hnl/waikiki/img_sites/B_grade.svg);
  display: block;
  position: absolute;
  top: 0px;
  left: 20px;
  z-index: 0;
}
.b_sml-box_ttl .ttlLv3{
  /* padding-top: 80px; */
  white-space: break-spaces;
  margin-bottom: -40px;
}
.b_sml-box_ttl .ttlLv3 .heading{
  border-left: 10px;
  padding: 20px;
}
.sml_cost_box{
  padding: 20px;
}
.sml_cost_box2{
  padding: 40px 20px 0 20px;
}


/* green */

.g_box_ttl{
  font-size: 1.5rem;
  position: relative;
}
.g_box_ttl::before{
  content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/hnl/waikiki/img_sites/C_grade.svg);
  display: block;
  position: absolute;
  top: -20px;
  left: 0px;
  z-index: 0;
}
.g_box_ttl::after{
  content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/hnl/waikiki/img_sites/hotel_bg.svg);
  display: block;
  position: absolute;
  bottom: -80px;
  right: -20px;
  z-index: 0;
}
.g_box_ttl .ttlLv3{
  padding-top: 80px;
  margin-bottom: 40px;
}
.g_box_ttl .ttlLv3 .heading{
  border-left: 10px;
  font-size: 1.9rem;
  line-height: 1.5;
}
.hotel_bg_gre{
  background-color: #78C88C;
  border-radius: 20px;
  margin-bottom: 50px;
}
.g_sml-box_ttl{
  font-size: 1.5rem;
  position: relative;
}
.g_sml-box_ttl::before{
  content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/hnl/waikiki/img_sites/C_grade.svg);
  display: block;
  position: absolute;
  top: 0px;
  left: 20px;
  z-index: 0;
}
.g_sml-box_ttl .ttlLv3{
  /* padding-top: 80px; */
  margin-bottom: -40px;
}
.g_sml-box_ttl .ttlLv3 .heading{
  border-left: 10px;
  padding: 20px;
}




.cost_ttl{
  background-color: #000;
  color: #fff;
  padding: 5px 0 5px 10px;
}
.cost_txt{
  background-color: #E9E9E1;
  margin-top: 3px;
  padding: 5px 10px;
  color: #CC0000;
}

/* sec03 */
.sec03{
  margin-top: 100px;
  padding-bottom: 80px;
}
/* sec04 */
.sec04_col_4{
  margin-top: 50px;
  padding-bottom:60px;
}

/* sec05 */
.ttlModal_DP{
  border: 3px solid #cc0000;
  color: #cc0000;
}
.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--0{
  width: 100%;
}

.ttl_ontrip{
  width: 33%;
  margin: 0 auto;
}
.ontrip_sub{
  font-weight: bold;
  text-align: center;
}
.rink_btn a{
  margin: 0 auto;
  display: block;
}





.c-areaBlock {
  display: flex;
  padding-bottom: 20px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
dt.c-areaBox {
  margin-right: 50px;
  margin-top: 15px;
  width: 80px;
}
dt.c-areaBox a {
  text-decoration: underline;
}
.c-linkTxt {
  position: relative;
}
dd.c-areaBox {
  width: 100%;
}
dd.c-areaBox .c-areaItemBox {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
}
dd.c-areaBox .c-areaItemBox li {
  margin-right: 40px;
  margin-top: 15px;
}
dd.c-areaBox .c-areaItemBox a {
  color: #95979b;
  text-decoration: underline;
  text-decoration-color: #95979b;
}
.c-linkTxt::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 1.5px solid #cc0000;
  border-right: 1.5px solid #cc0000;
  position: absolute;
  top: 50%;
  right: -15px;
  transform: translateY(-50%) rotate(45deg);
  translate: .4s;
}
dd.c-areaBox .c-areaItemBox a {
  color: #95979b;
  text-decoration: underline;
  text-decoration-color: #95979b;
}
.pc{
  display: block;
}
@media (min-width: 740px){
  .pc{
    display: none;
  }
}
.sp{
  display: none;
}
@media (min-width: 740px){
  .pc{
    display: block;
  }
}

.sp_scroll_on .column .clm_1_3col .col, .sp_scroll_on .column .clm_3_3col .col {
  width: 300px;
}
.sp_scroll_on .column .colWrap {
  width: 100%;
  flex-wrap: nowrap;
}
.sp_scroll_on .column .colWrap .col {
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
}
.sp_scroll_on .column {
  overflow: auto;
  white-space: nowrap;
}


.map {
  width: 90%;
}
.map_bg{
  display: none;
}
.btn_map{
  display: none;
}
@media (min-width: 740px){
  .map {
    width: 950px;
  }
  .map_bg{
    display: block;
  }
  .btn_map{
    display: block;
  }
}
.cont_slider .slick-dots li button::before {
  background-color: #000;
}
.maprink a {
  display: none;
} 
@media (min-width: 740px){
  .maprink a {
    display: block;
  } 
}


.slick-box, .slick-box2, .slidType_thumb{
  margin-top: 0px;
  margin-bottom: 30px;
}

@media (max-width: 740px){
  .scroll-sp .column {
    overflow: auto;
    white-space: nowrap;
}
.scroll-sp .column .colWrap {
  width: 100%;
  flex-wrap: nowrap;
  display: block;
}
.scroll-sp .column .colWrap .col {
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
  width: 218px;
  white-space: normal;
}

.scroll-sp_big .column {
  overflow: auto;
  white-space: nowrap;
}
.scroll-sp_big .column .colWrap {
width: 100%;
flex-wrap: nowrap;
display: block;
}
.scroll-sp_big .column .colWrap .col {
display: inline-block;
vertical-align: top;
margin-top: 0;
width: 300px;
white-space: normal;
}

}

.flex-nav{
  display: block;
}
@media (min-width: 740px){
  .flex-nav{
    display: flex;
    justify-content: space-between;
  }
  .flex-nav_item{
    width: calc((100% - 60px)/3);
  }
  .flex-nav::after{
    content: "";
    display: block;
    width: calc((100% - 60px)/3);
  }
}

.pc01{
  display: none;
}
.sp01{
  display: block;
}
@media (min-width: 740px){
  .pc01{
    display: block;
  }
  .sp01{
    display: none;
  }
}

.sec02-2{
  display: block;
}
.sec02-item{
  width: 100%;
}
@media (min-width: 740px){
  .sec02-2{
    display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }
  .sec02-item{
    width: calc((100% - 5%)/2);
  }
}

.pageTtl{
  margin-bottom: 0px;
}
.ttlLv3 .heading{
  padding: 0px;
}