@charset "utf-8";

@import url("common.css");

#main-contents .present .outline {
	margin-bottom:100px;
	border-radius:10px;
	background:#fff;
	overflow:hidden;
}


/* poster */
#main-contents .present .poster {
	margin-bottom:30px;
	background:url(../../img/bg_stripe.jpg);
}
#main-contents .present .poster img {
	width:100%;
}
#main-contents .present .long img {
	width:350px;
	margin:0 auto;
}




/* outline */
#main-contents .present .inner {
	padding:20px 40px 80px;
}
#main-contents .present .inner .number {
	display:inline-block;
  line-height: 1.4;
	margin-bottom:15px;
	padding:5px 10px;
	border-radius:4px;
	background:#d70c19;
	color:#fff;
	font-size:87.5%;
}
#main-contents .present .inner h2 {
	line-height:1.5;
	margin-bottom:50px;
	font-weight:bold;
	font-size:187.5%;
}
#main-contents .present .inner h3 {
	position:relative;
	margin-bottom:20px;
	padding:10px 20px;
	border-radius:4px;
	background:#e7e1db;
	font-size:112.5%;
}
#main-contents .present .inner h3:before {
	display:block;
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:0;
	height:10px;
	margin:auto;
	border-left:5px #d70c19 solid;
}
#main-contents .present .inner .text {
	line-height:2;
	margin-bottom:50px;
	padding:0 20px;
}
#main-contents .present .inner .text .strong-btn {
	line-height:1;
	margin:10px 0 0;
}
#main-contents .present .inner strong {
	color:#d70c19;
}
#main-contents .present .inner .data-list strong:after {
	content:"：";
	color:#000;
}
#main-contents .present .inner .sponsor {
	padding:25px;
	border-radius:5px;
	background:#f4f2f0;
}
#main-contents .present .inner .sponsor .data-list {
	line-height:2;
}
#main-contents .present .back-btn {
	margin-top:50px;
}





@media all and (max-width: 812px) {
#main-contents .present .outline {
	margin-bottom:50px;
}


/* poster */
#main-contents .present .poster {
	margin-bottom:18px;
}
#main-contents .present .wide img {
	width:53%;
}


/* outline */
#main-contents .present .inner {
	padding:6% 5% 21%;
	word-wrap: break-word;
}
#main-contents .present .inner .category {
	margin-bottom:8px;
	font-size:81.3%;
}
#main-contents .present .inner h2 {
	margin-bottom:25px;
	font-size:118.8%;
}
#main-contents .present .inner h3 {
	margin-bottom:10px;
	padding:8px 15px;
	font-size:100%;
}
#main-contents .present .inner .text {
	margin-bottom:25px;
	padding:0;
	font-size:87.5%;
}
#main-contents .present .inner .text .strong-btn {
	margin:10px auto;
}
#main-contents .present .inner .sponsor {
	padding:5%;
}
#main-contents .present .inner .sponsor .data-list {
	width:100%;
	line-height:1.7;
	margin-bottom:10px;
	font-size:87.5%;	
}
#main-contents .present .back-btn {
	margin-top:40px;
}


	
}