@charset "utf-8";
/* CSS Document */


/* fullSlideShow
--------------------------- */
.fullSlideShow {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
 -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.fullSlideShow ul {
    top: 50%;
    left: 50%;
    width: 100%;
    position: absolute; /* absolute or fixed */
    overflow: hidden;
 -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
     z-index:-100;
    transform: translate3d(0, 0, 0);
}
.fullSlideShow ul li {
    top: 0;
    left: 0;
    width: 100%;
    display: none;
	position: absolute;
}
.fullSlideShow ul li img {
    width: 100%;
}
 
/* SideNavi
------------------------- */
.fullSlideShow .btnPrev,
.fullSlideShow .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: fixed; /* absolute or fixed */
    z-index: 105;
}
.fullSlideShow .btnPrev {
    left: 10px;
    background: transparent url(../img/btnPrev.png) no-repeat center center;
}
.fullSlideShow .btnNext {
    right: 10px;
    background: transparent url(../img/btnNext.png) no-repeat center center;
}
 
 
/* PagiNation
--------------------------- */
.pagiNation {
    bottom: 55px;
    right: 5%;
    width: 100%;
    height: 15px;
    text-align: right;
    position: absolute; /* absolute or fixed */
    z-index: 0; /* 非表示にする場合は「90」以下に */
    visibility: visible; /* 非表示にする場合は「hidden」に */
}
 
.pagiNation a {
    margin: 0 5px;
    width: 10px;
    height: 10px;
    display: inline-block;
    overflow: hidden;
    background: #555555;
    border-radius: 5px;
}
.pagiNation a.pnActive {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
    background: #fff;
}
 
 
/* Wrapper
--------------------------- */
#wrapper {
    width: 100%;
    text-align: left;
    background: #fff;
    position: relative;
}
 
.contents {
    padding: 30px 50px 50px 50px;
}
.contents p {
    padding-bottom: 3em;
    line-height: 180%;
}
 
/* =======================================
    ClearFixElements
======================================= */
.fullSlideShow ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
.fullSlideShow ul {
    display: inline-block;
    overflow: hidden;
}


/* =======================================
    スクリーンサイズ調整
======================================= */
.fullSlideShow ul li.viewList5 {
    width: 135%;
    left: -20%;
}
.fullSlideShow ul li.viewList5 img {
    width: 135%;
}

@media screen and (min-width: 1080px) {
.fullSlideShow ul li img{
    position: relative;
        top:5%;
    }
img.main_catch{
	width: 50vh;
	top: 60%;
}    

.fullSlideShow ul li.viewList1 img{
    position: relative;
        top:5%;
    }
.fullSlideShow ul li.viewList3 img{
    position: relative;
        top:5%;
    }
.fullSlideShow ul li.viewList4 img{
    position: relative;
        top:5%;
    }
.fullSlideShow ul li.viewList5 img{
    position: relative;
        top:5%;
}

    
/*--- 960px タブレット ▶︎ PC --------------------*/
@media screen and (min-width: 961px) {
.fullSlideShow ul li.viewList1 img{
    position: relative;
        top:0%;
    }
    }
@media screen and (max-width: 960px) {


}