#menu_header #menu_navi {
	transition: all .6s;
	overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
	width: 256px;
    height: 100% !important;
	z-index: 9999999;
	top: 0;
	right: -390px;
	background-color: #fff;
	position: fixed;
}

#menu_header #menu_navi .bakusai_menu_image {
    padding-top: 10px;
}

#menu_navi a {
    text-decoration: none;
}

li[id^="menu_title"] {
	width: 260px;
	padding: 6px 10px;
    background-color: #0d507e !important;
	font-size: 14px;
    color: #fff !important;
    font-weight: bold;
}

a li[id^="view_user_"] {
    font-weight: bold;
    padding: 10px 8px 10px 16px;
    border-bottom: 1px solid #ededed;
}

a li[class^="line_stamp_store"] {
    font-weight: bold;
    padding: 10px 8px 10px 16px;
    border-bottom: 1px solid #ededed;
    height: 52px;
    box-sizing: border-box;
    width: 100%;
}

a li[class^="line_stamp_store"]:has(div.navi_twi_balloon) {
    height: auto;
    flex-wrap: wrap;
}
a li[class^="line_stamp_store"]:has(div.navi_twi_balloon) .Expand_in_separate_tab{
    width: calc(100% - 45px);
}

a li[class^="line_stamp_store"] div.navi_twi_balloon {
    top: 5px;
}

a li[class^="line_stamp_store"]::before {
    content: "┗";
}

#view_user_top_page {
    border-bottom: none;
    padding: 20px 16px;
}

a li[id^="view_user_"] i.fa {
    border-radius: 16px;
    color: #fff !important;
    font-size: 14px;
    height: 26px;
    line-height: 25px;
    margin-right: 10px;
    margin-bottom: 1px;
    text-align: center;
    vertical-align: middle;
    width: 26px;
    padding: 2px;
    flex-shrink: 0;
}

a li[id^="view_user_"]:has(i.fa.fa-external-link) i.fa.fa-external-link,
a li[class^="line_stamp_store"] :has(i.fa.fa-external-link) i.fa.fa-external-link {
    width: 20px;
    height: 20px;
    margin-left: 3px;
    vertical-align: middle;
    line-height: 18px;
}

a li[id^="view_user_"] .sns_icon {
    height: 42px;
    width: 42px;
    line-height: 23px;
    margin: -5px 1px -3px -8px;
    text-align: center;
    vertical-align: middle;
}

a li[id^="view_user_"] .sp_menu_X_icon {
    height: 27px;
    width: 27px;
    line-height: 23px;
    margin: 0px 9px 2px -1px;
    text-align: center;
    vertical-align: middle;
}

a li[class^="line_stamp_store"] .stamp_thumbnail {
    height: 26px;
    margin: -5px 0px -3px 0px;
    vertical-align: middle;
}

#view_user_login i.fa.fa-sign-in {
    background-color: #227dc7;
}

#view_user_mypage_notifications i.fa.fa-bell ,
#view_user_mypage i.fa.fa-user {
    background-color: #c0c0c0;
}

#view_user_logout i.fa.fa-sign-out {
    background-color: #c53d43;
}

#view_user_entry i.fa.fa-book {
    background-color: #008080;
}
#view_user_official_twitter i.fa.fa-twitter,
#view_user_maintenance_twitter i.fa.fa-twitter {
    background-color: #1d9bf0;
}

li#view_user_official_twitter {
    height: 31px;
}

#view_user_top_page i.fa.fa-home,
#view_user_beginner i.fa.fa-question,
#view_user_rule i.fa.fa-shield,
#view_user_safety i.fa.fa-file-text,
#view_user_link i.fa.fa-link,
#view_user_matome i.fa.fa-file,
#view_user_how-to-remove-shadowban i.fa.fa-lightbulb-o,
#view_user_shadowban-checker i.fa.fa-check-circle-o,
#view_user_billion i.fa.fa-trophy,
#view_user_niconico i.fa.fa-wrench,
#view_user_yamibaito i.fa.fa-user-secret,
#view_user_advertise i.fa.fa-adjust,
#view_user_disty i.fa.fa-handshake-o,
#view_user_media i.fa.fa-newspaper-o,
#view_user_collabo i.fa.fa-flag,
#view_user_cam_annoucement i.fa.fa-bullhorn,
#view_user_guide i.fa.fa-book,
#view_user_No1 i.fa.fa-line-chart,
#view_user_mobile i.fa.fa-desktop,
#view_user_del i.fa.fa-trash,
#view_user_trb_info i.fa.fa-info,
#view_user_mailto i.fa.fa-users,
#view_user_q_a i.fa.fa-question,
#view_user_corp i.fa.fa-envelope,
#view_user_fortune_telling_list i.fa.fa-star,
#view_user_landscape_bulletin_board i.fa.fa-camera,
#view_user_new_columns i.fa.fa-pencil,
#view_user_ai_recruitment i.fa-handshake-o
{
    background-color: #2e8599;
}

.view_user_2_line_display{
    display: flex;
    line-height: 1.2;
    align-items: center;
}

span.sp_menu_text_package {
    display: inline-block;
}

a li[id^="view_user_"],
a li[class^="line_stamp_store"] {
	color: #222;
	font-size: 14px;
}

#menu_header #nav_btn {
    z-index: 100;
}

/* 表示された時用のCSS */
.nav_open {
    position: fixed;
    z-index: -1;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.nav_open #menu_header #menu_navi {
    right: 0;
}

.nav_open .nav_bg {
	opacity: .8;
	visibility: visible;
    z-index: 9999998;
}

.hamburger_line_title {
		width: 32px;
		height: 2px;
		left: 5px;
		position: absolute;
		top: 28px;
		font-size: 9px;
		margin: 0 auto;
}

li.menu_subtitle {
		width: 260px;
		padding: 6px 10px;
    background-color: #e7e7e7;
		font-size: 11px;
}

/* 公式Twitter吹き出し */
.navi_twi_balloon {
		position: relative;
		display: inline-block;
		margin: 5px 0 3px 5px;;
		padding: 3px 5px 2px;
		min-width: 120px;
		max-width: 100%;
		background: #FFF;
		border: solid 1px #3c3c3c;
		box-sizing: border-box;
		border-radius: 6px;
		top: -7px;
		left: 34px;
}

.navi_twi_balloon:before {
		content: "";
		position: absolute;
		top: -10px;
		left: 15%;
		margin-left: -15px;
		border: 5px solid transparent;
		border-bottom: 6px solid #FFF;
		z-index: 2;
}

.navi_twi_balloon:after {
		content: "";
		position: absolute;
		top: -14px;
		left: 15%;
		margin-left: -17px;
		border: 7px solid transparent;
		border-bottom: 7px solid #898989;
		z-index: 1;
}

.navi_twi_text {
    font-size: 10px;
    color: #3c3c3c;
}
/* 別タブで開く際のフォントオーサム */
p.Expand_in_separate_tab{
    display: inline;
    line-height: 16px;
    max-height: 31px;
    letter-spacing: -0.03em;
    font-feature-settings: "palt" 1;
    -webkit-font-feature-settings: 'palt' 1;
}

.Expand_in_separate_tab i.fa.fa-external-link{
    color: #000 !important;
    padding: 0px;
    margin: 0px;
}

.menu_new_column_mark {
    font-size: 12px;
    color: #fff;
    background: #ff0000;
    padding: 1px 2px 3px;
    height: 12px;
    display: inline-block;
    margin-left: 2px;
    line-height: 16px;
    border-radius: 2px;
}