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

/*Googleフォントを読み込む*/
@import url('https://fonts.googleapis.com/css?family=Karla:400,700&display=swap');

*,
*:before,
*:after {
	/*    これは指定しておくと便利　https://saruwakakun.com/html-css/reference/box-sizing*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	/*    フォントの単位問題　https://creive.me/archives/16915/    */
	font-size: 62.5%;
}

body {
	/*    フォントの游ゴシック問題　https://wemo.tech/1155*/
	font-family: 'Noto Sans JP', '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	color: #3e3a39;
	line-height: 1.9;
	font-weight: 400;
	/*    iPhone対策　http://apopoput.hateblo.jp/entry/2018/02/02/211907*/
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

/*リンクテキストの全体設定*/
a {
	text-decoration: none;
	color: #3e3a39;
}

/*画像全てに当てるCSS*/
img,
video,
object {
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: none;
}