@charset "utf-8";
/* reset
==================================*/
  html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	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 {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	}
	body,form,fieldset {
		margin: 0;
		padding:0;
	  -webkit-text-size-adjust: none;
	}
	fieldset {
		border:none;
	}
	blockquote,li,dt,dd {
		margin:0;
		padding:0;
	}
	li {
		list-style:none;
	}
	input,textarea {
		font-size:1em;
	}
	img {
		margin:0px;
		padding:0px;
		border: 0px;
		vertical-align:bottom;
	}
	table {
	  border-collapse:collapse;
	}
	button{
		background-color: transparent;
		border: none;
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;
	}

/* font
==================================*/
	input,textarea {
		font-style:normal;
		font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	}
	body {
		color:#000;
		background-color:#ffffff;
		font-family: 'Noto Sans JP', sans-serif;
		-ms-font-feature-settings: "normal";
		font-display: auto;
	  line-height: 1;
	}


/* float, clear
==================================*/
	.cf { zoom:1; }
	.cf:before, .cf:after { content:""; display:table; }
	.cf:after { clear:both; }
	.clear { clear: both;	visibility: visible; }
	.left {	float:left;	}
	.right { float:right; }
	@media print{
		body{
			_zoom: 70%;
			background: none;
		}
		img.hover {
			display:none;
		}
	}

/* loader
==================================*/
#loader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background: #fff;
}
#loader .wrap{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 120px;
	margin: auto;
	transform: translateY(-50%);
}
#loader .wrap img{
	width: 120px;
}
.spinner {
  width: 45px;
  height: 45px;
  margin: 10px auto;
  background-color: #ccc;

  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}