@charset "UTF-8";
header{
  width: 100%;
  height: 64px;
  background-color : rgba(32, 23, 19, 0.8);
  position: fixed;
  z-index : 150;
  top : 0px;
  left : 0px;
}
header h1{
  padding : 17px 70px 17px 10px;
}
header img.store{
  height : 30px;
}
#header{
  margin : 0px 200px 0px auto;
  padding:0;
  background-image : url(../img/bgi_head.jpg);
  background-attachment : scroll;
  background-position : center bottom;
  background-size : cover;
  background-repeat : no-repeat;
  position: relative;
  text-align : center;
  height : 70%;
  min-height : 650px;
}
#header div{
  width: 95%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
#header h2{
  padding:10px 0px;
  width: 65%;
  filter: drop-shadow(0.2rem 0.2rem 2px #000);
}
#header h3{
  padding : 10px 0px 0px;
  color : #ffffff;
  font-size : 2.4rem;
  line-height:0.95em;
  font-weight:bold;
  text-shadow: 0 0 0.4em rgba(0,0,0,1);
}
#header h4{
  width: 85%;
  max-width: 550px;
  padding:10px 0px;
  color : #fff;
  font-size : 1.5rem;
  line-height:1.7em;
  font-weight:bold;
  filter: drop-shadow(0.2rem 0.2rem 2px #000);
  text-shadow: 0 0 0.2em rgba(0,0,0,1);
}
#header img.log_pana{
  max-width: 240px;
}
@media screen and (max-width: 600px){
  #header{
  margin : 0px auto;
  background-image : url(../img/bgi_head_res.jpg);
  height : 100%;
}
#header h3{
  font-size : 2rem;
}
}