@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&family=Pacifico&display=swap');

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
}
body, main, div {
	-webkit-overflow-scrolling: touch;
}
* {
    font-family: Roboto, "Noto Sans JP", "Segoe UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 1.35;
}

.absolute-0 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.bg-home {
    background-image: url('bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.font-pacifico {
    font-family: 'Pacifico', cursive;
}
.font-flower {
    font-family: 'Indie Flower', cursive;
}

.c-pointer {
    cursor: pointer;
}

.text-shadow {
	text-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

.bg-black {
    background-color: #000;
}