@charset "utf-8";

/*
#liveArea
*/
#liveArea {
	padding: 140px 0px 60px 0px;
	background-color: #fff;
}
.itemBody {
	padding-top: 10px;
	margin: 0px 0px 30px 0px;
	border-top: 1px solid #000;
}
.new {
	font-family: "Roboto Condensed";
	font-size:12px;
	color:#fff;
	text-align: center;
	vertical-align: bottom;
	line-height: 40px;
	margin-right: 10px;
	width:40px;
    display: inline-block;
	background: #c31725;
}
.itemBody h3 {
	font-size:24px;
	font-weight: 700;
	line-height: 40px;
	display: inline-block;
}
.itemBody h3:after {
	font-family: "Roboto Condensed";
	font-size:10px;
	color:#fff;
	line-height: 150%;
	text-align: left;
	vertical-align: middle;
	margin-left: 5px;
	padding:0px 5px;
	border-radius: 2px;
	display: inline-block;
	background: #999;
}
.itemBody h3.live:after {
	content:'LIVE';
}
.itemBody h3.event:after {
	content:'EVENT';
}
.itemBody p.main_text {
	font-size:14px;
	line-height:150%;
	padding:5px;
	margin:20px 0px 0px 0px;
}

.itemBody p.link_url {
	font-family:'Roboto Condensed';
	font-size:12px;
	text-align:left;
	margin:0px 0px 10px 0px;
}
.itemBody p.link_url a {
	overflow:hidden;
}

.itemBody h4 {
	font-weight: 700;
	font-size:14px;
	line-height:150%;
	padding:10px 0px 10px 0px;
	margin:20px 0px 0px 0px;
	border-top:1px solid #ccc;
	clear:both;
}
.itemBody p.memo {
	font-size:12px;
}
.itemBody dl {
	font-size:13px;
	text-align:left;
	padding:5px;
	margin:0px 0px 10px 0px;
	list-style:none;
}
.itemBody dl dt {
	font-family:'Roboto Condensed';
	color:#999;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:80px;
	padding-right:5px;
	margin:0px 10px 0px 0px;
	clear:both;
}
.itemBody dl dd {
	font-size:14px;
	float:left;
	margin:0px 10px 0px 0px;
}





/*
max-width: 768px
*/

@media only screen and (max-width: 768px) {
.contentsBody {
	width:90%;
	margin: 0px auto 40px auto;
}
h2 {
	font-size:32px;
	padding:25px 5px;
	margin: 0px 0px 10px 0px;
}

/*
#liveArea
*/
#liveArea {
	padding: 80px 0px 60px 0px;
	background-color: #fff;
}
.itemBody p img {
        max-width:100%;
}

}

@media only screen and (max-width: 480px) {
.contentsBody {
	margin: 0px auto 30px auto;
}
h2 {
	font-size:32px;
	padding:25px 5px;
	margin: 0px 0px 10px 0px;
}
.itemBody h3 {
	font-size:16px;
	line-height: 150%;
}
.itemBody dl {
	padding:0px;
}
.itemBody dl dt {
	float:none;
	padding-right:5px;
	margin:0px 10px 0px 0px;
	clear:both;
}
.itemBody dl dd {
	font-size:14px;
	float:none;
	margin:0px 10px 5px 0px;
}
.itemBody p img {
        max-width:100%;
}

}

/*
*/
.itemBody:after,
.itemBody dl:after,
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}