/* =================================
	99.9 Top Slider
================================= */

div.slider {
	position:relative;
	max-width:980px;
	margin:0 auto;
}
div.slider div.outer {
	overflow:hidden;
	margin:0 43px;
}
div.slider div.outer ul {
	list-style-type:none;
	font-family:sans-serif;
}
div.slider div.outer ul.inner:after {
	content:"";
	display:block;
	clear:both;
}
div.slider div.outer ul.inner li {
	float:left;
}
div.slider div.outer ul.inner li:last-child {
	margin-right:0;
}
div.slider div.outer ul.inner li a {
	display:block;
	background-color:#fff;
	color:#225486;
	text-decoration:none;
	border-radius:10px;
	border:1px solid #406694;
}
div.slider div.outer ul.inner li a dl dt {
	font-weight:bold;
	font-family:Arial;
	color:#000;
	text-align:right;
	line-height:1.25;
}
div.slider div.outer ul.inner li a dl dd span.thumb {
	display:block;
	background-repeat:no-repeat;
	background-size:cover;
}
div.slider div.outer ul.inner li a dl dd span.thumb img {
	display:block;
}
div.slider div.outer ul.inner li a dl dd span.txt {
	display:block;
	line-height:1.5;
	word-break:break-all;
}
div.slider div.outer ul.inner li a dl dd span.txt b {
	color:#ff4e17;
}
div.slider ul.ctrl li {
	position:absolute;
	top:50%;
}
div.slider ul.ctrl li.ctrl-lef {
	left:0;
}
div.slider ul.ctrl li.ctrl-rig {
	right:0;
}
div.slider ul.ctrl li a {
	display:block;
	background-image:url(../img/top_btn_slider.svg);
	background-repeat:no-repeat;
}



@media print {
	div.slider div.outer ul.inner li a dl dd span.thumb img {
		background-color:#fff;
	}
}



@media all and (min-width: 768px) {
div.pickup {
	padding:6px 0 12px;
}
div.slider div.outer {
	margin:0 43px;
}
div.slider div.outer ul.inner li {
	width:206px;
	/* IE 対策のため px で指定する */
	margin-right:6px;
}
div.slider div.outer ul.inner li a:hover {
	background-color:#fff4d6;
}
div.slider div.outer ul.inner li a dl dt, div.slider div.outer ul.inner li a dl dd {
	font-size:75%;
}
div.slider div.outer ul.inner li a dl dd span.thumb img {
	width:206px;
	height:116px;
}
div.slider div.outer ul.inner li a dl dt, div.slider div.outer ul.inner li a dl dd span.txt {
	padding:6px 10px;
}

div.slider ul.ctrl li a {
	width:40px;
	height:80px;
	margin-top:-40px;
}
div.slider ul.ctrl li.ctrl-lef a {
	background-position:left top;
}
div.slider ul.ctrl li.ctrl-rig a {
	background-position:-40px 0;
}
div.slider ul.ctrl li.ctrl-lef a:hover {
	background-position:-80px 0;
}
div.slider ul.ctrl li.ctrl-rig a:hover {
	background-position:-120px 0;
}
}



@media all and (max-width: 767px) {
div.pickup {
	padding-bottom:6px;
}
div.slider div.outer {
	margin:0 29px;
}
div.slider div.outer ul.inner li {
	width:144px;
	margin-right:5px;
}
div.slider div.outer ul.inner li a dl dt, div.slider div.outer ul.inner li a dl dd {
	font-size:67.5%;
}
div.slider div.outer ul.inner li a dl dt, div.slider div.outer ul.inner li a dl dd span.txt {
	padding:6px 8px;
}
div.slider div.outer ul.inner li a dl dd span.thumb img {
	width:144px;
	height:81px;
}

div.slider ul.ctrl li a {
	width:26px;
	height:60px;
	margin-top:-30px;
}
div.slider ul.ctrl li.ctrl-lef a {
	background-position:0 -100px;
}
div.slider ul.ctrl li.ctrl-rig a {
	background-position:-30px -100px;
}
}