@charset "shift_jis";



#main_contents .set ul {
	margin-top: 20px;
}
* html #main_contents .set ul {
	zoom: 100%;
}
*:first-child+html #main_contents .set ul {
	display: inline-block;
}

#main_contents .set ul:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}


#main_contents .set ul li {
	float: left;
	margin-bottom: 6px;
	margin-right: 6px;
}
#main_contents .set ul li.last {
	margin-right: 0px;
}

.note{
  margin: 30px 150px;
  padding: 15px;
  border-top: 1px dashed #ff0000;
  border-bottom: 1px dashed #ff0000;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
}
.note .heading{
  color: #ff0000;
}

#selectDeparture,.bookmark_update{display:none !important;}

/* ---------------------------- 20241219 RAKUなびTOP エリア別メニュー ---------------------------- */
.rakunavi-list {
  margin-top: 50px;
  height: auto;
}

.rakunavi-list_item {
  display: flex;
  flex-wrap: wrap;
  margin: -5px 0 0 -5px;
}

.rakunavi-list_photo_img {
  width: 100%;
}

.rakunavi-list_txt {
  position: absolute;
  display: flex;
  justify-content: center;
  text-align: center;
  z-index: 1;
  width: 100%;
  top: 32px;
  right: -5px;
}

.rakunavi-list_txt p {
  width: 310px;
  height: 160px;
  text-align: center;
  color: #64350d;
  line-height: 116px;
  font-weight: bold;
  border-radius: 15px;
  background-color: rgb(255 254 242 / 80%);
  transition: background-color 0.2s ease;
  font-size: 24px;
}

.rakunavi-list_txt_sub {
  position: absolute;
  display: flex;
  justify-content: center;
  text-align: center;
  z-index: 5;
  width: 60%;
  top: 113px;
  right: 90px
}

.rakunavi-list_txt_sub p {
  width: 440px;
  height: auto;
  text-align: center;
  color: #fff;
  line-height: 17px;
  font-weight: bold;
  border-radius: 5px;
  background-color: #795548;
  transition: background-color 0.2s ease;
  font-size: 12px;
  padding: 10px;
}


.rakunavi-list_Photo {
  position: relative;
}

#main_contents a:hover {
  opacity: 0.6;
  transition: all 1s;
}

@media screen and (min-width: 768px) {
    .rakunavi-list_photo_img {
       width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .rakunavi-list {
       margin-top: 30px;
       height: auto;
       margin-bottom: 20px;
    }


    .rakunavi-list_photo_img {
       width: 100%;
    }
    
    .rakunavi-list_txt {
       top: 20px;
       right: -5px;
    }

    .rakunavi-list_txt p {
       line-height: 90px;
       font-weight: bold;
       font-size: 24px;
     }

    .rakunavi-list_txt_sub {
       width: 65%;
       top: 90px;
       right: 68px
     }

    .rakunavi-list_txt_sub p {
       line-height: 17px;
       font-size: 12px;
       padding: 3px;
     }
    
    .rakunavi-list_Photo {
       width: 100%;
    }
    
    .rakunavi-list_item_li {
       width: 100%;
    }
}

/* ---------------------------- 20250106 MV画像 ---------------------------- */
@media screen and (min-width: 768px) {
    .mainimage_sp {
      display: none;
      width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .mainimage_pc {
      display: none;
      width: 100%;
    }
}

/* ---------------------------- 20241224 RAKUなび共通ローカルナビゲーションバー ---------------------------- */
#rakunavi_navigation.l-nav {
  box-shadow: 0 .25em .25em 0 rgba(0,0,0,.1);
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  background: repeating-linear-gradient(45deg, rgba(255, 241, 240, 30%), rgba(255, 241, 240, 30%) 2px, rgba(248, 248, 248, 100%) 2px, rgba(248, 248, 248, 100%) 4px);
}

.l-nav__list {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

.l-nav__item {
  position: relative;
  width: 80%;
  background: #fff;
}

a.navlink {
  display: flex;
  width: 100%;
  height: 50px;
  text-align: center;
  align-items: center;
  justify-content: center;
  
}

@media screen and (min-width: 768px) {
    .l-nav__list {
      max-width: 1280px;
      width: 95%;
    }
    


    .l-nav__item a span {
        font-size: 1.125em;
    }
    
    .l-nav__item::before, .l-nav__item:last-child:after {
        background-color: #dedede;
        content: "";
        display: block;
        height: 2em;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
    }

    .l-nav__item:last-child:after {
        left: auto;
        right: 0;
    }
}

@media screen and (max-width: 767px) {
    .l-nav__list {
        flex-wrap: wrap;
     }

    a.navlink {
        height: 30px;
    }
    
    .l-nav__item a span {
        font-size: 10px;
        
    }
    .l-nav__item {
        width: 50%;
        display: flex;
        flex-wrap: wrap;
    }
    
    .l-nav__item:nth-child(even):before {
        background-color: #dedede;
        content: "";
        display: block;
        height: 1.5em;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
     }

}

.p-hawaii .c-color__txt {
  color: #FF9800;
}

.p-hawaii:hover {
  background: #ffeee5;
}

.p-micronesia .c-color__txt {
  color: #13BA96;
}

.p-micronesia:hover {
  background: #f3fffe;
}

.p-oceania .c-color__txt {
  color: #FF6C99;
}

.p-oceania:hover {
  background: #fff3f8;
}

.p-america .c-color__txt {
  color: #FF6D58;
}

.p-america:hover {
  background: #fff3f3;
}

.p-asia .c-color__txt {
  color: #1ea0c0;
}

.p-asia:hover {
  background: #eefcff;
}

.p-europe .c-color__txt {
  color: #8F79FF;
}

.p-europe:hover {
  background: #ebe7ff;
}



/* ---------------------------- 20241225 ヘッダー ---------------------------- */
a.breadcrumbs_anchor {
  color: #3498db;
}

@media screen and (max-width: 767px) {
    .breadcrumbs_wrapper {
       padding-left: 8px;
    }
}

/* ---------------------------- 20241225 タイトル ---------------------------- */
.tittle h1 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
}

@media screen and (min-width: 768px) {
    .tittle {
      margin: 24px auto;
      max-width: 1280px;
    }
}

@media screen and (max-width: 767px) {
    .tittle h1 {
      font-size: 1rem;
    }

    .tittle {
      padding-left: 8px;
      max-width: 767px;
      margin: 1em 0em 0.5em;
    }
}