* { margin: 0; padding: 0; border: 0; outline: 0; }
html { height: 100%; overflow : auto;}

h1,h2,h3,h4,h5,h6{
	text-indent:-999999px;
	position:absolute;
}


#btnpagetop{
	position: fixed;
	width:60px;
	height:60px;
	bottom: 30px;
	right: 30px;
}

.no-wrap { display: inline-block; /* インラインブロック化 */ }
.no-space{ letter-spacing: -2px;}

.fontL{ font-size: 130%;}
.fontS{ font-size: 70%;}

.text-wide {
letter-spacing: -0.5vw;
}


/* ========================================

loading

======================================== */

#loader {
width: 100%; height: 100%;
position: fixed;
top: 0; left: 0;
z-index: 200;
}


#loader-bg {
width: 100%;
height: 100%;
background: #000;
position: fixed;
top: 0px;
left: 0px;
z-index: 150;
}


.half-circle-spinner, .half-circle-spinner * {
      box-sizing: border-box;
    }

    .half-circle-spinner {
      width: 60px;
      height: 60px;
      border-radius: 100%;
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%,-50%);
    }

    .half-circle-spinner .circle {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 100%;
      border: calc(60px / 15) solid transparent;
    }

    .half-circle-spinner .circle.circle-1 {
      border-top-color: #245863;
      animation: half-circle-spinner-animation 1s infinite;
    }

    .half-circle-spinner .circle.circle-2 {
      border-bottom-color: #245863;
      animation: half-circle-spinner-animation 1s infinite alternate;
    }

    @keyframes half-circle-spinner-animation {
      0% {
        transform: rotate(0deg);

      }
      100%{
        transform: rotate(360deg);
      }
    }




a{ transition: all 0.3s ease; text-decoration: none;}
a:link {color: #1b93ad;}
a:visited {color: #1b93ad;}
a:hover {color: #55c2da;}
a:active {color: #106476;}

a img{border:0;}
a:hover {
filter:alpha(opacity=70);/* IE 6,7*/
-moz-opacity:0.7;/* FF , Netscape */
-khtml-opacity: 0.7;/* Safari 1.x */
opacity:0.7;
zoom:1;/*IE*/
} 

a:focus{ outline: none;}



/* ========================================

print

======================================== */

@media print {
	body {
	display: none !important;
}
}