@charset 'UTF-8';
.common_header {
    width: 100%;
    height: 52px;
    padding: 4px;
    display: -webkit-box;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #cacaca;
    background-color: #fff;
}
.common_header .inner.main {
    padding: 0 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
}
.common_header .inner.sub {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
}
.common_header .sub + .sub {
    margin-left: 4px;
}
/* ロゴ */
.common_header .guide_logo {
    height: 38px;
    margin: 4px auto;
}
/* ボタン */
.btn_head {
    width: 40px;
    height: 40px;
    font-size: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    border: 1px solid #1e2794;
    border-radius: 4px;
    margin-left: 0;  /* 全ページ共通ヘッダ実装後削除 */
    background: #fff;  /* 全ページ共通ヘッダ実装後右記に変更⇒background-color: #fff; */
}
.btn_head .link_menu,
.btn_head .link_mypage {
    width: 100%;
    height: 100%;
    display: block;
    background-image: url(/sp/st_img/btn_head_indigo-3d77af3b151521570ef563aae93d72c4.png);
    background-repeat: no-repeat;
    -webkit-background-size: 80px 40px;
    background-size: 80px 40px;
}
.btn_head .link_menu {
    background-position: -40px 0;
}
/* 既存ロゴ用 */
.common_header .logo {
    width: 100%;
}
.common_header .logo .box_msg {
    border-bottom: 0 none;
}