@charset "UTF-8";

body {
	margin:0;
	padding:0;
	background:#fff;
	height:50000px; /*高さの数値を変えるとスクロール量を調整できる*/
}

img{
	border:0;
	vertical-align: bottom;
}
/*-------------------
onlineshop
--------------------*/

#link{
	position: absolute;
	width: 100%;
	margin:0 auto;
	z-index:1000;
	text-align: center;
	padding: 0;
	font-size:74px;
	position: fixed;
	top:0;
	left: 0;
	}

.online{
	float: right;
	display: block;
	width:170px;
	height:40px;
	margin:0;
	padding:0;
	}
#link:after{
	content:"";
	display: none;
	clear:both;
	height:0;
	}
*+html #link {
	display: block;
	position:fixed;
}
* html #link {
	display: block;
	top: expression(eval(document.documentElement.scrollTop+0));
	margin:0 auto;
}


/*-------------------
wrapper
--------------------*/

#wrapper {
	position:fixed; /*大枠はfixedに*/
	width:100%;
	height:100%;
	background:#eb719f;
}

h1,p {
	margin:0 auto;
	padding:0;
	width:100%;
	display:block;
}

/*-------------------
logo
--------------------*/

#logo {
	position:absolute; /*要素はabsoluteに*/
	width:100%;
	text-align:center;
	opacity:1; /*初期値を設定*/
	z-index:10; /*重なり順を設定*/
	top:50%; /*初期値を設定*/
	margin-top:-200px;
}

/*-------------------
Q
--------------------*/

#first {
	position:absolute; /*要素はabsoluteに*/
	width:100%;
	text-align:center;
	opacity:1; /*初期値を設定*/
	z-index:1; /*重なり順を設定*/
	top:50%; /*初期値を設定*/
	margin-top:-200px;
}


/*-------------------
hand
--------------------*/

.hand {
	width:1000px;
	height:auto;
}

/*-------------------
flower girl
--------------------*/

#second {
	position:absolute; /*要素はabsoluteに*/
	width:100%;
	height:100%;
	text-align:center;
	opacity:0; /*初期値を設定*/
	z-index:2; /*重なり順を設定*/
	top:0; /*初期値を設定*/
	background:#FFFDE8;
}

#hand01_1,#hand01_2,#hand01_3,#hand01_4{
	position:absolute; /*要素はabsoluteに*/
	width:100%;
	bottom:80px;
	opacity:0; /*初期値を設定*/
	z-index:2; /*重なり順を設定*/
}

#c01{
	position:absolute; /*要素はabsoluteに*/
	width:100%;
	top:0;
	opacity:0; /*初期値を設定*/
	z-index:2; /*重なり順を設定*/
}

#spec01{
	position:absolute; /*要素はabsoluteに*/
	top:48%;
	margin-top:-90px;
	right:0;
	opacity:0; /*初期値を設定*/
	z-index:2; /*重なり順を設定*/
}

#watch01{
	position:absolute; /*要素はabsoluteに*/
	width:300px;
	top:110%;
	right:18%;
	opacity:0; /*初期値を設定*/
	z-index:2; /*重なり順を設定*/
}

/*-------------------
lipstick
--------------------*/

#third {
	position:absolute; /*要素はabsoluteに*/
	width:100%;
	height:100%;
	text-align:center;
	opacity:0; /*初期値を設定*/
	z-index:3; /*重なり順を設定*/
	top:0; /*初期値を設定*/
	background:#A8D06A;
}

#hand02_1,#hand02_2,#hand02_3,#hand02_4{
	position:absolute; /*要素はabsoluteに*/
	width:100%;
	bottom:80px;
	opacity:0; /*初期値を設定*/
	z-index:3; /*重なり順を設定*/
}

#c02{
	position:absolute; /*要素はabsoluteに*/
	width:100%;
	top:0;
	opacity:0; /*初期値を設定*/
	z-index:3; /*重なり順を設定*/
}

#spec02{
	position:absolute; /*要素はabsoluteに*/
	top:48%;
	margin-top:-90px;
	right:0;
	opacity:0; /*初期値を設定*/
	z-index:3; /*重なり順を設定*/
}

#watch02{
	position:absolute; /*要素はabsoluteに*/
	width:300px;
	top:-2200px;
	right:18%;
	opacity:0; /*初期値を設定*/
	z-index:3; /*重なり順を設定*/
}

/*-------------------
frends
--------------------*/

#fourth {
	position:absolute; /*要素はabsoluteに*/
	width:100%;
	height:100%;
	text-align:center;
	opacity:0; /*初期値を設定*/
	z-index:4; /*重なり順を設定*/
	top:0; /*初期値を設定*/
	background:#F8C385;
}

#hand03_1,#hand03_2,#hand03_3{
	position:absolute; /*要素はabsoluteに*/
	width:100%;
	bottom:80px;
	opacity:0; /*初期値を設定*/
	z-index:4; /*重なり順を設定*/
}

#c03{
	position:absolute; /*要素はabsoluteに*/
	width:100%;
	top:0;
	opacity:0; /*初期値を設定*/
	z-index:4; /*重なり順を設定*/
}

#spec03{
	position:absolute; /*要素はabsoluteに*/
	top:48%;
	margin-top:-90px;
	right:0;
	opacity:0; /*初期値を設定*/
	z-index:4; /*重なり順を設定*/
}

#watch03{
	position:absolute; /*要素はabsoluteに*/
	width:300px;
	top:110%;
	right:18%;
	opacity:0; /*初期値を設定*/
	z-index:4; /*重なり順を設定*/
}

/*-------------------
book
--------------------*/

#fifth {
	position:absolute; /*要素はabsoluteに*/
	width:100%;
	height:100%;
	text-align:center;
	opacity:0; /*初期値を設定*/
	z-index:5; /*重なり順を設定*/
	top:0; /*初期値を設定*/
	background:#F3EAF4;
}

#hand04_1,#hand04_2,#hand04_3,#hand04_4{
	position:absolute; /*要素はabsoluteに*/
	width:100%;
	bottom:80px;
	opacity:0; /*初期値を設定*/
	z-index:5; /*重なり順を設定*/
}

#c04{
	position:absolute; /*要素はabsoluteに*/
	width:100%;
	top:0;
	opacity:0; /*初期値を設定*/
	z-index:5; /*重なり順を設定*/
}

#spec04{
	position:absolute; /*要素はabsoluteに*/
	top:48%;
	margin-top:-90px;
	right:0;
	opacity:0; /*初期値を設定*/
	z-index:5; /*重なり順を設定*/
}

#watch04{
	position:absolute; /*要素はabsoluteに*/
	width:300px;
	top:-2200px;
	right:18%;
	opacity:0; /*初期値を設定*/
	z-index:5; /*重なり順を設定*/
}

/*-------------------
candy
--------------------*/

#sixth {
	position:absolute; /*要素はabsoluteに*/
	width:100%;
	height:100%;
	text-align:center;
	opacity:0; /*初期値を設定*/
	z-index:6; /*重なり順を設定*/
	top:0; /*初期値を設定*/
	background:#F9CFB9;
}

#hand05_1,#hand05_2,#hand05_3,#hand05_4{
	position:absolute; /*要素はabsoluteに*/
	width:100%;
	bottom:50px;
	opacity:0; /*初期値を設定*/
	z-index:6; /*重なり順を設定*/
}

#c05{
	position:absolute; /*要素はabsoluteに*/
	width:100%;
	top:0;
	opacity:0; /*初期値を設定*/
	z-index:6; /*重なり順を設定*/
}

#spec05{
	position:absolute; /*要素はabsoluteに*/
	top:48%;
	margin-top:-90px;
	right:0;
	opacity:0; /*初期値を設定*/
	z-index:6; /*重なり順を設定*/
}

#watch05{
	position:absolute; /*要素はabsoluteに*/
	width:300px;
	top:110%;
	right:18%;
	opacity:0; /*初期値を設定*/
	z-index:6; /*重なり順を設定*/
}

/*-------------------
lineup
--------------------*/

#seventh {
	position:absolute; /*要素はabsoluteに*/
	width:100%;
	height:100%;
	text-align:center;
	opacity:0; /*初期値を設定*/
	z-index:7; /*重なり順を設定*/
	top:0; /*初期値を設定*/
	background:#fff;
}

#lineup01{
	position:absolute; /*要素はabsoluteに*/
	width:400px;
	height:500px;
	top:48%;
	left:4%;
	margin-top:-250px;
	opacity:0; /*初期値を設定*/
	z-index:7; /*重なり順を設定*/
	text-align: center;
}

#lineup01 img.manual{
	width:250px;
}

#lineup02 img,#lineup03 img,#lineup04 img,#lineup05 img,#lineup06 img{
	width:100%;
}

#lineup02{
	position:absolute; /*要素はabsoluteに*/
	width:150px;
	top:165%;
	right:56%;
	margin-top:-450px;
	opacity:0; /*初期値を設定*/
	z-index:7; /*重なり順を設定*/
}

#lineup03{
	position:absolute; /*要素はabsoluteに*/
	width:150px;
	top:-1000px;
	right:44%;
	margin-top:0;
	opacity:0; /*初期値を設定*/
	z-index:7; /*重なり順を設定*/
}

#lineup04{
	position:absolute; /*要素はabsoluteに*/
	width:150px;
	top:165%;
	right:32%;
	margin-top:-450px;
	opacity:0; /*初期値を設定*/
	z-index:7; /*重なり順を設定*/
}

#lineup05{
	position:absolute; /*要素はabsoluteに*/
	width:150px;
	top:-1000px;
	right:20%;
	margin-top:0;
	opacity:0; /*初期値を設定*/
	z-index:7; /*重なり順を設定*/
}

#lineup06{
	position:absolute; /*要素はabsoluteに*/
	width:150px;
	top:165%;
	right:8%;
	margin-top:-450px;
	opacity:0; /*初期値を設定*/
	z-index:7; /*重なり順を設定*/
}




/*-------------------
フッター周り
--------------------*/

#scrolltop{
	position: fixed;
	bottom:50px;
	left: 0;
	width:100%;
	height:30px;
	text-align: center;
	background-color:#eb719f;
	z-index:300;
	cursor: pointer;
	}
#scrolltop:after{
	content:"";
	display: none;
	clear:both;
	height:0;
	}

#lang{
	position: fixed;
	bottom:20px;
	left:0;
	width:100%;
	height:30px;
	line-height:20px;
	font-size:11px;
	font-weight: normal;
	text-align: center;
	color:#fff;
	background-color:#eb719f;
	z-index:9999;
	}
#lang img{
	margin-top:5px;
	}

#copyright{
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	height:20px;
	line-height:20px;
	font-size:11px;
	font-weight: normal;
	text-align: center;
	color:#fff;
	background-color:#eb719f;
	z-index:9999;
	}