@charset "UTF-8";


div.bxsliderbox{opacity:0; overflow:hidden; animation:slideaction 1s 0.5s ease forwards;}

@keyframes slideaction{
    0%{opacity:0;}
    100%{opacity:1;}
}

div.bx-viewport{height:auto !important;  transform: translateY(0);}

ul.slider{position:relative; width:100%;}


ul.slider li{position:absolute; top:0; left:0; z-index: 0; box-sizing: border-box; opacity:0; transition:all 0.5s ease;}
ul.slider li.firstlist{position:relative; z-index: 2; opacity:1;}
ul.slider li{opacity:1;}

ul.slider li img{display: block; width:100% !important; height: auto !important;}

ul.slider li p{position:absolute; top:auto; bottom:0em; left:auto; right:1em; margin:auto; font-size:18px; font-size:1.125rem; color:#ffffff; text-shadow: 2px 2px 2px #000; z-index:0;
    font-family:'Kosugi Maru', sans-serif , -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif ; font-weight:400;
}
ul.slider li.firstlist p{opacity:0; }

ul.slider li[aria-hidden="true"] p ,
ul.slider li.firstlist[aria-hidden="true"] p{top:auto; bottom:0em; left:auto; right:1em; opacity:0; transition:opacity 1s ease , bottom 5s 1s ease;}
ul.slider li[aria-hidden="false"] p ,
ul.slider li.firstlist[aria-hidden="false"] p{top:auto; bottom:1em; left:auto; right:1em; opacity:1; transition:all 1s 2s ease;}


/*--- rwd setting 
---------------------------------------------------*/
/* 320px-480px(mobile)*/
@media screen and (max-width:480px) 
{

}

/* 481px-767px(mobile/tabletsite) */ 
@media screen and (min-width:481px) 
{
    ul.slider li p{font-size:24px; font-size:1.5rem;}
}

/* 768px(tabletsite) */
@media screen and (min-width:768px)
{
    ul.slider li p{font-size:32px; font-size:2rem;}
}

/* 769px-1023px(tabletsite) */
@media screen and (min-width:769px)
{

}


/* 1024px-over(tabletsite) */
@media screen and (min-width:1024px)
{
    ul.slider li p{font-size:48px; font-size:3rem;}

}

/* 1025px setting(pcsite) */
@media screen and (min-width:1025px)
{
    div.bxsliderbox{}

    ul.slider li p,
    ul.slider li[aria-hidden="true"] p ,
    ul.slider li.firstlist[aria-hidden="true"] p{top:2em; bottom:0em; left:1em; right:1em; text-align:center; height:1.5em;}

    ul.slider li[aria-hidden="false"] p ,
    ul.slider li.firstlist[aria-hidden="false"] p{top:2em; bottom:2em; left:1em; right:1em; height:1.5em; margin:auto;}

    ul.slider li p {font-size:56px; font-size:3.5rem; font-weight:500;}
}

/* full-HD(pcsite) */
@media screen and (min-width:1280px)
{

}

/* full-HD 80%size over(pcsite) */
@media screen and (min-width:1536px)
{

}

/*--- rwd setting end ---*/