@media screen and (max-width: 1023px) { .mctt header > .wrap { background-color: #000; }
.mctt header .logo { left: 19%; width: 50%; margin-left: 0; background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/logo_mctt_roppongi.png); }
.mctt_roppongi header .logo, .mctt_shinjuku header .logo { left: 15%; width: 46%; margin-left: 0; background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/logo_mctt_roppongi.png); }
.mctt header .btn_conversion { background-color: #840000; }
.mctt header .btn_drawer { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/icon_drawer_white.png); } }
@media screen and (min-width: 1024px) { .mctt header > .wrap { padding-left: 10px; background-color: #000; }
.mctt header .logo { left: 46px; top: 33px; width: 190px; height: 25px; background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/logo_mctt_roppongi.png); }
.mctt header .menu .btn:before { content: ""; position: absolute; left: 0; top: 50%; display: block; width: 1px; height: 20px; margin-top: -10px; background-color: #c4c4c4; }
.mctt header .menu li:first-child .btn:before { display: none; }
.mctt header .menu li.focus .btn:after { content: ""; position: absolute; left: 50px; right: 50px; top: 66px; display: block; height: 1px; background-color: #840000; }
.mctt header .menu i { padding: 0 50px; color: #fff; }
.mctt header .btn_conversion { background-color: #840000; }
.mctt header .btn_conversion i { background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/arrow_m_white.png); }
.mctt header .language span { color: #fff; }
.mctt header.mini .menu li.focus .btn:after { top: 36px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) { .mctt header .logo, .mctt_roppongi header .logo, .mctt_shinjuku header .logo { left: 50%; width: 268px; margin-left: -134px; } }
@media screen and (min-width: 1024px) and (max-width: 1168px) { .mctt header .menu i { padding: 0 30px; } }
@media screen and (min-width: 1024px) { .mctt aside > .conversion { background-color: #840000; }
.mctt aside > .conversion .reserve li a { color: #ce9999; } }
@media screen and (max-width: 767px) { div#page.mctt:not(.general) header .logo { left: 15%; right: inherit; } }