@charset "UTF-8";
.main-inner {
 width: 1024px;
 margin: 0 auto;
}
.s-txt {
 font-size: 23px;
 display: inline-block;
}
.details-box {
 margin-top: 50px;
 font-weight: 600;
 text-align: center;
}
.mr {
 display: inline-block;
 margin-right: 4px;
}
.message-inner {
 background: #fff;
 padding: 20px 30px 30px;
}
.message-inner .movie-box{
	width: 100%;
	margin: 20px 0;
}
.message-inner .movie-box video{
	width: 100%;
}
.scroll_area, .jspPane, .jspContainer {
 width: 100% !important;
}
/* 全体 */
.jspContainer {
 overflow: hidden;
 position: relative;
}
/* スクロールバーを除いたエリア */
.jspPane {
 position: absolute;
}
/* 縦スクロールバー */
.jspVerticalBar {
 position: absolute;
 top: 0;
 right: 0;
 width: 10px;
 height: 100%;
 border-radius: 10px;
}
/* 横スクロールバー */
.jspHorizontalBar {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 10px;
}
/* 背景 */
.jspTrack {
 background: #d4d4d4;
 position: relative;
 border-radius: 10px;
}
/* ノブ */
.jspDrag {
 background: #afa7ab;
 position: relative;
 top: 0;
 left: 0;
 cursor: pointer;
 border-radius: 10px;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
 float: left;
 height: 100%;
}