@charset "utf-8";
/* CSS Document */

/* Common
------------------------------ */
/*
.bc-b { background: #7dc4e7; }
.bc-r { background: #d61518; }
*/

.bold { font-weight: bold;}
.bc-wh { background-color: #FFF; }
.fc-wh { color: #FFF; }
.bc-pb { background: #d2e6fa; }
.bc-pr { background: #f7d0d1; }
.bc-bk { background: #000; }

.fs14 { font-size: 14px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fs28 { font-size: 28px; }
.fs30 { font-size: 30px; }
.fs36 { font-size: 36px; }
.fs38 { font-size: 38px; }
.fs40 { font-size: 40px; }

.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }

.pv25 { padding: 25px 0;}
.pv30 { padding: 30px 0;}

header { padding-bottom: 3em; }
section { overflow: hidden; }

@media screen and (max-width: 959px) {
	header { padding-bottom: 1em; }
	.fs14 { font-size: 10px; }
	.fs22 { font-size: 11px; }
	.fs24 { font-size: 12px; }
	.fs28 { font-size: 14px; }
	.fs30 { font-size: 18px; }
	.fs36 { font-size: 18px; }
	.fs40 { font-size: 20px; }
	
	.mt20 { margin-top: 10px; }
	.mt30 { margin-top: 15px; }
	.mt40 { margin-top: 20px; }
	.mt50 { margin-top: 25px; }
	.mt60 { margin-top: 30px; }
	.mt70 { margin-top: 35px; }
	.mt80 { margin-top: 40px; }
	.mt90 { margin-top: 50px; }
	
	.pv25 { padding: 12.5px 0;}
	.pv30 { padding: 15px 0;}
	
	.ph10 { padding: 0 10px;}
}


.b-disney { background:url(../img/disney_background.png) center top; height: auto; }
.b-deep-blue { background: rgba(125, 196, 231, 0.8); padding: 40px 0; }
.b-pale-blue { background: rgba(210, 230, 250, 0.6); padding: 50px 0; }

.b-col { width: 650px; padding: 30px; }
.b-disney .b-col:last-child { margin-left: 20px; }

.b-marvel { background:url(../img/marvel_background.png) center top; height: auto; }
.b-deep-red { background: rgba(214, 21, 24, 0.9); padding: 40px 0; }
.b-pale-red { height: 100%; background: rgba(247, 208, 209, 0.7); padding: 50px 0; }


@media screen and (max-width: 959px) {
	.b-deep-blue { padding: 20px 0; }
	.b-pale-blue { padding: 25px 0; }

	.b-col { width: 100%; max-width: 320px; padding: 15px; }
	.b-disney .b-col:last-child { margin-left: 0; margin-top: 15px; }
	
	.b-deep-red { padding: 20px 0; }
	.b-pale-red { padding: 25px 0; }
}

.b-black { background: #000; padding: 50px 0; }
.b-black-narrow { background: #000; padding: 25px 0; }

@media screen and (max-width: 959px) {
	.b-black { padding: 10px 0; }
	.b-black-narrow { padding: 10px 0; }
	.b-blue	{ padding: 10px 0; }
}

.b-blue	{ background: #7dc4e7; padding: 25px 0; }

.b-lineup-disney .b-col { padding:0; border: 5px solid #d2e6fa; }
.b-lineup-disney .b-col:not(:nth-child(3n)) { margin-right: 20px; }
.b-lineup-disney .b-col > p:last-child { padding: 0 25px 25px; }

.b-red	{ background: #d61518; padding: 25px 0; }

.b-lineup-marvel .b-col { padding:0; border: 5px solid #f7d0d1; }
.b-lineup-marvel .b-col:not(:nth-child(3n)) { margin-right: 20px; }
.b-lineup-marvel .b-col > p:last-child { padding: 0 25px 25px; }

@media screen and (max-width: 959px) {
	.b-blue	{ padding: 10px 0; }
	.b-lineup-disney .b-col:not(:nth-child(3n)) { margin-right: 0; }
	.b-lineup-disney .b-col:nth-child(n+2) { margin-top: 10px; }
	.b-lineup-disney .b-col > p:last-child { padding: 0 20px 20px; }
	
	.b-red	{ padding: 10px 0; }
	.b-lineup-marvel .b-col:not(:nth-child(3n)) { margin-right: 0; }
	.b-lineup-marvel .b-col:nth-child(n+2) { margin-top: 10px; }
	.b-lineup-marvel .b-col > p:last-child { padding: 0 20px 20px; }
}