@charset "utf-8";

/**************************************************

グローバルリセット（reset.cssCustom）

**************************************************/


html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, 
a, em, img, small, strike, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, table, caption,
tbody, tfoot, thead, tr, th, td , figure ,section , article , nav {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight:normal;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
 
/* tables still need 'cellspacing="0"' in the markup */
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/img {
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
}img:active {
	margin-top: auto;
}


ruby {
	display: ruby;
	ruby-align: center;
	line-height: 1;
  }
  
  rt {
	display: ruby-text;
	font-size: 0.5em;
	line-height: 1.5;
	ruby-position: over;
	text-emphasis: none;
  }
  
  /* flex内での使用時 */
  .flex-container ruby {
	display: inline-flex;
	flex-direction: column-reverse;
	align-items: center;
	vertical-align: bottom;
  }
  
  .flex-container rt {
	display: block;
	font-size: 0.5em;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
  }