/* -------------------------------------------------- */
/* 共通ライブラリー
/* -------------------------------------------------- */

@charset "utf-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, hr, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, hr, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, select, textarea, button{
	text-align:left;
	font-style:normal;
	font-weight:normal;
	/*-----> 明朝 <-----*/
	/*
	font-family:"ヒラギノ明朝 ProN Ｗ3", "Hiragino Mincho ProN" , "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", "MS Mincho", serif;
	*/
	
	/*-----> ゴシック <-----*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:15px;
	color:#333;
	letter-spacing:0.5px;
}

/*--------------------------------------------------> ▼ html, body <----------*/

html, body{
	height:100%;
	text-align:center;
}


/*--------------------------------------------------> ▼ div <----------*/

div{
}

/*--------------------------------------------------> ▼ table <----------*/

table, th, td, thead, tbody, tfoot{
  border-collapse:collapse;
  border-spacing:0;
}

/*--------------------------------------------------> ▼ p <----------*/

p{
	line-height:20px;
}

/*--------------------------------------------------> ▼ a <----------*/

a{
  text-decoration:none;
}

a:hover, a:active, a:visited{
  text-decoration:none;
}

/*--------------------------------------------------> ▼ dl, dt, dd, ul, li <----------*/

li{
	list-style:none;
}

/*--------------------------------------------------> ▼ hr <----------*/

hr{
	width:100%;
	margin:15px 0;
  border-top:1px solid #ccc;
}

/*--------------------------------------------------> ▼ img <----------*/

img{
  vertical-align:bottom;
}

/*--------------------------------------------------> ▼ input, button <----------*/

input, select, textarea, button{
	box-sizing:border-box;
	
	vertical-align:middle;
	cursor:pointer;
	outline:0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{
	-webkit-appearance:none;
}

input[type="submit"], input[type="button"], button{
	min-width:180px;
	padding:8px 0 6px;
	border:1px solid #939393;
	border-radius:1px;
	background:linear-gradient(#f7f7f7, #ddd);
	
	text-align:center;
}

input[type="submit"]:hover, input[type="button"]:hover, button:hover{
	background:linear-gradient(#f7f7f7, #cfcfcf);
}

input[type="submit"]:active, input[type="button"]:active, button:active{
	margin:1px 0 -1px;
}

textarea{
	width:100%;
	resize:none;	
}

input:disabled, select:disabled, textarea:disabled{
}

/* -------------------------------------------------- placeholder */
:placeholder-shown{
	color:#aaa;
}

::-webkit-input-placeholder{
	color:#aaa;
	letter-spacing:0.5px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
  display:block;
}

blockquote, q{
  quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after{
  content:'';
  content:none;
}

ins{
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

mark{
  background-color:#ff9;
  color:#000; 
  font-style:italic;
  font-weight:bold;
}

del{
  text-decoration:line-through;
}

abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

/*--------------------------------------------------> ▼ general <----------*/

.frame{
	margin:0 auto;
}

.clear:after, .frame:after, .left:after, .right:after{
	content:"";
	clear:both;
	display:block;
}

.left{
	float:left;
}

.right{
	float:right;
}

.relative{
	position:relative;
}

.fixed{
	position:fixed;
}

.ellipsis{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

div.centering{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	
	text-align:center;
}

div.centering *{
	text-align:center;
}

/*
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	transition:all 0.5s;
*/

span.red{
	font-weight:bold;
	color:#f00;
}