/* 特集ページ設定 */

/* パタパタjavascript無効の場合
---------------------------------------*/


/* ページ詳細設定
---------------------------------------*/
#container {
	width: 960px;
	margin: 0 auto;
}
.hover_position {
	position: absolute;
	top: -15px;
	left: 0;
	z-index: 2;
}

h2, h3 {
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
}

h2 {
	margin-bottom: 0 !important;
}
    
#container #mainArea {
	background: #3dadd0 url(../../img/2505_rei_campaign/bg.png) top repeat-y;
	width: 960px;
	height: auto;
	text-align:center;
	background-size:100%;
}

#container #mainArea img {
	margin:0;
	padding:0;
}

.clear { clear: both; }

img { border: 0; }

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/*.clearfix {display: block;} */
/* End hide from IE-mac */

/* macのマップクリック時の線を消す */
.noborder { border:none; outline:none; }  

/*退団関連ページのフッター*/
.clear {
	clear: both;
}

#link_bnr {
	clear: both;
	width: 960px;
	margin: 20px 0 5px 0;
	padding: 10px 0;
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	text-align:center;
}
#link_bnr p {
	margin: 0 10px 0 0;
	display: inline;
}

#link_bnr p.last {
	margin: 0 10px 0 0;
	display: inline;
}

#link_bnr #bnr_campaign {
	margin: 0;	
}

#link_bnr a:hover {opacity:0.5;}

@media screen and (max-width: 640px){
	#link_bnr {display: none;}	
}

.btn_area {
	display:block;
	padding:0;
	margin:0;
	position:relative;
}

.btn_wrap {
	display:inline-block;
	position:absolute;
	left:0;
	right:0;
	top:0;
}

#mainArea .btn {
	display:block;
	border-radius:6px;
	background:#c4c4c4;
	color:#a4a4a4;
	/*background:#ffd476;
	color:#333333;*/
	padding:12px;
	max-width:322px;
	margin:0 auto;
	font-size:24px;
	font-weight:bold;
	transition: 0.25s;
}
#mainArea a.btn:hover {
	text-decoration:none;
	opacity:0.7;
	transition: 0.25s;
}
.btn_wrap small {
	font-size:12px;
	color:#000;
	margin-top:7px;
	display:block;
}
#mainArea a {
	background:#fff;
	display:inline-block;
}
#mainArea a img:hover {
	opacity:0.8;
}
.movie {
	max-width:800px;
	padding:10px 0 30px;
	margin:0 auto;
	background:#fff;
}
.movie_inner {
	width:415px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	height: auto;
    aspect-ratio: 16 / 9;
}
.video-js {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
	aspect-ratio:16 / 9;
  }

/*レスポンシブする設定*/

@media screen and (max-width: 640px){
	#container {
		width:100%;
		margin: 0 auto;
	}
	#container #mainArea {
		width:100%;
		height: auto;
		margin: 0 auto;
	}
	#container img {
		width:100%;
	}
	.btn_area {
		background:url("../../img/2505_rei_campaign/bg.png") repeat-y;
		background-size:100%;
		padding-top:80px;
		/*padding-top:30px*/
	}
	.btn_wrap {
		bottom:10px;
		padding:0 20px;
	}
	.btn {
		font-size:16px;
		max-width:auto;
		width:80%;
	}
	.btn_wrap small {
		font-size:11px;
		line-height:1.4em;
	}
	.movie {
	padding:10px 0 10px;
}
	.movie_inner {
	width:90%;
		margin:0 auto;
	}
}