@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 **/ .mainVisual { width:100%; overflow: hidden; margin: 0 auto; text-align:center; padding:0; } .mainVisual .kvArea { width:100%; background:none; margin-bottom:10px; overflow: hidden; } /** 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: 1367px; 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; } }