@charset "Shift_JIS";

/* --------------------------------------------------------------------
	キャンペーンページ 20180228_yit
--------------------------------------------------------------------- */
#campaign{
	overflow: hidden;
	width: 960px;
	padding-top: 62px;
	margin: 0 auto;
}

.campaign_h1 {
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding: 8px;
    margin-bottom:40px; /*20180829_yit*/
}

/*20180829_yit_st*/
#campaign .campaign-list li{
	display: inline;
}
/*20180228_yit_end*/

/*キャンペーンフレーム*/

/*20180829_yit_st*/
#campaign .campaign_frame_{
	width:477px;
	display:inline-block;
}
/*20180829_yit_end*/

#campaign .campaign_frame_ a {
	padding: 20px 10px;
	border: solid thin #bdbdbd;
	margin-bottom: 20px; /*20180829_yit*/
	display:block;
	background: #F6F6F6;
}

#campaign .campaign_frame_ a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


/*キャンペーンフレーム共通*/
#campaign .campaign_tag_ li,
#campaign .campaign_target_ li {
	display: inline;
	font-size: 12px;
	padding: 5px 15px;
	text-align: center;
	border-radius: 5px;
}


/*タグ*/
#campaign .campaign_tag_ li{
    font-weight: bold;
	color: #fff;
}

#campaign .campaign_tag_ li.new {
	background: #FF0000;
}

#campaign .campaign_tag_ li.end {
	background: #4E5065;
}

/*バナー*/
#campaign .campaign_banner_ {
	text-align: center;
}

#campaign .campaign_banner_ img {
	margin : 20px 0;
	width: 100%;
}

/*対象*/
#campaign .campaign_target_ ul {
	text-align:right;
}

#campaign .campaign_target_ li {
	font-weight: bold;
	color: #4E5065;
	border: solid thin #4E5065;	
}

/*併用可能なキャンペーン*/
#campaign .campaign_together_ {
	width:85%;
}

#campaign .campaign_together_ li {
	display: inline-block;
	font-weight: bold;
	border: dotted thin #ccc;	
	color: #4E5065;
	font-size: 10px;
	padding: 5px 5px 0 5px;
	/*border-radius: 15px;*/
	margin-bottom:5px;
	margin-right:5px;
	border-radius: 5px;
}

#campaign .campaign_together_ p {
	margin:0 0 3px 5px;
	font-size:12px;
	font-weight: bold;
}