@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;}

img{vertical-align:top;} /* 画像下の隙間を削除 */






/* Loading Block Start */


/* Loading背景画面設定　*/
#splash {
/*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background:#FFFFFF;
  text-align:center;
  color:#fff;
}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
  width:60%;
}

/* fadeUpをするアイコンの動き */
.fadeUp{
animation-name: fadeUpAnime;
animation-duration:1.0s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/* Loading Block End */