@charset "UTF-8"; /** ---------------------- /premium All ---------------------- **/ /** PC&SP common ---------------------- **/ /** box-sizing **/ .mballTop .mainFull * { box-sizing: border-box; } /** h2,h3 **/ .hdg2, .hdg2Top, .hdg3 { text-align:center; margin-left:auto; margin-right:auto; } /** section **/ section > h2 + div { box-sizing:border-box; } /** mainFull **/ .mainFull { max-width:100% !important; padding-right:0; padding-left:0; } /** btn **/ .mainFull .visualBox .boxInner .midPriorityBtn { display:block; } /** backBtn **/ .hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner > a { padding:9px 21px; border:none; } .backBtn { box-sizing: border-box; border-radius:17px; } /** small font **/ .sFont { font-size:small; font-weight:normal; } .sFont2 { font-size:smaller; font-weight:normal; } /** list single **/ .list.single li:before { content:none; } /** contents_hidden **/ .noShow { display:none; } /** for PC ----------------- **/ /** all **/ .mainFull { margin-bottom:140px; } .contentsArea { max-width:950px; margin:140px auto 0; } .hdg2, * + section > .hdg2:first-child { font-size:40px; font-size:4rem; margin:140px auto 20px; } /** header **/ .cateTop .hdg1Box .js_fixedMenu .hdg1BoxInner { margin-top:10px; padding-top: 10px; padding-bottom: 20px; } /** for SP ------------------------------**/ @media only screen and (max-width: 767px) { /** all **/ .mainFull { margin-bottom:80px; } .spInner { padding-left:16px; padding-right:16px; } /** header **/ .hdg1Box, .js_hdg1Box { margin-bottom:0; } .type-premium, a.mballTopLink { display:block; } /** h2 **/ * + section > .hdg2:first-child, .hdg2 { font-size:24px; font-size:2.4rem; border-top:2px solid #000; padding:16px 16px 10px; margin:0 auto; } }/** __media only screen and (max-width: 767px)__ **/ /** ---------------------- Main Page ---------------------- **/ /** PC&SP common ---------------------- **/ /** visual **/ .visualBox { box-sizing: border-box; margin:0 auto; } /** boxInner **/ .boxInner p { font-size:16px; font-size:1.6rem; text-align:left; } /** subBox **/ .subBox { margin-left:auto; margin-right:auto; } /** Main **/ .leadArea .boxInner { box-sizing: border-box; margin:0 auto; } /** Now **/ .nowCampaign .hdg3 { width:100%; margin:0 auto; text-align:left; background:#8c750e; color:#fff; box-sizing: border-box; } .nowCampaign .col2 { margin-left:auto; margin-right:auto; } .nowCampaign .col2 .col2Item { box-sizing: border-box; } .nowCampaign table { width:100%; margin:20px auto; border-collapse: collapse; border:none; box-sizing:border-box; } /** Past **/ .pastCampaign > .pastCpnList { width:100%; margin:0 auto; } .pastCampaign > .pastCpnList > li:nth-of-type(n+13) { display:none; } .pastCampaign > .pastCpnList > li > .pastCpnDate::before { content: url(/mball/premium/img/icon_square.png); display:inline-block; margin-right:8px; } /** for PC -----------------**/ /** heading **/ .hdg3, .hdg3Top { margin-top:80px; } /** btn **/ .mainFull .visualBox .boxInner a > .midPriorityBtn { margin:0 0 20px; } /** visualBox **/ .visualBox { max-width:950px; height:276px; height:27.6rem; overflow:hidden; border:1px solid #ccc; min-height:272px; } /** boxInner **/ .boxInner { padding:24px 28px 0; } .boxInner p { margin:0 0 24px; padding:0; line-height:1.75; } /** subBox **/ .subBox { max-width: 950px; } /** notes . list **/ .visualBox + .list, .visualBox + .notes, .visualBox + .subBox .list, .visualBox + .subBox .notes { margin-top:10px; margin-left:24px; } .visualBox + .list.single, .visualBox + .notes.single, .visualBox + .subBox .list.single, .visualBox + .subBox .notes.single { margin-left:0; } /** Main **/ .leadArea { margin:0 auto; background:url(/mball/premium/img/mainvisual.jpg) center bottom no-repeat #b7daa4; height:256px; height:25.6rem; border-top:1px solid #ccc; border-bottom:1px solid #ccc; } .leadArea .boxInner { max-width:950px; padding-top:72px; } .leadArea .boxInner p { width:424px; } /** Now **/ .nowCampaign { padding-bottom:140px; } .nowCampaign > .hdg3 { max-width:950px; padding:16px 24px; font-weight:bold; border-radius:8px; } .nowCampaign .col2 { max-width:950px; margin-top:20px; } .nowCampaign .col2 .col2Item.col2Img { min-width:475px; max-width:475px; margin:0; padding:0; } .nowCampaign .col2 .col2Item.col2Txt { min-width:475px; padding:0 24px; margin-left:0; } .nowCampaign .col2 .col2Item.col2Txt p { width:100%; font-size:16px; font-size:1.6rem; } .nowCampaign table { max-width:950px; } .nowCampaign table th, .nowCampaign table td { border:1px solid #ccc; vertical-align:middle; text-align:center; height:40px; height:4.0rem; padding:0; } .nowCampaign table th { background:#f8f8f8; font-weight:normal; width:40%; } .nowCampaign table td { background:#fff; } .nowCampaign .highPriorityBtn { display:block; margin:40px auto 20px; } .nowCampaign .lowPriorityBtn { display:block; margin:0 auto; } .nowCampaign.noCpn { background:url(/mball/premium/img/bg_nocpn.jpg) center bottom no-repeat,url(/mball/premium/img/bg_nocpn_02.png) center bottom repeat-x; border: none; width: 100%; height: inherit; text-align: center; } .nowCampaign.noCpn p, .nowCampaign.noCpn .midPriorityBtn { display: block; margin-left:auto; margin-right:auto; } /** Past **/ .pastCampaign { background:#f8f8f8; padding:40px 0 80px; height:auto; overflow:hidden; } .pastCampaign .hdg2Top { margin-top:0; } .pastCampaign > .pastCpnList { width:950px; max-width:950px; max-height:906px; max-height:100rem; box-sizing: border-box; overflow:hidden; padding:0; margin:0 auto; } .pastCampaign > .pastCpnList > li { display:block; float:left; width:23%; min-width:224px; height:320px; height:32rem; box-sizing: border-box; margin-left:1.89%; margin-bottom:18px; border:1px solid #ccc; border-radius:8px; background:#fff; padding:10px 12px; position:relative; } .pastCampaign > .pastCpnList > li:nth-of-type(4n+1) { margin-left:0; } .ie8 .pastCampaign > .pastCpnList > li:first-child, .ie8 .pastCampaign > .pastCpnList > li:first-child + li + li + li +li , .ie8 .pastCampaign > .pastCpnList > li:first-child + li + li + li +li + li + li + li +li { /** IE8 **/ margin-left:0; } .pastCampaign > .pastCpnList > li > .pastCpnImg, .pastCampaign > .pastCpnList > li > a > .pastCpnImg { margin:22px auto 8px; padding:0; } .pastCampaign > .pastCpnList > li > .pastCpnDate { font-size:12px; font-size:1.2rem; font-weight:bold; position:absolute; left:12px; top:10px; } .pastCampaign > .pastCpnList > li > .pastCpnTtl { font-size:12px; font-size:1.2rem; line-height:1.0; } .pastCampaign > .pastCpnList > li > .pastCpnLabel { position:absolute; height:22px; right:12px; bottom:10px; } /** Next **/ .visualBox.nextInfo { background:url(/mball/premium/img/bg_nextinfo.jpg) right bottom no-repeat #edf4e9;/** IE8,9 **/ background:url(/mball/premium/img/bg_nextinfo.jpg) right bottom no-repeat, linear-gradient(56deg, #edf5ea 14%, #a0bf86 100%); } /** Duration Check **/ #endPageNav + .styleBox01 .inner { width:950px; margin-left: auto; margin-right: auto; } #endPageNav + .styleBox01 .inner .midPriorityBtn { display: block; margin-top:24px; margin-left:28px; } /** for SP ------------------------------**/ @media only screen and (max-width: 767px) { .premiumTop .mainFull { overflow-x:hidden; box-sizing: border-box; margin-bottom:50px; border-bottom: 1px solid #ccc; } .spInner { padding-left:16px; padding-right:16px; } /** header **/ .premiumTop a.mballTopLink, .premiumTop .type-premium { display:block; } .hdg1Box, .js_hdg1Box { margin-bottom:0; } /** heading **/ * + section > .hdg2:first-child, .hdg2 { font-size:24px; font-size:2.4rem; border-top:2px solid #000; padding:16px 16px 10px; margin:0 auto; } .hdg3 { font-size:21.92px; font-size:2.192rem; margin-top:30px; margin-top:0; margin-bottom:0; border-top:2px solid #ccc; box-shadow:0 3px 6px rgba(0, 0, 0, .14); line-height:1.3em; padding:12px 16px; } /** btn **/ .mainFull .visualBox .boxInner a > .midPriorityBtn { margin:0 auto 16px; } /** visualBox **/ section > .hdg2 + .visualBox { height:auto; background:none #fff; border:none; } section > .hdg2 + .visualBox > img { margin:0 auto; } /** boxInner **/ .boxInner { padding:20px 16px 0; } .boxInner p { margin:0 0 20px; padding:0; line-height:1.6; } /** subBox **/ .subBox { max-width:none; } /** notes , list **/ .visualBox + .list, .visualBox + .notes, .visualBox + .subBox .list, .visualBox + .subBox .notes { margin:0 0 10px; padding:0 16px; } .visualBox + .list.single, .visualBox + .notes.single, .visualBox + .subBox .list.single, .visualBox + .subBox .notes.single { padding:0; } .visualBox + .list li, .visualBox + .list li > *, .visualBox + .notes li, .visualBox + .notes li > *, .visualBox + .subBox .list li, .visualBox + .subBox .list li > *, .visualBox + .subBox .notes li,, .visualBox + .subBox .notes li > * { display:inline; padding-left:6px; } /** Main **/ .leadArea { background:none #fff; border:none; width:100%; height:auto; } .leadArea .boxInner { max-width:none; padding:20px 16px 0; } .leadArea .boxInner p { width:auto; margin-bottom:0; } .leadArea .boxInner img { margin-left:auto; margin-right:auto; } /** Now **/ .nowCampaign { padding-bottom:40px; } .nowCampaign > .hdg3 { max-width:initial; padding:20px 16px; font-weight:normal; border-radius:0; } .nowCampaign > .hdg3 .pcNone { display:inline-block; } .nowCampaign .col2 { margin-top:0; } .nowCampaign .col2 .col2Item.col2Img { width:100%; min-width:initial; margin-left:auto; margin-right:auto; } .nowCampaign .col2 .col2Item.col2Txt { width:100%; min-width:initial; padding:0 16px; } .nowCampaign table { max-width:initial; border-bottom:1px solid #ccc; } .nowCampaign table th, .nowCampaign table td { display:block; width:100%; padding-top:8px; padding-bottom:8px; height:auto; border-bottom:none; } .nowCampaign.noCpn { background:none; margin-bottom:0; padding-top:10px; padding-bottom:0; border-top: 2px solid #223; } .nowCampaign.noCpn p { font-size: 16px; font-size: 1.6rem; text-align: left; } .nowCampaign.noCpn + img { margin:0 auto; width: 100%; } /** Past **/ .pastCampaign { padding:0; } .pastCampaign .hdg2Top { background:#fff; text-align:center; } .pastCampaign > .pastCpnList{ max-width:100%; height:auto; max-height:initial; } .pastCampaign > .pastCpnList li { float:none; background:none; width:100%; max-width:100%; min-width:initial; height:auto; overflow:hidden; margin:0 auto; border:0; border-bottom:1px solid #ccc; border-radius:0; padding:14px 16px; } .pastCampaign > .pastCpnList li:last-child { border-bottom:none; } .pastCampaign > .pastCpnList > li > .pastCpnImg, .pastCampaign > .pastCpnList > li > a > .pastCpnImg { float:left; width:40%; min-width:116px; margin-top:0; margin-right:10px; } .pastCampaign > .pastCpnList > li > .pastCpnDate { position:static; display:block; font-size:11px; font-size:1.1rem; line-height:1.3; margin-bottom:4px; font-weight:normal; } .pastCampaign > .pastCpnList > li > .pastCpnTtl { display:block; line-height:1.75; height:auto; min-height:4em; min-height:4rem; margin-bottom:18px; } .pastCampaign > .pastCpnList > li > .pastCpnLabel { height:18px; right:16px; bottom:14px; } /** Next **/ .visualBox.nextInfo > img { background-color:#edf4e9; } .visualBox.nextInfo + .list { padding-right:16px; box-sizing: border-box; margin-bottom:40px; } /** Duration Check **/ #endPageNav + .styleBox01 { padding:0; margin-top:0; height: auto; overflow: visible; } #endPageNav + .styleBox01 .inner { width:100%; padding:16px; } #endPageNav + .styleBox01 .inner .midPriorityBtn { width: 100%; margin:24px auto auto; } }/** __media only screen and (max-width: 767px)__ **/ /** ---------------------- Entry Page ---------------------- **/ /** PC&SP common ---------------------- **/ .premiumEntry .gHd2014_innerBox { margin-bottom:0; padding-bottom:0; height:37px; } .premiumEntry .pageNav li { height:5px; font-size:0px; overflow:hidden; } .premiumEntry .pageNav > li::before { width:0px; height:0px; border:none; } .cpnMainVisual { width:100%; margin:0 auto; padding:0; border-top:1px solid #8c8254; border-bottom:1px solid #8c8254; box-sizing: border-box; text-align:center } .premiumEntry .hdg2 span { font-size:0.8em; } .cpnRequirements { background:#f4f8f3; margin:0 auto; box-sizing: border-box; } .cpnRequirements > .cpnReqInner { margin:0 auto; } .premiumEntry .highPriorityBtn { display:block; } .closingTxt { text-align: center; padding-top:50px; } .closingBtn { background: #fff; border: 1px solid #ccc; box-sizing: border-box; color: #b3b3b3 !important; display: inline-block; font-size: 1.3rem; line-height: 1.3em; text-align: center; text-decoration: none; padding: 6px 21px !important; position: relative; width: 150px; } .closingBtn.type-em { border: 1px solid #e00000; color: #e00000 !important; } /** for PC ---------------------- **/ .premiumEntry .hdg2, .premiumEntry * + section > .hdg2:first-child { margin:40px auto; max-width:950px; } .cpnRequirements { padding-top:40px; padding-bottom:40px; } .cpnRequirements .hdg3 { margin:0 auto 52px; } .cpnRequirements > .cpnReqInner { max-width:710px; } .premiumEntry .highPriorityBtn { margin:80px auto 0; } /** for SP ---------------------- **/ @media only screen and (max-width: 767px) { .cpnMainVisual { margin-top:10px; } .premiumEntry .hdg2, .premiumEntry * + section > .hdg2:first-child { margin:0 auto; max-width:initial; border-top:none; } .cpnRequirements { padding-top:20px; padding-bottom:20px; } .cpnRequirements .hdg3 { margin-bottom:24px; } .cpnRequirements > .cpnReqInner { max-width:initial; padding-left:16px; padding-right:16px; } .cpnRequirements .hdg4 { /* font-weight:bold; */ border-top:4px solid #b7d9a3; border-bottom:1px solid #b7d9a3; padding:8px 2px 6px; } .premiumEntry .highPriorityBtn { box-sizing: border-box; margin:40px auto 0; } }/** __media only screen and (max-width: 767px)__ **/