@charset "utf-8";

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

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

/*
@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;

	margin: 0;
	padding: 0;
	
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;

	-webkit-text-size-adjust: 100%;
			text-size-adjust: 100%;

	font-size:inherit;
	font-weight:inherit;
	font-family:inherit;
	line-height:inherit;
	letter-spacing: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-weight:normal;
	font-size: 62.5%;
	
	font-family:"Custom Yu Gothic", "Noto Sans Japanese", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

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

b,strong
{
	font-weight:bold;
}

input,
select,
textarea
{
	font-size:1.4rem;
}

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;
}
/* == タブレットサイズ ==========================================================*/
@media screen and (max-width: 1400px) {
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 640px) {
	html{font-size:1.5625vw;}
	input,
	select,
	textarea
	{
		font-size:2.2rem;
	}
}