@charset "UTF-8";

body {
	display:none;
	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:34px;
	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;
}

/*-------------------
arrow
--------------------*/

#arrow {
	position:absolute; /*要素はabsoluteに*/
	opacity:1; /*初期値を設定*/
	z-index:100; /*重なり順を設定*/
	top:46%; /*初期値を設定*/
	right:3px;
	height:210px;
	width:30px;
	margin-top:-105px;
}


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

#lineupHolder{
	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;
	}



#link p.suche01{
	font-size: 15px;
	text-transform: uppercase;
	color:#fff;
	display: inline-block;
	padding: 10px 20px;
	width: 130px;
	max-height: 20px;
	background: #eb719f;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
}

#link a:hover p.suche01{
	background: #999;
}

#link p.suche02{
	position: absolute;
	top:50px;
	right: 0px;
	font-size: 15px;
	text-transform: uppercase;
	color:#fff;
	display: inline-block;
	padding: 10px 20px;
	width: 130px;
	max-height: 20px;
	background: #eb719f;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
}

#link a:hover p.suche02{
	background: #999;
}

/*================================

haendlersuche

================================*/

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

#buy{
	width:100%;
	background-color: #eb719f;
	text-align: center;
	padding-top:13px;
	color:#fff;
	height:377px;
	position: relative;
}

#buy .headline{
	width: 100%;
}

#buy .headline h2{
	text-transform: uppercase;
	font-size: 32px;
	font-weight: 400;
}

#buy .table{
	display: table;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	left:0px;
	right:0px;
}

#buy .table .row{
	display: row;
}

#buy .table .row .text{
	display:table-cell;
	text-align: left;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	padding-left: 10px;
	max-width: 580px;
}

#buy .table .row .linkList{
	display:table-cell;
	text-align: right;
	padding-right: 10px;
}

#buy .table .row .linkList a{
	color:#fff;
	font-weight: 400;
	font-size: 20px;
	line-height: 35px;
	text-transform: lowercase;
	text-decoration: none;
	background:url('../images/pfeil.png') no-repeat 100% 1px;
	padding-right:36px;
	text-align: right;
}



/*
@media screen and (min-width : 480px){
	#buy .text{
		font-weight: 400;
		font-size: 12px;
		line-height: 22px;
		text-align: left;
		position: absolute;
		left: 5%;
		width:320px;
	}
	#buy .linkList{
		text-align: right;
		position: absolute;
		right: 5%;
	}
}
@media screen and (min-width : 1000px){
	#buy .text{
		font-weight: 400;
		font-size: 12px;
		line-height: 22px;
		text-align: left;
		position: relative;
		left: 20%;
		width:420px;
		top:0px;
	}
	#buy .linkList{
		text-align: right;
		position: absolute;
		right: 20%;
		top:0px;
	}
}

@media screen and (min-width : 1024px){
#buy .text{
	font-weight: 400;
	font-size: 12px;
	line-height: 22px;
	text-align: left;
	position: relative;
	left: 20%;
	width:520px;
	top:0px;
}
	#buy .linkList{
		text-align: right;
		position: absolute;
		right: 20%;
		top:0px;
	}
}
*/




#haendlersuche{
	width:100%;
	background-color: #f4eaf3;
	text-align: center;
	padding-top:41px;
	position: absolute;
	height: 130%;
}

#haendlersuche h2{
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 400;
}

#haendlersuche #map{
	height:450px;
	max-width:1052px;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 45px;
}

#haendlersuche #result{
	max-width:1052px;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	position: relative;
}

#haendlersuche #resultHolder{
	width:9999px;
	height:255px;
}

#haendlersuche #resultHolder .resultElement{
	float: left;
	width: 1052px;
	text-align: left;
	padding-bottom: 67px;
}

#haendlersuche #resultHolder .resultElement .haendler{
	font-size: 14px;
	line-height: 24px;
	color: #000000;
	vertical-align: top;
	padding-right: 42px;
	max-width: 220px;
}

#haendlersuche #resultHolder .resultElement .haendler a{
	font-size: 14px;
	line-height: 24px;
	color: #000000;
	vertical-align: top;
	padding-right: 42px;
	max-width: 220px;
	text-decoration: none;
}

#haendlersuche #resultHolder .resultElement .haendler a:hover{
	color:#eb719f;
}

#haendlersuche #resultHolder .resultElement .haendler a h3 {
	margin:0px;
	padding: 0px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
}
#haendlersuche #resultHolder .resultElement .haendler a .badge {
	background-color: #000;
	color: #fff;
	border-radius: 20px;
	width:40px;
	height:40px;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	padding-top: 8px;
	margin-bottom: 26px;
}

#haendlersuche #resultHolder .resultElement .red a{
	color:#eb719f;
}

#haendlersuche #resultHolder .resultElement .red a h3{

}

#haendlersuche #resultHolder .resultElement .red a .badge {

	background-color: #eb719f;

}



#haendlersuche .formHolder{
	text-align: left;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	margin-bottom: 25px;
}

#haendlersuche .formHolder #ort{
	font-size: 18px;
	width: 100%;
	max-width:493px;
	border:0px;
	border-bottom: 3px solid #000;
	padding: 10px 0px 10px 45px;
	margin-right: 15px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

#haendlersuche .formHolder input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	width: 40px;
	height: 40px;
	background: url(../images/radio_lo.png) left center no-repeat;
	background-size: 40px;
	margin-right: 10px;
	vertical-align: middle;
	display: none;
	opacity: 0;
}

#haendlersuche .formHolder input[type="radio"]:checked {
	background: url(../images/radio_hi.png) left center no-repeat;
	display: none;
	opacity: 0;
}

#haendlersuche .formHolder label{
	font-size: 18px;
	margin-right: 21px;
}

#haendlersuche .formHolder input[type="radio"] + label::before{
	content: ' ';
	background: url(../images/radio_lo.png) left center no-repeat;
	background-size: 40px;
	margin-right: 10px;
	vertical-align: middle;
	display: inline-block;
	width:40px;
	height:40px;
}

#haendlersuche .formHolder input[type="radio"]:checked + label::before{
	content: ' ';
	background: url(../images/radio_hi.png) left center no-repeat;
	background-size: 40px;
	margin-right: 10px;
	vertical-align: middle;
	display: inline-block;
	width:40px;
	height:40px;
}


#haendlersuche .formHolder button{
	border:0;
	background-color: #eb719f;
	color:#fff;
	text-transform: uppercase;
	font-size: 15px;
	padding: 10px 20px;
	height: 50px;
	border-radius: 3px;
	cursor: pointer;
}

#haendlersuche #result .haendler {
	display: inline-block;
	text-align: left;
}

*:focus {
	outline: none;
}

#haendlersuche #result #next{
	top: 110px;
	position: absolute;
	right:0px;
	display: none;
}

.ui-autocomplete {
	border-radius: 0px;
	font-size: 15px;
	font-family: Anton;
}
.ui-autocomplete.source:hover {
	border-radius: 0px;
	font-size: 15px;

}

.ui-menu .ui-menu-item a{
	font-size: 15px;

	border-radius: 0px;
}

.ui-menu-item{
	font-size: 15px;

	border-radius: 0px;
}