@charset "UTF-8"; /** PC-SP common -----------------**/ .mballTop .mainFull * { box-sizing: border-box; } /** アンケートのあるなし -----------------**/ /** デフォルト：アンケートあり **/ .chanceNoSurvey { display: none; } /** アンケートがないとき：bodyのclassにnoSurveyを追加 **/ .noSurvey .chanceSurvey { display: none; } .noSurvey .chanceNoSurvey { display: block; } /** heading **/ .hdg2, .hdg2Top { text-align: center; margin-left: auto; margin-right: auto; } .hdg2Top.type-long_sentence { font-size: 3.7rem; } @media only screen and (max-width: 767px) { .hdg2Top.js_hdg2Top { margin-top: 0 !important; } } /** KV **/ .kv { margin-top: 0; width: 100%; height: auto; background-image: url(../img/kv_bg.png); background-size: auto; background-position: center; background-repeat: repeat-x; display: flex; justify-content: center; } .kv-picture { display: block; margin: 0 auto; width: 100%; } .kv-picture img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; max-width: 1366px; margin: 0 auto; } /** sectionBox **/ .sectionBox { width: 100%; margin: 0 auto; padding-top: 0; padding-bottom: 0; height: auto; overflow: hidden; } /** prizeFeatures **/ .prizeFeatures { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prizeFeature { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 306px; } .prizeFeature:not(:nth-child(3n+1)) { margin-left: 16px; } .prizeFeature .featureText { margin-bottom: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 3; order: 3; } .prizeFeature .featureText+.featureText { margin-top: 14px; } .prizeFeature figure { margin: 0 0 14px; -webkit-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; text-align: center; } .prizeFeature .featureHeading { font-size: 1.6rem; font-weight: bold; -webkit-box-ordinal-group: 2; -ms-flex-order: 2; order: 2; margin-bottom: 0; } .prizeFeature .featureLink { margin-top: 20px; order: 4; } .prizeFeature .featureLink .featureLinkText { font-size: 1.4rem; } .prizeFeature .featureLink .featureLinkText::after { content: ">"; } .prizeFeature .featureLinkWrap { text-align: center; } /** prizeFeatures 2col **/ .prizeFeatures.wideCol2 { margin-left: -20px; } .prizeFeatures.wideCol2 .prizeFeature { width: calc(50% - 20px); margin-left: 20px; margin-top: 40px; } /* prizeArea ***/ .itemBoxBuild { box-sizing: border-box; padding: 0; overflow: hidden; } .itemBoxBuild .itemBox { box-sizing: border-box; list-style: none; } .itemBox .itemInnerBox { border: #ccc solid 1px; background-color: #fff; padding: 10px; } .itemBox .itemInnerBox .prizeName { display: table; text-align: left; font-size: 1.5rem; line-height: 1.3; padding: 0; border-collapse: collapse; width: 100%; } .itemBox .itemInnerBox .prizeName span { display: table-cell; vertical-align: middle; padding-left: 10px; } .itemBox .itemInnerBox .prizeName::before { content: ""; display: table-cell; width: 80px; height: 80px; vertical-align: middle; padding: 0; background-position: left center; background-repeat: no-repeat; background-size: contain; -webkit-background-size: contain; } .itemBox .itemInnerBox.prizeA .prizeName::before { background-image: url("/mball/premium/chance/img/icon_prize_a.png?20240125"); } .itemBox .itemInnerBox.prizeB .prizeName::before { background-image: url("/mball/premium/chance/img/icon_prize_b.png?20240125"); } .itemBox .itemInnerBox.prizeC .prizeName::before { background-image: url("/mball/premium/chance/img/icon_prize_c.png?20240125"); } .itemBox .itemInnerBox.prizeD .prizeName::before { background-image: url("/mball/premium/chance/img/icon_prize_d.png?20240125"); } .itemBox .itemInnerBox.prizeE .prizeName::before { background-image: url("/mball/premium/chance/img/icon_prize_e.png?20240125"); } .itemBox .itemInnerBox.prizeF .prizeName::before { background-image: url("/mball/premium/chance/img/icon_prize_f.png?20240125"); } .itemBox .itemInnerBox.prizeS1 .prizeName::before { background-image: url("/mball/premium/chance/img/icon_prize_s1.png"); } .itemBox .itemInnerBox.prizeS2 .prizeName::before { background-image: url("/mball/premium/chance/img/icon_prize_s2.png"); } .itemBox .itemInnerBox.prizeS3 .prizeName::before { background-image: url("/mball/premium/chance/img/icon_prize_s3.png"); } .itemBox .itemInnerBox.prizeS4 .prizeName::before { background-image: url("/mball/premium/chance/img/icon_prize_s4.png"); } .itemBox .itemInnerBox.prizeS5 .prizeName::before { background-image: url("/mball/premium/chance/img/icon_prize_s5.png"); } .itemBox .itemInnerBox .prize { display: block; margin: 10px auto; width: 100%; } .itemInnerBox .lotteryNum { font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; padding-bottom: 0; line-height: 1.0; text-align: right; } .itemBox .itemInnerBox .lotteryNum span { font-size: 32px; font-size: 3.2rem; font-weight: bold; } .itemBox .itemInnerBox *[class*="Btn"] { margin: 0 auto 10px; display: block; } .itemBox .itemInnerBox .memberStatus { margin-bottom: 0; text-align: center; font-size: 14px; font-size: 1.4rem; } .itemBox .itemInnerBox .memberStatus img { margin-right: 4px; padding-bottom: 2px; width: 20px; vertical-align: text-bottom; } .prizeOption { margin: 16px auto 0; padding: 0; } .prizeOption>img { display: block; margin: 0 auto; padding: 0; } .prizeBnr { margin: 30px auto 0; padding: 0; } .prizeBnr>img { display: block; margin: 0 auto; padding: 0; } /** applyFrow **/ .chanceSurvey>.flow>.flowHdg, .chanceNoSurvey>.flow>.flowHdg { margin-top: 10px; } .cpnApplicationStepOuter { background-color: #f4f8f3; padding: 0 0 120px; } .cpnApplicationStep { max-width: 900px; margin: 0 auto; } .cpnApplicationStep>ol>li { counter-increment: step; position: relative; display: flex; flex-direction: column; margin: 0 0 20px; } .cpnApplicationStep>ol>li::before { content: counter(step); position: absolute; top: 0; left: 16px; color: #fff; font-size: 25px; font-weight: bold; line-height: 48px; z-index: 1; } .cpnApplicationStep>ol>li::after { content: ""; position: absolute; top: 0; left: 0; background-color: #357500; color: #fff; border-radius: 50%; width: 48px; height: 48px; } .cpnApplicationStep>ol>li.chanceNoSurvey { display: none; } .noSurvey .cpnApplicationStep>ol>li.chanceNoSurvey { display: block; } .cpnApplicationStep li:last-child { margin-bottom: 0; } .cpnApplicationStepBox { padding: 0 0 0 96px; position: relative; } .cpnApplicationStepBox::before, .cpnApplicationStepBox::after { content: ""; width: 30px; height: 14px; position: absolute; background: url("/mball/premium/event/201908_festival/img/bg-arrow-01.png"); top: 60px; left: 10px; } .cpnApplicationStepBox::after { top: 70px; } .cpnApplicationStepList li:last-child .cpnApplicationStepBox::before, .cpnApplicationStepList li:last-child .cpnApplicationStepBox::after, .cpnApplicationStepList li.type-last .cpnApplicationStepBox::before, .cpnApplicationStepList li.type-last .cpnApplicationStepBox::after { content: none; } .cpnApplicationStepBoxInner { border: 2px solid #357500; padding: 30px; min-height: 160px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } .cpnApplicationStepBoxInnerContent { display: table; width: 100%; position: relative; } .cpnApplicationStepBoxInnerContent::before { content: ""; background: url("/mball/premium/event/201908_festival/img/bg-arrow-02.png") no-repeat; width: 22px; height: 28px; position: absolute; top: -14px; left: -52px; } .cpnApplicationStepBoxInnerContent>.cpnApplicationStepBoxInnerContentImg, .cpnApplicationStepBoxInnerContent>.cpnApplicationStepBoxInnerContentInfo { display: table-cell; vertical-align: top; } .cpnApplicationStepBoxInnerContent>.cpnApplicationStepBoxInnerContentImg { width: 10%; } .cpnApplicationStepBoxInnerContent>.cpnApplicationStepBoxInnerContentInfo { width: 90%; padding-left: 25px; } .cpnApplicationStepBoxInnerContentInfo>.hdg { font-size: 2rem; font-weight: bold; line-height: 1.4; margin-bottom: 10px; } .cpnApplicationStepBoxInnerContentInfo>.text { margin: 0; display: block; line-height: 1.4; } .cpnApplicationStepBoxInnerContentInfo>.text+* { margin-top: 10px; } /** applyBtn **/ .applyBtn { text-align: center; } /** rcmndService **/ .rcmndService { padding-left: 0; padding-right: 0; } .rcmndService .styleBox01 { padding-top: 0; margin-top: 0; } .rcmndService .col2 { margin: 0 auto; padding: 0; } .rcmndService .chance_rcmnd_col2 .col2Item h3 { margin-top: 0; } .chance_rcmnd_col2 .col2Item { padding: 0; margin: 0; } .rcmndService .midPriorityBtn { padding: 6px 48px; } /** bnr_area **/ div.bnr_area { padding: 70px 0; } .bnr_area .bnr_item { width: 100%; max-width: 720px; margin: 0 auto; } /** Footer **/ .chanceFooter { margin: 0 auto; } /** cpn_date *ssi **/ .cpn_date { margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 1.6; } /** contents_hidden **/ .noShow { display: none; } /** for PC -----------------**/ body .pcNone { display: none; } body .spNone { display: block; } .mainSub { width: 950px; margin: 0 auto; padding-bottom: 0; } /** header **/ .hdg1Box .hdg1BoxInner .hdg1BoxBackButton { vertical-align: top; } .hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner>a { padding: 0; } .hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner .backbtn { box-sizing: border-box; border: none; } /** heading **/ .hdg2, *+section>.hdg2:first-child { font-size: 40px; font-size: 4rem; margin: 140px auto 20px; } /** KV **/ .mainVisual .kvArea { position: relative; height: 520px; } .mainVisual .topText { height: 100%; background: url(/mball/premium/chance/img/mainvisual.png?20240801) bottom center no-repeat; margin: 0 auto; } .mainVisual .topText .lede { padding-top: 32px; } /** condition_list **/ .condition_list { max-width: 1290px; margin: 30px auto 0; } .condition_list .notes>li { font-size: 1.6rem; } .condition_list .notes>li+li { margin-top: 10px; } .condition_list .notes>li>.marker { min-width: auto; } /* prizeArea ***/ .itemBoxBuild { margin: 0 auto; width: 100%; } .itemBoxBuild .itemBox { width: 306px; float: left; margin: 0 16px 0 0; } .itemBox:nth-child(3n) { margin-right: 0; } .itemBox:nth-child(n+4) { margin-top: 16px; } .prizeArea div.styleBox01>p { text-align: center; } .prize_s_item { display: -webkit-flex; display: -ms-flex; display: flex; margin-bottom: -3px; } .prize_s_prize_item img { vertical-align: top; } .prize_s_block .itemBoxBuild .itemBox { margin-right: 0; margin-top: 16px; width: calc(50% - 8px); } .prize_s_block .itemBoxBuild .itemBox:first-child { width: 100%; margin-top: 0; } .prize_s_block .itemBoxBuild .itemBox:nth-child(3), .prize_s_block .itemBoxBuild .itemBox:nth-child(5) { margin-left: 16px; } .prize_s_block .itemBox .itemInnerBox .prizeName>span { font-size: 1.6rem; } .prize_s_block .itemBox .itemInnerBox .prizeName>span>span { padding-left: 0; color: #ff2a00; font-weight: bold; display: block; margin-bottom: 3px; } .prize_s_block .itemBox .itemInnerBox.prizeS1>img { max-width: 514px; } .prize_s_block .itemBox .itemInnerBox.prizeS1 *[class*="Btn"] { margin-left: auto; margin-right: 0; } .prize_s_block .itemBox .itemInnerBox.prizeS1 .memberStatus { text-align: right; } .prize_s1_hd { margin-bottom: 0; } .prize_s1_hd>img { width: 100%; } .prizeS1_cont { display: flex; justify-content: flex-end; } .prizeS1_info { align-self: flex-end; } @media only screen and (max-width: 767px) { .prize_s_block .itemBoxBuild .itemBox { width: 100%; } .prize_s_block .itemBoxBuild .itemBox:nth-child(3), .prize_s_block .itemBoxBuild .itemBox:nth-child(5) { margin-left: 0; } .prizeS1_cont { display: block; } .prizeS1_img { padding: 0 50px; } } /** applyFlow **/ .applyFlow .flow .flowHdg { padding: 17px 0; } @media only screen and (min-width: 768px) { .flow>.flowHdg { padding: 17px 0; } .flow>.flowHdg .primary { font-size: 28.96px; font-size: 2.896rem; width: 185px; padding: 8px 20px 0 40px; } .flow>.flowHdg .primary .num { font-size: 35px; font-size: 3.5rem; } .flow>.flowHdg .secondary { font-size: 26.24px; font-size: 2.624rem; padding: 9px 20px 3px 40px; } .flow .flowContent { padding: 45px 0 20px 230px; background-position: 83px bottom; } /** prizeFeatures 2カラム **/ .prizeFeatures.wideCol2 .prizeFeature:nth-child(-n+2) { margin-top: 0; } /** prizeFeatures 新型（4カラム可 / 太字見出し） **/ .prizeFeatures_new .hdg3 { font-size: 21px; font-size: 2.1rem; } .prizeFeatures_new .hdg4 { font-size: 20px; font-size: 2rem; font-weight: bold; margin-bottom: 13px; } .prizeFeatures_new .hdg3+.hdg4 { margin-top: 22px; } .prizeFeatures_new_block { display: flex; flex-wrap: wrap; } .prizeFeatures_new_item { width: calc(50% - 10px); } .prizeFeatures_new_item:nth-child(2n) { margin-left: 20px; } .prizeFeatures_new_block>.prizeFeatures_new_img, .prizeFeatures_new_block>.prizeFeatures_new_txt { width: calc(50% - 10px); } .prizeFeatures_new_block>.prizeFeatures_new_txt { margin-left: 20px; } .prizeFeatures_new_block.type-col4 .prizeFeatures_new_txt { margin: 15px 0 28px; } } /* mediaquey END*/ @media only screen and (max-width: 767px) { .prizeFeatures_new .hdg4 { font-size: 18px; font-size: 1.8rem; font-weight: bold; } .prizeFeatures_new_block { flex-direction: column; } .prizeFeatures_new_item { width: 100%; } .prizeFeatures_new_item:nth-child(2n) { margin-left: 0; } .prizeFeatures_new_txt { margin: 6px 0 18px; } .prizeFeatures_new_block+.hdg4 { margin-top: 38px; } } /* mediaquey END*/ /** attInfo **/ .attInfo { background-color: #f4f8f3; padding-top: 0; padding-bottom: 60px; } [data-script-enabled='true'] .attInfo .accordion2Item, [data-script-enabled='true'] .attInfo .accordionPanel, [data-script-enabled='true'] .attInfo .accordionPanel { display: block; } .attInfo .listOrder li { font-size: 12px; font-size: 1.2rem; } .attInfo .listOrder li+li { margin-top: 14px; } /** applyBtn **/ .applyBtn { padding-bottom: 140px; } /** rcmndService **/ .rcmndService { background: #f7f8f8; padding-top: 1px; padding-bottom: 140px; } .chance_rcmnd_col2 { width: 800px; height: auto; margin: 0 auto; padding: 0; position: relative; } .chance_rcmnd_col2 .col2Item { width: 390px; padding: 0; margin: 0; } .chance_rcmnd_col2 .imgArea { margin-right: 20px; } .chance_rcmnd_col2 .txtArea { height: auto; margin: 0; padding: 0 0 32px; } .chance_rcmnd_col2 .txtArea .midPriorityBtn { position: absolute; right: 0; bottom: 0; margin: 0; } /* .hdg3 .hdgEm ***/ .hdgEm { margin-left: 25px; color: #ff2a00; } /** for SP ------------------------------**/ @media only screen and (max-width: 767px) { body .pcNone { display: block; } body .spNone { display: none; } /** header **/ a.premiumLink, .type-premiumChance { display: block; } .hdg1Box { margin-bottom: 0; } .contentsInner { padding: 16px; } .attentionHdg2 { margin-top: 0 !important; } .accordion { margin-bottom: 0 !important; } .mainSub { width: auto; margin: 0 auto; padding: 0; } *+section>.hdg2:first-child, .hdg2 { font-size: 24px; font-size: 2.4rem; margin: 0 0 3px; padding: 12px 16px; /* background:#f4f8f3;*/ border-top: 3px solid #223; box-shadow: 0 3px 6px rgba(0, 0, 0, .14); line-height: 1.3em; } .hdg2Top.hdg2Top.type-long_sentence { font-size: 2.4rem; } /** KV **/ .mainVisual .kvArea { height: auto; background-size: cover; } .mainVisual .kvArea .topText { background: none; margin: 0 auto; } .mainVisual .kvArea .topText img { margin: 0 auto; width: 100%; } .mainVisual p { padding-left: 16px; padding-right: 16px; } .mainVisual .cpn_date { margin-bottom: 20px; } /** condition_list **/ .condition_list { padding: 0 16px; margin: 20px 0 15px; text-align: left; } .condition_list .notes>li { font-size: 1.2rem; } /** prizeFeatures **/ .prizeFeatures { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .prizeFeature { width: 100%; } .prizeFeature+.prizeFeature { margin-top: 14px; } .prizeFeature:not(:nth-child(3n+1)) { margin-left: 0; } /** prizeFeatures 2カラム **/ .prizeFeatures.wideCol2 { margin-left: 0px; } .prizeFeatures.wideCol2 .prizeFeature { width: auto; margin-left: 0; margin-top: 40px; } /* prizeFeature直下にリンクではなく画像が入る場合　imageWrap付与***/ .prizeFeatures.wideCol2 .prizeFeature.imageWrap { width: 100%; } .prizeFeatures.wideCol2 .prizeFeature.imageWrap+.prizeFeature { margin-top: 0; } .prizeFeatures.wideCol2 .prizeFeature:nth-child(-n+1) { margin-top: 0; } /* prizeArea ***/ .itemBoxBuild { width: 99%; margin: 0 auto !important; padding: 0; } .itemBoxBuild .itemBox { float: none; width: auto; margin-left: auto; margin-right: auto; margin-bottom: 16px; } .itemBoxBuild .itemBox:last-of-type { margin-bottom: 0; } .itemBox .itemInnerBox { position: static; } /*.itemBox .itemInnerBox *[class*="Btn"] { position:relative; display:block; margin:10px auto 0; bottom:0; right:0; }*/ .prize_s_item { display: block; } .prizeBnr { margin: 25px auto; padding: 0; } /** applyFlow **/ .flow>.flowHdg { padding: 10px 0; } .flow .flowContent { padding: 17px 0 25px; background: none; } .flow>.flowContent.last { padding-bottom: 0; } .chanceSurvey>.flowHdg, .chanceNoSurvey>.flowHdg { margin-top: 45px; position: relative; } .chanceSurvey>.flowHdg:before, .chanceNoSurvey>.flowHdg:before { position: absolute; top: -39px; right: 0; left: 0; display: block; width: 38px; height: 19px; margin: 0 auto; content: ''; background-image: url(/mball/common/img/sprite/_sprite.png); background-position: -174px -544px; } .cpnApplicationStepOuter { padding: 0 0 40px; margin-top: 30px; } .cpnApplicationStep { padding: 0; } .cpnApplicationStepBoxInner { padding: 20px; min-height: 0; } .cpnApplicationStepBoxInnerContent>.cpnApplicationStepBoxInnerContentImg { width: 20%; } .cpnApplicationStepBox { padding-left: 48px; } .cpnApplicationStepBoxInnerContent>.cpnApplicationStepBoxInnerContentInfo { padding-left: 15px; } .cpnApplicationStepBoxInnerContentImg>img { max-width: 50px; } .cpnApplicationStepBoxInnerContentInfo>.hdg { font-size: 1.8rem; } .cpnApplicationStep>ol>li::before { font-size: 1.8rem; line-height: 30px; left: 9px; } .cpnApplicationStep>ol>li::after { width: 30px; height: 30px; } .cpnApplicationStepBox::before, .cpnApplicationStepBox::after { width: 1.8rem; height: 10px; background: url("/mball/premium/event/201908_festival/img/bg-arrow-01-sp.png") no-repeat; left: 6px; } .cpnApplicationStepBox::before { top: 40px; } .cpnApplicationStepBox::after { top: 50px; } .cpnApplicationStepBoxInnerContent::before { background: url("/mball/premium/event/201908_festival/img/bg-arrow-02.png") no-repeat; width: 11px; top: -14px; left: -31px; } /** attInfo **/ .attInfo { background-color: #fff; padding-top: 0; padding-bottom: 0; } .attInfo .notesBox2Innner { margin-bottom: 0; padding-bottom: 0; } .attInfo .contentsInner { margin-bottom: 0; } [data-script-enabled='true'] .attInfo .accordion2Item, [data-script-enabled='true'] .attInfo .accordionPanel, [data-script-enabled='true'] .attInfo .accordionPanel { display: none; } /** accodion opend **/ .mballTop .attentionBox .textTop2 { font-size: 75%; margin: auto 0 12px; } /** applyBtn **/ .applyBtn { padding-bottom: 0; } /** rcmndService **/ .rcmndService { padding-bottom: 0; margin-bottom: 50px; border-bottom: 1px solid #ccc; } .chance_rcmnd_col2, .chance_rcmnd_col2 .col2Item { width: 100%; height: auto; } .chance_rcmnd_col2 .imgArea { margin: 0 auto; padding: 16px 0 0; } .chance_rcmnd_col2 .imgArea>img { margin: 0 auto; width: 100%; } .chance_rcmnd_col2 .txtArea { padding-bottom: 0 !important; } .chance_rcmnd_col2 .txtArea .midPriorityBtn { position: relative; margin: 20px auto; } /** bnr_area **/ div.bnr_area { padding: 35px 0; margin-top: 30px; } } .cpnItemInner.cpnItemInner02 { max-width: 1290px; margin: 0 auto; } .cpnItemNotes>li { font-size: 1.6rem; } @media only screen and (max-width: 767px) { .cpnItemInner.cpnItemInner02 { margin: 0 0 20px; padding: 0 16px 0; } .cpnItemNotes>li { font-size: 1.4rem; } } .hdgUnique { margin-top: 80px; text-align: center; margin-left: auto; margin-right: auto; } .grid { display: flex; flex-wrap: wrap; } .gridcol { display: flex; width: 48.42222%; flex-direction: row; } .gridcol:not(:nth-child(2n)) { margin-right: 3.15555%; } .gridcol:nth-child(n+3) { margin-top: 30px; } .gridcol>*:first-child { margin-top: 0; } .goodsItem { box-sizing: border-box; border: 2px solid #996600; min-width: 100%; } .goodsItem { margin: 30px 0 0; } .goodsItem>.inner { display: flex; flex-direction: column; } .goodsItem>.inner>.head { order: 1; padding: 0 30px 30px; } .goodsItem>.inner>.head>.hdg { font-size: 2.4rem; font-weight: bold; line-height: 1.2; } .goodsItem>.inner>.head>.model { margin: 0 0 10px; } .goodsItem>.inner>.head>.text { font-size: 1.6rem; } .goodsItem>.inner>.head>.btn { margin-bottom: 0; text-align: center; } .goodsItem>.inner>.head>.btn>a { width: 300px; } .media { margin: 30px 0 0; } .cpnRequirements { padding-bottom: 40px; background: #f4f8f3; margin: 0 auto; } .cpnRequirements .hdg3 { text-align: center; margin: 0 auto 52px; } .cpnRequirements .cpnReqInner { max-width: 710px; margin: 0 auto; } .notes>li.nestList { display: block; } .notes>li.nestList>ul { display: block; margin-top: 10px; padding-left: 20px; } .cpnApplicationStepOuter>.hdg3 { margin: 0 0 10px; text-align: center; } .lead { margin-top: 30px; text-align: center; } .emphasis { font-size: 1.8rem; font-weight: bold; } .goodsItem>.inner>.head *:last-child { margin-bottom: 0; } .hdgUnique2 { margin-top: 0; font-size: 2.5rem; } /* オーダーリスト（テキスト揃え） ************/ .listOrderAlign { margin-bottom: 15px; } li>.listOrderAlign { padding-top: 10px; } .listOrderAlign>li { display: table; line-height: 1.5; table-layout: auto; } .listOrderAlign>li>* { display: table-cell; } .listOrderAlign>li>.marker { line-height: 1; min-width: 1.7em; white-space: nowrap; } .listOrderAlign>li+li { margin-top: 14px; } /* オーダーリスト（インデントでテキスト揃え） ************/ .listOrderIndent>li { text-indent: -1.7em; padding-left: 1.7em; } .listOrderIndent>li+li { margin-top: 14px; } .listOrderIndent>li>.marker { margin-right: 0.7em; } @media only screen and (max-width: 767px) { .listOrderIndent { margin-top: 15px; } } @media only screen and (max-width: 767px) { .hdgUnique { margin-top: 40px; } .gridcol { width: 100%; } .gridcol+.gridcol { margin-top: 30px; } .gridcol:not(:nth-child(2n)) { margin-right: 0; } .gridcol:nth-child(n+3) { margin-top: 30px; } .goodsItem>.inner>.head { padding: 0 15px 15px; } .goodsItem>.inner>.head>.btn>a { width: 100%; } .cpnRequirements>.inner { padding-left: 16px; padding-right: 16px; } .cpnRequirements>.cpnReqInner { max-width: initial; padding-left: 16px; padding-right: 16px; } .cpnApplicationStepOuter>.hdg3 { font-size: 21.92px; font-size: 2.192rem; margin-top: 30px; margin-bottom: 20px; border-top: 2px solid #ccc; box-shadow: 0 3px 6px rgb(0 0 0 / 14%); line-height: 1.3em; padding: 12px 16px; } .cpnRequirements .hdg4 { border-top: 4px solid #b7d9a3; border-bottom: 1px solid #b7d9a3; padding: 8px 2px 6px; } .cpnApplicationStep { padding: 0 16px 0; } .cpnRequirements { padding-top: 0; } /* prizeFeatures.wideCol2 SP時画像が縦に並ぶ場合、余分な上余白削除 */ .prizeFeatures.wideCol2 .prizeFeature.imageWrap+.prizeFeature { margin-top: 0; } } /* 既存モジュール拡張 */ .list3.larger>li { font-size: 1.8rem; } .prizeList { display: flex; flex-wrap: wrap; } .prizeList>li { width: 50%; } @media only screen and (max-width: 767px) { .prizeList { display: block; } .prizeList>li { width: 100%; } } .prizeLink { display: inline-block; } .prizeLink:hover { opacity: .6; } .prizeLink>.linkIcon { display: none; } /* リソネット拡張 */ .theme-main:first-child { padding-block-end: 0; } .theme-main__title-main { background-color: #fff; } .theme-main.chance h2 { margin-block-start: 30px !important; margin-block-end: 30px; } :where(.theme-main:not(.theme-main--shift-heading) .theme-main__contents) h2:not([class^=mod-], [class^=unq-])::after, :where(.theme-main:not(.theme-main--shift-heading) .theme-main__contents) h3:not([class^=mod-], [class^=unq-])::after { background-color: #2E2E2E; } .theme-main.chance .mod-button__link { border: 2px solid #2E2E2E; color: #2E2E2E; } .theme-main.chance .mod-button__link::before { background-color: #2E2E2E; } .theme-main.chance .mod-button__link:hover { color: #fff; } .theme-main.chance .mod-button__link:hover::before { background-color: #fff; } .theme-main.chance .mod-button__link--emphasis::before { background-color: #fff; } .theme-main.chance .mod-button__link--emphasis:hover { color: #2E2E2E; } .theme-main.chance .mod-button__link--emphasis:hover::before { background-color: #2E2E2E; } .mv-img { text-align: center; background: url(/mball/premium/chance/img/kv_bg.png) repeat-x; background-size: 100% 100%; } .mv-img>picture>img { max-width: 1600px; width: 100%; } @media screen and (min-width: 1600px) { .mv-img>picture>img { max-width: 100%; } } .img-03 { text-align: center; } :where(.theme-main:not(.theme-main--shift-heading) .theme-main__contents) h2.hdg-lv2:not([class^=mod-], [class^=unq-]) { padding: 15px 10px; font-size: 1.9rem; } :where(.theme-main:not(.theme-main--shift-heading) .theme-main__contents) h2#entry { margin-block-start: 0 !important; } .theme-main.chance .theme-main__inner { row-gap: 0; } .mod-box-full-width.cp-hdg { margin-block-start: 0; padding-top: 0; padding-block-end: 0; background-color: #fff; } .hdg-lv2 { margin-inline: calc(50% - 50vw); padding: 30px calc(50vw - 50%); position: relative; background: #2E2E2E; color: #fff; text-align: center; } :where(.theme-main:not(.theme-main--shift-heading) .theme-main__contents) h2.hdg-lv2::after { content: ""; margin: auto; position: absolute; bottom: -14px; left: 0; right: 0; width: 0; height: 0; background: none; border-style: solid; border-right: 13px solid transparent; border-left: 13px solid transparent; border-top: 15px solid #2E2E2E; border-bottom: 0; border-radius: 0; } .chance .mod-box-full-width.cp-box { margin-block-start: 0; padding: 35px 15px 30px; background: #F2F2F2; } .mod-box-full-width>.cp-image { margin-block-start: 20px !important; text-align: center; } .cp-box>.mod-layout-image { margin-block-start: 30px !important; margin-block-end: 40px !important; padding: 20px 15px 30px; border: 1px solid #d4d4d4; border-radius: 5px; background: #fff; } .mod-box-03__content-head { color: #000; background-color: #D4D4D4; } .mod-box-03--step .mod-box-03__content:not(:last-child)::before { margin: auto; background: url(/mball/premium/chance/img/icon_arrow_01.png) no-repeat; mask-image: none; transform: none; -webkit-mask-image: none; background-position: top center; inline-size: 36px; block-size: 20px; left: 0; right: 0; inset-block-end: -30px; } .mod-accordion__trigger { background-color: #D4D4D4; justify-content: left; color: #000; font-size: 2rem; } .mod-accordion__trigger:focus-visible { background-color: #D8D8CC; } .mod-accordion__trigger::after, .mod-accordion__trigger::before { background-color: #2E2E2E; } .txt-agree { background-color: #fff; } :where(.theme-main__contents) p.txt-agree:not([class^=mod-], [class^=unq-]) { margin: 40px 0 50px; } .theme-main.chance .mod-button__link--emphasis.mod-button__link--emphasis { background-color: #2E2E2E; border-color: #2E2E2E; color: #fff; } .theme-main.chance .mod-button__link--emphasis.mod-button__link--emphasis:focus-visible { background-color: #fff; color: #2E2E2E } .theme-main.chance .mod-button__link--emphasis.mod-button__link--emphasis:focus-visible::before { background-color: #2E2E2E; } .theme-main.chance .mod-button__link--emphasis.mod-button__link--emphasis:hover { background-color: #fff; ; color: #2E2E2E; } ul.mod-list-link>li:not([class^=mod-], [class^=unq-])::before { background-color: #2E2E2E; } ul.mod-list-link>li:not([class^=mod-], [class^=unq-]) a:focus-visible { color: #2E2E2E; } .mod-list-description-02 { background-color: #fff; } .mod-list-description-02__item>dt { inline-size: 100%; } :where(.theme-main__contents) ul:not([class^=mod-], [class^=unq-], [class^=mf_])>li::before { background-color: #2E2E2E; } .mod-box-full-width:not(:root)+* { margin-block-start: 0; } .mod-box-full-width:not(:root)+.mod-box-03 { margin-block-start: 30px; } .cp-terms.mod-box-full-width:not(:root)+* { margin-block-start: 30px; } :where(.theme-main__contents) a:not([class^=mod-], [class^=unq-], [class^=mf_]):focus-visible { color: #2E2E2E; } @media (hover: hover) { .mod-accordion__trigger:where(:any-link, :enabled, summary):hover { background-color: #C7C7C7; } .mod-button__link--emphasis.mod-button__link--emphasis:where(:any-link, :enabled, summary):hover { color: #2E2E2E; } .mod-button__link--emphasis.mod-button__link--emphasis:where(:any-link, :enabled, summary):hover::before { background-color: #2E2E2E; } :where(.theme-main__contents) a:not([class^=mod-], [class^=unq-], [class^=mf_]):where(:any-link, :enabled, summary):hover { color: #19438A; } ul.mod-list-link>li:not([class^=mod-], [class^=unq-]) a:where(:any-link, :enabled, summary):hover { color: #19438A; } .mod-button__link:not(.mod-button__link--emphasis):where(:any-link, :enabled, summary):hover, .mod-button__link:not(.mod-button__link--gray):where(:any-link, :enabled, summary):hover { background-color: #2E2E2E; } } @media screen and (min-width: 769px) { .theme-main:first-child { padding-block-end: 0; } .theme-main.chance h2 { margin-block-start: 40px !important; margin-block-end: 40px; } .theme-main__inner { row-gap: 20px; } :where(.theme-main:not(.theme-main--shift-heading) .theme-main__contents) h2.hdg-lv2:not([class^=mod-], [class^=unq-]) { padding: 30px 10px; font-size: 3.6rem; } :where(.theme-main:not(.theme-main--shift-heading) .theme-main__contents) h2.hdg-lv2::after { bottom: -29px; border-right: 26px solid transparent; border-left: 26px solid transparent; border-top: 30px solid #2E2E2E; } .mod-box-03--step .mod-box-03__content:not(:last-child)::before { inset-block-end: -40px; } .chance .mod-box-full-width.cp-box { padding: 40px calc(50vw - 50%); } .cp-box>.mod-layout-image { margin-block-start: 30px !important; margin-block-end: 40px !important; padding: 33px; border: 1px solid #d4d4d4; border-radius: 5px; background: #fff; } .mod-box-full-width>.img-03 { margin-block-start: 30px !important; } .mod-list-description-02__item>dt { inline-size: 182px; } .mod-list-description-02__item>dd {} :where(.theme-main__contents) ol:not([class^=mod-], [class^=unq-], [class^=mf_]) { padding-inline-start: 30px; } :where(.theme-main__contents) ol:not([class^=mod-], [class^=unq-], [class^=mf_])>li:nth-child(-n+9)::before { inset-inline-start: -23px; } .mod-accordion__trigger { font-size: 2.4rem; justify-content: center; } .mod-box-full-width:not(:root)+* { margin-block-start: 0; } .mod-box-full-width:not(:root)+.mod-box-03 { margin-block-start: 60px; } .mod-box-full-width.cp-hdg.cp-terms { padding-block-end: 60px; } .cp-terms.mod-box-full-width:not(:root)+* { margin-block-start: 0; } .mod-list-description-02__item { align-items: inherit; } } @media screen and (max-width: 768px) { .mod-button__link:not(.mod-button__link--emphasis):where(:any-link, :enabled, summary):hover, .mod-button__link:not(.mod-button__link--gray):where(:any-link, :enabled, summary):hover { background-color: #2E2E2E; } }