@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; }

.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: "※"; }

html { scroll-behavior: smooth; }

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

.articleChance-SpOnly_Br { display: none; }

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

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

.articleChance-Main_EndInformation { width: 500px; margin: 0 auto; padding: 32px 0; border-radius: 16px; font-size: 20px; font-weight: 700; color: #737373; text-align: center; background-color: #f0f0f0; }

.articleChance-Title { background: url("/images/service/campaign/2026/articleChance202608/bg_wave.png") left top/74px repeat; }

.articleChance-Title_Logo { width: 570px; margin: 0 auto; position: relative; }

.articleChance-Title_LogoImage { width: 100%; }

.articleChance-Title_Explain1 { position: absolute; top: 43%; left: 50%; margin-left: -368px; width: 180px; animation: campaignExplainFloat 4.5s ease-in-out infinite; }

.articleChance-Title_Explain2 { position: absolute; top: 51%; right: 50%; margin-right: -350px; width: 166px; animation: campaignExplainFloat 5s ease-in-out infinite; animation-delay: 0.5s; }

@keyframes campaignExplainFloat { 0% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
  100% { transform: translateY(0); } }
.articleChance-Title_Date { position: relative; text-align: center; mask: none; -webkit-mask: none; z-index: 0; background-color: #940f46; }
.articleChance-Title_Date::before { content: ""; position: absolute; top: 25px; left: 0; width: 100%; height: 100%; background: inherit; z-index: -1; --mask: linear-gradient(#000 0 0) 50% 0 / 100% 50% no-repeat,   radial-gradient(31px at 50% calc(100% - 43px), #000 99%, #0000 101%) calc(50% - 36px) 100% / 72px 51% repeat-x,   radial-gradient(31px at 50% calc(100% + 25px), #0000 99%, #000 101%) 50% calc(100% - 18px) / 72px calc(51% - 18px) repeat-x; -webkit-mask: var(--mask); mask: var(--mask); }

.articleChance-Title_DateInner { position: relative; width: 782px; margin: 0 auto 8px; padding: 20px 0; }

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

.articleChance-Title_Jankenchan { position: absolute; top: -45px; left: -58px; width: 141px; }

.articleChance-Title_Deshi { position: absolute; top: -23px; right: -39px; width: 103px; }

.articleChance-Title_Jankenchan { transform-origin: bottom center; animation: yurayura 4s ease-in-out infinite; }

.articleChance-Title_Deshi { transform-origin: bottom center; animation: yurayuraHanten 4s ease-in-out infinite; }

@keyframes yurayura { 0% { transform: rotate(-4deg); }
  50% { transform: rotate(3deg); }
  100% { transform: rotate(-4deg); } }
@keyframes yurayuraHanten { 0% { transform: rotate(4deg); }
  50% { transform: rotate(-3deg); }
  100% { transform: rotate(4deg); } }
.articleChance-Detail { padding-bottom: 0; text-align: center; }

.articleChance-Detail_ButtonText { margin: 0 auto 15px; padding-top: 40px; color: #691c32; font-size: 22px; font-weight: 500; line-height: 1.4; }

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

.articleChance-Detail_BeforeEntry-message { width: 800px; margin: 0 auto 28px; padding: 24px 36px; box-sizing: border-box; background-color: #fffeea; border: 2px solid #f8f4cd; border-radius: 4px; color: #6a1c32; }

.articleChance-Detail_BeforeEntry-title { margin: 0 auto 18px; padding: 0; text-align: center; font-size: 18.5px; line-height: 1; font-weight: 700; }

.articleChance-Detail_BeforeEntry-list { margin: 0 auto; padding: 0; text-align: left; font-size: 16px; line-height: 1.5; font-weight: 500; list-style: disc; }

.articleChance-Detail_BeforeEntry-item { margin: 0 0 6px 12px; }
.articleChance-Detail_BeforeEntry-item:last-child { margin-bottom: 0; }

.articleChance-Detail_EntryButton-inactive { width: 670px; margin: 0 auto 40px; padding: 22px 0 23px; border: solid 4px #cccccc; border-radius: 50px; background-color: #f0f0f0; color: #737373; font-size: 32px; font-weight: 500; }

.articleChance-Detail_EntryButton-login { display: block; width: 670px; margin: 0 auto 40px; 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: 900; text-decoration: none; cursor: pointer; transition: all 0.2s ease-in-out; }
.articleChance-Detail_EntryButton-login:hover { transform: translateY(3px); box-shadow: #0a5eaf 0 2px; }

.articleChance-Steps { margin: 0 auto; padding: 80px 0 100px; background-color: #fcfad6; --mask: radial-gradient(31px at 50% 43px, #000 99%, #0000 101%) calc(50% - 36px) 0 / 72px 51% repeat-x,   radial-gradient(31px at 50% -25px, #0000 99%, #000 101%) 50% 18px / 72px calc(51% - 18px) repeat-x,   radial-gradient(31px at 50% calc(100% - 43px), #000 99%, #0000 101%) calc(50% - 36px) 100% / 72px 51% repeat-x,   radial-gradient(31px at 50% calc(100% + 25px), #0000 99%, #000 101%) 50% calc(100% - 18px) / 72px calc(51% - 18px) repeat-x; -webkit-mask: var(--mask); mask: var(--mask); }

.articleChance-Steps_Inner { width: 800px; margin: 0 auto 40px; padding: 0; text-align: left; }

.articleChance-Steps_Heading { margin: 0 auto 30px; text-align: center; font-size: 40px; font-weight: 900; color: #691c32; letter-spacing: 0.06em; text-shadow: 3px 3px 0 #ffffff, -3px -3px 0 #ffffff, 3px -3px 0 #ffffff, -3px 3px 0 #ffffff; }

.articleChance-Steps_Heading-small { font-size: 31px; }

.articleChance-Steps_Lead { margin: 0 0 32px; text-align: center; font-size: 21px; font-weight: 500; color: #734754; position: relative; }
.articleChance-Steps_Lead::before { content: ""; position: absolute; left: 16px; bottom: -26px; width: 54px; height: 62px; background-image: url("/images/service/campaign/2026/articleChance202608/img_cracker_1.png"); background-repeat: no-repeat; background-size: 80% 80%; }
.articleChance-Steps_Lead::after { content: ""; position: absolute; right: 16px; bottom: -26px; width: 54px; height: 62px; background-image: url("/images/service/campaign/2026/articleChance202608/img_cracker_2.png"); background-repeat: no-repeat; background-size: 80% 80%; }

.articleChance-Steps_Item { position: relative; width: 100%; margin: 0 auto 36px; }
.articleChance-Steps_Item::after { content: ""; position: absolute; bottom: -28px; left: 50%; width: 38px; height: 20px; background-image: url("/images/service/campaign/2026/articleChance202608/icon_arrow_gold.svg"); background-repeat: no-repeat; background-size: 100% 100%; }

.articleChance-Steps_Item:last-child { margin: 0 auto; }
.articleChance-Steps_Item:last-child::after { content: none; }

.articleChance-Steps_Card { position: relative; padding: 35px 40px 30px 55px; border: 4px solid #d1b22a; border-radius: 20px; box-sizing: border-box; background-color: #ffffff; }
.articleChance-Steps_Card::after { content: ""; position: absolute; right: 20px; bottom: 15px; width: 46px; height: 46px; background-image: url("/images/service/campaign/2026/articleChance202608/icon_kira.svg"); background-repeat: no-repeat; background-size: 100% 100%; opacity: 0.5; }

.articleChance-Steps_NumberWrapper { position: absolute; top: 0; left: 0; z-index: 1; width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; border-radius: 20px 0 0 0; background: linear-gradient(135deg, #d1b22a 50%, transparent 50%); color: #ffffff; font-size: 35px; font-weight: 900; }

.articleChance-Steps_Number { position: absolute; top: 10px; left: 17px; }

.articleChance-Steps_Title { margin: 0 0 20px; font-size: 24px; line-height: 1.7; font-weight: 900; color: #691c32; display: inline-block; }

.articleChance-Steps_Text { margin: 0 0 20px; font-size: 17px; line-height: 1.7; font-weight: 500; color: #734754; }

.articleChance-Steps_Link { color: #0063dc; }
.articleChance-Steps_Link:hover { opacity: 0.8; }

.articleChance-Steps_Label { display: inline-block; margin: 0; padding: 6px 18px; border-radius: 20px; font-size: 14px; font-weight: 700; color: #ffffff; background-color: #940f46; }

.articleChance-Present { padding: 0; color: #ffffff; }

.articleChance-Present_Inner { width: 800px; margin: 0 auto; padding: 40px; border-radius: 20px; border: 4px solid #d1b22a; box-sizing: border-box; background: #691c32; position: relative; }

.articleChance-Present_Heading { text-align: center; margin: 0 auto 36px; padding: 0; font-size: 26px; font-weight: 900; letter-spacing: 0.12em; }
.articleChance-Present_Heading::before, .articleChance-Present_Heading::after { content: ""; position: absolute; top: 30px; display: block; width: 268px; height: 44px; margin: 0 auto; background-image: url("/images/service/campaign/2026/articleChance202608/bg_present_title.png"); background-repeat: no-repeat; background-size: 100% 100%; }
.articleChance-Present_Heading::before { left: 0; }
.articleChance-Present_Heading::after { right: 0; transform: scaleX(-1); transform-origin: center; }

.articleChance-Present_Body { display: flex; align-items: center; justify-content: space-between; gap: 20px; }

.articleChance-Present_Figure { flex: 0 0 320px; margin: 0; text-align: center; }

.articleChance-Present_Image { width: 100%; height: auto; padding: 22px 24px; border-radius: 16px; background-color: #ffffff; }

.articleChance-Present_TextBlock { flex: 1; }

.articleChance-Present_NoteTop { margin: 0 0 8px; font-size: 15px; font-weight: 700; color: #fcfcd6; }

.articleChance-Present_NoteTop span { color: #ffec1f; }

.articleChance-Present_PrizeName { margin: 0 auto 16px; font-size: 21px; font-weight: 900; line-height: 1.6; }

.articleChance-Present_PrizeName-small { font-size: 14px; }

.articleChance-Present_TodoList { text-align: center; }

.articleChance-Present_TodoListTitle { display: inline-block; width: 92%; margin: 0 0 8px; padding: 5px 20px; border-radius: 25px; background-color: #ffe254; color: #691c32; font-size: 15px; font-weight: 700; }

.articleChance-Present_TodoListPoints { margin: 0 0 0 24px; padding-left: 15px; text-align: left; font-size: 15px; font-weight: 500; line-height: 1.9; text-decoration: underline; list-style: none; }

.articleChance-Present_TodoListPoints-anchor { color: #fdfbd7; position: relative; }
.articleChance-Present_TodoListPoints-anchor:hover { color: #ffe254; }
.articleChance-Present_TodoListPoints-anchor::before { content: ""; position: absolute; left: -15px; top: 0.4em; border-left: 8px solid currentColor; border-top: 5px solid transparent; border-bottom: 5px solid transparent; display: inline-block; }

.articleChance-Draw { margin: -24px auto; padding: 190px 0 84px; background-image: repeating-linear-gradient(90deg, #92e8db, #92e8db 20px, #62decb 20px, #62decb 40px); }

.articleChance-Draw_Inner { position: relative; top: 0; margin: 0 auto 28px; padding: 80px 0 60px; width: 720px; box-sizing: border-box; border-radius: 20px; border: 5px solid #691c32; text-align: center; background: #ffffff; }

.articleChance-Draw_Title { position: absolute; top: -120px; left: 50%; transform: translateX(-50%); z-index: 1; width: 720px; }

.articleChance-Draw_TitleImage { width: 100%; }

.articleChance-Draw_Box { margin: 0 auto 40px; position: relative; }
.articleChance-Draw_Box::before, .articleChance-Draw_Box::after { position: absolute; top: 0; font-size: 14px; font-weight: 900; opacity: 0; pointer-events: none; z-index: 10; }
.articleChance-Draw_Box::before { content: "どきどき"; left: 18%; color: #fc8ba9; animation: doki-float 2.4s infinite ease-in-out; }
.articleChance-Draw_Box::after { content: "わくわく"; right: 18%; color: #a084b8; animation: doki-float 2.4s infinite ease-in-out 0.6s; }

@keyframes doki-float { 0% { transform: translateY(10px) scale(0.5); opacity: 0; }
  30% { transform: translateY(0) scale(1.2); opacity: 1; }
  80% { transform: translateY(-20px) scale(1); opacity: 1; }
  100% { transform: translateY(-30px) scale(0.8); opacity: 0; } }
.articleChance-Draw_LotteryImage-momo, .articleChance-Draw_LotteryImage-waruko { position: absolute; bottom: 0; transform-origin: bottom center; animation: dokidoki 1.2s infinite ease-in-out; }

@keyframes dokidoki { 0% { transform: scale(1, 1); }
  15% { transform: scale(1.05, 0.95); }
  30% { transform: scale(0.95, 1.1); }
  45% { transform: scale(1.02, 0.98); }
  60% { transform: scale(1, 1); }
  100% { transform: scale(1, 1); } }
.articleChance-Draw_LotteryImage-momo { left: 130px; width: 88px; height: 78px; }

.articleChance-Draw_LotteryImage-waruko { right: 148px; width: 72px; height: 86px; animation-delay: 0.6s; }

.articleChance-Draw_LotteryImage-box { width: 140px; animation: 4s linear 0s infinite normal none running boxSway; transform-origin: center bottom; }

@keyframes boxSway { 0% { transform: rotate(0deg); }
  4% { transform: rotate(1.5deg); }
  8% { transform: rotate(-1.5deg); }
  12% { transform: rotate(1.5deg); }
  16% { transform: rotate(-1.5deg); }
  20% { transform: rotate(1.5deg); }
  24% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); } }
.articleChance-NoEntry { margin: 0 auto; padding: 24px; box-sizing: border-box; text-align: center; color: #691c32; font-weight: 500; line-height: 1.7; letter-spacing: 0.05em; background-color: #fcfad6; }

.articleChance-NoEntry_Anchor { color: #0063dc; }
.articleChance-NoEntry_Anchor:hover { opacity: 0.8; }

.articleChance-Draw_Button-active { width: 380px; margin: 0 auto; padding: 16px 0; border: solid 4px #691c32; border-radius: 40px; box-shadow: #691c32 0 5px; background-color: #faf6bb; color: #650205; font-size: 25px; font-weight: 900; text-align: center; cursor: pointer; position: relative; transition: all 0.2s ease-in-out; }
.articleChance-Draw_Button-active:hover { transform: translateY(3px); box-shadow: #691c32 0 2px; }

.articleChance-Draw_Button-inactive { width: 380px; margin: 0 auto 28px; padding: 16px 0; border: solid 4px #cccccc; border-radius: 40px; background-color: #f0f0f0; color: #737373; font-size: 25px; font-weight: 500; }

.articleChance-Draw_Message { margin: 0 auto; font-size: 18px; line-height: 1; font-weight: 500; color: #734754; }

.articleChance-Draw_ResultTitle { margin: -20px auto 12px; font-size: 24px; font-weight: 900; color: #691c32; letter-spacing: 0.07em; }

.articleChance-Draw_DrawDate { margin: 0 auto 32px; font-size: 16px; font-weight: 500; color: #734754; }

.articleChance-Draw_Result-effect { position: relative; }
.articleChance-Draw_Result-effect::before { content: ""; position: absolute; top: 226px; right: 156px; width: 90px; height: 72px; background-image: url("/images/service/campaign/2026/articleChance202608/img_lottery_shinpan.png"); background-repeat: no-repeat; background-size: 100% 100%; animation: shinpanAnime 5s cubic-bezier(0.68, -0.55, 0.26, 1.55) infinite; transform-origin: bottom center; }

@keyframes shinpanAnime { 0%, 10% { transform: scale(1, 1) scaleX(1); }
  25% { transform: scale(1.1, 0.7) scaleX(1); }
  30% { transform: scale(0.8, 1.1) scaleX(-1); }
  35% { transform: scale(1.1, 0.9) scaleX(-1); }
  50%, 60% { transform: scale(1, 1) scaleX(-1); }
  75% { transform: scale(1.1, 0.7) scaleX(-1); }
  80% { transform: scale(0.8, 1.1) scaleX(1); }
  85% { transform: scale(1.1, 0.9) scaleX(1); }
  90%, 100% { transform: scale(1, 1) scaleX(1); } }
.articleChance-Draw_LotteryImage-result { width: 300px; margin: 0 auto 24px; animation: zoomIn 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards, float 5s ease-in-out 1s infinite; display: block; }

@keyframes zoomIn { 0% { transform: scale(0); opacity: 0; }
  60% { transform: scale(1.2); opacity: 1; }
  100% { transform: scale(1); opacity: 1; } }
@keyframes float { 0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-10px) rotate(1deg); }
  50% { transform: translateY(0) rotate(0deg); }
  75% { transform: translateY(-10px) rotate(-1deg); }
  100% { transform: translateY(0) rotate(0deg); } }
.articleChance-Draw_GiftCord { position: relative; box-sizing: border-box; margin: 0 auto 24px; padding: 32px 14px; width: 600px; border-radius: 14px; border: 4px solid #d1b22a; background: linear-gradient(180deg, #aa0046 0%, #880e40 50%, #7b0d3a 100%); color: #ffffff; z-index: 0; overflow: hidden; }
.articleChance-Draw_GiftCord::before { content: ""; position: absolute; left: 80px; top: -30px; width: 27px; height: 160px; background-color: #d1b22a; transform: rotate(45deg); transform-origin: left top; z-index: 1; }
.articleChance-Draw_GiftCord::after { content: ""; position: absolute; right: 15px; top: 15px; width: 46px; height: 46px; background-image: url("/images/service/campaign/2026/articleChance202608/icon_kira.svg"); background-repeat: no-repeat; background-size: 100% 100%; }

.articleChance-Draw_GiftCordTitle { margin: 0 0 20px; text-align: center; font-size: 24px; font-weight: 900; letter-spacing: 0.05em; }

.articleChance-Draw_GiftCordText { margin: 0 0 20px; text-align: center; font-size: 17px; font-weight: 500; }

.articleChance-Draw_GiftCordLink { box-sizing: border-box; margin: 0 auto 16px; padding: 0; width: 450px; border: #400b1a 3px solid; border-radius: 10px; background-color: #ffffff; background-image: url("/images/service/campaign/2026/articleChance202608/icon_link.svg?2026"); background-position: 18px center; background-repeat: no-repeat; background-size: 25px 25px; }

.articleChance-Draw_GiftCordLink-href { display: inline-block; width: 100%; padding: 16px 0; text-align: center; font-size: 18px; font-weight: 900; color: #0067ff; text-decoration: none; word-break: break-all; }
.articleChance-Draw_GiftCordLink-href:hover { opacity: 0.7; }

.articleChance-Draw_GiftCordAttention { width: 95%; margin: 0 auto; }

.articleChance-Draw_GiftCordAttention-title { margin: 0 0 14px; text-align: center; font-size: 15px; font-weight: 500; color: #ffe254; }

.articleChance-Draw_GiftCordAttention-list { margin: 0; padding: 0 12px 0 24px; text-align: left; list-style: disc; color: #ffffff; }

.articleChance-Draw_GiftCordAttention-item { margin-bottom: 8px; font-size: 14px; line-height: 1.6; }
.articleChance-Draw_GiftCordAttention-item:last-child { margin-bottom: 0; }

.articleChance-Draw_ResultText { margin: 0 0 20px; font-size: 19px; line-height: 1.6; font-weight: 500; color: #734754; }

.articleChance-Draw_GoWchanceButton { display: block; width: 380px; margin: 0 auto; padding: 15px 0; border: solid 4px #691c32; border-radius: 40px; box-shadow: #691c32 0 5px; background-color: #faf6bb; color: #650205; font-size: 24px; font-weight: 900; text-align: center; cursor: pointer; text-decoration: none; position: relative; transition: all 0.2s ease-in-out; }
.articleChance-Draw_GoWchanceButton:hover { transform: translateY(3px); box-shadow: #691c32 0 2px; }

.articleChance-Draw_Attention { width: 720px; margin: 0 auto; padding: 24px 30px; border-radius: 16px; text-align: left; color: #193f3a; font-size: 14px; font-weight: 500; background-color: #63d4c4; }

.articleChance-Draw_Attention-list { margin: 0 0 8px 12px; line-height: 1.5; }
.articleChance-Draw_Attention-list:last-child { margin-bottom: 0; }

.articleChance-Wchance { margin: -24px auto; padding: 152px 0 100px; background-color: #fcfad6; background-image: radial-gradient(#faecaf 20%, transparent 21%), radial-gradient(#faecaf 20%, transparent 21%); background-position: 0 0, 22px 22px; background-size: 44px 44px; --mask: radial-gradient(31px at 50% 43px, #000 99%, #0000 101%) calc(50% - 36px) 0 / 72px 51% repeat-x,   radial-gradient(31px at 50% -25px, #0000 99%, #000 101%) 50% 18px / 72px calc(51% - 18px) repeat-x,   radial-gradient(31px at 50% calc(100% - 43px), #000 99%, #0000 101%) calc(50% - 36px) 100% / 72px 51% repeat-x,   radial-gradient(31px at 50% calc(100% + 25px), #0000 99%, #000 101%) 50% calc(100% - 18px) / 72px calc(51% - 18px) repeat-x; -webkit-mask: var(--mask); mask: var(--mask); }

.articleChance-Wchance_Inner { position: relative; top: 0; margin: 0 auto 28px; padding: 80px 0 128px; width: 720px; box-sizing: border-box; border-radius: 20px; border: 5px solid #691c32; text-align: center; background-color: #ffffff; background-image: url("/images/service/campaign/2026/articleChance202608/img_wchance_mitsuba.png"); background-repeat: no-repeat; background-position: center bottom; background-size: 334px; }

.articleChance-Wchance_Title { position: absolute; top: -72px; left: 50%; transform: translateX(-50%); z-index: 1; width: 640px; }

.articleChance-Wchance_TitleImage { width: 100%; }

.articleChance-Wchance_Note { width: 100%; margin: 0 auto 28px; padding: 12px 0; text-align: center; color: #ffffff; font-size: 21px; font-weight: 700; letter-spacing: 0.05em; background: #691c32; border-top: 3px solid #ff4d82; border-bottom: 3px solid #ff4d82; }

.articleChance-Wchance_CoinCount { width: 440px; margin: 0 auto 16px; padding: 24px; box-sizing: border-box; border-radius: 16px; text-align: right; color: #691c32; font-weight: 900; letter-spacing: 0.05em; background-color: #fcfad6; position: relative; display: flex; align-items: baseline; justify-content: right; }
.articleChance-Wchance_CoinCount::before { content: ""; position: absolute; left: 24px; bottom: 50%; transform: translateY(50%); width: 40px; height: 40px; background-image: url("/images/service/campaign/2026/articleChance202608/icon_wcoin.svg"); background-repeat: no-repeat; background-size: 100% 100%; }

.articleChance-Wchance_CoinCount-big { font-size: 40px; }

.articleChance-Wchance_CoinCount-small { font-size: 26px; }

.articleChance-Wchance_NumberEntries { margin: 0 auto; font-size: 18px; font-weight: 500; color: #930d45; }

.articleChance-Wchance_PopcoinContainer { position: absolute; bottom: 0; width: 100%; height: 30px; pointer-events: none; }

.articleChance-Wchance_Popcoin-coin { position: absolute; width: 30px; height: 30px; background-image: url("/images/service/campaign/2026/articleChance202608/icon_wcoin.svg"); background-size: contain; background-repeat: no-repeat; opacity: 0; animation: popcorn-jump-multi 2.4s infinite; }

.articleChance-Wchance_Popcoin-coin:nth-child(1) { animation-delay: 0s; }

.articleChance-Wchance_Popcoin-coin:nth-child(2) { animation-delay: 0.4s; }

.articleChance-Wchance_Popcoin-coin:nth-child(3) { animation-delay: 0.8s; }

.articleChance-Wchance_Popcoin-coin:nth-child(4) { animation-delay: 1.2s; }

.articleChance-Wchance_Popcoin-coin:nth-child(5) { animation-delay: 1.6s; }

.articleChance-Wchance_Popcoin-coin:nth-child(6) { animation-delay: 2s; }

.articleChance-Wchance_Popcoin-coin:nth-child(odd) { --dir: 1; left: 80px; }

.articleChance-Wchance_Popcoin-coin:nth-child(even) { --dir: -1; right: 80px; }

@keyframes popcorn-jump-multi { 0% { transform: translate(0, 0) rotate(-30deg) scale(0.5); opacity: 1; }
  30% { transform: translate(calc(var(--dir) * -20px), -120px) rotate(0deg) scale(1); }
  60% { opacity: 0; }
  80% { transform: translate(calc(var(--dir) * -60px), 250px) rotate(180deg) scale(0.8); }
  100% { opacity: 0; } }
.articleChance-Wchance_Attention { width: 720px; margin: 0 auto; padding: 24px 30px; border-radius: 16px; text-align: left; color: #804733; font-size: 14px; font-weight: 500; background-color: #faecaf; }

.articleChance-Wchance_Attention-list { margin: 0 0 8px 12px; line-height: 1.5; }
.articleChance-Wchance_Attention-list:last-child { margin-bottom: 0; }

.articleChance-ContentsList { padding-top: 140px; background-color: #51d6c3; }

.articleChance-ContentsList_Frame { position: relative; width: 800px; margin: 0 auto; padding: 124px 40px 40px; border-radius: 10px; background-color: #ffffff; text-align: center; }
.articleChance-ContentsList_Frame::before { content: ""; position: absolute; top: -30px; left: 107px; width: 86px; height: 122px; background-image: url("/images/service/campaign/2026/articleChance202608/img_contentslist_mido.png"); background-repeat: no-repeat; background-size: 100% 100%; transform-origin: bottom center; animation: yurayura 3s ease-in-out infinite; }
.articleChance-ContentsList_Frame::after { content: ""; position: absolute; top: 55px; left: 93px; width: 18px; height: 20px; background-image: url("/images/service/campaign/2026/articleChance202608/icon_note.svg"); background-repeat: no-repeat; background-size: 100% 100%; pointer-events: none; animation: noteRise 3s ease-out infinite; z-index: 10; }

@keyframes noteRise { 0% { opacity: 0; transform: scaleX(1.1) translateX(0) translateY(0) scale(0.6) rotate(20deg); }
  20%, 80% { opacity: 1; }
  100% { opacity: 0; transform: scaleX(1.1) translateX(-20px) translateY(-50px) scale(1) rotate(-15deg); } }
.articleChance-ContentsList_Title { position: absolute; top: -90px; left: 0; right: 0; width: 634px; margin: auto; }

.articleChance-ContentsList_TitleImage { width: 100%; }

.articleChance-ContentsList_Text { display: inline-block; position: relative; margin: 0 auto 32px; padding-left: 4px; font-size: 21px; font-weight: 500; }
.articleChance-ContentsList_Text::before { content: ""; position: absolute; top: 8px; left: -30px; width: 18px; height: 10px; background: url("/images/service/campaign/2026/articleChance202608/icon_arrow_gray.svg") top left/100% no-repeat; }
.articleChance-ContentsList_Text::after { content: ""; position: absolute; top: 8px; right: -30px; width: 18px; height: 10px; background: url("/images/service/campaign/2026/articleChance202608/icon_arrow_gray.svg") top left/100% no-repeat; }

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

.articleChance-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; }

.articleChance-ContentsList_Item { position: relative; }

.articleChance-ContentsList_ItemInner { cursor: pointer; }

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

.articleChance-FooterNote { padding: 48px 0 80px; background-color: #51d6c3; }

.sw-FooterNote_Heading:after { background-color: #51d6c3; }

.articleChance-FooterNote_Title { margin-bottom: 6px; font-size: 17px; font-weight: 700; border-left: 3px solid #51d7c4; padding-left: 5px; line-height: 1.4; }

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

.sw-FooterNote_ListCircle { margin-bottom: 20px; padding-top: 0; }

.articleChance-FooterNote_List { margin-bottom: 8px; padding: 0; line-height: 1.5; }

.articleChance-FooterNote_Link { cursor: pointer; }