@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

  :root {
--bengala: #960048;
--yellow: #e0cd76;
}
.page_title h1:before {
margin-left: 6em;
margin-right: .5em;
}
.page_title h1:after {
margin-left: .5em;
margin-right: 6em;
}
.detailbody .pagecategorynav li {
font-size: 2rem;
}
.detailbody .box h1 {
border-bottom: 2px solid var(--bengala);
color: var(--bengala);
}
.detailbody .box h1 .txt_jp {
color: var(--yellow);
}
.sideL h2 {
margin-bottom: 15px;
border-top: 2px solid rgb(190, 0, 60);
border-bottom: none;
color: var(--bengala);
line-height: 1.3;
}
.detailbody .box h2 .txt_s {
float: right;
font-size: 1.2rem;
}
.detail {
display: table;
margin-bottom: 100px;
}
.detail .sideL {
display: table-cell;
padding-right: 30px;
}
.detail .sideR {
width: 220px;
}
.detail .sideL .part {
position: relative;
overflow: hidden;
}
.detail .sideL .part a:hover .box_txt {
opacity: 0.5;
}
.detail .sideL .part a:hover {
opacity: 1;
}
.box_ph img {
position: absolute;
top: 0;
right: 63px;
width: 215px;
clip: rect(0px 156px 210px 0);
}
.box_txt {
width: 95%;
height: 180px;
padding: 5px 7px;
background-color: var(--bengala);
}
.box_txt p {
margin: 0;
padding-left: 89px;
color: var(--yellow);
line-height: 1.5;
}
.box_txt .player_num {
margin: 0px;
padding-bottom: 15px;
line-height: 1;
font-size: 4em;
color: var(--yellow);
}
.box_txt .player_name {
font-size: 1.4em;
line-height: 1.2;
padding-bottom: 5px;
color: #fff;
padding-right: 0.8em;
}
.box_txt .player_name .long_name {
letter-spacing: -0.2em;
font-size: 1.3em;
}
.box_txt .player_name_en {
color: #fff;
font-size: 0.8em;
}
.box_txt .staff_position {
padding-bottom: 5px;
letter-spacing: -1px;
}
.split3 {
margin: -5px;
margin-bottom: 20px;
text-align: justify;
}
.split3 .part {
width: calc(100% / 3 - 6px * 2);
}
.split3 .part {
margin: 6px;
}
.sideR h2 {
background-color: var(--bengala);
margin: 0;
padding: 0px 10px 10px;
line-height: 1.1;
}
.sideR h2 a {
color: #fff;
display: block;
}
.sideR h2 .txt_jp {
font-size: 1.2rem;
color: var(--yellow);
}
.sideR table {
margin: 0px;
background-color: #F4F1E4;
}
.sideR table a {
color: #444444;
display: block;
}
.sideR table th {
border: 2px solid #fff;
color: var(--bengala);
border-left: none;
font-size: 1.7rem;
font-weight: normal;
width: 60px;
padding: 10px;
}
.sideR table th.headcoach {
font-size: 1.3rem;
}
.sideR table th.staff {
font-size: 1rem;
}
.sideR table td {
border: 2px solid #fff;
border-right: none;
color: #444444;
font-size: 1.1rem;
line-height: 1.2;
} .player_box {
border: none;
margin-bottom: 30px;
}
.player_box h2 {
border: none;
}
.player_content {
border-top: 4px solid var(--bengala);
border-bottom: 4px solid var(--bengala);
padding: 10px 0 0;
}
.player_content .parent-table-cell {
margin-bottom: 20px;
}
.player_mainph {
display: table-cell;
padding-right: 20px;
}
.player_mainph img {
width: 300px;
}
.name_txt {
border-bottom: 4px solid var(--bengala);
margin-bottom: 10px;
display: flex;
width: 100%;
}
.name_txt .num {
color: var(--bengala);
font-size: 500%;
font-weight: bold;
display: inline-block;
margin: -35px 10px -20px 0;
}
.name_txt .position {
color: var(--bengala);
margin-top: -12px;
font-size: 30px;
font-weight: bold;
margin-right: 10px;
display: inline-block;
width: auto;
line-height: 1;
padding-top: 14px;
}
.name_txt .name_jp {
margin-top: 2px;
font-size: 30px;
font-weight: bold;
line-height: 1;
margin-bottom: 0;
display: inline-block;
padding-bottom: 10px;
width: auto;
}
.name_txt .name_jp .name_en {
font-size: 15px;
letter-spacing: 0.1em;
font-weight: normal;
}
.profile_detail {
display: table-cell;
width: 60%;
}
p,
table,
code {
margin: 0;
}
.profile_detail table th {
background-color: #e6cf7d;
border-bottom: 3px solid #fff;
border-top: #fff;
border-left: #fff;
border-right: #fff;
color: var(--bengala);
width: 25%;
padding: 4px 10px;
font-size: 15px;
}
.profile_detail table td {
width: 60%;
border: none;
padding: 0 10px;
line-height: 1.4;
}
.personal {
margin-bottom: 30px;
}
.personal .title {
background-color: #e6cf7d;
color: var(--bengala);
padding: 4px 10px;
width: 150px;
font-size: 15px;
font-weight: bold;
text-align: center;
}
.personal th,
.personal td {
border-top: 2px solid #d2d2d2;
border-left: none;
border-right: none;
border-bottom: 2px solid #d2d2d2;
padding: 10px 5px;
line-height: 1.3;
}
.personal th {
color: var(--bengala);
}
.personal td {
color: #616161;
}
.personal table tr:last-child th,
.personal table tr:last-child td {
}
.personal th.q_l {
width: 22%;
}
.personal th.q_r {
width: 20%;
}
.personal td.a_l {
width: 26%;
}
.personal td.a_r {
width: 20%;
} .long_name .name_txt,
.long_position .name_txt {
display: block;
}
.long_name .name_txt .position,
.long_position .name_txt .position {
font-size: 24px;
line-height: 1.5em;
}
.long_name .name_txt .name_jp {
font-size: 24px;
letter-spacing: -0.1em;
}
@media only screen and (max-width: 480px) {
.name_txt .num {
font-size: 3rem;
margin: -16px 10px -16px 0;
}
.name_txt .position {
font-size: 1.5em;
}
.name_txt .name_jp {
font-size: 1.5em;
}
.name_txt .name_jp .name_en {
font-size: 10px;
}
.long_name .name_txt .name_jp {
line-height: 1em;
}
.detailbody .pagecategorynav li {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 1150px) {
.detail .sideL {
display: table-cell;
padding-right: 30px !important;
padding-left: 30px;
box-sizing: border-box;
}
}
  :root {
--bengala: #960048;
--yellow: #e0cd76;
}
.page_title h1:before {
margin-left: 6em;
margin-right: .5em;
}
.page_title h1:after {
margin-left: .5em;
margin-right: 6em;
}
.detailbody .pagecategorynav li {
font-size: 2rem;
}
.detailbody .box h1 {
border-bottom: 2px solid var(--bengala);
color: var(--bengala);
}
.detailbody .box h1 .txt_jp {
color: var(--yellow);
}
.sideL h2 {
margin-bottom: 15px;
border-top: 2px solid rgb(190, 0, 60);
border-bottom: none;
color: var(--bengala);
line-height: 1.3;
}
.detailbody .box h2 .txt_s {
float: right;
font-size: 1.2rem;
}
.detail {
display: table;
margin-bottom: 100px;
}
.detail .sideL {
display: table-cell;
padding-right: 30px;
}
.detail .sideR {
width: 220px;
}
.detail .sideL .part {
position: relative;
overflow: hidden;
}
.detail .sideL .part a:hover .box_txt {
opacity: 0.5;
}
.detail .sideL .part a:hover {
opacity: 1;
}
.box_ph img {
position: absolute;
top: 0;
right: 63px;
width: 215px;
clip: rect(0px 156px 210px 0);
}
.box_txt {
width: 95%;
height: 180px;
padding: 5px 7px;
background-color: var(--bengala);
}
.box_txt p {
margin: 0;
padding-left: 89px;
color: var(--yellow);
line-height: 1.5;
}
.box_txt .player_num {
margin: 0px;
padding-bottom: 15px;
line-height: 1;
font-size: 4em;
color: var(--yellow);
}
.box_txt .player_name {
font-size: 1.4em;
line-height: 1.2;
padding-bottom: 5px;
color: #fff;
padding-right: 0.8em;
}
.box_txt .player_name .long_name {
letter-spacing: -0.2em;
font-size: 1.3em;
}
.box_txt .player_name_en {
color: #fff;
font-size: 0.8em;
}
.box_txt .staff_position {
padding-bottom: 5px;
letter-spacing: -1px;
}
.split3 {
margin: -5px;
margin-bottom: 20px;
text-align: justify;
}
.split3 .part {
width: calc(100% / 3 - 6px * 2);
}
.split3 .part {
margin: 6px;
}
.sideR h2 {
background-color: var(--bengala);
margin: 0;
padding: 0px 10px 10px;
line-height: 1.1;
}
.sideR h2 a {
color: #fff;
display: block;
}
.sideR h2 .txt_jp {
font-size: 1.2rem;
color: var(--yellow);
}
.sideR table {
margin: 0px;
background-color: #F4F1E4;
}
.sideR table a {
color: #444444;
display: block;
}
.sideR table th {
border: 2px solid #fff;
color: var(--bengala);
border-left: none;
font-size: 1.7rem;
font-weight: normal;
width: 60px;
padding: 10px;
}
.sideR table th.headcoach {
font-size: 1.3rem;
}
.sideR table th.staff {
font-size: 1rem;
}
.sideR table td {
border: 2px solid #fff;
border-right: none;
color: #444444;
font-size: 1.1rem;
line-height: 1.2;
} .player_box {
border: none;
margin-bottom: 30px;
}
.player_box h2 {
border: none;
}
.player_content {
border-top: 4px solid var(--bengala);
border-bottom: 4px solid var(--bengala);
padding: 10px 0 0;
}
.player_content .parent-table-cell {
margin-bottom: 20px;
}
.player_mainph {
display: table-cell;
padding-right: 20px;
}
.player_mainph img {
width: 300px;
}
.name_txt {
border-bottom: 4px solid var(--bengala);
margin-bottom: 10px;
display: flex;
width: 100%;
}
.name_txt .num {
color: var(--bengala);
font-size: 500%;
font-weight: bold;
display: inline-block;
margin: -35px 10px -20px 0;
}
.name_txt .position {
color: var(--bengala);
margin-top: -12px;
font-size: 30px;
font-weight: bold;
margin-right: 10px;
display: inline-block;
width: auto;
line-height: 1;
padding-top: 14px;
}
.name_txt .name_jp {
margin-top: 2px;
font-size: 30px;
font-weight: bold;
line-height: 1;
margin-bottom: 0;
display: inline-block;
padding-bottom: 10px;
width: auto;
}
.name_txt .name_jp .name_en {
font-size: 15px;
letter-spacing: 0.1em;
font-weight: normal;
}
.profile_detail {
display: table-cell;
width: 60%;
}
p,
table,
code {
margin: 0;
}
.profile_detail table th {
background-color: #e6cf7d;
border-bottom: 3px solid #fff;
border-top: #fff;
border-left: #fff;
border-right: #fff;
color: var(--bengala);
width: 25%;
padding: 4px 10px;
font-size: 15px;
}
.profile_detail table td {
width: 60%;
border: none;
padding: 0 10px;
line-height: 1.4;
}
.personal {
margin-bottom: 30px;
}
.personal .title {
background-color: #e6cf7d;
color: var(--bengala);
padding: 4px 10px;
width: 150px;
font-size: 15px;
font-weight: bold;
text-align: center;
}
.personal th,
.personal td {
border-top: 2px solid #d2d2d2;
border-left: none;
border-right: none;
border-bottom: 2px solid #d2d2d2;
padding: 10px 5px;
line-height: 1.3;
}
.personal th {
color: var(--bengala);
}
.personal td {
color: #616161;
}
.personal table tr:last-child th,
.personal table tr:last-child td {
}
.personal th.q_l {
width: 22%;
}
.personal th.q_r {
width: 20%;
}
.personal td.a_l {
width: 26%;
}
.personal td.a_r {
width: 20%;
} .long_name .name_txt,
.long_position .name_txt {
display: block;
}
.long_name .name_txt .position,
.long_position .name_txt .position {
font-size: 24px;
line-height: 1.5em;
}
.long_name .name_txt .name_jp {
font-size: 24px;
letter-spacing: -0.1em;
}
@media only screen and (max-width: 480px) {
.name_txt .num {
font-size: 3rem;
margin: -16px 10px -16px 0;
}
.name_txt .position {
font-size: 1.5em;
}
.name_txt .name_jp {
font-size: 1.5em;
}
.name_txt .name_jp .name_en {
font-size: 10px;
}
.long_name .name_txt .name_jp {
line-height: 1em;
}
.detailbody .pagecategorynav li {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 1150px) {
.detail .sideL {
display: table-cell;
padding-right: 30px !important;
padding-left: 30px;
box-sizing: border-box;
}
}
  :root {
--bengala: #960048;
--yellow: #e0cd76;
}
.page_title h1:before {
margin-left: 6em;
margin-right: .5em;
}
.page_title h1:after {
margin-left: .5em;
margin-right: 6em;
}
.detailbody .pagecategorynav li {
font-size: 2rem;
}
.detailbody .box h1 {
border-bottom: 2px solid var(--bengala);
color: var(--bengala);
}
.detailbody .box h1 .txt_jp {
color: var(--yellow);
}
.sideL h2 {
margin-bottom: 15px;
border-top: 2px solid rgb(190, 0, 60);
border-bottom: none;
color: var(--bengala);
line-height: 1.3;
}
.detailbody .box h2 .txt_s {
float: right;
font-size: 1.2rem;
}
.detail {
display: table;
margin-bottom: 100px;
}
.detail .sideL {
display: table-cell;
padding-right: 30px;
}
.detail .sideR {
width: 220px;
}
.detail .sideL .part {
position: relative;
overflow: hidden;
}
.detail .sideL .part a:hover .box_txt {
opacity: 0.5;
}
.detail .sideL .part a:hover {
opacity: 1;
}
.box_ph img {
position: absolute;
top: 0;
right: 63px;
width: 215px;
clip: rect(0px 156px 210px 0);
}
.box_txt {
width: 95%;
height: 180px;
padding: 5px 7px;
background-color: var(--bengala);
}
.box_txt p {
margin: 0;
padding-left: 89px;
color: var(--yellow);
line-height: 1.5;
}
.box_txt .player_num {
margin: 0px;
padding-bottom: 15px;
line-height: 1;
font-size: 4em;
color: var(--yellow);
}
.box_txt .player_name {
font-size: 1.4em;
line-height: 1.2;
padding-bottom: 5px;
color: #fff;
padding-right: 0.8em;
}
.box_txt .player_name .long_name {
letter-spacing: -0.2em;
font-size: 1.3em;
}
.box_txt .player_name_en {
color: #fff;
font-size: 0.8em;
}
.box_txt .staff_position {
padding-bottom: 5px;
letter-spacing: -1px;
}
.split3 {
margin: -5px;
margin-bottom: 20px;
text-align: justify;
}
.split3 .part {
width: calc(100% / 3 - 6px * 2);
}
.split3 .part {
margin: 6px;
}
.sideR h2 {
background-color: var(--bengala);
margin: 0;
padding: 0px 10px 10px;
line-height: 1.1;
}
.sideR h2 a {
color: #fff;
display: block;
}
.sideR h2 .txt_jp {
font-size: 1.2rem;
color: var(--yellow);
}
.sideR table {
margin: 0px;
background-color: #F4F1E4;
}
.sideR table a {
color: #444444;
display: block;
}
.sideR table th {
border: 2px solid #fff;
color: var(--bengala);
border-left: none;
font-size: 1.7rem;
font-weight: normal;
width: 60px;
padding: 10px;
}
.sideR table th.headcoach {
font-size: 1.3rem;
}
.sideR table th.staff {
font-size: 1rem;
}
.sideR table td {
border: 2px solid #fff;
border-right: none;
color: #444444;
font-size: 1.1rem;
line-height: 1.2;
} .player_box {
border: none;
margin-bottom: 30px;
}
.player_box h2 {
border: none;
}
.player_content {
border-top: 4px solid var(--bengala);
border-bottom: 4px solid var(--bengala);
padding: 10px 0 0;
}
.player_content .parent-table-cell {
margin-bottom: 20px;
}
.player_mainph {
display: table-cell;
padding-right: 20px;
}
.player_mainph img {
width: 300px;
}
.name_txt {
border-bottom: 4px solid var(--bengala);
margin-bottom: 10px;
display: flex;
width: 100%;
}
.name_txt .num {
color: var(--bengala);
font-size: 500%;
font-weight: bold;
display: inline-block;
margin: -35px 10px -20px 0;
}
.name_txt .position {
color: var(--bengala);
margin-top: -12px;
font-size: 30px;
font-weight: bold;
margin-right: 10px;
display: inline-block;
width: auto;
line-height: 1;
padding-top: 14px;
}
.name_txt .name_jp {
margin-top: 2px;
font-size: 30px;
font-weight: bold;
line-height: 1;
margin-bottom: 0;
display: inline-block;
padding-bottom: 10px;
width: auto;
}
.name_txt .name_jp .name_en {
font-size: 15px;
letter-spacing: 0.1em;
font-weight: normal;
}
.profile_detail {
display: table-cell;
width: 60%;
}
p,
table,
code {
margin: 0;
}
.profile_detail table th {
background-color: #e6cf7d;
border-bottom: 3px solid #fff;
border-top: #fff;
border-left: #fff;
border-right: #fff;
color: var(--bengala);
width: 25%;
padding: 4px 10px;
font-size: 15px;
}
.profile_detail table td {
width: 60%;
border: none;
padding: 0 10px;
line-height: 1.4;
}
.personal {
margin-bottom: 30px;
}
.personal .title {
background-color: #e6cf7d;
color: var(--bengala);
padding: 4px 10px;
width: 150px;
font-size: 15px;
font-weight: bold;
text-align: center;
}
.personal th,
.personal td {
border-top: 2px solid #d2d2d2;
border-left: none;
border-right: none;
border-bottom: 2px solid #d2d2d2;
padding: 10px 5px;
line-height: 1.3;
}
.personal th {
color: var(--bengala);
}
.personal td {
color: #616161;
}
.personal table tr:last-child th,
.personal table tr:last-child td {
}
.personal th.q_l {
width: 22%;
}
.personal th.q_r {
width: 20%;
}
.personal td.a_l {
width: 26%;
}
.personal td.a_r {
width: 20%;
} .long_name .name_txt,
.long_position .name_txt {
display: block;
}
.long_name .name_txt .position,
.long_position .name_txt .position {
font-size: 24px;
line-height: 1.5em;
}
.long_name .name_txt .name_jp {
font-size: 24px;
letter-spacing: -0.1em;
}
@media only screen and (max-width: 480px) {
.name_txt .num {
font-size: 3rem;
margin: -16px 10px -16px 0;
}
.name_txt .position {
font-size: 1.5em;
}
.name_txt .name_jp {
font-size: 1.5em;
}
.name_txt .name_jp .name_en {
font-size: 10px;
}
.long_name .name_txt .name_jp {
line-height: 1em;
}
.detailbody .pagecategorynav li {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 1150px) {
.detail .sideL {
display: table-cell;
padding-right: 30px !important;
padding-left: 30px;
box-sizing: border-box;
}
}