@charset "UTF-8";
.sw-FloatClear { clear: both; }

.sw-MainBody { line-height: 1.5; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #cccccc; background-color: #f4f4f4; }

.sw-MainSection { background: #ffffff; border: 1px solid #e2e2e2; box-sizing: border-box; position: relative; }

.sw-MainTitle { font-size: 16px; color: #525252; padding: 13px 0 10px 0; border-bottom: 2px solid #feb302; margin: 0; }
.sw-MainTitle img { vertical-align: middle; margin: 0 5px; display: inline-block; position: relative; top: -0.1em; }

.sw-MainMargin { height: 20px; background: #f4f4f4; }

.sw-Body { padding-bottom: 40px; border-bottom: 1px solid #e2e2e2; background-color: #f4f4f4; }

.sw-ContainerFull { width: 1280px; padding: 0 2px; }

.sw-ContainerMain { width: calc(88px * 9 + 20px * 8); }

.sw-ContainerSide { width: calc(88px * 3 + 20px * 2); }

.sw-Container_SpaceBetween { margin-right: auto; margin-left: auto; display: flex; justify-content: space-between; }

.sw-Container_Column { margin-right: auto; margin-left: auto; display: flex; flex-direction: column; }

.sw-SectionSmall { width: calc(88px * 3 + 20px * 2); height: 490px; background: #ffffff; border: 1px solid #e2e2e2; box-sizing: border-box; position: relative; }

.sw-SectionSmall_HeightAuto { width: calc(88px * 3 + 20px * 2); height: auto; background: #ffffff; border: 1px solid #e2e2e2; box-sizing: border-box; position: relative; }

.sw-SectionMiddle { width: calc(88px * 6 + 20px * 5); background: #ffffff; border: 1px solid #e2e2e2; box-sizing: border-box; position: relative; }

.sw-SectionLarge { width: calc(88px * 9 + 20px * 8); background: #ffffff; border: 1px solid #e2e2e2; box-sizing: border-box; position: relative; }

.sw-SectionFull { width: 100%; background: #ffffff; border: 1px solid #e2e2e2; box-sizing: border-box; position: relative; }

.sw-SectionTitle { font-size: 18px; font-weight: bold; letter-spacing: 0.1em; color: #525252; padding: 20px; text-align: left; display: flex; align-items: center; justify-content: flex-start; margin-bottom: 0; }

.sw-SectionTitleMore { font-size: 18px; font-weight: bold; letter-spacing: 0.1em; color: #525252; padding: 20px; text-align: left; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; }

.sw-SectionTitleMore_SubText { font-size: 14px; font-weight: normal; color: #525252; text-decoration: none; transition: all 0.2s ease-in-out; }

.sw-SectionTitleMore_SubText:hover { text-decoration: none; color: #fea000; }

.sw-SectionTitleMore_SubText:hover > .sw-ArrowTextLink { transform: translate(2.5px, -1.5px) rotate(-45deg); border-bottom: 1px solid #fea000; border-right: 1px solid #fea000; }

/* PCフッター注意事項等 */
.sw-FooterNoteBox { width: 1000px; margin: 60px auto; background: #ffffff; border-radius: 5px; }

.sw-FooterNote { background: #ffffff; border-radius: 5px; border: 1px solid #e2e2e2; padding: 20px 40px; text-align: left; }

.sw-FooterNote a, .sw-FooterNote a:visited { color: #0063dc; text-decoration: none; cursor: pointer; }

.sw-FooterNote_TextRed { color: #da0201; font-weight: bold; }

.sw-FooterNote_Content { padding-bottom: 30px; line-height: 1.8; margin-left: 0; }

.sw-FooterNote_Content li { line-height: 2; }

.sw-FooterNote_Content:last-child { padding-bottom: 0; }

.sw-FooterNote_Content-textNormal { margin: 0; padding: 10px 0 10px 11px; font-size: 15px; }

.sw-FooterNote_ListCircle { list-style-type: disc; margin: 0; padding: 10px 0 0 24px; font-size: 15px; }

.sw-FooterNote_ListCircle-indent { list-style-type: circle; padding: 2px 0 20px 25px; font-size: 15px; }

.sw-FooterNote_ListNumber { padding: 10px 0 10px 12px; list-style-type: none; list-style-position: inside; }

.sw-FooterNote_ListNumber-contents { counter-increment: cnt; margin-left: 1.7em; text-indent: -1.7em; }

.sw-FooterNote_ListNumber-contents:before { display: marker; content: "(" counter(cnt) ") "; }

.sw-FooterNote_ListNumber .sw-FooterNote_ListCircle:last-child { padding-bottom: 0; }

.sw-FooterNote_ListCircle .sw-FooterNote_ListNumber:last-child { padding-bottom: 0; }

.sw-FooterNote_ListNumber .sw-FooterNote_ListCircle .sw-FooterNote_ListCircle-indent:last-child { padding-bottom: 0; }

.sw-FooterNote_ListNumber-first { padding: 10px 0; list-style-type: none; list-style-position: inside; }

.sw-FooterNote_listStyleNone { list-style: none; margin-left: -1em; }

.sw-FooterNote_HeadingBox { margin-top: 23px; text-align: center; }

.sw-FooterNote_HeadingBox + p, .sw-FooterNote_HeadingBox + ol.sw-FooterNote_ListNumber-first, .sw-FooterNote_HeadingBox + ul.sw-FooterNote_ListCircle-first { padding-top: 0; }

.sw-FooterNote_Heading { font-size: 16px; margin-bottom: 28px; position: relative; padding: 0 30px 9px; display: inline-block; }

.sw-FooterNote_Heading:after { display: inline-block; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); transform: translate(-50%); min-width: 200px; width: 100%; height: 2px; content: ""; background-color: #fea000; }

.sw-FooterNote_MiddleHeading { font-size: 15px; position: relative; display: inline-block; margin-bottom: 5px; padding-left: 0.8em; height: 20px; line-height: 20px; }

.sw-FooterNote_MiddleHeading:before { display: inline-block; position: absolute; content: ""; top: 30%; bottom: 0; left: 0; width: 9px; height: 9px; background: #525252; }

.sw-FooterNote_SmallHeading { position: relative; display: inline-block; margin-left: 1.2em; height: 20px; line-height: 20px; }

.sw-FooterNote_SmallHeading:before { left: -1em; content: "【"; position: absolute; }

.sw-FooterNote_SmallHeading:after { content: "】"; position: absolute; }

.sw-FooterNote_SmallHeading-first { font-size: 10pt; position: relative; display: inline-block; margin-left: 0.5em; height: 20px; line-height: 20px; }

.sw-FooterNote_SmallHeading-first:before { left: -1em; content: "【"; position: absolute; }

.sw-FooterNote_SmallHeading-first:after { content: "】"; position: absolute; }

.sw-FooterNote_ListAsterisk { margin: 0; font-size: 15px; padding-left: 30px; }

.sw-FooterNote_ListAsterisk li { list-style-type: none; text-indent: -1.5em; }

.sw-FooterNote_ListAsterisk li:before { content: "※"; margin-right: 5px; }

.sw-FooterNote_ListAsterisk-first li { list-style-type: none; text-indent: -1.3em; }

.sw-FooterNote_ListAsterisk-first li:before { content: "※"; }

/* 読んで貯める ステップUPキャンペーン */
html { scroll-behavior: smooth; }

.articleStepUp { overflow: hidden; font-family: "M PLUS Rounded 1c", sans-serif; }
.articleStepUp img { vertical-align: bottom; }

.articleStepUp-EndInformation { padding: 15px 12px; background-color: #465572; text-align: center; }

.articleStepUp-EndInformation_Text { color: #ffffff; font-size: 16px; font-weight: 500; line-height: 1.4; }
.articleStepUp-EndInformation_Text span { color: #fffa66; }

.articleStepUp-EndInformation_Banner { width: 660px; margin: -10px auto 10px; }
.articleStepUp-EndInformation_Banner img { width: 65%; }
.articleStepUp-EndInformation_Banner a:hover { opacity: 0.8; }
.articleStepUp-EndInformation_Banner .articleStepUp-CampaignPeriodModal_Notice-label, .articleStepUp-EndInformation_Banner .articleStepUp-CampaignEndModal_Notice-label { z-index: 80 !important; font-size: 14px; margin: 25px auto -16px; }

.articleStepUp-Title { background: url("/images/service/campaign/2025/articleStepUp/bg_dot.svg") left top/20px repeat, linear-gradient(60deg, #46c6e6 20%, #7fd5eb 80%); }

.articleStepUp-Title_Logo { width: 982px; margin: 0 auto; }

.articleStepUp-Title_Date { position: relative; background-color: #193c80; text-align: center; }

.articleStepUp-Title_DateInner { position: relative; width: 782px; margin: auto; padding: 22px 0; }

.articleStepUp-Title_Chan { position: absolute; top: -92px; left: 6px; width: 133px; }

.articleStepUp-Title_DateText { box-sizing: border-box; color: #ffffff; font-size: 24px; font-weight: 500; letter-spacing: 0.05em; }

.articleStepUp-Title_StepButtonWrapper { position: absolute; top: -70px; right: 20px; width: 128px; }

.articleStepUp-Title_StepButton { display: inline-block; cursor: pointer; animation: buttonAnimation 2s ease-in-out infinite alternate; }
@keyframes buttonAnimation { 0% { transform: translateY(0); }
  100% { transform: translateY(-10px); } }

.articleStepUp-Detail { padding-bottom: 70px; background-color: #ccedff; text-align: center; }

.articleStepUp-Detail_ButtonText { margin: 0 auto 15px; padding-top: 40px; color: #193c80; font-size: 24px; font-weight: bold; line-height: 1.4; }

.articleStepUp-Detail_EntryButton-active { width: 670px; min-width: 300px; margin: 20px auto 15px; padding: 20px 0; border: solid 4px #805933; border-radius: 40px; box-shadow: #805933 0 5px; background-color: #fce53c; color: #650205; font-size: 32px; font-weight: bold; cursor: pointer; transition: all 0.2s ease-in-out; }
.articleStepUp-Detail_EntryButton-active:hover { position: relative; transform: translateY(3px); box-shadow: #805933 0 2px; }

.articleStepUp-Detail_EntryButton-inactive { width: 670px; min-width: 300px; margin: 5px auto 0; padding: 22px 0 23px; border: solid 4px #b8c5cc; border-radius: 50px; background-color: #e1ebf0; color: #676f73; font-size: 32px; font-weight: bold; }

.articleStepUp-Detail_EntryButton-login { display: block; width: 670px; min-width: 300px; margin: 20px auto 5px; padding: 20px 0; border: solid 4px #0a5eaf; border-radius: 40px; box-shadow: #0a5eaF 0 5px; background-color: #2395fa; color: #ffffff; font-size: 32px; font-weight: bold; text-decoration: none; cursor: pointer; transition: all 0.2s ease-in-out; }
.articleStepUp-Detail_EntryButton-login:hover { position: relative; transform: translateY(3px); box-shadow: #0a5eaF 0 2px; }

.articleStepUp-Detail_FrameWrapper { padding-top: 56px; }

.articleStepUp-Detail_Frame { position: relative; width: 800px; margin: 0 auto; padding: 32px 20px; box-sizing: border-box; border-radius: 10px; box-shadow: #527bcc 5px 5px; background-color: #ffffff; }
.articleStepUp-Detail_Frame:first-child { padding-top: 104px; margin-bottom: 56px; }
.articleStepUp-Detail_Frame:first-child:after { content: ""; display: block; position: absolute; bottom: -46px; right: 0; left: 0; width: 55px; height: 30px; margin: auto; background: url("/images/sp/campaign/2025/articleStepUp/obj_detailArrow.svg") center/100% no-repeat; }

.articleStepUp-Detail_Title { position: absolute; top: -15px; left: 0; right: 0; width: 410px; margin: auto; }

.articleStepUp-Detail_Text { margin: 0; color: #525252; font-size: 20px; font-weight: 500; line-height: 1.7; }
.articleStepUp-Detail_Text span { display: inline-block; }

.articleStepUp-Detail_TextLink { color: #0063dc; text-decoration: underline; cursor: pointer; transition: all 0.2s ease-in-out; }
.articleStepUp-Detail_TextLink:hover { color: #3186ed; }

.articleStepUp-Detail_Note { width: 400px; margin: 16px auto 0; padding: 12px 0; border-radius: 30px; background-color: #fff4ad; color: #525252; font-size: 20px; font-weight: 500; }
.articleStepUp-Detail_Note span { color: #ed3400; }

.articleStepUp-Detail_FrameCoin { position: absolute; top: -20px; left: -30px; max-width: 96px; }

.articleStepUp-StepUp { position: relative; padding-top: 120px; background: linear-gradient(#6dcaf2, #26beff); }
.articleStepUp-StepUp:before { content: ""; display: block; position: absolute; top: -1px; left: 0; right: 0; width: 800px; height: 60px; margin: 0 auto; background: #ccedff; clip-path: polygon(0 0, 100% 0, 50% 100%); }

.articleStepUp-StepUp_Title { width: 700px; margin: 0 auto; }

.articleStepUp-StepUp_UserInformation { width: 800px; margin: 40px auto 0; padding: 26px 0 20px; border-radius: 10px; background-color: #0091d9; font-weight: bold; text-align: center; }

.articleStepUp-StepUp_UserInformationDate { margin: 0; color: #ffffff; font-size: 26px; }
.articleStepUp-StepUp_UserInformationDate span { font-size: 32px; }

.articleStepUp-StepUp_UserInformationText { margin-top: 14px; color: #ffe580; font-size: 26px; }

.articleStepUp-StepUp_UserInformationContents { margin-top: 13px; color: #ffffff; font-size: 26px; }
.articleStepUp-StepUp_UserInformationContents span { color: #ffe580; font-size: 48px; }

.articleStepUp-StepUp_List { width: 800px; margin: 0 auto; padding: 0 0 60px; }

.articleStepUp-StepUp_ListItem { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; width: 100%; min-height: 50px; padding: 25px 40px; border-radius: 10px; box-sizing: border-box; background-color: #ffffff; }
.articleStepUp-StepUp_ListItem:nth-child(n+2) { margin-top: 16px; }
.articleStepUp-StepUp_ListItem img { width: 30px; }

.articleStepUp-StepUp_ListItemCoin { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; flex: 1; margin-left: 20px; }

.articleStepUp-StepUp_ListItemCoinIcon { width: 32px; margin-right: 10px; }

.articleStepUp-StepUp_ListItemCoinText { font-size: 32px; font-weight: bold; }

.articleStepUp-StepUp_ListItemCoinUnit { font-size: 26px; font-weight: bold; }

.articleStepUp-StepUp_ListItemButtonWrapper { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; }

.articleStepUp-StepUp_ListItemStamp { order: 2; width: 130px; height: 60px; border: 4px solid #ffffff; border-radius: 35px; color: #ffffff; font-weight: bold; font-size: 24px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 4px #ffa3a3; text-align: center; letter-spacing: 0.1em; background: #ffa3a3; }

.articleStepUp-StepUp_ListItemText { order: 2; padding-right: 12px; color: #676f73; font-size: 26px; font-weight: bold; }

.articleStepUp-StepUp_ListItemRecord { order: 1; padding-right: 15px; box-sizing: border-box; color: #ffa3a3; font-size: 20px; line-height: 1; }

.articleStepUp-StepUp_Note { width: 700px; margin: 0 auto; padding: 24px 0; color: #40537a; font-size: 20px; font-weight: 500; text-align: left; line-height: 1.4; list-style: none; }
.articleStepUp-StepUp_Note li { position: relative; padding-left: 1.1em; margin-bottom: 5px; }
.articleStepUp-StepUp_Note li:before { content: "※"; position: absolute; left: 0; font-weight: bold; font-size: 1em; }
.articleStepUp-StepUp_Note a { color: #ffff4d; }

.articleStepUp-StepUp_Image { position: relative; height: 80px; margin-top: 330px; background-color: #0291d9; }

.articleStepUp-StepUp_ImageInner { position: absolute; bottom: 14px; right: 0; left: 0; width: 800px; margin: auto; }

.articleStepUp-StepUp_ImageStep { display: block; width: 634px; margin: auto; }

.articleStepUp-StepUp_ImageChan0 { position: absolute; bottom: 61px; left: -50px; width: 206px; animation: move 2s infinite steps(1); }

.articleStepUp-StepUp_ImageChan1 { position: absolute; bottom: 106px; left: 63px; width: 206px; animation: move 2s infinite steps(1); }

.articleStepUp-StepUp_ImageChan2 { position: absolute; bottom: 151px; left: 176px; width: 206px; animation: move 2s infinite steps(1); }

.articleStepUp-StepUp_ImageChan3 { position: absolute; bottom: 196px; left: 289px; width: 206px; animation: move 2s infinite steps(1); }

.articleStepUp-StepUp_ImageChan4 { position: absolute; bottom: 241px; left: 402px; width: 206px; animation: move 2s infinite steps(1); }

@keyframes move { 0% { transform: scaleX(1); }
  50% { transform: scaleX(-1); }
  100% { transform: scaleX(1); } }
.articleStepUp-StepUp_ImageChan5 { position: absolute; bottom: 288px; left: 546px; width: 190px; animation: jump 1.1s ease-in-out 0s infinite; transform-origin: center bottom; }

@keyframes jump { 0% { transform: translateY(1px) scale(1, 1); }
  20% { transform: translateY(1px) scale(1.1, 0.9); }
  40% { transform: translateY(-15px) scale(0.9, 1.1); }
  60% { transform: translateY(-20px) scale(0.9, 1.1); }
  80% { transform: translateY(1px) scale(1.1, 0.9); }
  95% { transform: translateY(1px) scale(1, 1); }
  100% { transform: translateY(1px) scale(1, 1); } }
.articleStepUp-StepUp_ImageKirakira1 { position: absolute; width: 19px; height: 19px; right: 206px; top: 86px; z-index: 1; animation: kirakiraFade1 1.1s ease-out infinite; }

@keyframes kirakiraFade1 { 0% { opacity: 1; }
  50% { opacity: 0.3; }
  100% { opacity: 1; } }
.articleStepUp-StepUp_ImageKirakira2 { position: absolute; width: 17px; height: 17px; right: 88px; top: 68px; z-index: 1; animation: kirakiraFade2 1.1s ease-out infinite; }

@keyframes kirakiraFade2 { 0% { opacity: 0.3; }
  50% { opacity: 1; }
  100% { opacity: 0.3; } }
.articleStepUp-ContentsList { padding-top: 70px; background-color: #0091d9; }

.articleStepUp-ContentsList_Frame { position: relative; width: 800px; margin: 0 auto; padding: 162px 40px 40px; border-radius: 10px; background-color: #ffffff; text-align: center; }

.articleStepUp-ContentsList_Title { position: absolute; top: -65px; left: 0; right: 0; width: 634px; margin: auto; }

.articleStepUp-ContentsList_Text { display: inline-block; position: relative; margin: 0 auto 32px; padding-left: 4px; font-size: 20px; font-weight: bold; }
.articleStepUp-ContentsList_Text:before { content: ""; position: absolute; top: 8px; left: -20px; width: 18px; height: 10px; background: url("/images/sp/campaign/2025/articleStepUp202503/obj_contentsListArrow.svg") top left/100% no-repeat; }
.articleStepUp-ContentsList_Text:after { content: ""; position: absolute; top: 8px; right: -20px; width: 18px; height: 10px; background: url("/images/sp/campaign/2025/articleStepUp202503/obj_contentsListArrow.svg") top left/100% no-repeat; }

.articleStepUp-ContentsList_TextLine { background: linear-gradient(transparent 70%, #fff4ad 70%); }

.articleStepUp-ContentsList_ItemWrapper { display: grid; grid-template-columns: repeat(auto-fit, 158px); justify-content: center; grid-row-gap: 24px; grid-column-gap: 24px; margin: 0; padding: 0; list-style: none; }

.articleStepUp-ContentsList_Item { position: relative; }

.articleStepUp-ContentsList_ItemInner { cursor: pointer; }

.articleStepUp-ContentsList_ItemImage { display: block; overflow: hidden; border-radius: 10px; transition: all 0.2s ease-in-out; }
.articleStepUp-ContentsList_ItemImage:hover { opacity: 0.75; }

.articleStepUp-ContentsList_ItemBadge { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; position: absolute; top: -8px; left: -10px; width: 28px; height: 28px; border: 2px #ffffff solid; border-radius: 18px; background: #d30202; color: #ffffff; font-size: 16px; font-weight: bold; }

.articleStepUp-FooterNote { padding: 48px 0 80px; background-color: #0091d9; }

.articleStepUp-FooterNote_Frame { width: 800px; margin: auto; box-sizing: border-box; }

.articleStepUp-FooterNote_List { line-height: 2; }

.articleStepUp-FooterNote_Link { cursor: pointer; }

.articleStepUp-CampaignPeriodModal_Overlay, .articleStepUp-CampaignEndModal_Overlay-secondPreview, .articleStepUp-CampaignEndModal_Overlay-secondActive { width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 100; background: rgba(0, 0, 0, 0.3); justify-content: center; align-items: center; }

.articleStepUp-CampaignPeriodModal, .articleStepUp-CampaignEndModal { width: 50%; min-width: 300px; max-width: 700px; border: 10px solid #ffffff; position: relative; background: url("/images/service/campaign/2025/articleStepUp/bg_dot.svg") left top/20px repeat, #64c8f4; text-align: center; z-index: 101; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); }

.articleStepUp-CampaignPeriodModal_CloseBtn, .articleStepUp-CampaignEndModal_CloseBtn { position: relative; top: -23px; right: -97%; width: 44px; height: 44px; border-radius: 50%; background: #ffffff; box-shadow: 0 6px 0 rgba(0, 0, 0, 0.3); cursor: pointer; z-index: 105; }
.articleStepUp-CampaignPeriodModal_CloseBtn::before, .articleStepUp-CampaignPeriodModal_CloseBtn::after, .articleStepUp-CampaignEndModal_CloseBtn::before, .articleStepUp-CampaignEndModal_CloseBtn::after { content: ""; position: absolute; top: 50%; left: 50%; width: 22px; height: 3px; background: #5a5a5a; transform-origin: center; border-radius: 3px; }

.articleStepUp-CampaignPeriodModal_CloseBtn::before, .articleStepUp-CampaignEndModal_CloseBtn::before { transform: translate(-50%, -50%) rotate(45deg); }

.articleStepUp-CampaignPeriodModal_CloseBtn::after, .articleStepUp-CampaignEndModal_CloseBtn::after { transform: translate(-50%, -50%) rotate(-45deg); }

.articleStepUp-CampaignPeriodModal_JankenchanImage { width: 85%; margin: 0 auto; position: relative; z-index: 104; }

.articleStepUp-CampaignEndModal_JankenchanImage { width: 45%; margin: 0 auto; position: relative; z-index: 104; }

.articleStepUp-CampaignPeriodModal_Notice, .articleStepUp-CampaignEndModal_Notice { width: 100%; padding: 5px 0 25px; margin: -10px 0 0; text-align: center; background: #0091d9; border-top: 3px solid #007cba; position: relative; z-index: 102; }
.articleStepUp-CampaignPeriodModal_Notice a:hover, .articleStepUp-CampaignEndModal_Notice a:hover { opacity: 0.8; }
.articleStepUp-CampaignPeriodModal_Notice img, .articleStepUp-CampaignEndModal_Notice img { width: 80%; }

.articleStepUp-CampaignPeriodModal_Notice-label, .articleStepUp-CampaignEndModal_Notice-label { margin: 20px auto -25px; padding: 5px 0; background: #f23d3d; color: #fcff66; font-size: 16px; border-radius: 20px; line-height: 1.2; position: relative; z-index: 103; animation: poyopoyo 2s ease-out infinite; opacity: 1; }

@keyframes poyopoyo { 0%, 40%, 60%, 80% { transform: scale(1); }
  50%, 70% { transform: scale(0.95); } }
.articleStepUp-CampaignPeriodModal_Notice-label { width: 29%; }

.articleStepUp-CampaignEndModal_Notice-label { width: 40%; }

.articleStepUp-CampaignPeriodModal_Notice-comment, .articleStepUp-CampaignEndModal_Notice-comment { margin: 0; color: #ffffff; font-size: 16px; }
.articleStepUp-CampaignPeriodModal_Notice-comment span, .articleStepUp-CampaignEndModal_Notice-comment span { color: #fcff66; }