つぶやく
<>
body .inscroll_icon{
right:50%;
margin-right:calc(0px - 90px - 200px);
}
/******************** inscroll_ad ********************/
.inscroll{
position:fixed;
z-index:333;
left:0px;
top:0px;
transition:opacity 0.5s ease 0s;
}
.inscroll.INIT,
.inscroll.END{
opacity:0;
}
/********** banner **********/
.inscroll_banner{
position:fixed;
left:50%;
top:10px;
margin-left:-254px;
background:#fff;
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
}
.inscroll_banner,
.inscroll_banner img{
width:550px;
height:60px;
height:auto;
vertical-align:middle;
}
.inscroll_banner img{
margin:0 auto !important;
}
.header_banner a{
display:block;
width:100%;
height:100%;
}
.inscroll.INIT .inscroll_banner,
.inscroll.END .inscroll_banner,
.inscroll.INIT .inscroll_banner img,
.inscroll.END .inscroll_banner img{
width:0px;
height:0px;
animation:inscroll_banner 0.6s linear 1;
animation-fill-mode: forwards;
}
@keyframes inscroll_banner{
0% {width:550px;height:60px;}
99% {width:550px;height:60px;}
100% {width:0px;height:0px;}
}
/********** icon **********/
.inscroll_icon{
position:fixed;
z-index:888;
right:20px;
bottom:20px;
transition:opacity 0.5s ease 0s;
animation:icon_effect 2s linear infinite;
right:50%;
margin-right:calc(0px - 90px - 500px);
}
/********** close **********/
.inscroll_banner.close,
.inscroll_icon.close{
display:none;
}
.inscroll_banner_close,
.inscroll_icon_close{
cursor:pointer;
position:absolute;
z-index:1;
background:#fff;
border-radius:50%;
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
}
.inscroll_banner_close,
.inscroll_icon_close,
.inscroll_banner_close svg,
.inscroll_icon_close svg{
width:30px;
height:30px;
}
.inscroll_icon_close{
top:-10px;
right:-10px;
}
.inscroll_banner_close{
top:-10px;
right:-15px;
}
/***** ↓サイズを変更する↓ *****/
.inscroll_icon,
.inscroll_icon img{
width:180px;
height:180px;
}
.inscroll.INIT .inscroll_icon,
.inscroll.END .inscroll_icon,
.inscroll.INIT .inscroll_icon img,
.inscroll.END .inscroll_icon img{
width:0px;
height:0px;
animation:inscroll_icon 0.6s linear 1;
animation-fill-mode: forwards;
}
@media (max-height: 768px) {
.inscroll_icon,
.inscroll_icon img{
width:150px;
height:150px;
}
.inscroll.INIT .inscroll_icon,
.inscroll.END .inscroll_icon{
animation:inscroll_icon_768 0.6s linear 1;
}
}
/***** ↓サイズを変更する↓ *****/
@keyframes inscroll_icon{
0% {width:180px;height:180px;}
99% {width:180px;height:180px;}
100% {width:0px;height:0px;}
}
@keyframes inscroll_icon_768{
0% {width:150px;height:150px;}
99% {width:150px;height:150px;}
100% {width:0px;height:0px;}
}
@keyframes icon_effect{
0% {transform:translateY(-5%);}
50% {transform: translateY(0);}
100% {transform: translateY(-5%);}
}
<>
.pc_notification {
/* カスタムプロパティ */
--element-width: 90px;
--element-height: 90px;
--end-width: 16px;
--bottom-position: 20px; /* 下からの最終位置 */
--expanded-width: 260px; /* 拡大後の幅 */
}
.pc_notification .sliding-element {
overflow: hidden;
display: flex;
position: fixed;
z-index: 111;
bottom: calc(-1 * var(--element-height));
left: calc(50% + var(--bottom-position));
width: var(--element-width);
height: var(--element-height);
margin-left: calc(960px/2);
align-items: center;
background-color: #000;
background-color: #111;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0000.2)0 0 0 1px rgba(2552552550.2);
animation: pcNotify 6s ease 0s 1 normal forwards;
will-change: animation;
}
@keyframes pcNotify {
0% {
bottom: calc(-1 * var(--element-height));
}
10% {
bottom: var(--bottom-position);
}
20% {
width: var(--element-width);
}
30% {
width: var(--expanded-width);
}
80% {
width: var(--expanded-width);
}
90% {
width: calc(var(--element-width) + var(--end-width));
bottom: var(--bottom-position);
}
100% {
width: calc(var(--element-width) + var(--end-width));
bottom: var(--bottom-position);
}
}
.pc_notification .sliding-element a {
display: flex;
align-items: center;
justify-content: flex-start;
text-decoration: none;
}
/* 画像エリア */
.pc_notification .image-area {
display: flex;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
width: var(--element-width);
height: var(--element-height);
font-weight: bold;
background-color: #111;
color: #fff;
}
.pc_notification .image-area::before {
content: "PR";
display: block;
position: absolute;
left: -29px;
top: -2px;
padding: 8px 30px 3px;
font-size: 10px;
font-weight: bold;
line-height: 10px;
text-align: center;
background: #b00;
color: #fff;
rotate: -45deg;
}
.pc_notification .image-area::before,
.pc_notification .image-area.not-pr::before {
content: none;
}
.pc_notification .image-area img{
width: var(--element-width);
height: var(--element-height);
margin: 0 auto !important;
border-radius: 0px;
border-top-left-radius: 0px;
}
/* メッセージエリア */
.pc_notification .message-area {
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
width: calc(var(--expanded-width) - var(--element-width));
height: var(--element-height);
padding: 10px;
text-align: left;
background-color: #111;
color: #fff;
box-sizing: border-box;
opacity: 0;
animation: opacityMessege 6s ease 0s 1 normal forwards ;
}
.pc_notification .message-area .heading {
color: #ff0;
margin-bottom: 0px;
font-size: 11px;
line-height: 17px;
}
.pc_notification .message-area .text {
font-size: 11px;
line-height: 17px;
}
@keyframes opacityMessege {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
40% {
opacity: 1;
}
80% {
opacity: 1;
}
90% {
opacity: 0;
}
100% {
opacity: 0;
}
}
/* アニメーション完了後の状態 */
.pc_notification .animation-complete {
bottom: var(--bottom-position) !important;
width: calc(var(--element-width) + var(--end-width));
animation: none !important;
transition: width 0.6s ease;
}
.pc_notification .sliding-element {
background-color: #b00;
}
.pc_notification .sliding-element::after {
content: "";
opacity: 0;
position: absolute;
left: 90px;
top: 0;
width: 0;
height: 0;
transition: opacity 0.5s ease;
}
.pc_notification .animation-complete::after {
content: "";
opacity: 1;
position: absolute;
left: 90px;
top: 0;
width: var(--end-width);
height: var(--element-height);
mask-image: url( 'data:image/svg+xml;utf-8,' );
mask-repeat: no-repeat;
mask-position: center center;
mask-size: 24px;
background-color: #fff;
color: #fff;
text-align: center;
line-height: 90px;
}
.pc_notification .animation-complete:hover {
width: var(--expanded-width);
}
.pc_notification .animation-complete:hover::after {
opacity: 0;
transition: opacity 0.5s ease;
}
.pc_notification .animation-complete .message-area {
width: calc(var(--expanded-width) - var(--element-width)) !important;
transition: opacity 0.3s ease;
animation: none !important;
}
.pc_notification .animation-complete:hover .message-area {
opacity: 1;
transition-delay: 0.2s;
}
/* 閉じるボタン */
.pc_notification.close,
.sliding-element.close,
.banner-element.close{
display:none !important;
}
.pc_notification .close-area{
display: flex;
cursor: pointer;
position: absolute;
z-index: 1;
top: 2px;
left: calc(var(--element-width) - 22px);
background: #fff;
border-radius: 50%;
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
overflow: hidden;
width: 0;
height: 0;
opacity: 0;
}
.pc_notification .close-area svg{
width: 20px;
height: 20px;
}
.pc_notification .animation-complete .close-area{
width: 20px;
height: 20px;
opacity: 1;
transition: opacity ease 0.5s;
}
/* バナー */
.banner-element{
overflow: hidden;
display: flex;
position: fixed;
z-index: 222;
bottom: 20px;
left: calc(50% + var(--bottom-position));
width: var(--expanded-width);
height: auto;
margin-left: calc(960px/2);
align-items: center;
box-shadow: 0 4px 8px rgba(0000.2)0 0 0 1px rgba(2552552550.2);
}
.INIT .banner-element,
.START .banner-element{
display: none;
animation: pcNotifyBannerInit 1s ease 0s 1 normal forwards;
}
.END .banner-element{
display: block;
animation: pcNotifyBanner 1s ease 0s 1 normal forwards;
}
@keyframes pcNotifyBannerInit {
0% {
display: block;
opacity: 1;
}
99% {
display: block;
opacity: 0;
}
100% {
display: none;
opacity: 0;
}
}
@keyframes pcNotifyBanner {
0% {
opacity: 0;
width: var(--expanded-width);
}
100% {
opacity: 1;
width: var(--expanded-width);
}
}
.banner-element a{
vertical-align: middle;
}
.banner-element img{
width: 100%;
height: auto;
margin: 0 auto !important;
vertical-align: middle;
}
.banner-element .close-area{
opacity: 1;
left: auto;
right: 2px;
width: auto;
height: auto;
}
/* 1367px */
@media (width < 1367px) {
.pc_notification {
--element-width: 65px;
--element-height: 65px;
--bottom-position: 5px; /* 下からの最終位置 */
--expanded-width: 180px; /* 拡大後の幅 */
}
.pc_notification .message-area {
padding: 5px 7px;
}
.pc_notification .image-area::before {
top: -2px;
left: -30px;
padding: 7px 30px 2px;
}
.pc_notification .animation-complete::after {
left: 65px;
}
.pc_notification .message-area .heading,
.pc_notification .message-area .text {
margin-bottom: 0;
font-size: 10px;
line-height: 14px;
}
.pc_notification .message-area .text {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.banner-element{
bottom: 5px;
width: var(--expanded-width);
}
@keyframes pcNotifyBanner {
0% {
opacity: 0;
width: var(--expanded-width);
}
100% {
opacity: 1;
width: var(--expanded-width);
}
}
}
2025/08/06 15:16リリース
「メイプルストーリー」，新規コンテンツ「紅き月の森」を含むアップデートを実施
 メイプルストーリー |
|||
| 配信元 | ネクソン | 配信日 | 2025/08/06 |
＜以下，メーカー発表文の内容をそのまま掲載しています＞
『メイプルストーリー』、夏の大型アップデート「NEXT」で新コンテンツ「紅き月の森」を実装！
Amazonギフトカードが当たるキャンペーンも開催
Amazonギフトカードが当たるキャンペーンも開催
 |
オンラインゲームの制作及び運用を行う株式会社ネクソン（本社：東京都港区、代表取締役社長：李 政憲／イ・ジョンホン、東証：3659、以下 ネクソン）は、PC向けにサービス提供中のオンラインMMORPG『メイプルストーリー』にて、2025年8月6日（水）、新規コンテンツ「紅き月の森」の実装を含むアップデートを実施いたしました。
現在開催中の夏の大型アップデート「NEXT」。本日のアップデートにて、新たにスペシャルコンテンツ「紅き月の森」が登場いたしました。3人1組のグループを編成し、3種類の役割を分担してボスの討伐を目指しましょう。
「紅き月の森」では、新しい部位に装着できる新規装備「イニスの宝玉」が手に入るほか、登場するNPCと交流する「絆システム」コンテンツなどもお楽しみいただけます。
また、現在開催中のイベント「暁星の宴」や「チャレンジャーズワールド」にて、報酬アイテムの獲得に使用するイベントコインが手に入る、出席イベント「暁星の噴水台」や、期間限定のイベントスキルが習得できる「ブルーミーのワクワク大掃除」なども開催いたします。
さらに、「紅き月の森」実装を記念して、Amazonギフトカードが当たる2つのプレゼントキャンペーンを、本日および8月13日（水）より順次実施いたします。
各アップデートとイベント、およびキャンペーンの概要は、下記をご覧ください。
▼新規コンテンツ「紅き月の森」▼
本日のアップデートで、新たなスペシャルコンテンツ「紅き月の森」を実装いたしました。
魔教の組織である「赤竜隊」から、そよ風村を救ってほしいという手紙を受け取った対敵者は、赤竜隊の隠居地である「紅き月の森」へと足を踏み入れます…。
3人1組のグループでダンジョンに挑戦し、最終ステージに待ち受けるボスの討伐を目指しましょう。ストーリークエストを完了すると獲得できる新規装備「イニスの宝玉」は、「紅き月の森」ダンジョンで手に入るアイテムを使用して強化することが可能です。
■進行方法
●ダンジョン入場時に「槍術士」、「魔術士」、「弓術士」の3つの役割から1つを選択できます。
グループで役割を分担してダンジョンに挑戦しましょう。
●ダンジョンは下記4種類のステージで構成されており、最終ステージのボス討伐を目指します。
・一般ステージ、エリートステージ …制限時間内にマップ内の全モンスターを倒すとクリアです。
・スペシャルステージ …クリア条件が異なる3種類のステージが、毎週入れ替わりで登場します。
・ボスステージ …制限時間内にボスモンスターを倒すとダンジョンクリアです。
 役割を選択 |
 ダンジョン画面 |
■報酬
●クリア報酬：その週のダンジョンクリア時の最高得点に応じて、報酬として「ランダムそよ風の風呂敷包み」や「砕けた竜の鱗」が獲得できます。
●ウィークリークエスト：週替りの「ウィークリークエスト」を完了すると、経験値に加えて関連勢力の「名誉点数」が獲得できます。名誉点数の獲得状況に応じて勢力の「名誉等級」が上昇し、紅き月の森のダンジョン内で様々な効果を受けることができます。
●ランキング報酬：前週の記録に基づいて週間ランキングを決定します。ランキングに応じて、追加報酬として「砕けた竜の鱗」が獲得できます。
●業績：「紅き月の森」の実装に伴い、同コンテンツに関する新しい業績を追加いたしました。各業績をクリアすると、「紅き月の森」をテーマにしたカスタム背景や椅子などの報酬をプレゼントいたします。
 |
■絆システム
ダンジョンのクリア報酬「ランダムそよ風の風呂敷包み」を使用すると、様々な「プレゼント」がランダムに獲得できます。
村にいるNPCに話しかけ、彼らが欲しがっているプレゼントを贈ることで、NPCの好感度が上昇します。好感度が一定値に達すると、NPCの特別ストーリーをお楽しみいただけます。
 |
■新規装備「イニスの宝玉」
ストーリークエストを完了すると、新しい部位に装着できる装備「イニスの宝玉」が手に入ります。「紅き月の森」ダンジョンをクリアして獲得できるアイテムで、イニスの宝玉を研磨／覚醒／加工し、強化することができます。
コンテンツ「紅き月の森」の詳細、およびその他のアップデート情報は、下記のお知らせをご覧ください。
https://maplestory.nexon.co.jp/notice/view/?alias=642475027d4946d8858fdfd3091d794e
▼開催イベント▼
■[紅き月の森] そよ風村の遠客
新規コンテンツ「紅き月の森」のダンジョンに挑戦して、ミッションを達成しましょう。
「週間ミッション」、「週間ダンジョンミッション」を達成すると、各ミッションで毎週クリア報酬を獲得することができます。
＜開催期間＞
2025年8月6日（水） 〜 9月16日（水）23：59
※各週のミッション達成可能期間は、イベントの詳細ページをご確認ください。
＜ミッションと報酬＞
「紅き月の森」をプレイして、「週間ミッション」、「週間ダンジョンミッション」の2つのミッションを達成しましょう。
週間ミッションでは、キャラクターの成長に役立つ様々なアイテムをプレゼントいたします。
週間ダンジョンミッションでは、各種アイテムと交換可能な「竜の鱗包み」が獲得できます。
さらに、すべての週の週間ミッションと週間ダンジョンミッションを達成すると、最終報酬としてカスタム背景、VIPブースター×5個、ソルエルダの欠片1個交換券×200をプレゼントいたします。
（各週のミッションと報酬は、毎週木曜日0：00に切り替わります）
[ミッション内容]
・週間ミッション …ダンジョン「紅き月の森」を1回クリアする。
・週間ダンジョンミッション …ダンジョン「紅き月の森」で選択する3種類の役割のうち、いずれか2種でクリアする。
 |
 そよ風村カスタム背景（最終報酬） |
「そよ風村の遠客」イベントの詳細は、下記のお知らせをご覧ください。
https://maplestory.nexon.co.jp/notice/view/?alias=a0a49eac12424cb9868be5b07df7f6b7
 |
開催中のイベント「暁星の宴」に参加している、Lv101以上のキャラクターで進行可能な、全15日間の出席イベントを開催いたします。
適正レベルモンスターを1,000体退治し、イベントUIで「出席する」ボタンをクリックすると当日の出席が完了となり、「記念コイン」と「チャレンジャーズコイン」が獲得できます。獲得した「記念コイン」と「チャレンジャーズコイン」は、それぞれの専用ショップにて様々なアイテムと交換することができます。
＜開催期間＞
2025年8月6日（水） 〜 9月16日（火）23：59
「暁星の噴水台」イベントの詳細は、下記のお知らせをご覧ください。
https://maplestory.nexon.co.jp/notice/view/?alias=4c5de3249e304ca8951fee6d098f3a1d
■ブルーミーのワクワク大掃除
「NEXT」アップデートで新登場したNPC「ブルーミー」の掃除を手伝って、大量の経験値をゲットしましょう。
イベントに参加すると、期間限定のイベントスキルを習得します。フィールドの狩りなどで適正レベルモンスターを250体退治するごとに、イベントスキル「ブルーミーのワクワク大掃除」が自動的に発動。ブルーミーが敵を攻撃するとともに、経験値が獲得できます。
（スキルは1日30回まで発動可能です）
さらに特定条件を満たすことで、1レベルアップに必要な経験値が一気に獲得できる、特殊効果が発動することがあります。イベント最終週には、特殊効果の発動回数がアップする「ブルーミーの最後のワクワク大掃除」が開催されます。
＜開催期間＞
・ブルーミーのワクワク大掃除： 2025年8月6日（水） 〜 9月9日（火）23：59
・ブルーミーの最後のワクワク大掃除： 2025年9月10日（水）0：00 〜 9月16日（火）23：59
 |
 |
「ブルーミーのワクワク大掃除」イベントの詳細は、下記のお知らせをご覧ください。
https://maplestory.nexon.co.jp/notice/view/?alias=564c28fa299a4fc1977e82e16f4beef8
▼おすすめポイントアイテム▼
■ゴールドアップル
「ゴールドアップル」に、夏にピッタリなライディングやキュートな椅子と、新規魂の玉、忘却の書が新登場いたしました！
＜期間＞
2025年8月6日（水）〜 9月3日（水）10：59
 |
ゴールドアップルの詳細は、下記のお知らせをご覧ください。
https://maplestory.nexon.co.jp/notice/view/?alias=65ea267e47ac4b18879713efd5228622
■わくわくあばらんボックス
「わくわくあばらんボックス」には、彩り鮮やかな「夏の星空」シリーズが登場いたします！
＜期間＞
2025年8月6日（水）〜 8月27日（水）メンテナンス前
 |
わくわくあばらんボックスの詳細は、下記のお知らせをご覧ください。
https://maplestory.nexon.co.jp/notice/view/?alias=50d936e556834443b05a6d7b2d5459ed
▼紅き月の森 実装記念キャンペーン▼
 |
新規コンテンツ「紅き月の森」の実装を記念したプレゼントキャンペーンを、本日より開催いたします。『メイプルストーリー』公式X（@MapleStory_JP）の対象ポストをリポスト（RP）してご応募ください。抽選で10名様に、Amazonギフトカード 10,000円分をプレゼントいたします。
＜開催期間＞
2025年8月6日（水）キャンペーンポスト投稿後 〜 8月12日（火）23：59
＜応募方法＞
『メイプルストーリー』公式X（@MapleStory_JP）をフォローいただき、投稿されるキャンペーン対象ポストをリポストしてご応募ください。
https://x.com/MapleStory_JP
※キャンペーンポストは8月6日（水）18：00頃に投稿予定です。
＜賞品＞
・Amazonギフトカード 10,000円分 …10名様
本キャンペーンの詳細および応募規約等は、下記のお知らせをご覧ください。
https://maplestory.nexon.co.jp/notice/view/?alias=2ed214c818b64e70bf7d52bd14e1d062
▼紅き月の森 公式からの討伐依頼 ハッシュタグ投稿キャンペーン（8月13日〜）▼
8月13日（水）からは、「紅き月の森」のボスをテーマにしたキャンペーンがスタートいたします。
該当ボス討伐のスクリーンショットを撮影し、Xに投稿してご応募ください。抽選で15名様に、Amazonギフトカード 3,000円分をプレゼントいたします。
＜開催期間＞
2025年8月13日（水）キャンペーンポスト投稿後 〜 8月24日（日）23：59
＜応募方法＞
・『メイプルストーリー』公式X（@MapleStory_JP）をフォローします。
・「紅き月の森」ダンジョンにて、ボスを討伐する様子のスクリーンショットを撮影し、下記のハッシュタグをつけてXにポストします。
ハッシュタグ： #紅き月の森 #メイプルストーリー #NEXT
＜賞品＞
・Amazonギフトカード 3,000円分 …15名様
「メイプルストーリー」公式サイト
- 関連タイトル：メイプルストーリー
- この記事のURL：
Copyright （C） 2009 NEXON Korea Corporation and NEXON Co.,Ltd. All Rights Reserved.
DVD メイプルストーリー Vol.1
価格：3845円
メイプルストーリー Vol.2
価格：￥8,800円- DVD
- 発売日：2008/02/22
メイプルストーリー マスターブック アイテム編 2008.1バージョン- 価格：￥5,169円
- 本
- 発売日：1970/01/01
4Gamer.net最新情報
プラットフォーム別新着記事
総合新着記事
企画記事
新着連載
新着レビュー
