#anchor-menu { height: 50px; width: 100%; display: flex; justify-content: space-between; position: fixed; bottom: 0; background-color: #f0f3f5; z-index: 110; } @media (min-width: 1082px) { #anchor-menu { display: none; } } #anchor-menu > * { padding: 8px 0; color: #333; text-decoration: none; width: 20%; font-size: 12px; line-height: 1.8; text-align: center; cursor:pointer; } #anchor-menu > *:not(:last-child) { border-right: 1px solid #d8d8d8; } #anchor-menu svg { display: block; margin: auto; height: 18px; width: 27px; } @media (min-width: 768px) { #anchor-menu { height: 70px; } #anchor-menu .multi-menu .menu-body { bottom: 70px; max-height: calc(100vh - 70px); } #anchor-menu > * { padding-top: 12.5px; font-size: 15px; } #anchor-menu svg { height: 20px; width: 30px; } } .anchor-menu-float { display: none; position: fixed; width: 100%; height: 100%; overflow-y: scroll; overscroll-behavior: contain; padding-bottom: 70px; z-index: 105; top: 0; left: 0; background-color: #fff; } @media (min-width: 768px) { .anchor-menu-float { padding-bottom: 90px; } } .anchor-menu-float.toggle { display: block; } .anchor-menu-float .title { color: #1a1a1a; font-weight: bold; line-height: 1; height: 55px; padding-left: 20px; padding-top: 23px; } .anchor-menu-float a { display: block; color: #1a1a1a; padding-left: 20px; padding-right: 20px; font-size: 14px; line-height: 3; border-top: 1px solid #f2f2f2; position: relative; } .anchor-menu-float a:last-child { border-bottom: 1px solid #f2f2f2; } .anchor-menu-float a:after { content: ""; position: absolute; content: ''; width: 5px; height: 9px; right: 23px; top: 0; bottom: 0; margin: auto; background-color: #1a1a1a; clip-path: polygon(12% 100%, 0% 88%, 70% 50%, 0% 12%, 12% 0%, 100% 50%); } .anchor-menu-close { cursor: pointer; position:absolute; top: 20px; right: 23px; width: 14px; height: 14px; stroke: #1a1a1a; stroke-width: 4; } #member-menu { width: 20px; height: 20px; position: relative; margin-right: 7px; cursor: pointer; } #member-menu svg { width: 20px; height: 20px; fill:#595959; } #member-menu .menu-body { font-size: 15px; line-height: 1.9; font-weight: normal; box-sizing: border-box; top: 35px; z-index: 100; width: 150px; padding: 10px 15px 20px; right: -22px; display: none; position: absolute; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } #member-menu.toggle .menu-body { display: block; } #member-menu .menu-body.membership-free { right: -114px; } #member-menu.toggle::before { content: ""; clip-path: polygon(50% 0, 100% 100%, 0 100%); background: #fff; height: 5px; width: 10px; position: absolute; bottom: -15px; transform: translateX(50%); z-index: 101; } #member-menu .membership-type { text-align: center; font-size: 12px; } #member-menu .membership-premium .membership-type { color: #B69E00; } @media (min-width: 768px) { #member-menu .menu-body { font-size: 14px; padding: 15px 20px 15px; right: -7px; } #member-menu .menu-body.membership-free { right: -65px; } #member-menu.toggle::before { content: none; } } #member-menu a.link { color: #1a1a1a; display: block; position: relative; padding-left: 10px; } #member-menu hr { height: 1px; margin: 9px 0; background: #ebebeb; border: none; } #member-menu a.logout { font-size: 12px; color: #696969; } #member-menu.alertmark::after { content: ""; width: 10px; height: 10px; position: absolute; top: -5px; right: -7px; background: #e70000; border-radius: 50%; } #member-menu-follow.alertmark::after, #member-menu-notice.alertmark::after { content: ""; width: 8px; height: 8px; display: inline-block; vertical-align: text-top; margin-left: 2px; background: #e70000; border-radius: 50%; }

新着記事(113)

【精神科医が教える】他人の顔色に振り回されないための「大事なルール」
精神科医 Tomy
【精神科医が教える】他人の顔色に振り回されないための「大事なルール」
「ついていきたい」と思われるリーダーがかけている、たった一言とは?
川原礼子
「ついていきたい」と思われるリーダーがかけている、たった一言とは?
「内定が出ている就活生をみて焦る…」人と比べてしまうときの考え方
藤井智也
「内定が出ている就活生をみて焦る…」人と比べてしまうときの考え方
「お腹いっぱいになりすぎた」「ボリュームたっぷり」ロイヤルホストの“平日限定ランチ”最後のひと口まで絶品でした!「期待を超える美味しさ」
ランチ命の山盛くん
「お腹いっぱいになりすぎた」「ボリュームたっぷり」ロイヤルホストの“平日限定ランチ”最後のひと口まで絶品でした!「期待を超える美味しさ」
【医者が教える】仕事ができる人が「食事」で気をつけることベスト1
田中越郎
【医者が教える】仕事ができる人が「食事」で気をつけることベスト1
イラッとすることを言われたとき、「本当に賢い人」はどう返す?
田丸雅智
イラッとすることを言われたとき、「本当に賢い人」はどう返す?
400年老舗銘菓「千鳥饅頭」の千鳥屋本家が破綻…経営悪化を招いた本当の原因
高岩悟郎
400年老舗銘菓「千鳥饅頭」の千鳥屋本家が破綻…経営悪化を招いた本当の原因
ノルマを課して「働け」と言うのは二流…部下が自ら動き出す「魔法のひと言」
小倉健一
ノルマを課して「働け」と言うのは二流…部下が自ら動き出す「魔法のひと言」
世界中の研究を試してわかった「人生の停滞期」の抜け出し方とは?
池田貴将
世界中の研究を試してわかった「人生の停滞期」の抜け出し方とは?
リコージャパンの50代後半、アシスタントエキスパート級の年収は?【5000件の口コミ情報データ】
ダイヤモンド・口コミ情報
リコージャパンの50代後半、アシスタントエキスパート級の年収は?【5000件の口コミ情報データ】
そりゃ結果出ないわ…仕事ができない人が無意識にやっている「思考のクセ」
堀田秀吾
そりゃ結果出ないわ…仕事ができない人が無意識にやっている「思考のクセ」
「破天荒」「石に立つ矢」の正しい意味は?【大人の文章力】
くもん出版
「破天荒」「石に立つ矢」の正しい意味は?【大人の文章力】
「寝ても疲れが取れない人」が根本的に間違えている“たった1つのこと”
加藤浩晃
「寝ても疲れが取れない人」が根本的に間違えている“たった1つのこと”
「安い・強い・大量に作れる」メキシコのカルテルが注力するドラッグの名前【丸山ゴンザレスが報告】
丸山ゴンザレス
「安い・強い・大量に作れる」メキシコのカルテルが注力するドラッグの名前【丸山ゴンザレスが報告】
「本当に儲かる新規事業」を生み出す方法、なぜあなたの企画は“アイデア止まり”なのか【相談できる動画】
DOL「相談できる動画」チーム
「本当に儲かる新規事業」を生み出す方法、なぜあなたの企画は“アイデア止まり”なのか【相談できる動画】
「いつも貧乏クジを引く人」の典型的な特徴…社長の説教がチクチク言葉すぎて涙目になる【マンガ】
岩本有平
「いつも貧乏クジを引く人」の典型的な特徴…社長の説教がチクチク言葉すぎて涙目になる【マンガ】
なぜイランは米国とイスラエルの標的にされるのか?繰り返し大国に狙われる「3つの理由」と日本株への影響
藤田 勉
なぜイランは米国とイスラエルの標的にされるのか?繰り返し大国に狙われる「3つの理由」と日本株への影響
米経済は成長、雇用は伸びず それでも大丈夫な理由
The Wall Street Journal
米経済は成長、雇用は伸びず それでも大丈夫な理由
米のホルムズ海峡封鎖、5つのポイント
The Wall Street Journal
米のホルムズ海峡封鎖、5つのポイント
「次の25年」に予想される五つのイノベーション
The Wall Street Journal
「次の25年」に予想される五つのイノベーション
新着
業界
学び
特集 書籍
業界
製造業 銀行・証券・金融 保険 建設・不動産 コンサル・士業 商社 運輸・物流 IT・通信 AI・テクノロジー エネルギー 医療・製薬 食品・農業 小売・外食 サービス・エンタメ メディア・広告 スタートアップ・新規事業 教育 財閥・学閥 予測・分析
学び
経営・戦略 マネジメント ビジネス課題 ビジネススキル 営業・マーケティング マネー・投資 相続・節税 年金 キャリア・働き方 受験・子育て 教養