@charset "UTF-8"; 

body{
	font-family: 'Noto Sans JP', sans-serif;
	background: #FFFFFF;
	*font-size:small;
	*font:x-small;
	}

/* font */
.text10 { font-size:1rem; }
.text11 { font-size:1.1rem; }
.text12 { font-size:1.2rem; }
.text13 { font-size:1.3rem; }
.text14 { font-size:1.4rem; }
.text15 { font-size:1.5rem; }
.text16 { font-size:1.6rem; }
.text17 { font-size:1.7rem; }
.text18 { font-size:1.8rem; }
.text19 { font-size:1.9rem; }
.text20 { font-size:2.0rem; }
.text21 { font-size:2.1rem; }
.text22 { font-size:2.2rem; }
.text23 { font-size:2.3rem; }
.text24 { font-size:2.4rem; }
.text25 { font-size:2.5rem; }
.text26 { font-size:2.6rem; }

.lht13{line-height:13px;}
.lht14{line-height:14px;}
.lht15{line-height:15px;}
.lht16{line-height:16px;}
.lht17{line-height:17px;}
.lht18{line-height:18px;}
.lht19{line-height:19px;}
.lht20{line-height:20px;}
.lht21{line-height:21px;}
.lht23{line-height:23px;}
.lht24{line-height:24px;}
.lht25{line-height:25px;}
.lht30{line-height:30px;}

.mar_t5{ margin-top:5px;}
.mar_t10{ margin-top:10px;}
.mar_t15{ margin-top:15px;}
.mar_t20{ margin-top:20px;}
.mar_t25{ margin-top:25px;}
.mar_t30{ margin-top:30px;}
.mar_b5{ margin-bottom:5px;}
.mar_b10{ margin-bottom:10px;}
.mar_b15{ margin-bottom:15px;}
.mar_b20{ margin-bottom:20px;}
.mar_b30{ margin-bottom:30px;}
.mar_r5{ margin-right:5px;}
.mar_r10{ margin-right:10px;}
.mar_r15{ margin-right:15px;}
.mar_r20{ margin-right:20px;}
.mar_r30{ margin-right:30px;}

/*default*/
.clearfix {
	min-height: 1px; /*IE6*/
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix {zoom: 1;}

/* IE */
img {-ms-interpolation-mode: bicubic;}



a:link, a:visited{
	color:#000;
	text-decoration:none;
}
a,
a::before,
a::after{
	transition: all .3s;
	}


.strong{ font-weight:bold;}
.dshadow{text-shadow: 1px 1px 5px #000;}

a:hover, a:hover img {
	opacity:0.5;
}

a {outline: none;}

a img {outline:none;}



/* Loading Block */
#loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
	background-color: #0C0E21;
  position: relative;
  top: 0;
  left: 0;
  z-index: 9999;
}
.spinner {
	position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
 
  background-color: #fff;
  border-radius: 100%;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}
/* Loading Animation */
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  } 100% {
    transform: scale(1.0);
    opacity: 0;
  }
}

/* Hide Loading Block */
.loaded {
  opacity: 0;
  visibility: hidden;
}