@charset "UTF-8";

/*
 * reset
 */
body, div, h1, h2, h3, h4, header, section, footer, nav, figure, caption, p, small, ul, ol, li, dl, dt, dd, form, textarea, input, select {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 1.0rem;
	line-height: 1.5em;
}

/*
 * tag
 */
body {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;

	-webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;

	-webkit-font-smoothing: antialiased;
}

/*
 * アンカー
 */
a:link {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

small {
	font-size: 0.8em;
}

button, input, textarea {
	border: none;
	background-color: transparent;
	outline: none;

	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

/*
 * アニメーション定義
 */
@keyframes fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes slidedown {
	0% {
		opacity: 0;

		filter: blur(10px);
		transform: translateY(-30px);
	}
	100% {
		opacity: 1;

		filter: blur(0);
		transform: translateY(0);
	}
}

@keyframes slidein {
	0% {
		opacity: 0;

		filter: blur(10px);
		transform: translateX(100px);
	}
	100% {
		opacity: 1;

		filter: blur(0);
		transform: translateX(0);
	}
}

@keyframes flash {
	0% {
		opacity: 0;
	}
	33% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	33% {
		transform: rotate(15deg);
	}
	66% {
		transform: rotate(-15deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

/*
 * material icons
 */
.material-icons {
	display: inline-block;
	font-family: "Material Icons";
	font-size: 24px;  /* Preferred icon size */
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	word-wrap: normal;
	white-space: nowrap;

	direction: ltr;
	/* Support for IE. */
	font-feature-settings: "liga";
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
}

/*
 * font awesome
 */
i.fa {
	margin-right: 0.2em;
	font-size: 1.2em;
}

/*-----------------------------------------------
 * クリアフィックス
 *----------------------------------------------*/
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}

/*
 * class
 */
.fadein {
	opacity: 0;

	animation: fadein 0.5s forwards;
}

.title {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;

	-webkit-font-smoothing: antialiased;
}

.copyright {
	font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
	font-size: 14px;

	-webkit-font-smoothing: subpixel-antialiased;
}

/*
 * IE,Edge対応
 */
.object-fit-img {
	font-family: "object-fit: cover";
	object-fit: cover;
	object-position: center;
}