@charset "UTF-8";
/*--------------------------------------------
TOPPAGE_SCORE
----------------------------------------------*/
.scoreWp {
background: #001735;
background-size: cover;
padding: 15px 0 40px 0;
}
.scoreWp .scoreInner-unit {
width: 1000px;
margin: 0 auto;
color: #FFFFFF;
*zoom: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
position: relative;
}
.scoreWp .scoreInner-unit:after {
content: "";
display: table;
clear: both;
}
.scoreWp .scoreInner-unit .logo {
position: absolute;
margin: auto;
left: 0;
top: 30px;
width: 362px;
}
.scoreWp .scoreInner-unit .logo img {
width: 100%;
height: auto;
}
.scoreWp .scoreInner-unit .score-unit {
width: 600px;
margin-top: 24px;
}
.scoreWp .scoreInner-unit .score-unit .gameTtl {
*zoom: 1;
color: #FFFFFF;
position: relative;
padding-bottom: 10px;
border-bottom: 1px solid #424242;
}
.scoreWp .scoreInner-unit .score-unit .gameTtl:after {
content: "";
display: table;
clear: both;
}
.scoreWp .scoreInner-unit .score-unit .gameTtl .logo {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 140px;
}
.scoreWp .scoreInner-unit .score-unit .gameTtl .logo img {
width: 100%;
height: auto;
}
.scoreWp .scoreInner-unit .score-unit .gameTtl h4 {
width: 450px;
float: right;
text-align: center;
font-size: 28px;
line-height: 1.2;
}
.scoreWp .scoreInner-unit .score-unit .gameTtl p.subTtl {
width: 450px;
float: right;
text-align: center;
font-size: 15px;
padding-top: 5px;
line-height: 1.4;
}
.scoreWp .scoreInner-unit .score-unit .gameTtl p.subTtl span.vs {
font-size: 20px;
font-weight: bold;
padding-left: 10px;
display: inline-block;
}
.scoreWp .scoreInner-unit .score-unit .gameTtl.noImg h4 {
width: auto;
float: none;
text-align: center;
font-size: 28px;
line-height: 1.2;
}
.scoreWp .scoreInner-unit .score-unit .gameTtl.noImg p.subTtl {
width: auto;
float: none;
}
.scoreWp .scoreInner-unit .score-unit .gameTtl p.caution {
clear: both;
text-align: center;
font-size: 13px;
}
.scoreWp .scoreInner-unit .score-unit .gameSchedule {
font-size: 14px;
text-align: center;
line-height: 1.4;
margin: 10px 0;
}
.scoreWp .scoreInner-unit .score-unit .gameSchedule::after {
content: " | ";
}
.scoreWp .scoreInner-unit .score-unit .gameSchedule span {
display: inline-block;
}
.scoreWp .scoreInner-unit .score-unit .gameSchedule span::before {
content: " | ";
}
.scoreWp .scoreInner-unit .score-unit .gameLinks {
text-align: center;
margin-top: 10px;
}
.scoreWp .scoreInner-unit .score-unit .gameLinks li {
display: inline-block;
margin-right: 5px;
}
.scoreWp .scoreInner-unit .score-unit .gameLinks li a {
display: block;
padding: 4px 30px 4px 20px;
text-align: center;
color: #FFFFFF;
border: 1px solid #424242;
font-size: 13px;
position: relative;
text-decoration: none;
background: transparent;
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
}
.scoreWp .scoreInner-unit .score-unit .gameLinks li a::after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 15px;
margin-top: -4px;
}
.scoreWp .scoreInner-unit .score-unit .gameLinks li a:hover {
background: #092967;
}
.scoreWp .scoreInner-unit .score-unit .line-score,
.scoreWp .scoreInner-unit .score-unit #line-score {
margin-top: 10px;
}
.scoreWp .scoreInner-unit .score-unit .line-score p.right,
.scoreWp .scoreInner-unit .score-unit #line-score p.right {
font-size: 12px;
padding-top: 5px;
}
.scoreWp .scoreInner-unit .score-unit .line-score table,
.scoreWp .scoreInner-unit .score-unit #line-score table {
width: 100%;
background: #000000;
border-left: 1px solid #424242;
border-bottom: 1px solid #424242;
}
.scoreWp .scoreInner-unit .score-unit .line-score table .total-1,
.scoreWp .scoreInner-unit .score-unit #line-score table .total-1 {
border-left: 2px solid rgba(255, 255, 255, 0.4);
}
.scoreWp .scoreInner-unit .score-unit .line-score table thead th,
.scoreWp .scoreInner-unit .score-unit .line-score table thead td,
.scoreWp .scoreInner-unit .score-unit #line-score table thead th,
.scoreWp .scoreInner-unit .score-unit #line-score table thead td {
text-align: center;
padding: 5px;
color: #FFF;
border-right: 1px solid #424242;
background: #1b1c24;
}
.scoreWp .scoreInner-unit .score-unit .line-score table tbody th span,
.scoreWp .scoreInner-unit .score-unit #line-score table tbody th span {
padding-left: 34px;
font-weight: normal;
}
.scoreWp .scoreInner-unit .score-unit .line-score table tbody th,
.scoreWp .scoreInner-unit .score-unit .line-score table tbody td,
.scoreWp .scoreInner-unit .score-unit #line-score table tbody th,
.scoreWp .scoreInner-unit .score-unit #line-score table tbody td {
padding: 8px;
color: #FFF;
border-top: 1px solid #424242;
border-right: 1px solid #424242;
white-space: nowrap;
}
.scoreWp .scoreInner-unit .score-unit .line-score table tbody td,
.scoreWp .scoreInner-unit .score-unit #line-score table tbody td {
text-align: center;
}
.scoreWp .scoreInner-unit .score-unit .game-detail {
text-align: center;
margin-top: 20px;
}
.scoreWp .scoreInner-unit .score-unit .game-detail a {
font-size: 14px;
color: #FFF;
padding: 4px 25px 4px 20px;
text-decoration: none;
position: relative;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.5);
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
}
.scoreWp .scoreInner-unit .score-unit .game-detail a.during {
background: #ef454a;
}
.scoreWp .scoreInner-unit .score-unit .game-detail a.end {
background: #3fa7be;
}
.scoreWp .scoreInner-unit .score-unit .game-detail a::after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 12px;
margin-top: -3px;
}
.scoreWp .scoreInner-unit .score-unit.topteam .line-score {
border-top: 5px #CC0000 solid;
}
.scoreWp .scoreInner-unit .score-unit.topteam .game-detail a:hover {
background: #CC0000;
}
.scoreWp .scoreInner-unit .score-unit.amateur .line-score {
border-top: 5px #9900CB solid;
}
.scoreWp .scoreInner-unit .score-unit.amateur .game-detail a:hover {
background: #9900CB;
}
.scoreWp .scoreInner-unit .score-unit.u21 .line-score {
border-top: 5px #cc6600 solid;
}
.scoreWp .scoreInner-unit .score-unit.u21 .game-detail a:hover {
background: #cc6600;
}
.scoreWp .scoreInner-unit .score-unit.u23 .line-score {
border-top: 5px #cc6600 solid;
}
.scoreWp .scoreInner-unit .score-unit.u23 .game-detail a:hover {
background: #cc6600;
}
.scoreWp .scoreInner-unit .score-unit.univ .line-score {
border-top: 5px #cc9900 solid;
}
.scoreWp .scoreInner-unit .score-unit.univ .game-detail a:hover {
background: #cc9900;
}
.scoreWp .scoreInner-unit .score-unit.u18 .line-score {
border-top: 5px #006600 solid;
}
.scoreWp .scoreInner-unit .score-unit.u18 .game-detail a:hover {
background: #006600;
}
.scoreWp .scoreInner-unit .score-unit.u15 .line-score {
border-top: 5px #33CC33 solid;
}
.scoreWp .scoreInner-unit .score-unit.u15 .game-detail a:hover {
background: #33CC33;
}
.scoreWp .scoreInner-unit .score-unit.u12 .line-score {
border-top: 5px #3399CC solid;
}
.scoreWp .scoreInner-unit .score-unit.u12 .game-detail a:hover {
background: #3399CC;
}
.scoreWp .scoreInner-unit .score-unit.woman .line-score {
border-top: 5px #FF6666 solid;
}
.scoreWp .scoreInner-unit .score-unit.woman .game-detail a:hover {
background: #FF6666;
}
.scoreWp .scoreInner-unit .score-unit.itsuwari .line-score {
border-top: 5px #012063 solid;
}
.scoreWp .scoreInner-unit .score-unit.itsuwari .game-detail a:hover {
background: #012063;
}
.scoreWp .scoreInner-unit .score-unit.baseball5 .line-score {
border-top: 5px #E60012 solid;
}
.scoreWp .scoreInner-unit .score-unit.baseball5 .game-detail a:hover {
background: #E60012;
}
.scoreWp .scoreInner-unit .schedule {
width: 360px;
font-size: 13px;
margin: 0 30px 0 0;
}
.scoreWp .scoreInner-unit .schedule table {
width: 100%;
border: 1px solid #424242;
}
.scoreWp .scoreInner-unit .schedule table.score2 {
margin-top: 20px;
}
.scoreWp .scoreInner-unit .schedule table th.group {
font-weight: normal;
}
.scoreWp .scoreInner-unit .schedule table th.group span {
display: inline-block;
}
.scoreWp .scoreInner-unit .schedule table th,
.scoreWp .scoreInner-unit .schedule table td {
padding: 6px 4px;
border-bottom: 1px solid #424242;
text-align: center;
line-height: 1.2;
color: #FFFFFF;
background: #001735;
}
.scoreWp .scoreInner-unit .schedule table th span,
.scoreWp .scoreInner-unit .schedule table td span {
font-size: 10px;
line-height: 1.1;
display: block;
}
.scoreWp .scoreInner-unit .schedule table th span.live,
.scoreWp .scoreInner-unit .schedule table td span.live {
background: #c8161d;
padding: 4px;
display: inline-block;
}
.scoreWp .scoreInner-unit .schedule table th span.video,
.scoreWp .scoreInner-unit .schedule table td span.video {
background: #2576d9;
padding: 4px;
display: inline-block;
}
.scoreWp .scoreInner-unit .schedule table th a,
.scoreWp .scoreInner-unit .schedule table td a {
color: #FFFFFF;
font-weight: bold;
}
.scoreWp .scoreInner-unit .schedule table th a:hover,
.scoreWp .scoreInner-unit .schedule table td a:hover {
text-decoration: underline;
}
.scoreWp .scoreInner-unit .schedule table th a.normal,
.scoreWp .scoreInner-unit .schedule table td a.normal {
font-weight: normal;
}
.scoreWp .scoreInner-unit .schedule table th img,
.scoreWp .scoreInner-unit .schedule table td img {
width: 20px;
height: auto;
vertical-align: middle;
}
.scoreWp .scoreInner-unit .schedule table tr td:first-child {
font-size: 11px;
}
.scoreWp .scoreInner-unit .schedule table tr.mark td,
.scoreWp .scoreInner-unit .schedule table tr.mark th {
background: #ad0000;
}
.scoreWp .scoreInner-unit .schedule table tr.gray td,
.scoreWp .scoreInner-unit .schedule table tr.gray th {
background: #7d7d7d !important;
color: #d1d1d1;
}
.scoreWp .scoreInner-unit .schedule p.at {
color: #FFF;
font-size: 11px;
padding: 5px 0;
}
.scoreWp#u12worldcup {
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #00642d), to(#005027));
background-image: linear-gradient(0deg, #00642d 25%, #005027);
}
.scoreWp#u12worldcup .scoreInner-unit {
position: relative;
}
.scoreWp#u12worldcup .scoreInner-unit .logo {
position: absolute;
top: 10px;
left: 80px;
width: 200px;
}
.scoreWp#u12worldcup .scoreInner-unit .logo img {
width: 100%;
height: auto;
}
.scoreWp#u12worldcup .scoreInner-unit .score-unit .gameTtl {
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.scoreWp#u12worldcup .scoreInner-unit .score-unit .gameLinks li a {
border: 1px solid rgba(255, 255, 255, 0.4);
}
.scoreWp#u12worldcup .scoreInner-unit .score-unit .gameLinks li a:hover {
background: #015428;
}
.scoreWp#u12worldcup .scoreInner-unit .score-unit .game-detail a {
background: #00642d;
border: 1px solid rgba(255, 255, 255, 0.4);
}
.scoreWp#u12worldcup .scoreInner-unit .score-unit .game-detail a:hover {
background: #3399CC;
}
.scoreWp#u12worldcup .scoreInner-unit .score-unit .game-detail a.during {
background: #ef454a;
}
.scoreWp#u12worldcup .scoreInner-unit .score-unit .game-detail a.end {
background: #3fa7be;
}
.scoreWp#u12worldcup .scoreInner-unit .schedule {
margin-top: 140px;
}
.scoreWp#u12worldcup .scoreInner-unit .schedule table {
border-color: rgba(255, 255, 255, 0.4);
}
.scoreWp#u12worldcup .scoreInner-unit .schedule table th,
.scoreWp#u12worldcup .scoreInner-unit .schedule table td {
background: #00642d;
border-color: rgba(255, 255, 255, 0.4);
}
.scoreWp#u12worldcup .scoreInner-unit .schedule table tr.mark th,
.scoreWp#u12worldcup .scoreInner-unit .schedule table tr.mark td {
background: #D24A07;
}
body.sp .scoreWp {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 0;
}
body.sp .scoreWp .scoreInner-unit {
width: 100%;
display: block;
}
body.sp .scoreWp .scoreInner-unit .logo {
position: static !important;
width: 140px !important;
margin: 0 auto 10px auto;
}
body.sp .scoreWp .scoreInner-unit .score-unit {
width: 100%;
margin-top: 0;
}
body.sp .scoreWp .scoreInner-unit .score-unit .gameTtl {
margin: 0 10px;
padding-bottom: 0;
}
body.sp .scoreWp .scoreInner-unit .score-unit .gameTtl .logo {
position: static;
text-align: center;
margin: 0 auto 10px auto;
}
body.sp .scoreWp .scoreInner-unit .score-unit .gameTtl h4 {
font-size: 18px;
float: none;
width: auto;
line-height: 1.2;
}
body.sp .scoreWp .scoreInner-unit .score-unit .gameTtl p.subTtl {
float: none;
width: auto;
font-size: 12px;
padding-bottom: 5px;
}
body.sp .scoreWp .scoreInner-unit .score-unit .gameTtl p.subTtl .vs {
font-size: 14px;
display: inline-block;
}
body.sp .scoreWp .scoreInner-unit .score-unit .gameTtl p.caution {
font-size: 11px;
line-height: 1.4;
padding-bottom: 10px;
}
body.sp .scoreWp .scoreInner-unit .score-unit .gameSchedule {
font-size: 13px;
margin: 5px 10px;
}
body.sp .scoreWp .scoreInner-unit .score-unit .gameSchedule::after {
content: "";
}
body.sp .scoreWp .scoreInner-unit .score-unit .gameSchedule span {
display: block;
}
body.sp .scoreWp .scoreInner-unit .score-unit .gameSchedule span::before {
content: "";
}
body.sp .scoreWp .scoreInner-unit .score-unit .gameLinks li {
margin-bottom: 5px;
}
body.sp .scoreWp .scoreInner-unit .score-unit .gameLinks li a {
padding: 5px 15px 5px 10px;
}
body.sp .scoreWp .scoreInner-unit .score-unit .gameLinks li a::after {
right: 5px;
}
body.sp .scoreWp .scoreInner-unit .score-unit.topteam .line-score table {
border-top: 3px #CC0000 solid;
}
body.sp .scoreWp .scoreInner-unit .score-unit.amateur .line-score table {
border-top: 3px #9900CB solid;
}
body.sp .scoreWp .scoreInner-unit .score-unit.u21 .line-score table {
border-top: 3px #cc6600 solid;
}
body.sp .scoreWp .scoreInner-unit .score-unit.u23 .line-score table {
border-top: 3px #cc6600 solid;
}
body.sp .scoreWp .scoreInner-unit .score-unit.univ .line-score table {
border-top: 3px #cc9900 solid;
}
body.sp .scoreWp .scoreInner-unit .score-unit.u18 .line-score table {
border-top: 3px #006600 solid;
}
body.sp .scoreWp .scoreInner-unit .score-unit.u15 .line-score table {
border-top: 3px #33CC33 solid;
}
body.sp .scoreWp .scoreInner-unit .score-unit.u12 .line-score table {
border-top: 3px #3399CC solid;
}
body.sp .scoreWp .scoreInner-unit .score-unit.woman .line-score table {
border-top: 3px #FF6666 solid;
}
body.sp .scoreWp .scoreInner-unit .score-unit.itsuwari .line-score table {
border-top: 3px #012063 solid;
}
body.sp .scoreWp .scoreInner-unit .score-unit.baseball5 .line-score table {
border-top: 3px #E60012 solid;
}
body.sp .scoreWp .scoreInner-unit .score-unit .line-score,
body.sp .scoreWp .scoreInner-unit .score-unit #line-score {
padding: 0 10px 10px 10px;
border-top: none;
}
body.sp .scoreWp .scoreInner-unit .score-unit .line-score table tbody th span,
body.sp .scoreWp .scoreInner-unit .score-unit #line-score table tbody th span {
padding-left: 20px !important;
line-height: 10px !important;
background-position: 0 3px;
}
body.sp .scoreWp .scoreInner-unit .score-unit .line-score table th,
body.sp .scoreWp .scoreInner-unit .score-unit .line-score table td,
body.sp .scoreWp .scoreInner-unit .score-unit #line-score table th,
body.sp .scoreWp .scoreInner-unit .score-unit #line-score table td {
padding: 6px !important;
}
body.sp .scoreWp .scoreInner-unit .score-unit .game-detail {
margin: 5px auto 20px auto;
}
body.sp .scoreWp .schedule {
margin-top: 30px !important;
width: 100%;
float: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
}
body.sp .scoreWp .schedule table.score2 {
margin-top: 10px !important;
}
body.sp .scoreWp .schedule tbody tr td:nth-child(2n) {
white-space: nowrap;
}
body.sp .scoreWp .schedule p.at {
text-align: left;
}
body.sp .scoreWp#u12worldcup {
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #00642d), to(#005027));
background-image: linear-gradient(0deg, #00642d 25%, #005027);
}
body.sp .scoreWp#u12worldcup .scoreInner-unit {
position: relative;
}
body.sp .scoreWp#u12worldcup .scoreInner-unit .logo {
position: absolute;
top: 0;
left: 80px;
width: 200px;
}
body.sp .scoreWp#u12worldcup .scoreInner-unit .logo img {
width: 100%;
height: auto;
}
body.sp .scoreWp#u12worldcup .scoreInner-unit .score-unit .gameTtl {
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
body.sp .scoreWp#u12worldcup .scoreInner-unit .score-unit .gameLinks li a {
border: 1px solid rgba(255, 255, 255, 0.4);
}
body.sp .scoreWp#u12worldcup .scoreInner-unit .score-unit .gameLinks li a:hover {
background: #015428;
}
body.sp .scoreWp#u12worldcup .scoreInner-unit .score-unit .game-detail a {
background: #00642d;
border: 1px solid rgba(255, 255, 255, 0.4);
}
body.sp .scoreWp#u12worldcup .scoreInner-unit .score-unit .game-detail a:hover {
background: #3399CC;
}
body.sp .scoreWp#u12worldcup .scoreInner-unit .score-unit .game-detail a.during {
background: #ef454a;
}
body.sp .scoreWp#u12worldcup .scoreInner-unit .score-unit .game-detail a.end {
background: #3fa7be;
}
body.sp .scoreWp#u12worldcup .scoreInner-unit .schedule {
margin-top: 135px;
}
body.sp .scoreWp#u12worldcup .scoreInner-unit .schedule table {
border-color: rgba(255, 255, 255, 0.4);
}
body.sp .scoreWp#u12worldcup .scoreInner-unit .schedule table th,
body.sp .scoreWp#u12worldcup .scoreInner-unit .schedule table td {
background: #00642d;
border-color: rgba(255, 255, 255, 0.4);
}
body.sp .scoreWp#u12worldcup .scoreInner-unit .schedule table tr.mark th,
body.sp .scoreWp#u12worldcup .scoreInner-unit .schedule table tr.mark td {
background: #D24A07;
}
.top-tablescore {
padding: 40px 0 0;
background: #EDF1F4;
}
.top-tablescore .scoreWp {
width: 960px;
margin: 0 auto;
padding: 18px 20px 18px;
*zoom: 1;
background: #1E3D4E;
}
.top-tablescore .scoreWp:after {
content: "";
display: table;
clear: both;
}
.top-tablescore h4 {
margin-bottom: 3px;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
}
.top-tablescore h4 img {
height: 22px;
width: auto;
}
.top-tablescore .logo {
width: 126px;
height: 155px;
float: left;
}
.top-tablescore .logo img {
width: 126px;
height: 155px;
}
.top-tablescore .score-unit {
width: 824px;
float: right;
position: relative;
}
.top-tablescore .game-detail {
position: absolute;
top: 4px;
right: 0;
}
.top-tablescore a.link-text:link,
.top-tablescore a.link-text:visited {
color: #FFFFFF;
background: url(/jp/img/common/arrow_link_3.png) left 0.5em no-repeat;
}
.top-tablescore .scoreInner-unit {
*zoom: 1;
}
.top-tablescore .scoreInner-unit:after {
content: "";
display: table;
clear: both;
}
.top-tablescore #line-score table {
border: 1px solid #000000;
width: 824px;
height: 120px;
}
.top-tablescore #line-score table thead {
background: #235275;
text-align: center;
color: #FFFFFF;
}
.top-tablescore #line-score table thead th,
.top-tablescore #line-score table thead td {
padding: 10px;
border: 1px solid #7b92a3;
border-bottom: 3px solid #7b92a3;
}
.top-tablescore #line-score table thead th {
width: 263px;
height: 18px;
}
.top-tablescore #line-score table thead td {
height: 15px;
padding: 0;
}
.top-tablescore #line-score table tbody th,
.top-tablescore #line-score table tbody td {
padding: 9px 10px;
border: 1px solid #7b92a3;
background: #FFFFFF;
font-weight: normal;
color: #000000;
}
.top-tablescore #line-score table tbody th {
padding-left: 10px;
}
.top-tablescore #line-score table tbody td {
width: 15px;
text-align: center;
}
.top-tablescore #line-score table tbody th span {
display: block;
padding-left: 37px;
text-decoration: none;
}
.top-tablescore #line-score table thead td.total-1,
.top-tablescore #line-score table tbody td.total-1 {
border-left: 3px solid #7B92A3;
}
.top-tablescore .game-detail {
position: absolute;
top: 4px;
right: 0;
}
.top-tablescore a.link-text:link,
.top-tablescore a.link-text:visited {
color: #FFFFFF;
background: url(/jp/img/common/arrow_link_3.png) left 0.5em no-repeat;
}
.top-tablescore .btn-detail {
display: inline-block;
*display: inline;
*zoom: 1;
height: 30px;
text-align: center;
}
.top-tablescore .btn-detail.right {
text-align: right !important;
}
.top-tablescore .btn-detail p.padL {
padding-left: 10px;
}
.top-tablescore .btn-detail a {
display: block;
width: 65px;
height: 30px;
line-height: 30px;
padding: 0 0 0 29px;
text-align: left;
background: #FFFFFF url(/jp/img/common/arrow_link_red.png) no-repeat 15px center;
color: #d40000;
font-size: 14px;
font-weight: bold;
}
.top-tablescore .btn-detail a:hover {
text-decoration: none;
background: #ee6969 url(/jp/img/common/arrow_link_3.png) no-repeat 15px center;
color: #FFFFFF;
}
body.sp .top-tablescore .scoreWp {
width: 93.75%;
padding: 80px 0 10px;
margin: 0 auto;
position: relative;
}
body.sp .top-tablescore h4 {
position: absolute;
top: -60px;
left: 85px;
line-height: 1.2;
}
body.sp .top-tablescore h4 img {
height: 16px;
}
body.sp .top-tablescore h4 span {
display: block;
font-size: 10px;
font-weight: normal;
line-height: 1;
}
body.sp .top-tablescore .logo {
width: 60px;
height: inherit;
float: none;
position: absolute;
top: 10px;
left: 10px;
}
body.sp .top-tablescore .logo img {
width: 60px;
height: auto;
}
body.sp .top-tablescore .score-unit {
width: 100%;
float: none;
position: relative;
}
body.sp .top-tablescore #line-score {
margin-top: 10px;
padding: 0 10px;
background: none;
}
body.sp .top-tablescore #line-score div {
margin: 0 auto;
border: 1px solid #000000;
}
body.sp .top-tablescore #line-score table {
width: 100%;
height: auto;
}
body.sp .top-tablescore #line-score th,
body.sp .top-tablescore #line-score td {
padding: 6px 5px;
background: #FFFFFF;
text-align: center;
vertical-align: middle;
font-size: 12px;
line-height: 1;
}
body.sp .top-tablescore #line-score thead th,
body.sp .top-tablescore #line-score thead td {
background: #235275;
color: #FFFFFF;
}
body.sp .top-tablescore #line-score thead th {
border-bottom: 2px solid #7B92A3;
}
body.sp .top-tablescore #line-score thead td {
height: auto;
border-bottom: 2px solid #7B92A3;
border-left: 1px solid #7B92A3;
}
body.sp .top-tablescore #line-score tbody th {
text-align: left;
border-top: 1px solid #7B92A3;
white-space: nowrap;
}
body.sp .top-tablescore #line-score tbody th a,
body.sp .top-tablescore #line-score tbody th span {
margin: 0 5px;
display: block;
padding-left: 20px;
text-decoration: none;
}
body.sp .top-tablescore #line-score tbody td {
border-top: 1px solid #7B92A3;
border-left: 1px solid #7B92A3;
}
body.sp .top-tablescore #line-score p.note {
margin-top: 5px;
text-align: right;
}
body.sp .top-tablescore .game-detail {
top: -20px;
right: 12px;
}
body.sp .top-tablescore .btn-detail {
display: table-cell;
width: 50%;
height: 25px;
padding: 0;
margin-bottom: 0;
text-align: center;
}
body.sp .top-tablescore .btn-detail a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 0;
background-position: 1em center;
height: 25px;
line-height: 25px;
text-align: center;
}
body.sp .top-tablescore .btn-detail p {
padding: 0 10px;
}
#nichibei2014-score {
background: #EDF1F4;
padding: 40px 0;
}
#nichibei2014-score .banner-area {
padding: 0;
margin-top: 20px;
}
#nichibei2014-score #nichibei-logo {
width: 156px;
height: 155px;
float: left;
}
#nichibei2014-score #nichibei-logo a {
display: block;
width: 156px;
height: 190px;
}
#nichibei2014-score .scoreWp {
width: 980px;
margin: 0 auto;
padding: 18px 20px 0 0;
background: #000000 url(/img/top/score/t_score/bg_score.jpg) 0 0 no-repeat;
*zoom: 1;
}
#nichibei2014-score .scoreWp:after {
content: "";
display: table;
clear: both;
}
#nichibei2014-score .navWp {
width: 1000px;
margin: 0 auto;
}
#nichibei2014-score nav {
background: url(/nichibei2014/img/jp/common/2014/bg_nav.gif) repeat-x top;
text-align: center;
}
#nichibei2014-score nav ul:before,
#nichibei2014-score nav ul:after {
content: "";
display: table;
}
#nichibei2014-score nav ul:after {
clear: both;
}
#nichibei2014-score nav ul {
height: 49px;
*zoom: 1;
}
#nichibei2014-score nav ul li {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 15px 0 0 10px;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
text-shadow: 0 -1px rgba(0, 0, 0, 0.34);
}
#nichibei2014-score nav ul li:first-child {
padding-left: 0;
}
#nichibei2014-score nav ul li span {
padding-left: 10px;
}
#nichibei2014-score nav ul li a.current,
#nichibei2014-score nav ul li a:hover {
color: #e1c35b !important;
text-decoration: none !important;
}
#nichibei2014-score nav ul li a:link,
#nichibei2014-score nav ul li a:visited {
color: #FFFFFF;
}
#nichibei2014-score #pn,
#nichibei2014-score #pn_home {
display: none;
}
#nichibei2014-score .score-unit {
width: 824px;
float: left;
position: relative;
margin-bottom: 20px;
}
#nichibei2014-score .scoreInner-unit {
*zoom: 1;
}
#nichibei2014-score .scoreInner-unit:after {
content: "";
display: table;
clear: both;
}
#nichibei2014-score .att-text {
clear: both;
padding: 10px 0;
text-align: center;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
}
#nichibei2014-score .media-unit {
width: 848px;
margin: 0 20px 0 156px;
*zoom: 1;
}
#nichibei2014-score .media-unit:after {
content: "";
display: table;
clear: both;
}
#nichibei2014-score .media-unit .unit {
width: 390px;
height: 40px;
margin: 0 24px 30px 0;
padding: 10px 10px 0 0;
float: left;
text-align: right;
color: #FFFFFF;
}
#nichibei2014-score .media-unit .unit p.text {
padding-top: 6px;
}
#nichibei2014-score .media-unit #media-tv {
background: #235275 url(/img/top/score/t_score/tt_tv_pc.gif) 0 0 no-repeat;
}
#nichibei2014-score .media-unit #media-live {
background: #d40000 url(/img/top/score/t_score/tt_live_pc.gif) 0 0 no-repeat;
}
#nichibei2014-score .media-unit #media-live-a {
background: #d40000 url(/img/top/score/t_score/tt_live_pc_a.gif) 0 0 no-repeat;
}
#nichibei2014-score .media-unit #media-live-b {
background: #d40000 url(/img/top/score/t_score/tt_live_pc_b.gif) 0 0 no-repeat;
}
#nichibei2014-score .media-unit #media-live-c {
background: #d40000 url(/img/top/score/t_score/tt_live_pc_c.gif) 0 0 no-repeat;
}
#nichibei2014-score .media-unit #media-rakuten {
background: #072840 url(/img/top/score/t_score/tt_rakuten_pc.gif) 0 0 no-repeat;
}
#nichibei2014-score .btn-detail {
display: inline-block;
*display: inline;
*zoom: 1;
height: 30px;
text-align: center;
}
#nichibei2014-score .btn-detail.right {
text-align: right !important;
}
#nichibei2014-score .btn-detail p.padL {
padding-left: 10px;
}
#nichibei2014-score .btn-detail a {
display: block;
width: 65px;
height: 30px;
line-height: 30px;
padding: 0 0 0 29px;
text-align: left;
background: #FFFFFF url(/jp/img/common/arrow_link_red.png) no-repeat 15px center;
color: #d40000;
font-size: 14px;
font-weight: bold;
}
#nichibei2014-score .btn-detail a:hover {
text-decoration: none;
background: #ee6969 url(/jp/img/common/arrow_link_3.png) no-repeat 15px center;
color: #FFFFFF;
}
#media-rakuten .btn-detail a {
background-color: #670707;
}
body.sp #nichibei2014-score {
width: 100%;
padding: 20px 0;
margin-top: 10px;
}
body.sp #nichibei2014-score .scoreWp {
width: 93.75%;
padding: 80px 0 0;
margin: 0 auto;
-ms-background-size: 300px, auto;
background-size: 300px, auto;
position: relative;
}
body.sp #nichibei2014-score #nichibei-logo {
position: absolute;
top: 0;
left: 0;
width: 85px;
height: 85px;
}
body.sp #nichibei2014-score #nichibei-logo a {
width: 100%;
height: 85px;
}
body.sp #nichibei2014-score .att-text {
padding: 0 0 10px;
font-size: 12px;
}
body.sp #nichibei2014-score .unit-live {
*zoom: 1;
}
body.sp #nichibei2014-score .unit-live:after {
content: "";
display: table;
clear: both;
}
body.sp #nichibei2014-score .media-unit {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 0 10px;
margin: 0;
}
body.sp #nichibei2014-score .media-unit .unit {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 70px;
padding-top: 36px 0 0;
margin: 10px 0 10px;
float: none;
}
body.sp #nichibei2014-score .media-unit .unit p.text {
padding-top: 0;
text-align: center;
}
body.sp #nichibei2014-score .media-unit #media-tv {
background: #235275 url(/img/top/score/t_score/tt_tv_sp.gif) center 2px no-repeat;
-ms-background-size: 280px, auto;
background-size: 280px, auto;
padding-top: 41px;
}
body.sp #nichibei2014-score .media-unit #media-live,
body.sp #nichibei2014-score .media-unit #media-live-a,
body.sp #nichibei2014-score .media-unit #media-live-b {
background: #d40000 url(/img/top/score/t_score/tt_live_sp.gif) center 2px no-repeat;
-ms-background-size: 280px, auto;
background-size: 280px, auto;
*zoom: 1;
padding: 36px 10px 0;
display: table;
}
body.sp #nichibei2014-score .media-unit #media-live:after,
body.sp #nichibei2014-score .media-unit #media-live-a:after,
body.sp #nichibei2014-score .media-unit #media-live-b:after {
content: "";
display: table;
clear: both;
}
body.sp #nichibei2014-score .media-unit #media-live .btn-detail,
body.sp #nichibei2014-score .media-unit #media-live-a .btn-detail,
body.sp #nichibei2014-score .media-unit #media-live-b .btn-detail {
display: table-cell;
}
body.sp #nichibei2014-score .media-unit #media-live .btn-detail p,
body.sp #nichibei2014-score .media-unit #media-live-a .btn-detail p,
body.sp #nichibei2014-score .media-unit #media-live-b .btn-detail p {
padding: 0;
}
body.sp #nichibei2014-score .media-unit #media-live .btn-detail:nth-child(1),
body.sp #nichibei2014-score .media-unit #media-live-a .btn-detail:nth-child(1),
body.sp #nichibei2014-score .media-unit #media-live-b .btn-detail:nth-child(1) {
padding-right: 5px;
}
body.sp #nichibei2014-score .media-unit #media-live .btn-detail:nth-child(2),
body.sp #nichibei2014-score .media-unit #media-live-a .btn-detail:nth-child(2),
body.sp #nichibei2014-score .media-unit #media-live-b .btn-detail:nth-child(2) {
padding-left: 5px;
}
body.sp #nichibei2014-score .media-unit #media-live-a {
background: #d40000 url(/img/top/score/t_score/tt_live_sp_a.gif) center 2px no-repeat;
-ms-background-size: 280px, auto;
background-size: 280px, auto;
}
body.sp #nichibei2014-score .media-unit #media-live-b {
background: #d40000 url(/img/top/score/t_score/tt_live_sp_b.gif) center 2px no-repeat;
-ms-background-size: 280px, auto;
background-size: 280px, auto;
}
body.sp #nichibei2014-score .media-unit #media-live-c {
background: #d40000 url(/img/top/score/t_score/tt_live_sp_c.gif) center 2px no-repeat;
-ms-background-size: 280px, auto;
background-size: 280px, auto;
}
body.sp #nichibei2014-score .media-unit #media-rakuten {
background: #072840 url(/img/top/score/t_score/tt_rakuten_sp.gif) center 2px no-repeat;
-ms-background-size: 280px, auto;
background-size: 280px, auto;
}
body.sp #nichibei2014-score .btn-detail {
display: table-cell;
width: 50%;
height: 25px;
padding: 0;
margin-bottom: 0;
text-align: center;
}
body.sp #nichibei2014-score .btn-detail a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 0;
background-position: 1em center;
height: 25px;
line-height: 25px;
text-align: center;
}
body.sp #nichibei2014-score .btn-detail p {
padding: 0 10px;
}
body.sp #nichibei2014-score .navWp {
width: 93.75%;
overflow: hidden;
margin: 0 auto;
}
body.sp #nichibei2014-score nav {
display: none;
background: none;
}
body.sp #nichibei2014-score nav#pn {
display: block;
width: 100%;
}
body.sp #nichibei2014-score nav#pn #nav-tit,
body.sp #nichibei2014-score nav#pn #pn_home {
display: none;
}
body.sp #nichibei2014-score nav#pn ul {
display: block;
}
body.sp #nichibei2014-score nav#pn ul:before,
body.sp #nichibei2014-score nav#pn ul:after {
content: "";
display: table;
}
body.sp #nichibei2014-score nav#pn ul:after {
clear: both;
}
body.sp #nichibei2014-score nav#pn li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
height: 30px;
float: left;
line-height: 30px;
padding: 0;
background-image: -webkit-gradient(linear, left bottom, left top, from(#040B83), to(#5856C3));
background-image: linear-gradient(to top, #040B83, #5856C3);
border-bottom: none;
border-top: 1px solid #FFFFFF;
font-size: 12px;
}
body.sp #nichibei2014-score nav#pn li:first-child,
body.sp #nichibei2014-score nav#pn li:nth-child(1) {
border-top: none;
}
body.sp #nichibei2014-score nav#pn li:nth-child(odd) {
border-left: 1px solid #FFFFFF;
}
body.sp #nichibei2014-score nav#pn li a {
display: block;
text-align: left;
padding-left: 18px;
height: 30px;
line-height: 30px;
background: url(/nichibei2014/img/jpsp/common/nav/nav_arrow_top.png) no-repeat 0 0;
background-size: 12px auto;
color: #FFFFFF !important;
}
body.sp #nichibei2014-score .banner-area {
margin-top: 0;
padding: 0 10px;
}
body.sp #alleuro-score h4 {
top: -53px;
}
body.sp #alleuro-score h4 span {
font-size: 14px;
}
#news-area .wrapper,
#info-area .wrapper,
#roster-area .wrapper,
#pickup-area .wrapper,
#sns-area .wrapper,
#ranking-area .wrapper {
width: 1000px;
margin: 0 auto;
}
h2 {
font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
font-size: 60px;
text-align: center;
letter-spacing: 0.03em;
}
.btn-arrow {
border: 1px solid #001735;
padding: 0 5px;
margin: 30px auto;
width: 230px;
text-align: center;
-webkit-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;
}
.btn-arrow:hover {
color: #FFF;
background: #001735;
}
.btn-arrow a {
display: block;
padding: 10px 0;
color: #001735;
font-size: 15px;
line-height: 1;
background: url(/jp/img/common/i_arrow.png) no-repeat right center;
background-size: 8px 14px;
text-decoration: none;
position: relative;
}
.btn-arrow a:hover {
color: #FFF;
background: url(/jp/img/common/i_arrow_w.png) no-repeat right center;
background-size: 9px 15px;
}
.btn-arrow-w {
border: 1px solid #FFF;
padding: 0 5px;
margin: 30px auto;
width: 230px;
text-align: center;
-webkit-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;
}
.btn-arrow-w:hover {
color: #001735;
background: #FFF;
}
.btn-arrow-w a {
display: block;
color: #FFF;
padding: 10px 0;
font-size: 15px;
line-height: 1;
background: url(/jp/img/common/i_arrow_w.png) no-repeat right center;
background-size: 8px 14px;
text-decoration: none;
position: relative;
}
.btn-arrow-w a.lines {
line-height: 1.2;
}
.btn-arrow-w a:hover {
color: #001735;
background: url(/jp/img/common/i_arrow.png) no-repeat right center;
background-size: 12px 20px;
}
body.sp #news-area .wrapper,
body.sp #info-area .wrapper,
body.sp #roster-area .wrapper,
body.sp #pickup-area .wrapper,
body.sp #sns-area .wrapper,
body.sp #ranking-area .wrapper {
width: inherit;
}
body.sp h2 {
font-size: 40px;
}
body.sp .btn-arrow,
body.sp .btn-arrow-w {
width: 280px;
margin: 20px auto;
}
body.sp .btn-arrow a,
body.sp .btn-arrow-w a {
font-size: 14px;
background-size: 8px auto;
}
#sv-wrapper {
width: 100%;
overflow: hidden;
}
#sv-wrapper-sp {
display: none;
}
#sv-background {
width: 100%;
height: 100%;
min-width: 1600px;
padding-bottom: 30px;
}
#sv-container {
color: #000;
width: 1000px;
height: 452px;
z-index: 100;
margin: 20px auto 0;
overflow: hidden;
}
#sv-scrollable {
position: relative;
width: 1000px;
height: 387px;
overflow: hidden;
}
#sv-scrollable #sv {
position: absolute;
width: 10000em;
}
#sv-scrollable #sv .svitem {
*zoom: 1;
width: 1000px;
height: 387px;
float: left;
}
#sv-scrollable #sv .svitem:after {
content: "";
display: table;
clear: both;
}
#sv-scrollable #sv .svitem a:hover .block img,
#sv-scrollable #sv .svitem a:hover .block img {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#sv-scrollable #sv .svitem a:hover .block {
background: rgba(0, 0, 0, 0.5);
}
#sv-scrollable #sv .svitem .block {
float: left;
width: 203px;
height: 190px;
margin: 0 0 7px 7px;
}
#sv-scrollable #sv .svitem .block .text {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 56px;
padding: 6px 6px 0;
background: #001735;
color: #FFFFFF;
line-height: 1.2;
font-size: 12px;
font-weight: bold;
}
#sv-scrollable #sv .svitem .block .at {
color: #FFF;
padding-top: 5px;
}
#sv-scrollable #sv .svitem .wide-block {
width: 413px;
}
#sv-scrollable #sv .svitem .wide-block2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 413px;
height: 387px;
padding-bottom: 0;
}
#sv-scrollable #sv .svitem .main-block {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 580px;
height: 387px;
position: relative;
margin: 0;
}
#sv-scrollable #sv .svitem .main-block .text {
position: absolute;
left: 0;
bottom: 20px;
height: initial;
height: auto;
padding: 8px 16px;
background: url(/jp/img/top/bg_text.png) repeat;
font-size: 24px;
line-height: 1.2;
color: #FFFFFF;
}
#sv-scrollable #sv .svitem .main-block img {
width: 580px;
height: 387px;
}
#sv-scrollable #sv .svitem .main-block .videotag {
background: #001735;
height: 387px;
}
#sv-scrollable #sv .svitem .main-block .videotag video {
width: 580px;
height: 326px;
}
#sv-scrollable #sv .svitem .main-block .videotag + .text {
bottom: 0;
background: #001735;
font-size: 20px;
}
#sv-scrollable #sv .svitem .divide-block {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 580px;
height: 387px;
position: relative;
margin: 0;
}
#sv-scrollable #sv .svitem .divide-block .text {
position: absolute;
left: 0;
bottom: 20px;
height: initial;
height: auto;
padding: 8px 16px;
background: url(/jp/img/top/bg_text.png) repeat;
font-size: 24px;
line-height: 1.2;
color: #FFFFFF;
}
#sv-scrollable #sv .svitem .divide-block img {
width: 580px;
height: 129px;
}
#sv-scrollable #sv .svitem .main-full-block {
width: 1000px;
height: 387px;
padding: 0;
text-align: center;
background: #FFFFFF;
margin-left: 0;
}
#sv-scrollable #sv .svitem .main-full-block#live {
background: url(/img/top/vision/bg_visionfull.jpg) no-repeat 0 0;
}
#sv-scrollable #sv .svitem .main-full-block#live div {
line-height: 0;
}
#sv-scrollable #sv .svitem .main-full-block#live div iframe, #sv-scrollable #sv .svitem .main-full-block#live div img {
width: 640px;
height: 360px;
}
#sv-scrollable #sv .svitem .main-full-block .photo a {
display: block;
}
#sv-scrollable #sv .svitem .main-full-block a:hover {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#sv-scrollable #sv .svitem .sp-only {
display: none;
}
#sv-tabWp {
position: relative;
}
#sv-tab {
display: table;
table-layout: fixed;
width: 1005px;
height: 55px;
position: absolute;
top: 0;
left: -5px;
padding-top: 10px;
}
#sv-tab li {
display: table-cell;
height: 45px;
padding-left: 5px;
}
#sv-tab li a {
font-size: 14px;
font-weight: bold;
display: block;
height: 29px;
line-height: 16px;
padding: 8px;
text-align: center;
text-decoration: none;
border-top: 10px solid #FFF;
color: #FFF;
background: url(/jp/img/top/bg_tab.png);
}
#sv-tab li.active a {
border-top: 10px solid #c8161d;
color: #ed1c24;
}
p.at_device {
color: #FFF;
background: rgba(0, 0, 0, 0.6);
width: 1000px;
margin: 0 auto;
text-align: center;
}
.at {
font-size: 12px;
}
#live div {
line-height: 0;
}
#live div iframe {
border: 0;
}
body.sp #sv-container {
display: none;
}
body.sp #sv-background {
padding: 0;
}
body.sp #sv-wrapper-sp {
display: block;
}
body.sp #sv-wrapper-sp .block#live {
background: #001735;
}
body.sp #sv-wrapper-sp .block#live div {
position: relative;
height: 0;
padding-top: 56.25%;
}
body.sp #sv-wrapper-sp .block#live div iframe {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
body.sp #sv-wrapper-sp .block#live div img {
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
}
body.sp #sv-wrapper-sp #sv-scroll {
width: 100%;
overflow: hidden;
background: #001735;
}
body.sp #sv-wrapper-sp #sv-scroll #sv-scroll-wrapper {
width: 300%;
}
body.sp #sv-wrapper-sp #sv-scroll #sv-scroll-wrapper .block {
display: block;
width: 33.333333%;
float: left;
}
body.sp #sv-wrapper-sp #sv-scroll #sv-scroll-wrapper .block .photo {
background: #000;
}
body.sp #sv-wrapper-sp #sv-scroll #sv-scroll-wrapper .block .photo img {
width: 100%;
height: auto;
}
body.sp #sv-wrapper-sp #sv-scroll #sv-scroll-wrapper .block .text {
padding: 10px;
color: #FFF;
background: #001735;
font-weight: bold;
font-size: 16px;
text-align: center;
display: block;
line-height: 1.4;
}
body.sp #sv-wrapper-sp #sv-scroll #sv-scroll-wrapper .block .text .link {
text-align: center;
}
body.sp #sv-wrapper-sp #sv-scroll #sv-scroll-wrapper .block .text .link li {
display: inline-block;
margin: 0 5px;
}
body.sp #sv-wrapper-sp #sv-scroll #sv-scroll-wrapper .block .text .link li img {
height: 30px;
width: auto;
}
body.sp #sv-wrapper-sp #sv-scroll #sv-scroll-wrapper .block .text .bnr {
margin-top: 10px;
}
body.sp #sv-wrapper-sp #sv-scroll #sv-scroll-wrapper .block .text .bnr img {
width: 100%;
height: auto;
}
body.sp #sv-wrapper-sp #sv-scroll #sv-scroll-wrapper iframe {
width: 100% !important;
border: 0;
}
body.sp #sv-wrapper-sp #sv-scroll #sv-scroll-wrapper iframe .unit_movie > div {
height: auto;
overflow: hidden;
}
body.sp #sv-wrapper-sp #sv-scroll #sv-scroll-wrapper .videotag {
height: 0;
padding-top: 56.25%;
position: relative;
}
body.sp #sv-wrapper-sp #sv-scroll #sv-scroll-wrapper .videotag video {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
body.sp #sv-wrapper-sp #sv-scroll #sv-scroll-wrapper .videotag + .text {
font-size: 16px;
}
body.sp #sv-wrapper-sp #sv-navi-sp {
font-size: 16px;
width: 100%;
text-align: center;
background: #001735;
padding: 0 0 10px 0;
}
body.sp #sv-wrapper-sp #sv-navi-sp a {
background: #CCCCCC;
width: 10px;
height: 10px;
border-radius: 10px;
font-size: 0;
margin: 0 5px;
display: inline-block;
}
body.sp #sv-wrapper-sp #sv-navi-sp a.current {
background: #ed1c24;
}
body.sp #sv-wrapper-sp #sv-navi-sp a:hover {
text-decoration: none;
}
body.sp .at {
color: #FFF;
font-size: 10px;
text-align: center;
padding: 5px 10px;
}
#video-area {
background: #000;
padding: 30px 0;
}
#video-area .wrapper {
width: 840px;
margin: 0 auto;
overflow: hidden;
}
#video-area .tab-movie {
float: right;
width: 168px;
}
#video-area .tab-movie li {
margin-bottom: 10px;
}
#video-area .tab-movie li span {
color: #FFF;
text-align: center;
font-size: 12px;
padding-top: 3px;
display: block;
}
#video-area .tab-movie li.current img {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
border: 4px solid #FFF;
}
#video-area .tab-movie li img {
width: 160px;
height: auto;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
border: 4px solid #000;
}
#video-area .unit-wp {
float: left;
width: 640px;
}
#video-area .movie {
width: 640px;
margin: 0 auto;
}
#video-area .btn-arrow-w {
width: 340px;
}
#video-area .btn-arrow-w a {
padding: 10px 0;
font-size: 16px;
}
body.sp #video-area {
padding: 20px 0;
}
body.sp #video-area .wrapper {
width: 100%;
}
body.sp #video-area h2 img {
width: 100px;
height: auto;
}
body.sp #video-area .tab-movie {
float: none;
width: 100%;
text-align: center;
}
body.sp #video-area .tab-movie li {
margin: 0 5px 0 0;
display: inline-block;
}
body.sp #video-area .tab-movie li span {
font-size: 10px;
}
body.sp #video-area .tab-movie li.current img {
border: 2px solid #FFF;
}
body.sp #video-area .tab-movie li img {
width: 80px;
height: auto;
border: 2px solid #000;
}
body.sp #video-area .unit-wp {
float: none;
width: 100%;
margin-top: 20px;
}
body.sp #video-area .movie {
width: 300px;
}
body.sp #video-area .movie > div {
height: auto !important;
overflow: hidden;
}
body.sp #video-area .movie video {
width: 100% !important;
height: auto !important;
overflow: hidden;
}
body.sp #video-area .btn-arrow-w {
width: 280px;
}
body.sp #video-area .btn-arrow-w a {
padding: 10px 0;
font-size: 14px;
}
#news-area {
padding: 70px 0 80px;
background: #EDF1F4;
}
#news-area h2 {
color: #001735;
}
#news-area .unitWp {
width: 1000px;
width: 1023px\9 ;
/* IE10以下 */
margin: 40px 0 0;
*zoom: 1;
display: -webkit-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#news-area .unitWp:after {
content: "";
display: table;
clear: both;
}
#news-area .unitWp a {
width: 318px;
margin: 0 23px 23px 0;
text-decoration: none;
display: block\9 ;
/* IE10以下 */
float: left\9 ;
/* IE10以下 */
}
#news-area .unitWp a:nth-child(3n) {
margin: 0 0 23px 0;
}
#news-area .unit dt {
overflow: hidden;
position: relative;
}
#news-area .unit dt img {
width: 100%;
height: auto;
}
#news-area .unit dt:hover::before {
background-color: rgba(0, 0, 0, 0.5);
/* どの範囲に重ねるかを指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: " ";
}
#news-area .unit dt,
#news-area .unit dd {
width: 318px;
}
#news-area .unit dd.tit {
width: 318px;
padding: 8px 0;
line-height: 1.4;
font-size: 14px;
height: 100px\9 ;
/* IE10以下 */
}
#news-area .unit dd.tit .icon img {
display: block;
width: 70px;
height: 20px;
padding-bottom: 8px;
}
#news-area .unit dd.tit .icon + span {
display: block;
color: #666666;
padding-top: 10px;
font-size: 12px;
}
body.sp #news-area {
width: 100%;
height: auto;
padding: 30px 0;
}
body.sp #news-area h2 img {
width: 187px;
height: auto;
}
body.sp #news-area .btn-arrow {
width: 200px;
}
body.sp #news-area .unitWp {
width: 100%;
height: auto;
margin-top: 0;
padding: 20px 0 10px;
}
body.sp #news-area .unitWp a {
float: none;
width: 100%;
height: auto;
margin: 0 0 10px 0;
}
body.sp #news-area .unitWp a dl {
*zoom: 1;
background: #EDF1F4;
}
body.sp #news-area .unitWp a dl:after {
content: "";
display: table;
clear: both;
}
body.sp #news-area .unitWp a dt {
position: static;
width: 120px;
float: left;
}
body.sp #news-area .unitWp a dt img {
float: left;
width: 120px;
height: auto;
}
body.sp #news-area .unitWp a dd.tit {
margin-left: 130px;
font-size: 12px;
z-index: 10;
padding: 0 10px 0 0;
width: auto;
height: auto;
}
body.sp #news-area .unitWp a dd.tit .icon + span {
display: none;
}
body.sp #news-area .unitWp a dd.tit .icon {
position: static;
}
body.sp #news-area .unitWp a dd.tit .icon img {
width: 50px;
height: 14px;
}
#slogan-area {
background: #000216 url(/jp/img/top/bg_slogan_logo.jpg) no-repeat center top;
background-size: auto 100%;
}
#slogan-area .wrapper {
width: 1000px;
min-width: 1000px;
height: 540px;
margin: 0 auto;
position: relative;
}
#slogan-area .wrapper p.slogan {
width: 782px;
height: 474px;
text-indent: -9999px;
background: url(/jp/img/top/p_slogan.png) no-repeat center 34px;
background-size: contain;
position: absolute;
right: -100px;
}
#slogan-area .wrapper .btn-arrow-w {
width: 400px;
margin: auto;
position: absolute;
right: 80px;
top: 446px;
}
#slogan-area .wrapper .btn-arrow-w a {
padding: 16px 0;
font-size: 20px;
}
body.sp #slogan-area {
background: #010a21 url(/jp/img/top/bg_slogan_logo_sp.jpg) no-repeat center top;
background-size: 100% auto;
padding-bottom: 30px;
}
body.sp #slogan-area .wrapper {
width: 100%;
min-width: 100%;
height: auto;
padding-top: 71%;
}
body.sp #slogan-area .wrapper p.slogan {
width: 110%;
height: 0;
padding-top: 80%;
background-size: contain;
background-position: center center;
margin: 0 0 0 -5%;
position: static;
}
body.sp #slogan-area .wrapper .btn-arrow-w {
width: 80%;
top: 0;
margin-top: -40px;
position: static;
}
body.sp #slogan-area .wrapper .btn-arrow-w a {
font-size: 16px;
padding: 10px 0;
}
@media screen and (orientation: landscape) {
body.sp #slogan-area .wrapper .btn-arrow-w {
margin-top: -14% !important;
}
}
#scrollbar1 {
width: 1020px;
}
#scrollbar1 .viewport {
width: 1000px;
height: 460px;
overflow: hidden;
position: relative;
}
#scrollbar1 .overview {
list-style: none;
position: absolute;
left: 0;
top: 0;
padding: 0;
margin: 0;
}
#scrollbar1 .scrollbar {
background: #FFF;
position: relative;
background-position: 0 0;
float: right;
width: 15px;
}
#scrollbar1 .track {
background: #444;
height: 100%;
width: 15px;
position: relative;
}
#scrollbar1 .thumb {
background: #999;
height: 30px;
width: 15px;
cursor: pointer;
overflow: hidden;
position: absolute;
top: 0;
}
#scrollbar1 .disable {
display: none;
}
#schedule-result-area {
background: #000 url(/jp/img/top/bg_schedule3.jpg) no-repeat center top;
background-size: cover;
padding: 60px 0;
}
#schedule-result-area h2 {
color: #FFF;
}
#schedule-result-area .tab {
width: 302px;
margin: 40px auto 0 auto;
overflow: hidden;
}
#schedule-result-area .tab.wide {
width: 453px;
}
#schedule-result-area .tab li {
width: 150px;
height: 30px;
margin-right: 1px;
line-height: 30px;
float: left;
text-align: center;
background: #bababa;
color: #FFF;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
font-size: 14px;
-webkit-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;
}
#schedule-result-area .tab li.current {
background: #c8161d;
}
#schedule-result-area .tab li:hover {
cursor: pointer;
}
#schedule-result-area .tab-unit.hide {
display: none;
}
#schedule-result-area .btn-arrow-w {
width: 410px;
}
#schedule-result-area .btn-arrow-w a.lh {
line-height: 1.2;
}
#schedule-result-area #tournament {
width: 1020px;
margin: 40px auto 0 auto;
}
#schedule-result-area #tournament .boxinner {
width: 1020px;
height: 460px;
margin-bottom: 30px;
}
#schedule-result-area #tournament .boxinner a {
display: block;
text-decoration: none;
}
#schedule-result-area #tournament .boxinner a:hover table {
background: rgba(0, 0, 0, 0.5);
}
#schedule-result-area #tournament .boxinner a.nolink {
pointer-events: none;
}
#schedule-result-area #tournament .boxinner a.nolink:hover table {
background: rgba(0, 0, 0, 0);
}
#schedule-result-area #tournament .boxinner a.end table {
border: none;
background: rgba(255, 255, 255, 0.5);
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#schedule-result-area #tournament .boxinner a.now {
background: url(/jp/img/top/icon_now.png) no-repeat 928px center;
}
#schedule-result-area #tournament .boxinner a.now table {
border: 1px solid #c8161d;
}
#schedule-result-area #tournament .boxinner a.next {
background: url(/jp/img/top/icon_next.png) no-repeat 923px center;
}
#schedule-result-area #tournament .boxinner table {
border: 1px solid #FFF;
width: 998px;
margin-bottom: 18px;
}
#schedule-result-area #tournament .boxinner table th {
color: #FFF;
font-family: "Roboto", sans-serif;
font-weight: 500;
padding: 5px 5px 5px 20px;
font-size: 15px;
width: 180px;
}
#schedule-result-area #tournament .boxinner table td {
padding: 5px 15px;
}
#schedule-result-area #tournament .boxinner table td.age {
width: 80px;
}
#schedule-result-area #tournament .boxinner table td.age img {
width: 70px;
height: 20px;
}
#schedule-result-area #tournament .boxinner table td.logo {
width: 60px;
}
#schedule-result-area #tournament .boxinner table td.logo img {
width: 50px;
height: 50px;
}
#schedule-result-area #tournament .boxinner table td.gname {
color: #FFF;
font-size: 16px;
}
#schedule-result-area #game,
#schedule-result-area #game2 {
width: 1020px;
margin: 40px auto 0 auto;
}
#schedule-result-area #game a.link-block,
#schedule-result-area #game2 a.link-block {
display: block;
text-decoration: none;
color: #FFF;
}
#schedule-result-area #game table,
#schedule-result-area #game2 table {
width: 998px;
margin-bottom: 39px;
}
#schedule-result-area #game table td,
#schedule-result-area #game2 table td {
color: #FFF;
font-size: 16px;
}
#schedule-result-area #game table td span.team-sp,
#schedule-result-area #game2 table td span.team-sp {
display: none;
}
#schedule-result-area #game table td.home,
#schedule-result-area #game2 table td.home {
text-align: right;
padding: 0 15px;
border: 1px solid #FFF;
width: 380px;
}
#schedule-result-area #game table td.home span.flag,
#schedule-result-area #game2 table td.home span.flag {
padding-left: 10px;
}
#schedule-result-area #game table td.visitor,
#schedule-result-area #game2 table td.visitor {
text-align: left;
padding: 0 15px;
border: 1px solid #FFF;
width: 380px;
}
#schedule-result-area #game table td.visitor span.flag,
#schedule-result-area #game2 table td.visitor span.flag {
padding-right: 10px;
}
#schedule-result-area #game table td.score,
#schedule-result-area #game2 table td.score {
text-align: center;
font-family: "Roboto", sans-serif;
font-weight: 500;
}
#schedule-result-area #game table td.score .num,
#schedule-result-area #game2 table td.score .num {
font-size: 40px;
line-height: 1;
}
#schedule-result-area #game table td.score time,
#schedule-result-area #game2 table td.score time {
display: block;
font-size: 13px;
}
body.sp #scrollbar1 {
width: 100%;
}
body.sp #scrollbar1 .viewport {
width: 94%;
height: 314px;
overflow: auto;
position: relative;
}
body.sp #scrollbar1 .overview {
width: 100%;
list-style: none;
position: absolute;
left: 0;
top: 0;
padding: 0;
margin: 0;
}
body.sp #scrollbar1 .scrollbar {
background: #FFF;
position: relative;
background-position: 0 0;
float: right;
width: 10px;
}
body.sp #scrollbar1 .track {
background: #444;
height: 100%;
width: 10px;
position: relative;
}
body.sp #scrollbar1 .thumb {
background: #999;
height: 20px;
width: 10px;
cursor: pointer;
overflow: hidden;
position: absolute;
top: 0;
}
body.sp #scrollbar1 .disable {
display: none;
}
body.sp #schedule-result-area {
padding: 40px 10px 10px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body.sp #schedule-result-area .btn-arrow-w {
width: 280px;
margin: 30px auto;
}
body.sp #schedule-result-area .btn-arrow-w a {
padding: 10px 15px;
}
body.sp #schedule-result-area .tab {
width: 242px;
margin: 20px auto;
}
body.sp #schedule-result-area .tab li {
width: 120px;
}
body.sp #schedule-result-area .tab.wide {
width: 304px;
}
body.sp #schedule-result-area .tab.wide li {
width: 100px;
}
body.sp #schedule-result-area #tournament {
width: 100%;
margin: 40px auto;
}
body.sp #schedule-result-area #tournament .boxinner {
width: 100%;
height: 300px;
margin-bottom: 0;
}
body.sp #schedule-result-area #tournament .boxinner a {
background-color: rgba(0, 0, 0, 0);
width: 100%;
margin: 0 auto 10px auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: table;
}
body.sp #schedule-result-area #tournament .boxinner a.now {
background: url(/jp/img/top/icon_now.png) no-repeat right 50%;
}
body.sp #schedule-result-area #tournament .boxinner a.now table {
border: 1px solid #c8161d;
}
body.sp #schedule-result-area #tournament .boxinner a.next {
background: url(/jp/img/top/icon_next.png) no-repeat right 50%;
}
body.sp #schedule-result-area #tournament table {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: rgba(0, 0, 0, 0);
margin-bottom: 0;
}
body.sp #schedule-result-area #tournament table.nolink {
margin-bottom: 10px;
}
body.sp #schedule-result-area #tournament table th,
body.sp #schedule-result-area #tournament table td {
text-align: center;
padding: 5px 10px;
}
body.sp #schedule-result-area #tournament table th {
display: block;
padding-top: 15px;
width: 93%;
}
body.sp #schedule-result-area #tournament table td.age {
display: none;
}
body.sp #schedule-result-area #tournament table td.logo {
display: block;
width: 93%;
}
body.sp #schedule-result-area #tournament table td.gname {
display: block;
font-size: 14px;
padding-bottom: 10px;
}
body.sp #schedule-result-area #game,
body.sp #schedule-result-area #game2 {
width: 100%;
}
body.sp #schedule-result-area #game table,
body.sp #schedule-result-area #game2 table {
width: 100%;
margin-bottom: 20px;
}
body.sp #schedule-result-area #game table td,
body.sp #schedule-result-area #game2 table td {
text-align: center;
}
body.sp #schedule-result-area #game table td span.team-sp,
body.sp #schedule-result-area #game2 table td span.team-sp {
display: block;
font-size: 12px;
}
body.sp #schedule-result-area #game table td.home,
body.sp #schedule-result-area #game2 table td.home {
border: none;
width: 25%;
}
body.sp #schedule-result-area #game table td.home span.team,
body.sp #schedule-result-area #game2 table td.home span.team {
display: none;
}
body.sp #schedule-result-area #game table td.home span.flag,
body.sp #schedule-result-area #game2 table td.home span.flag {
padding-left: 0;
}
body.sp #schedule-result-area #game table td.visitor,
body.sp #schedule-result-area #game2 table td.visitor {
border: none;
width: 25%;
}
body.sp #schedule-result-area #game table td.visitor span.team,
body.sp #schedule-result-area #game2 table td.visitor span.team {
display: none;
}
body.sp #schedule-result-area #game table td.visitor span.flag,
body.sp #schedule-result-area #game2 table td.visitor span.flag {
padding-right: 0;
}
body.sp #schedule-result-area #game table td.score,
body.sp #schedule-result-area #game2 table td.score {
text-align: center;
font-family: "Roboto", sans-serif;
font-weight: 500;
}
body.sp #schedule-result-area #game table td.score .num,
body.sp #schedule-result-area #game2 table td.score .num {
font-size: 32px;
line-height: 1;
}
body.sp #schedule-result-area #game table td.score time,
body.sp #schedule-result-area #game2 table td.score time {
display: block;
font-size: 12px;
}
#ranking-area {
background: #001735;
padding: 60px 0 80px 0;
}
#ranking-area h2 {
color: #e2c600;
padding-bottom: 40px;
}
#ranking-area h4 {
font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
font-size: 30px;
color: #FFF;
border-bottom: 3px solid #FFF;
margin-bottom: 20px;
}
#ranking-area .wrapper {
overflow: hidden;
}
#ranking-area .mark-wbsc {
text-align: center;
margin-top: 60px;
}
#ranking-area .table-unit {
width: 480px;
}
#ranking-area .table-unit#men {
float: left;
}
#ranking-area .table-unit#women {
float: right;
}
#ranking-area .table-unit .comment {
font-size: 12px;
text-align: right;
padding-top: 5px;
color: #FFF;
}
#ranking-area .table-unit table {
width: 100%;
}
#ranking-area .table-unit table th {
width: 50px;
color: #FFF;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
font-size: 30px;
text-align: center;
border-bottom: 1px solid #001735;
background: #637482;
}
#ranking-area .table-unit table td {
border-bottom: 1px solid #001735;
background: #FFF;
font-family: "Roboto", sans-serif;
font-weight: 500;
color: #637482;
font-size: 20px;
padding: 10px 20px;
}
#ranking-area .table-unit table td img {
vertical-align: -3px;
}
#ranking-area .table-unit table td.team {
width: 240px;
}
#ranking-area .table-unit table .mark1 th {
background: #c8b351;
}
#ranking-area .table-unit table .mark2 th {
background: #adb0b2;
}
#ranking-area .table-unit table .mark3 th {
background: #a27d5f;
}
body.sp #ranking-area {
padding: 40px 10px;
}
body.sp #ranking-area h2 {
font-size: 36px;
line-height: 1;
}
body.sp #ranking-area h4 {
font-size: 24px;
padding-bottom: 5px;
border-bottom: 2px solid #FFF;
margin-bottom: 10px;
text-align: center;
}
body.sp #ranking-area .comment {
font-size: 11px;
}
body.sp #ranking-area .mark-wbsc {
margin-top: 30px;
}
body.sp #ranking-area .mark-wbsc img {
width: 180px;
height: auto;
}
body.sp #ranking-area .table-unit {
width: 100%;
}
body.sp #ranking-area .table-unit#men {
float: none;
}
body.sp #ranking-area .table-unit#women {
float: none;
margin-top: 40px;
}
body.sp #ranking-area .table-unit table th {
font-size: 20px;
width: 44px;
}
body.sp #ranking-area .table-unit table td {
font-size: 16px;
padding: 10px;
}
body.sp #ranking-area .table-unit table td.team {
width: auto;
}
.banner-area {
background: #FFFFFF;
padding: 80px 0;
}
.banner-area dl.attention {
color: #001735;
font-weight: bold;
padding: 15px 20px;
border: 2px solid #001735;
margin-bottom: 30px;
}
.banner-area dl.attention dt {
font-size: 20px;
display: block;
text-align: center;
margin-bottom: 5px;
}
.banner-area dl.attention dd {
font-size: 15px;
}
.banner-area.single {
padding: 0 0 30px 0;
}
.banner-area.single .wrapper {
padding: 0;
width: 1000px;
margin: 0 auto;
}
.banner-area.single a {
display: block;
position: relative;
}
.banner-area.single a:hover::before {
background-color: rgba(0, 0, 0, 0.5);
/* どの範囲に重ねるかを指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: " ";
}
.banner-area.w-half {
padding: 30px 0;
}
.banner-area.w-half .wrapper {
padding: 0;
width: 1000px;
margin: 0 auto;
}
.banner-area.w-half .wrapper ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.banner-area.w-half .wrapper a {
display: block;
}
.banner-area.w-half .wrapper a:hover {
opacity: 0.7;
}
.banner-area.w-half .wrapper li {
width: 490px;
background: #000;
}
.banner-area.w-half .wrapper li:nth-child(n+3) {
margin-top: 20px;
}
.banner-area.w-half .wrapper li img {
width: 100%;
height: auto;
}
.banner-area.multi .wrapper {
text-align: center;
width: 1000px;
margin: 0 auto;
}
.banner-area.multi .wrapper a {
display: block;
width: 318px;
margin: 0 23px 0 0;
float: left;
}
.banner-area.multi .wrapper a:nth-child(3n) {
margin: 0;
}
.banner-area.multi .wrapper div {
position: relative;
}
.banner-area.multi .wrapper div img {
width: 100%;
height: auto;
}
.banner-area.multi .wrapper div:hover::before {
background-color: rgba(0, 0, 0, 0.5);
/* どの範囲に重ねるかを指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: " ";
}
body.sp .bnr-ad-top {
width: 280px;
margin: 40px auto 20px auto;
}
body.sp .bnr-ad-top img {
width: 100%;
height: auto;
}
body.sp .banner-area {
background: #FFFFFF;
padding: 20px 10px;
}
body.sp .banner-area dl.attention {
padding: 10px;
margin-bottom: 20px;
}
body.sp .banner-area dl.attention dt {
font-size: 18px;
}
body.sp .banner-area dl.attention dd {
font-size: 13px;
}
body.sp .banner-area.single {
padding-top: 0;
}
body.sp .banner-area.single .wrapper {
width: 100%;
height: auto;
}
body.sp .banner-area.single .wrapper img {
width: 100%;
height: auto;
}
body.sp .banner-area.w-half .wrapper {
width: auto;
}
body.sp .banner-area.w-half .wrapper a {
display: block;
}
body.sp .banner-area.w-half .wrapper li {
width: 100%;
}
body.sp .banner-area.w-half .wrapper li:nth-child(n+2), body.sp .banner-area.w-half .wrapper li:nth-child(n+3) {
margin-top: 10px;
}
body.sp .banner-area.multi .wrapper {
width: 100%;
height: auto;
}
body.sp .banner-area.multi .wrapper a {
margin-bottom: 10px;
width: 100%;
}
body.sp .banner-area.multi .wrapper a img {
width: 100%;
height: auto;
}
body.sp .banner-area.multi .wrapper a div {
width: 280px;
margin: 0 auto;
}
#roster-area {
padding: 70px 0 80px;
background: #d1b555 url(/jp/img/top/bg_gold.jpg) repeat center;
}
#roster-area .wrap-tab {
width: 100%;
border-bottom: 2px solid #FFFFFF;
margin-bottom: 35px;
}
#roster-area div#tabBox1 {
display: none;
}
#roster-area p.notice {
font-size: 24px;
font-weight: bold;
color: #fff;
text-align: center;
}
#roster-area ul {
width: 1000px;
*zoom: 1;
margin: 0 auto;
}
#roster-area ul:after {
content: "";
display: table;
clear: both;
}
#roster-area ul li.bt {
float: left;
text-align: center;
font-size: 24px;
font-weight: bold;
line-height: 1;
position: relative;
top: 2px;
}
#roster-area ul li.bt span {
font-size: 14px;
font-weight: normal;
}
#roster-area ul li.bt span.ttl {
font-size: 20px;
font-weight: bold;
}
#roster-area ul li.bt span.normal {
font-size: 24px;
font-weight: bold;
padding-top: 10px;
display: inline-block;
}
#roster-area ul li.icon {
float: left;
padding: 30px 15px 0 15px;
}
#roster-area ul li.bt a {
background: rgba(0, 0, 0, 0.2);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#22000000", endColorstr="#22000000");
width: 470px;
height: 77px;
padding-top: 10px;
display: block;
text-decoration: none;
}
#roster-area ul li a.active {
width: 468px;
background: #d1b555 url(/jp/img/top/bg_gold.jpg) repeat center;
border-top: 2px solid #FFFFFF;
border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: none;
height: 78px;
padding-top: 9px;
display: block;
}
#roster-area h4 {
font-size: 30px;
text-align: center;
border-bottom: 4px solid #FFFFFF;
color: #FFFFFF;
margin: 40px 0 20px 0;
line-height: 1.2;
}
#roster-area h4 span {
font-size: 24px;
font-style: italic;
}
#roster-area .innerWp {
*zoom: 1;
text-align: center;
font-size: 0;
}
#roster-area .innerWp:after {
content: "";
display: table;
clear: both;
}
#roster-area a:hover {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#roster-area dl {
width: 115px;
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 5px;
background: #FFFFFF;
margin-bottom: 35px;
}
#roster-area dl dd.number {
display: none;
}
#roster-area dl dt {
width: 115px;
height: 144px;
}
#roster-area dl dt img {
width: 115px;
height: 144px;
}
#roster-area dl dd {
width: 115px;
height: 46px;
padding: 35px 0 8px 0;
color: #1a242c;
font-size: 16px;
font-weight: bold;
text-align: center;
}
#roster-area dl dd.no0 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no1 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no2 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no3 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no4 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no5 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no6 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no7 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no8 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no9 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no10 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no11 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no12 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no13 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no14 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no15 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no16 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no17 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no18 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no19 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no20 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no21 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no22 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no23 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no24 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no25 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no26 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no27 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no28 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no29 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no30 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no31 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no32 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no33 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no34 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no35 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no36 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no37 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no38 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no39 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no40 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no41 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no42 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no43 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no44 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no45 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no46 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no47 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no48 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no49 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no50 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no51 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no52 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no53 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no54 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no55 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no56 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no57 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no58 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no59 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no60 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no61 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no62 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no63 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no64 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no65 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no66 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no67 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no68 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no69 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no70 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no71 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no72 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no73 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no74 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no75 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no76 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no77 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no78 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no79 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no80 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no81 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no82 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no83 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no84 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no85 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no86 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no87 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no88 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no89 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no90 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no91 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no92 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no93 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no94 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no95 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no96 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no97 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no98 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd.no99 {
background-position: center 7px;
background-repeat: no-repeat;
background-size: 27px auto;
}
#roster-area dl dd span {
display: block;
font-size: 10px;
font-weight: normal;
line-height: 1;
}
body.sp #roster-area {
padding: 30px 0;
}
body.sp #roster-area .wrap-tab {
border: none;
}
body.sp #roster-area .wrap-tab ul {
display: block;
width: 100%;
margin: 0;
padding: 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body.sp #roster-area .wrap-tab ul li {
margin: 0 auto;
float: inherit;
height: auto !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 18px;
line-height: 1.1;
}
body.sp #roster-area .wrap-tab ul li.icon {
display: none;
}
body.sp #roster-area .wrap-tab ul li a {
width: 100%;
display: block;
margin-bottom: 5px;
border: 2px solid #FFFFFF;
padding-top: 10px;
}
body.sp #roster-area .wrap-tab ul li a.active {
width: 100%;
border: 2px solid #FFFFFF;
color: #ED1C24;
display: block;
background: #FFFFFF;
}
body.sp #roster-area .wrap-tab ul li > span,
body.sp #roster-area .wrap-tab ul li > a > span {
font-size: 14px;
}
body.sp #roster-area .wrap-tab ul span.ttl {
font-size: 16px;
font-weight: bold;
padding-top: 10px;
display: inline-block;
}
body.sp #roster-area .wrap-tab ul span.normal {
font-size: 20px;
padding-top: 15px;
}
body.sp #roster-area #dept-box {
display: none;
}
body.sp #roster-area h4 {
font-size: 18px;
margin-top: 20px;
}
body.sp #roster-area h4 > span {
font-size: 16px !important;
}
body.sp #roster-area h2 img {
width: 265px;
height: auto;
}
body.sp #roster-area .innerWp {
margin-bottom: 20px;
padding: 0 10px 0 5px;
}
body.sp #roster-area .innerWp br {
display: none;
}
body.sp #roster-area .innerWp a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 25%;
float: left;
padding-left: 5px;
margin-bottom: 5px;
}
body.sp #roster-area .innerWp dl {
width: 100%;
float: none;
height: inherit;
margin: 0;
}
body.sp #roster-area .innerWp dl dd.number {
display: none;
}
body.sp #roster-area .innerWp dl dt {
width: inherit;
height: inherit;
}
body.sp #roster-area .innerWp dl dt img {
width: 100%;
height: auto;
}
body.sp #roster-area .innerWp dl dd {
width: inherit;
height: 50px;
font-size: 12px;
padding: 20px 0 0 0;
}
body.sp #roster-area .innerWp dl dd.no0 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no1 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no2 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no3 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no4 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no5 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no6 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no7 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no8 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no9 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no10 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no11 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no12 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no13 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no14 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no15 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no16 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no17 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no18 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no19 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no20 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no21 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no22 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no23 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no24 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no25 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no26 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no27 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no28 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no29 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no30 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no31 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no32 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no33 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no34 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no35 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no36 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no37 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no38 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no39 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no40 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no41 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no42 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no43 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no44 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no45 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no46 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no47 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no48 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no49 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no50 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no51 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no52 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no53 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no54 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no55 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no56 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no57 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no58 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no59 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no60 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no61 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no62 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no63 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no64 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no65 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no66 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no67 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no68 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no69 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no70 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no71 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no72 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no73 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no74 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no75 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no76 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no77 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no78 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no79 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no80 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no81 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no82 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no83 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no84 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no85 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no86 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no87 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no88 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no89 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no90 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no91 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no92 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no93 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no94 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no95 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no96 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no97 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no98 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd.no99 {
background-position: center 3px;
background-repeat: no-repeat;
background-size: 18px auto;
}
body.sp #roster-area .innerWp dl dd span {
display: block;
}
#pickup-bg {
height: 918px;
}
#pickup-area .wrapper {
padding: 70px 0;
}
#pickup-vision {
width: 980px;
height: 553px;
margin: 0 auto;
border: 10px solid #FFFFFF;
position: relative;
}
#pickup-vision .panes {
height: 500px;
overflow: hidden;
background: #FFF;
}
#pickup-vision .panes .pickup-item {
position: absolute;
}
#pickup-vision .panes .pickup-item .title,
#pickup-vision .panes .pickup-item .name {
display: block;
background: url(/jp/img/top/bg_pickup.png);
position: absolute;
line-height: 1.2;
color: #D1B555;
font-weight: bold;
}
#pickup-vision .panes .pickup-item .title {
top: 20px;
right: 0px;
padding: 12px 15px 8px 20px;
font-size: 18px;
text-align: right;
}
#pickup-vision .panes .pickup-item .name {
bottom: 20px;
left: 0px;
padding: 10px 20px 8px 15px;
font-size: 32px;
color: #FFF;
}
#pickup-vision .panes .pickup-item .name span {
display: block;
}
#pickup-vision .panes .pickup-item .name .category {
font-size: 18px;
}
#pickup-vision .panes .pickup-item .name .kana {
font-size: 14px;
font-weight: normal;
}
#pickup-vision .tabs {
padding-bottom: 1px;
background: #000000;
text-align: center;
font-size: 0;
*zoom: 1;
}
#pickup-vision .tabs:after {
content: "";
display: table;
clear: both;
}
#pickup-vision .tabs a {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
width: 100px;
}
#pickup-vision .tabs a img {
margin: 1px 1px 0 0;
}
#pickup-vision .tabs a img.thmbs-top {
border-bottom: 5px solid #cc0000;
}
#pickup-vision .tabs a img.thmbs-amateur {
border-bottom: 5px solid #9900cc;
}
#pickup-vision .tabs a img.thmbs-21u {
border-bottom: 5px solid #cc6600;
}
#pickup-vision .tabs a img.thmbs-univ {
border-bottom: 5px solid #cc9900;
}
#pickup-vision .tabs a img.thmbs-18u {
border-bottom: 5px solid #006600;
}
#pickup-vision .tabs a img.thmbs-15u {
border-bottom: 5px solid #33cc33;
}
#pickup-vision .tabs a img.thmbs-12u {
border-bottom: 5px solid #3399cc;
}
#pickup-vision .tabs a img.thmbs-women {
border-bottom: 5px solid #ff6666;
}
#pickup-vision .tabs a:hover, #pickup-vision .tabs a.current {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
width: 80px;
}
body.sp #pickup-bg {
height: auto;
}
body.sp #pickup-area {
width: 100%;
}
body.sp #pickup-area .wrapper {
width: auto;
padding: 30px 10px;
}
body.sp #pickup-area h2 img {
width: 217px;
height: auto;
}
body.sp #pickup-vision {
width: 100%;
height: auto;
margin: 0 auto;
position: relative;
border: none;
background: rgba(0, 0, 0, 0.8);
}
body.sp #pickup-vision .panes {
overflow: hidden;
height: auto;
background: none;
}
body.sp #pickup-vision .panes .pickup-item {
position: static;
float: left;
background: none;
}
body.sp #pickup-vision .panes .pickup-item .title,
body.sp #pickup-vision .panes .pickup-item .name {
display: block;
position: static;
line-height: 1.2;
color: #D1B555;
font-weight: bold;
text-align: center;
background: none;
}
body.sp #pickup-vision .panes .pickup-item .title {
top: auto;
right: auto;
padding: 10px 0 0 0;
font-size: 10px;
}
body.sp #pickup-vision .panes .pickup-item .name {
bottom: auto;
left: auto;
padding: 5px 0 5px 0;
font-size: 14px;
color: #FFF;
}
body.sp #pickup-vision .panes .pickup-item .name span {
display: inline;
}
body.sp #pickup-vision .panes .pickup-item .name .category {
font-size: 14px;
margin-right: 1em;
}
body.sp #pickup-vision .panes .pickup-item .name .kana {
display: none;
}
body.sp #pickup-vision .panes .pickup-item img {
width: 100%;
height: auto;
}
body.sp #pickup-vision .tabs {
text-align: center;
font-size: 18px;
background: none;
padding-bottom: 5px;
}
body.sp #pickup-vision .tabs a {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
width: 80px;
color: #FFF;
}
body.sp #pickup-vision .tabs a:hover, body.sp #pickup-vision .tabs a.current {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
width: 80px;
color: #F33;
}
#sns-area {
padding: 60px 0;
background: #FFF;
}
#sns-area p.hush {
text-align: center;
font-size: 70px;
color: #001735;
font-weight: bold;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
#sns-area .wrapper ul {
display: table;
width: 660px;
margin: 40px auto 60px auto;
}
#sns-area .wrapper ul li {
display: table-cell;
text-align: center;
}
#sns-area .wrapper ul li a:hover {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
body.sp #sns-area {
padding: 0 0 30px 0;
}
body.sp #sns-area p.hush {
font-size: 40px;
padding-bottom: 10px;
}
body.sp #sns-area .wrapper ul {
width: 96%;
margin: 0 auto 20px auto;
}
body.sp #sns-area .wrapper ul li {
width: 19%;
}
body.sp #sns-area .wrapper ul li img {
width: auto;
height: 46px;
}
#download .concept {
background: #001735;
text-align: center;
padding: 10px 0 30px 0;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}
#download #partner {
display: none;
}
body.sp#download .concept img {
width: 100%;
height: auto;
padding-right: 10px;
}
body.sp#download .concept .btn-arrow-w {
width: 230px;
}
/*# sourceMappingURL=top.css.map */