@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700");
/* CSS Document */
html {
	color: #474F54;
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote {
	margin: 0;
	padding: 0;
}
body, td, th, h1, h2, h3, h4, h5, h6 {
	font-size:12px;
	font-weight: normal;
	line-height: 1.6;
}
ol, ul {
	list-style-type: none;
}
img {
	border: 0;
}
button:focus {
	outline: 0;
	border: 0;
}

.centerWrap {
	position: relative;
	z-index: 1;
}

.centerWrap > * {
	position: absolute;
	z-index: 1;
	bottom: 50%;
	right: 50%;
	-webkit-transform: translate3d(50%, 50%, 1px);
	transform: translate3d(50%, 50%, 1px);
}

/* クリアフィックス */
.clearfix:after {
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
	overflow: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%; 
}
.clearfix { 
	display: block; 
}
/* End hide from IE-mac */

main {
	display: block;
}
article, aside, hgroup, header, footer, figure,  figcaption, nav, section {
	display: block;
	margin: 0;
	padding: 0;
}
img {
	vertical-align: bottom;
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover,
a:hover * {
	-ms-filter: "alpha(opacity=60)";
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
a:hover img {
	-ms-filter: "alpha(opacity=60)";
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	opacity:0.6;
	filter: alpha(opacity=60);
}
a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}
a:hover img.nop {
	opacity:1.0;
	filter: alpha(opacity=100);
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.roboto01 {
	font-family: "Roboto Condensed";
	letter-spacing: 0.1em;
}

.w0 {
    width: 0%!important;
}
.w5 {
    width: 5%!important;
}
.w10 {
    width: 10%!important;
}
.w12 {
    width: 12%!important;
}
.w15 {
    width: 15%!important;
}
.w20 {
    width: 20%!important;
}
.w25 {
    width: 25%!important;
}
.w30 {
    width: 30%!important;
}
.w35 {
    width: 35%!important;
}
.w40 {
    width: 40%!important;
}
.w45 {
    width: 45%!important;
}
.w50 {
    width: 50%!important;
}
.w55 {
    width: 55%!important;
}
.w60 {
    width: 60%!important;
}
.w65 {
    width: 65%!important;
}
.w70 {
    width: 70%!important;
}
.w75 {
    width: 75%!important;
}
.w80 {
    width: 80%!important;
}
.w85 {
    width: 85%!important;
}
.w90 {
    width: 90%!important;
}
.w95 {
    width: 95%!important;
}
.w100 {
    width: 100%!important;
}


.outer01 {
	display: table;
	width: 100%;
}
.inner01 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}