@charset "utf-8";
*{
	margin:0;
	padding:0;
}
.clear {clear:both;}

/* ローダー設定 */
.square {
	position:absolute;
	top:330px;
	left:50%;
	height:46px;
	color: #d2dae6;
	z-index:905;
	padding:0px;
	margin-left: -115px;
	font-size:20px;
	text-align:center;
	width: 150px;
}
#load-text {
	position:absolute;
	top:330px;
	left:50%;
	width:100px;
	z-index:905;
	padding:0px;
	color:#d2dae6;
	margin-left:10px;
	text-align:center;
}
#load_line{
	position:absolute;
	left:0;
	top:50%;
	width:0%;
	height:1px;
	background:#666;
}
#nowload{
	position:absolute;
	width:100%;
	text-align:center;
	top:50%;
	margin-top:-30px;
	font-size:14px;
	color:#999;
    font-family: 'Roboto', sans-serif;
}


body > .square {height: auto;}


#fade {
	background: #000; margin: 0px; padding: 0px; width: 100%; height: 100%; position: fixed; top:0; z-index: 901; min-height: 100%;
}

#fade2 {
	background: #000; margin: 0px; padding: 0px; width: 100%; height: 100%; position: fixed; top:0; z-index: 990; min-height: 100%;
}

body > #fade {height: auto;}



/* リンク設定 */

a:link {color: #8b826a; text-decoration: underline;}

a:active {color: #8b826a; text-decoration: underline;}

a:visited {color: #8b826a; text-decoration: underline;}

a:hover {color: #8b826a; text-decoration: underline;}



/*-----------------------
footer
------------------------*/

#footer{
	clear: both;
	position:relative;
	width: 100%;
	height: 73px;
	min-width: 1000px;
	bottom: 0;
	background:#000;
}


/* コピーライト */

.credits{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0px;
	color:#FFF;
	letter-spacing:0.1em;

}

.credits a{


	color:#FFF;
	text-decoration: none;
	font-size:9px;

}

.credits a:hover{
	color:#FFF;
	font-size:9px;
	text-decoration: none;
}

.credits p{
	
	color:#FFF;
	text-align:center;
	margin-bottom:34px;
	height:9px;
	letter-spacing:0;
	font-size:9px;

}

.credits #links{

	position:absolute;
	right:10px;
	height:9px;
	font-size:9px;
}

span{
	margin:0 7px;	
	
}

/*-----------------------------
クレジット
------------------------------*/

#credit_tab{
	position:absolute;
	width:100%;
	bottom:-200px;
	height:179px;
	border-top:solid 1px #333;
	text-align:center;
	background:#000;
	padding-top:20px;
}
#credit_tab a:hover{
	color:#bf1313;
}
#credit_close{
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
}
#credit_open{
	text-decoration: none;
	cursor:pointer;
}



/*-------------------------
シェア周り
--------------------------*/
#sns_btns{
    width: 343px;
    height: 21px;
    overflow: hidden;
    position: absolute;
    left: 5px;
    bottom: 25px;
	z-index:1;
}
#sns_btns{
    width: 76px;
    height: 21px;
    overflow: hidden;
    position: absolute;
    left: 100px;
    bottom: 25px;
    z-index: 1;
}

.share{
	position: absolute;
	left: -168px;
	height: 20px;
}
.share{
	position: absolute;
	left: 0;
	width: 76px;
	height: 20px;
}




#sns_btns li{
	list-style:none;
	float:left;
	margin:0px;
}
#sns_btns li+li{
	margin-left:10px;
}
#s_tw{
	width:100px;
	overflow:hidden;
}
#s_fb{
	width:110px;
	overflow:hidden;
}
#gplus{
	width:70px;
	overflow:hidden;
}
#s_btn_op{
	position:absolute;
	right:0px;
	cursor:pointer;
	z-index:1;
}
#s_btn_cl{
	position:absolute;
	right:0px;
	display:none;
	cursor:pointer;
	z-index:1;
}



#sub_navi{
	position:absolute;
	left:30px;
	top:10px;
	width:30px;
	height:30px;
	z-index:901;
	cursor:pointer;
}
.line1{
	position:absolute;
	left:0;
	top:12px;
	height:2px;
	width:100%;
	background:#FFF;
	-webkit-transition: all .25s;
	transition: all .25s;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.line2{
	position:absolute;
	left:0;
	top:19px;
	height:2px;
	width:100%;
	background:#FFF;
}
.line3{
	position:absolute;
	left:0;
	top:27px;
	height:2px;
	width:100%;
	background:#FFF;
	-webkit-transition: all .25s;
	transition: all .25s;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.close_b{
    transition: all .25s;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top:18px;
	box-shadow:0px 0px 0px 0px #3978C6;
}

.close_a{
    -webkit-transition: all .25s;
    transition: all .25s;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top:18px;
	box-shadow:0px 0px 0px 0px #3978C6;
}
#sub_open{
	position:absolute;
	left:30px;
	top:85px;
	display:none;
}
.navi1{
	cursor:pointer;
	padding:0;
}
.navi1 img{
	display:block;
	padding:10px 0;
	height:16px;
	vertical-align:top;
}
.navi1 a{
	display:block;
	width:100%;
	height:100%;
}
.selecter{
	position:absolute;
	left:0;
	top:8px;
}
.navi1f{
	transform:translate3D(10px,0,0);
	-webkit-transform:translate3D(10px,0,0);
}

#sub_open .navi1:nth-child(1){
	width:51px;	
}
#sub_open .navi1:nth-child(2){
	width:73px;		
}
#sub_open .navi1:nth-child(3){
	width:158px;	
}
#sub_open .navi1:nth-child(4){
	width:53px;
}