@charset "UTF-8";

/* campaign style
-------------------------------------*/
#campaign h1.title {
	font-size: 32px;
	font-weight: normal;
	color: #333;
	margin-bottom: 20px;
	}
#main {	
	background: url(/~/Media/coco/common/image/campaign_bg.png) repeat scroll left top;
	overflow: hidden;
	padding-bottom: 50px;
	width: 100%;
	}	
#contents{
	width: 70%;
	float: left;
	}
	#campaign div.topicslist {
		overflow: hidden;
		margin-bottom: 20px;
		width: 100%;
		}
	#campaign div.topicslist div.topics {
		overflow: hidden;
		padding: 20px;
		margin: 0 0 10px 0;
		background-color: #fff;
		}
/* 	#campaign div.topicslist div:nth-child(2n) {margin: 0 0 10px 0;} */
		
		#campaign div.topics p.img {
			width: 194px;
			float: left;
			margin-right: 15px;
			}
		#campaign div.topics span.title {
			font-size: 18px;
			display: block;
/* 			border-bottom: 1px solid #ccc; */
			margin-bottom: 10px
			}
		#campaign div.topics ul.icon_area {overflow: hidden;}
		#campaign div.topics ul.icon_area li {
			float: left;
			margin: 0 10px 10px 0;
			}
		#campaign div.topics ul.icon_area li:last-child {margin-bottom: 0;}
		#campaign div.topics ul.icon_area li span.category,
		#campaign div.topics ul.icon_area li span.member {
			padding: 3px 10px;
			border: 1px solid #ccc;
			text-align: center;
			font-size: 14px;
			display: inline-block;
			}
		#campaign div.topics ul.icon_area li .member {
			background-color:#005AAC;
			color: #fff;
			}
		#campaign p.campaign_btn {
			width: 300px;
			clear: both;
			margin: 0 auto;
			}



/* ▼▼▼ 768px
=====================================*/
@media screen and (max-width: 768px) {

/* campaign style
-------------------------------------*/
#campaign h1.title {
	font-size: 5vw;
	font-weight: normal;
	color: #333;
	margin: 15px 0 15px 20px;
	}
#main {	
	overflow: hidden;
	padding-bottom: 0;
	width: 100%;
	}	
#main_inner{
	width: 100%;
	margin: 0 auto;
	}
#contents{
	width: 90.6vw;
	float: none;
	margin: 0 auto ;
	}
	#campaign div.topicslist div.topics {
		overflow: hidden;
		padding: 3vw;
		margin: 0 auto 10px;
		width: 100%;
		min-height: 107px;
		}
		
	#campaign div.topics p {
		width: 30vw;
		margin: 0 3vw 0 0;
		}
		#campaign div.topics span.title {
			font-size: 4.06vw;
			border-bottom: none;
			/* border-bottom: 2px solid #ccc; */
			}
			#campaign div.topics span.title a {text-decoration: none;}
		#campaign div.topics p.img {width: 31.56vw;}
		#campaign div.topics ul.icon_area li span.category,
		#campaign div.topics ul.icon_area li span.member {
			font-size: 4.06vw;
			}
		#campaign p.campaign_btn {width: 90.6vw;}

}