@charset "utf-8";
/******************************************************************/
/*******************************pc*********************************/
/******************************************************************/
#contents header{
background:url(/img/brand/parismiki_retro/mv_bk.png);
background-size:cover;
background-position:bottom center;
max-width:100%;
width:100%;
padding:0.865% 0  1.125% 0;
}
#contents header .header-inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
#contents header .header-inner .header-social{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
max-width:1920px;
width:100%;
margin:10px auto;
padding:5px 7.5%;
position:absolute;
top:0;
left:0;
right:0;
z-index:10;
}
#contents header .header-inner .header-social a{
padding:0 5px;
}
#contents header .header-inner .header-social a img{
max-width:25px;
width:25px;
}
#contents header .header-inner #main{
max-width:100%;
width:100%;
padding:35px 0 0 0;
}
#contents header .header-inner #main .pc{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
max-width:100%;
width:100%;
margin:auto;
padding:5px 5px 30px 5px;
position:relative;
}
#contents header .header-inner #main .pc h1{
max-width:770px;
width:41%;
margin:auto;
position:absolute;
left:0;
right:0;
}
#contents header .header-inner #main .pc .main-side{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
max-width:1920px;
width:100%;
padding:0 7.8%;
}
#contents header .header-inner #main .pc .main-side p{
max-width:555px;
width:35%;
}
/******************************************************************/
/*******************************sp*********************************/
/******************************************************************/
@media all and (max-width:767px){
#contents header{
background:none;
max-width:100%;
width:100%;
padding:0;
}
#contents header .header-inner{
display:flex;
justify-content:center;
flex-direction:column;
align-items:center;
position:relative;
}
#contents header .header-inner .header-social{
display:flex;
justify-content:flex-end;
max-width:100%;
width:100%;
margin:1% 0;
padding:3% 2%;
position:absolute;
top:0;
left:0;
right:0;
z-index:10;
}
#contents header .header-inner .header-social a{
padding:0 1.25%;
max-width: 10%;
}
#contents header .header-inner .header-social a img{
max-width:25px;
width:100%;
}
#contents header .header-inner #main{
max-width:100%;
width:100%;
padding:0 0 0 0;
}
}