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

#info-body{
	background-image:url(../images/info/olc/header-bg.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
}

#main{
	width:100%;
}

#main h{
	display:none;
}

#main .info-text{
	width:63%;
	padding-top:25%;
	padding-bottom:5%;
}

.item{
	margin-bottom:20px;
}

.item .campaign-info{
	background-color:rgba(255,255,255,0.9);
}

.item .campaign-info .date{
	background-image:url(../images/info/olc/date-bg.png);
	background-repeat:no-repeat;
	background-position:right center;
	color:#FFF;
	float:left;
	padding:1%;
	padding-right:5%;
	white-space:nowrap;
	min-width:125px;
	text-align:center;
}

.item .campaign-info .date_xone{
	background-image:url(../images/info/olc/date_xone-bg.png);
}

.item .campaign-info .name{
	color:#006;
	float:left;
	font-weight:bold;
	padding:1%;
}

.item .campaign-info .name_xone{
	color:#030;
}

.item .campaign-text{
	background-color:rgba(255,255,255,0.75);
	padding:1%;
	color:#111;
}

.item .campaign-text p{
	margin:0;
	padding:0;
	margin-top:5px;
	font-weight:bold;
	font-size:110%;
	text-indent:-1em;
	margin-left:1em;
}

@media screen and (max-width:639px){
	#info-body{
		background-image:url(../images/info/olc/header-bg-sp.jpg);
	}
	
	#main .info-text{
		width:100%;
	}

	.item .campaign-info .date{
		background-position:right bottom;
		padding-right:12%;
	}
}