/*---------------------------------
slider
ディスコグラフィー用 (.slider-disco)
ギャラリー用 (.slider-gallery)
-----------------------------------*/

.slider{
padding: 30px 0;
width: 100%;
}

.slider li {
}

.slider li a{
position: relative;
display: block;	
}


.slider li a .link-image{
display: block;
transition-delay: 0.08s;
box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.4);
}
.slider li.flipster__item--past a .link-image,
.slider li.flipster__item--future a .link-image {
box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);
}

.slider li a .link-image img{
display: block;
}

.slider li a .link-box{
display: block;
padding-top: 1.2em;
font-size: 16px;
text-align: center;
}

.slider.slider-gallery li a .link-box{
padding-top: 2.4em;
font-size: 11px;
}

.slider li a .link-box .inner{
font-weight: normal;
line-height: 1.5;
}

.slider li a .link-box .detail{
font-size: .65em;
font-family: aviano-sans, sans-serif;
font-weight: 300;
letter-spacing: .1em;
display: block;
}

.slider li a:hover .link-box{
}

.slider li.flipster__item--past a .link-box,
.slider li.flipster__item--future a .link-box,
.slider li.flipster__item--past a:hover .link-box,
.slider li.flipster__item--future a:hover .link-box {
opacity: 0;
/*	transition: all 0.4s ease-in-out;*/
transition-delay: 0s;
transform-origin: 50% 20%;
transform: scale(0.50);
}

.slider li.flipster__item--current a .link-box,
.slider li.flipster__item--current a:hover .link-box {
transition: all 0.8s ease-in-out;
transition-delay: 0.1s;
transform: scale(1.0);
}


.flipster--flat .flipster__item {
max-width: 60%;
}
#gallery .flipster--flat .flipster__item {
max-width: 55%;
}


.flipster--flat .flipster__item--past,
.flipster--flat .flipster__item--future {
opacity: 0.90;
}


.flipster__button{
bottom: 24px;
}
#discography .flipster__button{
bottom: 21px;
}

.flipster__button,
.flipster__button:focus {
outline: none;
}

.flipster__button--prev.disabled,
.flipster__button--next.disabled {
display: none;
}



.slider li a .link-image{
background: #000;
}

.slider li a .link-image img{
opacity: 0.5;
}

.slider li.flipster__item--current a .link-image img{
	opacity: 1;
}

.flipster__button svg {
width: 23px;
}


/* respondive 640  --------------- */
@media (min-width: 640px) {

.slider li a .link-box{
padding-top: 2.6em;
font-size: 18px;
}

.slider.slider-gallery li a .link-box{
padding-top: 3.4em;
font-size: 15px;
}
.slider li a .link-box .detail{
font-size: .5em;
}

.flipster--flat .flipster__item {
max-width: 55%;
}
#gallery .flipster--flat .flipster__item {
max-width: 45%;
}


}




/* respondive 961  --------------- */
@media (min-width: 961px) {

.flipster__button {
/*  bottom: -10px;	*/
}
.flipster__button svg {
width: 34px;
}

.flipster__button{
bottom: 33px;
}
#discography .flipster__button{
bottom: 20px;
}


.slider.slider-gallery li a .link-box{
/*	padding-top: 0;
font-size: 13px;*/
}

.flipster--flat .flipster__item {
max-width: 40%;
}
#gallery .flipster--flat .flipster__item {
max-width: 35%;
}

}

.flipster__button--prev{
left: 10px;
}

.flipster__button--next{
right: 10px;
}


@media (min-width: 640px) {
.flipster__button--prev {
left: 10%;
}
.flipster__button--next {
right: 10%;
}
}

@media (min-width: 768px) {
.flipster__button--prev {
left: 25%;
}
.flipster__button--next {
right: 25%;
}
}

@media (min-width: 1200px) {
.flipster__button--prev {
left: 30%;
}
.flipster__button--next {
right: 30%;
}
}

@media (min-width: 1500px) {
.flipster__button--prev {
left: 36%;
}
.flipster__button--next {
right: 36%;
}
}

/* ---------------------
ディスコグラフィー 
-----------------------*/
.slider-gallery li a .link-box .inner{
	font-size: 13px;
}

/* 3行表示のカスタマイズ */
.slider.slider-gallery li a .lines-3{
    padding-top: .8em;
}

@media (min-width: 640px) {
.slider.slider-gallery li a .lines-3{
	padding-top: 2.15em;
}
}