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


.contents h2 {
	margin:0; padding:0; 
}
.contents .cont_ev {
	position:relative;
	background:#efe9d6;
	padding-bottom:15px;
}
.contents .cont_ev .main_bg {
	position:absolute;
	top:0;
	left:0;
	}
.contents .cont_ev .cont_main{
	position:relative;
}
.contents .cont_date{
	width:77%;
	margin:auto;
}
.contents .cont_eventswrap{
	width:90%;
	margin:auto;
	margin-top:20px;
}
.cont_eventswrap_inner{
	margin-left:-15px;
}
.contents .cont_events{
	margin-bottom:15px;
	float:left;
}
.contents .cont_events > div{
	background:url(/resources/img/special/kenoudou_campaign201502/bg_white80.png);
	border-radius:5px;
	border:1px solid #c2c2c2;
	padding:15px;
	margin-left:15px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	/*height:100%;*/
}
.contents .cont_events h3{
	margin:0; padding:0;
	margin-bottom:10px;
}
/*イベント01*/
.cont_event01{
	}
.cont_event01 .smp_h3{
	display:none;
}
.cont_event01 h3 img.event01_tit01 {
	float:left;
	width:63%;
	}
.cont_event01 h3 img.event01_tit02 {
	width:35%;
	float:right;
	}
.cont_event01 .cont_hclm{
	width:70%;
	float:left;
}
.cont_event01 .cont_mclm{
	width:27%;
	float:right;
	border-radius:5px;
	background:#f4d1db;
}
.cont_event01 .cont_mclm .inner{
	margin:10px;
	box-sizing:border-box;
	
}
.cont_event01 .cont_hclm p{
	text-align:center;
	margin-bottom:5px;
}
.cont_event01 .cont_chara{
	display:block;
	margin:auto;
}
.cont_event01 .cont_abox{
	margin-top:10px;
	padding:10px 0;
	border-top: 1px dashed #ACACAC;
}
.cont_event01 .cont_abox img {
	margin:0 10px 0 0;
	float:left;
	max-width:40%;
}
.cont_event01 .cont_abox h4 {
	color:#f26d93;
	margin:0;
	padding:0;
	}
.cont_event01 .cont_mclm .cont_nack5_reporter{
	margin-top:15px;
}
.cont_event01 .cont_mclm .cont_nack5_reporter img{
	float:left;
	width:80px;
}
.cont_event01 .cont_nack5txt{
	margin-left:90px;
}
.cont_event01 .cont_mclm h4 {
	color:#f26d93;
	margin:0;
	padding:0;
}

/*イベント02*/
.contents .cont_event02{
	width:50%;
}

/*イベント03*/
.contents .cont_event03{
	width:50%;
}

/*NEXCO東日本事業PR*/
.contents .cont_event04{
	width:70%;
}
.contents .cont_event04 > div{
	background:#e9e7e4;
}
.contents .cont_event04 h3{
	background:#cdcdcd;
	text-align:center;
	padding:3px;
}
.contents .cont_event04 ul{
	margin:10px 0 0 -10px;
	padding:0;
	}
.contents .cont_event04 ul li {
	float:left;
	list-style-type:none;
	width:50%;
}
.contents .cont_event04 ul li >div {
	margin-left:10px;
}
.contents .cont_event04 ul li h4 {
	margin:10px 0 3px 0;
}
.contents .cont_event05{
	width:30%;
	}
.contents .cont_event05 > div{
	background:#a7cadf;
}
.cont_eventimg {
	margin-top:10px;
}





@media screen and (max-width: 640px) {
.contents .cont_date{
	width:98%;
}
.contents .cont_eventswrap{
	width:95%;
	margin:auto;
	margin-top:10px;
}
.contents .cont_events{
	margin-bottom:10px;
}
.cont_event01 .cont_hclm , .cont_event01 .cont_mclm {
	width:100%;	
}
.cont_event01 .smp_h3{
	background:#f26d93;
	text-align:center;
	color:#FFFFFF;
	display:block;
	margin-bottom:10px;
	border-radius:5px;
	padding:3px;
}
.cont_event01 h3 img.event01_tit01 {
	float:none;
	width:100%;
	}
.cont_event01 h3 img.event01_tit02 {
	display:none;
	}
.cont_event01 .cont_hclm p span {
		clear:left;
		display:block;
}
.cont_event01 .cont_abox span{
	font-size:85.7%;
}
.cont_event01 .cont_mclm{
	margin-top:8px;
}
.cont_event01 .cont_mclm h4{
	text-align:left;
}
/*.cont_event01 .cont_mclm .cont_nack5_reporter img{
	float:left;
	max-width:30%;
	height:auto;
	margin:0 10px 0 0;
}
.cont_event01 .cont_mclm .cont_nacktit{
	max-width:130px;
}*/

.contents .cont_events > div{
	/*margin:10px;
	padding:5px;*/
	padding:10px;
}
.cont_event01 .cont_mclm .cont_nack5_reporter{
	margin:15px 0;
}
.cont_event01 .cont_mclm .cont_nack5_reporter img{
	width:80px;
}
.cont_event01 p.cont_nack5read{
	/*margin-left:100px;*/
}
.cont_event01 p.cont_nack5txt{
	text-align:left;
	font-size:85.7%;
}
.contents .cont_event02 , .contents .cont_event03 , .contents .cont_event04 , .contents .cont_event05{
	width:100%;
}
.cont_eventimg {
	margin:10px auto 0 auto;
	display:block;
}
.cont_event02 h3 img , .cont_event03 h3 img , .cont_event05 h3 img{
	/*max-width:84%;*/
}
.cont_event04{
	font-size:85.7%;
}



}