@charset "utf-8";

/***************
 イベントレポート SP
***************/


body {
	font-size: 14px;
}

#wrapper {
	width: 100%;
}

.header h1 {
	padding: 20px 0;
}

.header h1 img {
	height: auto;
	width: 180px;
}


/*-------------------------------------------------- イベント概要
*/
#about-bl {
	height: auto;
	padding: 0 0 45px 0;
	width: auto;
}

#about-mainimg {
	height: auto;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
}

#about-bl h1,
#about-time,
#about-detail {
	margin-left: 10px;
	margin-right: 10px;
}

#about-bl h1 {
	font-size: 24px;
	margin-bottom: 10px;
}

#about-time {
	margin-bottom: 10px;
}

#about-date {
	left: 10px;
}

#about-date ul {
	height: 65px;
	padding-top: 5px;
	width: 65px;
}

#about-date #year {
	font-size: 18px;
	margin: 0 0 3px 0;
}

#about-date #date {
	font-size: 24px;
}


/*-------------------------------------------------- タイムライン
*/
#timeline {
	background: #FFF;
	margin-bottom: 40px;
}

.tl-bl {
	top: 0;
}

.tl-point {
	display: none;
}

.tl-left {
	padding: 10px 10px 0 10px;
	position: static;
	text-align: left;
	width: auto;
}

.tl-time,
.tl-bl h1,
.tl-bl figure {
	left: 0;
	opacity: 1;
}

.tl-time {
	font-size: 24px;
}

.tl-bl h1 {
	font-size: 20px;
}

.tl-bl figure {
	margin: 0 auto;
	text-align: center;
	width: auto;
}

.tl-bl figure img {
	width: 70%;
}

.tl-bl figcaption {
	text-align: center;
}

.tl-right-con.short {
	padding-top: 0;
}

.tl-right,
.tl-right.on {
	left: 0;
	margin: 10px;
	opacity: 1;
	padding: 8px;
	top: 0;
	width: auto;
}

.tl-arrow {
	display: none;
}


/*-------------------------------------------------- ボトム
*/
#to_reporttop {
	margin-bottom: 50px;
	top: 0;
}

#to_reporttop a {
	padding: 16px 30px;
}

#bottom-bl {
	float: none;
	margin: 0 0 30px 0;
	padding: 20px 10px;
	width: auto;
}

#bottom-l {
	float: none;
	width: auto;
}

#bottom-voice h1 {
	left: -5px;
	position: absolute;
	top: -35px;
}

#bottom-voice h1 img {
	height: auto;
	width: 60px;
}

#bottom-voice li {
	float: none;
}

#bottom-voice li img {
	display: block;
	float: none;
	height: auto;
	margin: 0 auto 5px auto;
	width: 80%;
}

#bottom-voice li p {
	float: none;
	width: auto;
}

#bottom-matome {
	padding-left: 0;
}

#bottom-matome h1 {
	float: left;
	left: -5px;
	line-height: 0;
	position: relative;
	top: -10px;
}

#bottom-matome h1 img {
	height: auto;
	width: 60px;
}

#bottom-link {
	margin-bottom: 20px;
}

#bottom-link h1 {
	margin-bottom: 5px;
}

#bottom-link li a {
	font-size: 13px;
}

#bottom-reporter {
	float: none;
	height: auto;
	margin: 0 auto;
	position: static;
	width: 60%;
}

#bottom-reporter img {
	height: auto;
	width: 50%;
}

#totop {
	border-radius: 30px;
	bottom: -25px;
	font-size: 10px;
	height: 55px;
	padding-top: 5px;
	right: 15px;
	width: 60px;
}

#totop i.fa {
	font-size: 16px;
	margin-bottom: 4px;
}


/*-------------------------------------------------- SNS
*/
#sns {
	margin-bottom: 10px;
}

/*-------------------------------------------------- 動画
*/

.BrightcoveExperience {
    width: 320px;
	height:181px;
}