@charset "utf-8";
/* CSS Document */

html, body {height: 100%;}  /*高さ100%に指定*/
html {

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    
}


.early_bg{
	width:100%;
	height:100%;
	position:absolute;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	display:none;
}
.arben_bg{
	width:100%;
	height:100%;
	position:absolute;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	display:none;
}

body {
  margin: 0;
  padding: 0;
  position: relative;
  min-width: 654px;  /*中央配置するボックスの横幅*/
  min-height: 200px;  /*中央配置するボックス縦幅*/
}

img{
	max-width:100%;
}

.logo_area{
	margin: -60px 0 0 -261px;  /*縦横の半分をネガティブマージンでずらす*/
	position: absolute;  /*body要素に対して絶対配置*/
	top: 50%;  /*上端を中央に*/
	left: 50%;  /*左端を中央に*/
	width: 522px;  /*横幅*/
	height: 200px;  /*縦幅*/
}

.early, .abendrot{
	width:250px;
	float:left;
}

.line{
	width:22px;
	float:left;
}

.line img{
	height:130px;
	max-width:100%;
	margin:10px 0px 0px 0px;
}

.onlinestorelink{
	position: absolute;
	top: calc(50% + 200px);  /*上端を中央に*/
	left: calc(50% - 75px);  /*左端を中央に*/
	width: 150px;  /*横幅*/
	height: 25px;  /*縦幅*/
	background: #FFF;
	transition: 0.5s;
}

.onlinestorelink:hover{
	background: #000;
}

.onlinestorelink path{
	transition: 0.5s;
}
.onlinestorelink:hover path{
	fill: #FFF;
}