@charset "UTF-8";

/* PC版ログインボーナスリリース ログインボーナス20%還元キャンペーン */
.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-Pt_Icon { margin: 0 4px 5px 0; vertical-align: middle; }

.sw-Pt { color: #da0201; font-size: 22px; font-weight: bold; font-family: "Karla", sans-serif; margin-right: 2px; }

.sw-PtUnit { color: #da0201; font-size: 15px; font-weight: bold; font-family: "Karla", sans-serif; }

.sw-Pt_Before { position: relative; display: inline-block; margin-right: 5px; font-size: 15px; color: #525252; }
.sw-Pt_Before:before { content: ""; width: 100%; height: 1px; display: block; position: absolute; top: 10px; left: 0; background-color: #525252; }
.sw-Pt_Before:after { position: absolute; top: 0; right: -20px; content: "→"; }

/* 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; }

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

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

/* PC版ログインボーナスリリース ログインボーナス20%還元キャンペーン */
@keyframes UpDown { 0% { transform: translateY(0); }
  100% { transform: translateY(10px); } }
.pcloginbonusCp-Users { display: none; width: 385px; height: 103px; background: url("/images/service/campaign/2024/pcloginbonus/bg_users.svg?202404301") no-repeat center top; background-size: 100%; position: fixed; bottom: 20px; right: 20px; z-index: 100; }

.pcloginbonusCp-Users_Banner { padding: 20px 0 0 25px; font-size: 16px; color: #004972; font-weight: bold; font-weight: lighter; line-height: 1.5; }

.pcloginbonusCp-Users_Banner .sw-Pt { color: #004972; margin-left: 3px; }

.pcloginbonusCp-Users_Unit { font-weight: bold; }

.pcloginbonusCp-Users_Icon { vertical-align: middle; margin-bottom: 3px; }

.pcloginbonusCp-Body { background: #ffffff; }

.pcloginbonusCp-Body ul { list-style-type: none; }

.pcloginbonusCp-Head { width: 100%; text-align: center; background: url("/images/service/campaign/2024/pcloginbonus/bg_title.svg") no-repeat center; background-size: cover; margin: 0 auto 40px; line-height: initial; }

.pcloginbonusCp-HeadInner { width: 1000px; margin: auto; }

.pcloginbonusCp-CampaignEnd { background: #ffeeee; padding: 15px 0; font-size: 15px; text-align: center; border-bottom: 1px solid #cccccc; }

.pcloginbonusCp-Body .sw-PtUnit { font-size: 30px; margin-left: 2px; }

.pcloginbonusCp-Btn_Login { width: 86%; font-size: 16px; margin: auto; -webkit-border-radius: 6px; border-radius: 6px; text-align: center; font-weight: bold; display: block; transition: all 0.2s ease-in-out; width: 500px; padding: 1.15em 0; font-size: 18px; margin: 0 auto 20px; }
.pcloginbonusCp-Btn_Login:hover { transform: translateY(3px); }
.pcloginbonusCp-Btn_Login a { display: block; padding: 1.1em 0 0.9em; color: #ffffff; background: #2395fa; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: 0 3px 0 #0a5eaf; -webkit-box-shadow: 0 3px 0 #0a5eaf; text-decoration: none; }
.pcloginbonusCp-Btn_Login a:hover { box-shadow: 0 0 0 #c3c4c5; }

.pcloginbonusCp-Period { width: 1010px; height: 73px; line-height: 73px; margin: 0 auto 20px; font-size: 18px; color: #004972; font-weight: bold; text-align: center; background: url("/images/service/campaign/2024/pcloginbonus/bg_campaignPeriod.svg") no-repeat center; background-size: 100%; }

.pcloginbonusCp-Coin { width: 100%; margin: 0 auto 10px; padding: 0; display: flex; justify-content: space-between; }

.pcloginbonusCp-Coin_TargetCoin-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 490px; height: 110px; border: 3px solid #00a5d1; background: #ffffff; border-radius: 10px; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; background: #ffffff url("/images/service/campaign/2024/pcloginbonus/bg_targetCoin.svg") no-repeat right 30px; background-size: 15%; }

.pcloginbonusCp-Coin_TargetCoin-title { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 258px; height: 45px; line-height: 45px; background: #d9eef6; border-radius: 60px; margin: 0; font-size: 18px; color: #004972; font-weight: bold; text-align: center; }

.pcloginbonusCp-Coin_TargetCoin-detail { width: 230px; text-align: center; font-size: 40px; color: #004972; }

.pcloginbonusCp-Coin_TargetCoin-detail .sw-PtUnit { color: #004972; }

.pcloginbonusCp-Coin_PutCoin-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 490px; height: 110px; border: 3px solid #ffdc02; background: #fffbe9; border-radius: 10px; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; background: #fffbe9 url("/images/service/campaign/2024/pcloginbonus/bg_putCoin.svg") no-repeat right 30px; background-size: 15%; }

.pcloginbonusCp-Coin_PutCoin-title { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 258px; height: 45px; line-height: 45px; background: #ffdc02; border-radius: 60px; margin: 0; font-size: 18px; color: #004972; font-weight: bold; text-align: center; }

.pcloginbonusCp-Coin_PutCoin-detail { width: 230px; text-align: center; font-size: 40px; }

.pcloginbonusCp-Coin_CampaignEnd { width: 100%; margin: 0 auto 10px; border: 3px solid #00a5d1; border-radius: 10px; padding: 25px 0; text-align: center; font-size: 18px; color: #004972; font-weight: bold; }

.pcloginbonusCp-Box { width: 100%; background: url("/images/service/campaign/2024/pcloginbonus/bg_box.svg") center top no-repeat; background-size: 100%; padding-top: 50px; }

.pcloginbonusCp-BoxInner { width: 1000px; margin: auto; }

.pcloginbonusCp-Campaign_Title { width: 400px; height: 160px; margin: auto; position: relative; z-index: 1; }

.pcloginbonusCp-Campaign { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 auto 10px; border: 3px solid #00a5d1; border-radius: 10px; background: #ffffff; position: relative; top: -110px; padding: 150px 30px 20px; font-size: 18px; color: #004972; font-weight: bold; text-align: center; letter-spacing: 1px; background: #ffffff url("/images/service/campaign/2024/pcloginbonus/bg_campaign.svg") center top 80px no-repeat; background-size: 75%; }

.pcloginbonusCp-Campaign_About { margin-bottom: 5px; }

.pcloginbonusCp-Balloon { width: 400px; height: 70px; line-height: 50px; background: url("/images/service/campaign/2024/pcloginbonus/bg_balloon.svg") center top no-repeat; background-size: 100%; margin: 20px auto 10px; text-align: center; font-size: 18px; color: #00a5d1; font-weight: bold; }

.pcloginbonusCp-20percent { margin: 0 auto 20px; font-size: 40px; }

.pcloginbonusCp-20percent_Part { font-size: 20px; color: #004972; }

.pcloginbonusCp-20percent_Text { font-size: 18px; color: #004972; font-weight: bold; }

.pcloginbonusCp-Example { width: 250px; margin: 10px auto 0; padding: 10px 0 30px; background: url("/images/service/campaign/2024/pcloginbonus/bg_example.svg") center top no-repeat; background-size: 100%; font-size: 18px; color: #004972; font-weight: bold; }

.pcloginbonusCp-ExampleBox { position: relative; }

.pcloginbonusCp-Example_List { width: 650px; margin: auto; display: flex; justify-content: space-between; }

.pcloginbonusCp-Example_TargetCoin { width: 48%; border-radius: 10px; padding: 15px 0; background: #ebf8fb url("/images/service/campaign/2024/pcloginbonus/bg_getCoin.svg") center 48px no-repeat; background-size: 90%; }

.pcloginbonusCp-Example_TargetCoin .sw-PtUnit { color: #004972; }

.pcloginbonusCp-Example_PutCoin { width: 48%; border-radius: 10px; padding: 15px 0; background: #fffbe9 url("/images/service/campaign/2024/pcloginbonus/bg_campaignCoin.svg") center 48px no-repeat; background-size: 90%; }

.pcloginbonusCp-Example_Title { line-height: 1.2; margin-bottom: 8px; }

.pcloginbonusCp-Example_List { padding: 0; }

.pcloginbonusCp-Example_List .sw-Pt { font-size: 40px; }

.pcloginbonusCp-Example_TargetCoin .sw-Pt { color: #004972; }

.pcloginbonusCp-Example_Plus { position: relative; top: -85px; left: 0; z-index: 1; }

.pcloginbonusCp-Example_20percent { position: absolute; top: -40px; right: 100px; z-index: 1; }

.pcloginbonusCp-Attention { width: 650px; margin: auto; }

.pcloginbonusCp-Attention_Title { width: 100%; height: 30px; background: url("/images/service/campaign/2024/pcloginbonus/bg_attentionTop.svg") center no-repeat; background-size: 100%; }

.pcloginbonusCp-Attention_List { width: 450px; list-style-type: disc !important; font-weight: lighter; text-align: left; list-style-type: disc; margin: 10px auto 0; line-height: 2.2; }

.pcloginbonusCp-Attention:after { content: ""; display: block; width: 100%; height: 25px; background: url("/images/service/campaign/2024/pcloginbonus/bg_attentionBtm.svg") top no-repeat; background-size: 100%; margin-top: 10px; }

.pcloginbonusCp-Campaign_Join { margin: 0 auto; width: 255px; height: 30px; background: url("/images/service/campaign/2024/pcloginbonus/bg_yellowLine.svg") center top no-repeat; background-size: 100%; padding-top: 5px; margin: 30px auto 10px; }

.pcloginbonusCp-AboutBox { margin-top: -80px; }

.pcloginbonusCp-About_Title { width: 400px; height: 160px; margin: auto; position: relative; z-index: 1; }

.pcloginbonusCp-About { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 auto 10px; border: 3px solid #00a5d1; border-radius: 10px; background: #ffffff; position: relative; top: -110px; padding: 150px 30px 20px; font-size: 18px; color: #004972; font-weight: bold; text-align: center; letter-spacing: 1px; }

.pcloginbonusCp-About_Detail { width: 760px; margin: 0 auto; padding: 0; text-align: left; color: #004972; line-height: 3.1; background: url("/images/service/campaign/2024/pcloginbonus/bg_loginBonusLine.svg") left top; background-size: 800px 60px; font-weight: lighter; }

.pcloginbonusCp-About_Icon { vertical-align: middle; margin: 0 3px 3px; }

.pcloginbonusCp-Setting_Title { margin: 0 auto; width: 595px; height: 65px; background: url("/images/service/campaign/2024/pcloginbonus/bg_yellowLine.svg") center top no-repeat; background-size: 100%; padding-top: 5px; line-height: 1.5; margin-bottom: 15px; }

.pcloginbonusCp-Setting_Lead { position: relative; }

.pcloginbonusCp-Setting_Balloon { position: absolute; top: -90px; left: 0; animation-name: UpDown; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-direction: alternate; }

.pcloginbonusCp-Setting_BtnLead { margin: 25px auto; font-size: 18px; }

.pcloginbonusCp-Setting_Btn { display: block; width: 480px; height: 60px; border-radius: 65px; background: #ff6ba5; color: #ffffff; line-height: 62px; text-decoration: none; margin: 40px auto 50px; box-shadow: 0px 5px 0px 0px #a15f75; transition: all 0.2s ease-in-out; letter-spacing: 0.1em; }

.pcloginbonusCp-Setting_Btn:hover { transform: translateY(3px); box-shadow: 0px 2px 0px 0px #a15f75; }

.pcloginbonusCp-FooterNoteBox { margin-top: -80px; }