@charset "utf-8";


/* PC header
-------------------------------------------------------------------------------------------- */
#header_pc {
width: 100%;
background-color: #fff;
position:relative;
z-index: 99;
height:55px;
}
@media only screen and (max-width:1199px){
#header_pc{
display: none;
}
}

#header_pc_inner{
width:100%;
margin:0 auto;
position: relative;
}


#header_fixlogo {
float: left;
margin-top:0px;
margin-left:15px;
visibility: inherit !important;
position: relative;
width:260px;
height:80px;

}

.fixed #header_fixlogo{
height:74px;
}

#header_fixlogo span{
position: absolute;
top:22px;
left:131px;
font-size:11px;
transition: .3s;
}
@media only screen and (max-width:1199px){
#header_fixlogo{
float:none;
margin-left:0px;
margin-top:0px;
margin:0 auto;
width:90%;
}


#header_fixlogo a{
display:none;
}
}

.open #header_fixlogo{
display: none;
}


.fixed #header_fixlogo{
margin-top: 0px;
width:260px;

}

.fixed #header_fixlogo span {

}

@media only screen and (max-width:1199px){
.fixed #header_fixlogo{
margin-top: 0px;
left:25px;
}
}


#header_fixlogo img#logo{
width:276px;
transition: .3s;
padding-top:18px;
}
.fixed #header_fixlogo img#logo{

}


@media only screen and (max-width:1199px){
#header_fixlogo img{
text-align: center;
margin:0 auto;
}
}



#header_pc  ul{
overflow:hidden;
position: absolute;
top:10px;
right:20px;
}

#header_pc  li{
float:right;
color:#fff;
margin-right:20px;
}

#header_pc  li a{
text-decoration: none;
color:#fff;
background-color:#44b764;
border-radius: 20px;
padding:8px 20px;
display: block;
}


/* SP header
-------------------------------------------------------------------------------------------- */

#header_sp{
display:none;
}
@media screen and (max-width:1199px)  {
#header_sp{
display:block;
text-align:left;
width:100%;
z-index: 9999;
padding: 0px 4px 0px 6px;
height:70px !important;
}
}


/* SP summery ------- */
#header_sp span{
position:absolute;
top:5px;
left:64px;
font-size:9px;
}
@media only screen and (max-width:1199px){
#header_sp span{
left:127px;
top:20px;
}
#header_sp a span{
color:#333;
}
}

/* SP logo ------- */
#header_sp img{
width:230px;
margin:12px;
}
@media only screen and (max-width:1199px){
#header_sp img{
margin:0px 4px;
width:230px;
padding-top:15px;
}
}