@media screen and (max-width: 1023px) {
.seryna header {
box-shadow: 0 0 18px rgba(0,0,0,0.08);
-moz-box-shadow: 0 0 18px rgba(0,0,0,0.08);
-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.08);
}
.seryna header > .wrap {
background-color: #fff;
} .seryna_roppongi header .logo {
left: 25%;
width: 36.666%;
margin-left: 0;
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/logo_seryna_roppongi.png);
} .seryna header .btn_conversion {
background-color: #840000;
} .seryna header .btn_drawer {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/icon_drawer_black.png);
}
} @media screen and (min-width: 1024px) {
.seryna header {
box-shadow: 0 0 18px rgba(0,0,0,0.08);
-moz-box-shadow: 0 0 18px rgba(0,0,0,0.08);
-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.08);
}
.seryna header > .wrap {
background-color: #fff;
} .seryna_roppongi header .logo {
left: 46px;
top: 33px;
width: 164px;
height: 32px;
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/logo_seryna_roppongi.png);
} .seryna header .menu {}
.seryna header .menu .btn:before {
content: '';
position: absolute;
left: 0;
top: 50%;
display: block;
width: 1px;
height: 20px;
margin-top: -10px;
background-color: #c4c4c4;
}
.seryna header .menu li:first-child .btn:before {
display: none;
}
.seryna header .menu li.focus .btn:after {
content: '';
position: absolute;
left: 50px;
right: 50px;
top: 66px;
display: block;
height: 1px;
background-color: #840000;
}
.seryna header .menu i {
padding: 0 50px;
color: #1b1b1b;
} .seryna header .btn_conversion {
background-color: #840000;
}
.seryna header .btn_conversion i {
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/arrow_m_white.png);
} .seryna header .language span {
color: #3d3d3d;
} header.mini {}
.seryna_roppongi header.mini .logo {
top: 11px;
left: 32px;
height: 27px;
}
.seryna header.mini .menu li.focus .btn:after {
top: 36px;
}
} @media screen and (min-width: 768px) and (max-width: 1023px) {
.seryna_roppongi header .logo {
left: 50%;
width: 138px;
margin-left: -79px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1168px) {
.seryna header .menu i {
padding: 0 30px;
}
}  @media screen and (min-width: 1024px) {
.seryna aside > .conversion .reserve li a {
color: #ce9999;
} .seryna aside > .conversion {
background-color: #840000;
}
}