@charset "utf-8";


/* -------------------------------------------------
	ページ共通
---------------------------------------------------- */





/* -------------------------------------------------
	__makercampaign
---------------------------------------------------- */

/* social */
.social{
    max-width: 1200px;
	margin: 0 auto;
	}
.social li .fb-like span{ vertical-align: top!important;}
.social li { float: left;}
.social li.hatena { padding-right: 20px;}
.social iframe {
	margin: 0 !important;
	padding: 0 !important;
	}
.g-plusone {
	margin: 0 !important;
	padding: 0 !important;
	}
.twitter-share-button {
	margin: 0 !important;
	padding: 0 !important;
	width: 105px !important;
	}
.fb-like {
	margin-right: 25px !important;
	padding: 0 !important;
	}
.clrea_both{ clrea: both;}


#makercampaign h1{ margin: 60px 0;}
#makercampaign{
	max-width: 840px;
	width: 100%;
	margin: 0 auto;
	}
#makercampaign .item {
	margin: 0 0 20px 0;
	display: block;
	overflow: hidden;
	}
#makercampaign .item h2{
	font-size: 18px;
	border-bottom: 1px solid #CCC;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	}
#makercampaign .item h2 a{
	color: #333;
	text-decoration: none;
	}
#makercampaign .item img.cpImg {
    float: left;
    width: 360px;
    margin: 0 20px 60px 0;
	}
#makercampaign .item .detail {
    float: left;
    width: 460px;
    margin: 0 0 60px 0;
	}
#makercampaign .item .detail img {
    margin: 0 0 5px 0;
    padding: 0;
    width: 94px;
	}
#makercampaign .item .detail p.clink { text-align: right;}
#makercampaign .item .detail p.clink a{
	color: #0166FF !important;
	text-decoration: underline;
	}
#makercampaign .item .detail dl dt {
    clear: left;
    float: left;
    width: 90px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 5px 0;
	}
#makercampaign .item .detail dl dd {
    width: 370px;
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    float: right;
	}
#makercampaign .item .detail dl dd a{
	color: #0166FF !important;
	}


/* ～840px（for PC） */
@media screen and (max-width: 840px) {

	.social{ padding: 0 20px;}
	#makercampaign{ padding: 0 20px;}

	#makercampaign .item img.cpImg{
	    margin: 0 0 20px;
	}
	
	#makercampaign .item a {
    margin: 0 auto;
    width: 100%;
    display: block;
    overflow: hidden;
	}
	#makercampaign .item a img {
    text-align: center;
    width: 100%!important;
	}
	#makercampaign .item .detail{
	width: 100%;
	}
	
	#makercampaign .item .clink a{ margin: 30px 0;}
	
	#makercampaign .item .detail dl{
	display: block;
	overflow: hidden;
	}
	
	#makercampaign .item .detail dl dt{
	float: none;
    text-align: center;
    width: 100%;
    clear: both;
    background-color: #333;
    color: #fff;
    padding: 10px 0;
    margin: 0 0 0px;
	}
	
	#makercampaign .item .detail dl dd{
	width: 100%;
    text-align: center;
    height: 60px;
    line-height: 60px;
	}
	
	
	
}