@charset "utf-8";
/* about4_*.php */

#TE2S14_photo , #TE2S14_photo_box , #TE2S14_photo_list , #TE2S14_photo_inner { 
    display:block ; width:100% ; max-width:55rem ; margin:auto ; position:relative } 
#TE2S14_photo { max-width:62rem }
#TE2S14_photo_box { overflow:hidden }
#TE2S14_photo_org , #TE2S14_photo_inner , .TE2S14_photo_li , .TE2S14_photo_li figure , .TE2S14_photo_li img  {  width:100% ; max-width:55rem }
#TE2S14_photo_list { position: absolute; left:0 ; top:0}
#TE2S14_photo_inner , .TE2S14_photo_li figure { display:block ; position:relative }
.TE2S14_photo_li { display:block ; position:absolute ; top:0 }
 
.TE2S14_photo_li:nth-child(1) { left:0 }
.TE2S14_photo_li:nth-child(2) { left:100% }
.TE2S14_photo_li:nth-child(3) { left:200% }
.TE2S14_photo_li:nth-child(4) { left:300% }
.TE2S14_photo_li:nth-child(5) { left:400% }
.TE2S14_photo_li:nth-child(6) { left:500% }
.TE2S14_photo_li:nth-child(7) { left:600% }
.TE2S14_photo_li:nth-child(8) { left:700% }
.TE2S14_photo_li:nth-child(9) { left:800% }
.TE2S14_photo_li:nth-child(10) { left:900% }
.TE2S14_photo_li:nth-child(11) { left:1000% }
.TE2S14_photo_li:nth-child(12) { left:1100% }
.TE2S14_photo_li:nth-child(13) { left:1200% }
.TE2S14_photo_li:nth-child(14) { left:1300% }
.TE2S14_photo_li:nth-child(15) { left:1400% }
.TE2S14_photo_li:nth-child(16) { left:1500% }
.TE2S14_photo_li:nth-child(17) { left:1600% }
.TE2S14_photo_li:nth-child(18) { left:1700% }
.TE2S14_photo_li:nth-child(19) { left:1800% }
.TE2S14_photo_li:nth-child(20) { left:1900% }

.TE2S14_photo_btn { 
    position: absolute ; top:50% ; transform: translateY(-50%);
    width:2.5rem ; height:2.5rem ; display:block ; overflow:hidden ;
    font-size:0 ; color:transparent ; opacity:0.2 ; 
    background:url(../TE2_img_photo/photo_arrow.png) no-repeat left top ;
}
.TE2S14_photo_btn:hover { opacity:0.6 }
.TE2S14_photo_btn.prev { left:0  }
.TE2S14_photo_btn.next { right:0 ; background-position:right top ;}

.TE2S14_photo_btn , #TE2S14_photo_list , .TE2S14_photo_page button , .TE2S14_photo_page span { transition:0.3s all }

.TE2S14_photo_page , .TE2S14_photo_page button , .TE2S14_photo_page span { display:block ; overflow:hidden }
.TE2S14_photo_page { text-align:center ; padding-top:1rem ; }
.TE2S14_photo_page li { display: inline-block; margin:0.2rem}
.TE2S14_photo_page li , .TE2S14_photo_page button { width:0.8rem ; height:0.8rem }
.TE2S14_photo_page button { position:relative}
.TE2S14_photo_page span { 
    position:absolute ; left:50% ; top:50% ; transform: translate(-50%,-50%);
    width:0.3rem ; height:0.3rem ; background-color:#444444  ;
    font-size:0 ; color:transparent ; border-radius:4rem ; opacity:0.3 ;
} 
.TE2S14_photo_page button:hover span { opacity:0.7 }
.TE2S14_photo_page .active span { 
    opacity:0.6 ;
    width:100% ; height:100% ; box-sizing: border-box ; border:solid 0.15rem #444444 ; background:none   ;}
.TE2S14_photo_page button.active:hover span { opacity:1}

.TE2S14_photo_li figcaption { 
    display: inline-block ; position: absolute ; left:0 ; bottom:0 ;
    font-size:1rem ; line-height:1.1rem ; font-weight:500 ; color:#ffffff ;
    padding:1rem 2rem ; background-color: rgba(0,0,0,0.5);
}


/* MOBILE ****/
@media all and (max-width:1100px){

    .TE2S14_photo_btn {  
        width:2rem ; height:2rem ; opacity:0.8 ;  
        background:url(../TE2_img/slide_arrow_MB.png) no-repeat left top rgba(0,0,0,0.5)
    }
    .TE2S14_photo_btn:hover { opacity:1 }
}