/* スライドショー */
#slider {
    overflow:hidden;
    position:relative;
	z-index: -1;
    width:100%;
}

#slider #sliderInner .bx-wrapper .bx-viewport ul li img{
	object-fit: cover;/* モダンブラウザ用 画像トリミング */
	font-family: 'object-fit: cover;'/* IE EDGE 用 */
        width:100%;
}
#slider #sliderInner .bx-wrapper .bx-viewport ul li img::after{
}

#sliderInner {
    position:relative;
}
#sliderInner li {
    width:100%;
}

#slideFilterL, #slideFilterR {
    position:absolute;
    top:0;
    width:100%;
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter:"alpha( opacity=80 )";
    background:#fff;
}
#slideFilterL {
    left:0;
}
#slideFilterR {
    right:0;
}

.bx-wrapper {
    margin:0 auto;
    position:relative;
}

.bx-wrapper .bx-pager {
    margin:0 auto;
    width:100%;
    background:transparent;
}

/* コントローラー */
.bx-wrapper .bx-prev {
    z-index: 999;
    left:1025px;
    background:url(./img/prev_w.gif) no-repeat 0 0px;
}

.bx-wrapper .bx-next {
    z-index: 999;
    right:1025px;
    background:url(./img/next_w.gif) no-repeat -0px -0px;
}

.bx-wrapper .bx-prev:hover {
    background-position:0 0;
}

.bx-wrapper .bx-next:hover {
    background-position:-0px 0;
}

.bx-wrapper .bx-controls-direction a {
    position:absolute;
    top:189px;
    outline:0;
    width:40px;
    height:40px;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    text-indent:-9999px;
}

/* ページャー */
.bx-wrapper .bx-pager {
    padding-top:10px;
    padding-bottom:0px;
    text-align:center;
    font-size:.85em;
    font-family:Arial;
    font-weight:bold;
    color:#666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    display:block;
    width:10px;
    height:10px;
    margin:0 5px;
    outline:0;
    text-indent:-9999px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;;
    background:#666;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#000000;
}


/* 独自カスタマイズ */

.bx-controls{
background:transparent;
}


/* スライダーコピー設定 */

.copycover{
        position:relative;
        width:1050px;
        margin:0 auto;
}

.copy{
        position:absolute;
        font-size:40px;
        font-weight:500;
        text-shadow:1px 0px 3px #292929;
        line-height:1.2;
}

.copy span{
        font-size:50%;
}


@media screen and (max-width: 479px){
.copycover{
        position:relative;
        width:100%;
        margin:0 auto;
}
.copy{
        position:absolute;
        font-size:20px;
        font-weight:500;
        text-shadow:1px 0px 3px #292929;
        line-height:1.2;
}
.copy span{
        font-size:70%;
}
}


/* 静止画イメージの場合 */

#headerimg{
        width:100%;
}

#headerimg .hbox{
        position:relative;
        display:block;
        width:1050px;
        margin:0 auto;
        text-align:center;
}


#headerimg .hbox{
        position:relative;
        display:block;
        width:1050px;
        margin:0 auto;
        text-align:center;
}

@media screen and (max-width: 1049px) {
	/* 979px以下用（タブレット用）の記述 */
#headerimg .hbox{
        width:100%;
}
}

@media screen and (max-width: 479px){
#headerimg .hbox{
        position:relative;
        display:block;
        width:100%;
        margin:0 auto;
        text-align:center;
}
}

#headerimg img{
        width:100%;
	object-fit: cover; /* モダンブラウザ用 画像トリミング */
}

#headerimg img::after{}

#headerimg .copywidh{
        text-align:left;
        top:130px;
        left:5%;
        z-index:99;
}

#headerimg a {
        position:relative;
        z-index:2;
}

#headerimg a:hover ,#slider a:hover {
	opacity: 1;
	filter: alpha(opacity=100)!important;
	-webkit-transition: 0.5s ease-in-out;
	 -moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

/* フェードインアップ */

.fade_in_up{
  animation:fadeInUp 2s linear;
}
@keyframes fadeInUp {
 0% { 
  opacity: 0; 
  transform: translateY(30px);
 }
 100% {
  opacity: 1;
  transform: translateY(0);
 }
}