@charset "utf-8";

/* トップ「スライダー」スタイル　※ バナーのスライド　*/

#top-content5 {}

.bslide {
	background:#1b1a1a;
	text-align:center;
	padding:31px 0 22px;
	border-left:1px solid #100f0f;
	width:352px;
}
.bslide p {
	text-align:center;
	color:#d8dae3;
	font-size:142%;
	padding-top:10px;
}

#BSlider {
	background-color: #2E2D2D;
	padding:25px 0;
}

#BSlider .bx-controls.bx-has-controls-direction a{
	position:absolute;
	top:0;
	height:100%; 
	width:45px;
	background:url('images/top-content5/btn_left_right.png') 0 50%;
	text-indent:-99999px;
	z-index:99999;
}
#BSlider .bx-controls.bx-has-controls-direction a.bx-prev {
	left:0;
}
#BSlider .bx-controls.bx-has-controls-direction a.bx-next {
	right:0;
	background-position:100% 50%;
}

#top-content5 .wrapper_title {
	padding: 25px 0 20px 0;
}


/* **************************************************** */
/* メディアクエリ
/* **************************************************** */

@media screen and (max-width: 979px) {
	/* 979px以下用（タブレット用）の記述 */
}
@media screen and (max-width: 767px) {
	/* 767px以下用（タブレット／スマートフォン用）の記述 */
}
@media screen and (max-width: 479px) {
	/* 479px以下用（スマートフォン用）の記述 */
}

	/* デフォルト：479px以下用（スマートフォン用）の記述 */
@media screen and (min-width: 480px) {
	/* 480px以上用（タブレット／スマートフォン用）の記述 */
}
@media screen and (min-width: 768px) {
	/* 768px以上用（タブレット用）の記述 */
}
@media screen and (min-width: 980px) {
	/* 980px以上用（PC用）の記述 */
}

@media screen and (min-width: 768px) and (max-width: 979px) {
	/* 768px - 979px用（タブレット用）の記述 */
}
@media screen and (min-width: 480px) and (max-width: 767px)  {
	/* 480px - 767px用（タブレット／スマートフォン用）の記述 */
}