@charset "UTF-8";

/* -----------------------------------------------------------------
Source File: common.css
CSS file usage: トップで使用するCSSを記述しています
Time Stamp: 2013/7/4
--------------------------------------------------------------------*/


/* コンテンツ
-------------------------------- */
#main{
	width:320px;
	height:450px;
	overflow:hidden;
}

section.mainvisual{
	position:relative;
	width:320px;
	height:450px;
	overflow:hidden;
}

p.bg-nerv{
	position:absolute;
	left:0px;
	top:0px;
}

section.mainvisual h1{
	position:absolute;
	left:0px;
	top:168px;
	z-index:6;
}

section.mainvisual p.img-r{
	position:absolute;
	right:-320px;
	top:0px;
	z-index:5;
}

section.mainvisual p.img-l{
	position:absolute;
	left:-320px;
	top:0px;
	z-index:5;
}

nav.footernav{
	position:relative;
	z-index:5;
}

#headerdmy{
	position:absolute;
	left:0px;
	top:-55px;
	z-index:20;
	
}



.bg-nerv img, section.mainvisual h1, nav.footernav, footer{
	opacity:0.0;
}

/* 初期位置
-------------------------------- */
#headerdmy.def{
	display:none;
}

body#top header{
	opacity:0.0;
}

nav.footernav{
	margin-top:50px;
}
nav.footernav.def{
	margin-top:0px;
}

section.mainvisual p.img-r.def{opacity:0.0;right:0px;}
section.mainvisual p.img-l.def{opacity:0.0;left:0px;}

section.mainvisual h1.def{
	top:168px;
}


/* アニメーション
-------------------------------- */
/* 背景 */
.bg-nerv img.anim{-webkit-transition: 0.7s 0.0s ease-out; opacity: 1.0;}

/* ヘッダー */
body#top header.anim{-webkit-transition: 0.5s 0.7s ease-in-out;}

/* ヘッダーダミー */
#headerdmy.anim{-webkit-transition: 0.5s 0.7s ease-in-out; top:0px;}

/* フッターメニュー */
nav.footernav.anim{-webkit-transition: 0.5s 0.7s ease-in-out; opacity: 1.0; margin-top:0px;}

/* フッター */
footer.anim{-webkit-transition: 0.7s 0.7s ease-in-out; opacity: 1.0;}


/* 画像：右 */
section.mainvisual p.img-r.anim{-webkit-transition: 0.5s 1.2s ease-in-out; opacity: 1.0; right:0px;}

/* 画像：左 */
section.mainvisual p.img-l.anim{-webkit-transition: 0.5s 1.2s ease-in-out; opacity: 1.0; left:0px;}

/* タイトル */
section.mainvisual h1.anim{-webkit-transition: 1.0s 1.7s ease-out; opacity: 1.0; top:168px;}


/* アニメーション:Android
-------------------------------- */
/* 画像：右 */
section.mainvisual p.img-r.anim-adr{-webkit-transition: 0.5s 0.0s ease-in-out; opacity: 1.0; right:0px;}

/* 画像：左 */
section.mainvisual p.img-l.anim-adr{-webkit-transition: 0.5s 0.0s ease-in-out; opacity: 1.0; left:0px;}

/* タイトル */
section.mainvisual h1.anim-adr{-webkit-transition: 1.0s 0.5s ease-out; opacity: 1.0; top:168px;}