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

/* ===============================================
 mainArea（メインコンテンツ部分）　
=============================================== */

#mainArea section#tourArea {
	margin: 0 0 15%;
}


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

#contentsArea {
}

/* contentsList（リスト部分）------------------*/
#contentsArea .contentsList {
}
#contentsArea .contentsList li {
}
#contentsArea .contentsList li:not(.theme__list--item):not(.dst__list--item)+li {
	margin-top: 15%;
}

/* theme__list（テーマから選ぶ）------------------*/
.theme__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: calc(20vw / 7.5);
}
.theme__list--item {
	width: calc((100% - (16vw / 7.5)) / 2);
	margin-bottom: calc(16vw / 7.5);
}

/* dst__list（方面から選ぶ）------------------*/
.dst__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: calc(20vw / 7.5);
}
.dst__list--item:not(.is-kokunai) {
	width: calc((100% - ((14vw * 2) / 7.5)) / 3);
	margin-bottom: calc(14vw / 7.5);
}


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

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

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