/* ===================================================================
CSS information
file name  :  scriptstyle.css
style info :  プラグイン/外部JS/jQuery用CSSなど
=================================================================== */

/*==========================================================
フェードスタイルjQuery class="fade fade--up"
==========================================================*/
.fade {opacity: 0;transition: all .5s ease;}
.fade.show {opacity: 1;transform: none;}
.fade--lr {transform: translate(-30px, 0);}
.fade--rl {transform: translate(30px, 0);}
.fade--up {transform: translate(0, 100px);}
.fade--down {transform: translate(0, -100px);}
.fade--scaleUp {transform: scale(.5);}
.fade--scaleDown {transform: scale(1.5);}
.fade--rotateL {transform: rotate(180deg);}
.fade--rotateR {transform: rotate(-180deg);}

/*==========================================================
パンくずリスト文字丸め・プラグイン
==========================================================*/
.breadcrumbs-wrapper{width:100%;}
.breadcrumbs {
display: inline-block;
padding: 0;
margin-top: -3px;
vertical-align: middle;
max-width: 80%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
font-size:1.2rem;
}
.breadcrumbs:hover {max-width: none;}
.breadcrumbs-contents-inner{
padding: 10px 15px 0px 15px;
}

/*==========================================================
ヘッダー背景スライダーjQuery
==========================================================*/
.bg-slider {
padding: 50px 0 0 0;
width: 100%;
background-attachment: fixed;	
background-position:center center;
background-size: cover;
align-items: center;
justify-content: center;
box-shadow: 0px 7.5px 18px 1.2px rgba(0, 0, 0, 0.12);
}
/*overlay用
.bg-slider-black{background-image: url("../img/slider-over-black-004.png");}
*/