@use "index" as *;

// reset css:ここから
body {
	margin: 0;
	padding: 0;

	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	ul {
		list-style-type: none
	}
}

// reset css:ここまで

picture,
img {
	display: block;
}

img {
	max-width: 100%;
	height: auto;
}


html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}

// 共通幅のコンテナ
.common__container {
	@extend %common_container;
	border: 1px solid red;
}



.pcOnly {
	@include mq() {
		display: none !important;
	}
}

.spOnly {
	@include mqBigger() {
		display: none !important;
	}
}

html {
	font-size: 62.5%;
	font-family: "FOT-筑紫B丸ゴシック Std", sans-serif;
}

body {
	margin: 0;
	padding: 0;

	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	ul {
		list-style-type: none
	}
}

img {
	max-width: 100%;
	height: auto;
}

a {
	transition: opacity 0.3s;

	&:hover {
		opacity: 0.7;
	}
}