@charset "utf-8";
#wrapper{
  width:100%;
  position:relative;
  padding-top:0.01%;
}


/*--CHARA WINDOW--*/
#pop_window{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  min-height:100%;
  background-color:rgba(254,254,242,0.75);
  z-index:9999;
  display:none;
  opacity:0;
}

#pop_window #chara_content{
}

#pop_window a#chara_close img{
  position:fixed;
  top:1%;right:5%;
  width:50px;
  opacity:0.6;
  z-index:112;
}

/*COMMON*/
.sub{
  font-size:75%;
  text-indent:-1em;
  margin-left:1em;
}
.covering{
  filter:blur(5px);
}

.oneword{
  display:inline-block;
}

.stripe_bg{
  position:absolute;
  top:0;right:0;bottom:0;left:0;
  background-image:url(../images/common/stripe_bg.png);
}
header{
  width:100%;
  position:fixed;
  top:0;left:0;
}
header #visual{
  display:block;
  width:100%;
  /*margin-top:-10%;*/
  /*transform: translate(0,-12%);*/
}
#btn_order_index{
  display:block;
  width:20%;
  float:right;
  margin-top:-20%;
}
#btn_order_index img{
  display:block;
  width:100%;
}


#anime_loading{
  position:fixed;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width:10%;
  max-width:70px;
  z-index:1003;
  opacity:0.4;
  display:none;
}
#anime_loading img{
  width:100%;
  animation: rote 1s linear 0s infinite;
}

@keyframes rote {
  0%{transform:rotate(0deg);}
  100%{transform:rotate(359deg);}
}