@charset "utf-8";

.clear {clear:both;}

/* ローダー設定 */
.square {
	position:absolute;
	top:330px;
	left:50%;
	height:46px;
	color: #CCC;
	z-index:905;
	padding:0px;
	margin-left: -115px;
	font-size:20px;
	text-align:center;
	width: 150px;
}
#busy1{
	font-family: 'Nunito', sans-serif;
	font-size:15px;
}
#load-text {
	font-family: 'Nunito', sans-serif;
	position:absolute;
	top:330px;
	left:50%;
	width:60px;
	z-index:905;
	padding:0px;
	color:#CCC;
	margin-left:10px;
	text-align:center;
	font-size:15px;
}
body > .square {height: auto;}


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

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

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


/*-----------------------
navigation
------------------------*/
/*
#header{
	position:absolute;
	width:100%;
	min-width:1000px;
	height:70px;
	left:0;
	top:0;
	z-index:1;
	text-align:center;
	overflow:hidden;
}

#header_base{
	position:absolute;
	width:100%;
	height:70px;
	background:#202020;
}

#navigation{
	width:725px;
	height:40px;
	margin:15px auto;
}
#navigation li{
	float:left;
	height:40px;
	position:relative;
	overflow: hidden;
}
#navigation li+li{
	margin-left:15px;
}
*/
/*-----------------------
footer
------------------------*/
#footer{
	clear:both;
	position:relative;
	width:100%;
	height:110px;
	min-width:1100px;
	bottom:0;
	background:#FFF;
	border-top:1px solid #f1f1f1;

}

.copyright{
	position:absolute;
	text-indent:-9999px;
	width:272px;
	height:10px;
	left:50%;
	top:35px;
	top:90px;
	bottom:0;
	margin-left:-136px;
	background:url(../img/common/copyright.png) no-repeat center center;
}

.share{
	position:absolute;
	top:0;
	bottom:0;
	margin:auto 0;
}

#tweet_read{
	position:relative;
	width:898px;
	height:774px;
	border:solid 1px #A0ECE4;
	border-radius:5px;
	background:#FFF;
	margin:0 auto 30px auto;
}
#tw_head{
	position:relative;
	width:100%;
	height:72px;
	border-radius:5px 5px 0 0;
	text-align:center;
	background:#1eb9ee;
	margin-bottom:35px;
}

#tweet_read iframe{
	width:830px !important;
	height:630px !important;
	border:solid 1px #A0ECE4  !important;
	border-radius:5px !important;
}













#navigation{
	position:relative;
	width:100%;
	min-width:1100px;
	height:68px;
	overflow:hidden;
	background:#FFF;
	z-index:1;
}
#navi{
	position:relative;
	width:630px;
	height:66px;
	margin:0 auto;
}
.navi1{
	position:absolute !important;
	left:0;
	top:0;
	cursor:pointer;
}
.navi2{
	position:absolute !important;
	left:112px;
	top:0;
	cursor:pointer;
}
.navi3{
	position:absolute !important;
	left:243px;
	top:0;
	cursor:pointer;
}
.navi4{
	position:absolute !important;
	left:386px;
	top:0;
	cursor:pointer;
}
.navi5{
	position:absolute !important;
	left:513px;
	top:0;
	cursor:pointer;
}
/*
#poster{
	position:absolute;
	left:50%;
	margin-left:-802px;
	top:0;
}
*/
#main_wrap{
	position:relative;
	width:100%;
	height:710px;
	overflow:hidden;
	overflow:hidden;
}
.effect{
	position:absolute;
	bottom:0;
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
	width:100%;
	height:3px;
	opacity:1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,b9e6f0+10,feeed8+50,f9d2d8+90,ffffff+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #b9e6f0 10%, #feeed8 50%, #f9d2d8 90%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#b9e6f0 10%,#feeed8 50%,#f9d2d8 90%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ffffff 0%,#b9e6f0 10%,#feeed8 50%,#f9d2d8 90%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.effect2{
	position:absolute;
	top:0;
	left:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
	width:100%;
	height:3px;
	opacity:1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f9d2d8+10,feeed8+50,b9e6f0+90,ffffff+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #f9d2d8 10%, #feeed8 50%, #b9e6f0 90%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#f9d2d8 10%,#feeed8 50%,#b9e6f0 90%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ffffff 0%,#f9d2d8 10%,#feeed8 50%,#b9e6f0 90%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
#official_sns{
	position:absolute;
	right:50px;
	top:0;
}