/*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ 032 トップチーム -------------------------------------------------- */ .contents.team{position:relative;width:100%;height:auto;padding-bottom:120px;background:#efefef;text-align:center;} .contents.team .inner{width:1100px;height:auto;display:inline-block;} .contents.team .inner .title{margin:40px 0;display:inline-block;} .contents.team .inner .title h1{color:#ad0040;font-size:30px;font-weight:bold;} .contents.col_2 .inner .content{margin-bottom:40px;} .contents.col_2 .inner .content .inner{} .contents.col_2 .inner .content .inner .ttl{padding:0 0;width:100%;height:auto;} .contents.col_2 .inner .content .inner .ttl img{width:100%;height:auto;} .contents.col_2 .inner .content .inner .news{width:100%;margin:35px 0 65px;background:#FFF;display:inline-block;} .contents.col_2 .inner .content .inner .news ul{width:92%;margin:0 4% 30px;} .contents.col_2 .inner .content .inner .news ul li{padding:30px 0 14px;border-bottom:1px solid #dadada;text-align:left;} .contents.col_2 .inner .content .inner .news ul li p{color:#000;} .contents.col_2 .inner .content .inner .news ul li a.ttl{width:100%;margin-bottom:8px;text-decoration:none;display:inline-block;} .contents.col_2 .inner .content .inner .news ul li a.ttl p{padding-bottom:5px;font-size:14px;line-height:1.4em;font-weight:bold;text-decoration:none;display:inline-block;} .contents.col_2 .inner .content .inner .news ul li a.ttl:hover p{color:#666;padding-bottom:4px;border-bottom:1px solid #dadada;} .contents.col_2 .inner .content .inner .news ul li p.date{margin:0 4px 5px 0;font-size:12px;display:inline-block;} .contents.col_2 .inner .content .inner .news ul li p.category{color:#FFF;padding:6px 16px;font-size:12px;font-weight:bold;background:#ad0040;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;display:inline-block;} @media screen and (max-width:1100px){ .contents.team{padding-bottom:20px;} .contents.team .inner{width:92%;margin:0 4%;} .contents.team .inner .module .inner{width:100%;margin:0;} .contents.col_2 .inner .content{width:100%;} .contents.col_2 .inner .content .inner{width:100%;margin:0} .contents.col_2 .inner .content .inner .nav.low.player{margin-bottom:30px;padding:0 0 0;border-bottom:8px solid #0c0a58;} .contents.col_2 .inner .content .inner .nav.low.player .inner{width:100%;margin:0;} } @media screen and (max-width:690px){ .contents.col_2 .inner .content .inner .news ul li a.ttl:hover p{padding-bottom:5px;border:none;} } /* ボタン : シーズンフィルター */ .contents.col_2 .inner .content .inner .nav.low.player{float:none;width:100%;background:transparent;margin-bottom:30px;/* padding:20px 20px 10px;border-bottom:8px solid #0c0a58; */text-align:center;} .contents.col_2 .inner .content .inner .nav.low.player .inner{width:auto;} .contents.col_2 .inner .content .inner .nav.low.player .inner ul{float:left;margin-top:11px;margin-right:40px;} .contents.col_2 .inner .content .inner .nav.low.player .inner ul li a{color:#ad0040;display:inline-block;} .contents.col_2 .inner .content .inner .nav.low.player .inner ul li a:hover{color:#FFF;} .contents.col_2 .inner .content .inner .nav.low.player .inner ul li.active a{border-bottom:4px solid #000;color:#FFF;} .contents.col_2 .inner .content .inner .nav.low.player_year{float:left;width:auto;} .contents.col_2 .inner .content .inner .nav.low.player_year .inner{width:100%;} .contents.col_2 .inner .content .inner .nav.low.player_year .inner div.btn_nav_low p{padding:19px 16px 20px 16px;color:#FFF;font-size:18px;font-weight:bold;background:#ad0040;display:inline-block;} .contents.col_2 .inner .content .inner .nav.low.player_year .inner div.btn_nav_low .btn.toggle{float:right;width:50px;height:57px;background:#0c0a58;display:inline-block;} .contents.col_2 .inner .content .inner .nav.low.player_year .inner div.btn_nav_low svg{width:24px;height:15px;padding:24px 0 0 0} .contents.col_2 .inner .content .inner .nav.low.player_year .inner ul{position:absolute;width:100%;margin-top:0;margin-right:0;border-top:1px solid #7e012f;z-index:99;} .contents.col_2 .inner .content .inner .nav.low.player_year .inner ul li{float:none;width:100%;height:45px;margin-left:0;margin-bottom:0;padding-bottom:10px;border-bottom:1px solid #7e012f;background:#ad0040;text-align:center;display:inline-block;} .contents.col_2 .inner .content .inner .nav.low.player_year .inner ul li:hover{margin-left:0;} .contents.col_2 .inner .content .inner .nav.low.player_year .inner ul li:hover span{margin:23px -2px 0 0;} .contents.col_2 .inner .content .inner .nav.low.player_year .inner ul li span{display:none;} .contents.col_2 .inner .content .inner .nav.low.player_year .inner ul li a{width:92%;padding:19px 4% 20px;color:#FFF;background:#ad0040;border-bottom:1px solid #7e012f;display:inline-block;} .contents.col_2 .inner .content .inner .nav.low.player_year .inner ul li a:hover {background:#990039;} .contents.col_2 .inner .content .inner .nav.low.player_year .inner ul li a:hover span{margin:23px 0 0 0;} .contents.col_2 .inner .content .inner .nav.low.player_year .inner ul li.active a{background:#7e012f;border-bottom:none;} @media screen and (max-width:1100px){ /* ボタン : ポジションフィルター */ .contents.col_2 .inner .content .inner .nav.low.player_pos{float:left;position:relative;width:100%;border:none;display:inline-block;} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner{width:inherit;text-align:center;} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner ul{float:none;position:relative;width:auto;margin:0 auto 28px;border-top:none;display:inline-block;} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner ul li{float:left;width:auto;margin-left:-1px;border-bottom:0px solid #FFF;background:transparent; display:inline-block;cursor:pointer;} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner ul li.active{margin-bottom:0;} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner ul li span{float:left;width:1px;height:10px;margin:23px -1px 0 0;background:#7e012f;display:block;} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner ul li a{width:auto;padding:20px 16px 20px 16px;color:#ad0040;font-size:16px;font-weight:bold;text-decoration:none;display:inline-block;} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner ul li.active a{width:auto;padding:20px 16px 20px;background:#7e012f;border-bottom:4px solid #000;} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner ul li:hover{margin-left:-1px;} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner ul li:hover span{margin:23px -2px 0 0;} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner > .nav.low.player_year{float:none;position:relative;width:100%;margin-bottom:0;background:#ad0040;display:inline-block;} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner > .nav.low.player_year .inner{text-align:left;} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner > .nav.low.player_year .inner .btn_nav_low{text-align:left;} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner > .nav.low.player_year .inner .btn_nav_low .toggle{text-align:center;} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner > .nav.low.player_year .inner ul{position:relative;width:100%;margin:0 auto;border-top:1px solid #7e012f;} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner > .nav.low.player_year .inner ul li{float:left;width:50%;height:46px;margin:0;border-bottom:none;} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner > .nav.low.player_year .inner ul li a{width:100%;padding:20px 0 20px;color:#FFF;background:transparent;border-bottom:1px solid #7e012f;} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner > .nav.low.player_year .inner ul li a:hover{} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner > .nav.low.player_year .inner ul li.active a{padding-right:1px;background:#7e012f;border-bottom:none;} } @media screen and (max-width:760px){ /* ボタン : ポジションフィルター */ .contents.col_2 .inner .content .inner .nav.low.player_pos{} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner{} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner ul{} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner ul li{} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner ul li.active{} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner ul li span{} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner ul li a{} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner ul li.active a{} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner ul li:hover{} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner ul li:hover span{} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner > .nav.low.player_year{} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner > .nav.low.player_year .inner{} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner > .nav.low.player_year .inner .btn_nav_low{t} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner > .nav.low.player_year .inner .btn_nav_low .toggle{} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner > .nav.low.player_year .inner ul{} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner > .nav.low.player_year .inner ul li{float:none;width:100%;} .contents.col_2 .inner .content .inner .nav.low.player_pos .inner > .nav.low.player_year .inner ul li a{} } @media screen and (max-width:400px){ .contents.col_2 .inner .content .inner .nav.low.player_pos .inner ul li a{padding:20px 14px 20px 14px;font-size:14px;} } /* 選手リスト */ .contents.col_2 .inner .content .content_left{float:left;position:relative;width:688px;padding:0 20px 20px;height:auto;text-align:center;background:#FFF;display:inline-block;} .contents.team .inner .content .content_left h3{clear:left;margin:40px 0 20px;padding:10px 20px;color:#FFF;font-size:24px;font-weight:bold;background:#ad0040;display:inline-block;} .contents.team .inner .content .content_left .contents_wrap01{width:100%;height:auto;display:inline-block;} .contents.team .inner .content .content_left .contents_wrap01 > div{} .contents.team .inner .content .content_left .contents_wrap01 > div ul{} .contents.team .inner .content .content_left .contents_wrap01 > div ul li{float:left;width:152px;height:323px;margin:0 0 40px 16px;display:block;} .contents.team .inner .content .content_left .contents_wrap01 > div ul.academy li p.info{position:relative;top:-30px;text-align:left;font-size:13px;} .contents.team .inner .content .content_left .contents_wrap01 > div ul.academy.staff li p.info{top:10px;} .contents.team .inner .content .content_left .contents_wrap01 > div ul.academy li p.info span{margin-bottom:8px;padding:7px 0 5px 8px;font-size:11px;background:#dadada;display:block!important;} .contents.team .inner .content .content_left .contents_wrap01 > div ul li a:hover{opacity:.75;} .contents.team .inner .content .content_left .contents_wrap01 .team_content02_wrap{text-align:left;} .contents.col_2 .inner .content .content_right{float:right;position:relative;width:300px;height:auto;text-align:left;background:#FFF;display:inline-block;} .contents.team .inner .content .content_right h3{clear:left;margin:0;padding:10px 20px;color:#FFF;font-size:18px;font-weight:bold;background:#ad0040;} .contents.team .inner .content .content_right ul{} .contents.team .inner .content .content_right ul li{font-size:14px;} /* .contents.team .inner .content .content_right ul li:hover{} */ .contents.team .inner .content .content_right ul li a{color:#000;padding:15px 0 15px 16px;text-decoration:none;font-size:18px;display:block;} .contents.team .inner .content .content_right ul li a em{width:50px;margin-right:20px;text-align:center;display:inline-block;} .contents.team .inner .content .content_right ul li a span.p_number{width:50px;margin-right:20px;text-align:center;display:inline-block;} .contents.team .inner .content .content_right ul li a:hover{color:#FFF;background:#7e012f;} .contents.team .inner .content .content_right ul li:hover a em{color:#FFF;} .contents.team .inner .content .content_right ul li:hover a span{color:#FFF;} @media screen and (max-width:1100px){ .contents.col_2 .inner .content .content_left{width:60%;} .contents.col_2 .inner .content .content_right{min-width:200px;width:30%;} .contents.team .inner .content .content_right ul li a{font-size:16px;} .contents.team .inner .content .content_right ul li a em{width:30px;margin-right:10px;} } @media screen and (max-width:760px){ .contents.col_2 .inner .content .content_left{width:100%;padding:0 0 20px;} .contents.col_2 .inner .content .content_right{display:none;} } @media screen and (max-width:400px){ .contents.team .inner .content .content_left .contents_wrap01 > div ul li{float:left;width:46%;margin:0 2% 30px;} .contents.team .inner .content .content_left .contents_wrap01 > div ul li a{display:inline-block;} .contents.team .inner .content .content_left .contents_wrap01 > div ul li a img{width:100%;height:auto;} .contents.team .inner .content .content_left .contents_wrap01 .team_content02_wrap img{float:left;width:46%;height:auto;margin:0 2% 30px;} } /* 選手リスト table */ .team_table02{width:100%;border-top:1px solid #f5f5f5;border-left:1px solid #f5f5f5;} .team_table02 tr td{padding:20px 0;font-size:18px;border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;} .team_table02 tr:nth-child(2n) td:nth-child(1n), .team_table02 tr:nth-child(1n) td:nth-child(2n){background:#FFF;} /* アカデミー（2017年以降用） */ .contents.team .inner .content .content_left .contents_wrap01 div.team_wrap02_2017 ul.academy li{} .contents.team .inner .content .content_left .contents_wrap01 div.team_wrap02_2017 ul.academy li p{position:relative;text-align:left;margin:12px 0;line-height:1.2em;} .contents.team .inner .content .content_left .contents_wrap01 div.team_wrap02_2017 ul.academy li p.name{font-size:15px;} .contents.team .inner .content .content_left .contents_wrap01 div.team_wrap02_2017 ul.academy li p.name span.romaji{font-size:11px;} .contents.team .inner .content .content_left .contents_wrap01 div.team_wrap02_2017 ul.academy li p.info{position:relative;top:0px;font-size:12px;} .contents.team .inner .content .content_left .contents_wrap01 div.team_wrap02_2017 ul.academy li p.info span{margin:12px 0 4px 0;padding:2px 4px;font-size:11px;background:#dadada;display:block!important;} .contents.team .inner .content .content_left .contents_wrap01 div.team_wrap02_2017 ul.academy li p.post{margin:12px 0 4px 0;padding:6px 4px;font-size:12px; font-weight:bold;color:#FFF;background-color:#666;display:block;} /*.contents.team .inner .content .content_left .contents_wrap01 div.team_wrap02_2017 ul.academy.staff li p.info{top:10px;}*/