@charset "utf-8";

/* ============================================================
	研究所TOPスライダー領域
	============================================================ */

#slider a {
	color: #333;
}

#slider .contents .text {
	margin-right: 20px;
	color : #999;
}

@media screen and (min-width: 751px) {
	#slider {
		width: 1000px;
		margin: 20px auto 25px;
	}
	#slider:after {
		content: "";
		display: block;
		clear: both;
	}
	#slider > div {
		float: left;
		width: 494px !important;
		padding-bottom: 10px;
	}
	#slider > div + div {
		float: right;
	}
	#slider > div + div + div {
		float: left;
	}
	#slider > div + div + div + div {
		float: right;
	}

	#slider p {
		margin: 0;
	}
	#slider img {
		width: 494px;
	}
	#slider h1, #slider .lab_top_title_slider{
		margin: 5px 0 2px;
		font-size: 17px;
		line-height: 25px;
		font-weight: normal;
	}
	#slider .cat {
	    clear:both;
		float: left;
		font-size: 14px;
		line-height: 15px;
		margin: 11px 10px 2px 0;
	}
	#slider .date {
		float: left;
		color: #666;
		font-size: 14px;
		line-height: 15px;
		margin: 11px 0 2px;
	}
	#slider .contents {
		font-size: 14px;
		clear: both;
	}
}

/**
 * 
 * 「bx-wrapper」と「top_3blocks」ってなんだ…
 * 
 */
@media screen and (max-width: 750px) {
	#slider .contents .text {
		font-size : .9rem;
	}
	#slider h1, .bx-wrapper h1,  .top_3blocks li h1, #slider .lab_top_title_slider {
		margin: 6px 0 2px;
		font-weight: bold;
		display:block;
	}
	#slider p, .bx-wrapper p {
		margin: 0;
	}
	#slider .photo img, .photo video, .bx-wrapper .photo img, .bx-wrapper .photo video {
		width: 100%;
	}
	#slider .photo img, .top_3blocks .photo img {
		vertical-align: top;
	}
	#slider .cat, .top_3blocks .cat {
		margin-top:5px;
		font-size: 9px;
		line-height: 9px;
		display: inline-block;
		padding-left: 5px;
		color:#999;
	}
	#slider .date {
		margin-top:5px;
		font-size: 9px;
		line-height:9px;
		display: inline-block;
		float:right;
		color:#999;
	}
	.bx-wrapper {
		padding: 0 15px 26px;
		margin-top: 5px;
	}
	.bx-controls {
		font-size: 0;
		line-height: 0;
		text-align: center;
		padding: 6px 0 10px;
	}
	.bx-controls .bx-pager-item {
		display: inline-block;
		width: 8px;
		height: 8px;
		margin: 0 3px;
	}
	.bx-controls .bx-pager-item a {
		display: block;
		width: 8px;
		height: 0;
		padding-top: 8px;
		overflow: hidden;
		background: #eaeaea;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	.bx-controls .bx-pager-item a.active {
		background: #0068b7;
	}
}