@charset "UTF-8";
/*=============================================

	File name		:	common.css
	
	//INDEX
		1 : Reset
		2 : Clear
	
=============================================*/
/*========================================
1 : Reset
========================================*/
* {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: none; }

body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothicM, YuGothic, Meiryo, sans-serif;
  color: #FFF;
  letter-spacing: 0.1em; }

@media screen\0 {
  /* IE8〜11はメイリオ */
  body {
    font-family: "Segoe UI", Meiryo, sans-serif; } }
* html body {
  overflow: hidden; }

html, body {
  font-size: 62.5%;
  min-height: 100%; }

@media screen and (min-width: 640px) {
  html, body {
    font-size: 56%; } }
img {
  vertical-align: text-bottom;
  vertical-align: bottom;
  border: none;
  margin: 0;
  padding: 0; }

iframe {
  background-color: #FFF; }

ul {
  list-style: none;
  margin: 0 auto 2%;
  padding: 0;
  font-size: 1.6rem; }

li {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  font-size: 1.6rem; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
  display: block; }

hr {
  display: none; }

p {
  margin: 0 auto 1em;
  padding: 0;
  font-size: 1.6rem; }
  p:last-child {
    margin-bottom: 0; }

strong {
  font-weight: bold;
  margin: 0;
  padding: 0; }

a:link,
a:visited {
  font-weight: normal;
  text-decoration: underline;
  margin: 0; }

a:active,
a:hover {
  text-decoration: underline;
  margin: 0; }

form, input {
  margin: 0;
  padding: 0;
  /*
  border-width:0;
  border:none;
  */ }

input {
  margin: 0;
  padding: 0;
  /*
  border-width:0;
  border:none;
  */
  text-indent: 0.5em;
  _text-indent: 0;
  _width: auto; }

table {
  border-collapse: collapse; }

td,
th {
  line-height: 1.6; }

iframe {
  border: 0;
  width: 100%; }

/*========================================
2 : Clear
========================================*/
.clearFix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.clearFix {
  min-height: 1px; }

* html .clearFix {
  height: 1px;
  /*\*/
     /*/
height: auto;
overflow: hidden;
/**/ }

.clearBoth {
  clear: both;
  margin: 0;
  padding: 0; }