@charset "UTF-8";

/*
リセット
/***/

.clearfix:after{
	font-size:0;
}

.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

a {
	cursor:pointer;
	text-decoration: none;
}

body{
	position:absolute;
	background-color:#fff;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
	line-height: 1;
}

p,div,span{
	margin:0;
	padding:0;
	line-height: 1.5;
}

ul,ol,li,dl,dt,dd{
	margin:0;
	padding:0;
	list-style:none;
	line-height: 1;
}

img,
a img {
	border:none;
	display: inline-block;
}

.wrapper{
	
}

.main-bg{
	position: fixed;
	height: 100%;
}


/*
threeの表示エリア
/***/

.three_area{
	width:100%;
	height: 100%;
	position: relative;
    opacity:0;
    /*transition:opasity 0.5s ease-out;
    -webkit-transition:opasity 0.5s ease-out;*/
    /*border: solid red;*/
}

.three_area0{
	position:absolute;
	width:100%;
	height: 100%;
	opacity:0;
	top: 0;left: 0;
}


.three_area0.show,
.three_area.show{
    opacity:1;
}

.three_area canvas{
	position:relative;
    /*opacity: 0.5;*/
	/*%指定すると、指示サイズに縮む
	width:90% !important;
	height: 90% !important;
	left:5%;
	top:5%;
	border:solid red 1px;
	width: 100% !important;
	height: 100% !important;*/
}

.three_area0 canvas{
	/*width: 100% !important;
	height: 100% !important;*/
}


/*
ページ固有css
/***/