@charset "UTF-8";
.campaign{}
.campaign-head{}
.campaign-headinner{}
.campaign-body{}
.campaign-bodyinner{}
.campaign-logo{}
.campaign-logo picture{ display: block;}
.campaign-logo img{ display: block; width: auto; max-width: 100%; max-height: 25px; }
.campaign-preview{ margin: 3em 0;}
.campaign-preview picture{ display: block; }
.campaign-preview img{ display: block; margin: 0 auto; max-width: 100%; height: auto; }
.campaign-title{ color: inherit; font-size: 1.6rem; line-height: auto; margin: 1em 0; }
.campaign-description{ color: #494949; font-size: 1.6rem; }
.campaign-attributes{ color: #ee0000; font-size: 1.6rem; font-weight: bold; line-height: auto; margin: 1em 0; }
.campaign-attributes dl{ display: table; width: 100%; margin: 1em 0; padding: 0; }
.campaign-attributes dt,
.campaign-attributes dd{ display: table-cell; vertical-align: middle; margin: 0; padding: 0;  }/*default top*/
.campaign-attributes dt{ width: 20px; padding: 0.325em 0; }
.campaign-attributes dt img{ display: block; margin: 0 auto; height: auto; max-width: 20px; }
.campaign-attributes dd{ padding-left: 10px; }
.campaign-head .campaign-preview{ display: none; }
@media (min-width: 600px){
	.campaign-logo img{ max-height: 30px; }
}
@media (min-width: 768px){
	.campaign-logo img{ max-height: 40px; }
}
@media (min-width: 992px){
	.campaign-logo img{ max-height: 50px; }
	
	.campaign-attributes dt{ width: 30px; padding: 0.325em 0; }
	.campaign-attributes dt img{ display: block; margin: 0 auto; height: auto; max-width: 30px; }
}
@media (min-width: 1200px){
	.campaign{ display: table; width: 100%; }
	.campaign-head{ display: table-cell; vertical-align: middle; width: 60%; }
	.campaign-body{ display: table-cell; vertical-align: middle; width: 40%; }
	.campaign-headinner{ padding-right: 20px; }
	.campaign-bodyinner{ padding-left: 20px; }
	.campaign-head .campaign-logo img{ margin: 0 auto;  }
	.campaign-head .campaign-preview{ display: block; }
	.campaign-body .campaign-preview{ display: none; }
	.campaign-title{ border-bottom: 1px solid #000; font-size: 3.6rem; padding-bottom: 1em; }
	.campaign-description{ border-bottom: 1px solid #000; font-size: 1.8rem; padding-bottom: 2em; }
	.campaign-attributes{ font-size: 2rem; }
	.campaign-attributes img{ max-width: 30px; }
	
	.campaign-attributes dt{ width: 30px; padding: 0.325em 0; }
	.campaign-attributes dt img{ display: block; margin: 0 auto; height: auto; max-width: 30px; }
}
/*@media (min-width: 1440px) {

}*/