@charset "utf-8";

/*----------------------------
	common
------------------------------*/
* {
	box-sizing: border-box;
}

:root {
    --summer-text-color: #42bbec;
    --resort-text-color: #4dbe9f;
    --style-text-color: #808bc5;
}

html {
	font-size: 10px;
	color: #333;
}

@media (max-width: 1200px) {
	html {
		font-size: 0.833333vw;
	}
}
@media (max-width: 768px) {
	html {
		font-size: 1.333333vw;
	}
}
body {
	font-size: 1.3rem;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-feature-settings: "palt";
	line-height: 1;
}
a {
	color: #333;
	text-decoration: none;
}
a img {
	transition: opacity 0.3s ease-out;
}
a img:hover {
	opacity: 0.7;
}
img {
	max-width: 100%;
	height: auto;
}
img[src$=".svg"] {
	width: 100%;
	height: auto;
}

.wrapper {
	margin: 0 auto;
	max-height: 100%; /*for android*/
}

.sp {
	display: none;
}

/*非表示設定*/
.invisible {
	display: none;
}