@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)__ **/