@charset "utf-8";




#athleteIndexPage #content a:hover {
    color: #FFF;
    text-decoration: none;
    opacity: 1;
}

        #athleteIndexPage #content img.active{
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
        }
        #athleteIndexPage #content img.active:hover {
            opacity: 1;
        }

        @media only screen and (max-width: 900px) {
            #athleteIndexPage #content img.active{
                opacity: 1;
            }

        }

        #athleteIndexPage #content ul li p { z-index: 10; }

        

#content{margin-top:10px}
#athleteIndexPage #content{font-size:80%;line-height:1.2em}
#athleteIndexPage #content ul{margin:0 -8px 0 0}
#athleteIndexPage #content li{width:24%;float:left;overflow:hidden;position:relative;margin:0 8px 8px 0;}
#athleteIndexPage #content a{display:block;position:relative}
#athleteIndexPage #content img{width:100%!important;height:auto!important;}
#athleteIndexPage #content p{position:absolute;bottom:-50%;left:0;display:block;width:100%;height:auto;background:rgba(0,0,0,0.8);padding:10px 5%}
.BWfade{ z-index: 1;}
#athleteDetailPage a{color:#000;text-decoration:underline}
#athleteDetailPage #content{background:#FFF}
#athleteDetailPage .inner{position:relative;_zoom:1; display: flex; align-items: center;}
#athleteDetailPage .photo{overflow:hidden;width:100%;display:block}
/*#athleteDetailPage .photo ul.img{width:9999px}*/
#athleteDetailPage .photo .img li{display:inline;float:left}
#athleteDetailPage .spot{position:absolute;bottom:3%;left:0}
#athleteDetailPage .spot a{display:block;width:15px;height:15px;float:left;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#FFF;cursor:pointer;z-index:1111;margin:0 8px}
#athleteDetailPage .spot a.current{background:#e51937}
#athleteDetailPage .detail{width:100%;padding:0 3.1%}
#athleteDetailPage .detail h4{line-height: 1; font-weight: bold; font-size:48px;color:#002d62;}
#athleteDetailPage .detail h5{font-weight:400;color:#002d62;margin-bottom:20px;line-height:100%; margin-top: 8px;}
#athleteDetailPage .detail p{font-size:120%; line-height: 1.7; letter-spacing: 0.04em;}
#athleteDetailPage .detail a{display:table-cell}
#athleteDetailPage .detail ul,#athleteDetailPage .detail table{font-size:120%; line-height: 1.5; margin:20px 0;letter-spacing: 0.04em;}

#athleteIndexPage #content a:hover p { opacity: 1; bottom: 0; color: #fff; transition:all 0.3s ease; }

@media only screen and (max-width: 900px) {
#athleteIndexPage #content{font-size:60%}
#athleteIndexPage #content ul{margin:0 -2% 0 0}
#athleteIndexPage #content li{width:31.33%;margin:0 2% 2% 0}
#athleteIndexPage #content p{padding:5px 5%; font-size: 100%; line-height: 1.5;}
#athleteDetailPage .inner{display: block;}
#athleteDetailPage .detail p{font-size:14px; line-height: 1.7; }
#athleteDetailPage .detail ul, #athleteDetailPage .detail table { font-size: 14px; line-height: 1.5; }
#athleteDetailPage .photo{overflow:hidden;width:100%;float:none}
#athleteDetailPage .detail{position:static;display:block;width:100%;padding:10px 2%}
#athleteDetailPage .detail h4{font-size:24px; padding-top: 20px;}
#athleteDetailPage .detail h5{ font-weight: 400; margin: 8px 0 16px; font-size: 12px;}
#athleteDetailPage .detail ul{margin:10px 0}
}