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

/* ===============================================
 contentsArea（コンテンツ部分）　
=============================================== */

#contentsArea {
}

/* contentsList（リスト部分）------------------*/
#contentsArea .contentsList {
}
#contentsArea .contentsList li {
}
#contentsArea .contentsList li+li {
	margin-top: 8%;
}

/* phArea（写真部分）------------------*/
#contentsArea .phArea {
	box-shadow: 2px 2px 3px #F5BEC4;
}

/* linkArea.list（リンク／リスト型）------------------*/
#contentsArea .linkArea.list {
	margin-top: 5%;
	border-top: 1px solid #594331;
}



/* ===============================================
 tourArea（おすすめツアー部分）　
=============================================== */

#tourArea {
}
.product_tab {
	background: #74cdc9;
	border:1px solid #378c89;
	padding: calc(22vw / (750 / 100)) calc(20vw / (750 / 100));
}
.product_tab--item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #eaf8f5;
	padding: calc(24vw / (750 / 100)) calc(20vw / (750 / 100));
}
.product_tab--item.toggleControl--active {
	background-color: #ffffff;
	font-weight: bold;
}
.product_tab--item::after {
	content: "";
	width: calc(40vw / (750 / 100));
    height: calc(16vw / (750 / 100));
    background: url(/cmn/icon/icon_arrow_down_black.svg) no-repeat center center / cover;
}
.product_tab--item:not(:first-child) {
	margin-top: calc(10vw / (750 / 100));
}
.product_tab--item--text {
	color: #000000;
}
.recommend_tour {
	margin-top: calc(60vw / (750 / 100));
}
.contents_ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: calc(70vw / (750 / 100));
	text-align: center;
	position: relative;
}
#category_akogare .contents_ttl::before {
	content: url(/tyo/tour/tour_special/honeymoon/img/index_tour_tab_icon_akogare_active.png);
	vertical-align: sub;
  padding-right: calc(15vw / (750 / 100));
}
#category_kodawari .contents_ttl::before {
	content: url(/tyo/tour/tour_special/honeymoon/img/index_tour_tab_icon_kodawari_active.png);
	vertical-align: sub;
  padding-right: calc(15vw / (750 / 100));
}
#category_recommend .contents_ttl::before {
	content: url(/tyo/tour/tour_special/honeymoon/img/index_tour_tab_icon_recommend_active.png);
	vertical-align: sub;
  padding-right: calc(15vw / (750 / 100));
}
#category_cruise .contents_ttl::before {
	content: url(/tyo/tour/tour_special/honeymoon/img/index_tour_tab_icon_cruise_active.png);
	vertical-align: sub;
  padding-right: calc(15vw / (750 / 100));
}
#category_kokunai .contents_ttl::before {
	content: url(/tyo/tour/tour_special/honeymoon/img/index_tour_tab_icon_dome_active.png);
	vertical-align: sub;
  padding-right: calc(15vw / (750 / 100));
}
.contents_ttl::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -6px;
	display: inline-block;
	width: calc(110vw / (750 / 100));
	height: calc(2vw / (750 / 100));
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%);
	background-color: #000000;
}

.contents_ttl--text {
	font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif !important;
	color: #000000;
	font-size: calc(43vw / (750 / 100));
	font-weight: normal;
}
.product_ttl {
	display: flex;
	justify-content: center;
    align-items: center;
	text-align: center;
	margin-bottom: calc(50vw / (750 / 100));
}
.recommend_tour:not(#category_akogare) .product_ttl:not(.is-reason) {
    justify-content: space-between;
    background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 8px);
    background-size: 8px 2px;
    background-position: left center;
    background-repeat: repeat-x;
    margin: 0 50px 30px;
}
.product_ttl::before, .product_ttl::after {
	content: "";
	width: calc(35vw / (750 / 100));
    height: calc(42vw / (750 / 100));
	background: url(/tyo/tour/tour_special/honeymoon/img/index_tour_tokuten_icon_ttl.png) no-repeat 0 0 / contain;
}
.recommend_tour:not(#category_akogare) .product_ttl:not(.is-reason)::before, .recommend_tour:not(#category_akogare) .product_ttl:not(.is-reason)::after {
	content: "";
	width: 10px;
    height: 9px;
	background: #ffffff url(/tyo/tour/tour_special/honeymoon/img/index_tour_icon_ttl_heart.png) no-repeat 0 0 / contain;
}
.product_ttl::after {
	transform: scale(-1, 1);
}
.product_ttl--text:not(.titleText) {
	font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif !important;
	color: #000000;
	font-size: calc(32vw / (750 / 100));
	font-weight: normal;
	padding: 0 calc(30vw / (750 / 100));
}
.tokuten_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-left: calc(30vw / (750 / 100));
}
.tokuten_list--item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: calc((100% - ((40vw / (750 / 100)) * 3)) / 3);
    min-height: calc(143vw / (750 / 100));
    background: #e9f8f5;
    padding: calc(15vw / (750 / 100)) calc(5vw / (750 / 100));
    margin-bottom: calc(30vw / (750 / 100));
    margin-right: calc(30vw / (750 / 100));
}
#category_cruise .tokuten_list--item {
	width: calc((100% - ((40vw / (750 / 100)) * 3)) / 2);
}

.tokuten_list--item::before {
	content: "";
	width: 100%;
}
.tokuten_list--item.is-narabi::before {
    height: 28px;
	background: url(/tyo/tour/tour_special/honeymoon/img/index_tour_tokuten_icon_narabi.png) no-repeat center center / contain;
}
.tokuten_list--item.is-bed::before {
    height: 32px;
	background: url(/tyo/tour/tour_special/honeymoon/img/index_tour_tokuten_icon_bed.png) no-repeat center center / contain;
}
.tokuten_list--item.is-transfer::before {
    height: 28px;
	background: url(/tyo/tour/tour_special/honeymoon/img/index_tour_tokuten_icon_transfer.png) no-repeat center center / contain;
}
.tokuten_list--item.is-breakfast::before, .tokuten_list--item.is-meal::before  {
    height: 33px;
	background: url(/tyo/tour/tour_special/honeymoon/img/index_tour_tokuten_icon_breakfast.png) no-repeat center center / contain;
}
.tokuten_list--item.is-hayawari::before {
    height: 34px;
	background: url(/tyo/tour/tour_special/honeymoon/img/index_tour_tokuten_icon_hayawari.png) no-repeat center center / contain;
}
.tokuten_list--item.is-wine::before {
    height: 34px;
	background: url(/tyo/tour/tour_special/honeymoon/img/index_tour_tokuten_icon_wine.png) no-repeat center center / contain;
}
.tokuten_list--item--text {
	font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif !important;
	color: #000000;
	text-align: center;
	line-height: 1em;
	padding-top: calc(10vw / (750 / 100));
}
.tokuten_list--item--text .notes {
    font-size: calc(11vw / (750 / 100));
    padding-top: calc(5vw / (750 / 100));
}
.tokuten_notes {
	font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif !important;
	color: #000000;
	text-align: right;
	padding-right: 8%;
}
.product__list {
	display: flex;
	flex-direction: column;
}
.product__list--item {
	margin-top: calc(20vw / (750 / 100));
}
.product__list--data {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.product__list--inner {
    display: flex;
    justify-content: space-between;
    padding: calc(15vw / (750 / 100)) calc(10vw / (750 / 100));
    flex-wrap: wrap;
    border: calc(2vw / (750 / 100)) solid #c1c0bc;
	background: #fff;
    color: inherit;
    text-decoration: none;
    font-size: calc(20vw / (750 / 100));
	position: relative;
}
.product__list--image-wrapper {
    width: calc(255vw / (750 / 100));
}
.product__list--type {
	background: #74cdc9;
	color: #ffffff;
	text-align: center;
	padding: calc(3vw / (750 / 100)) 0;
}
.product__list--image {
	width: 100%;
    height: calc(175vw / (750 / 100));
	background: #f2f2f2 no-repeat center center / cover;
}
.product__list--text-wrapper {
	display: flex;
    flex-direction: column;
	width: calc(413vw / (750 / 100));
	width: calc(413vw / (750 / 100));
    flex-grow: 0;
	color: #000000;
    line-height: 1.2;
}
.product__list--texts {
	display: flex;
    flex-direction: column;
}
.product__list--title {
	font-size: calc(28vw / (750 / 100));
	font-weight: bold;
    margin-bottom: calc(15vw / (750 / 100));
}
.product__list--price {
	text-align: right;
}
.product__list--minmax {
    font-size: calc(30vw / (750 / 100));
    line-height: 1.5;
	color: #e90000;
    font-weight: bold;
}
.titleArea.subheading:not(:first-child) {
	margin-top: calc(75vw / (750 / 100));
}

#tourArea .linkArea.btn {
	margin: 6% 5%;
}
/* ===============================================
 bannerList（おすすめ特集下バナー）　
=============================================== */
#bannerList {
    margin: 0 3.1% 5%;
}
#bannerList li {
    margin: 5% 0 0 0;
}