@charset "utf-8";
/*
htmlやbody、a要素など、タグに直接設定するものを記述します。
Things that will be set directly and tags such as HTML, body and a element will be written. 

このカテゴリーのみ、接頭辞から始まりません。
Only this category will not begin with the prefix.

フォントサイズはremで指定します。
Font size will be set as "rem".

↓↓↓↓↓↓コメントアウト表記サンプル Comment out sample ↓↓↓↓↓↓
*/
/*----------------------------------------------
	大くくりコメントアウト large part
---------------------------------------------*/

/*  中くくりコメントアウト middle part
------------------------------------- */

/* 小くくりコメントアウト small part */
/*
↑↑↑↑↑↑コメントアウト表記サンプル Comment out sample ↑↑↑↑↑↑

*/
/*----------------------------------------------
	html
---------------------------------------------*/
html { font-size: 62.5%; }
/*↑ 10pxが1remとなる様に調整*/

/*----------------------------------------------
	body
---------------------------------------------*/
body {
	font-size: 16px; font-size: 1.6rem;/*↑ remをサポートしていないブラウザ向けにpxでも指定　Set as "px" for browsers that don't support "rem"*/
	min-width: 960px;/*↑ ウィンドウサイズを縮めた時に背景が切れる問題を回避　Prevent the problem of cutting background when minimizing the window size.*/
    /*↓使用時のみコメントアウト外す Remove comment out only during use.*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;/*スタンダードゴシック（Standard sans-serif）*/
	/*font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/ /*モダンゴシック（Modern sans-serif）*/
	/*font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;*/ /* 明朝系（serif）*/
	/*color: #545454;*/
	color: #111111;
}
@media screen and (max-width: 640px) {
	body {
		min-width: 320px;
	}
}

/*----------------------------------------------
	a
---------------------------------------------*/
a { color: #ccc; text-decoration: none; }
a:visited { color: navy; }
a:hover,
a:active,
a:focus { color: red; }

/*----------------------------------------------
	table
---------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*----------------------------------------------
	ul
---------------------------------------------*/
ul {
    list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0;
	padding: 0;
	margin: 0;
}

/*----------------------------------------------
	p
---------------------------------------------*/
p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
	margin: 0;
	padding: 0;
}

/*----------------------------------------------
	h1-h6
---------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    margin: 0;
	-webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

/*----------------------------------------------
	dl,dt,dd
---------------------------------------------*/
dl,dt,dd {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}


* { box-sizing: border-box; }