/*	slider
============================== */
.slider-unit { text-align: left; position:relative; font-size: 100%;}
.slider-unit ul { list-style-type:none;}
.slider-unit ul li > span, .slider-unit ul li a { display:block;}
.slider-unit .outer { width: 98%; margin: 0 auto; overflow:hidden;}
.slider-unit .outer ul { -webkit-transform: translateZ(0); overflow:hidden; list-style-type:none;}
.slider-unit .outer ul li { width:180px; float:left;}
.slider-unit .outer ul li a { box-sizing: border-box; height:100%; text-decoration:none; color: rgba(125, 39, 36, 1); background-color: rgba(255, 255, 255, .6); line-height:1.5; padding: .1em; margin: 0 .2em 0 0; box-shadow: 0 1px 5px rgba(3, 0, 89, .3); -webkit-box-shadow: 0 1px 5px rgba(3, 0, 89, .3);}
.slider-unit .outer ul li a span, .slider-unit .outer ul li a span img { display:block;}
.slider-unit .outer ul li a > span.thumb { position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.slider-unit .outer ul li a > span.lazy-done { -webkit-animation: fadeIn 700ms; animation: fadeIn 700ms;}
.slider-unit .outer li a .dte, .slider-unit .outer li a .hdr { font-size:80%; color:rgba(91, 31, 30, .75);}
.slider-unit .outer li a .ftr { font-size:70%; color:rgba(91, 31, 30, .5);}
.slider-unit .outer li a .hdr, .slider-unit .outer li a .ftr { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-height:1.75em;}
.slider-unit .outer li a .ttl { overflow: hidden; margin-bottom:0.2em; height:4.5em; overflow: visible; height: auto; margin-bottom:auto;}
.slider-unit .outer li a .dte { margin-bottom:0.2em;}
.slider-unit .outer li a .ttl b { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; font-size:90%; font-weight: lighter; -webkit-line-clamp: 3;}
.slider-unit .outer .inner li:not(:last-child) { margin-right:4px;} /* IE 対策のため px で指定する */
.slider-unit .outer .inner li a span img { width:180px; height:100px;}
.slider-unit .outer ul li a > .txtarea { padding: .5em;}
.slider-event .outer li a .ttl b { display: inline; overflow: visible; -webkit-box-orient: none; -webkit-line-clamp: none;}
/*for_W768-*/
@media all and (min-width: 768px) {
.slider-unit { margin-bottom:15px; padding: 0 25px;}
.slider-unit .outer .inner li, .slider-unit .outer .inner li a > span img { width:280px;}
.slider-unit .outer .inner li a:hover { color: rgba(3, 0, 89, 1);}
.slider-unit .outer .inner li a > span img { height:158px;}
.slider-unit .outer ul li a > .txtarea { padding: 8px 10px;}
.slider-unit .outer li a .ttl { height:3em;}
.slider-unit .outer li a .ttl b { font-size:85%; -webkit-line-clamp: 2;}
.slider-unit .outer li a .dte, .slider-unit .outer li a .hdr, .slider-unit .outer li a .ftr { font-size:80%;}
.slider-unit .outer li a span.ots { font-size:75%;}
.slider-unit .outer .inner li, .slider-unit .outer .inner li a > span img { width:300px;}
.slider-unit .outer .inner li { height: 300px;}
.slider-unit .outer .inner li a { margin: 0 .2em;}
.slider-unit .outer .inner li a > span img { height:169px;}
}


/* ctrl */
.slider-unit ul.ctrl { display:none;}
/*for_W768-*/
@media all and (min-width: 768px) {
.slider-unit ul.ctrl { display: block;}
.slider-unit ul.ctrl li { position: absolute; top: 50%;}
.slider-unit ul.ctrl li.ctrl-lef { left: 0;}
.slider-unit ul.ctrl li.ctrl-rig { right: 0;}
.slider-unit ul.ctrl li a { width: 20px; height: 20px; background-image: url(../img/arrow.png); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.slider-unit ul.ctrl .ctrl-rig a { transform: scale(-1, 1);}
.slider-unit ul.ctrl li a.hidebtn { opacity: .25; cursor: default;}
.slider-unit ul.ctrl li a:not(.hidebtn):hover { opacity: .8;}
}

@media print { .slider-unit .outer .inner li a > span.thumb img { background-color:#fff !important;}}