@charset "utf-8";

/*
************************************************************************
* リセットCSS
* @copyright Revolme Inc.
************************************************************************
*/

/*
	游ゴシックを利用するためのお膳立て
*/
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

*
{
	position:relative;
	z-index:0;

	text-shadow: 0 0 0;
	
	-webkit-font-smoothing: antialiased;
	   -moz-font-smoothing: antialiased;
	    -ms-font-smoothing: antialiased;
	     -o-font-smoothing: antialiased;
	        font-smoothing: antialiased;

	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;

	margin: 0;
	padding: 0;

	-webkit-text-size-adjust: 100%;
			text-size-adjust: 100%;
	
	font-size:inherit;
	font-weight:inherit;
	font-family:inherit;
}

::before,
::after {
	box-sizing: inherit;
	text-decoration: inherit;
	vertical-align: inherit;
}

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

html{
	font-family:"Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size: 62.5%;
}

html, body {
	height: 100%;
	z-index:auto;
}

b,strong
{
	font-weight:bold;
}

input,
select,
textarea,
label
{
	font-size:16px;
	font-size:1.6rem;
}

nav ul {
	list-style:none;
}

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

ul li
{
	margin-left:1.5em;
}
ol li
{
	margin-left:2.5em;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

img, canvas, iframe, video, svg { max-width: 100%; }
img {vertical-align:middle;}

a {
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	   -moz-tap-highlight-color:rgba(0, 0, 0, 0);
	    -ms-tap-highlight-color:rgba(0, 0, 0, 0);
	     -o-tap-highlight-color:rgba(0, 0, 0, 0);
	        tap-highlight-color:rgba(0, 0, 0, 0);
}
a,a:link
{
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	text-decoration:underline;
}

.clearfix:after,
.clearfix:before
{
	content: ".";
	display: block;
	clear: both;
	float: none;
	height: 0px;
	width: 0px;
	visibility: hidden;
	overflow:hidden;
}