@charset "utf-8";
/* CSS Document */

.plan_all_box{padding: 0 24px;border: 1px solid #ccc;margin-top: 0;}
.poptab-group {
    margin-top: 20px;
    /* タブ全体の幅 */
    list-style: none;
    text-align: center;
}

/*ボタン制御*/
.poptab-button {
	display: flex; flex-wrap: wrap; margin: 8px 0;
    cursor: pointer;
}
.poptab-button > li{width: 32%; padding: 5px 5px; text-align: center; font-weight: normal;}

.poptab-button .is-active {
    background: #4bab80;
    color: #FFF;
}

.poptab {
    padding: 6px 2px; background-color: #ebf6f7; display: block; margin: 4px 1px; border-radius: 5px; font-weight: bold;
    border-bottom: none;
}

.poptab-contents {
    /*border-top: none;*/
	display: block;
}

.poptabcontent {
    display: none;
    padding: 4px;
    text-align: left;
}

.poptabcontent.is-display {
    display: block;
}




/*----- タブ切り替え -----*/
.tab_menu {
	display: flex;
	flex-wrap: wrap;
	/*margin: 8px 0;*/
	cursor: pointer;
	gap: 2px;
}
.tab_btn {
  width: calc((100% - 2px * 2) / 3);
	background-color: #ebf6f7;
  text-align: center;
  padding: 5px 5px;
  cursor: pointer;
  border-radius: 5px;
}
.tab_btn:hover {
  opacity: 0.7;
}
.tab_btn.active {
	background: #4bab80;
	color: #FFF;
}
.tab_area {
  margin-top: 20px;
}
.tab_area {
  display: none;
}
.tab_area.show {
  display: block;
}


/*----- タブ切り替え2 -----*/
.tab_menu2 {
	display: flex;
	flex-wrap: wrap;
	/*margin: 8px 0;*/
	cursor: pointer;
	gap: 2px;
}
.tab_btn2 {
  width: calc((100% - 2px * 2) / 2);
	background-color: #ebf6f7;
  text-align: center;
  padding: 5px 5px;
  cursor: pointer;
  border-radius: 5px;
}
.tab_btn2:hover {
  opacity: 0.7;
}
.tab_btn2.active2 {
	background: #4bab80;
	color: #FFF;
}
.tab_area2 {
  margin-top: 20px;
}
.tab_area2 {
  display: none;
}
.tab_area2.show2 {
  display: block;
}

/*----- カルーセル -----*/
.wrap_slide .swiper {
	overflow: hidden;
	position: relative;
	padding: 0 3% 40px;
}
.wrap_slide .swiper .swiper-pagination {
  bottom: 0;
}
.wrap_slide .cmn_contents {
  margin: auto;
}
.base_prod {
  margin-bottom: 0;
}
.base_prod.side_box.clm1 li {
  padding: 10px 10px 0;
}
.cm_btn .base_prod.side_box.clm1 li {
  padding: 0 10px;
}
/* ボックスの高さ揃え */
.wrap_slide .swiper .swiper-slide {
  height: auto;
}
.wrap_slide .swiper .swiper-slide .box_content {
  height: 100%;
}
/* 商品コンポーネントのページネーション */
.box_content .base_prod .swiper-button-next,
.box_content .base_prod .swiper-button-prev,
.box_content .base_prod .swiper-pagination {
  display: none !important;
}
/* 前へ/後ろへボタン */
.wrap_slide {
  position: relative;
}
.wrap_slide .swiper-button-prev {
  top: 50%;
	left: -5.5%;
  width: 4px;
  height: 4px;
  border-top: 2px solid #999;
  border-left: 2px solid #999;
  transform: rotate(-45deg);
}
.wrap_slide .swiper-button-next {
  top: 50%;
  right: -5.5%;
  width: 4px;
  height: 4px;
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  transform: rotate(45deg);
}
.wrap_slide .swiper-button-prev.swiper-button-disabled,
.wrap_slide .swiper-button-next.swiper-button-disabled
{
  opacity: .35;
}

/*----- 商品コンポーネント -----*/
.box_content .wrap_img.jretravel-image {
  aspect-ratio: 160 / 99;
} /*画像表示*/
/*.box_content {
  border: solid 1px #ccc;
}*/
.base_prod.side_box.clm1 li {
  padding: 0;
}
.base_prod .hotel li>a .details_box>div, .base_prod .hotel li>a .details_box>p.ttl {
  margin-top: 0;
}

/* カルーセル PCのみ */
@media screen and (min-width: 768px) {
  .wrap_slide {
    position: relative;
  }
	.wrap_slide .swiper {
    padding: 0 0 40px;
  }
	/* 前へ/後ろへボタン */
	.wrap_slide .swiper-button-prev.swiper-button-disabled,
	.wrap_slide .swiper-button-next.swiper-button-disabled {
    opacity: .35;
  }
	/* カルーセルなし 非表示 */
	.wrap_slide.no_swipe .swiper-button-prev,
	.wrap_slide.no_swipe .swiper-button-next,
	.wrap_slide.no_swipe .swiper-pagination {
		display: none !important;
	}
	.wrap_slide .swiper-button-prev,
	.wrap_slide .swiper-button-next {
		display: block !important;
		position: absolute;
		width: 20px;
		height: 20px;
		top: 50%;
		margin-top: -15px;
	}
}

/* ----------SPのみ---------- */
@media screen and (max-width: 767px) {
	.plan_all_box{border: none;}
  /* タブ切り替え */
  .tab_menu {
    flex-wrap: wrap;
		/*padding: 1% 3% 0%;*/
  }
  .tab_btn {
    padding: 7px 12px;
    margin: 0;
    border: none;
  }

  /* コンポーネント */
  .swiper-slide img {
    overflow: hidden;
  }
  .wrap_slide .swiper .swiper-wrapper .cm_conteiner .swiper-slide {
    width: 100%;
    padding: 20px 10px 10px;
  }

}









/*.pop_plan{display: flex; flex-wrap: wrap; margin: 8px 0;}
.pop_plan li{width: 33%; padding: 1px 2px; text-align: center;}
.pop_plan li a{padding: 6px 2px; background-color: #ebf6f7; display: block; margin: 4px 1px; border-radius: 5px; font-weight: bold;}
.pop_plan li a:hover{background-color: #01b8be; color: #fff;}*/