@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: 15px; font-size: 1.5rem;/*↑ remをサポートしていないブラウザ向けにpxでも指定　Set as "px" for browsers that don't support "rem"*/
	min-width: 980px;/*↑ ウィンドウサイズを縮めた時に背景が切れる問題を回避　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: #000000;
}
@media screen and (max-width: 640px) {
	body { min-width: 320px; }
}

/*----------------------------------------------
	a
---------------------------------------------*/
a { color: #2bcae2; text-decoration: none; }
a:visited { color: #BFBFBF; }
a:hover,
a:active,
a:focus { color: #2c2c2c; }

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

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

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

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

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

/*----------------------------------------------
	select
---------------------------------------------*/
select {
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/*----------------------------------------------
	input
---------------------------------------------*/
[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

* { box-sizing: border-box; }